/* Theme Name: Component Blox Child Theme Author: Component Blox Description: Bootstrap Component Blox Child Theme Version: 1.0 Template: bootstrap-component-blox .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); } font-family: "PT Sans", sans-serif; 4,7 .background-teal{padding:1.5rem;background:#258088} .bk_teal{background:#258088} .text_teal{color:#258088} .background_lt_teal{padding:1.5rem;background:#4a9497} .bk_lt_teal{background:#4a9497} .text_lt_teal{color:#4a9497} .background_maroon{padding:1.5rem;background:#76192b} .bk_maroon{background:#76192b} .text_maroon{color:#76192b} .background_cream{padding:1.5rem;background:#f1eeda} .bk_cream{background:#f1eeda} .text_cream{color:#f1eeda} .background_lt_cream{padding:1.5rem;background:#faf7ef} .bk_lt_cream{background:#faf7ef} .text_lt_cream{color:#faf7ef} */ ::selection {color:#fff !important;background:#000; !important;} ::-moz-selection {color:#fff !important;background:#000; !important;} @media (max-width: 992px) {} @media (max-width: 768px) {} @media (max-width: 576px) {} body { background-color: #fff; font-family: "PT Sans", sans-serif;font-weight:400;font-size: 17px;color:#000;letter-spacing: 0.02em;-ms-word-wrap: break-word; word-wrap: break-word; -webkit-font-smoothing: auto; text-rendering: optimizeLegibility !important; -moz-osx-font-smoothing: grayscale; font-smoothing: auto; } /*body.page-template-post-confirmation{background-image:url('/img/background_confirmation.jpg');background-size:cover;}*/ a, button, input { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #content{} h1, .h1, h2, .h2 {font-family: 'Crimson Pro', serif;text-transform: none;letter-spacing: .02em;font-size:40px;margin-bottom:0.5rem;line-height:1.2em;position:relative;clear:both;font-weight:300;} .under_heading,.subtitle{display:block;letter-spacing: 0.05em;text-transform: uppercase;font-family: "PT Sans", sans-serif;font-size: 20px;margin: -.1rem 0 0;line-height: 1.1em;} /* I decided to use .under_heading for the subtitles that are added via code and .subtitle for those added by adding the class. this should be easier for the user. */ .subtitle{margin-top: -0.5rem !important;margin-bottom: 0.5rem;} h2.h2-style-1{display:inline !important;line-height: 1em;font-size: 33px;} /*h2, .h2 {font-family: 'Crimson Pro', serif; font-weight:400;color:#000;letter-spacing: .02em;font-size:27px;margin-top: 2rem;line-height:1em;margin-bottom:.75rem;letter-spacing: .03em;}*/ h3, .h3{font-family: "PT Sans", sans-serif;letter-spacing: 0.02em;line-height: 1.1em;font-size: 1.4rem;text-transform:uppercase;margin-top:1.25rem;color:#000;font-weight: 400;} h4{font-family: 'Crimson Pro', serif;letter-spacing: 0.02em;line-height: 1.2em;font-weight: 400;font-size: 1.7rem; margin-top:2rem;} h5{letter-spacing: 0.02em;line-height: 1.5em;font-weight: 200;font-size: 1.4rem;margin-top:2rem;} h2.border-bottom, .h2.border-bottom , h1.border-bottom, .h1.border-bottom, h3.border-bottom,h4.border-bottom,h5.border-bottom,h6.border-bottom{padding-bottom:.25rem} p {line-height: 1.6em;} a{color:#76192b;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;font-weight:400;text-decoration:none;} .bk-teal a, .background-teal a, .background-maroon a, .bk-maroon a{color:#f1eeda;} .bk-teal a:hover, .background-teal a:hover, .background-maroon a:hover, .bk-maroon a:hover{text-decoration:underline;color:#f1eeda;} a:hover{color:#258088;text-decoration:none;} hr { background-color: #fff; border: 0; height: 1px; margin-bottom: 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } .entry-title{padding-top: 3rem;} .entry-content{position:relative;} /*.card-title.entry-title { margin-bottom: .25rem; }*/ #secondary {margin-bottom: 3rem;} #primary{padding-bottom: 3rem;} .entry-title a:hover { text-decoration: none; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, #nav-header:before, #nav-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, #nav-header:after, .site-content:after, .site-footer:after { clear: both; } .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } .sticky { display: block; } .hentry {} .updated:not(.published) { display: none; } .page-content, .entry-summary { margin: 1.5em 0 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*---------------------------BLOCKQUOTE-----------------------------*/ .wp-block-quote {background-image:url(/img/icons/quote.png)!important;background-position: .25rem 4rem !important;background-repeat:no-repeat !important; font-style: italic; font-size: 1.15rem;border:1px solid #ededed; border-left: .25em solid #888 !important;padding:3.5rem 2rem 2rem; background-color: #fff; } .wp-block-quote .cite{position:relative;text-align:right;margin-bottom: 0;} /*.wp-block-quote .cite::before{position: absolute;content: '';right: auto;top:.5em;bottom:auto;left: 0;width:1rem;height:.25rem;background: rgba(0,146,215,1);}*/ .wp-block-quote h5{margin-top:1rem !important} .blockquote_date {position: absolute;right: 1.75rem;top: 2.25rem;font-size: 1.2rem;} .stars_5 {position: absolute;right: 1.75rem;top: 1rem;} .stars_5 .fa-star{color:#f4cb56;font-size:1.25rem;} #reviews_all .wp-block-quote{background-color: #fff; background-position: .25rem 4rem !important;} /*---------------------------HEADER--------------------works for both two or one button---------*/ #header-buttons{} #header-buttons .wp-bootstrap-blocks-button{border-radius: 0; display:block;margin:0 auto;height:100%;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;background:#76192b} #header-buttons .wp-bootstrap-blocks-button:hover{background:#4a9497} #header-buttons .wp-bootstrap-blocks-button .btn-primary{width: 100%;height:100%;} #header-button-left{border-right:3px solid #fff} #header-buttons .wp-bootstrap-blocks-button .btn-primary{border: none;background-color:transparent;} #header-buttons .wp-bootstrap-blocks-button .btn-primary:hover{background-color:transparent;} #header-buttons .d-custom{display:none;} #license{position:absolute;color:#76192b;font-size:16px;display: block;left: calc(50% - 4rem);line-height: 1em;font-weight: 700;-webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;opacity:1} #row_logo_wrap{min-height:88px;} #logo img{width:100%;} #logo_img_wrap{margin:.1rem 0 .4rem 0;display:inline-block;position:relative; max-width: calc(100% - 4rem);-webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;position:relative;max-width:130px;} #logo_complete{margin-top:0;opacity:1;-webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;} #logo_scroll{opacity:0;-webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;left:0;right:0;top:calc(50% -25px);position:absolute;margin-left:-40rem;top: .1rem;} .head_foot_inner,.wonderplugincarousel-container{padding-left:2rem; padding-right: 2rem;max-width:3000px;} .card-footer{display:none;} .card{border:none;border-radius:0;} #nav-header{background:#fff;-webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;border-bottom: 1px solid rgba(0,0,0,.05);} #nav-header.bk_white_transparent{background: rgba(255,255,255,.7); } /*---------------------------HOME-----------------------------*/ #SacredNestVideo video{width:100%;margin-bottom: -8px;} #home_container{position:relative;max-width:2700px;margin:0 auto; } #color_block{position:absolute;background-color:#258088;top:10rem;bottom:10rem;left:0;width:100%;} .home_section .maroon_strips{height: 1rem;margin-top: .75rem;position:relative;} .odd.home_section .maroon_strips{width:80%;margin-left:15%} .even.home_section .maroon_strips{width:80%;margin-right:15%;} .home_section .maroon_strips::before{content:'';background:#76192b;height:5px;position:absolute;top:0} .odd.home_section .maroon_strips::before{left: 0;right: 0;} .even.home_section .maroon_strips::before{left: 0;right: 0;} .home_section .maroon_strips::after{content:'';background:#76192b;height:3px;position:absolute;bottom:0} .odd.home_section .maroon_strips::after{left:15%; right:0;} .even.home_section .maroon_strips::after{left:0; right:15%;} .home_section_image{position:relative;margin-top: -8.5em;} .odd .home_section_image{padding-left: 2rem;padding-right:0;} .even .home_section_image{padding-left: 0;padding-right:2rem;} .home_section_image_inner{min-height: 300px;position: relative;background-size: cover;padding:0 !important;background-position: center;} .maroon_border.home_section_image_inner::before{ content:''; position:absolute; background:#76192b; width:.75rem; top:1.75rem;bottom:0;} .maroon_border.home_section_image_inner::after {content:''; position:absolute; background:#76192b; height:1rem; bottom:-1rem;} .odd .maroon_border.home_section_image_inner::before{ left:-.75rem;} .odd .maroon_border.home_section_image_inner::after { left:-.75rem; right:1.5rem;} .even .maroon_border.home_section_image_inner::before{right: -.75rem;} .even .maroon_border.home_section_image_inner::after {right: -.75rem;left: 1.5rem;} .home_section_text{margin-top: 2rem;} .first_block.home_section_text{margin-top: 0;} .odd .home_section_text{padding-left: 0;padding-right: 2rem;} .even .home_section_text{padding-left: 2rem;;padding-right: 0} .home_section_text_inner{padding-left:1.5rem;padding-right:1.5rem;padding-bottom:10rem !important;} #col_quote_form{background:rgba(120,19,37,.8);color:#fff;padding:2.5rem 1rem} #free-professional-remodeling-quote{background-image: url("/img/quote_sm.jpg");background-size: cover;background-position: 50% 50%;background-attachment: fixed;background-repeat: no-repeat;} #free-professional-remodeling-quote h2{color: #fff;color:#fff;text-align: center;margin-top:0;} #free-professional-remodeling-quote p{font-weight:400;font-size:20px;text-align: center;line-height: 1.8em;} #free-professional-remodeling-quote span{font-weight:400;} #quote_text{text-align: right;color: #fff;font-size: 20px;font-weight: 400;line-height: 1.9em;padding-bottom: 40px;} #free-professional-remodeling-quote input[type="text"], #free-professional-remodeling-quoteinput[type="email"], #free-professional-remodeling-quote textarea{border:1px solid rgb(120,19,37);} /*---------------------------FOOTER-----------------------------*/ #backToTopBtn{ position:fixed;bottom:15px;right:15px;border: none;background: none;font-size:27px;color: #3d3d3d;opacity: .5;} #backToTopBtn:hover{opacity:.7;} #footer h2{} #footer .wp-block-image img{max-width:200px;width:100%;} #footer_logo{margin:0 auto 0 auto;display:block;max-width:150px;} .footer-widgets .widget { margin-bottom: 0; padding:0 15px; font-weight:400; } .footer-widgets .widget h3{} .site-footer { padding-top:2.5rem;padding-bottom:1rem;color: #fff;} .site-footer a{ color:#fff;font-weight:400;} .site-info .info a{ font-weight:300 ;} .site-footer a:hover{ color: #f4edbf;} .site-info { font-size:15px;margin-top:0;line-height:1.2em;color:#fff;padding-left:15px;padding-right:15px;text-align:center;} .site-info .info {display:block;} .site-info .sep {display:none;color:#fff;} .footer-widgets .widget { } .footer-widgets p {} #footer_1,#footer_2,#footer_3{margin-bottom:3rem;} /* #footer-widgets p.button_white a {font-family:"Cinzel", serif; font-size:20px;} #footer-widgets p.button_white a:hover{color:#0271ac !important} */ .footer-widgets h3{font-size: 1.25rem;} p.info span{display: inline-block;width: 60px;} #nav_menu-2 h4{text-align:center; margin-top:0} #footer .footer-widgets .menu {margin:0;padding-left: 0;} #footer .footer-widgets .menu .nav-item{list-style:none;line-height: 1.2em; margin-bottom: .75rem;} #footer .footer-widgets .menu .nav-link{padding:4px 17px 4px 0;position:relative;display:inline-block;font-size: 1.2rem;color:#fff;} #footer .footer-widgets .menu .nav-link:hover{color:#f4edbf;text-decoration:none;} #footer .footer-widgets .menu .nav-link::after{font-family: fontawesome;font-size: 15px;content: ' \f0da';position:absolute;color:#fff;margin-left: 3px;bottom: 2px;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #footer .footer-widgets .menu .nav-link:hover::after{margin-left:6px;color: #f4edbf;} .site-footer .facebook , .site-footer .instagram , .site-footer .linkedin {color: rgba(0,0,0,0) !important; font-size: 1px;margin-right: .75rem;position: relative;width: 40px;display: inline-block;height: 40px;} .facebook::after , .instagram::after , .linkedin::after {font-family: fontawesome;font-size: 37px;display: inline-block;color: #f1eeda;position: absolute;left: 0;} .facebook:hover::after , .instagram:hover::after , .linkedin:hover::after {color: #fff;} .facebook::after{content:' \f082';} .linkedin::after{content:' \f08c';} .instagram::after{content:' \f16d'; } /* ------------------------------------------------------------------*/ form.wp-block-search{background:#fff;}/*now padding will keep it seperated */ .wp-block-search__input,.wp-block-search__inside-wrapper input[type="search"],.wp-block-search__inside-wrapper input[type="text"]{border: 1px solid #f2e1ab;background:#fff;border-radius: 4px 0 0 4px !important;} .wp-block-search__input:focus{box-shadow:none;background-color:#fff } .wp-block-search__button {background: #f1eeda;font-size: 1px;color: #f1eeda;margin-left:0 ;width:40px;border: 1px solid #f2e1ab ;border-radius: 0 4px 4px 0;position:relative;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .wp-block-search__button:hover {background: #4a9497;color: #4a9497;border: 1px solid #4a9497;} .wp-block-search__button::after {font-family: fontawesome;font-size: 23px;content: ' \f002';position:absolute;color:#4a9497;top:0;left: 7px;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .wp-block-search__button:hover::after{color:#fff;} .wp-block-search__inside-wrapper {display: flex !important;} .wp-block-search__label {display:none;} .wp-block-search__input:focus ~ .wp-block-search__button{border:1px solid #dabf68;} .wp-block-search__input:focus,.wp-block-search__inside-wrapper input[type="search"]:focus,.wp-block-search__inside-wrapper input[type="text"]:focus{border:1px solid #dabf68; } #bcb-main-navbar .wp-block-search__input{width: 10px;border-right:none;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;margin-right: -40px;margin-left: 20px;border-color:transparent;background-color:transparent;} #bcb-main-navbar .wp-block-search__input:focus{width: 180px;margin-left:-.5rem;margin-right:-1rem;border-color:#b6b6b6;} #bcb-main-navbar .wp-block-search__button {border-color:transparent;color:transparent;background-color:transparent;} #bcb-main-navbar .wp-block-search__button:hover {border-color:transparent;color:transparent;background:transparent;} #bcb-main-navbar .wp-block-search__button::after {} #bcb-main-navbar .wp-block-search__input:focus ~ .wp-block-search__button{border:1px solid #b6b6b6;background-color:#fff;} #bcb-main-navbar .wp-block-search__button:hover::after{color:#4a9497;} #bcb-main-navbar .wp-block-search__input::placeholder{font-size:10px;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #bcb-main-navbar form{position: absolute;right: 1rem;top: -5.25rem;z-index: 9;-webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;background:transparent;} #footer form.wp-block-search{background:transparent;}/*now padding will keep it seperated f1eeda*/ #footer .wp-block-search__input{border: 1px solid #f1eeda;border-right:1px solid #258088;background:#f1eeda;max-width:200px;} #footer .wp-block-search__input:focus{background-color:#f1eeda} #footer .wp-block-search__button {background: #f1eeda;color: #f1eeda;border: 1px solid #f1eeda ;} #footer .wp-block-search__button:hover {background: #f1eeda;color: #f1eeda;border: 1px solid #f1eeda;} #footer .wp-block-search__button::after {color:#76192b} #footer .wp-block-search__button:hover::after{color:#000;} /* --------------------------------------------main nav----------------------------------------- */ /* .text_lt_teal{color:#4a9497} .background_maroon{padding:1.5rem;background:#76192b} */ /* I have added styles for current-page-ancestor only because I do not want to have a list in the main navigation all the services, but I want SERVICES to apear to be the current page, then I am adding a redirect on the services page */ #navbar-main-menu{-webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;} #bcb-main-navbar{ font-family:"Crimson Pro", serif;font-weight:300;text-transform: uppercase;background: #b6b6b6;position: absolute;right: 0;left: 0;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;z-index: 999;} .navbar-toggler {padding: 0.15rem 0.15rem;background-color: #4a9497;position: absolute;right: 0;bottom: 0.5rem;border:none;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .navbar-toggler-icon {display: block;width: 1.5rem;height: .25rem;background-color: #fff;border-radius: 2px;margin: .25rem;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .navbar-toggler:hover{background-color:#000;} .navbar-toggler:hover .navbar-toggler-icon {background-color: #fff;} #navbar-main-menu .navbar { padding:0; } #navbar-main-menu .nav-item{border-top: 1px solid #e4d2a0;} #navbar-main-menu .nav-item:hover{border-top: 1px solid #e4d2a0;} #navbar-main-menu .nav-item:first-child{border-top: 1px solid #e4d2a0;} #navbar-main-menu .nav-item:last-child{border-bottom: 1px solid #e4d2a0;} #navbar-main-menu .nav-link{position:relative;background: #faf7ef;font-weight:400;padding-left:15px ;padding-right:15px ;color:#000;font-size:23px;letter-spacing:0.05em;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #navbar-main-menu .nav-link:hover,#navbar-main-menu .nav-item.current_page_item .nav-link,#navbar-main-menu .nav-item.current-page-ancestor .nav-link{background:#f3eddc;color:#000;} #navbar-main-menu .navbar-nav .dropdown-menu , #navbar-main-menu .nav-item.current_page_item .nav-link .dropdown-menu{padding-left: 20px;border: none;background:#f3eddc;margin: 0 !important;padding-right: 30px;border-radius:0;} #navbar-main-menu .nav-item.current_page_item .dropdown-menu .nav-link{background: #faf7ef;} #navbar-main-menu .dropdown-menu .nav-item.current_page_item .nav-link{background: #f3eddc;} #navbar-main-menu .nav-item.current_page_item .dropdown-menu .nav-link:hover{background: #f3eddc;} #navbar-main-menu .navbar-nav .dropdown-menu .nav-item{border-top: 1px solid #dfd2af;background:#faf7ef;} /*#navbar-main-menu .navbar-nav .dropdown-menu .nav-item:hover{background:#faf7ef;}*/ #navbar-main-menu .navbar-nav .dropdown-menu li{border-left:2px solid #dfd2af; border-right:2px solid #dfd2af} #navbar-main-menu .navbar-nav .dropdown-menu li:last-child{border-bottom:1px solid #dfd2af; } #navbar-main-menu .nav-item.current_page_item .nav-link#navbar-main-menu .nav-item.current-page-ancestor .nav-link{background-color:#f3eddc;color:#000;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #navbar-main-menu .nav-item.current_page_item.menu-item-has-children .nav-item .nav-link{padding-left:15px ;} /* removing the image from all dropdown-menu links that are children of current_page_item*/ #navbar-main-menu .nav-item.current_page_item{border-top: 1px solid #e4d2a0;} /* .nav-item.current_page_item .nav-link::after{content: "";position: absolute;display: block;width: 30px;height: 2px; bottom: 7px;left: 15px;background-color: #147bbf;transform: scaleX(1);} .nav-link::before{content: "";position: absolute;display: block;width: 75px;height: 2px; bottom: 7px;left: 15px;background-color: #147bbf;transform: scaleX(0);transition: transform 0.5s ease;} .nav-item.current_state_none .nav-link::after{transform: scaleX(0)!important;} .nav-link:hover::before {transform: scaleX(1);} */ /*---------------------------BUTTONS-----------------------------*/ #contact_container{padding: 1.5rem;} /*--------buttons with arrow-------------*/ /* .wp-bootstrap-blocks-button .btn-primary{letter-spacing: 0.02em;border: none;background-color:transparent;padding: 0;} .wp-bootstrap-blocks-button .btn-primary:hover{background-color:transparent;} .wp-bootstrap-blocks-button{display:inline-block;border-radius: 6px; background:#0092d7;padding:5px 35px 5px 15px;position:relative; -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;} .wp-bootstrap-blocks-button:hover{background:#014183;} .btn-primary{background:#0092d7;z-index:9;position:relative; line-height: 1.2em; -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;text-transform:uppercase;font-weight:500;font-size:18px;letter-spacing:.02em;} .btn-primary:hover{background:#014183; } .wp-bootstrap-blocks-button::before{position: absolute;content: '';right: auto;top: 7px;bottom: 7px;left: calc(100% - 40px);width:10px;background: rgba(0,146,215,1);-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;z-index: 2;} .wp-bootstrap-blocks-button::after {-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;color: #fff;font-family: fontawesome;font-size: 21px;content: '\f178';z-index: 1;top: calc(50% - .7em);right: 17px;position: absolute;} .wp-bootstrap-blocks-button:hover::before{background: rgba(0,127,196,0);} .wp-bootstrap-blocks-button:hover::after{margin-right: -9px;} .btn-primary:hover{background:#014183; } .btn-primary::before:hover{} .btn{line-height: 1.2em;} div.wp-bootstrap-blocks-button:has(a.button_dk_blue) { background: #014183;} div.wp-bootstrap-blocks-button:has(a.button_dk_blue)::before { background: rgba(0,55,149,1);} div.wp-bootstrap-blocks-button:has(a.button_dk_blue):hover::before { background: rgba(0,55,149,0);} div.wp-bootstrap-blocks-button:has(a.button_dk_blue):hover { background: #0092d7;} div.wp-bootstrap-blocks-button:has(a.float-end) { float:right !important} p.button a{display:inline-block;border-radius: 6px; background:#0092d7;padding:5px 35px 5px 15px;position:relative; -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;text-decoration: none;font-size: 20px; font-weight:500;color:#fff;} p.button a:hover{background:#014183;} p.button a::after{-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;color: #fff;font-family: fontawesome;font-size: 16px;content: '\f178';z-index: 1;top: calc(50% - .7em);right: 15px;position: absolute;} p.button a:hover::after{margin-right:-4px; } p.button_white a{display:inline-block;border-radius: 6px; padding:5px 35px 5px 15px;position:relative; -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;background:#fff ;border:1px solid #014183;color:#014183 ;text-decoration: none;font-size: 20px; font-weight:500;} p.button_white a:hover{border-color:#0271ac ;color:#0271ac} p.button_white a::after{-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;font-family: fontawesome;font-size: 16px;content: '\f178';z-index: 1;top: calc(50% - .7em);right: 17px;position: absolute;color:#f4cb56 ;} p.button_white a:hover::after{color:#0271ac;margin-right:-5px; } */ /*--------buttons with carot - read_more with arrow under -------------*/ /* f101 fa-angles-right --- 3 colors -- same hover color*/ .wp-bootstrap-blocks-button{display:inline-block;} p.button-phone a, p.button a, .btn-primary, p.button-teal a, .btn-primary.button-teal{font-family:"PT Sans", sans-serif;font-size: 20px;border-radius:4px; background:#781325;border-color:#781325;padding: 2px 23px 2px 15px;position:relative; -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;line-height: 1.2em;letter-spacing:.02em;font-weight:400} p.button-phone a:hover, p.button a:hover, .btn-primary:hover,p.button-teal a:hover,.btn-primary.button-teal:hover {background:#000; border-color:#000;} /*p.button a::after, .btn-primary::after {-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;color: #fff;font-family: fontawesome;font-size:13px;content: '\f054';right: 18px;position: absolute;bottom: 2px;}*/ p.button a::before, .btn-primary::before {-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;color: #fff;font-family: fontawesome;font-size:15px;content: '\f0da';right: 13px;position: absolute;bottom: 0;} /*p.button a:hover::after, .btn-primary:hover::after{margin-right: -7px;font-size: 17px;margin-bottom: 1px;}*/ /*p.button a:hover::after, .btn-primary:hover::after{margin-right: -9px;}*/ p.button a:hover::before, .btn-primary:hover::before{margin-right: -4px;} .button-white{background:#fff;color:#000} .button-white::before{color:#000} .button-white:hover::before{color:#fff} .btn-primary.button-transparent{background:none !important;padding:3px 0;border:none !important;} .wp-bootstrap-blocks-button a.button-transparent{color:#000;} .wp-bootstrap-blocks-button a.button-transparent:hover{color:#76192b;} /*--------buttons phone rotate-------------*/ p.button-phone a, .btn-primary.button-phone{padding: 5px 12px 2px 30px;font-size:18px;} p.button-phone a::before, .btn-primary.button-phone::before {-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;color: #fff;font-family: fontawesome;font-size:14px;content: '\f095';left: 12px;right:auto;position: absolute;top: calc(50% - .75em);transform: rotate(15deg);} p.button-phone a:hover::before, .btn-primary.button-phone:hover::before{margin-right: 0;margin-top: -3px;transform: rotate(45deg);font-size: 18px;margin-left: -3px;margin-top: 4px;} .btn-primary.button-transparent.button-phone,p.button-transparent.button-phone a{background:none;padding:5px 0 2px 22px;color:#000;font-weight: 300;font-size: 20px;} .btn-primary.button-transparent.button-phone::before,p.button-transparent.button-phone a::before{left: 3px;color:#000;} .btn-primary.button-transparent.button-phone:hover::before{color:#76192b;} p.button-phone a::after, .btn-primary.button-phone::after,.btn-primary.button-transparent.button-phone::after{display:none;} /*--------read more-----------*/ .wp-bootstrap-blocks-button:has(.read-more){display:block;} p.read-more a, .read-more{text-align: right;background: none;border: none;text-transform: uppercase;font-size: 15px;letter-spacing: .04em;display: block; padding: 2px 18px 8px 0;color:#76192b;} p.read-more a:hover, .read-more:hover{background: none;border: none;color:#76192b;text-decoration:none !important} p.read-more a::before, .read-more::before{right: 10px;bottom: -2px;color:#76192b;} p.read-more a:hover::before, .read-more:hover::before{} p.read-more a::after, .read-more::after{-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;content:'';position:absolute;right: 12px;bottom: 6px;height: 3px; width: 40px;background: #76192b;} p.read-more a:hover::after, .read-more:hover::after{width:60px;} .bk-teal p.read-more a::before, .bk-teal .read-more::before, .background-teal p.read-more a::before, .background-teal p.read-more::before ,.bk-teal p.read-more a, .bk-teal .read-more, .background-teal p.read-more a, .background-teal p.read-more,.bk-maroon p.read-more a, .bk-maroon .read-more::before, .background-maroon p.read-more a::before, .background-maroon p.read-more::before ,.bk-maroon p.read-more a, .bk-maroon .read-more, .background-maroon p.read-more a, .background-maroon p.read-more{color:#fff} .bk-teal p.read-more a::after, .bk-teal .read-more::after, .background-teal p.read-more a::after, .background-teal p.read-more::after,.bk-maroon p.read-more a::after, .bk-maroon .read-more::after, .background-maroon p.read-more a::after, .background-maroon p.read-more::after{background:#fff} /*------------------------footer buttons---------I am making all footer buttons to have the arrow like the readmore buttons----------------*/ #footer .btn-primary, #footer .btn-primary.button-phone{background:#f1eeda;border-color:#f1eeda;color:#781325} #footer .btn-primary{background:#f1eeda;border-color:#f1eeda;color:#781325;text-transform: uppercase;font-size: 15px; letter-spacing: .04em;padding: 8px 16px 8px 15px; font-weight: 700;} #footer .btn-primary:hover{text-decoration:none;} #footer .btn-primary.button-phone{padding: 8px 12px 8px 30px} #footer .btn-primary::before, #footer .btn-primary.button-phone::before{color:#781325;} #footer .btn-primary::before{right: 10px;bottom: -2px;} #footer .btn-primary.button-phone::before{right: auto;bottom: auto;} #footer .btn-primary::after{-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;content:'';position:absolute;right: 12px;bottom: 6px;height: 3px; width: 40px;background: #76192b;} #footer .btn-primary:hover::after{width:60px;} /*-------------------------------------------------------------*/ figcaption { padding-top: 0; padding-bottom: .75rem; color: #6c757d; text-align: left; } /*input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; line-height: 1.5; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; padding: 0.5rem 1.25rem; color: #fff; background-color: #a26028;border-color: #a26028;font-weight: 400;letter-spacing: 0.05em;}*/ input[type="button"]:active, input[type="button"]:hover, input[type="reset"]:active, input[type="reset"]:hover, input[type="submit"]:active, input[type="submit"]:hover { color: #fff; background-color: #147bbf; border-color: #147bbf; cursor: pointer; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { display: block; width: 100%; padding: 0.375rem 0.75rem; line-height: 1.5; color: #000; background-color: #fff; background-clip: padding-box; border: 1px solid #b6b6b6;font-weight:300; border-radius:4px; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #000; background-color: #fff !important; border-color: #888; outline: 0; } input[type="text"]:-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-webkit-input-placeholder, input[type="email"]:-moz-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-webkit-input-placeholder, input[type="url"]:-moz-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-webkit-input-placeholder, input[type="password"]:-moz-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-webkit-input-placeholder, input[type="search"]:-moz-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-webkit-input-placeholder, input[type="number"]:-moz-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-webkit-input-placeholder, input[type="tel"]:-moz-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-webkit-input-placeholder, input[type="range"]:-moz-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-webkit-input-placeholder, input[type="date"]:-moz-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-webkit-input-placeholder, input[type="month"]:-moz-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-webkit-input-placeholder, input[type="week"]:-moz-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-webkit-input-placeholder, input[type="time"]:-moz-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-webkit-input-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-webkit-input-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-webkit-input-placeholder, input[type="color"]:-moz-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-webkit-input-placeholder, textarea:-moz-placeholder, textarea:-ms-input-placeholder { color: #6c757d; opacity: 1; } .error{background: #fff;border-radius: 4px;padding: 20px 20px 10px 20px;margin-bottom: 20px;border:1px solid #b71414;color: #b71414;} .error p{font-size:17px !important;text-align: left !important;line-height: 1.6em !important;} #free-professional-remodeling-quote .error{border:1px solid #000;color:#000;} /*select { height: calc(2.25rem + 2px); display: block; width: 100%; padding: .375rem .75rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } select { height: calc(2.25rem + 2px); display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } */ /* ----------------------------------------ACCORDIAN-------------------------------------------- */ .accordion-body {position: relative;background: #fffdf5;padding-bottom:2rem;padding-top:2rem;border:1px solid #f1eeda;} .accordion-body img{width:100%;margin-bottom:1.5rem;} .accordion-button {font-size: 1.2rem;color:#000;position:relative;padding:0 0 0 2rem;} .accordion-button:not(.collapsed) { background-color:transparent;border:none;color: #000;box-shadow: none;} .accordion-header {margin-top: 0;font-size:2rem} .accordion-button:hover {color:#76192b;} .accordion-item {max-width:920px;} .accordian-button span{ position: relative;width: 25px;height: 25px;background: #fff;display: inline-block;border-radius: 2px;margin-right: 10px;} .accordion-button span::after {top:0;color: #76192b; font-family: fontawesome;font-size: 30px;content: ' \f107';position: absolute;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;background-image: none;left: 0;} .accordion-button::after{display:none;} .accordion-button:not(.collapsed) span::after {background-image: none; -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);} .needed_for_search_page {display: block;color: transparent;font-size: 5px;line-height: 1em;margin: 0;} /* ------------------------------------------------------------------------------------ */ /*---------------------------SECTIONS-----------------------------*/ .add-space{display:block;width:100%;height:3rem;}/*--probably will not use this for this site --*/ .page_section{padding-top:3rem;padding-bottom:3rem;} .page_section.with_background.position_1{background-size: 100%;background-position: 50% top;background-attachment: fixed;background-repeat:no-repeat;} .page_section.with_background.position_2{background-size: cover;background-position: 50% top;background-attachment: fixed;background-repeat:no-repeat;} .page_section.with_background img{background:#fff;padding:1rem;} .page_section.py_less{padding-bottom:1.5rem;} /* ------------------------------------------------------------------------------------ */ /* ---------------------------------SIDEBAR--------------------------------------------------- */ #secondary h4{font-family: "Crimson Pro", serif;text-align:center;border-bottom:1px solid #fafafa;text-transform: none;font-size: 27px;margin-top: 0;padding-top: 1rem;line-height: 1em;margin-bottom: 0;color: #000;background: #f1eeda;} #secondary ul.menu{padding-left:0;border-left:2px solid #f1eeda;border-right:2px solid #f1eeda;background: #f1eeda;margin-bottom:2rem;position:relative;} #secondary ul.menu::after{content:'';bottom:-2rem;background-image: url(/img/patterns/pattern_sidebar_nav.png);background-size:300px;position:absolute;left:2rem;right:2rem; height:1.5rem;background-repeat: no-repeat;background-position: center top ;} #secondary .menu li{position: relative;list-style:none;border-bottom:1px solid #fff;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #secondary .menu li:hover{background: #faf7ef;} #secondary .menu li:last-child:hover,#secondary .menu li:last-child{border-bottom:1px solid #f1eeda;} #secondary .menu li a{padding:.5rem 1.75rem .4rem 1rem;color:#76192b;position:relative;display:block;} #secondary .menu li a:hover{color:#000;} #secondary .menu li a::after{-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;font-family: fontawesome;font-size:12px;content: '\f178';position: absolute;bottom: .70rem;color:#76192b;margin-left:3px;} #secondary .menu li a:hover::after{margin-left:7px;color:#000;} #secondary .menu li.current-menu-item{background: #fff;} #secondary .menu li.current-menu-item a{color:#258088;} #secondary .menu li.current-menu-item a:after{color:#258088;} #secondary .menu li.current-menu-item a:hover::after{margin-left:3px;color:#000;} .background-teal{padding:1.5rem;background:#258088} .background_maroon{padding:1.5rem;background:#76192b} .background_cream{padding:1.5rem;background:#f1eeda} .background_lt_cream{padding:1.5rem;background:#faf7ef} /* ----------------------------------------------- HERO ---------------------------------------- */ .hero{padding-left:0 !important;padding-right:0 !important;position:relative;height: 140px;background-color:#e3e3e3;max-width:3000px;content: "";top: 0;left: 0;right: 0;bottom: 0;background-position: 50% 50%;background-repeat: no-repeat;background-size: 180%;} /* ---------------------------------PROJECTS--------------------------------------------------- #sort_projects .select-filter {display: inline-block;max-width: 600px;width: calc(100% - 100px);border: 1px solid #000;border-radius: 0;color: #76192b;padding: .25rem;background: #fff;} #sort_projects .controls_label {color: #000;text-transform: uppercase;font-weight: 400;width: 80px;letter-spacing: 0.05em;} .box{position:relative;overflow:hidden;background:#fff;} #highlighted_projects .box{background:#e3e3e3;max-width: 450px;} .box_overlay{position:absolute;bottom:1rem;right:1rem;left:1rem;background:rgba(255,255,255,0);z-index:9;padding:0 1rem;-webkit-transition: all 0.7s;-moz-transition: all 0.7s;-o-transition: all 0.7s; transition: all 0.7s;overflow-y: hidden;color:#000;} #highlighted_projects .box_overlay{top:1rem;background:rgba(15,112,69,.8);color:#fff;} .box h4{z-index:99;-webkit-transition: all 0.5s; color:#000;padding: .75rem 1rem .75rem 1.75rem; position:absolute; bottom:.5rem; right:1rem; left:1rem;background:rgba(255,255,255,.7); font-size: 24px !important;font-weight: 400 ;margin-top: 9px;webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;text-transform: none;line-height: 1em;text-align:left;} #highlighted_projects .box h4{text-align:center;z-index:99; color:#fff; bottom:calc(50% - 4rem); background:transparent !important;} .box h4 span{text-align:right;} #highlighted_projects .box h4 span{text-align:center;} .box h4::before{content: "";position: absolute;display: block;width: .5rem; left: 1rem;background-color: #1638cd;border-radius: 1px;-webkit-transition: all 2s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;top:.75rem;bottom: .75rem;z-index: -1;opacity:1} .box h4::after{z-index: -1;transform: scaleY(0);content: "";position: absolute;display: block;width: 1%;height:.25rem;left: 1rem;bottom:.5rem;background-color: #1638cd;border-radius: 1px;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; transition: all 1s;} #highlighted_projects .box h4::before,#highlighted_projects .box h4::after{display:none;} #projects .box .box-button{position:absolute;top:1.5rem;right:1.5rem;z-index:99;position: absolute;color: #fff;background: #76192b;padding: .5rem 1rem .25rem 1rem;line-height: 1em;border-radius: 6px;max-width: calc(100% - 6rem); text-align: center; font-size: 22px;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;} #highlighted_projects .box .box-button{position:absolute;bottom:1rem;right:1rem;z-index:99;position: absolute;color: #fff;background:rgba(255,255,255,0);padding: .5rem 1rem .25rem 1rem;line-height: 1em;border-radius: 6px;max-width: calc(100% - 6rem); text-align: center; font-size: 22px;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .box_label {position: absolute;top: 1rem;left:1rem; z-index: 99;color: #fff;text-transform: uppercase;background: #1638cd;font-size: 14px; letter-spacing: .1em;padding: 0 .25rem;transform: translate(-75px, 75px) rotate(-90deg) scaleY(1);text-align: center;width: 170px;} #highlighted_projects .box_label{background:#fff;color:#0f7045;border: 1px solid #0f7045;margin-left: 3px;} .overly_info{display:none;margin-top:10px;webkit-transition: all 2.5s;-moz-transition: all 2.5s;-o-transition: all 2.5s;transition: all 2.5s;color:#fff} .string_long,.string_short{display:none;} .modal_project h3{position:relative;display:block;} .modal_project h3.add_before{padding-top:1.75rem;} .modal_project h3.add_before::before{position:absolute;color:#76192b;content:'Ongoing Project';top:0;left:0;font-size:1.4rem;text-transform:uppercase;} */ /* -----------------------------------------------MODAL ------------------------------------------- */ .modal-backdrop.show {opacity: .7;} .modal.modal_full_size,.modal.modal_max_1200 {--bs-modal-width:calc(100% - 2rem) ;} .modal {z-index: 9999;} .modal-content .btn-close{z-index:99;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;font-size: 40px;font-weight: 700;line-height:30px;color: #fff;opacity: 1;width: 35px;height: 35px;position: absolute;right:0;top:0;background:#258088 ;padding: 0; border: 1px solid #fff;border-radius: 0 .5rem 0 0;} .modal-content .btn-close:hover{background:#76192b;} .modal_project .info{text-align:right;text-align: right;display: block;margin-bottom: -.75rem;font-size: 1.25rem;} .modal-content {} /* ------------------------------------------------Modal------------------------------------------- .background-teal{padding:1.5rem;background:#258088} .bk_teal{background:#258088} .text_teal{color:#258088} .background_lt_teal{padding:1.5rem;background:#4a9497} .bk_lt_teal{background:#4a9497} .text_lt_teal{color:#4a9497} .background_maroon{padding:1.5rem;background:#76192b} .fade.show {opacity: 1; } .project_modal .modal-dialog , .modal-dialog.modal-lg{width:calc(100% - 30px)} .project_modal .modal-content{border-radius:0;border: 1px solid rgb(253, 238, 209);} .project_modal .modal-body{padding:7px;} .project_modal p,.project_modal ul,.project_modal h5,.project_modal h6,.project_modal ol,.project_modal span,.project_modal h2,.project_modal h1,.project_modal h3,.project_modal h4{padding-left:15px;padding-right:15px;} .project_modal h1{} .project_modal h2{margin-top:0} .project_modal button.close span{padding-left:0;padding-right:0;} .project_modal .modal-body{padding:7px;} .project_modal .has-text-align-right{line-height:1.2em;margin-bottom:0;} .modal {z-index: 999999;} .project_modal .close, .image_modal .close{z-index:99;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;font-size: 30px;font-weight: 700;line-height: 1em;color: #fff;opacity: 1;width: 30px;height: 30px;position: absolute;right:0;top:0;background: #89a6a4;} .project_modal button.close:hover ,.image_modal button.close:hover {background: rgba(11,57,70,1);color:#fff !important;text-shadow:none;} .info{display:block;text-align:right;line-height:1.3em;padding-top: 4px;} .project_modal .space {margin-top:10px;} .project_slideshow #wpadminbar{display:none;} .image_popup_wrap{cursor:pointer;display:inline-block;} .image_popup_image{margin:0 auto;display:inline-block;padding: 10px;background: #e3e3e3;} .image_popup_image img{max-width:100%; max-height:calc(100vh - 50px);} .image_popup_thumb{width:150px;background:#000;} .image_popup_thumb img{width:100%;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease} .image_popup_modal_title{color: #8e143a;font-size: 18px;font-weight: 400;line-height:1.2em;padding-top:10px;text-align:left !important;} .image_popup_title{color: #8e143a;position:relative;} .image_popup_title:after{margin-left:5px;font-family: fontawesome;font-size: 15px;content: ' \f0da';position:absolute;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .hover_icon{opacity:0;top:calc(50% - 30px);left:calc(50% - 30px);width:60px;height:60px;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;position:absolute;background-image:url(../../../img/icons/hoveroverlay-icon.png)} .image_popup_wrap:hover img{opacity:.8} .image_popup_wrap:hover .hover_icon{opacity:.9} .image_popup_wrap:hover .image_popup_title{color:#0b3946;} .image_popup_wrap:hover .image_popup_title:after{margin-left:7px;} .image_modal .modal-body{text-align:center;} .image_modal .modal-content{background:none;} */ /* ----------------------------------------------- Services ---------------------------------------- */ /* ------------------------------------------------youtube------------------------------------------- */ .videoWrapper video{width:100%;} .videoWrapper {position: relative;padding:0;margin:0;width:100%;} .videoWrapper_inner {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 0;height: 0;background:#fff !important;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#fff;} .videoWrapper figure{margin:0;} .youtube_section{margin-bottom: 1rem;} .youtube_span{cursor: pointer;color: #045f8f;text-transform: uppercase; display: block;line-height: 1.2em;padding-bottom: 7px;} .youtube_span_play{color:#045f8f;padding-right: 5px;} .youtube_span_play:hover,.youtube_span:hover{color:#000;} .youtube_thumb .image_1{margin:0 auto;background:#000;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease} .youtube_thumb .image_1 img{-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease} .youtube_thumb:hover .image_1 img{opacity:.8;} .youtube_thumb:hover .youtube_thumb_play{color:rgba(255, 255, 255,1);} .youtube_thumb_play{color:rgba(255, 255, 255,.7);position:absolute;z-index:9;top: calc(50% - .5em);left: calc(50% - .5em);font-size:120px !important;text-shadow: 2px 2px 7px rgba(0,0,0,.3);-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .youtube_thumb_overlay{position:absolute; bottom:0;right:0;left:0;background: rgba(255, 255, 255, .7);color:#000;font-weight:500;font-size:20px;padding: 7px;z-index:9;text-align: center;text-transform: uppercase;} .youtube_thumb {cursor: pointer;} /* ------------------------------------------------slider------------------------------------------- */ /* ------------------------------------------FORMS------------------------------------------------*/ .additional_question{display:none;} .form-check-input:checked { background-color: #0092d7; border-color: #0092d7;} .button_delete_icon{position: absolute;right: 3px;top: 0;color: #b71414;font-size:25px;background: none;border: none;cursor: pointer;} .button_delete_icon:hover{color:#1b1b1b;} .message{background: #fff;border-radius: 4px;padding: 20px 20px 10px 20px;margin-bottom: 20px;border: 1px solid #068d35;position:relative;color:#068d35} .button_close{position: absolute;right: 0;top: 0;background: none;border: none;font-size: 35px;line-height: 20px;cursor: pointer;} .message .button_close{color: #068d35;} /* ------------------------------------------TABLE------------------------------------------------*/ .table_1{line-height:1.3em;} .table_1 th, .table_1 td {padding:5px 10px;vertical-align: top;border-top: none;} .table_1 th:first-child, .table_1 td:first-child {padding-left:0} .table_1 th:last-child, .table_1 td:last-child {padding-right:0} .table_1 td.td_med{min-width: 100px;} /* .label_upload{ margin-bottom: 10px;position:relative;width:100%;text-transform: uppercase;font-weight: 400;text-align:center;padding:0 0 0 60px; line-height:1em;font-size:20px;height: 40px;} .label_upload span.upload{ -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;width:calc(100% - 60px);background:#fff;border-radius:5px;border:1px solid #e1e1e1;color:#b7b7b7;padding:10px 15px; line-height:1em;font-size:20px;position: absolute; left: 50;top: 0;right: 0;} .label_upload span.upload:hover{background:#89a6a4;border:1px solid #89a6a4;color:#fff;} .label_upload:hover span.fa{color:#89a6a4;} .label_upload span.fa{cursor: pointer;color:#999;position:absolute;font-size:27px;left:13px;top: calc(50% - 11px); -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} #upload-resume, #upload-cover-letter {opacity: 0;position: absolute;z-index: -1;} .table_1{max-width:900px;} .table_1 th, .table_1 td {padding:5px;vertical-align: top;border-top: none;} .table_1 td.td_med{padding-right:15px;width:150px;} */ /* -------------------------------------------Search------------------------------------------------ */ /* -------------------------------------------carousel------------------------------------------------ */ .wpcp-swiper-dots .swiper-pagination-bullet:hover {background-color: #888 !important;} .wpcp-carousel-section .wpcp-single-item figure {max-height:170px;} .wpcp-carousel-section .wpcp-single-item { border: 10px solid rgba(255,255,255,1) !important;} .wpcp-carousel-content-wrapper:has(.wpcp-swiper-dots) {margin-bottom: 0 !important;} .wpcp-swiper-dots {margin: 1rem 0px 0px 0px !important;} .wpcp-carousel-section .wpcp-swiper-dots .swiper-pagination-bullet {margin: 3px .5rem;} .fa-angle-left::before { margin-right: 2rem;} .fa-angle-right::before { margin-left: 2rem;} .wpcp-carousel-section .swiper-button-next i, .wpcp-carousel-section .swiper-button-prev i {font-size: 2.5rem;} /* ------------------------------------------------GeneraL------------------------------------------- */ /* for both stripes and patterns. I have made 4 versions/pngs for each pattern and stripe. (I might add maroon later) if they are on a white background, they will be able to choose from either cream or teal. If they are on teal background the png will be trans_cream. If they are on cream the png will be trans white. I have done this to make it easier for the user and full proof that they can not do something that does not fit with my design colors lol */ .bk-cream.pattern-top-1 , .bachground-cream.pattern-top-1{background-image: url(/img/patterns/pattern_top_trans_white_1.png);background-position: top;background-repeat: repeat-x;} .bk-teal.pattern-top-1 , .bachground-teal.pattern-top-1 {background-image: url(/img/patterns/pattern_top_trans_cream_1.png);background-position: top;background-repeat: repeat-x;} .pattern-top-cream-1 {background-image: url(/img/patterns/pattern_top_cream_1.png);background-position: top;background-repeat: repeat-x;} .pattern-top-teal-1 {background-image: url(/img/patterns/pattern_top_teal_1.png);background-position: top;background-repeat: repeat-x;} .bk-cream.pattern-top-2 , .bachground-cream.pattern-top-2{background-image: url(/img/patterns/pattern_top_trans_white_2.png);background-position: top;background-repeat: repeat-x;} .bk-teal.pattern-top-2 , .bachground-teal.pattern-top-2 {background-image: url(/img/patterns/pattern_top_trans_cream_2.png);background-position: top;background-repeat: repeat-x;} .pattern-top-cream-1 {background-image: url(/img/patterns/pattern_top_cream_1.png);background-position: top;background-repeat: repeat-x;} .pattern-top-teal-1 {background-image: url(/img/patterns/pattern_top_teal_1.png);background-position: top;background-repeat: repeat-x;} .bk-cream.pattern-bottom-1 , .bachground-cream.pattern-bottom-1{background-image: url(/img/patterns/pattern_bottom_trans_white_1.png);background-position: bottom;background-repeat: repeat-x;} .bk-teal.pattern-bottom-1 , .bachground-teal.pattern-bottom-1 {background-image: url(/img/patterns/pattern_bottom_trans_cream_1.png);background-position: bottom;background-repeat: repeat-x;} .pattern-bottom-cream-1 {background-image: url(/img/patterns/pattern_bottom_cream_1.png);background-position: bottom;background-repeat: repeat-x;} .pattern-bottom-teal-1 {background-image: url(/img/patterns/pattern_bottom_teal_1.png);background-position: bottom;background-repeat: repeat-x;} .bk-cream.pattern-left-1 , .bachground-cream.pattern-left-1{background-image: url(/img/patterns/pattern_left_trans_white_1.png);background-position: left;background-repeat: repeat-y;} .bk-teal.pattern-left-1 , .bachground-teal.pattern-left-1 {background-image: url(/img/patterns/pattern_left_trans_cream_1.png);background-position: left;background-repeat: repeat-y;} .pattern-left-cream-1 {background-image: url(/img/patterns/pattern_left_cream_1.png);background-position: left;background-repeat: repeat-y;} .pattern-left-teal-1 {background-image: url(/img/patterns/pattern_left_teal_1.png);background-position: left;background-repeat: repeat-y;} .bk-cream.pattern-left-2 , .bachground-cream.pattern-left-2{background-image: url(/img/patterns/pattern_left_trans_white_2.png);background-position: left;background-repeat: repeat-y;} .bk-teal.pattern-left-2 , .bachground-teal.pattern-left-2 {background-image: url(/img/patterns/pattern_left_trans_cream_2.png);background-position: left;background-repeat: repeat-y;} .pattern-left-cream-2 {background-image: url(/img/patterns/pattern_left_cream_2.png);background-position: left;background-repeat: repeat-y;} .pattern-left-teal-2 {background-image: url(/img/patterns/pattern_left_teal_2.png);background-position: left;background-repeat: repeat-y;} .bk-cream.pattern-right-1 , .bachground-cream.pattern-right-1{background-image: url(/img/patterns/pattern_right_trans_white_1.png);background-position: right;background-repeat: repeat-y;} .bk-teal.pattern-right-1 , .bachground-teal.pattern-right-1 {background-image: url(/img/patterns/pattern_right_trans_cream_1.png);background-position: right;background-repeat: repeat-y;} .pattern-right-cream-1 {background-image: url(/img/patterns/pattern_right_cream_1.png);background-position: right;background-repeat: repeat-y;} .pattern-right-teal-1 {background-image: url(/img/patterns/pattern_right_teal_1.png);background-position: right;background-repeat: repeat-y;} .bk-cream.pattern-right-2 , .bachground-cream.pattern-right-2{background-image: url(/img/patterns/pattern_right_trans_white_2.png);background-position: right;background-repeat: repeat-y;} .bk-teal.pattern-right-2 , .bachground-teal.pattern-right-2 {background-image: url(/img/patterns/pattern_right_trans_cream_2.png);background-position: right;background-repeat: repeat-y;} .pattern-right-cream-2 {background-image: url(/img/patterns/pattern_right_cream_2.png);background-position: right;background-repeat: repeat-y;} .pattern-right-teal-2 {background-image: url(/img/patterns/pattern_right_teal_2.png);background-position: right;background-repeat: repeat-y;} .stripes-bottom-1,.stripes-bottom-teal-1,.stripes-bottom-cream-1{position:relative} .stripes-bottom-1::before,.stripes-bottom-cream-1::before,.stripes-bottom-teal-1::before{ position:absolute ;content:'';left:0;right:0; bottom:0;height:50px;background-position: bottom;background-repeat: repeat-x;display: block;} .bk-teal.stripes-bottom-1::before, .background-teal.stripes-bottom-1::before{ background-image: url(/img/patterns/stripes_bottom_trans_cream_1.png);} .bk-cream.stripes-bottom-1::before, .background-cream.stripes-bottom-1::before{ background-image: url(/img/patterns/stripes_bottom_trans_white_1.png);} .stripes-bottom-cream-1::before{ background-image: url(/img/patterns/stripes_bottom_cream_1.png);} .stripes-bottom-teal-1::before{ background-image: url(/img/patterns/stripes_bottom_teal_1.png);} .stripes-top-1,.stripes-top-teal-1,.stripes-top-cream-1{position:relative} .stripes-top-1::before,.stripes-top-cream-1::before,.stripes-top-teal-1::before{ position:absolute ;content:'';left:0;right:0; top:0;height:50px;background-position: top;background-repeat: repeat-x;display: block;} .bk-teal.stripes-top-1::before, .background-teal.stripes-top-1::before{ background-image: url(/img/patterns/stripes_top_trans_cream_1.png);} .bk-cream.stripes-top-1::before, .background-cream.stripes-top-1::before{ background-image: url(/img/patterns/stripes_top_trans_white_1.png);} .stripes-top-cream-1::before{ background-image: url(/img/patterns/stripes_top_cream_1.png);} .stripes-top-teal-1::before{ background-image: url(/img/patterns/stripes_top_teal_1.png);} .stripes-left-1,.stripes-left-teal-1,.stripes-left-cream-1{position:relative} .stripes-left-1::before,.stripes-left-cream-1::before,.stripes-left-teal-1::before{ position:absolute ;content:'';left:0; top:0; bottom:0; width:50px;background-position: left;background-repeat: repeat-y;display: block;} .bk-teal.stripes-left-1::before, .background-teal.stripes-left-1::before{ background-image: url(/img/patterns/stripes_left_trans_cream_1.png);} .bk-cream.stripes-left-1::before, .background-cream.stripes-left-1::before{ background-image: url(/img/patterns/stripes_left_trans_white_1.png);} .stripes-left-cream-1::before{ background-image: url(/img/patterns/stripes_left_cream_1.png);} .stripes-left-teal-1::before{ background-image: url(/img/patterns/stripes_left_teal_1.png);} .stripes-right-1,.stripes-right-teal-1,.stripes-right-cream-1{position:relative} .stripes-right-1::before,.stripes-right-cream-1::before,.stripes-right-teal-1::before{ position:absolute ;content:'';right:0; top:0; bottom:0; width:50px;background-position: right;background-repeat: repeat-y;display: block;} .bk-teal.stripes-right-1::before, .background-teal.stripes-right-1::before{ background-image: url(/img/patterns/stripes_right_trans_cream_1.png);} .bk-cream.stripes-right-1::before, .background-cream.stripes-right-1::before{ background-image: url(/img/patterns/stripes_right_trans_white_1.png);} .stripes-right-cream-1::before{ background-image: url(/img/patterns/stripes_right_cream_1.png);} .stripes-right-teal-1::before{ background-image: url(/img/patterns/stripes_right_teal_1.png);} .myshadow{box-shadow:3px 3px 7px 4px rgba(0,0,0,.07);} .video-title{margin-top:-.5rem;margin-bottom:2rem;} .wp-block-separator {} .wp-block-image figcaption {background: #fff; padding: .5rem .75rem;font-style: italic;display: block;text-align: center;font-size: 1rem;} .wp-block-image.add-border figcaption{margin-top:-1rem;} .wp-bootstrap-blocks-row{clear:both;} .image-1 img{width:100%;} .border-white{border:1px solid #fff;} .relative{position:relative;} .z-index-neg{z-index:-1 !important;} .z-index-1{z-index:1 !important;} .fw-400{font-weight:400 !important} /* Use combo of d-none d-md-block float-sm-start float-sm-end float-sm-none */ .add-border img{padding:1rem !important;background:#fff;} .no-border img{padding:none !important;} .row-reverse{flex-direction: row-reverse !important;} .col-left-md,.col-right-md{padding:0 !important} .col-left-sm,.col-right-sm{padding:0 !important} .col-left-lg,.col-right-lg{padding:0 !important} .py-2rem {padding-top:2rem;padding-bottom:2rem;} .px-2rem{padding-left:2rem;padding-right:2rem;} .bk-black{background-color:#000;} .background-gray{padding:1.5rem;background-color:#b6b6b6} .background-teal{padding:1.5rem;background-color:#258088;color:#fff;} .bk-teal{background-color:#258088;color:#fff;} .text-teal{color:#258088} .background-lt-teal{padding:1.5rem;background-color:#4a9497} .bk-lt-teal{background-color:#4a9497} .text-lt-teal{color:#4a9497} .background-maroon{padding:1.5rem;background-color:#76192b} .bk-maroon{background:#76192b} .text-maroon{color:#76192b} .background-cream{padding:1.5rem;background-color:#f1eeda} .bk-cream{background-color:#f1eeda} .text-cream{color:#f1eeda} .background-lt-cream{padding:1.5rem;background-color:#faf7ef} .bk-lt-cream{background-color:#faf7ef} .text-lt-cream{color:#faf7ef} .bk-white{background:#fff !important;} .bk-white-transparent{background:rgba(255,255,255,.7);} /*.text-cursive{font-family: 'Tangerine', cursive !important;font-weight:700;}*/ .text-serif{font-family: "Crimson Pro", serif;} .row.background-cream,.row.background-teal,.row.background-lt-teal,.row.background-lt-cream{margin-left:0;margin-right:0}} .image-100{width:100%;} .image-right{} .image-left{} .image-right-third{} .image-left-third{} .image-right-forth{} .image-left-forth{} .clear-left{clear:left !important;} .clear-right{clear:right !important;} .clear-both{clear:both;} .indent{margin-left:1rem;margin-right:1rem;} /* adding these for theuser */ .no-margin-bottom{margin-bottom:0} .no-margin-top{margin-top:0} .no-padding-bottom{padding-bottom:0} .no-padding-top{padding-top:0} .margin-bottom{margin-bottom:1rem;} .margin-top{margin-top:1rem;} /* .mw-125{max-width:125px !important;} .mw-768{max-width:768px !important;} .mw-920{max-width:920px !important;} */ .image-100{width:100%;} .button-right,.wp-bootstrap-blocks-button:has(.button-right){float:right;} .intro{max-width: 800px;display: block;margin-left: auto;margin-right: auto;} .date{color:#000;font-family: "Cinzel", serif;font-weight: 600;} .max-width-340{max-width:340px !important;} .max-width-920{max-width: 920px;display: block;margin-left: auto;margin-right: auto;} figure.float-right img{float:right;} figure.float-left img{float:left;} /* ------------------------------------------------------------------------------------------- */ @media screen and (min-width: 576px) { .zzz{border:1px solid purple;} .container{max-width: none;} #bcb-main-navbar form { position: absolute;right: 4.5rem;top: -3rem;;} #logo_img_wrap {} #row_logo_wrap{min-height:auto;} #license {bottom: .75rem;left: 8rem;} .navbar-toggler {bottom: 0.75rem;} /*-------------------------*/ .site-info .info {display:inline-block;} .site-info .sep {display:inline-block;padding: 0 12px;} /*-------------------------*/ .hero{height:170px;} /*-----------home--------------*/ .home_section_image_inner{min-height:375px;} .odd .home_section_image{padding-left: 30%;} .even .home_section_image{padding-right:30%;} .odd.home_section .maroon_strips::before {right: 18%;} .even.home_section .maroon_strips::before {left: 18%;} /*-----------section--------------*/ #contact_container {padding: 3rem 4rem;} .page-section{} /*-------------------------*/ .collapse-container img{float: left;width: calc(50% - 20px);margin: 0 20px 20px 0;} /*-------------------------*/ /*----------------GeneraL-----576--------------*/ .image-right-forth{width:calc(50% - 15px);float: right;margin: 0 0 30px 30px} .image-left-forth{float: left;margin: 0 30px 30px 0;width: calc(50% - 15px);} .fl-right-sm{float:right !important;} .fl-left-sm{float:left;} .col-left-sm{padding-right:15px !important} .col-right-sm{padding-left:15px !important} /*-------------------------*/ } @media screen and (min-width: 768px) { .zzz{border:1px solid red;} body{padding-top:60px !important} h1, .h1, h2, .h2 {font-size: 43px;} .under_heading,.subtitle{font-size: 21px;} #backToTopBtn{bottom:30px;right:30px;font-size: 30px;} /*-------------------------*/ #logo_img_wrap{margin:.45rem 0 ;position:relative;} #logo_complete{} /* changed the font size so I had to tweak other stuff. */ #header-button-left,#header-button-right {width: auto;display: inline-block;position: absolute; top: .75rem;z-index: 9;} #header-button-left .btn-primary,#header-button-right .btn-primary{font-size:17px;text-transform: uppercase;padding-bottom:3px;padding-top:2px;} #header-button-right .btn-primary::before{bottom:3px} #header-buttons .btn-primary.button-phone::before{margin-top:-1px} #header-buttons .btn-primary.button-phone::before{font-size:13px;} #header-button-left {right: 24rem;border-right:0;} #header-button-right {right:1.4rem;} #header-buttons .wp-bootstrap-blocks-button {height: auto;border-radius:4px;margin-top: 0;} #header-buttons .d-custom{display:inline-block} /*-------------------------*/ #secondary {margin-bottom: 4rem;margin-top:3.75rem;} #primary{padding-bottom: 4rem;} #secondary.has-color{height:calc(100% - 4rem)} #secondary ul.menu::after{background-size:100%;} .pb-custom{padding-bottom:4rem;} .mb-custom{margin-bottom:4rem;} .pt-custom{padding-top:4rem;} .mt-custom{margin-top:4rem;} /*-----------section--------------*/ .add-space{height:4rem;} .page-section{padding-top:4rem;padding-bottom:4rem;} .page-section.with-background-overlay::before {background-size: 150%;} /*-------------home------------*/ #color_block{top:15rem;bottom:15rem;left:4.5rem;right:4.5rem;width:calc(100% - 9rem);} #home_container{padding-left:2rem; padding-right: 2rem;} .odd .home_section_text {padding-right: 15%;} .even .home_section_text {padding-left: 15%;} .odd .maroon_border.home_section_image_inner{margin-left:1.25rem;width:calc(100% - 1.25rem);} .even .maroon_border.home_section_image_inner{margin-right:1.25rem;width:calc(100% - 1.25rem);} .maroon_border.home_section_image_inner::after {height:1.75rem; bottom:-1.75rem;} .maroon_border.home_section_image_inner::before{width:1.25rem; top:3rem;} .odd .maroon_border.home_section_image_inner::before{ left:-1.25rem;} .odd .maroon_border.home_section_image_inner::after { left:-1.25rem; right:3rem;} .even .maroon_border.home_section_image_inner::before{right: -1.25rem;} .even .maroon_border.home_section_image_inner::after {right: -1.25rem;left: 3rem;} .odd.home_section .maroon_strips::before{left: 40%;right: 0;} .even.home_section .maroon_strips::before{left: 0;right: 40%;} .odd.home_section .maroon_strips::after {left: 5%;right: 33%;} .even.home_section .maroon_strips::after {left: 33%;right: 5%;} #free-professional-remodeling-quote{background-image: url("/img/quote.jpg");} /*-------------------------*/ /*------------projects-------------*/ .overly-info{display:block;opacity:0;position: absolute;top: 40%;right: 0;left: 0;padding:0 2rem;} #highlighted_projects .overly-info{top: 50%;} .string-long{display:block;} .box_overlay{top: calc(100% - 83px);} .box:hover .box_overlay{top:0;height:auto;background:rgba(255,255,255,.7);} .box:hover .overly_info {opacity:1;color:#000} #highlighted_projects .box:hover .overly_info {opacity:1;color:#fff;margin-top: -15%;} .box:hover h4 {background:rgba(255,255,255,0);margin-bottom: 58%;} #highlighted_projects .box:hover h4 {margin-bottom:29%;} .box:hover h4::after{transform: scaleY(1);width:30%;margin-left: .75rem;} .box:hover h4::before{transform: scaleY(0);margin-top:calc(100% - 8px);} #projects .box .box-button {top: auto;bottom: 1rem;right: 1rem;margin-right: 40%;opacity: 0;} #projects .box:hover .box-button {margin-right: 0;opacity: 1;} .box_label{transform: translate(0, 0) rotate(0) scaleY(01);left: auto;right: 1rem;width: 100px;line-height: 1.2em;padding: .25rem;} #highlighted_projects .box:hover .box-button{background:rgba(255,255,255,1);color:#0f7045} #highlighted_projects_button_wrap{margin-top:-2rem;} /*-------------------------*/ .site-main {} #nav-header {position: fixed;right: 0;left: 0;top:0;z-index:999;box-shadow: 0 3px 7px 4px rgba(0,0,0,.1); min-height: 3rem;} /*-------------------------*/ #no_hero_image{height:2rem;} .hero{height: 210px;background-size: 150%;background-position: 50% 0;background-attachment: fixed;} /*-------------------------*/ /*-------------------------*/ .youtube_thumb_play{font-size:150px} .youtube_text h3{margin-top: 10px;} .modal_video .modal-content{padding:1rem} .accordion-body img{margin-bottom:0;} /*-------------------------*/ .wpcp-carousel-section .wpcp-single-item figure {max-height: 200px;} /*-------------------------*/ /*-------------------------*/ /*-------------------------*/ /*----------------GeneraL-----768--------------*/ .col-left-md{padding-right:15px !important} .col-right-md{padding-left:15px !important} .row-reverse-md{flex-direction:row-reverse;} .image-right, .image-right-third{width:calc(50% - 15px);float: right;margin: 0 0 30px 30px;} .image-left, .image-left-third{float: left;margin: 0 30px 30px 0;width: calc(50% - 15px);} /* I am making alowance for .image-left inside of divs smaller than .col-12 (basically when there is a sidebar) I will adjest this at the next breakpoint. I am not making adjustments for .image-right-forth or .image-right-third*/ .col-md-8 .image-right,.col-md-6 .image-right, .col-md-8 .image-left,.col-md-6 .image-left{width:100%;float: none;margin: 0 0 10px 0;} .image-right-forth{width:calc(33.33% - 15px);} .image-left-forth{width: calc(33.33% - 15px);} } @media screen and (min-width: 992px) { #footer{} .zzz{border:1px solid green;} h3, .h3{font-size: 1.6rem;} .container{max-width: 960px;} #featured_projects,.head_foot_inner,.wonderplugincarousel-container{padding-left:3rem !important;padding-right:3rem !important;} .modal.modal_full_size,.modal.modal_max_1200{--bs-modal-width :calc(100% - 10rem);} /*-------------------------*/ #header-button-right {right: 2.2rem;} #license {left: 10rem;} #bcb-main-navbar form {right: 5rem;} /*------------footer-------------*/ .site-info{ position: absolute;left: 2rem;width: calc(33.333% - 1rem);text-align: left;bottom: 3.2rem;} #footer .footer-widgets .menu {padding-left:20px;} #footer .footer-widgets .menu .nav-item{text-align:right;} #nav_menu-2 h4{text-align:right;} /*------------home-------------*/ #color_block{top: 25rem;bottom: 18rem;left: 8rem; width: calc(100% - 16rem);} #home_container{padding-left:4rem !important;padding-right:4rem !important;} .home_section_image_inner {min-height: 400px;} .home_section_text {margin-top: 5rem;} .first_block .home_section_text {margin-top:0;} /*-----------sidebar--------------*/ .entry-title{padding-top: 4rem;} #secondary {margin-top:4.75rem;} /*-------------------------*/ .hero{ height:230px; background-size: 130%;} /*-----------section--------------*/ .add-space{height:5rem;} .page_section{padding-top:5rem;padding-bottom:5rem;} .page_section.py_less{padding-top:4rem;} .page_section.padding-less{padding-top:4rem;padding-bottom:4rem;} /*-------------------------*/ #footer_1,#footer_2,#footer_3{margin-bottom:2rem;} /*-------------------------*/ /*-------------------------*/ /*-------------------------*/ /*------------General----992---------------*/ /* .z-index-lg-neg{z-index:-1 !important;}*/ .z-index-lg-1{z-index:1 !important;} .col-md-8 .image-right, .col-md-6 .image-right{width:calc(50% - 15px);float: right;margin: 0 0 30px 30px;} .col-md-8 .image-left, .col-md-6 .image-left{float: left;margin: 0 30px 30px 0;width: calc(50% - 15px);} .image-left-third{width: calc(33.333% - 15px);} .image-right-third{width: calc(33.333% - 15px);} .col-left-lg{padding-right:15px !important} .col-right-lg{padding-left:15px !important} } @media screen and (min-width: 1200px) { .zzz{border:1px solid aqua;} .container{max-width: 1140px;} h1, .h1, h2, .h2 {font-size: 47px;} .under_heading,.subtitle{font-size: 25px;} /*-------------------------*/ .head_foot_inner,.wonderplugincarousel-container{padding-left:4rem !important;padding-right:4rem !important;} #highlighted_projects_button_wrap {margin-top: 0;position: absolute;top: 3.5rem;right: 2rem;z-index: 9;} /* .nav-item {padding: 0 0 0 2.2rem !important;}*/ /*-------------------------*/ #header-buttons .d-custom{display:none;} #header-button-left{ top: 2rem;} #header-button-right { top:5.5rem;} #header-button-left,#header-button-right {right: 3.5rem;} #license {left: 12rem;bottom: 1.5rem;} #logo .navbar-toggler{display:none;} #logo_img_wrap{max-width:148px;} #logo_scroll{top: -.6rem;} #bcb-main-navbar{background: transparent;margin-top:0;position:relative;right:auto;left:auto;margin-bottom:0;padding-right:2.5rem;} #navbar-main-menu .navbar {margin-right:0;} #navbar-main-menu .nav-link {padding:.25rem .5rem .4rem;position: relative;font-size:23px;margin-bottom:3px;background: transparent;color:#000;line-height:1.2em;} #navbar-main-menu .nav-item {border-top: none;padding: .25rem 0.5rem 0 .5rem ;} #navbar-main-menu .nav-item:hover,#navbar-main-menu .nav-item:last-child,#navbar-main-menu .nav-item:first-child{border:none;} #navbar-main-menu .nav-link:hover{background:#f2eedb;} #navbar-main-menu .nav-link::before{content: "";position: absolute;display: block;width: 40px ;height:3px; bottom:5px;left:.5rem;background-color: rgba(37,128,136,0);-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #navbar-main-menu .nav-link:hover::before {width:calc(100% - 1rem);background-color: rgba(37,128,136,1);} #navbar-main-menu .nav-item.current_page_item .nav-link,#navbar-main-menu .nav-item.current-page-ancestor .nav-link { background-color: transparent;} #navbar-main-menu .nav-item.current_page_item .nav-link:hover ,#navbar-main-menu .nav-item.current-page-ancestor .nav-link:hover{ background-color: #f2eedb;} #navbar-main-menu .nav-item.current_page_item .nav-link::before , #navbar-main-menu .nav-item.current-page-ancestor .nav-link::before{background-color: rgba(37,128,136,1);} #navbar-main-menu .nav-item.current_page_item .nav-link:hover::before, #navbar-main-menu .nav-item.current-page-ancestor .nav-link:hover::before{background-color: rgba(37,128,136,1);} #navbar-main-menu .nav-item.menu-item-has-children .nav-link:hover::before{background-color: #fff;} #navbar-main-menu .current-menu-parent .nav-link{color:#000;} #navbar-main-menu .current-menu-parent .nav-link:before{background-color: rgba(37,128,136,1);} /* #navbar-main-menu .nav-item.current_state_none .nav-link{color:#1b1b1b;} ??? #navbar-main-menu .nav-item.current_state_none .nav-link:hover{color:#147bbf;} */ #navbar-main-menu .nav-item.current_page_item ,#navbar-main-menu .nav-item.current-page-ancestor{border-top: none;} #navbar-main-menu .navbar-nav .dropdown-menu .nav-item {padding:0 ;} #navbar-main-menu .navbar-nav .dropdown-menu {padding: 0;background: rgba(29,109,107,.7);border:1px solid rgba(29,109,107,.7);left: -100px;width: 280px;top: 33px;border-radius: 0;font-size:20px;} #navbar-main-menu .navbar-nav .dropdown-menu .nav-link{border-top:none;background-color:transparent;text-transform: none;color:#fff;padding:.4rem .5rem ;margin:0;line-height: 1.1em;} #navbar-main-menu .navbar-nav .dropdown-menu .current_page_item .nav-link{background:rgb(37,128,136);color:#fff;} #navbar-main-menu .nav-item.current_page_item.menu-item-has-children .nav-item.current_page_item .nav-link {} #navbar-main-menu .navbar-nav .dropdown-menu .nav-item {background:transparent;} #navbar-main-menu .navbar-nav .dropdown-menu .nav-item:hover{background: #258088;} #navbar-main-menu .navbar-nav .dropdown-menu .nav-link::before{display:none;} #navbar-main-menu .navbar-nav .dropdown-menu .nav-item {border-left: none;border-right: none;border-bottom:1px solid rgb(29,109,107) !important;} #navbar-main-menu .navbar-nav .dropdown-menu .nav-item:last-child{border:none} #navbar-main-menu .navbar-nav .dropdown-menu .nav-item{border:none;} #bcb-main-navbar form { position: relative;right: auto;bottom:0;top:auto;} #site-navigation{margin-top:29px;-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} /*------------home-------------*/ #color_block{top:9rem;bottom:9rem;left:5rem;width:calc(100% - 10rem);} #home_container{padding-left:4rem !important;padding-right:4rem !important;} .even.home_section{margin-top:7rem;} .odd.home_section{margin-top:3rem;} .first_block.home_section{margin-top: 0;} .odd.last_block.home_section{margin-bottom:6rem;} .home_section_text {margin-top: 0;} .odd .home_section_text {padding-right: 20%;padding-left:4rem;} .even .home_section_text {padding-left: 20%;padding-right:4rem;} .home_section_text_inner {padding-bottom: 5rem !important} .odd .home_section_text_inner {padding-right:38%;} .even .home_section_text_inner {padding-left:38%;} .home_section_image{position:absolute;top:0;bottom:0;} .odd .home_section_image{margin-top:6rem;padding-left:3rem;bottom: -4rem;right:0} .even .home_section_image{margin-top:-4rem;padding-right:3rem;bottom: 3.5rem;left:0} .home_section_image_inner { height: 100%;} .odd.home_section .maroon_strips {width: 67%;margin-left: 33%;position: absolute;bottom: -6rem;} .even.home_section .maroon_strips {width: 67%;margin-right: 33%;position: absolute;bottom: 1.75rem;} .maroon_border.home_section_image_inner::before {width: 1.25rem;top: 8rem;} .even .maroon_border.home_section_image_inner::after {left: 5rem;} .odd .maroon_border.home_section_image_inner::after {right: 5rem;} #free-professional-remodeling-quote{} #col_quote_form{padding:60px 30px} #quote_text {font-size: 25px;font-weight: 500;line-height: 2em;padding-left: 40px;padding-right: 40px;} #free-professional-remodeling-quote h2 {} /*-----------footer---------------*/ .site-info{left: 3rem;} /*-----------projects----------------*/ .modal_project .info {margin-bottom: -1rem;margin-top: -.5rem;} /*----------------------------*/ #contact_container {padding: 4rem 6rem;background-image: url(/img/patterns/stripes_left_trans_white_1.png);background-position: left;background-repeat: repeat-y;} /*-------------------------*/ .youtube_thumb_play{font-size:190px} .modal.modal_full_size,.modal.modal_max_1200{--bs-modal-width:1100px;} /*-----------section--------------*/ .entry-title{} #secondary {margin-bottom: 6rem;} #primary{padding-bottom: 6rem;} #secondary.has-color{height:calc(100% - 6rem)} .pb-custom{padding-bottom:6rem;} .mb-custom{margin-bottom:6rem;} .pt-custom{padding-top:6rem;} .mt-custom{margin-top:6rem;} /*-----------section--------------*/ .add-space{height:6rem;} .page-section{padding-top:6rem;padding-bottom:6rem} .page-section.py-lg-less{padding-top:4rem;padding-bottom:4rem;} /*----------sidebar---------------*/ #sidebar-right .sidebar-1-area .widget{padding: 0} #sidebar-left .sidebar-1-area .widget{padding: 0} /*-------------------------*/ #no_hero_image{height:4rem;} .hero{height:310px;background-size:auto;background-position: 50% 0;} /*-------------------------*/ .control{margin-left:10px;} /*------------General----1200------------*/ .image-left-forth,.image-right-forth{width: calc(25% - 15px);} .px-xl-2-3{padding-left:2rem;padding-right:2rem;} } @media screen and (min-width: 1400px) { .zzz{border:1px solid pink;} .container{max-width: 1250px;} .head_foot_inner,.wonderplugincarousel-container{padding-left:6rem !important;padding-right:6rem !important;} #highlighted_projects_button_wrap {top: 3.75rem;} #header-button-right,#header-button-left {right: 5.5rem;} #license {left: 14rem;font-size: 17px;} #bcb-main-navbar{padding-right: 0;} #bcb-main-navbar form { position: relative;right: auto;} #bcb-main-navbar .wp-block-search__input:focus{width: 210px;margin-left:0;margin-right:0;} /*--------------footer--------------*/ #footer .footer-widgets .menu {padding-left:20px;} .site-info{left: 4rem;} /*--------------home--------------*/ #color_block{top:21rem;bottom:21rem;left:7rem;width:calc(100% - 14rem);} .even.home_section{margin-top:12rem} #home_container{padding-left:6rem !important;padding-right:6rem !important;} .odd .home_section_text {padding-right:calc(33% + 2rem);} .even .home_section_text {padding-left:calc(33% + 2rem);} .odd.last_block.home_section{margin-bottom:7rem;} .odd .home_section_image {margin-top: 6rem;padding-left:0;bottom: -5rem;z-index:99;right: 0;width:55%;} .even .home_section_image {padding-right:0;bottom: 4rem;z-index:1;left: 0;width:55%;} .even .home_section_text_inner {padding-left: 35%;} .odd .home_section_text_inner {padding-right: 35%;} .odd .maroon_border.home_section_image_inner{margin-left:2rem;width:calc(100% - 2rem);} .even .maroon_border.home_section_image_inner{margin-right:2rem;width:calc(100% - 2rem);} .odd.home_section .maroon_strips {bottom: -7rem;} .maroon_border.home_section_image_inner::after {height: 1rem;bottom: -1rem;} .even .maroon_border.home_section_image_inner::after {right: -2rem;left: 16rem;} .odd .maroon_border.home_section_image_inner::after {left: -2rem;right: 16rem;} .maroon_border.home_section_image_inner::before {width: 2rem;top: 7rem;} .even .maroon_border.home_section_image_inner::before {right: -2rem;} .odd .maroon_border.home_section_image_inner::before {left: -2rem;} /* #navbar-main-menu .nav-link {font-size: 20px;} #navbar-main-menu .nav-item {padding: 0 0 0 3rem !important;} #navbar-main-menu .nav-item.current_page_item .nav-link {padding-left: 40px !important;background-size: 35px;margin-left: -25px;} #navbar-main-menu .navbar-nav .dropdown-menu .nav-item.current_page_item .nav-link{margin-left:0;} #navbar-main-menu .navbar-nav .dropdown-menu .nav-link{font-size:17px;} */ /*----------------------------*/ .strip{height:110px;} /*-------------------------*/ .hero{height:320px;} .modal.modal_full_size,.modal.modal_max_1200{--bs-modal-width:1200px;} /*-----------section--------------*/ .add-space{height:7rem;} .page_section{padding-top:7rem;padding-bottom:7rem;} .home_section .page_section{padding-top:6rem;padding-bottom:6rem;} .page_section.padding-less{padding-top:5rem;padding-bottom:5rem;} .page_section.py_less{padding-top:4.5rem;} /*-------------------------*/ /*----------general---------------*/ .px-xl-2-3{padding-left:3rem;padding-right:3rem;} /*-------------------------*/ /*-------------------------*/ /*-------------------------*/ } @media screen and (min-width: 1600px) { .zzz{border:1px solid purple;} .hero{background-size: 100%;} .modal.modal_full_size{--bs-modal-width:1400px;} #header-buttons .d-custom{display:inline-block;} /* #navbar-main-menu .nav-item.current_page_item .nav-link {} #navbar-main-menu .nav-item.current_page_item.menu-item-has-children .nav-item .nav-link {margin-left:0;} #navbar-main-menu .navbar-nav .dropdown-menu .nav-link{font-size:17px;} */ #navbar-main-menu .nav-item {border-top: none;padding: .25rem 0.75rem 0 .75rem ;} } @media screen and (min-width: 2200px) { .zzz{border:1px solid green;} .hero{background-size: cover;} .page_section.with_background_overlay::before {background-size:cover;} } [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}