/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
/************************************Header Styles************************************/
.masthead-inner{
background:url(images/header-shadow-bg.png) center top repeat-x!important;
min-height: 200px;
}
.masthead-outer{
height: 560px; 
/*default header background*/
background: url(/wp-content/uploads/custom-cabinets-hero.jpg) center top no-repeat;
}
.hide-phantom.masthead, .masthead:not(.mixed-header){
background:none!important;
}
.show-phantom.masthead{
background: rgba(12,12,12,0.80)!important;
}
.masthead-inner span.one{
    opacity: 1;
    font-family: Great Vibes, Helvetica, Arial, Verdana, sans-serif;
    line-height: .5;
}
.masthead-inner span.two{
    opacity: 0.6;
	font-weight:600;
	    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    /*border-bottom: 2px solid rgba(255, 255, 255);*/
    display: inline-block;
    line-height: .675;
    /*padding: 0 50px;*/
    /* -webkit-box-shadow: 0 0 100px 0 #000000; */
    /* box-shadow: 0 0 100px 0 #000000; */
}
.masthead-inner p{
    color: white;
    text-align: center;
    line-height: .5875;
    font-size: 5.875em;
    text-shadow: 0 0 50px #000000;
    margin-top:120px;
    /* -webkit-box-shadow: 0 0 100px 0 #000000; */
    /* box-shadow: 0 0 100px 0 #000000; */
text-shadow:0 0px 50px rgba(0,0,0,.9),
0 0 40px rgba(0,0,0,.5),
0 0px 3px rgba(0,0,0,.3),
0 0px 5px rgba(0,0,0,.2),
0 0px 10px rgba(0,0,0,.25),
0 0px 10px rgba(0,0,0,.2),
0 0px 20px rgba(0,0,0,.15);
}
.mobile-main-nav>li.has-children>a:after{
display:none;
}
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) .main-nav > li > a:hover .menu-text{
color: #22b0f0!important;
-webkit-text-fill-color: #22b0f0!important;
}
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) .main-nav > li > a .menu-item-text::before{
background-color:#22b0f0!important;
}
/************************************content styles************************************/
#main{
padding-top: 0;
padding-bottom: 0;
}
#main p > strong{
color:#202020;
}
h1{
line-height:1.25!important;
}
h2{
color: #716862;
}
h3{
color:#2f2f2f;
}
/*box styles*/
.box-header{
position: absolute;
bottom: 30px;
left: 30px;
margin: 0;
}
.box-text{
position: absolute;
right: 30px;
bottom: 30px;
margin: 0;
}
.box-header h2{
font-family: Great Vibes, Helvetica, Arial, Verdana, sans-serif;
font-size: 2.675rem;
color:#22b0f0;
margin-bottom: 5px;
}
.box-header p{
font-size:1.25rem;
color:#fff;
font-family:Poppins, Helvetica, Arial, Verdana, sans-serif;
}
.box-text ul li{
    list-style-type: none;
    color: white;
    font-family: Poppins, Helvetica, Arial, Verdana, sans-serif;
        font-size: .8125rem;
    font-weight: 500;
    margin: 0;
    margin-bottom: .5rem;
    line-height: 1;
}
.two-column-box-text{
	width: 50%;
}
.two-column-box-text ul li{
	float: left;
}
.two-column-box-text ul li.larger{
	width: 55%;
	margin-right: 5%;
}
.two-column-box-row{
display:none;
}
.gallery-box div{
transition:all 300ms;
}
.gallery-box:hover div{
opacity:0.90;
}
.mobile-link-text{
display:none;
}
.box-column .vc_column-inner{
padding:0px!important;
}
#main a.orange-btn{
background:#f08b22;
}
#main a.orange-btn:hover{
background:#f5a551;
}
/*form styles*/
#main form ul li{
width:50%;
float:left;
padding-right:1.5em;
box-sizing:border-box!important;
clear:none;
}
#main form ul li input, #main form ul li select{
width:100%!important;
}
#main form ul li.full-width{
clear:both;
width:100%;
padding-right:0;
}
/*gallery styles*/
#gallery-wrap{display:block;}
#main .gallery li a{color:white;text-decoration:none;display:block;/* position: relative; */}
#main .gallery li{position:relative;overflow:hidden;display: block;width: 20%;height: auto;float: left;/* transition:opacity 300ms; */box-sizing:border-box;border: 1px solid #fff;/* border-left: 1px solid #fff; */}
#main .gallery.grid-gallery li img{border:1px solid #ccc; box-sizing:border-box;}
#main .gallery li img{position:absolute;z-index:1;bottom:0;right:0;/* width: 20%; *//* float: left; *//* border: 1px solid white; *//* box-sizing: border-box; */display: block;width: 100%;}
#main .gallery li span{position:absolute;bottom: 0px;right: 0px;font-weight:bold;/* color: red; */display: block;z-index: 2;font-size: .75rem;background: #000 0.5;background-color: rgba(0, 0, 0, 0.4);padding: 5px 10px;}
#main .gallery li:hover{
opacity:0.65;
}
#main .clear{
clear:both;
}
#main .gallery .height-filler{
margin-top:100%;
}
.fancybox-caption{
visibility:visible!important;
}
ul.gallery.outlet-gallery {
    text-align: center;
}

#main ul.gallery.outlet-gallery li {
    float: none;
    display: inline-block;
}
/************************************footer styles************************************/
footer *{
text-align:center;
}
footer #media_image-2{
width:100%;
float:none;
}
footer #media_image-4{
width:100%;
float:none;
display:none;
}
footer #text-2 *{
text-align:left;
}
footer #text-4 *{
text-align:right;
}
footer #text-3 img{
margin-top:1.5em;
transition:all 300ms;
}
footer #text-3 img:hover{
opacity:0.7;
}
#bottom-bar{
padding-bottom:1.5em;
}
#bottom-bar a{
text-decoration:underline;
}
#bottom-bar a:hover{
text-decoration:none;
}
footer .textwidget a, footer .textwidget a:hover{
color:#ebebeb!important;
}
.scroll-down-wrap{
position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
	z-index:9999;
}
.scroll-down{
padding: 1em 0 .25em 0;
background: url(images/bottom-shadow.png) center bottom repeat-x;
text-shadow: 0 0 8px #000000,  0 0 16px #000000,  0 0 24px #000000,  0 0 32px #000000,  0 0 40px #000000;
}
.scroll-down a{
color:white;
text-decoration:none;
font-size: .875rem;
transition:all 300ms;
}
.scroll-down a:hover{
opacity:.7;
}
.resource-links small{
line-height:1.25!important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    /* margin-top: 16px !important; */
    margin-bottom: 0 !important;
}

.gfield_description.validation_message {
    display: none;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    margin-top: 8px;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0;
}

/*responsive styles*/
@media screen and (min-width:2000px){
	.masthead-outer{
		background-size:cover!important;
	}	
}
@media screen and (max-width:1812px){
.two-column-box-text{
	width: auto;
}
.two-column-box-text ul li{
	float: none;
}
.two-column-box-text ul li.larger{
	width: auto;
	margin-right: 0;
}	
}
@media screen and (max-width:100em){
#main .gallery li{
width:25%;
}
}
@media screen and (max-width:98.75em){
.box-header{position: relative;bottom: 0;left: 0;text-align: center;padding: 1.5em 0;background: rgb(0, 0, 0);background: rgb(0, 0, 0, 0.75); visibility:visible;}
.box-text{display: none;}
.mobile-link-text{
display:block;
position:absolute;
bottom: .25em;
width:100%;
text-align:center;
color:#fff;
font-weight:bold;
}
.mobile-link-text p{
    padding-right: 1.5em;
    background: url(images/white-arrow.png) right 6px no-repeat;
    background-size: 1em;
    display: inline-block;
}
}
@media screen and (max-width:78.75em){
.box-header h2{
font-size:2.5em;
}
}
@media screen and (max-width:76em){
.branding a img, .branding img, #phantom img{
width:300px;
height:auto;
}
}
@media screen and (max-width:75em){
.box-header h2{
font-size:2.25em;
}
}
@media screen and (max-width:72.5em){
.branding a img, .branding img, #phantom img{
width:260px;
}
}
@media screen and (max-width:70em){
.main-nav > li > a .menu-text{
font-size:.75rem;
}
.mobile-hide{
display:none;
}
.faux-quarter{
width:50%;
}
}
@media screen and (max-width:1100px){
.my_svg_log{
  height: 50px !important;
}
}
@media screen and (max-width:68em){
.two-column-box-row{
display:block;
}
.three-column-box-row{
display:none!important;
}
}
@media screen and (max-width:63.75em){
.box-header h2{
font-size:2em;
}	
}
@media screen and (max-width:960px){
footer *{
text-align:center!important;
}
.footer .widget{
margin-bottom:0px;	
}
footer #media_image-2{
display:none;
}
footer #media_image-4{
display:block;
}
footer #media_image-4 img{
height:65px!important;
width:auto!important;
}
}
@media screen and (max-width:58em){
.box-header h2{
font-size:1.875em
}
}
@media screen and (max-width:50em){
#main .gallery li{
width:33.333%;
}
}
@media screen and (max-width:48.625em){
h2{
font-size:1.5em;	
}
h3{
font-size:1.375em;
}
}
@media screen and (max-width:48em){
.box-header h2{
font-size: 2.675rem;	
}
.gallery-box{
margin-bottom:.5em;
}
.faux-quarter{
width:100%;
}
.mobile-no-margin{
margin-bottom:.75em;
}
#main form ul li{
width:100%;
float:none;
padding-right:0;
box-sizing:border-box!important;
clear:none;
}
	.contact-content{
	text-align:center;
	}
}
@media screen and (max-width:42em){
	.masthead-inner p{
	font-size:4em;
	margin-top:50px;
	}
	.masthead-outer{
	height:300px;
	background-position:center!important;
	}
}
@media screen and (max-width:35em){
#main .gallery li{
width:50%;
}
}
@media screen and (max-width:25em){
	.masthead-inner p{
	font-size:2.5em;
	margin-top:65px;
	}
	footer #media_image-4 img{
width:85%!important;
height:auto!important;
}
}