/*
 ----------------------------- 
 PVII Layout Builder Magic
 by Project Seven Development
 www.projectseven.com
 Custom Styles
 -----------------------------
*/



body {
    color: #121e36;
}

.lbm-stack-sans {
    font-family: Source Sans Pro, sans-serif;
}
/*
.lbm-stack-serif {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
.lbm-stack-thin {font-family: Lato, "Gill Sans", Optima, sans-serif; font-weight: 300;}
.lbm-stack-fancy {font-family: Federo, "Gill Sans", Optima, sans-serif;}
*/


h1, h2, h3, h4, h5 {
	font-family: Oswald, sans-serif;
    font-weight: normal;
}
h1 {font-size: 180%; padding:0px; margin:0px;}
h2 {font-size: 160%; padding:0px; margin:0px;}
h3 {font-size: 140%; padding:0px; margin:0px;}
h4 {font-size: 120%; padding:0px; margin:0px;}
h5 {font-size: 110%; padding:0px; margin:0px;}

p {
    line-height: 1.5em;
    padding:0px;
    margin:0px;
    padding-top:12px;
    padding-bottom:15px;
}

h3 {
	margin: 10px 0px;
}

/*
.scalable-160 {
	width: auto;
	height: auto;
	max-width: 50%;
    float:left;
    padding: 5px 12px 2px 0px;
    border-radius: 4px;
}
*/

.scalable-rounded {
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 7px;
}
img.article-image {
    float: left;
    margin: 0px 20px 2px 0px;
	height: auto;
    width: 400px;
    max-width: 60%;
	border-radius: 2px;
    border: #E5E5E5 solid 1px;
    box-sizing: border-box;
}
img.article-image-commonColumn { /* added 111619 */
    margin: 8px 0px 10px 0px;
	height: auto;
    width: 100%;
	border-radius: 2px;
    border: #E5E5E5 solid 1px;
    box-sizing: border-box;
}


.bigg {
	font-size: 180%;
}
.bigg strong {
	font-weight: 400;
}

.displayArticleLinks {
/* 	font-style: italic; */
}


/* Link Styles */

.articleTextLinks a:link, .articleTextLinks a:visited {
	text-decoration: underline !important;
	color: #4e75c8 !important;
}
.displayArticleLinks a:link, .displayArticleLinks a:visited {
	text-decoration: none !important;
	color: #4e75c8 !important;
	border-bottom: 1px dotted !important;
}
.displayArticleLinks a:hover {
	color: #294d98;
	border-bottom: 1px solid;
}

.link-special-blue a:link, .link-special-blue a:visited {
	color: #6a94ec !important;
	border-bottom: 1px dotted !important;
	text-decoration: none !important;
}
.link-special-blue a:hover {
	color: #E1E1E1 !important;
	border-bottom: 1px solid !important;
}
.text-link-white a:link, .text-link-white a:visited {
	color: #E1E1E1 !important;
	border-bottom: 1px dotted !important;
}
.text-link-white a:hover {
	color: #6a94ec !important;
	border-bottom: 1px solid !important;
}

/* JEC Adds */

.highlight {
	background: #86b0ff;
	border-radius: 5px;
}

#banner {
    position:relative;
}

#banner-shade {
    position: absolute;
    z-index: 200;
    top: 0px;
    left: 0px;
    height: 140px;
    width: 100%;
    background-color: #000;
    opacity: .5;
}

#banner-logo {
    position: absolute;
    z-index: 1000;
    top: 10px;
    left: 20px;
    height: auto;../p7mgm/p7MGM-03_original.css
    width: auto;
}

.banner-logo-size {
    width: auto;
    height: 120px;
}

#banner-search {
    position: absolute;
    z-index: 1000;
    top: 12px;
    right: 18vw;
    height: auto;
    width: auto;
}

.banner-search-img {
    height: auto;
    width: auto;
}

#banner-phone {
    position: absolute;
    z-index: 400;
    top: 0px;
    right: 20px;
    height: auto;
    width: auto;
}

#banner-phone p {
    color: #FFFFFF;
    text-align: right;
    font-size: 1.1em;
    line-height: 1.8em;
}

#menuCells {
    position:relative;
    z-index: 100;
}

#productCells {
    background-color: #FFFFFF;
}

.home-page-articles h3 {
    text-align:center !important;
}

#articles_1 {
    color: #d9c796;
    background-color: #121e36;
    font-weight: normal;
}

#articles_3 {
    color: #e1e1e1;
    font-weight: normal;
}

.pad-left-right {
    padding-left: 20px;
    padding-right: 20px;
}

.pad-top-bottom {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pad-top {
    padding-top: 20px !important;
}

.pad-bottom {
    padding-bottom: 20px !important;
}


/*
.telephone-link-blue {
    color: #6a94ec;
	text-decoration: none;
    border-bottom: 1px dotted;
}
*/

.telephone-link-white {
    color: #FFFFFF;
	text-decoration: none;
    border-bottom: 1px dotted;
}

.spacer-bar {
	width:100%;
	height:8px;
	background-color:#121e36;
}
	
.spacer-bar-show-hide {
	display: none;
}

.title-bar-gold {
	/* background-color: #d9c796; (gold, replaced with #e1e1e1 042724) */
    background-color: #e1e1e1;
	text-align:center;
	padding: 20px;
	letter-spacing: 1.0em;
	text-transform: uppercase;
}
	
.title-bar-gold2 {
  /* background-color: #d9c796; (gold, replaced with #e1e1e1 042724) */
    background-color: #e1e1e1;
	text-align:center;
	padding: 12px;
	letter-spacing: 0.5em;
	text-transform: uppercase;
}
	
.title-bar-gold2 a {
	color: #121e36;
	text-decoration: none;
}
	
#p7QC_2 {
	display: none;
}
	
#banner-shade, #banner-phone p, #banner-phone, .banner-search-img, #banner-search, .banner-logo-size, #banner-logo, #banner-shade {
	-webkit-transition: all linear .2s .05s;
	transition: all linear .2s .05s;
}

/* translucent background images as in #articles_2 and #articles_3*/
.p7LBM-1-style-1 {
    background-image:url("../images/panelBG_factory1.jpg");
}

.p7LBM-1-style-2 {
    background-image:url("../images/panelBG_drip.jpg");
}

.translucent-bg  {
/*   background: rgba(255,255,255,.75); updated to 255,255,255,1 on 010820 per Whitney Langeries, to effectively mask background image and create all-white background */
  background: rgba(255,255,255,1);
}

.translucent-bg2  {
  background: rgba(0,0,0,.8);
}

	
/*The Footer*/

#footer {
    background-color: #121e36;
}

.footer {
    position: absolute;
    color: #d9c796;
    text-align: left;
    font-size: 0.9em;
    padding: 30px;
}
.footer a:link {color: #d9c796; text-decoration: none;} /*logged in state*/
.footer a:visited {color: #d9c796; text-decoration: none;}
.footer a:hover {color: #FFFFFF; text-decoration: underline;}
.footer a:active {color: #d9c796; text-decoration: none;}

.cobra7Link a:link {color: #121e36; text-decoration: none;} /*normal state*/
.cobra7Link a:visited {color: #121e36; text-decoration: none;}
.cobra7Link a:hover {color: #d9c796; text-decoration: none;}
.cobra7Link a:active {color: #d9c796; text-decoration: none;}

.copyright {
    /* color: #d9c796; (gold, replaced with #e1e1e1 042724) */
    color: #e1e1e1;
    text-align: center;
    font-size:.9em;
    line-height: 1.4em;
    padding: 26px;
}

.copyright a:link,
.copyright a:visited {
    color: #e1e1e1;
    text-decoration: none;
	border-bottom: 1px dotted;
}
    
.copyright a:hover,
.copyright a:focus {
    color: #FFFFFF;
}

/*Media Queries*/

@media only screen and (min-width: 767px) and (max-width: 1100px) { /*hides the DMM menu row in this range*/
    #menuCells {
        display: none;
    }
	.spacer-bar-show-hide {
	    display: block;
		width:100%;
		height:8px;
		background-color:#121e36;
	}
}

@media only screen and (min-width: 1100px) and (max-width: 1400px) {
    #banner-shade {
        height: 120px;
    }
    
    #banner-logo {
        top: 6px;
        left: 10px;
    }
    .banner-logo-size {
        height: 110px;
    }

    #banner-search {
    top: 12px;
    right: 24vw;
    }
    
    .banner-search-img {
        height: auto;
    }
    
    #banner-phone {
        top: 0px;
        right: 20px;
    }
    
    #banner-phone p {
        font-size: 1.1em;
    }

    .pad-left-right {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1100px) {
    body {
        font-size: 85%;
    }
    #banner-shade {
        height: 100px;
    }
    
    #banner-logo {
        top: 6px;
        left: 10px;
    }
    .banner-logo-size {
        height: 90px;
    }
    #banner-search {
    top: 12px;
    right: 21vw;
    }
    
    .banner-search-img {
        height: 25px;
    }
    
    #banner-phone {
        top: 0px;
        right: 15px;
    }
    
    #banner-phone p {
        font-size: 1em;
    }

    .pad-left-right {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 900px) {
    body {
        font-size: 75%;
    }
    h1 {font-size: 180%;}
    h2 {font-size: 150%;}
    h3 {font-size: 135%;}
    h4 {font-size: 115%;}
    h5 {font-size: 110%;}

    #banner-shade {
        height: 90px;
    }
    
    #banner-logo {
        top: 6px;
        left: 10px;
    }
    .banner-logo-size {
        height: 80px;
    }

    #banner-search {
    top: 12px;
    right: 21vw;
    }
    
    .banner-search-img {
        height: 23px;
    }
    
    #banner-phone {
        top: 0px;
        right: 10px;
    }
    
    #banner-phone p {
        font-size: 1em;
    }

    .pad-left-right {
        padding-left: 10px;
        padding-right: 10px;
    }
    
}

/* smartphone display of "product cells" product icon images and button links */
@media only screen and (min-width: 0px) and (max-width: 767px) {
    body {
        font-size: 85%;
    }

	#p7QC_1 {
		display: none;
	}
		
	#p7QC_2 {
		display: block;
	}
  
    #banner-search {
    right: 18vw;
    }
}	

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
    
    p {
        font-size: 85%;
    }
}


@media only screen and (min-width: 480px) and (max-width: 767px) {

    h1 {font-size: 180%;}
    h2 {font-size: 150%;}
    h3 {font-size: 135%;}
    h4 {font-size: 115%;}
    h5 {font-size: 110%;}
    
    #banner-shade {
        height: 74px;
    }
    
    #banner-logo {
        top: 5px;
        left: 5px;
    }
    .banner-logo-size {
        height: 65px;
    }

    #banner-search {
        top: 12px;
        right: 30vw;
    }
    
    .banner-search-img {
        height: 20px;
    }
    
    #banner-phone {
        top: -8px !important;
        right: 10px;
    }
    
    #banner-phone p {
        font-size: .9em;
    }

    .footer {
        display: none;
    }
}

@media only screen and (min-width: 0px) and (max-width: 480px) {

    h1 {font-size: 180%;}
    h2 {font-size: 150%;}
    h3 {font-size: 135%;}
    h4 {font-size: 115%;}
    h5 {font-size: 110%;}

    #banner-shade {
        height: 74px;
    }
    
    #banner-logo {
        top: 4px;
        left: 4px;
    }
    .banner-logo-size {
        height: 50px;
    }

    #banner-search {
        top: 10px;
        right: 30vw;
    }
    
    .banner-search-img {
        height: 20px;
    }
    
    #banner-phone {
        top: -9px !important;
        right: 10px;
    }
    
    #banner-phone p {
        font-size: .9em;
    }

    #p7QC_2 .p7QC-content h4 {
        font-size:100% !important;
/*
        padding:0px !important;
        margin:0px !important;
*/
    }

    .footer {
        display: none;
    }
}