h1/*
Theme Name: Codeus Child
Description: Child theme for Codeus theme
Author: LinkConnector
Template: codeus
*/




/*MELISSA ROSE CODE ADDED*/

.home-icon {
  width:80px;
  height:80px;
}

.content-wrap .iconed-title .icon, .iconed-text .icon { margin-top: 15px; }


.facebooklogo {src:url("facebooklogo/wp-content/uploads/2015/07/FB.png")}
.twitterlogo {src:url("facebooklogo/wp-content/uploads/2015/07/TW.png")}
.googlepluslogo {src:url("facebooklogo/wp-content/uploads/2015/07/G.png")}
.linkedinlogo {src:url("facebooklogo/wp-content/uploads/2015/07/IN.png")}
.bloglogo { src:url("facebooklogo/wp-content/uploads/2015/07/blog.png");}

/* Accordion PLUS Circle */

.accordion h5:before, .shipping-calculator-button:before {
  border-color: #9073B3;
  color: #9073B3;
}


.accordion > h5 {color: #8e73B2;}


/*   BUTTONS */

.BUTTON_CENTER {text-align: center;}

.button {
  font-size: 0.9375em !important;
  line-height: 0.8375em !important;
}
.button_JOIN {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  background: #86C042;
  padding: 10px 20px;
  text-decoration: none;
  min-width: 200px;
}

.button_CONTACT-US {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  background: #86C042;
  padding: 10px 20px;
  text-decoration: none;
  min-width: 200px;
}

.button_JOIN:hover, .button_CONTACT-US:hover {
  background: #85AE41;
  text-decoration: none;
  color: #ffffff;
}

a.button {
font-size:0.9375em ;
line-height: 0.8375em
font-weight: bold;
font-style: normal;
color: #ffffff;
border-radius: 10px;
min-width: 100px;
text-align: center;
background-color: #87C042;
padding: 17px 20px;
}


/* START MROSE MEDIA QUERIES */

@media all (max-width: 1280px) {

/* Merchant Page for the Element */
.MER-Element { width:58%!important;}

}

@media all and (min-width: 1024px) and (max-width: 1280px) {
.header-height {min-height: 178px;}
#footer .industry-icons {margin-top: 94px; text-align: right;}

/* Merchanft Page for the Element */
.MER-Element { width:58%!important;}

}





@media all and (min-width: 766px) and (max-width: 1024px) {
.header-height {min-height: 178px;}
.page-title-block-header {
   min-height: inherit;
  margin-top: 0px;
  padding: 5px 50px;
}
/*.page-title-block-header h1 {font-size: 80% !important;}*/
#header .logo {min-width: 50% !important; padding-bottom:10px}
#header #site-navigation {margin-top: -32px;}

/* #footer .socials-icons {text-align: left !important;} */
#footer .industry-icons { margin-top: 30px !important; margin-left: 10px !important; text-align: right !important;}





/* p {font-size:88%!important;} */

.MER-Element { width:70% !important;}

}


@media only screen and (max-width:999px) {

	/* LAYOUT */
	.central-wrapper {
		width: auto;
	}
}


@media only screen and (max-width:992px) {

	/* LAYOUT */
	.central-wrapper {
		width: 800px;
	}
}

@media all and (max-width: 800px) {

.wpb_wrapper {
	text-align:center;
}

}
@media all and (min-width: 768px) and (max-width: 800px) {
.header-height {min-height: 103px;}
#header .logo {max-width: 25%;}
#header #site-navigation {margin-top: -50px;}
#footer .socials-icons {text-align: left !important;}
#footer .industry-icons { margin-top: 30px !important; margin-left: 10px !important; text-align: left!important;}

/* p {font-size:88%!important;} */
.MER-Element { width:70% !important;}

.MER_Call-To-Action_Box {
    padding: 2% 5%;
    background-color: #F3F4F6;
    margin: 3%!important;
    width: 85%!important;
    float: none;
}
.MER_Call-To-Action_Text3 {
    background-color: #F3F4F6;
    margin: 0% auto;
    padding: 2.5% 5%;
}

}





@media all and (min-width: 716px) and (max-width: 768px) {
.header-height {min-height: 134px; }
#header .logo {max-width: 25%;}
#header #site-navigation {margin-top: -60px;}

#footer .industry-icons { margin-top: 30px !important; margin-left: 10px !important; text-align: left !important;}



body.vc_responsive .wpb_row .vc_span2 {float: left !important; width:  33.3% !important;}
.wpb_row .vc_span2 img {width: 50%;}


/*p {font-size:88%!important;}
*/
.MER-Element { width:70% !important;}

.MER_Call-To-Action_Box {
    padding: 5% 10%;
    background-color: #F3F4F6;
    margin: 3% auto;
   width: 100%!important;}

}

.MER_Call-To-Action_Text3 {
    background-color: #F3F4F6;
    margin: 0% auto!important;
    padding: 2.5% 5%!important;
}

}




@media all and (min-width: 616px) and (max-width: 768px) {
.header-height {min-height: 135px}
.page-title-block-header h1 {
   min-height: inherit;
  margin-top: 0px;
  padding: 5px 50px;
}

#header .logo {max-width: 25%;}
#header #site-navigation {margin-top: -60px;}

#footer .socials-icons {text-align: left !important;}
#footer .industry-icons { margin-top: 30px !important; margin-left: 10px !important; text-align: left !important;}

h1, h2, h3, h4,h5, h6 {font-size:100%!important;}

p {font-size:88%!important;}

.icon-image1 {
  float: none!important;
  text-align: center;
}

.MER-Element { width:70% !important;}


.MER_Call-To-Action_Box {
    padding: 5% 10%;
    background-color: #F3F4F6;
    margin: 3% auto;
   width: 100%!important;}

}
}





@media all and (min-width: 480px) and (max-width: 616px) {
.header-height {min-height: 118px;}
.page-title-block-header {
   min-height: inherit;
  margin-top: 0px;
  padding: 5px 60px;
}

.logo img.header-fixed-logo {padding: 0; width: 70% !important;}
#header #site-navigation {margin-top: -60px;}

#footer .socials-icons {text-align: left !important;}
#footer .industry-icons {margin-top: 30px !important; margin-left: 10px;text-align: left !important;}



.AFF_Call-To-Action_Text-Box {padding: 2.5% 5%;}

.icon-image1 {
  float: none!important;
  text-align: center;
}

.MER-Element { width:70% !important;}

.MER_Call-To-Action_Box {
    padding: 5% 10%;
    background-color: #F3F4F6;
    margin: 3% auto;
   width: 100%!important;
   }

 }





@media only screen and (max-width: 550px) {
.header-height {min-height: 130px;}
.page-title-block .page-title-block-header {
  min-height: inherit;
  padding-top: 8px;
}

.logo img.header-fixed-logo {padding: 0; width: 70% !important;}
#header #site-navigation {margin-top: -60px;}

#footer .industry-icons {margin-top: 30px !important;   margin-left: 10px;text-align: left !important;}



.AFF_Call-To-Action_Text-Box {padding: 2.5% 5%;}

.icon-image1 {
  float: none!important;
  text-align: center;
}
.MER-Element { width:70% !important;}
.MER_Call-To-Action_Box {
    padding: 5% 10%;
    background-color: #F3F4F6;
    margin: 3% auto;
   width: 100%!important;
   }


}





@media all and (max-width: 480px) {
.header-height {min-height: inherit;}
.logo img.header-fixed-logo {padding: 0; width: 70% !important;}
#header #site-navigation {margin-top: -60px;}

#footer .industry-icons {margin-top: 30px !important;   margin-left: 10px; text-align: left !important;}


.icon-image1 {
  float: none!important;
  text-align: center;
}


.AFF_Call-To-Action_Text-Box {padding: 2.5% 5%;}


.MER_Call-To-Action_Box {
    padding: 5% 10%;
    background-color: #F3F4F6;
    margin: 3% auto;
   width: 100%!important;}

}

/* END MEDIA QUERIES */





/* END MROSE CSS */







/* HEADER */
#header #site-navigation {
	float: left;
	width: 80%;
}

#header #site-navigation-submenu {
	float: left;
}
#header .logo-position-right #site-navigation-submenu {
	float: left;
}
#header #site-navigation-submenu .menu-toggle {
	display: none;
}
#header #site-navigation-submenu ul.main_menu {
	list-style: none;
	padding: 0;
	margin: 0;
	padding: 0;
}
#header #site-navigation-submenu ul.main_menu li {
	display: inline-block;
	padding: 10px 0 0;
	position: relative;
	z-index: 20;
	vertical-align: top;
}
#header #site-navigation-submenu ul.main_menu li a {
	display: block;
	padding: 0 15px;
	white-space: nowrap;
	color: #3D3942;
	font: "Karla";
	font-size: 12px;
	text-transform: uppercase;
	border-right: solid 1px #B4B4B4;
}
#header #site-navigation-submenu ul.main_menu li a:hover {
	text-decoration: none;
	color: #9073B3;
}
#header #site-navigation-submenu ul.main_menu ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 280px;
	box-shadow: 0 0 3px 0 #aaa;
	-moz-box-shadow: 0 0 3px 0 #aaa;
	-webkit-box-shadow: 0 0 3px 0 #aaa;
	padding: 0;
}
#header #site-navigation-submenu ul.main_menu ul.horizontalFlip {
	left: auto;
	right: 0;
}
#header #site-navigation-submenu ul.main_menu li:hover > ul,
#header #site-navigation-submenu ul.main_menu li.hover > ul {
	display: block;
	animation: menuLevel2Show 0.3s ease-out forwards;
	-webkit-animation: menuLevel2Show 0.3s ease-out forwards;
}
@-webkit-keyframes menuLevel2Show {
	0% { opacity: 0; margin-top: 30px; }
	10% { opacity: 0; margin-top: 30px;}
	100% { opacity: 1;  margin-top: 0px;}
}
@keyframes menuLevel2Show {
	0% { opacity: 0; margin-top: 30px; }
	10% { opacity: 0; margin-top: 30px;}
	100% { opacity: 1;  margin-top: 0px;}
}
#header #site-navigation-submenu ul.main_menu li li {
	display: block;
	padding: 0;
}
#header #site-navigation-submenu ul.main_menu li li a {
	padding: 7px 25px;
	position: relative;
	white-space: normal;
}
#header #site-navigation-submenu ul.main_menu li li.menu-parent-item > a:before {
	position: absolute;
	right: 15px;
	font-size: 11px;
	content: '\e60f';
}
#header #site-navigation-submenu ul.main_menu ul ul,
#header #site-navigation-submenu ul.main_menu ul ul ul {
	left: 100%;
	top: 0;
}
#header #site-navigation-submenu ul.main_menu ul li:hover > ul,
#header #site-navigation-submenu ul.main_menu ul li.hover > ul {
	display: block;
	animation: menuLevel3Show 0.3s ease-out forwards;
	-webkit-animation: menuLevel3Show 0.3s ease-out forwards;
}
@-webkit-keyframes menuLevel3Show {
	0% { opacity: 0; margin-left: 30px;margin-top: 0;}
	10% { opacity: 0; margin-left: 30px;margin-top: 0;}
	100% { opacity: 1;  margin-left: 0px;margin-top: 0;}
}
@keyframes menuLevel3Show {
	0% { opacity: 0; margin-left: 30px;margin-top: 0;}
	10% { opacity: 0; margin-left: 30px;margin-top: 0;}
	100% { opacity: 1;  margin-left: 0px;margin-top: 0;}
}
#header #site-navigation-submenu ul.main_menu ul ul.horizontalFlip {
	left: auto;
	right: 100%;
}
#header #site-navigation-submenu ul.main_menu ul li:hover > ul.horizontalFlip,
#header #site-navigation-submenu ul.main_menu ul li.hover > ul.horizontalFlip {
	display: block;
	animation: menuLevel3FlipShow 0.3s ease-out forwards;
	-webkit-animation: menuLevel3FlipShow 0.3s ease-out forwards;
}
@-webkit-keyframes menuLevel3FlipShow {
	0% { opacity: 0; margin-right: 30px;margin-top: 0;}
	10% { opacity: 0; margin-right: 30px;margin-top: 0;}
	100% { opacity: 1;  margin-right: 0px;margin-top: 0;}
}
@keyframes menuLevel3FlipShow {
	0% { opacity: 0; margin-right: 30px;margin-top: 0;}
	10% { opacity: 0; margin-right: 30px;margin-top: 0;}
	100% { opacity: 1;  margin-right: 0px;margin-top: 0;}
}









/* CONTENT */

.panel {padding-right: 0px;}

/* FOOTER */
#footer .socials-icons li a {
    width: 31px !important;
    height: 31px !important;
}

#footer #contacts {padding: 60px 0 0 0 }

/* #footer .socials-icons {
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 10px;
  text-align: right;
}
*/

#footer .industry-icons {margin-top: 94px;  text-align: right;}


.industry-icons ul {
	margin: 0 -15px -15px 0;
	font-size: 0;
}
.industry-icons li {
	display: inline-block;
	margin: 0 15px 15px 0 !important;
	padding: 0 !important;
}
.industry-icons li a {
	display: inline-block;
	position: relative;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: top;
}

#bottom-line {
	padding: 35px 0;
}
#footer ul.footer-nav {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer .footer-nav li {
	display: block;
	margin-right: 20px;
	position: relative;
	padding-left: 0em;
}
#footer .footer-nav li a {
    font-family: 'Source Sans Pro';
    font-size: 12px;
    color: #bbbdbf !important;
    display: block;
    white-space: nowrap;
}
#footer .footer-nav li:before {
	position: absolute;
	font-weight: normal;
	content: '';
	font-size: 0.0%;
	left: 0.0em;
}

#footer .footer-nav li a:hover {
	text-decoration: none;
	color: #9073b3 !important;
}

#footer .footer-nav .nav-title a {
	padding-bottom: 5px;
	font-size: 0.938em;
	color: #ffffff !important;
	text-decoration: none;
}

#footer .footer-nav .nav-title a:hover {
	padding-bottom: 5px;
	font-size: 0.938em;
	color: #9073b3 !important;
	text-decoration: none;
}

#footer .footer-nav .menus {
   float: left;
   width: 175px;
   min-height: 200px;
}

/* IMAGE */

.image.wrap-box {
    margin-bottom: 1px;
}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.logo-col {
	background-size:auto !important;
	background-position: center center !important;
}
