/*!
Theme Name: prestigebuilders
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: prestigebuilders
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

prestigebuilders is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;		
	font-family: 'Jost', sans-serif;
}

img {max-width: 100%; height: auto;}
a, i {transition: all 0.3s ease-in-out; text-decoration: none;}
p {margin: 0;}
p:last-child {margin: 0 !important;}

/*###################################
## Forms
###################################*/
.ctc-hide, .ctc-form br{ display: none; }
.ctc-form textarea ,
.ctc-form input[type="text"],
.ctc-form input[type="email"], 
.ctc-form input[type="tel"]{ color: #212121; display: block; width: 100%; padding: 5px 20px; margin: 0 auto 10px; resize: none; background: #fff; border: none;  height: 60px; font-size: 15px; border: 1px solid #000;}
.ctc-form ::placeholder{ font-size: 15px; color: #212121; }
.ctc-form textarea { height: 180px; padding-top:10px; }
.ctc-form input[type="submit"]{ margin: 20px auto 0; background: #DCC8AD; width: 250px; padding: 10px 0; display: block; border:  none; font-size: 20px;}
.ctc-form .wpcf7-acceptance{ display: block; text-align: center; }
.ctc-form input[type="submit"]:hover{ color: #DCC8AD; background: #000;  }
.ctc-form .wpcf7-list-item{ margin: 0; }


.no-margin {margin: 0 !important;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.row {width: 100%; max-width: 1530px; margin: 0 auto;}

#page {max-width: 1920px; width: 100%; margin: 0 auto; position: relative;}
#header_wrapper {position: absolute; top: 0; left: 0; width: 100%; z-index: 5;}

#masthead {display: flex; justify-content: space-between; padding: 32px 10px; width: 100%;}

#masthead .site-branding { }
#masthead .site-branding p {font-family: 'Open Sans', sans-serif; color: #FFF; font-size: 17px; text-shadow: 0px 0px 3px #333;}
#masthead .site-branding p a {color: #FFF;}

#masthead .site-contact {display: flex; justify-content: space-between; align-items: center; color: #FFF;}
#masthead .site-contact span {margin: 0 15px 0 0; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 50%; text-align: center; background: #DCC8AD;}
#masthead .site-contact span i {font-size: 30px;}

#masthead .site-contact p {font-weight: 700; font-size: 11px;}
#masthead .site-contact p a {color: #FFF; font-size: 24px; display: block;}


/*###################################
## Menus
###################################*/

/*Main Menu*/
.menu-header-menu-container {padding: 0 10px; margin: 15px auto 0;}
.menu-header-menu-container ul {padding: 0; margin: 0; list-style: none; display: flex; justify-content: space-between;}
.menu-header-menu-container ul li {}
.menu-header-menu-container ul li a {font-size: 40px; text-transform: uppercase; color: #FFF; letter-spacing: 4px; font-weight: 700;}
.menu-header-menu-container ul li.current-menu-item a, .menu-header-menu-container ul li a:hover {color: #DCC8AD;}


/*Sub Menu*/
.menu-header-menu-container ul li:hover ul {visibility: visible; opacity: 1; margin-top: 0;}
.menu-header-menu-container ul ul { background:#dcc8ad; position: absolute; visibility: hidden; width: 300px; display: block; opacity: 0; }
.menu-header-menu-container ul ul li {display: block; margin-right: 0; border: none;}
.menu-header-menu-container ul ul li a { font-size: 28px!important; padding: 10px; display: block; text-align: left;}
.menu-header-menu-container ul ul li.current-menu-item a, .menu-header-menu-container ul ul li:hover a {color: #fff; background: #000; }

/*Sub Sub Menu*/
/*.menu-main-navigation-container ul ul ul {visibility: hidden !important; margin-top: -48px !important; opacity: 0 !important; position: absolute; margin-left: 240px;  }
.menu-main-navigation-container ul ul li:hover ul {visibility: visible !important; opacity: 1 !important; margin-left: 182px;  }
.menu-main-navigation-container ul ul ul li {}*/



.banner_slider .elementor-slides .swiper-slide-inner .elementor-slide-heading  {font-size: 68px; line-height: 120%; color: #DCC8AD; font-weight: 700; margin: 0 !important;}
.banner_slider .elementor-slides .swiper-slide-inner .elementor-slide-description {font-size: 40px; font-weight: 400; color: #FFFFFF; margin: 6px 0 0;}
.banner .banner_slider .swiper-slide-contents{ max-width: 1239px!important; margin: 0 auto; }


.content_area .banner_phone {margin: 0 auto; text-align: center;}
.banner_phone {width: 100%; max-width: 540px; height: 116px; display: flex; justify-content: center; align-items: center; border: 1px solid #DCC8AD; border-radius: 3px; background: #000; margin: 50px auto 30px;}
.banner_phone span, #footer .f_col .icon {margin: 0 30px 0 0; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 50%; text-align: center; background: #DCC8AD;}
.banner_phone span i, #footer .f_col .icon i {font-size: 30px; color: #000;}

.banner_phone p {font-weight: 700; font-size: 18px; color: #FFF;}
.banner_phone p a {color: #FFF; font-size: 48px; display: block; line-height: 120%;}

.banner_links {margin: 0 0 20px 0;}
.banner_links a {font-size: 16px; padding: 10px; display: inline-block; color: #FFF; font-weight: 700; text-transform: uppercase;}

.service_buttons .elementor-widget-container {display: flex; align-items: center; min-height: 108px !important; padding: 0 20px !important; background-size: 100% 100% !important;}
.services-list ul { column-count: 3; }
.services-list ul li a { color: #FFFFFF; }

.home_content p {margin: 0 0 25px 0;}

.gallery .galtext{ background: #000; min-height: 267.84px;  min-height: 34.84%; display: flex; justify-content: center; align-items: center; }
.gallery h2 { font-size: 48px; margin: 9px 0 10px; color: #DCC7AC; }
.gallery a{ color: #fff; font-weight: 700; }

#footer_wrapper {background: #000;}
#footer {padding: 100px 10px;}
#footer p {color: #FFF; font-size: 17px;}
#footer a {color: #FFF; font-family: 'Open Sans', sans-serif;}

#footer .f_col {width: 33.33%; padding: 0 10px;}
#footer .f_col .icon {margin: 0 auto 20px;}
#footer .f_col p {font-weight: 700; font-size: 14px;}
#footer .f_col p span, #footer .f_col p a {display: block; margin: 10px 0 0;}
#footer .f_col p span {font-size: 20px;}
#footer .f_col p a {font-size: 26px; }
#footer_contact_container {max-width: 1045px; margin: 50px auto 0; display: flex; justify-content: space-between; text-align: center; }

#footer_nav_wrapper {background: #DCC8AD;}
#footer-navigation {padding: 35px 10px;}
#footer-navigation ul {padding: 0; margin: 0; }
#footer-navigation ul li { position: relative; }
#footer-navigation ul li a {color: #000;}
#footer-navigation ul li.current-menu-item a, #footer-navigation ul li a:hover {color: #FFF;}
#footer-navigation ul ul { bottom: 48px; }


#colophon_wrapper {background: #000;}
#colophon {padding: 15px 10px; text-align: center;}
#colophon p {color: #FFF; text-transform: uppercase;}
#colophon p a {color: #FFF; text-transform: uppercase; font-weight: 700;}
#colophon img {display: inline-block; vertical-align: middle; max-width: 50px; font-size: 16px;}

.areas h2 {
	margin: 0 0 20px;
}

.areas h3 {
	margin-bottom: 0;
}
.areas ul li,
.areas ul li a {
	color:#fff;
	font-size: 20px;
	line-height: 1.7;
}

.areas p {
	font-size: 30px; 
	color:#DCC7AC;
}
/*###################################
## INNER PAGES
###################################*/
.inner .site-main { margin: 50px auto; min-height: 400px; padding-left: 10px; padding-right: 10px;}
.inner .site-main h1{ max-width: 1386px; margin: 0 auto; text-align: center; padding: 0 0 20px; color: #DCC8AD; font-size: 56px; font-weight: 600;}
.inner .site-main p, .inner .site-main h3, .inner .site-main h4, .inner .site-main h5, .inner .site-main h6 .inner .site-main ul{ padding-bottom: 10px; }
.inner .site-main ul li{ padding-bottom: 5px; }

.inner #header_wrapper{ position: relative; background: #000; }
.inner .elementor-column > div{ padding: 0!important; }
/*###################################
## RESPONSIVE
###################################*/

@media screen and (max-width: 1440px) { 


}

/*VIEW 1200px*/
@media screen and (max-width: 1439px) { 
    body { min-width: 320px; }
	
	.menu-header-menu-container ul li a { font-size: 30px; }
	
	.banner_slider .elementor-slides .swiper-slide-inner .elementor-slide-heading { font-size: 60px; }
	.banner .banner_slider .swiper-slide{ height: 900px!important; }

}

/*VIEW 1024*/
@media screen and (max-width: 1199px) {

	.menu-header-menu-container ul li a { font-size: 28px; }
	.banner_slider .elementor-slides .swiper-slide-inner .elementor-slide-heading ,
	.services h3, 
	.welcome h1 { font-size: 50px!important; }
	.banner_slider .elementor-slides .swiper-slide-inner .elementor-slide-description { font-size: 35px; }
	.banner_slider .elementor-slides .swiper-slide-inner{ padding: 0 10px!important; }
	
	.gallery h2 { font-size: 40px; }
	.gallery .galtext{ min-height: 34.2%; }
	
	
}

@media screen and (max-width: 1023px) {

    h1, h2{ font-size: 32px!important; }
    h3{ font-size: 25px!important; }
    h4{ font-size: 20px!important; }
    h5{ font-size: 18px!important; }


    .services .elementor-inner-column,
    .welcome img{ max-width: 460px!important; margin: 0 auto; }

    .welcome,
    .gallery{ text-align: center; }
    .gallery{ padding: 50px 0!important; }
    .gallery > div .col2{ order: 1 }
    .gallery > div .col2 img{ margin-bottom: 110px; }
    .gallery > div > div { order: 2 }

    .welcome h3{ font-size: 18px!important; }

    #footer{ padding: 50px 10px 20px; }
    #footer_contact_container{ flex-wrap: wrap; }
    #footer .f_col { width: 100%; margin-bottom: 30px; padding: 0;}
    .banner_phone span i, #footer .f_col .icon i {font-size: 21px; }
    .banner_phone span, #footer .f_col .icon{ width: 40px; height: 40px; }

    /*CTA*/
    .cta{
        background: #F15924  url("assets/images/phonecall.png") no-repeat center center;
        border-bottom-left-radius: 40px;
        border-top: 2px solid #fff ;
        border-top-left-radius: 40px;
        bottom: 10%;
        display: block;
        height: 60px;
        position: fixed;
        right: 0;
        text-decoration: none;
        text-indent: -9999em;
        width: 60px;
        z-index: 999;
    }

}

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

	#masthead .site-contact{ display: none; }

	.banner_slider .elementor-slides .swiper-slide-inner .elementor-slide-heading, 
	.services h3, 
	.welcome h1,
	.banner_phone p a{ font-size: 32px!important; } 
	.banner_slider .elementor-slides .swiper-slide-inner .elementor-slide-description { font-size: 25px; } 
	.banner .banner_slider .swiper-slide { height: 700px!important; } 
	.services h2{ font-size: 22px!important; }
	.services h4{ width: 100%; text-align: center;} 
	.services .elementor-inner-column > div{ padding: 20px 0!important; }
	.welcome .home_content > div{ padding: 20px 10px!important; }
	.welcome img{ width: 100%; }


}

@media screen and (max-width: 374px) {

	.banner_links a { font-size: 13px; padding: 10px 0; }
	.banner_slider .elementor-slides .swiper-slide-inner .elementor-slide-heading, .services h3, .welcome h1, .banner_phone p a { font-size: 25px!important; }
	.banner_slider .elementor-slides .swiper-slide-inner .elementor-slide-description { font-size: 22px; }
	.banner_phone span{ margin: 0 5px  10px;}
    .banner_phone p{ font-size: 14px; }
    .gallery h3{ font-size: 19px!important; }
    #footer .f_col p a { font-size: 18px; }
    .content_area .banner_phone{ justify-content: space-around; }

}

.spider_popup_wrap {
	background-color: transparent !important;
}

#bwg_container1_0 #bwg_container2_0 #spider_popup_overlay_0 {
	background-color:#000 !important;
}

.renovations {
	max-width: 600px;
	margin: auto;
}

.home .strong-view.wpmtst-default .wpmtst-testimonial-inner {
	color: #fff;
	border: none !important;
}
.home .strong-view.wpmtst-default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport {
	border: none !important;
}
.home .strong-view.wpmtst-default .wpmtst-testimonial-heading {
	color: #DCC8AD;
	font-size: 30px;
	text-align: center !important;
	padding-left: 0 !important;
}

.home .strong-view.wpmtst-default .testimonial-name {display: none;}
.home .strong-view.wpmtst-default .wpmtst-testimonial-field {text-align: center !important; padding-top: 40px;}
.home .strong-view.wpmtst-default .wpmtst-testimonial-content p {text-align: center;}
.home .strong-view.wpmtst-default .wpmtst-testimonial-inner>*:not(:nth-last-child(2)):not(:last-child) {margin-bottom: 30px !important;}

.wpcr3_respond_1, .wpcr3_respond_2 {max-width: 1140px; margin: 30px auto 0 !important}