/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .section-container{font-size:20px;font-weight:400;margin:20px 0 15px;font-family: Montserrat;}
 .fabrics-list{padding:0;margin:20px 0;list-style: none;clear:both;display:block;width:100%;overflow:hidden;}
    .fabrics-list .fabric-item{margin:0;padding:0;float:left;margin-right:3px;}
        .fabrics-list .fabric-item a img{border:solid 2px #fff;display:block;}
        .fabrics-list .fabric-item a.active img{border:solid 2px #d90000;}


/* The CSS */

body select.stylized {width:330px;line-height:24px!important;font-size:18px!important;font-weight:300!important;padding: 3px;margin: 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;background: #f8f8f8;color: #888;border: none;outline: none;display: inline-block;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body select.stylized {padding-right: 18px}
}
body label.select {position: relative}
/* body label.select:after {content: '<>';font: 11px "Consolas", monospace;color: #aaa;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);right: 8px;top: 2px;padding: 0 0 2px;border-bottom: 1px solid #ddd;position: absolute;pointer-events: none;} */
/* body label.select:before {content: '';right: 6px;top: 0px;width: 20px;height: 20px;background: #f8f8f8;position: absolute;pointer-events: none;display: block;} */
#roof-preview{max-width:330px;max-height:330px;overflow:hidden;}
    #roof-preview img{max-width:100%;}
    body .select.stylized option{display:none;}
    
@media screen and (max-width:767px){    
	body .fabrics-list .fabric-item a.active img{max-width:98%!important;}
	body .fabrics-list .fabric-item{max-width:49%!important;}
	.page-id-14247 .mk-grid{width:100%!important;}
	body .ls-wrapper > h2, body .ls-wrapper > h2, #ls-global .ls-wrapper > h2{zoom:1.4;/*font-size:16px!important;*/}
	.mk-responsive-nav li ul li a{font-size:15px!important;}
	/* body .ls-wrapper{left:73px!important;} */
}