/*   
Theme Name: CameoEZ Support Theme
Theme URI: http://support.cameoez.com
Description: The official Theme for the CameoEZ Support Site
Author: Jason Elgin
Author URI: http://omeganetinc.net
Version: 1
*/

/*@import url("../twentytwenty/style.css");*/
/*@import url("../twentytwentyone/style.css");*/
/* @import url("../twentytwentytwo/style.css");*/
@import url("../twentytwentythree/style.css");

/*@import url("../twentytwentyfour/style.css");*/

/*@import url("../twentynineteen/style.css");*/
/*@import url("../eksell/style.css");*/
	

/* Reset browser defaults
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
/*	background: transparent;*/
}									

#header, #headerimg {background:#333333}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
article.page {background-color:#ffffff;height:1000px;min-height:900px}

p, ul, ol, h4 {font-size:16px; line-height:22px}

span.p-margin {margin-bottom:12px}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
*/
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}
/*
li {transition-duration: 0.5s;}
ul li ul {
	visibility: hidden;
	opacity: 0;	
	transition: all 0.5s ease;
	display:none;
	height:0px;
}

ul li:hover > ul,
ul li:focus-within > ul, 
ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
	height:500px;
}
*/
/*
ul li ul li {
	clear: both;
	width: 100%;
}
*/
blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

.rpwe-block h3 {font-size:20px !important;font-weight:600 !important}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

.wrap-text {word-wrap:break-word;}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  




/* off-black text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #48759c; color: #fff; text-shadow: none;}
::selection {background: #48759c; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}



/* Primarily Wordpress Specific.
-------------------------------------------------------------------------------*/



.post {}

.entry {clear:both}
.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {display:none}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-device-width: 480px) {
	
		
}



/*	COLORS:

	cream: 	#f0f0f0
	gray:	#a1a0a0
	red:	#8e001c
	footer gray: #eeeeee
*/
/*
	UTILITY
*/

.float-left	{
	float: left;
}
.float-right	{
	float: right;
}
.clear-left	{
	clear: left;
}
.clear-right	{
	clear: right;
}
.clear-both	{
	clear: both;
}

/*THE GROUP CLASS KEEPS THE PARENT CLASS FROM COLLAPSING ON ITS CHILDREN*/
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*
	TYPOGRAPHY
*/
body	{
	font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif;
	font-size: .75em; /* 12 /16 */
	font-weight:200;
	text-align: left;
}

p,ul,ol,h1,h2,h3,h4,h5	{
	margin-bottom: .75em;
}

h1	{
	font-size: 2.5em;
	font-weight:normal;
}

h2	{
	font-size: 2em; /*1.33333333333333em;  16 /12 */
}

h3	{
	font-size: 20px; line-height:26px; /*1.16666666666667em;  14 / 12 */	
}

h4	{
	font-weight: bold;
}

 body a:link, a:visited, a:active {
    color: #006699;
    font-weight: normal;
}


a	{
	font-weight:normal;
	color: #006699;
}


ol ul	{
	margin-left: 2em;
	list-style-type: disc;
}
li	{
	line-height: 1.33333333333333em; /* 16 /12*/
}

article li	{
	list-style-type: disc;
	list-style-position: inside;
}
/*
	LAYOUT
*/
body	{
	position: relative;
	width: 100%;
}
#page	{
	position: relative;
	width: 100%;
	/*min-width: 960px;*/ /*REMOVE WHEN YOU CAN */
	margin: 0 auto;

}

#content-wrapper	{
	position: relative;
	background-color: #fff;
	width: 95.967741935484%; /* 952 /992 */
	max-width: 1440px;
	min-height: 100%; height: auto !important; height: 100%;
	margin: 10px auto 20px; 
	/*min-width: 960px;*/ /* REMOVE WHEN YOU CAN */	
	padding: 0 2.016129032258% 2.016129032258%; /* 20/ 992 */
}

#main-content	{
	position: relative;
	float:left;
	width: 62.526315789474%;/* 594/950 */
	text-align: left;
}

.wp-block-post-template li { 
	list-style:none;
	font-size:16px !important;
	line-height:22px;
	margin-top:15px;
}

#aside	{
	position: relative;
	float:right;
	width: 33.052631578947%; /*314 / 950 */ /*I've subtracted 2px for a left and right border */
	padding: 0 1.052631578947%; /* 10 / 950 */
	min-height: 400px;
	border-left: #d4d0c8 solid 1px;
	border-right: #d4d0c8 solid 1px;
	background-color:#ffffff
}

#aside a	{
	text-decoration: none;

}

/*
	ARTICLE STYLES
	
*/
.article-img	{
	max-width: 46.632996632997%; /* 277 / 594 */ /* this style should not be as generic. It only applies to certain images that have been marked with this class in the article (handcoded) */

}

article img	{
	margin: 0 1.683501683502% 1.683501683502% 1.683501683502%; /* 10 / 594 */
}

/*
	STYLE
*/

#main-content ul li	{
	list-style-type: disc;
}
#main-content ol li	{
	list-style-type:decimal;
}

#main-content ol ol li	{
	list-style-type: lower-alpha;
}

#main-content ol ul li	{
	list-style-type: circle;
}
/*
	HEADER
*/
#header	{
	width: 98.387096774194%; /* 970 /992 */
	padding: 0 .806451612903% 0 .806451612903%; /* 8/ 992 */
/*	background: #cfd3d8 url(https://support.cameoez.com/images/header-bg.png) repeat-x;*/
	border-bottom: #cacaca solid 2px;
	color: #ccc;
}


#header a {
	text-decoration: none;
	font-weight: normal;
/*	text-transform: uppercase;*/
	color: #ccc;
}


#header a:hover, #header a:visited	{
	color: #dddddd;
}

#logo	{
	float:left;
	margin: -10px 0 0 0;
}
#logo-copy {font-size:35px}
#logo-copy a {margin-top:5px}
p#omega-brand {margin-top:15px}

#omega-brand {
	float:left;
	margin-left: .5em;
}

#omega-brand img  {
}
#omega-brand span { position:relative;top:-10px }

#logo-copy	{
	float: left;
	
}

#site-description {
	position: absolute;
	top: 60px;
	left: 120px; 
}

.header-wrapper	{
	margin: 20px auto 0;
	width: 95.967741935484%; /* 950 /992 */
	padding:0 2.016129032258% 0 2.016129032258%; /* 20/ 992 */
	max-width: 1920px;
}

.header-wrapper h1 a	{
	font-weight:100;
}

#alert-box	{ display:none;
/*	width: 59.677419354839%; /* 592/992 */
	margin: 0 auto 20px;
	text-align:center;
	color:#8e001c;
	font-weight: bold;
	clear:both;*/
}

#search-box	{
	float:right;
	clear: right;
}


/*
	MENU
*/
#nav	{
	float:right;
	margin: 40px 0  0 0;
	width: 100%;/
	/*clear: both;*/
}
#small-nav	{
	display: none;
}

.widget_nav_menu {
	display: none;
}

#menu-main-nav-menu	{
/* ALL OF THESE STYLES ARE IN THE superfish.css file */
}
/*
#menu-main-nav-menu li {
	display:inline-block;
	transition-duration: 0.5s;
}
li:hover { cursor: pointer; }
ul#menu-main-nav-menu li:hover > ul.sub-menu, ul#menu-main-nav-menu li ul:hover {
	visibility: visible;
	opacity: 1;
	display:block;
}
ul#menu-main-nav-menu li ul.sub-menu li {
	clear: both;
	width: 100%;
}
ul#menu-main-nav-menu li ul {
	visibility:hidden;
	display:none;
	position:absolute;
	transition: all 0.5s ease;
	margin-top: 1rem;
	left:0
}
#menu-main-nav-menu li ul li {display:block}
*/

#menu-footer-nav-menu .sub-menu   { display:none;position:relative }

ul#menu-footer-nav-menu li:hover > ul {display:block;position:absolute;top:17px;} 


/*
	MAIN-CONTENT
*/
#main-content { clear:both; }
#main-content a	{
	text-decoration: none;

}



/*
	BULLETIN LIST
*/
.bulletin-list	{
	margin-left: 3.367003367003%;
	margin-bottom: .25em;
}

/*
	RETAIL MAIN PAGE
*/
.dark-pane	{
	background: #ddd;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
 	border-radius: 15px;
 	width: 93.265993265993%;
 	padding: 3.367003367003%;
 	margin-bottom: 20px;
}
.dark-pane:after	{
	clear: both;
}

.light-pane	{
	background: #f0f0f0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
 	border-radius: 15px;
 	width: 93.265993265993%;
 	padding: 3.367003367003%;
 	margin-bottom: 20px;
}

.light-pane h3 ,.dark-pane h3	{
	text-align: center;
}


/*
	VIDEO TUTS
*/
.video-tuts img	{
	float:left;
}

/*
	PLUGINS
*/
.posts-by-tag-list li a	{
	font-weight: bold;
}
.posts-by-tag-list li	{
	margin-bottom: .75em;
}

.posts-by-tag-list small	{
	display: block;
	margin: 0;
	padding: 0;
}

/*	
	FOOTER
*/
#footer	{
	width: 95.967741935484%; /* 950 /992 */
	padding: 2.016129032258%; /* 20/ 992 */
	margin: 0 auto;
	background: #333333 url(https://support.cameoez.com/images/header-bg.png) repeat;/*#cfd3d8*/
	color: #fff;
}

#footer-wrapper	{
	max-width: 1920px;
	margin: 0 auto;
}

#nav-footer	{
	position: relative;
	width: 100%;
	min-height: 120px;
	
}

ul#menu-footer-nav-menu	{
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	font-size: 14px;/*0.91666666666667em   11 /12 */
}

ul#menu-footer-nav-menu li	{
	display: inline-block;
	position: relative;
	left: 2.5em;
	padding: 0 2.25em;
	text-transform: uppercase;
}

ul#menu-footer-nav-menu li a	{
	text-decoration: none;
	color: #cccccc;
	font-weight: bold;
	padding: 0;

}

ul#menu-footer-nav-menu li ul	{
    position:absolute;
    top: 1.5em;
    left: -.75em;
    white-space:nowrap;
}

ul#menu-footer-nav-menu li ul li	{
	display: list-item;
	text-align: left; 
	font-size: 0.81818181818182em; /* 9 /11 */	
	/*width: 100%;*/
}

ul#menu-footer-nav-menu li li a{
	color: #eeeeee;
	text-transform: none;
}

ul#menu-footer-nav-menu li a:hover{
	text-decoration: underline;
}

#company-info	{
	width: 100%;
	clear: both;
	float: left;
}
#copyright	{
	letter-spacing: 3px;
	float: left;
}

#footer-contact	{
	letter-spacing: 3px;
	float: right;
}

body:hover { 
	-webkit-transform: rotate(360deg); 

} 


@media screen and (min-width: 921px) {
	#search-box {
		margin-top: 40px;
	}
}
/*My first major breaking point */
@media screen and (max-width: 920px) {

	/*HEADER */
	#omega-brand {
		position: absolute;
		top: 50px;
		left: 150px;
	}

	#logo-copy	{
		float: left;	
	}

	#site-description {
		position: relative;
		float: right;
		top:inherit;
		left: inherit;
	}

	#menu-main-nav-menu {
		font-size: 0.83333333333333em;/*9/12*/
		
		/*Media Queries for main nav are in the superfish.css file display: none;*/
	}

	.widget_nav_menu {
		display: inline;
	}
	#search-box {
		float: right;
	}
	
	/*FOOTER*/

	ul#menu-footer-nav-menu	{
		width: 100%;
		float: left;
		text-align: center;
		position: relative;
		font-size: 0.91666666666667em  /* 11 /12 */
	}

	ul#menu-footer-nav-menu li	{
		display: inline;
		position: relative;
		padding: 0 1.5em;
		text-transform: uppercase;
	}

	ul#menu-footer-nav-menu li a	{
		text-decoration: none;
		color: #cccccc;
		font-weight: bold;
		padding: 0;

	}

	ul#menu-footer-nav-menu li ul	{
    	display: none;
	}

	ul#menu-footer-nav-menu li ul li	{
		display: inherit;
	}

	
}



/* MAJOR LAYOUT ELEMENTS UNDER 768 */
@media screen and (max-width: 768px) { 
	/*HEADER*/
	h1 {
		font-size:1.83333333333333em; /*18 /12 */
	}

	/*FOOTER*/
	/*footer goes here*/
	/*MAIN PAGE*/
	/*ul#main-services li	{
		display: list-item;
	}
	ul#main-services  img {
		display: list-item;
	}*/
	.header-wrapper	{
		float:left;
	}
	#search-box	{
		/*width: 45.572916666667350%;*/ /*350/768*/ 
		float: right;
	}
	/*MAIN CONTENT*/
	#page { 
		width: auto; 
	} 

	#main-content, #aside, #content-wrapper, #header { 
		margin: 0 auto 30px; 
		width: 100%; 
	} 
	#aside	{
		float:left; 
		clear: left; 
		width: 41.666666666667%; /*320/768*/ 
		border: none;
	}
	/*FOOTER*/
	ul#menu-footer-nav-menu	{
		display: none;
	}
}


/* MAJOR LAYOUT ELEMENTS UNDER 600 */
@media screen and (max-width: 600px) {
	#logo {
		float: right;
	}
	#omega-brand {
		position: inherit;
		float:left;
		clear: left;
		margin: -15px 0 5px 0;
	}
	/*NAVIGATION*/
	#nav {
		display:none;
	}
	#small-nav {
		display:inline;
		float: right;
		clear: left;
		width: auto;
	}
	#small-nav ul {
		min-width: 210px;
	}
	#small-nav ul li {
		display: inline;
    	margin: 0 2.272727272727% 0 0;
	}
	#small-nav a, #small-nav a:hover, #small-nav a:visited {
    	color: #333333;
    	font-weight: bold;
	}
	#omega-brand img {
		
	}
	#logo-copy	{
		float: left;	
	}

	#site-description {
		position: relative;
		float: left;
		clear: left;
	}
	#search-box	{
		/*width: 45.572916666667350%;*/ /*350/768*/ 
		float: right;
		clear: right;
	}

}

@media screen and (max-width: 480px) { 
	#aside {
		width: 66.666666666667%; /*320/480*/ 
		margin: 10px auto;
	}


}

@media screen and (max-width: 320px) { 
	#aside {
		width: 100%; /*320/480*/ 
		margin: 10px auto;
	}


}

/*
	HOME PAGE
*/



ul#main-services	{
}

ul#main-services li	{
	display: inline;
}

ul#main-services img	{
	position: relative;
	float:left;
	display: block;
	width: 26.599326599327%; /* 158 / 594 */
	margin: 0 1.683501683502%; /* 10 / 594 */
}

#vendorFAQ, #retailFAQ, #repFAQ  { 
	width:225px;
	float:left;
	padding-top:25px;
	font-family:Century Gothic,'Trebuchet MS', Arial, Helvetica, sans-serif; 
	}

#vendorFAQ li  {
	list-style:none;
}

#vendorFAQ li:hover, #retailFAQ li:hover, #repFAQ li:hover  {
	background-color:#AAA;
}


#retailFAQ li  {
	list-style:none;
}

#repFAQ li  {
	list-style:none;
}



#vendorFAQ { list-style:none; }

#retailFAQ { list-style:none; }

#repFAQ { list-style:none; }

.homeTiles { 
	height: 75px;
	text-align:center; 
	padding: 15px 10px 0 10px; 
	margin:5px 10px 10px 10px; 
	font-size:22px;
	font-weight:700;

	}
	
#main-content ul .homeTiles {
	list-style-type: none;
}

.homeTiles a:link, .homeTiles a:visited, .homeTiles a:hover {
	color:#fff;
	text-decoration:none;
}

.homeTiles li:hover { background-color:#AAA }

.vendorHead, .retailHead, .repHead { 
	height: 75px;
	text-align:center; 
	color:#fff;
	font-size:24px;
	font-weight:700; }

.vendorHead { background-color:#CC0000; }
.venSpreadshTile { background-color:#EEBB99 }
.venImagesTile { background-color:#ff6666 }
.venOrdersTile { background-color:#ff3333 }
.pdfCatalogTile { background-color:#FF0061 }
.venCouponTile { background-color:#FF9999 }

.retailHead { background-color:#000 }
.retSpreadshTile { background-color:#BBB }
.retimagesTile { background-color:#888 }
.retOrdersTile { background-color:#777 }
.retOptionsTile { background-color:#333333 }
.retSpecialsTile { background-color:#999 }

.repHead { background-color:#45f }
.repChooseVenTile { background-color:#7DB4B5}
.repVenThumbsTile { background-color:#006699 }
.repOrdersTile { background-color:#6666FF }
.repShowsTile { background-color:#33CCFF }
.storeLocatorTile { background-color:#9999FF }

/*** end HOME PAGE ***/

/*** Spreadsheet ***/

#ItemSSColHeads {
	columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

#RefLinks { 
	columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}