/* gray version*/
/* add <link href="https://fonts.googleapis.com/css?family=Comfortaa|Josefin+Sans:300" rel="stylesheet"> to index.php */

/* Maximenu tweaks */
.mobilemenuck-bar-title {display:none;}

#field8.btn, #field16.btn{
background-color: #345353;
color: #fff;
font-weight: normal;
padding: 12px 44px;
font-size: 110%;
display: block;
text-align: center;
margin: 0 auto;
} 
#modvisform164lunchlbl_0, #modvisform165lunchlbl_0{width: 247px;}
#modvisform164lunchlbl_1, #modvisform165lunchlbl_1{width: 80%;
  max-width: 401px;}

.sponsor-benefits-col{width:40%;position:relative;display:inline-block;vertical-align:top;}
.sponsor-platinum-col{width:20%;position:relative;display:inline-block;vertical-align:top;background-color:#cacaca;}
.sponsor-gold-col{width:12%;position:relative;display:inline-block;vertical-align:top;background-color:#fffd7f;}
.sponsor-silver-col{width:12%;position:relative;display:inline-block;vertical-align:top;background-color:#f2f2f2;}
.sponsor-bronze-col{width:12%;position:relative;display:inline-block;vertical-align:top;background-color:#ffc28b;}
.sponsor-cells{width:100%;height:141px;text-align:center;padding-top:19px;border:solid #9d9d9d; border-width:1px 0 0 0;}
.sponsor-cells-programs{width:100%;height:160px;text-align:center;padding-top:19px;border:solid #9d9d9d; border-width:1px 0 0 0;}
.sponsor-cells-vendor{width:100%;height:195px;text-align:center;padding-top:19px;border:solid #9d9d9d; border-width:1px 0 0 0;}
.sponsor-cells-benefits{width:100%;height:84px;text-align:center;padding-top:19px;border:solid #9d9d9d; border-width:1px 0 0 0;}
.sponsor-cells-social{width:100%;height:162px;text-align:center;padding-top:19px;border:solid #9d9d9d; border-width:1px 0 0 0;}

/* hide vis form error on registration page */
label.visCSSbot10{display:none;}

/* hides forgot password on login form */
form#login-form ul.unstyled{display:none;}

/* carried forward from old template */
.pic-featured-designer {
    font-size: 80%;
    line-height: 14px;
    font-style: italic;
}

.align-right{
float:right;
}
.align-right-featured-designer{
float:right;
width: 250px; 
font-size: 80%; 
font-style: italic; 
line-height: 14px;
margin-left:25px;
}
.align-left-featured-designer{
float:left;
width: 250px; 
font-size: 80%; 
font-style: italic; 
line-height: 14px;
margin-right:15px;
margin-top: 7px;
}



.align-right-articles{
width:48%;
font-size:80%;
text-align:left;
margin-left:10px;
margin-top:6px;
line-height:16px;
float:right;
margin-top: 7px;
}
.align-right-articles-300{
width:48%;
font-size:78%;
text-align:left;
margin-left:10px;
margin-top:7px;
line-height:16px;
float:right;
}
#find-a-designer-listing{
width: 49%; 
display: inline-block;
vertical-align:top;
}	
.customshow1020{
display:none;
}	
.customshow750{
display:none;
}


/* 750 */
@media only screen and (max-width: 750px) { 
.customshow750{
display:block;
}
.customhide750{
display:none;
}
div.wrapper{
width:100%;
}
#footer{
padding-left:3%;
padding-right:3%;
height:156px;
}
#header .wrapper{
background-color:#2F414D;
}
#form-menu { /* added to show my mobile menu */
display:block;
}
#horiz-menu{
height:5px;
}
#left-col-content {
float: none; width: 100%; padding-right: 0px; margin-top: -12px;
}
#right-col-content{
float: none; width: 100%; padding-left: 0px; margin-top: 0px;
}
#left-col-sponsors {
float: none; width: 100%; padding-right: 0px; margin-top: -12px;
}
#right-col-sponsors{
float: none; width: 100%; padding-left: 0px; margin-top: 0px
}
#left-col-contact {
float: none; width: 100%; margin-top: -12px;
margin-bottom:6px;
}
#right-col-contact{
float: none; width: 100%; padding-left: 0px; margin-top: 0px;
}
}

/* 650 */
@media only screen and (max-width: 650px) { 
.hide-650{
display:none;
}
}

/* 610 */
@media only screen and (max-width: 610px) { 
.hide-610{
display:none;
}
}

/* 570 */
@media only screen and (max-width: 570px) { 
#find-a-designer-listing{
width: 99%; 
}
#logo{
background: url("../images/style1/logo-phone.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.align-right-articles{ /* mike changed to make images not cause too narrow a column of text */
width:100%;
}
.align-right-articles-300{ /* mike changed to make images not cause too narrow a column of text */
width:100%;margin-bottom:18px;
}
}

.show490{display:none;}
@media only screen and (max-width: 540px) { 
.align-right-featured-designer, .align-left-featured-designer{
float:none;
width: 99%; 
font-size: 100%; 
font-style: italic; 
line-height: 16px;
text-align:center;
margin-left:0px;
}
}

@media only screen and (max-width: 490px) { 
.align-right{float:none;}
.hide490{display:none;}
.show490{display:block;}
.full-width-490{float:none;margin:8px 0;width:100%;height:auto;overflow:hidden;}
}


/* for vis forms */
fieldset{
border:0;
}
.vis_mandatory{
color:#CD822E;
}
.visform input, .visform select, .visform textarea{
background-color:#fff;
}
.visCSSlabel{
width:30%;
}
/* comment out for new layout
tr.sectiontableentry1 td, td.sectiontableentry1{
background-color:#2D3E4A;
}
*/
.blog{
margin-top:-18px;
}

.visform input:not(.btn), .visform select, .visform textarea{color:#000;}
.visform textarea{color:#000;}








/* end of carried forward from old template */



.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
/* set for max width 960 */
#breadcrumb{max-width:960px;}
#utility{max-width:960px;margin: 69px auto 59px;}
#utility-boxes{width:100%;padding:0;}
#utility-b, #utility-c{width:31%;}
#copyright-boxes{max-width:960px;}

/* carried forward from old theme */
.full-width-490 {
    float: left;
    margin: 8px 20px 0 0;
    width: 130px;
    height: 80px;
    overflow: hidden;
}
#mobile-bottom {
    background: url(../images/mobile-bottom-bkg.png) 0 0;
    padding: 1% 2%;
    color: #2F414D;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contact-page-bio-image{width:30%;margin-right:2%;display:inline-block;vertical-align:top;margin-bottom:24px;}
.contact-page-bio-image-right{width:30%;display:inline-block;vertical-align:top;margin-bottom:24px;}
/* vertical menu hide filter */
#off-menu_116 input.sm-filter, #off-menu_116 input.sm-filter[type="text"]{color:#000}

body {font-size: 16px;line-height: 26px;color: #2C2C2C;margin:0 auto;max-width:960px;}
h1, h2, h3, h4 {color: #3b4a56;font-weight:normal}
h1{line-height: 32px;}
h2 {font-size: 160%;line-height: 107%;text-align:  left;}

a {color: #d96e32;}
a:hover {color:#fda94e;}
.readon3{background-color: #345353;color:#fff;font-weight:normal;padding:12px 44px;font-size:110%;display:block;text-align: center;} /* WAS 6B703C */
.readon3:hover{background-color: #1d3c3c;color:#fff;}
.readon1{background-color: #ce8328;color:#fff;font-weight:normal;padding:12px 44px;font-size:110%;display:block;text-align: center;}
.readon1:hover{background-color: #9e6218;color:#fff;}
.readon2{background-color: #3a546d;color:#fff;font-weight:normal;padding:12px 44px;font-size:110%;display:block;text-align: center;}
.readon2:hover{background-color: #21364b;color:#fff;}



#header-surround{background-color:#fff; position: relative;}
#header{background-color:#fff;height:90px;}
#header p {margin-top: -10px;}
#header-height{display: none;}
#drawer-holder{background-color:#383838;background: url(../images/backgrounds/menu-bar.png) center 0 repeat-x;padding: 3px 1% 14px;background-size: auto 44px;}
#showcase a{}
#top-boxes{text-align: left;}
#top{color: #6b6b6bc7;font-size:  16px;background-color: #F5F6F8;box-shadow: 0px 1px 0 #dde0e7;  padding: 25px 4%;}
#top::after {color: #F5F6F8;text-shadow: 0px 2px 0 #dde0e7;} /*dropdown triangle */
#top h2, #top h3, #top h4{color:#656565;margin-bottom: -10px;}
#utility{color: #2C2C2C;background-color: #f5f6e5;margin-top:33px;padding:0 1% 0 2%;}
#utility h2, #utility h3, #utility h4{color:#3a536c;border-bottom: 2px solid #3a536c;}
#utility-a img, #utility-b img, #utility-c img{width:87%;}/* to fix 100% width set in css.css. This fix is for slider arrows */
#utility-a .moduletable, #utility-b .moduletable, #utility-c .moduletable {min-height:177px;}
#feature{
background-image: url(../images/backgrounds/feature/preset1/bg.png);
color: #000000;
background-color: #F5F6F8;
border-top: 1px solid #dde0e7;
border-bottom: 1px solid #dde0e7;
}
#feature h2, #feature h3, #feature h4{color:#656565}
#maintop{color: #424242;background-color: #f5f6f8;}
#maintop h2, #maintop h3, #maintop h4{color:#656565}
#expandedtop{background-color: #FFFFFF;color: #2C2C2C;}
#expandedtop h2, #expandedtop h3, #expandedtop h4{color:#656565}
#content-top{background-color: #FFFFFF;color: #6E6E6E;}
#content-top h2, #content-top h3, #content-top h4{color:#656565}
#mainbody{background-color: #FFFFFF;padding:21px 0 0;width:100%;}
.sidebar-a-container{width:29%;}
#sidebar-a{
/* was background-color: #AFB480; */
font-size:16px;
border-radius:0;
width:100%
}

#sidebar-a h2, #sidebar-a h3{font-size: 22px;}
#sidebar-b{background-color: #e6e9ee; /* #fff or #78bf57 or #888888*/
color: #5e5e5e;
font-size:16px;
}
#content-bottom{color: #6E6E6E;background-color: #FFFFFF;}
#content-bottom h2, #content-bottom h3, #content-bottom h4{color:#656565}
#content-bottom-boxes {border-top: 1px solid #ccc;padding-top: 53px;}
#expandedbottom{
color: #424242;
background-color: #f5f6f8;
border-top: 1px solid #dde0e7;
box-shadow: 0px 1px 0 #dde0e7;
}
#expandedbottom::after {color: #F5F6F8;text-shadow: 0px 2px 0 #dde0e7;}
#expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color: #6A6A6A;}
#mainbottom{background-color: #FFFFFF;color: #6E6E6E;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}
#extension{
background-image: url(../images/backgrounds/extension/preset1/bg.png);
color: #000000;
background-color: #cdcdcd;
}
#extension a{color:#07659e}
#extension h2, #extension h3, #extension h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#fullwidth{color: #6E6E6E;background-color: #FFFFFF;}
#fullwidth h2, #fullwidth h3, #fullwidth h4{color:#656565}
#bottom{
background-image: url(../images/patterns/noise.png);
background-color: #8c8c8c;
color: #f1f1f1;
font-size:115%;
line-height:32px;
text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
#bottom h2, #bottom h3, #bottom h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#footer{background-image:color: #8f8f8f;background-color: #a6ab77;border-top: 1px solid rgba(0,0,0,0.2);}
#footer-boxes {padding-bottom: 105px;padding-top: 85px;}
#footer h2, #footer h3, #footer h4{color:#fafafa;font-size:  21px;}
#footer a{color:#202020;}
#copyright{
color: #d3d3d3;
background-color: #616449;
width:100%;
}
#copyright h2, #copyright h3, #copyright h4{color:#787878;}
#copyright-a.width-95{width:100%;}


/* Features - Layout Slideshow - Navigation */
.layout-slideshow .sprocket-features-arrows .arrow {position: absolute;display: block;width: 40px;height: 40px;top: 50%;margin-top: -12px;opacity: 0.7;cursor: pointer;z-index: 100;text-align: center;font-size: 24px;line-height: 38px;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;border-radius: 3px;}
.layout-slideshow .sprocket-features-arrows .arrow span {display: none;}
.layout-slideshow .sprocket-features-arrows .prev {left: 15px;}
.layout-slideshow .sprocket-features-arrows .next {right: 15px;}
.layout-slideshow .sprocket-features-arrows .arrow.next:before {content: '\f105';font-family: FontAwesome;}
.layout-slideshow .sprocket-features-arrows .arrow.prev:before {content: '\f104';font-family: FontAwesome;}
.arrows-onhover .sprocket-features-arrows .arrow {opacity: 0;}
.sprocket-features.arrows-onhover .sprocket-features-arrows .arrow {opacity: 0;}
.sprocket-features.arrows-onhover:hover .sprocket-features-arrows .arrow {opacity: 1;}
.layout-slideshow .sprocket-features-pagination {position: absolute;left: 50%;margin-left: -22px;bottom: 15px;z-index: 10;}
.layout-slideshow .sprocket-features-pagination li {display: inline-block;padding: 7px;margin: 0 3px;opacity: 0.8;border-radius: 1em;cursor: pointer;}

/* Custom */
.layout-slideshow .sprocket-features-content {color: #ffffff;background: rgba(0, 0, 0, 0.5);padding: 15px;}
.layout-slideshow .sprocket-features-arrows .arrow {color: #ffffff;background: rgba(0, 0, 0, 0.5);}
.layout-slideshow .sprocket-features-pagination li {background: rgba(0, 0, 0, 0.7);}
.layout-slideshow .sprocket-features-pagination li.active {background: #000000;}
.layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {
    box-shadow: none;
}

/*********** end adjust slider arrows */

/* apldwa fp slider changes */
.layout-slideshow .sprocket-features-title, .layout-slideshow .sprocket-features-desc{background:transparent;}
.layout-slideshow .sprocket-features-desc{color:#5e5e5e;margin:0;padding:0}
.layout-slideshow .sprocket-features-content{left:69%;top:97%;font-size:70%;width:300px;text-align:right;padding:0;margin:0;}
.layout-slideshow .sprocket-features-img-list{overflow:visible;}

.layout-slideshow .sprocket-features-desc{color:#5e5e5e;margin:0;padding:0;top:99%;margin:0;margin-left:-2px;width:100%;position:relative;display:block;top:4px;}
.layout-slideshow .sprocket-features-content{margin-left:-3px;}


/* full width slider */
#showcase-a.width-95{width:100%;}
/* hide slider gray bar overlay for titles */
.layout-slideshow .sprocket-features-content{background:none;}
.layout-slideshow{margin-top:0;margin-bottom:-7px;padding-top:0;}




.fp-round-image-bottom-first-image{display:inline-block;margin:1%;width:220px;vertical-align:top;}
.lnee p{margin:0 0 15px} /* for the custom latest news enhanced module */
/* div.newsintro p:last-of-type {display:inline-block;} */


/*Changes to menu*/
div#maximenuck197{float:none;/* text-align:center; */margin-left:-54px;margin-top: -3px;font-family: 'Cabin', sans-serif;}/* center menu and fix left padding*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > span.separator {
font-size: 14px;
font-weight: 500;
}
div#maximenuck197 ul.maximenuck{margin-top:0;}
div#maximenuck197 ul.maximenuck li.maximenuck.level1{margin-right: 17px;}
div#maximenuck197 ul.maximenuck li.maximenuck.last.level1{margin-right:0px;}
div#maximenuck197 .maxiFancybackground{height:1px;top:44px;background-color:transparent;border-top: 0px solid #3b4a56;}


/*Bullets between menu items*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1 a:after {
    content:" \2022";
    margin-left: 13px;
}
div#maximenuck197 ul.maximenuck li.maximenuck.level1.last a:after, div#maximenuck197 ul.maximenuck li.maximenuck.level2 a:after {
    content:"";
}


/*Menu text color*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck197 ul.maximenuck li.maximenuck.level1 > span.separator{
color:#fff;
}
/*Active menu item color*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > span.separator {
color: #fff;}

/* submenu */
div#maximenuck197 ul.maximenuck li.level1.parent > a:after, div#maximenuck197 ul.maximenuck li.level1.parent > span.separator:after{right:-7px;} /*dropdown arrow position*/
div#maximenuck197 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck197 ul.maximenuck2 li.maximenuck{
padding-bottom:8px;}

/* submenu background and border */
div#maximenuck197 div.floatck{ 
border:1px; 
border-color:#fff;
background:#fff;
margin-top:24px;
padding-left:6px;
padding-top:8px;
}


/* submenu  link color */
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{
color:#666;text-transform:uppercase;} 

/* Changes menu hover color */
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,  div#maximenuck197 ul.maximenuck2 li:hover > h2 a, div#maximenuck197 ul.maximenuck2 li:hover > h3 a{
color:#fff;text-transform:uppercase;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck197 ul.maximenuck2 li:hover > a{
color:#000;text-transform:uppercase;}

/* removes dropdown arrow */
div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > span.separator:after{
    border: none;
    }
div#maximenuck197 ul.maximenuck li.level1.parent > a:after, div#maximenuck197 ul.maximenuck li.level1.parent > span.separator:after {
    position: static;  
    display: inline;  
}
div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > a{
    padding-right: 0;
}
    

    



.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}
.show767{display:none;}
.show480{display:none;}



@media only screen and (max-width: 1200px) {
.show-over-1200{display:none;}
.show1200{display:block;}
.fp-round-image-bottom-first-image{display:none;}
}

@media only screen and (max-width: 960px) {
.show960{display:block;}
.hide960{display:none;}
body{padding:0 24px;}
.sidebar-a-container{width:95%;}
}

@media only screen and (max-width: 767px) {
.show767{display:block;}
.hide767{display:none;}
.layout-slideshow .sprocket-features-content{background:none;}
.layout-slideshow{margin-top:0px;}
#utility-a, #utility-b, #utility-c{width:100%;}
#utility-b, #utility-c{margin-top:33px;}
#utility-a .moduletable, #utility-b .moduletable, #utility-c .moduletable {min-height:122px;}
.sponsor-cells{height:145px;}
.sponsor-cells-benefits{height:145px;}
.sponsor-cells-vendor{height:175px;}
.sponsor-benefits-col{width:58%;}
.sponsor-platinum-col{width:40%;}
.sponsor-gold-col{width:40%;}
.sponsor-silver-col{width:40%;}
.sponsor-bronze-col{width:40%;}
}

@media (max-width: 575px) {
.sponsor-cells{height:187px;}
.sponsor-cells-benefits{height:187px;}
.sponsor-cells-vendor{height:228px;}
}


@media (max-width: 480px) {
.show480{display:block;}
.hide480{display:none;}
body{padding:0 12px;}
.contact-page-bio-image{width:100%;margin-right:0%;display:block;vertical-align:top;margin-bottom:24px;}
.contact-page-bio-image-right{width:100%;display:block;vertical-align:top;margin-bottom:24px;}
.sponsor-cells-programs{height:288px;}
.sponsor-cells-benefits{height:288px;}
.sponsor-cells-vendor{height:288px;}
.sponsor-cells{height:288px;}
}