/*! * Optima Theme - Base Elements * Version 1.0 */ /* .modal { display: block; opacity: 1; overflow: hidden; position: fixed; top: 34px; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } */ /*Basic Page Elements******************/ /* jogging font fix */ html { font-feature-settings: 'lnum' 1; } html { overflow-x: hidden; } html { height: auto; } html, body { font-weight: 300; font-size: 16px; line-height: 20px; } body { overflow-y: scroll; overflow-x: hidden; } body::-webkit-scrollbar { display: none; } body { -ms-overflow-style: none; } a, input, .tab-sm i, .header, .header .header-inner, .header .cta .phone, .header .cta a, .sb-module *:not(.element-item):not(.element-item):not(.element-item):not(.slick-slide):not(.slick-list):not(.slick-track):not(.module-mini-cta):not([class*='col-']), /*:not(.element-item):not(.element-item a):not(.element-item img)*/ .sb-gallery div, *:before, *:after, .mobile-nav.open, .mobile-nav.closed { -webkit-transition: all .35s ease-in; -moz-transition: all .35s ease-in; transition: all .35s ease-in; text-decoration: none; } .embed a[data-sb-event="link-call"], .content a[data-sb-event="link-call"], .sb-module a[data-sb-event="link-call"] { white-space: nowrap; } /*custom dropdown motion -- desktop*/ .header .nav .dropdown-wrapper, .header .nav .dropdown-wrapper li { -ms-transition:transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1); transition:transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1); -webkit-transition: transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1); } .sb-content a { text-decoration: underline; } h1, h2, h3 { font-weight: 300; letter-spacing: 0px; line-height: 1.1em!important; } @media screen and (min-width:949px) { body:not(#page-home) .body .sb-content:not(.text--left) .content h1, body:not(#page-home) .body .sb-content:not(.text--left) .content h2, body:not(#page-home) .body .sb-content:not(.text--left) .content h3 { margin-left: auto!important; margin-right: auto!important; text-align: center!important; } } p { font-size: 16px!important; line-height: 1.5; margin-bottom: 20px; } aside { padding: 50px 0; } button:focus { outline: none; } .content ul li { list-style-type: disc; } .content-intro ul li, .sb-feature-about-row ul li, .sb-feature-about2-row ul li { list-style-type: none!important; } .body { background: transparent; } /* HR bars */ .carousel .lines, .sb-module .lines { margin: auto; width: 70px; position: relative; margin-top: 15px!important; border-top: 2px solid; border-bottom: 0px; border-left: 0px; border-right: 0px; } /* HR bars */ .gallery-header:before { margin: auto; width: 70px; position: relative; margin-top: 15px; border-top: 0; border-bottom: 2px solid; border-left: 0px; border-right: 0px; } /* HR bars -- hide by default */ .carousel .lines, .sb-module .lines, .gallery-header:before { display: none; } .form-inner p.submit { text-align: right; padding-top: 20px!important; } .posts .post { text-align: left; } .no-gutters > [class*='col-'] { padding-right:0; padding-left:0; } /* .no-padding { padding: 0px!important; } */ .col-no-padding { padding: 0px!important; } iframe { vertical-align: bottom; } /* Style for the thin arrow */ .svg-icon-arrow-right { content: ''; display: inline-block; width: 10px; /* Adjust arrow width */ height: 10px; /* Adjust arrow height */ border-top: 2px solid #e2c571; border-right: 2px solid #e2c571; transform: rotate(45deg); margin-right: 5px; /* Adjust spacing as needed */ } .content img, .headline img, .post .entry img { border: 0px!important; } body.page-app [class*="elfsight-"] { display: none!important; } /* transition speeds -------------------------------------------------*/ a, input, .tab-sm i, a i, .header, .header .header-inner, #header-logo, .header .nav, .toolbar-links, .header .cta .phone, .header .cta a, .sb-module *:not(.slick-slide):not(.slick-list):not(.slick-track):not(.module-mini-cta):not([class*='col-']), .sb-gallery div, *:before, *:after, #logoimg, .nav .dropdown-wrapper, .header-inner > .row, .sb-feature-cta-col-row .sb-col, .sb-feature-cards1-row .sb-col, .sb-feature-cards2-row .sb-col, .sb-feature-services-row .sb-col, .hamburger-box, .module-mini-cta [class*='col-'] a, .tint:hover:before, .sb-feature-services-row .sb-col-wrap:before { -webkit-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1)!important; -moz-transition: all .45s cubic-bezier(0.25, 1, 0.33, 1)!important; transition: all .45s cubic-bezier(0.25, 1, 0.33, 1)!important; } .header { display: none; } /* .toolbar-links [class*='fcol-1'] .box-nested { display: flex!important; } */ /* SET BUTTONS -- BTN 2*/ /*==================================================================================*/ .has-btn-lg .tool-links a.btn.btn-reset, a.btn, .btn, a.btn.btn-default, .btn.btn-default, .carousel p a, body.page-feed-post .entry a, .google-map-directions, #page-home .gallery-header, .module-form input[type=submit] { cursor: pointer; outline: none; border-radius: 4px; line-height: 20px; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0px; border: 1px solid; width: 85%; letter-spacing: 0px!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.0), 0 1px 1px rgba(0,0,0,.0); /* transform: scale(1);*/ transform: translateY(0px); box-shadow: 0px 6px 12px 5px rgba(0, 0, 0, 0.00); } .btn-cta, a.btn, .btn, a.btn.btn-default, .btn.btn-default, .carousel p a, .page-feed-post .entry a, .google-map-directions, .gallery-header, .sb-feature-cards1-row a, .module-form input[type=submit], .footer .footer-box a, .has-nav-lastlink .nav .primary-link:last-child > a, .sb-feature-services-row .sb-content a, .module-form input:not([type=checkbox]), .module-form input:not([type=radio]) { font-weight: 600!important; } .footer .footer-box a { font-weight: 400!important; } a.btn:hover, .btn:hover, a.btn.btn-default:hover, a.btn.btn-default:active, .btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:focus, .btn-default:active:hover, .google-map-directions:hover, .gallery-header:hover { text-decoration: none!important; opacity: initial; /* transform: scale(1.03);*/ transform: translateY(-4px); box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.00); } @media (min-width: 768px) { a.btn, .btn, a.btn.btn-default, .btn.btn-default, .carousel p a, body.page-feed-post .entry a { width: inherit; } } @media (min-width: 768px) { a.btn, .btn, a.btn.btn-default, .btn.btn-default, .carousel p a, body.page-feed-post .entry a { width: inherit; padding: 6px 25px 6px 25px; } } /*=======================x===========================================================*/ /* SET btn padding */ /*==================================================================================*/ a.btn, .btn, a.btn.btn-default, .btn.btn-default, .carousel p a, body.page-feed-post .entry a, .google-map-directions, #page-home .gallery-header, .module-form input[type=submit] { padding: 12px 30px 12px 30px; } .carousel p a { padding: 16px 30px 16px 30px!important; } /*=======================x===========================================================*/ /* SET btn group wrap -- 2 or more btns */ /*==================================================================================*/ .btn-row-group { text-align: center; } @media screen and (min-width: 949px) { .btn-row-group { text-align: center; overflow: visible; position: relative; left: 0px; right: 0px; } } .btn-row-group { text-align: center; } @media screen and (max-width:948px) { .btn-row-group .btn:nth-child(1), .btn-row-group .btn:nth-child(2), .btn-row-group .btn:nth-child(3), .btn-row-group .btn:nth-child(4) { display: block; } .btn-row-group .btn:nth-child(1) { margin-top: 1.7rem!important; } } @media screen and (max-width:948px) { .btn-row-group .btn:nth-child(1){ margin-bottom: 1.0rem!important; } .btn-row-group .btn:nth-child(1) { margin-top: 1.7rem!important; } .btn-row-group .btn:nth-child(2) { margin-top: 1.7rem!important; } .btn-row-group .btn:nth-child(3) { margin-top: 1.7rem!important; } .btn-row-group .btn:nth-child(n+4) { margin-top: 1.7rem!important; } } @media screen and (min-width: 948px) { .btn-row-group .btn { display: inline-block; margin-top: 1.5rem!important; } .btn-row-group .btn:nth-child(1) { margin-top: 1.5rem!important; margin-right: .6rem!important; } .btn-row-group .btn:nth-child(2) { margin-top: 1.5rem!important; margin-right: .6rem!important; } .btn-row-group .btn:nth-child(3) { margin-top: 1.5rem!important; margin-right: .6rem!important; } .btn-row-group .btn:nth-child(n+4) { margin-top: 1.5rem!important; margin-right: .6rem!important; } } @media screen and (min-width: 949px) { .sb-contactform-row .btn-row-group .btn { margin-left: .0rem!important; } } @media screen and (max-width:948px) { body:not(#page-home) .btn-row-group a { margin: auto; } } /* wide option */ .btn-row-group.wide a{ width: 100%!important; text-align: center!important; display: block; } @media screen and (max-width:948px) { body:not(#page-home) .btn-row-group br { display: none!important; } } /* single col option */ @media screen and (min-width: 949px) { .btn-row-group.list { width: 40%; margin: auto; } } .btn-row-group.list a { width: 100%; white-space: normal; } @media screen and (min-width: 949px) { .btn-row-group.inline { width: 100%; margin: 0px; display: flex; } } .btn-row-group.inline a { white-space: normal; } /* has icons option */ .has-icons .btn { display: inline-block; align-items: center; padding: 16px 12px; text-decoration: none; color: #333; } .has-icons .btn::before { font-family: "Font Awesome 5 Pro"; font-weight: 100; margin-right: 8px; } .has-icons .btn:nth-child(1)::before { content: "\f5da"; } /* Tooth */ .has-icons .btn:nth-child(2)::before { content: "\f5d9"; } /* Dental Hygiene */ .has-icons .btn:nth-child(3)::before { content: "\f5db"; } /* Dental Floss */ .has-icons .btn:nth-child(4)::before { content: "\f5d1"; } /* Toothbrush */ .has-icons .btn:hover { background-color: #f0f0f0; } /*==================================================================================*/ /* SET DEFAULT BTN CTA*/ /*==================================================================================*/ .btn-cta { border: 1px solid; display: inline-block!important; border-radius: 4px!important; vertical-align: middle; line-height: 20px; margin: auto; /* margin-left: auto; */ text-transform: capitalize!important; float: left!important; width: 50%!important; padding: 4px 4px 4px 4px!important; float: left!important; font-size: 12px!important; } @media screen and (min-width:949px) { .btn-cta { padding: 8px 12px 8px 12px!important; width: 60%!important; float: none!important; width: inherit!important; font-size: 17px!important; } } .btn-cta:hover { text-decoration: none; } .btn-cta i { margin-left: 0px; margin-right: 6px; } /*==================================================================================*/ /* MODULE 100% HEIGHTS WHERE NEEDED */ /*==================================================================================*/ .sb-feature-cta-row, .sb-feature-cta1-row, .sb-feature-cta2-row, .sb-gallery-row, .sb-feature-gallery-row, .sb-feature-services-row, .sb-feature-services2-row, .sb-testimonials-row, .sb-testimonials-var1-row, .sb-formbuilder-row, .sb-contactform-row, .custom--style1, .sb-feature-about-row, .sb-feature-about1-row, .sb-feature-about2-row, .sb-feature-about3-row, .sb-content-intro-row, .sb-feature-message1-row, .sb-formbuilder-row { height: 100%!important; } @media screen and (min-width:949px) { .sb-feature-cta-row, .sb-feature-cta1-row, .sb-feature-cta2-row, .sb-gallery-row, .sb-feature-services-row, .sb-testimonials-row, .sb-testimonials-var1-row, .sb-formbuilder-row, .sb-contactform-row, .custom--style1, .sb-feature-about-row, .sb-feature-about1-row, .sb-feature-about2-row, .sb-content-intro-row, .sb-feature-message1-row { height: 100%!important; } } /*==================================================================================*/ /* zindex where needed*/ /*==================================================================================*/ .header { z-index: 3; } .tab-sm { z-index: 0; } /*==================================================================================*/ /* sb module overlay 2 */ /*==================================================================================*/ .sb-wrap:after, .sb-wrap:before { content: ""; height: 100%; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; margin: 0px; } .sb-wrap:before { opacity: 1; } body:not(#page-home) .sb-wrap:after, body:not(#page-home) .sb-wrap:before { z-index: -1; } /*==================================================================================*/ /* carousel inner content -- alignment 2 */ /*==================================================================================*/ @media (min-width: 768px) and (max-width: 3840px) { .carousel-wrapper .item-content .item-content-inner { text-align: left; } } /*==================================================================================*/ /* carousel H2, H3, P Section 2 */ /*==================================================================================*/ .carousel .item-content h2 { letter-spacing: 0px; font-weight: 300; text-shadow: rgb(0 0 0 / 0%) 1px 1px 10px; font-size: 35px !important; line-height: 40px !important; padding-bottom: 0px; } .carousel .item-content h3 + h2 { padding-bottom: 20px; } @media (min-width: 768px) and (max-width: 1280px) { .carousel .item-content h2 { font-size: 60px !important; font-weight: 300; line-height: 75px !important; padding-bottom: 20px; } .carousel .item-content h3 + h2 { padding-bottom: 0px; } } @media (min-width: 1281px) and (max-width: 3840px) { .carousel .item-content h2 { font-size: 55px !important; font-weight: 300; line-height: 65px !important; padding-bottom: 5px; } .carousel .item-content h3 + h2 { padding-bottom: 0px; } } .carousel .item-content h3 { font-style: normal!important; font-size: 14px!important; font-weight: 500; padding-top: 5px; padding-bottom: 5px; letter-spacing: 0px; text-transform: capitalize; /* font-style: italic; */ /* font-family: georgia; */ display: block; text-shadow: rgb(138 138 138 / 0%) 1px 1px 0px; line-height: 20px!important; } @media (min-width:949px) { .carousel .item-content h3 { font-style: normal!important; font-size: 24px!important; font-weight: 300; padding-top: 5px; padding-bottom: 5px; line-height: 33px!important; text-transform: capitalize; letter-spacing: 0px; display: block; } } .carousel .item-content p + h3 { padding-top: 30px } @media (min-width:949px) { .carousel .item-content p + h3 { padding-top: 23px } } /*==================================================================================*/ /* carousel inner content width 2 */ /*==================================================================================*/ .carousel-wrapper .item-content .item-content-inner { max-width: 80%; } @media (min-width: 768px) and (max-width: 1280px) { .carousel-wrapper .item-content .item-content-inner { max-width: 60%; } } @media (min-width: 1281px) and (max-width: 3840px) { .carousel-wrapper .item-content .item-content-inner { max-width: 80%; } } /*==================================================================================*/ /* carousel cover settings 2 */ /*==================================================================================*/ .carousel .item-content p { text-transform: capitalize; padding-top: 5px; font-size: 13px!important; line-height: 20px; font-weight: 500; padding-top: 5px; margin-top: 5px; letter-spacing: 0px; font-style: normal; } @media (min-width: 768px) and (max-width: 1280px) { .carousel .item-content p { padding-top: 31px; font-size: 14px!important; line-height: 25px; } } @media (min-width: 1281px) { .carousel .item-content p { padding-top: 15px; font-size: 23px!important; line-height: 38px; } } /*==================================================================================*/ /* HR custom 2 */ /*==================================================================================*/ .sb-module .lines { display: inline-block; margin-bottom: 30px; margin-top: 0px!important; } /*==================================================================================*/ /* logo interior pos 2 */ /*==================================================================================*/ body:not(#page-home) .logo { transform: translate(0px,0px)!important; } @media (min-width:949px) { body:not(#page-home) .logo { transform: translate(0px, 0px)!important; } } body:not(#page-home).logoshow .logo { transform: translate(0px,0px)!important; } @media (min-width:949px) { body:not(#page-home).logoshow .logo { transform: translate(0px, 0px)!important; } } /*==================================================================================*/ /* hamburger new width 2 */ /*==================================================================================*/ .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 100%; height: .10em; } .hamburger-inner:before { top: -8px; } .hamburger-inner:after { bottom: -8px; } /*==================================================================================*/ /* CAROUSEL INTERIOR 2 */ /*==================================================================================*/ /* Interior Carousel BG Heights -----------------------------------------------------------------*/ body:not(#page-home):not(.page-home) .container > .carousel-wrapper { background-repeat: no-repeat; height: 225px; background-position: -90px 0px; background-size: cover!important; } /* extra tall headers */ body:not(#page-home):not(.page-home) .container > .carousel-wrapper { height: 220px; background-position: bottom right; background-size: 100%!important; } /**/ @media (min-width: 768px) and (max-width: 1280px) { body:not(#page-home):not(.page-home) .container > .carousel-wrapper { height: 310px; background-position: 0px 0px; background-size: cover!important; } } @media (min-width: 1281px) and (max-width: 3840px) { body:not(#page-home):not(.page-home) .container > .carousel-wrapper { height: 350px; background-position: top center; background-size: cover!important; } } /*==================================================================================*/ /* Carousel extra content 2 */ /*==================================================================================*/ .carousel .keywords { font-size: 21px; font-style: italic; font-family: georgia, sans-serif; position: relative; right: 0px; background: rgba(41, 41, 41, 0); top: 0px; font-weight: 500; /* width: 197px; */ text-align: center; line-height: 18px; /* right: -67px; */ padding: 10px 0px; letter-spacing: 0px; display: none!important; margin-top: 10px; } .carousel .keywords:after { content: ""; display: block; /* border-bottom: 2px solid #000; */ } @media (min-width:949px) { .carousel .keywords { margin-top: 0px!important; margin-bottom: 0px!important; display: inline-block; padding: 5px 50px; top: 45px; } } /*==================================================================================*/ /* carousel - center align keywords in carousel 2 */ /*==================================================================================*/ @media (min-width:949px) { .carousel .keywords.center { width: 100vw; margin-left: -10vw!important; right: 0px; left: 0px; position: absolute; bottom: -20px; top: auto; } } /*==================================================================================*/ /* carousel p tag position 2 */ /*==================================================================================*/ .carousel .item-content-inner p { margin-top: 5px!important; margin-bottom: 0px!important; } @media (min-width:949px) { .carousel .item-content-inner p { margin-top: 15px!important; margin-bottom: 0px!important; } } /* .carousel .item-content-inner p:last-child { margin-top: 0px!important; margin-bottom: 0px!important; } @media (min-width:949px) { .carousel .item-content-inner p:last-child { margin-top: 0px!important; margin-bottom: 0px!important; margin: auto; } } */ /*==================================================================================*/ /* h2 link style 2 */ /*==================================================================================*/ .carousel .item-content h2 a { font-weight: 600; position: relative; } .carousel .item-content h2 a:before { content: ""; display: inline-block; border-bottom-width: 2px; border-bottom-style: solid; height: 2px; width: 100%; position: absolute; bottom: -4px; }x /*==================================================================================*/ /* NAV HAMBURGER 2 */ /*==================================================================================*/ /*hamburger position*/ @media screen and (max-width: 948px) { .hamburger-box { top: 0px; } } @media screen and (min-width: 949px) { .hamburger-box { top: 0px; } } @media screen and (max-width: 948px) { body .logoshow .hamburger-box { top: 0px; } } @media screen and (min-width: 949px) { body .logoshow .hamburger-box { top: 0px; } } /*==================================================================================*/ /* Mobile Nav 2 */ /*==================================================================================*/ .mobile-nav li { padding-bottom: 15px; } .mobile-nav ul a, .mobile-nav ul ul a { font-size: 21px; padding: 0px 15px; font-weight: 400; } .mobile-nav ul ul a { font-size: 19px; padding: 0px 8px; } .mobile-nav .btn-cta { font-size: 0.6em!important; letter-spacing: 0px!important; border: 1px solid; padding-top: 15px!important; padding-bottom: 15px!important; padding-left: 0px!important; padding-right: 0px!important; width: 270px; } /*==================================================================================*/ /* Mega Dropdown Menu + default styling 2*/ /*==================================================================================*/ .nav ul li.mega-dropdown .dropdown-wrapper ul > li.secondary-link, .nav ul li.mega-dropdown .dropdown-wrapper ul > .orphan_links { max-width: 260px; padding-right: 30px; } .nav ul li.mega-dropdown .dropdown-wrapper ul, .header .nav .dropdown-wrapper ul { border-radius: 0px; } .nav ul li.mega-dropdown .dropdown-wrapper li.secondary-link > a { font-weight: 600; font-size: 20px!important; margin-bottom: 20px!important; margin-top: 0px; line-height: 30px!important; text-transform: capitalize; } .nav ul li.mega-dropdown .dropdown-wrapper ul li a { margin-top: 10px; } .primary-link.selected > div > a, .secondary-link.selected > a, .sub-secondary-link.selected a { font-weight: 400!important; font-style: italic; } /*==================================================================================*/ /* HR display 2 */ /*==================================================================================*/ /* .carousel .lines { display: block; } */ .sb-module .lines { display: block; } .gallery-header:before { display: none; } /*==================================================================================*/ /* Forms Styling 2 */ /*==================================================================================*/ .module-form input:not([type=submit]):not([type=submit]), .module-form input:not([type=checkbox]), .module-form input:not([type=radio]), .module-form textarea, .module-form select { border-radius: 0em; } /*==================================================================================*/ /* hamburger align fix for full bg color box 2*/ /*==================================================================================*/ .hamburger { padding: 0px; right: 0px; height: 60px; width: 60px; } .hamburger.logoshow, .hamburger.logoshow:active, .hamburger.logoshow:visited { right: 0px; } .hamburger-box { width: 25px; height: 20px; } /* fix to center align */ .hamburger-box { left: 1px; } /*==================================================================================*/ /* THEME BASICS 2 */ /*==================================================================================*/ html, body, .footer a:not(.embed a), .content p, .content ul { font-size: 16px!important; line-height: 30px!important; font-variant-numeric: lining-nums; } html, body, .footer a, .content p, .content ul { font-weight: 400; } body.has-body-sm, body.has-body-sm .content p, body.has-body-sm .content ul { font-size: 15px!important; line-height: 25px!important; } body.has-body-sm, body.has-body-sm .content p, body.has-body-sm .content ul { font-weight: 300; } body.has-body-lg, body.has-body-lg .content p, body.has-body-lg .content ul { font-size: 16px!important; line-height: 30px!important; } body.has-body-lg, body.has-body-lg .content p, body.has-body-lg .content ul { font-weight: 300; } .content [style*="font-size:24px;"], .carousel [style*="font-size:24px;"] { font-size: 18px!important; line-height: 28px!important; font-weight: 500; } @media screen and (min-width: 769px) { html, body, .footer a :not(.embed a) , .content p, .content ul { font-size: 18px!important; line-height: 34px!important; } html, body, .footer a, .content p, .content ul { font-weight: 300; } body.has-body-lg, body.has-body-lg .content p, body.has-body-lg .content ul { font-size: 20px!important; line-height: 32px!important; } body.has-body-300, body.has-body-300 .content p, body.has-body-300 .content ul { font-weight: 300; } body.has-body-lg, body.has-body-lg .content p, body.has-body-lg .content ul { font-weight: 300; } .content [style*="font-size:24px;"], .carousel [style*="font-size:24px;"] { font-size: 24px!important; line-height: 38px!important; font-weight: 300; } } .embed a, .content a, .sb-module a, .nav a:not(.phone):hover, .mobile-nav .primary-link.selected > a, .mobile-nav .secondary-link.selected > a, .mobile-nav-btn a .fa, .mobile-nav-btn a i, .phone a .fa, .mobile-nav-btn a .fa, .header .nav .primary-link > a:hover, body.page-full-post .entry a .carousel .item-content a { font-weight: 400; } .carousel .item-content h3 a { font-weight: 600; } .footer .nav li a { font-weight: 400; text-transform: uppercase; } .footer .nav li a:hover { font-weight: 600; } .content blockquote, .headline blockquote, .post .entry blockquote, .content ul, .embed p, .headline p, .post .entry p, .content ol, .headline ol, .post .entry ol, .headline ul, .post .entry ul { line-height: 2.2em!important; } /*==================================================================================*/ /* logo text size 2 /*==================================================================================*/ .toolbar-links [class*='fcol-'] #logotext { font-size: 13px!important; font-weight: 700!important; letter-spacing: 0px; text-transform: capitalize!important; } @media screen and (min-width:949px) { .toolbar-links [class*='fcol-'] #logotext { font-size: 18px!important; } } /*==================================================================================*/ /* logo position 2 */ /*==================================================================================*/ .logo { transform: translate(0px, 0px)!important; } @media (min-width: 768px) and (max-width: 1280px) { .logo { transform: translate(0px, 0px)!important; } } @media (min-width: 1281px) and (max-width: 3840px) { .logo { transform: translate(0px, 0px)!important; } } .logoshow .logo { transform: translate(0px, 0px)!important; } @media (min-width: 768px) and (max-width: 1280px) { .logoshow .logo { transform: translate(0px, 0px)!important; } } @media (min-width: 1281px) and (max-width: 3840px) { .logoshow .logo { transform: translate(0px, 0px)!important; } } /* interior */ body:not(#page-home) .logo { transform: translate(0px, 0px)!important; } @media (min-width:949px) { body:not(#page-home) .carousel.slide .logo { transform: translate(0px, 0px)!important; } } body:not(#page-home).logoshow .logo { transform: translate(0px,0px)!important; } @media (min-width:949px) { body:not(#page-home).logoshow .logo { transform: translate(0px, 0px)!important; } } /*==================================================================================*/ /* carousel inside logo 2 */ /*==================================================================================*/ @media (min-width:949px) { .has-carousel-center .carousel .logo { text-align: center; position: relative; margin: auto!important; float: none!important; max-width: 475px!important; } } /*==================================================================================*/ /* carousel inside logo interior 2 */ /*==================================================================================*/ @media (min-width:949px) { body:not(#page-home) .carousel .logo { position: relative; } } /*==================================================================================*/ /* logo reset pos 2 */ /*==================================================================================*/ .logo { /* top: 0px!important; */ } /*==================================================================================*/ /* adjust- custom logo size -- in carousel 2 */ /*==================================================================================*/ @media only screen and (max-width: 1000px) { .carousel .logo #logoimg { max-width: inherit!important; } } /* Home */ @media (min-width: 949px) { .carousel img#logoimg:not(.footer img) { max-height: 220px!important; } } @media (min-width: 949px) { body.logoshow .carousel img#logoimg:not(.footer img), body.logoshow .carousel img#logoimg:not(.footer img).logo-color { max-height: 220px!important; } } @media (max-width: 948px) { .carousel img#logoimg:not(.footer img) { max-height: 100px !important; } } @media (max-width: 948px) { body.logoshow .carousel img#logoimg:not(.footer img), body.logoshow .carousel img#logoimg:not(.footer img).logo-color { max-height: 100px !important; } } /*interior*/ @media (min-width:949px) { body:not(#page-home) .carousel img#logoimg:not(.footer img) { max-height: 80px!important; } } @media (min-width:949px) { body:not(#page-home).logoshow .carousel img#logoimg:not(.footer img), body:not(#page-home).logoshow .carousel img#logoimg:not(.footer img).logo-color { max-height: 110px !important; } } @media (max-width:948px) { body:not(#page-home) .carousel img#logoimg:not(.footer img) { max-height: 60px!important; } } @media (max-width:948px) { body:not(#page-home).logoshow .carousel img#logoimg:not(.footer img), body:not(#page-home).logoshow .carousel img#logoimg:not(.footer img).logo-color { max-height: 60px!important; } } /*==================================================================================*/ /* custom - interior pos -- in carousel 2 */ /*==================================================================================*/ body:not(#page-home) .carousel .logo { transform: translate(0px,10px)!important; } @media (min-width:949px) { body:not(#page-home) .carousel .logo { transform: translate(0px, 150px)!important; } } body:not(#page-home) .carousel .logoshow .logo { transform: translate(0px,150px)!important; } @media (min-width:949px) { body:not(#page-home) .carousel .logoshow .logo { transform: translate(0px, 150px)!important; } } body.page-full-post h1.title { font-size: 40px!important; line-height: 55px!important; } @media (min-width: 768px) { body.page-full-post h1.title { font-size: 2.5em!important; line-height: 1.5em!important; } } /*==================================================================================*/ /*Carousel Custom top position 2 */ /*==================================================================================*/ #page-home:not(.body) > .container > .carousel-wrapper .item-content .item-content-inner { top: 338px; } @media (min-width: 768px) and (max-width: 1280px) { #page-home:not(.body) > .container > .carousel-wrapper .item-content .item-content-inner { top: 100px; } } @media (min-width: 1281px) and (max-width: 3840px) { #page-home:not(.body) > .container > .carousel-wrapper .item-content .item-content-inner { top: 260px; } } /*==================================================================================*/ /* header alignment 2 */ /*==================================================================================*/ @media screen and (min-width:949px) { .header { text-align: center!important; } } /*==================================================================================*/ /* HEADER INNER 2 */ /*==================================================================================*/ .header-inner { padding: 10px 0px 10px 0px!important; } body.logoshow .header-inner { padding: 10px 0px 10px 0px!important; } @media (min-width:949px) { .header-inner { padding: 0px 0px 0px 0px!important; } } @media (min-width:949px) { body.logoshow .header-inner { padding: 0px 0px 0px 0px!important; } } /*==================================================================================*/ /* header padding on scroll 2 */ /*==================================================================================*/ .header.logoshow .nav .primary-link > a { padding: 5px 8px 5px 8px; font-size: 15px; } /*==================================================================================*/ /* DESKTOP MENU 2 */ /*==================================================================================*/ .header .nav .dropdown-wrapper ul { border-radius: 4px; border: 0px; } /*==================================================================================*/ /* /*Carousel inner content 2 */ /*==================================================================================*/ .carousel-wrapper .item-content .item-content-inner { padding-left: 20px; padding-right: 20px; padding-bottom: 40px!important; padding-top: 40px!important; } @media (min-width:949px) { .carousel-wrapper .item-content .item-content-inner { padding-left: 40px!important; padding-right: 40px!important; padding-bottom: 40px!important; padding-top: 40px!important; } } /* **************************************************************** * SITE -- FEATURES * ****************************************************************/ /*logotext size -------------------------------------------------*/ .toolbar-links [class*='fcol-'] #logotext { font-size: 13px!important; font-weight: 700!important; letter-spacing: 0px; text-transform: capitalize!important; } @media screen and (min-width:949px) { .toolbar-links [class*='fcol-'] #logotext { font-size: 18px!important; } } /*custom logo size -------------------------------------------------*/ @media only screen and (max-width: 1000px) { .header .logo #logoimg { max-width: inherit!important; } } /* Home */ @media (min-width: 949px) { img#logoimg:not(.footer img) { max-height: 70px!important; } } @media (min-width: 949px) { body.logoshow img#logoimg:not(.footer img), body.logoshow img#logoimg:not(.footer img).logo-color { max-height: 50px !important; } } @media (max-width: 948px) { img#logoimg:not(.footer img) { max-height: 60px !important; } } @media (max-width: 948px) { body.logoshow img#logoimg:not(.footer img), body.logoshow img#logoimg:not(.footer img).logo-color { max-height: 40px !important; } } /*interior*/ @media (min-width:949px) { body:not(#page-home) img#logoimg:not(.footer img) { max-height: 70px!important; } } @media (min-width:949px) { body:not(#page-home).logoshow img#logoimg:not(.footer img), body:not(#page-home).logoshow img#logoimg:not(.footer img).logo-color { max-height: 50px !important; } } @media (max-width:948px) { body:not(#page-home) img#logoimg:not(.footer img) { max-height: 60px!important; } } @media (max-width:948px) { body:not(#page-home).logoshow img#logoimg:not(.footer img), body:not(#page-home).logoshow img#logoimg:not(.footer img).logo-color { max-height: 40px!important; } } /* has mobile nav desktop -------------------------------------------------*/ @media (min-width:948px) { .desktop-nav { display: none; } } @media (min-width:948px) { .has-mobile-nav-desktop .desktop-nav { z-index: 100; justify-content: flex-end; align-items: center; height: 110px; padding: 20px; transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); display: flex; position: fixed; top: 0; right: 0; transform: translate(0); } .has-mobile-nav-desktop .desktop-nav-bar { border: 1px solid var(--white); flex: none; justify-content: flex-end; align-items: stretch; display: flex; position: relative; z-index: 100; } .has-mobile-nav-desktop .desktop-nav-bar-bg { z-index: -1; opacity: 1; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: #22222280; position: relative; inset: 0%; border: 1px solid #ffffff; display: flex; align-items: center; } .has-mobile-nav-desktop a.btn.btn-cta.btn-primary { border-style: none; justify-content: center; align-items: center; min-width: 270px; line-height: 1; display: inline-block!important; padding: 0px; float: none!important; width: inherit!important; padding: 15px 0px!important; position: relative; } .has-mobile-nav-desktop span.hamburger-box { top: 0px; right: 0px; padding: 0px!important; width: 100%; height: 100%; left: 0px; position: relative; } .has-mobile-nav-desktop .mobile-nav-overlay::before { background: rgb(24 24 24 / 80%); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .has-mobile-nav-desktop nav.mobile-nav { padding-top: 10rem; background: rgb(0 0 0 / 0%); box-shadow: -17px 0px 20px 0px rgb(0 0 0 / 0%), -1px 0 10px rgb(0 0 0 / 0%); } .has-mobile-nav-desktop .mobile-nav li { padding: 20px 0px!important; border: 1px solid #00000000 !important; } } /* has mobile nav -------------------------------------------------*/ @media screen and (min-width:1280px) { .toolbar-links-mobile { display: none!important; } } @media screen and (min-width:1280px) { .has-toolbar-mobile .toolbar-links-mobile { display: none!important; } } @media screen and (max-width:1279px) { .toolbar-links-mobile { display: none; } body.logoshow.has-toolbar-mobile .header-inner, .has-toolbar-mobile .header-inner { padding: 0px!important; } .has-toolbar-mobile .toolbar-links-mobile { position: relative; top: 0; left: 0; background-color: #ffffff; /* Replace with your preferred color */ z-index: 50; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 12px 16px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .has-toolbar-mobile .toolbar-links-mobile .header-left { display: flex; align-items: center; gap: 16px; } .has-toolbar-mobile .toolbar-links-mobile .practice-info { display: flex; flex-direction: column; gap: 2px; line-height: 16px; } .has-toolbar-mobile .toolbar-links-mobile .practice-name { color: #000; margin: 0; font-size: 40px; font-weight: 500; } .has-toolbar-mobile .toolbar-links-mobile .practice-details { display: flex; flex-direction: column; gap: 2px; } .has-toolbar-mobile .toolbar-links-mobile .practice-details { color: #232323; font-weight: 600; } .has-toolbar-mobile .toolbar-links-mobile .details { color: #000000; margin: 0; font-size: 9.5px!important; font-weight: 400; line-height: 11px; } .has-toolbar-mobile .toolbar-links-mobile .header-right { display: flex; gap: 5px; margin-right: 30px; } .has-toolbar-mobile .toolbar-links-mobile .locations .location_text { display: none; } .has-toolbar-mobile .toolbar-links-mobile .btn-primary { display: flex; align-items: center; justify-content: center; background-color: #000; /* Replace with your preferred color */ color: #fff; padding: 8px 16px!important; border-radius: 12px; text-decoration: none; font-size: 14px; font-weight: 500; min-width: 80px; text-align: center; } .has-toolbar-mobile .toolbar-links-mobile .btn-secondary { display: flex; align-items: center; justify-content: center; background-color: transparent; color: #000; padding: 8px 16px; border: 1px solid #000; border-radius: 12px; text-decoration: none; font-size: 14px; font-weight: 500; min-width: 80px; text-align: center; } .has-toolbar-mobile .toolbar-links-mobile .button-icon { margin-right: 8px; width: 16px; height: 16px; } .has-toolbar-mobile .toolbar-links-mobile .btn.btn-cta.btn-primary, .has-toolbar-mobile .toolbar-links-mobile .btn.btn-cta.btn-secondary { padding: 5px 18px!important; letter-spacing: 0px!important; font-size: 12px!important; margin: 0px; display: inline-block!important; width: 100%!important; } .has-toolbar-mobile .toolbar-links-mobile .btn.btn-cta.btn-primary i, .has-toolbar-mobile .toolbar-links-mobile .btn.btn-cta.btn-secondary i { margin-left: 0px; margin-right: 0px; } .has-toolbar-mobile .toolbar-links-mobile a.btn.btn-cta.btn-secondary:not(.btn-cta-mobile), .has-toolbar-mobile .toolbar-links-mobile a.btn.btn-cta.btn-secondary { background: rgb(0 0 0 / 0%) !important; border: 1px solid #666666 !important; color: #454545 !important; padding: 4px 6px !important; } .has-toolbar-mobile.logoshow .toolbar-links-mobile img#logoimg, body:not(#page-home).has-toolbar-mobile.logoshow .toolbar-links-mobile img#logoimg, .has-toolbar-mobile .toolbar-links-mobile img#logoimg, body:not(#page-home).has-toolbar-mobile .toolbar-links-mobile img#logoimg { max-height: 25px !important; } .has-toolbar-mobile.has-toolbar-mobile-logosquare .toolbar-links-mobile img#logoimg, body:not(#page-home).has-toolbar-mobile.has-toolbar-mobile-logosquare .toolbar-links-mobile img#logoimg { max-height: 45px !important; } .has-toolbar-mobile.has-toolbar-mobile-logosquare .hamburger { height: 69px !important; } .has-toolbar-mobile .toolbar-links { display: none!important; } body:not(#page-home).has-toolbar-mobile .toolbar-links-mobile .logo { transform: translate(0px, 0px)!important; } .has-toolbar-mobile .hamburger { top: 0px!important; } .has-toolbar-mobile .mobile-nav-overlay .hamburger { top: 0px!important; } } .has-toolbar-mobile.has-carousel-mobile-fit .carousel .item-content { padding-top: 55px !important; } .has-toolbar-mobile .toolbar-links-mobile .location { display: flex; align-items: center; gap: 10px; display: flex; justify-content: space-between; align-items: center; width: 100%; text-align: center; } .has-toolbar-mobile .toolbar-links-mobile .location i { background: rgb(0 0 0 / 0%)!important; padding: 0px!important; margin-right: 0px!important; } .has-toolbar-mobile .toolbar-links-mobile .location .location_name { font-size: 14px!important; color: #000000; padding-bottom: 5px; font-weight: 500 !important; } .has-toolbar-mobile .toolbar-links-mobile .location .btn.btn-cta.btn-primary { padding: 4px 5px!important; letter-spacing: 0px!important; font-size: 12px!important; margin: 0px; /* display: inline-block!important; */ } .has-toolbar-mobile .toolbar-links-mobile.locations { position: relative; top: 0; left: 0; background-color: #f5f5f5; z-index: 50; display: block; width: 100%; padding: 0px 0px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .has-toolbar-mobile .toolbar-links-mobile.locations .header-left { background-color: #131f42; display: block; width: 100%; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 6px; margin: 0px!important; } .has-toolbar-mobile .toolbar-links-mobile.locations .header-right { display: flex; width: 100%; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 6px; margin: 0px!important; align-items: center; gap: 16px; } .has-toolbar-mobile .toolbar-links-mobile.locations .location_text { display: none; } .has-toolbar-mobile .toolbar-links-mobile.locations i { margin-right: 5px!important; } .has-toolbar-mobile .toolbar-links-mobile #logotext, .has-toolbar-mobile .toolbar-links-mobile .logo-icon { display: none!important; } /*==================================================================================*/ /* New testimonials feature var 1 */ /*==================================================================================*/ .sb-testimonials-var1-row figcaption { margin-top: 20px; } /*==================================================================================*/ /* has-locations (multiple office / biz locations) */ /*==================================================================================*/ body.has-locations [class*='has-toolbarshow'] .btn-cta.btn-reset { margin-right: 0px!important } @media screen and (min-width:949px) { body.has-locations [class*='has-toolbarshow'] .btn-cta.btn-reset { margin-right: 8px!important } } body.has-locations .footer .location_name { font-size: 15px!important; line-height: 18px; font-weight: 700!important; } @media screen and (min-width:949px) { body.has-locations .footer .location_name { font-size: 15px!important; } } body.has-locations .footer .locations_list { padding-bottom: 20px!important; } body.has-locations .footer .locations_list a + br { display: none; } @media screen and (min-width:949px) { /* Target the first .col-md-4 for smaller width */ body.has-locations .footer .footer-box .col-md-4:nth-of-type(1) { flex-basis: 30%!important; max-width: 30%!important; } /* Target the remaining .col-md-4 for slightly larger width */ body.has-locations .footer .footer-box .col-md-4:nth-of-type(2), body.has-locations .footer .footer-box .col-md-4:nth-of-type(3) { flex-basis: 35%!important; max-width: 35%!important; } } /*==================================================================================*/ /* gallery --var 1 -- has icons */ /*==================================================================================*/ body.has-gallery-icons .container .gallery-item img { display: block!important; margin-bottom: 40px; box-shadow: none!important; border: 0px!important; border-radius: 0px; background-color: rgb(0 0 0 / 0%); } body.has-gallery-icons .container .gallery-header { font-size: 30px!important; } body.has-gallery-icons .gallery-item:before { overflow: hidden; border-radius: 0px; } body.has-gallery-icons .gallery-item img { width: 100px!important; height: 100px!important; overflow: hidden; transform: scale(1); -webkit-transition: all .35s ease-in!important; } /*==================================================================================*/ /* logo icon -- toggle main logo and icon version */ /*==================================================================================*/ body.has-logo-icon-toggle .logoshow .logo { display: none; } body.has-logo-icon-toggle .logoshow .logo-icon { display: block!important; } /*==================================================================================*/ /* CARDS (COMPACT STYLES FOR BOTH feature-cards1 and feature-cards2) */ /*==================================================================================*/ .sb-feature-cards1-row .sb-module, .sb-feature-cards2-row .sb-module { padding: 0px!important; } @media screen and (min-width:949px) { .sb-feature-cards1-row .sb-wrap-inner, .sb-feature-cards2-row .sb-wrap-inner { margin-top: 90px; margin-bottom: 90px; } } .sb-feature-cards1-row .sb-col, .sb-feature-cards2-row .sb-col { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 20px; border-radius: 30px; background-color: #fff; transition: opacity .2s; text-align: center; margin-bottom: 20px; } .sb-feature-cards1-row .sb-col:hover, .sb-feature-cards2-row .sb-col:hover { box-shadow: 0 15px 35px 0 rgba(60,78,100,.1); transform: translate(0, -2px); } .sb-feature-cards1-row .content { display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .sb-feature-cards2-row .image img { max-width: 150px!important; border: 0; margin: 0 auto !important; } .sb-feature-cards1-row .image img { max-width: 50px!important; border: 0; margin: 0 auto !important; } @media screen and (min-width:949px) { .sb-feature-cards1-row .sb-wrap-inner, .sb-feature-cards2-row .sb-wrap-inner { display: flex; justify-content: space-between; gap: 10px; } .sb-feature-cards1-row .sb-col, .sb-feature-cards2-row .sb-col { margin: 0px; width: 100%!important; height: auto; /* Adjust height as needed */ padding: 40px!important; } .sb-feature-cards1-row .sb-wrap-inner, .sb-feature-cards2-row .sb-wrap-inner { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .sb-feature-cards1-row .sb-col.sb-image-row { padding: 35px; border-radius: 30px; background-color: #fff; height: 460px!important; } .columns-inner .sb-feature-cards1-row:nth-child(2), .columns-inner .sb-feature-cards2-row:nth-child(2) { background: #e9e9e9; } } @media only screen and (max-width: 1000px) { .sb-feature-cards1-row .sb-col, .sb-feature-cards2-row .sb-col { width: 100%!important; display: block!important; } } /*==================================================================================*/ /* feature services --img widths */ /*==================================================================================*/ body#page-home .sb-feature-services-row .image-row-three img { max-width: 100%!important; } } @media (max-width: 767px) { body#page-home .sb-feature-services-row .image-row-three img { max-width: 100%!important; } } @media (min-width: 768px) { body#page-home .sb-feature-services-row .image-row-four img { max-width: 25%!important; } } @media (max-width: 767px) { body#page-home .sb-feature-services-row .image-row-four img { max-width: 45%!important; } } /*==================================================================================*/ /* basic module col widths */ /*==================================================================================*/ @media (min-width: 768px) { body#page-home .sb-wrap-inner.col-row-six { display: flex; justify-content: space-between; width: 100%; } body#page-home .image-row-six .sb-image-row { flex: 1; margin: 0 10px; /* Adjust the margin as needed */ text-align: center; padding: 0px 20px; } body#page-home .image-row-six .sb-image-row .sb-module { padding-top: 0px!important; padding-bottom: 0px!important; } body#page-home .image-row-six .sb-image-row h2 { padding-bottom: 0px; } body#page-home .image-row-six .sb-image-row p { margin: 0px; } } .sb-feature-table-row ul li::before { content: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7562 1.15853C11.7776 11.0038 6.78824 15.9264 6.78824 15.9264C6.78824 15.9264 4.79251 13.9574 0.801056 10.0193' stroke='currentColor' stroke-width='1.18486' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); position: absolute; left: -40px; top: 50%; transform: translateY(-50%); margin-right: 10px; /* Adjust as needed for visual spacing */ color: white; /* Icon color controlled here */ } .sb-feature-table-row ul li { left: -10px!important; display: block!important; padding-left: 0px!important; position: relative; } .sb-feature-table-row ul li::before { top: 0%; transform: translateY(0%); } @media (min-width: 949px) { .sb-feature-table-row .sb-wrap-inner { width: 90%; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 90px; position: relative; clear: both; height: 100%; overflow: hidden; } } .sb-wrap:not(.image-row-two-wrap).sb-feature-table-row .sb-module { padding: 0px!important; } /* Ensure Flexbox Layout for Equal Height Columns */ .sb-feature-table-row { display: flex; flex-wrap: nowrap; /* Prevent wrapping to keep columns aligned */ align-items: stretch; /* Stretch all columns to be the same height */ } .sb-feature-table-row .sb-col { display: inline; flex-direction: column; /* Align items vertically */ justify-content: stretch; /* Stretches content to fill the column */ box-sizing: border-box; flex: 1; /* Ensure columns take up equal space */ min-height: 100%; /* Ensure all columns are the same height */ } .sb-wrap.sb-feature-table-row .sb-module { flex-grow: 1; /* Allows the modules to grow and fill space */ } .sb-feature-table-row .sb-col .box { flex: 1; /* Ensures boxes fill available space */ display: flex; flex-direction: column; justify-content: center; /* Centers content vertically */ box-sizing: border-box; border: .01em solid rgb(222, 222, 222); /* Ensure border visibility */ padding: 10px; /* Padding inside the box to separate content from the border */ margin: 0; /* Remove any margins */ height: 100px; } /* Image Handling for Equal Heights */ .sb-feature-table-row.sb-image-row img { width: 100%; /* Ensure the image takes up the full width of its container */ height: 100%; /* Make the image take up the full height of its container */ object-fit: cover; /* Scale the image to cover its container without distortion */ display: block; /* Removes any inline spacing */ box-sizing: border-box; } /* Adjust Image Wrap to Flex */ .sb-feature-table-row .image-wrap { display: flex; align-items: center; /* Vertically center the image */ justify-content: center; /* Horizontally center the image */ height: 100%; /* Make sure the image wrap takes up the full height */ } /* Ensures the Image Wrap Fills the Column */ .sb-feature-table-row .sb-col .box-inner { height: 100%; /* Makes sure the inner box takes up the full column height */ display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .sb-feature-table-row .sb-col .box { flex: 1; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; outline: 0px solid rgb(170, 170, 170); /* Ensure border visibility */ padding: 10px; margin: 0; height: 100px; } .sb-feature-table-row .sb-col .sb-module:first-child .box { background-color: #eee3d8; /* Light gray color */ } /* Color for the remaining cells */ .sb-feature-table-row .sb-col .sb-module:not(:first-child) .box { background-color: #fffffe; /* Replace with your desired color for the rest of the cells */ } /* Mobile Styles: Scaling the content and enabling horizontal scrolling */ @media (max-width: 948px) { .sb-feature-table-row { overflow-x: auto; /* Enable horizontal scrolling */ } .sb-feature-table-row .sb-wrap-inner { transform: scale(0.75); /* Scale down the content */ transform-origin: top left; /* Ensure scaling happens from the top left */ width: 100%; /* Keep the width at 100% to ensure scrolling */ min-width: 1000px; /* Adjust min-width based on how much space you need for the scaled content */ height: auto; /* Adjust height automatically */ margin: 0 auto; /* Center the content horizontally */ } /* Optional: Adjust padding and margins for a cleaner mobile view */ .sb-feature-table-row .sb-col { padding: 10px; /* Smaller padding */ } } /* Mobile Styles for max-width: 1000px */ @media only screen and (max-width: 1000px) { .sb-feature-table-row .sb-col { width: 400px !important; float: left !important; margin: 0 auto; /* Centers the columns */ padding: 0px; } /* If there's any specific padding, margin, or height adjustments needed */ .sb-feature-table-row .sb-col .box { padding: 10px; /* Adjust padding as needed */ height: auto; /* Allow height to adjust dynamically */ } /* Ensure horizontal scrolling if needed */ .sb-feature-table-row { overflow-x: auto!important; /* Enable horizontal scrolling if the content overflows */ white-space: nowrap; /* Prevent wrapping to maintain horizontal scroll */ } .sb-feature-table-row .sb-wrap-inner { width: 100%; /* Ensure the inner wrap scales properly */ transform: scale(0.75); /* Optional scaling, adjust as needed */ transform-origin: top left; /* Scale from the top-left corner */ min-width: 1000px; /* Prevent collapsing of content */ height: auto; /* Allow height to adjust dynamically */ } } .sb-feature-plans-row a[href^="tel:"] { cursor: auto; /* Reverts to the default cursor */ outline: initial; /* Removes the custom outline */ border-radius: initial; /* Resets border-radius to default */ line-height: normal; /* Resets line-height */ font-size: initial; /* Reverts to default font size */ font-weight: normal; /* Reverts to default font weight */ text-transform: none; /* Removes uppercase transformation */ letter-spacing: normal; /* Reverts to normal letter spacing */ border: none!important; /* Removes the border */ width: auto; /* Reverts width to its default */ box-shadow: none; /* Removes box shadow */ transform: none!important; /* Removes any transformations */ padding: 0px!important; /* Removes the border */ margin: 0px!important; /* Removes the border */ } /*==================================================================================*/ /* CAROUSEL -- ADD CHECKMARKS TO H2*/ /*==================================================================================*/ body.has-carousel-checkmark .carousel h2::before { content: url('data:image/svg+xml;utf8,')!important; margin-right: 15px!important; position: relative!important; } /*==================================================================================*/ /* VARIED LAYOUTS -- CONTACT SECTION*/ /*==================================================================================*/ @media (min-width: 1001px) { .sb-image-row.sb-hoursofoperation-row.sb-contactform-row .sb-col { width: 33.33333333%!important; } } .sb-hoursofoperation .headline { padding-bottom: 25px; } /*==================================================================================*/ /* H1, H2, H3 -- UPPERCASE ALL*/ /*==================================================================================*/ /* SET H1, H2, H3 */ .content h1, .headline h1, .post .entry h1, .post h2.title, .post h1.title, .post h2 { text-transform: uppercase; } /*==================================================================================*/ /* body links */ /*==================================================================================*/ .embed a, .content a, .sb-module a, .nav a:not(.phone):hover, .mobile-nav .primary-link.selected > a, .mobile-nav .secondary-link.selected > a, .mobile-nav-btn a .fa, .mobile-nav-btn a i, .phone a .fa, .mobile-nav-btn a .fa, .header .nav .primary-link > a:hover, body.page-full-post .entry a .carousel .item-content a { font-weight: 400; } /*==================================================================================*/ /* lg font size */ /*==================================================================================*/ body.has-font-lg, body.has-font-lg .content p, body.has-font-lg .content ul { font-size: 20px!important; font-weight: 400; } /*==================================================================================*/ /* Show Hide logo text */ /*==================================================================================*/ body.has-logotext .toolbar .toolbar-links:nth-child(1) #logotext { display: inline-block; } @media screen and (min-width: 949px) { body.has-logotext .toolbar .toolbar-links:nth-child(1) #logotext { display: inline-block; } } body.logoshow.has-logotext .toolbar .toolbar-links:nth-child(1) #logotext { display: none; } @media screen and (min-width: 949px) { body.logoshow.has-logotext .toolbar .toolbar-links:nth-child(1) #logotext { display: none; } } /*==================================================================================*/ /* row - maxwidth when narrow col active */ /*==================================================================================*/ /* narrow site column -- but allow 100% */ .micro-cta.maxwidth, .sb-maxwidth-row, .sb-module--nomargin.sb-maxwidth-row { margin-left: -50vw!important; left: 50%; width: 100vw; /* margin: -100px; */ position: relative; background-position-x: center; background-position-y: center; } #page-home.has-img-solo:not(.has-testimonials-var1) .sb-wrap.sb-image-row.image-row-one-wrap:not(.col-row-one-wrap) { margin-left: -50vw!important; left: 50%; width: 100vw; clip-path: inset(90px 0 90px 0); /* Trim 90px from top and bottom */ } #page-home.has-img-solo .sb-wrap.sb-image-row.image-row-one-wrap:not(.col-row-one-wrap) img { filter: none; } /*==================================================================================*/ /* gallery - variation 1 (default style -- bg image/btn) */ /*==================================================================================*/ body:not(#page-home) .gallery.var1 img { display: block!important; } /* #page-home .sb-gallery-row span.gallery-item { filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(100%) contrast(100%); } */ #page-home .sb-gallery-row .gallery.var1 span.gallery-item:hover { filter: none; } body#page-home .gallery.var1 .col-sm-2 { width: 100%; } @media (min-width: 768px) { body#page-home .gallery.var1 .col-sm-2 { flex: 1; /* Allow items to grow and fill available space */ margin: 10px; /* Adjust the margin as needed to control the gap */ max-width: calc(25% - 20px); /* Adjust as needed to control the width of each item */ box-sizing: border-box; /* Include padding and border within the max-width */ } } /* Reset Gallery */ body#page-home .gallery.var1 { display: flex; flex-wrap: wrap; justify-content: space-between; } #page-home .gallery.var1 .tint { float: none; position: static; width: auto; min-height: auto; display: block; align-items: normal; justify-content: normal; overflow: visible; height: 100%; width: 100%; } #page-home .gallery.var1 .gallery-header { width: 100%; } /* End Reset */ /* Main Properties */ body#page-home .gallery.var1 .gallery-caption { text-align: center; margin-top: 10px; } body#page-home .gallery.var1 .gallery-caption a { display: inline-block; padding: 10px 20px; margin-top: 10px; text-decoration: none; } body#page-home .gallery.var1 span.gallery-item { position: relative; padding: 0px 40px; display: flex; flex-direction: column; justify-content: flex-start; /* Align the items to the top */ align-items: center; width: 100%; margin: 0; background-repeat: no-repeat; background-size: cover; background-position: 0% 0%; } body#page-home .gallery.var1 .gallery-item-wrap { height: 450px; /* Set the height of each box */ overflow: hidden; /* Ensure that any part of the image that overflows is hidden */ } body#page-home .gallery.var1 .gallery-item-wrap { box-shadow: 0px 2.7px 2.2px rgb(0 0 0 / 8%), 0px 6.6px 5.3px rgb(0 0 0 / 5%), 0px 12.5px 10px rgb(0 0 0 / 5%), 0px 41.8px 33.4px rgb(0 0 0 / 25%); } body#page-home .gallery.var1 span.gallery-item { background-size: cover; /* Set the default background size to contain */ transition: transform 0.5s ease; /* Add transition to the scaling transform */ } /* Enlarge the background image on hover */ body#page-home .gallery.var1 span.gallery-item:hover { transform: scale(1.1); } body#page-home .gallery.var1 .gallery-item .gallery-caption { -webkit-transform: translateY(0px) scale(1)!important; transform: translateY(0px) scale(1)!important; } body#page-home .gallery.var1 .gallery-item:hover .gallery-caption { -webkit-transform: translateY(0px) scale(1)!important; transform: translateY(0px) scale(1)!important; } body#page-home .gallery.var1 .gallery-item .gallery-header { -webkit-transform: translateY(0px) scale(1)!important; transform: translateY(0px) scale(1)!important; } body#page-home .gallery.var1 .gallery-item:hover .gallery-header { -webkit-transform: translateY(0px) scale(1)!important; transform: translateY(-10px) scale(1)!important; } body#page-home .gallery.var1 .gallery-item .btn { -webkit-transform: translateY(0px) scale(1)!important; transform: translateY(0px) scale(1)!important; } body#page-home .gallery.var1 .gallery-item:hover .btn { -webkit-transform: translateY(-20px) scale(0.9)!important; transform: translateY(-20px) scale(0.9)!important; } /* Media Query for Mobile */ @media screen and (max-width: 768px) { body#page-home .gallery.var1 { display: block; /* Change to block to stack the boxes */ } body#page-home .gallery.var1 .gallery-item-wrap { height: 250px; width: 100%; /* Set the width to 100% to take full width */ margin-bottom: 20px; /* Add some spacing between the stacked boxes */ } body#page-home .gallery.var1 span.gallery-item { background-position: center center; } } body#page-home .gallery.var1 .gallery-header { font-weight: 500; text-transform: capitalize; font-size: 30px; line-height: 24px; letter-spacing: 1px!important; padding: 20px 0px; width: 100%; text-align: center; position: relative; bottom: 0px; border-radius: 0px; } @media screen and (min-width: 949px) { body#page-home .gallery.var1 .gallery-header { font-size: 30px; line-height: 30px; width: 100%; padding: 0px 0px; bottom: 20px; } } body#page-home .gallery.var1 .gallery-header h2 { font-size: 1.0em !important; line-height: 1.2em !important; padding-bottom: 10px; } @media screen and (min-width: 949px) { body#page-home .gallery.var1 .gallery-header h2 { font-size: 1.2em !important; line-height: 1.0em !important; padding-bottom: 20px; } } body#page-home .gallery.var1 .gallery-item-wrap { margin-bottom: 20px; } body#page-home .gallery.var1 .gallery-header p { font-weight: 400; } body:not(#page-home) .gallery.var1 .gallery { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } /*==================================================================================*/ /* feature testimonials - variation 1 */ /*==================================================================================*/ /* Reset Testimonials */ body.has-testimonials-var1 .testimonials-var1 figure { margin: 0px auto; } @media screen and (min-width:949px) { body.has-testimonials-var1 .testimonials-var1 figure { margin: 0px auto; max-width: 100%; height: inherit; margin-left: auto; } } /* End Reset */ body.has-testimonials-var1 .testimonials-var1 figcaption.quotename { padding-top: 0px; overflow: visible; display: inline-block; font-size: 14px; line-height: 40px; font-weight: 800; border-radius: 00px; margin-top: 0px; vertical-align: middle; text-transform: capitalize; } body.has-testimonials-var1 .testimonials-var1 figcaption span { display: block; font-size: 14px; line-height: 30px; font-weight: 400; } body.has-testimonials-var1 .testimonials-var1 .fa-star { font-size: 25px; } body.has-testimonials-var1 .testimonials-var1 figure:before { padding: 0px; border-radius: 0px; outline: none; text-align: center; vertical-align: top; border-left-style: solid; border-left-width: 5px!important; float: right; } body.has-testimonials-var1 .testimonials-var1:before { border-left-style: solid; border-left-width: 0px!important; position: absolute; width: 2px!important; height: 275px; -webkit-transform: translateY(0px) translateX(0px) rotate(0deg); top: -10%!important; left: -20px!important; } body.has-testimonials-var1 .testimonials-var1 blockquote:before { display: block!important; } /* Multiple items */ body.has-testimonials-var1 .testimonials-var1 .multiple-items { display: flex; justify-content: flex-start; align-items: flex-start; } body.has-testimonials-var1 .testimonials-var1 .multiple-items figure { padding: 15px; border-radius: 0px; } @media screen and (min-width:949px) { body.has-testimonials-var1 .testimonials-var1 .multiple-items figure { padding: 15px; width: 100%; /* Set the width to 100% */ max-width: 100%; /* Limit the maximum width to 100% of the parent container */ box-sizing: border-box; /* Include padding and borders within the defined width */ } } body.has-testimonials-var1 .testimonials-var1 .multiple-items h3 { font-style: normal; font-weight: normal; } body.has-testimonials-var1 .testimonials-var1 .single-item { position: relative; } body.has-testimonials-var1 .testimonials-var1 blockquote:before { content: "\201C"; /* Unicode character for left double quotation mark */ font-family: Georgia, Merriweather, Arial; font-size: 114px; /* Your desired font size */ margin-bottom: 20px; color: #000000; /* Set the color for the quote mark */ position: relative; top: 0px; left: 5px; /* Adjust the left position as needed */ line-height: 225px; height: 90px; display: block; } body.has-testimonials-var1 blockquote .fa:nth-child(1) { margin-top: 60px; } /*==================================================================================*/ /* testimonials customization */ /*==================================================================================*/ /* Reset Testimonials */ .testimonials figure { margin: 0px auto; } @media screen and (min-width:949px) { .testimonials figure { margin: 0px auto; max-width: 100%; height: inherit; margin-left: auto; } } /* End Reset */ .testimonials figcaption.quotename { padding-top: 0px; overflow: visible; display: inline-block; font-size: 14px; line-height: 40px; font-weight: 800; border-radius: 00px; margin-top: 0px; vertical-align: middle; text-transform: capitalize; } .testimonials figcaption span { display: block; font-size: 14px; line-height: 30px; font-weight: 400; } .sb-testimonials-row .fa-star { font-size: 25px; } .testimonials figure:before { padding: 0px; border-radius: 0px; outline: none; text-align: center; vertical-align: top; border-left-style: solid; border-left-width: 5px!important; float: right; } .sb-testimonials-row .testimonials:before { border-left-style: solid; border-left-width: 0px!important; position: absolute; width: 2px!important; height: 275px; -webkit-transform: translateY(0px) translateX(0px) rotate(0deg); top: -10%!important; left: -20px!important; } blockquote:before { display: block!important; } /* Multiple items */ .testimonials .multiple-items { display: flex; justify-content: flex-start; align-items: flex-start; } .testimonials .multiple-items figure { padding: 15px; border-radius: 0px; } @media screen and (min-width:949px) { .testimonials .multiple-items figure { padding: 15px; } } .testimonials .multiple-items h3 { font-weight: 300; font-style: normal; } .single-item { position: relative; } .sb-testimonials-row blockquote:before { content: "\201C"; /* Unicode character for left double quotation mark */ font-family: Georgia, Merriweather, Arial; font-size: 114px; /* Your desired font size */ margin-bottom: 20px; color: #000000; /* Set the color for the quote mark */ position: relative; top: 0px; left: 5px; /* Adjust the left position as needed */ line-height: 225px; height: 90px; display: block; } /*==================================================================================*/ /* feature cta col - variation 1 */ /*==================================================================================*/ @media screen and (min-width: 949px) { body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-wrap-inner, body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-col-wrap { display: flex; align-items: flex-start!important; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-module:not(.sb-image) { background-color: #fef9f5; padding: 25px 0px!important; background-repeat: no-repeat; background-position: bottom; background-size: contain; display: block; height: 100%; display: inline-block; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-module:not(.sb-image) { background-image: url(https://optimasites.cloudfrontend.net/img/upload/000_graphic_abstract_dental1.png); } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-col:nth-child(2) .sb-module:not(.sb-image) { background-image: url(https://optimasites.cloudfrontend.net/img/upload/000_graphic_abstract_dental2.png); } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-content { height: 445px!important; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .content { padding: 60px 35px; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row h2 { font-size: 40px!important; padding: 0px; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row p { font-size: 15px!important; line-height: 25px!important; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-module { padding: 0px!important; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-wrap-inner { margin-top: 90px; margin-bottom: 90px; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding: 20px 20px 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 30px; background-color: #fff; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); -webkit-transition: opacity .2s; transition: opacity .2s; text-align: center; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-col:hover { box-shadow: 0 15px 35px 0 rgba(60,78,100,.1); -webkit-transform: translate(0,-2px) translate(0,0); -ms-transform: translate(0,-2px) translate(0,0); transform: translate(0,-2px) translate(0,0); } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-wrap-inner { margin-top: 90px; margin-bottom: 90px; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-col { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 20px; border-radius: 30px; background-color: #fff; transition: opacity .2s; text-align: center; margin: 0 0px; /* Adjust the margin value as needed for spacing */ } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-col:hover { box-shadow: 0 15px 35px 0 rgba(60,78,100,.1); transform: translate(0,-2px); } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .content { display: flex; flex-direction: column; justify-content: space-between; flex: 1; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row h2 { display: flex; flex-direction: column; justify-content: space-between; flex: 1; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-wrap-inner { display: block; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-col { margin: 0; /* Set margin to 0 to avoid additional spacing */ } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-wrap-inner { display: flex; justify-content: space-between; gap: 10px; /* Adjust the gap value for space between cards */ /* Other styles remain unchanged */ } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-col { display: flex; flex-direction: column; align-items: center; justify-content: center; /* height: 300px; */ /* Set a fixed height value as needed */ padding: 0px; border-radius: 0px; background-color: #fff; transition: opacity .2s; text-align: center; margin: 0 0px; /* Adjust the margin value as needed for spacing */ width: 100%!important; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-wrap-inner { display: flex; justify-content: space-between; gap: 10px; /* Adjust the gap value for space between cards */ margin-top: 0px; margin-bottom: 0px; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-col-wrap { display: flex; grid-auto-columns: 1fr; grid-column-gap: 15px; grid-row-gap: 15px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-wrap-inner { display: grid; grid-auto-columns: 1fr 1fr; grid-column-gap: 10px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; width: 100%; } body.has-feature-cta-col-var1 .sb-col-row:not(.sb-seamlessbox-row) .sb-col-wrap .sb-module:nth-child(1) > div { padding-bottom: 0px!important; } } body.has-feature-cta-col-var1 .sb-feature-cta-col-row .image { overflow: hidden; } body.has-feature-cta-col-var1 .sb-feature-cta-col-row img { max-width: 130%!important; height: 100%!important; object-fit: cover!important; border: 0; margin: 0 auto !important; left: 0px !important; } /* Swap image and content for the first wrapper */ body.has-feature-cta-col-var1 .sb-feature-cta-col-row .sb-col.sb-image-row .sb-col-wrap { flex-direction: row-reverse; /* flex: 1; */ order: 1; } /*==================================================================================*/ /* heading -- default 2*/ /*==================================================================================*/ .content h1, .headline h1, .post .entry h1, .post h2.title, .post h1.title, .post h2 { text-transform: uppercase; } .content-intro h1, .content h1, .sb-embed h1, .content h2, .sb-module .headline h2, .sb-wrap:first-child h2, .footer h2, .sb-module h2, body:not(#page-home) .content h2, body:not(#page-home) .content h3, .sb-hoursofoperation h2, .sb-services h2, body.page-feed-post h2.title, body.page-full-post h1.title, .micro-cta h1 { font-size: 30px!important; line-height: 42px!important; font-weight: 500; letter-spacing: 0px; text-transform: capitalize; text-align: center; /* width: 90%;*/ margin: 0px auto; } @media (min-width: 768px) { .content-intro h1, .content h1, .sb-embed h1, .content h2, .sb-module .headline h2, .sb-wrap:first-child h2, .footer h2, .sb-module h2, body:not(#page-home) .content h2, body:not(#page-home) .content h3, .sb-hoursofoperation h2, .sb-services h2, .micro-cta h1 { font-size: 1.5em!important; line-height: 1.2em!important; font-weight: 500; width: initial; margin: 0px auto; } } body.page-full-post h1.title { font-size: 40px!important; line-height: 55px!important; } @media (min-width: 768px) { body.page-full-post h1.title { font-size: 2.5em!important; line-height: 1.5em!important; } } .content-intro h1, .content h1, .sb-embed h1 { font-size: 22px!important; line-height: 42px!important; } @media (min-width: 768px) { .content-intro h1, .content h1, .sb-embed h1 { font-size: 50px!important; line-height: 60px!important; } } .content h3, .sb-about h3, .embed h3 { font-size: 15px!important; line-height: 30px!important; font-weight: 800; letter-spacing: 0px; text-transform: capitalize; text-align: center; /* width: 90%;*/ margin: 0px auto; padding-top: 20px; font-style: normal; } @media (min-width:768px) { .content h3, .sb-about h3, .embed h3 { font-size: 19px!important; width: initial; margin: initial; } } .content h1 span, .content h2 span, .content h1 strong, .content h2 strong, body:not(.page-app) .text--white h2 span { font-weight: 400!important; } /* home*/ /* h1 */ body.has-heading-color .content h1 { font-size: 1.5em!important; line-height: 1.1em!important; font-weight: 400; padding-bottom: 15px; } @media (min-width: 768px) { body.has-heading-color .content h1 { font-size: 2em!important; line-height: 1.2em!important; } } /* h2 */ body .content h2 { font-size: 1.2em!important; line-height: 1.1em!important; padding-bottom: 15px; font-weight: 600; } @media (min-width: 768px) { body .content h2 { font-size: 1.5em!important; line-height: 1.2em!important; } } /* h3 */ body .content h3 { font-size: 1.0em!important; line-height: 1.4em!important; font-weight: 600; padding-top: 0px; padding-bottom: 5px!important; } @media (min-width: 768px) { body .content h3 { font-size: 1.1em!important; line-height: 1.4em!important; } } /* h4 */ body .content h4 { font-size: .9em!important; line-height: 1.2em!important; font-weight: 600; } @media (min-width: 768px) { body .content h4 { font-size: 1.0em!important; line-height: 1.7em!important; } } /* interior*/ /* h1 */ body:not(#page-home) .content h1 { font-size: 2em!important; line-height: 1.1em!important; font-weight: 400; } @media (min-width: 768px) { body:not(#page-home) .content h1 { font-size: 2em!important; line-height: 1.1em!important; } } /* h2 */ body:not(#page-home) .content h2 { font-size: 1.2em!important; line-height: 1.1em!important; padding-bottom: 15px; } @media (min-width: 768px) { body:not(#page-home) .content h2 { font-size: 1.5em!important; line-height: 1.2em!important; } } body:not(#page-home) .sb-content .content h2, body:not(#page-home) .sb-content .content h3 { padding-bottom: 15px; } @media (min-width: 768px) { body:not(#page-home) .sb-content .content h2, body:not(#page-home) .sb-content .content h3 { padding-top: 25px; padding-bottom: 15px; } body:not(#page-home) .sb-content .content h4 { padding-top: 25px; padding-bottom: 5px; } body:not(#page-home) .sb-content .content h2 + h3 { padding-top: 5px; padding-bottom: 5px; } body:not(#page-home) .sb-content .content h3 + h4 { padding-top: 10px; padding-bottom: 0px; } } /* h3 */ body:not(#page-home) .content h3 { font-size: 1.1em!important; line-height: 1.4em!important; font-weight: 600; padding-top: 0px; padding-bottom: 5px!important; } @media (min-width: 768px) { body:not(#page-home) .content h3 { font-size: 1.1em!important; line-height: 1.4em!important; } } /* h4 */ body:not(#page-home) .content h4 { font-size: .9em!important; line-height: 1.2em!important; font-weight: 600; } @media (min-width: 768px) { body:not(#page-home) .content h4 { font-size: 1.0em!important; line-height: 1.2em!important; } } /* has heading accents */ #page-home.has-heading-accent .content h1:before, #page-home.has-heading-accent .sb-embed h1:before, #page-home.has-heading-accent .sb-embed h2:before, #page-home.has-heading-accent .content h2:before, #page-home.has-heading-accent .sb-module .headline h2:before { border-left: 4px solid #363636; position: relative; width: 2px; height: 100%; -webkit-transform: translateY(0px) translateX(35px) rotate(32deg); top: 0px; left: -20px; } /* h1 -- Setting text clipping properties for bg color */ .carousel .item-content h2, .has-footer-alternate1 .footer h1, body.has-heading-color .content h1, body.has-heading-color .text--white .content h1, body.has-heading-color .text--white:not(.sb-feature-cta1) .content h1, body.has-heading-color .text--white.sb-feature-cta1 .content h1 { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone; background-image: linear-gradient(234.33deg, #ffffff -3.63%, #ffffff 89.96%); } body.has-heading-color .text--white .content h1 { background-image: linear-gradient(338deg, #ffffff -3.63%, #ffffff 89.96%)!important; } /* h1 -- large */ body.has-heading-lg .sb-embed h1, body.has-heading-lg .content h1, body.has-heading-lg .text--white .content h1, body.has-heading-lg .text--white:not(.sb-feature-cta1) .content h1, body.has-heading-lg .text--white.sb-feature-cta1 .content h1 { font-size: 1.5em!important; line-height: 1.4em!important; font-weight: 400; } @media (min-width: 768px) { body.has-heading-lg .sb-embed h1, body.has-heading-lg .content h1, body.has-heading-lg .text--white .content h1, body.has-heading-lg .text--white:not(.sb-feature-cta1) .content h1, body.has-heading-lg .text--white.sb-feature-cta1 .content h1 { font-size: 2.5em!important; line-height: 1.2em!important; font-weight: 100; } } @media (min-width: 768px) { body.has-heading-lg .text--white .content h1 { font-size: 2.5em!important; line-height: 1.4em!important; font-weight: 300; } } /* h1 -- xlarge */ body.has-heading-xlg .sb-embed h1, body.has-heading-xlg .content h1, body.has-heading-xlg .text--white .content h1, body.has-heading-xlg .text--white:not(.sb-feature-cta1) .content h1, body.has-heading-xlg .text--white.sb-feature-cta1 .content h1 { font-size: 1.5em!important; line-height: 1.4em!important; font-weight: 400; } @media (min-width: 768px) { body.has-heading-xlg .sb-embed h1, body.has-heading-xlg .content h1, body.has-heading-xlg .text--white .content h1, body.has-heading-xlg .text--white:not(.sb-feature-cta1) .content h1, body.has-heading-xlg .text--white.sb-feature-cta1 .content h1 { font-size: 3.2em!important; line-height: 1.3em!important; font-weight: 100; } } @media (min-width: 768px) { body.has-heading-xlg .text--white .content h1 { font-size: 2.5em!important; line-height: 1.4em!important; font-weight: 300; } } /* h1 -- xlarge */ body.has-heading-xxlg .sb-embed h1, body.has-heading-xxlg .content h1, body.has-heading-xxlg .text--white .content h1, body.has-heading-xxlg .text--white:not(.sb-feature-cta1) .content h1, body.has-heading-xxlg .text--white.sb-feature-cta1 .content h1 { font-size: 1.7em!important; line-height: 1.5em!important; font-weight: 400; } @media (min-width: 768px) { body.has-heading-xxlg .sb-embed h1, body.has-heading-xxlg .content h1, body.has-heading-xxlg .text--white .content h1, body.has-heading-xxlg .text--white:not(.sb-feature-cta1) .content h1, body.has-heading-xxlg .text--white.sb-feature-cta1 .content h1 { font-size: 4.2em!important; line-height: 1.3em!important; font-weight: 100; } } @media (min-width: 768px) { body.has-heading-xxlg .text--white .content h1 { font-size: 2.5em!important; line-height: 1.4em!important; font-weight: 300; } } /* headings -- uppercase */ body.has-uppercase.has-footer-alternate1 .footer .footer-headline h1, body.has-uppercase .carousel .item-content h2, body.has-uppercase .sb-embed h1, body.has-uppercase .sb-embed h2, body.has-uppercase .content h1, body.has-uppercase .content h2, body.has-uppercase .content h3, body.has-uppercase .text--white .content h1, body.has-uppercase .text--white .content h2, body.has-uppercase .text--white:not(.sb-feature-cta1) .content h1, body.has-uppercase .text--white:not(.sb-feature-cta1) .content h2, body.has-uppercase .text--white.sb-feature-cta1 .content h1, body.has-uppercase .text--white.sb-feature-cta1 .content h2, body.has-uppercase .gallery.var1 .gallery-item .gallery-header, body.has-uppercase .sb-feature-cards1-row .sb-col .content a { text-transform: uppercase!important; } /* headings -- letter spacing */ body.has-letterspacing a.btn, body.has-letterspacing.has-footer-alternate1 .footer .footer-headline h1, body.has-letterspacing .carousel .item-content h2, body.has-letterspacing .sb-embed h1, body.has-letterspacing .sb-embed h2, body.has-letterspacing .content h1, body.has-letterspacing .content h2, body.has-letterspacing .text--white .content h1, body.has-letterspacing .text--white .content h2, body.has-letterspacing.text--white:not(.sb-feature-cta1) .content h1, body.has-letterspacing .text--white:not(.sb-feature-cta1) .content h2, body.has-letterspacing .text--white.sb-feature-cta1 .content h1, body.has-letterspacing .text--white.sb-feature-cta1 .content h2, body.has-letterspacing .gallery.var1 .gallery-item .gallery-header { letter-spacing: 8px!important; } body.has-letterspacing .sb-feature-cards1-row .sb-col .content a { letter-spacing: 4px!important; } /* h2 */ body .content h2 { font-size: 1.2em!important; line-height: 1.1em!important; padding-bottom: 15px; font-weight: 300; } @media (min-width: 768px) { body .content h2 { font-size: 2em!important; line-height: 1.4em!important; } } body.has-heading-lg .content h3 { font-weight: 400!important; } body#page-home.has-heading-lg .content h3, body#page-home.has-heading-lg .sb-about h3, body#page-home.has-heading-lg .embed h3 { letter-spacing: 0px!important; } /* h1 -- var1 */ body.has-heading-var1 .sb-embed h1, body.has-heading-var1 .content h1, body.has-heading-var1 .text--white .content h1, body.has-heading-var1 .text--white:not(.sb-feature-cta1) .content h1, body.has-heading-var1 .text--white.sb-feature-cta1 .content h1 { font-size: 1.5em!important; line-height: 1.4em!important; font-weight: 400; text-transform: uppercase; } @media (min-width: 768px) { body.has-heading-var1 .sb-embed h1, body.has-heading-var1 .content h1, body.has-heading-var1 .text--white .content h1, body.has-heading-var1 .text--white:not(.sb-feature-cta1) .content h1, body.has-heading-var1 .text--white.sb-feature-cta1 .content h1 { font-size: 2.5em!important; line-height: 1.2em!important; font-weight: 100; text-transform: uppercase; } } @media (min-width: 768px) { body.has-heading-var1 .text--white .content h1 { font-size: 2.5em!important; line-height: 1.4em!important; font-weight: 300; } } body.has-heading-var1 .content h3 { font-size: .9em!important; font-weight: 500!important; text-transform: uppercase; } body#page-home.has-heading-var1 .content h3, body#page-home.has-heading-var1 .sb-about h3, body#page-home.has-heading-var1 .embed h3 { letter-spacing: 0px!important; } /* h1 -- var1 */ body.has-heading-bold .carousel .item-content h2 { font-weight: 700!important; } body.has-heading-bold .sb-embed h1, body.has-heading-bold .content h1, body.has-heading-bold .text--white .content h1, body.has-heading-bold .text--white:not(.sb-feature-cta1) .content h1, body.has-heading-bold .text--white.sb-feature-cta1 .content h1 { font-weight: 600!important; } @media (min-width: 768px) { body.has-heading-bold .sb-embed h1, body.has-heading-bold .content h1, body.has-heading-bold .text--white .content h1, body.has-heading-bold .text--white:not(.sb-feature-cta1) .content h1, body.has-heading-bold .text--white.sb-feature-cta1 .content h1 {font-weight: bold!important;} } @media (min-width: 768px) { body.has-heading-bold .text--white .content h1 { font-weight: 600!important; } } body.has-heading-bold .content h3 { font-weight: 600!important; } body#page-home.has-heading-bold:not(.testimonials-var1) .content h3, body#page-home.has-heading-bold:not(.testimonials-var1) .sb-about h3, body#page-home.has-heading-bold:not(.testimonials-var1) .embed h3 { font-weight: 600!important; } body#page-home.has-heading-bold .sb-testimonials-var1-row figure h3 strong { font-weight: bolder!important; } /*Custom Top/Bottom CTA Module-------------------------------------------------*/ /* Carousel 1 px space fix -------------------------------------------------*/ body.has-micro-cta .micro-cta { overflow: visible!important; z-index: 999999; position: relative; } @media screen and (min-width:949px) { body.has-micro-cta .carousel .micro-cta { top: 125px!important; overflow: hidden!important; } } body.has-micro-cta .carousel-inner, body.has-micro-cta .micro-cta { overflow: hidden!important; } @media screen and (min-width:949px) { body.has-micro-cta .micro-cta { overflow: hidden!important; } .sb-module-mini-cta-row { height: 0px; } } @media screen and (min-width:768px) { .micro-cta [class*='col-'] .cta-content, .micro-cta [class*='col-'] span { padding: 20px 85px 0px!important; font-size: 13px!important; font-weight: 500; text-transform: uppercase; line-height: 22px; } .micro-cta [class*='col-'] .cta-content a { padding: 0px!important; margin: 0px!important; text-align: center; } } @media screen and (min-width:768px) { .micro-cta [class*='col-'] .locations_list a { padding: 0px!important; font-size: 18px } .container > .micro-cta [class*='col-'] .locations_list .location_name { padding: 10px 0px!important; font-size: 25px!important; } .container > .micro-cta [class*='col-'] .locations_list span { padding: 0px!important; display: inline-block!important; font-size: 18px!important; font-weight: 300; text-transform: capitalize; line-height: 30px } .micro-cta [class*='col-'] .locations_list br { display: none!important; } } @media screen and (min-width:949px) { body.has-micro-cta .micro-cta { top: 0px; overflow: hidden; z-index: 1; background-color: #ffffff; max-width: 100%; bottom: 0px; } } /* @media screen and (max-width:948px) { .module-mini-cta [class*='col-'] { display: inline-block; float: left; width: 33.3%; } } */ @media screen and (min-width:768px) { body.has-micro-cta .micro-cta [class*='col-'] { padding: 0px; display: block; /* float: left; */ /* width: 50%; */ } body.has-micro-cta .micro-cta [class*='col-'] { display: inline; text-align: center; } body.has-micro-cta .micro-cta > [class*='col-'] img { height: auto; max-width: 100%; /* Ensures image doesn't exceed its original width */ max-height: 80px; /* Set the maximum height for all images/icons */ } } @media (max-width: 991px) { .carousel-wrapper + .sb-embed { display: none; } } /*==================================================================================*/ /* micro cta -- footer */ /*==================================================================================*/ .container > .micro-cta { background-color: #c0eaff!important; padding: 90px 0px; position: relative; overflow: hidden; } .container > .micro-cta [class*='col-'] { padding: 0px 0px!important; } .container > .micro-cta [class*='col-'] .cta-content {text-align: center!important;margin: auto;padding: 0px 0px!important;} .container > .micro-cta [class*='col-'] span {text-align: center!important;margin: auto;/* padding: 0px 90px!important; */} .container > .micro-cta [class*='col-'] h2 { font-size: 25px!important; margin: 20px; color: #fff; } .container > .micro-cta [class*='col-'] .locations_list {text-align: center;} .container > .micro-cta [class*='col-'] a { text-align: center!important; color: #fff!important; } .container > .micro-cta a[href^="tel:"] { padding-top: 10px; display: block; font-weight: 600; } .container > .micro-cta h1 { text-align: center!important; color: #fff!important; padding-bottom: 60px; } .container > .micro-cta img {-webkit-filter: brightness(1000%) contrast(1) grayscale(1) invert(1);filter: brightness(100%) contrast(10) grayscale(1) invert(1);scale: .7;} .container > .micro-cta .item { text-align: center; } .container > .micro-cta .block-items { display: block; text-align: center; } .container > .micro-cta .item { box-sizing: border-box; } @media screen and (min-width:768px) { .container > .micro-cta .block-items { display: flex; justify-content: space-around; gap: 50px; width: 60%; /* Keep this if needed, or adjust */ margin: auto; } .container > .micro-cta .item { box-sizing: border-box; flex: 0 1 25%; /* Adjust width dynamically */ margin: auto; } } /* module -- carousel -- var1 -- narrow */ @media screen and (min-width:768px) { body.has-carousel-sm .body .carousel-wrapper { width: 1100px; border-radius: 30px; margin: auto; overflow: hidden; height: 740px; } body.has-carousel-sm .body .item-inner { height: 940px; } body.has-carousel-sm .body .carousel-wrapper .item-inner .item { background-position: center center; background-size: 110% } body.has-carousel-sm .body .carousel-wrapper .carousel .item-content { justify-content: flex-end; padding-bottom: 120px; } } /*==================================================================================*/ /* carousel -- fixed width/ more narrow */ /*==================================================================================*/ body.has-carousel-fixwidth .carousel-wrapper .item-content .item-content-inner { max-width: 80%; } @media (min-width: 768px) and (max-width: 1280px) { body.has-carousel-fixwidth .carousel-wrapper .item-content .item-content-inner { max-width: 50%; } } @media (min-width: 1281px) and (max-width: 3840px) { body.has-carousel-fixwidth .carousel-wrapper .item-content .item-content-inner { max-width: 50%; } } /*==================================================================================*/ /* carousel -- fixed width/ more narrow */ /*==================================================================================*/ body.has-carousel-wide .carousel-wrapper .item-content .item-content-inner { max-width: 80%; } @media (min-width: 768px) and (max-width: 1280px) { body.has-carousel-wide .carousel-wrapper .item-content .item-content-inner { max-width: 100%; } } @media (min-width: 1281px) and (max-width: 3840px) { body.has-carousel-wide .carousel-wrapper .item-content .item-content-inner { max-width: 100%; } } .glyphicon-chevron-left:before, .glyphicon-chevron-right:before { font-family: 'Glyphicons Halflings'; /* Assuming Bootstrap glyphicons */ content: "\e079"; /* This hides the default icon */ visibility: hidden; } /* Style for the thin arrow */ .glyphicon-chevron-left::after, .glyphicon-chevron-right::after { content: ''; display: inline-block; width: 30px; height: 30px; border-right: 2px solid black; border-bottom: 2px solid black; transform: rotate(-45deg); margin-right: 5px; /* Adjust spacing as needed */ border-color: #fff; } /* module -- bg patterns */ body.has-bg-pattern:not(.has-bg-graphic) .sb-wrap:not(.has-parallax-1):not(.has-parallax-2), body.has-bg-pattern:not(.has-bg-graphic) .sb-wrap:not(.has-parallax-1):not(.has-parallax-2) { background-size: inherit!important; background-repeat: repeat; background-position: center center!important; background-attachment: inherit!important; } body.has-bg-pattern:not(.has-bg-graphic) .sb-wrap, body.has-bg-pattern:not(.has-bg-graphic) .sb-wrap { background-size: inherit!important; background-repeat: repeat; background-position: right center!important; background-attachment: inherit!important; } /* module accordion -- variant 2 (1 exists in base.themes) */ body.has-accordion-list2 ul.accordion-list { max-width: 100%; margin: auto!important; padding: 0 15px; text-align: center; margin-top: 50px!important; } body.has-accordion-list2 .accordion-list ul { text-align: left; } body.has-accordion-list2 .accordion-list h1 { /* color: #f05454; */ margin-bottom: 30px; } body.has-accordion-list2 .accordion-list h2 { color: #47d8b2; /* font-family: 'hm_light', sans-serif; */ font-size: 20px; text-align: left; line-height: 34px; padding: 30px 30px 0; text-transform: none; letter-spacing: 0px; font-weight: 300; display: block; margin: 0; cursor: pointer; transition: .2s; } @media (min-width: 949px) { body.has-accordion-list2 .accordion-list h3 { font-size: 1.5em!important; line-height: 1.4em!important; font-weight: 600!important; padding: 20px 0px!important; margin: 0px!important; text-align: left!important; } } body.has-accordion-list2 .accordion-list p { font-size: 16px!important; } @media (min-width: 949px) { body.has-accordion-list2 .accordion-list p { color: #141414; text-align: left; /* font-family: 'hm_light', sans-serif; */ font-size: 16px!important; line-height: 1.45; position: relative; /* overflow: hidden; Remove overflow */ /* max-height: 250px; Remove max-height */ will-change: max-height; contain: layout; display: inline-block; opacity: 1; transform: translate(0,0); margin: 0px; transition: .3s opacity; -webkit-hyphens: auto; -ms-hyphens: auto; z-index: 2; text-align: left; padding-bottom: 20px; } } .content .accordion-list p { line-height: 30px!important; } body.has-accordion-list2 ul.accordion-list { list-style: none; perspective: 900; padding: 0; margin: 0; } body.has-accordion-list2 .sb-module *:not(.element-item):not(.element-item):not(.element-item):not(.slick-slide):not(.slick-list):not(.slick-track):not(.module-mini-cta):not([class*='col-']) ul.accordion-list li { position: relative; overflow: hidden; padding: 0px 0px!important; margin: 0; background: rgb(192 192 192 / 0%); box-shadow: 0 3px 10px -2px rgb(0 0 0 / 0%); -webkit-tap-highlight-color: transparent; border-radius: 0px; border-top: 2px solid #d5d5d5; padding-left: 20px; padding-right: 20px; } @media (min-width: 949px) { body.has-accordion-list2 .sb-module ul.accordion-list .answer { width: 50%; } } body.has-accordion-list2 ul.accordion-list li + li { margin-top: 15px; } body.has-accordion-list2 ul.accordion-list li:last-of-type { padding-bottom: 0; } body.has-accordion-list2 ul.accordion-list li i { position: absolute; transform: translate(-6px, 0); margin-top: 28px; right: 15px; } body.has-accordion-list2 ul.accordion-list li i:before, body.has-accordion-list2 ul.accordion-list li i:after { content: ""; position: absolute; background-color: #354aa6; width: 3px; height: 9px; } body.has-accordion-list2 ul.accordion-list li i:before { transform: translate(2px, 0) rotate(45deg); } body.has-accordion-list2 ul.accordion-list li i:after { transform: translate(-2px, 0) rotate(-45deg); } body.has-accordion-list2 ul.accordion-list li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; touch-action: manipulation; } body.has-accordion-list2 ul.accordion-list li input[type=checkbox]:checked ~ h2 { color: #101a2b; } body.has-accordion-list2 ul.accordion-list li input[type=checkbox]:checked ~ p { margin: 10px; max-height: 0; transition: .3s; opacity: 0; } body.has-accordion-list2 ul.accordion-list li input[type=checkbox]:checked ~ i:before { transform: translate(2px, 0) rotate(45deg); background: #57af9b; } body.has-accordion-list2 ul.accordion-list li input[type=checkbox]:checked ~ i:after { transform: translate(-2px, 0) rotate(-45deg); background: #60c3aa; } body.has-accordion-list2 ul.accordion-list li { cursor: pointer!important; } body.has-accordion-list2 .sb-module *:not(.element-item):not(.element-item):not(.element-item):not(.slick-slide):not(.slick-list):not(.slick-track):not(.module-mini-cta):not([class*='col-']) ul.accordion-list .answer { cursor: auto!important; pointer-events: none; transition: none!important; } body.page-app ul.accordion-list .answer { display: block!important; } body.has-accordion-list2 ul.accordion-list li::before { content: "+"; display: inline-block; position: absolute; right: 10px; top: 20px; font-size: 30px; font-weight: bold; transition: none!important; } body.has-accordion-list2 ul.accordion-list li.active::before { transform: rotate(45deg); } /* module bg graphic -- default style */ @media (min-width: 949px) { body.has-bg-graphic [class*='sb-bg-graphic'].sb-wrap:after { background-position: 0px 0px !important; height: 1000px; background-repeat: no-repeat; z-index: -1; background-size: calc(100% + 60px) calc(100% + 60px); background-origin: content-box!important; background-size: 100%; } } body.has-bg-graphic .video-row, body.has-bg-graphic .sb-content-row, body.has-bg-graphic .sb-testimonials-var1-row, body.has-bg-graphic .sb-gallery-row, body.has-bg-graphic [class*='image-row'], body.has-bg-graphic [class*='sb-bg-graphic'] { z-index: 2; } @media (min-width: 949px) { body.has-bg-graphic [class*='sb-bg-graphic'].sb-wrap:after { top: 0px; transform: scaleX(1); } } @media (min-width: 949px) { body.has-bg-graphic [class*='sb-bg-graphic'].sb-wrap:after { top: 0px; transform: scaleX(1); } } /* module -- video -- has btn*/ /* Style for the overlay container */ .overlay-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .overlay-container i { margin-left: 10px; } /* module -- hours -- simple grouped version*/ #page-home.has-hours-var1 .sb-module.sb-hoursofoperation .headline h2 { display: none; } #page-home.has-hours-var1 .sb-module.sb-hoursofoperation p { font-size: 18px!important; margin: auto; text-align: center; } #page-home.has-hours-var1 .sb-module.sb-hoursofoperation p { align-items: center; padding: 0px 12px; text-decoration: none; } #page-home.has-hours-var1 .sb-module.sb-hoursofoperation p::before { font-family: "Font Awesome 5 Pro"; font-weight: 100; margin-right: 8px; } #page-home.has-hours-var1 .sb-module.sb-hoursofoperation p::before { content: "\f017"; } /* carousel -- Ken Burns animation with reverse scaling */ @media screen and (min-width:949px) { #page-home.has-carousel-fx-kens .carousel .item { opacity: 1; /* Ensure items are fully visible to start */ transform: scale(1); /* Start slightly smaller if you want, or use scale(1) to start at normal size */ transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out; /* Smooth transition settings */ } #page-home.has-carousel-fx-kens .carousel .item.active { opacity: 1; /* Maintain full visibility */ animation: reverseKenBurns 20s forwards ease-in-out; /* Apply reverse Ken Burns effect */ } /* Define the reversed Ken Burns effect */ @keyframes reverseKenBurns { 0%, 100% { opacity: 1; transform: scale(1); /* Start and end slightly smaller for a 'zooming in' effect from start */ } 50% { opacity: 1; transform: scale(1.05); /* Scale up beyond the normal size at the midpoint */ } } } /* imgs-- dropshadow*/ body:not(#page-home).has-img-dropshadow .sb-content img, .sb-video-row .embed, body.has-img-dropshadow .sb-bg-img-row, body#page-home.has-img-dropshadow .gallery-item-wrap, body.has-img-dropshadow .sb-feature-discount-row, body.has-img-dropshadow .sb-wrap.sb-testimonials-row.sb-image-row img, body.has-img-dropshadow .sb-wrap[class*='image-row-two-wrap'] img, body.has-img-dropshadow .sb-wrap[class*='image-row-one-wrap'] img, body.has-img-dropshadow .sb-wrap[class*='col-row-one-wrap'] img { box-shadow: 0px 4px 17px 4px rgb(0 0 0 / 4%), 0px 7px 17px 3px rgb(0 0 0 / 6%), 0px 12px 20px 16px rgb(0 0 0 / 2%), 0px 20px 50px 14px rgb(0 0 0 / 15%); } @media screen and (min-width:949px) { body:not(#page-home).has-img-dropshadow .image-row-one, body:not(#page-home).has-img-dropshadow .image-row-one-wrap { overflow: visible; } } body.has-img-dropshadow .sb-wrap.sb-image-row.image-row-one-wrap { overflow: visible; } @media screen and (max-width: 768px) { /* Remove shadows for gallery images on mobile */ body#page-home.has-img-dropshadow .gallery-item-wrap, body.has-img-dropshadow .gallery-item-wrap img { filter: none; /* Hide the drop shadow */ } } /* imgs-- photo border style*/ body.has-img-border .sb-feature-discount-row, body.has-img-border .sb-wrap.sb-testimonials-row.sb-image-row img, body.has-img-border .sb-wrap[class*='image-row-two-wrap'] img, body.has-img-border .sb-wrap[class*='image-row-one-wrap'] img, body.has-img-border .sb-wrap[class*='col-row-one-wrap'] img { -webkit-box-shadow: 0 5px 15px rgba(35,31,32,.2)!important; -moz-box-shadow: 0 5px 15px rgba(35,31,32,.2)!important; box-shadow: 0 5px 15px rgba(35,31,32,.2)!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; border-radius: 3px!important; border: 15px solid #fff!important; overflow: hidden!important; box-shadow: 0px 4px 17px 4px rgb(0 0 0 / 4%), 0px 7px 17px 3px rgb(0 0 0 / 6%), 0px 12px 20px 16px rgb(0 0 0 / 2%), 0px 20px 50px 14px rgb(0 0 0 / 15%); border-bottom-width: 25px!important; } @media screen and (min-width:949px) { body:not(#page-home).has-img-border .image-row-one, body:not(#page-home).has-img-border .image-row-one-wrap { overflow: visible; } } body.has-img-border .sb-wrap.sb-image-row.image-row-one-wrap:not(.accent--lite) { overflow: visible; } /* imgs -- rounded images */ body:not(#page-home).has-img-dropshadow .sb-content img, body.has-img-rounded .sb-image-row.image-row-three-wrap.col-row-three-wrap img, body.has-img-rounded .gallery-item-wrap, body.has-img-rounded .sb-feature-discount-row, body.has-img-rounded .sb-wrap[class*='image-row-one-wrap'] img, body.has-img-rounded .sb-wrap[class*='col-row-one-wrap'] img, body.has-gallery-icons .gallery.var1 img { border-radius: 20px; } /* boxes -- rounded images */ .sb-roundbox-row { border-radius: 20px; overflow: hidden!important; } .sb-roundedbox-row { border-radius: 20px; overflow: hidden!important; } /*==================================================================================*/ /* img module padding presets -- image-row-four-wrap */ /*==================================================================================*/ .sb-wrap:not(.sb-gallery-row):not(.sb-feature-cards1-row) .image-row-four { display: block !important; width: 100% !important; } .sb-wrap:not(.sb-feature-cards1-row) .image-row-four .sb-col.sb-image-row { width: 100% !important; margin-bottom: 20px !important; } .sb-wrap:not(.sb-feature-cards1-row) .image-row-four .image-wrap { width: 120px !important; height: 120px !important; margin: 0 auto !important; } .sb-wrap.image-row-four-wrap .image-row-four .sb-module.sb-image, .sb-wrap.image-row-four-wrap .image-row-four .sb-module.sb-content { padding: 10px 15px !important; } @media screen and (min-width: 949px) { .sb-wrap:not(.sb-gallery-row):not(.sb-feature-cards1-row) .image-row-four { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: flex-start !important; width: 100% !important; } .sb-wrap:not(.sb-feature-cards1-row) .image-row-four .sb-col.sb-image-row { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: calc(25% - 20px) !important; margin: 0 10px !important; box-sizing: border-box !important; } .sb-wrap:not(.sb-feature-cards1-row) .image-row-four .image-wrap { width: 150px !important; height: 100% !important; } .sb-wrap.image-row-four-wrap .image-row-four .sb-module.sb-image, .sb-wrap.image-row-four-wrap .image-row-four .sb-module.sb-content { /* padding: 10px 15px !important; */ } } /* Adjust for mobile view */ @media screen and (max-width: 768px) { .sb-wrap:not(.sb-gallery-row):not(.sb-feature-cards1-row) .image-row-four { display: flex !important; flex-wrap: wrap !important; justify-content: space-around !important; align-items: flex-start !important; } .sb-wrap:not(.sb-feature-cards1-row) .image-row-four .sb-col.sb-image-row { width: auto !important; margin: 0 5px !important; /* Reduced spacing */ flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; } .sb-wrap:not(.sb-feature-cards1-row) .image-row-four .image-wrap { width: 50px !important; /* Smaller images */ height: 100%!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!; } .sb-wrap.image-row-four-wrap .image-row-four .sb-module.sb-image, .sb-wrap.image-row-four-wrap .image-row-four .sb-module.sb-content { padding: 5px !important; /* Tighter padding */ } } .sb-wrap.image-row-four-wrap .image-row-four .sb-module.sb-content p { font-size: 12px !important; /* Smaller text */ margin: 0 !important; } } .sb-wrap.image-row-four-wrap .image-row-four .sb-module.sb-content p { margin: 0px !important; } .sb-module.sb-content.sb-img-round-row h2, .sb-module.sb-content.sb-img-round-row p { text-align: center !important; width: 100% !important; } /*==================================================================================*/ /* img row grayscale hover */ /*==================================================================================*/ #page-home.has-img-grayscale .sb-wrap[class*='image-row-']:not(.image-row-one-wrap):not(.sb-gallery-row):not(.col-row-two-wrap) img { filter: grayscale(100%); transition: filter 0.5s linear; } #page-home.has-img-grayscale .sb-wrap[class*='image-row-']:not(.image-row-one-wrap):not(.sb-gallery-row):not(.col-row-two-wrap) img:hover { filter: grayscale(0); } @media screen and (max-width:948px) { #page-home.has-img-grayscale .sb-wrap[class*='image-row-']:not(.image-row-two-wrap):not(.sb-gallery-row):not(.col-row-two-wrap) img { filter: grayscale(0); /* Ensures color for smaller screens */ } } #page-home.has-logos-grayscale .sb-wrap[class*='image-row-']:not(.sb-gallery-row) .image-row-four img, #page-home.has-logos-grayscale .sb-wrap[class*='image-row-']:not(.sb-gallery-row) .image-row-five img { filter: grayscale(100%); transition: filter 0.5s linear; } /*==================================================================================*/ /* CUSTOM HAMBURGER STYLING */ /*==================================================================================*/ .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { border-radius: 4px; } /*==================================================================================*/ /* has -- Header bg fill color */ /*==================================================================================*/ body.has-header--bgfill div.header__menu__fill { height: 100%; } body.logoshow.has-header--bgfill div.header__menu__fill { height: 100%; } /* Mobile Carousel fitted size */ @media screen and (max-width: 600px) { #page-home.has-carousel-mobile-fit .carousel .item .logo { padding: 0px; } #page-home.has-carousel-mobile-fit .carousel .item { background-size: 105% !important; height: 550px; position: relative; } #page-home.has-carousel-mobile-fit:not(.body) > .container > .carousel-wrapper .item-inner { min-height: 100% !important; width: 100%; } .has-carousel-mobile-fit .carousel .item-content { padding-top: 60px !important; display: flex; flex-direction: column; /* Stack children vertically */ height: 100%; /* Ensure the parent div takes full height */ justify-content: flex-start !important; /* Align items to the bottom */ min-height: 100% !important; } #page-home.has-carousel-mobile-fit .item-content-inner { background: #f9f9f9; padding: 0px 20px !important; width: 100%; margin: 0; } #page-home.has-carousel-mobile-fit .carousel-wrapper .item-content .item-content-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 60%; } #page-home.has-carousel-mobile-fit .carousel-wrapper .item-content .item-content-inner p { display: block; font-size: 12px!important; line-height: 18px; } #page-home.has-carousel-mobile-fit .carousel-wrapper .item-content .item-content-inner h3 { display: none; } #page-home.has-carousel-mobile-fit:not(.body) > .container > .carousel-wrapper .item-inner { min-height: 100% !important; } #page-home.has-carousel-mobile-fit .carousel-wrapper .item-content .item-content-inner { max-width: 100%!important; } #page-home.has-carousel-mobile-fit .carousel .item.sb--bgcover p a { transform: scale(0.8); } #page-home.has-carousel-mobile-fit .carousel .item.sb--bgcover p a { padding: 20px 20px !important; width: 100% !important; margin: auto; } #page-home.has-carousel-mobile-fit .carousel .item.sb--bgcover { background-position: 80% bottom !important; } #page-home.has-carousel-mobile-fit .carousel [data-aos="fade-up"] { transform: translate3d(0,0px,0)!important; } #page-home.has-carousel-mobile-fit .carousel [data-aos^=zoom].aos-animate { animation: none !important; transition: none !important; transform: none !important; background-position: 0px!important; } #page-home.has-carousel-mobile-fit .carousel .item { animation: none !important; transition: none !important; transform: none !important; background-position: 0px!important; } } @media screen and (max-width: 600px) { #page-home.has-carousel-mobile-fit.end .carousel-wrapper .item-content .item-content-inner { justify-content: flex-end; } } #page-home.has-carousel-mobile-fit .carousel-wrapper .item-content .item-content-inner h2 { padding-bottom: 10px } /* Larger Mobile and Small Tablets Styles */ @media screen and (min-width: 601px) and (max-width: 1024px) { #page-home.has-carousel-mobile-fit .carousel .item { background-size: 100% !important; height: 950px; position: relative; } #page-home.has-carousel-mobile-fit:not(.body) > .container > .carousel-wrapper .item-inner { min-height: 100% !important; width: 100%; max-width: 100%; } .has-carousel-mobile-fit .carousel .item-content { padding-top: 100px !important; display: flex; flex-direction: column; /* Stack children vertically */ height: 100%; /* Ensure the parent div takes full height */ justify-content: flex-start !important; /* Align items to the bottom */ min-height: 100% !important; } #page-home.has-carousel-mobile-fit .item-content-inner { background: #f9f9f9; padding: 0px 20px !important; width: 100%; margin: 0; } #page-home.has-carousel-mobile-fit .carousel-wrapper .item-content .item-content-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 40%; } #page-home.has-carousel-mobile-fit .carousel-wrapper .item-content .item-content-inner p { display: block; } #page-home.has-carousel-mobile-fit .carousel-wrapper .item-content .item-content-inner h3 { display: none; } #page-home.has-carousel-mobile-fit:not(.body) > .container > .carousel-wrapper .item-inner { min-height: 100% !important; } #page-home.has-carousel-mobile-fit .carousel-wrapper .item-content .item-content-inner { max-width: 100%!important; } #page-home.has-carousel-mobile-fit .carousel .item.sb--bgcover p a { transform: scale(0.8); } #page-home.has-carousel-mobile-fit .carousel .item.sb--bgcover p a { padding: 20px 20px !important; width: 100% !important; margin: auto; } #page-home.has-carousel-mobile-fit .carousel .item.sb--bgcover { background-position: 80% bottom !important; } #page-home.has-carousel-mobile-fit .carousel [data-aos="fade-up"] { transform: translate3d(0,0px,0)!important; } #page-home.has-carousel-mobile-fit .carousel [data-aos^=zoom].aos-animate { animation: none !important; transition: none !important; transform: none !important; background-position: 0px!important; } #page-home.has-carousel-mobile-fit .carousel .item { animation: none !important; transition: none !important; transform: none !important; background-position: 0px!important; } } @media screen and (max-width: 600px) { #page-home.has-carousel-mobile-fit.end .carousel-wrapper .item-content .item-content-inner { justify-content: flex-end; } } /* override bg overlay */ @media screen and (max-width:1024px) { #page-home.has-carousel-mobile-fit:not(.body) > .container > .carousel-wrapper .carousel-inner .item:before { background: rgb(0 0 0 / 0%)!important; } } /* Mobile Nav -- Show on desktop view */ @media (min-width:948px) { .has-mobile-nav-desktop .hamburger-inner, .has-mobile-nav-desktop .hamburger-inner:after, .has-mobile-nav-desktop .hamburger-inner:before, .has-mobile-nav-desktop .is-active .hamburger-inner, .has-mobile-nav-desktop .is-active .hamburger-inner:after, .has-mobile-nav-desktop .is-active .hamburger-inner:before, .has-mobile-nav-desktop .hamburger.logoshow.is-active .hamburger-inner, .has-mobile-nav-desktop .hamburger.logoshow.is-active .hamburger-inner:after, .has-mobile-nav-desktop .hamburger.logoshow.is-active .hamburger-inner:before { background-color: #ffffff;; } .has-mobile-nav-desktop .hamburger.logoshow.is-active .hamburger-inner:after, .has-mobile-nav-desktop .hamburger.logoshow.is-active .hamburger-inner:before { background-color: white; } .has-mobile-nav-desktop .hamburger.logoshow .hamburger-inner, .has-mobile-nav-desktop .hamburger.logoshow .hamburger-inner:after, .has-mobile-nav-desktop .hamburger.logoshow .hamburger-inner:before { background-color: #ffffff; } .has-mobile-nav-desktop .hamburger-inner:hover, .has-mobile-nav-desktop .hamburger-inner:after:hover, .has-mobile-nav-desktop .hamburger-inner:before:hover { background-color: #fff; } .has-mobile-nav-desktop .hamburger { display: block!important; } .has-mobile-nav-desktop .nav-wrapper { display: none!important; } .has-mobile-nav-desktop .mobile-nav-wrapper { display: block; } .has-mobile-nav-desktop .mobile-nav-wrapper { position: absolute; } .has-mobile-nav-desktop .hamburger { top: 0px!important; right: 0px!important; padding: 10px; border: 1px solid #ffffff; border-radius: 0px; display: inline-block!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!; position: relative; width: 50px; height: 50px; } .has-mobile-nav-desktop .hamburger-inner, .has-mobile-nav-desktop .hamburger-inner:after, .has-mobile-nav-desktop .hamburger-inner:before { width: 34px; height: 1px; } .has-mobile-nav-desktop .hamburger-inner { top: 50%!important; display: flex!important; margin-top: 0px!important; position: relative; } } /*FEATURE SERVICES Default Style -------------------------------------------------*/ /* exra icon */ .has-feature-services .sb-feature-services-row i:not([class*='icon-']) { display: block; margin-bottom: 20px; font-size: 40px; } /* layout */ .has-feature-services .sb-feature-services-row .sb-col .sb-module { padding: 0px 0px!important; } @media screen and (min-width:949px) { .has-feature-services .sb-feature-services-row .sb-col .sb-module { padding: 0px 0px!important; } } .has-feature-services .sb-feature-services-row .sb-col.sb-image-row { text-align: center!important; margin: 0px; } .has-feature-services .sb-feature-services-row .sb-col.sb-image-row { text-align: center!important; height: 430px; margin: 0px; } .has-feature-services .sb-feature-services-row .sb-col.sb-image-row .sb-module .box { margin: 0px 20px; padding: 10px 5px!important; } @media screen and (min-width:949px) { .has-feature-services .sb-feature-services-row .sb-col.sb-image-row .sb-module .box { margin-bottom: 0px; } } @media (min-width:949px) { .has-feature-services .sb-feature-services-row .sb-col-wrap { height: 100%; margin: 0px; overflow: hidden; border-radius: 0px; } } .has-feature-services .sb-feature-services-row .sb-col-wrap { margin-bottom: 0px; } .has-feature-services .sb-feature-services-row .sb-col:last-child .sb-col-wrap { margin-bottom: 0px; } .has-feature-services .sb-feature-services-row .sb-col-wrap:before { border-width: 2px; display: block; content: ""; overflow: hidden; height: 100%; position: absolute; left: 0px; top: 0; width: 100%; transform: scale(1.0); } .has-feature-services .sb-feature-services-row .sb-col-wrap:hover:before { border-width: 2px; display: block; content: ""; overflow: visible; height: 100%; position: absolute; left: 0px; top: 0; transform: scale(1); border-radius: 0px; } body#page-home.has-feature-services .sb-feature-services-row .sb-content a { display: block; clear: left; float: left; margin-bottom: 10px; } /* BG hover size */ .has-feature-services .sb-feature-services-row .sb-col { -webkit-background-size: 110%; background-size: 110%; background-position: center center; background-repeat: no-repeat; } .has-feature-services .sb-feature-services-row .sb-col:hover { -webkit-background-size: 120%; background-size: 120%; background-position: center center; background-repeat: no-repeat; } /* img border extra style */ .has-feature-services .sb-feature-services .sb-col.sb-image-row .box-inner:before { border-width: 1px; border-style: solid; width: 100px; position: absolute; height: 100px; left: 0px; top: 0px; right: 0px; margin: auto; bottom: 0px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* col margin hack */ .has-feature-services .sb-feature-services-row .sb-col{ box-sizing: border-box; background-clip: padding-box; } /* extra weird service stuff */ #page-home.has-feature-services .feature-services [class*='col-'] { display: inline-block; vertical-align: top; } @media screen and (min-width:949px) { #page-home.has-feature-services .feature-services [class*='col-'] { display: inline-block; } } .sb-icon-steps-row img { width: 100px; background: #927d81; border-radius: 1px; border: 1px solid #521919; filter: hue-rotate(90deg) saturate(150%); } .sb-icon-steps-row img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #927d81; /* Adjust this background color as needed */ z-index: -1; /* Place it behind the image */ border-radius: 6px; /* Match the border-radius of the image */ } .sb-icon-steps-row img { width: 100px; background: #927d81; border-radius: 1px; border: 1px solid #521919; filter: hue-rotate(90deg) saturate(150%); } .sb-icon-steps-row img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #927d81; /* Adjust this background color as needed */ z-index: -1; /* Place it behind the image */ border-radius: 6px; /* Match the border-radius of the image */ } .sb-icon-steps-row .sb-module h2 { display: inline-block; border: 1px solid rgba(255, 255, 255, 0); /* Transparent border */ background-color: rgba(255, 255, 255, 0.1); /* Slightly transparent background */ color: #333; width: 60px !important; height: 60px !important; border-radius: 50%; /* Perfect circle */ text-align: center !important; /* Centers the text horizontally */ line-height: 60px !important; /* Centers the text vertically */ font-size: 30px !important; margin: 0 auto; /* Center horizontally within parent */ } .sb-icon-steps-row { text-align: center; /* Centers the entire row */ } .sb-icon-steps-row h2 span { display: none; /* Hides the span element */ } /* BTN -- padding -- Lg */ .has-btn-lg .carousel .item-content p a:nth-child(1), .has-btn-lg .carousel .item-content p a:nth-child(2), .has-btn-lg .carousel .item-content p a:nth-child(3), .has-btn-lg .carousel .item-content p a:nth-child(4){ padding: 15px 25px 15px 25px!important; } @media (min-width:949px) { .has-btn-lg a.btn:not(.btn-reset), .has-btn-lg .btn:not(.btn-reset):not(.btn-cta):not(.edit), .has-btn-lg a.btn.btn-default, .has-btn-lg .btn.btn-default, .has-btn-lg .carousel .item-content p a:nth-child(1), .has-btn-lg .carousel .item-content p a:nth-child(2), .has-btn-lg .carousel .item-content p a:nth-child(3), .has-btn-lg .carousel .item-content p a:nth-child(4), .has-btn-lg body.page-feed-post .entry a, .has-btn-lg .google-map-directions, .has-btn-lg .module-form input[type=submit], .has-btn-lg a.btn-cta:not(.btn-reset) { padding: 25px 45px 25px 55px!important; font-size: 18px!important; text-transform: uppercase!important; } .has-btn-lg .gallery-header a.btn:not(.btn-reset) { padding: 12px 30px 12px 30px!important; } } @media (min-width:949px) { .has-btn-lg .gallery-item .btn:not(.btn-reset):not(.btn-cta):not(.edit) { padding: 10px 15px 10px 15px!important; font-size: 16px!important; text-transform: uppercase!important; } } .has-btn-lg a.btn-cta:not(.btn-reset) { font-weight: 600!important; font-size: 17px!important; margin: 0px 0px 0px 15px; position: relative; text-transform: capitalize; padding: 11px 18px!important; box-shadow: 0 0 10px rgb(0 0 0 / 0%); white-space: nowrap; } body.logoshow.has-btn-lg a.btn-cta:not(.btn-reset) { font-size: 14px!important; } /*mobile nav -- white */ /*=========================================*/ .has-mobile-nav-white .hamburger .menu-label { color: #801525; } .has-mobile-nav-white .mobile-nav { background: #ffffff; box-shadow: -17px 0px 20px 0px rgba(0, 0, 0, 0.1), -1px 0 10px rgba(0, 0, 0, 0.3); } .has-mobile-nav-white .mobile-nav a { color: #000000; } .has-mobile-nav-white .mobile-nav a:not(a.btn):hover { opacity: .6; } .has-mobile-nav-white .mobile-nav .selected a { color: #000000; } .has-mobile-nav-white .mobile-nav ul > li.selected > div a { color: rgb(0 0 0)!important; } .has-mobile-nav-white .mobile-nav-overlay::before { background: rgb(0 0 0 / 90%); } .has-mobile-nav-white .mobile-nav > ul > li { padding: 20px 0px!important; border-bottom: 1px solid #e8e8e1; } /*color change if nav slide*/ .has-mobile-nav-white .mobile-nav-overlay .hamburger-inner, .has-mobile-nav-white .mobile-nav-overlay .hamburger-inner:after, .has-mobile-nav-white .mobile-nav-overlay .hamburger-inner:before { background-color: #000; } @media screen and (max-width:440px) { .has-mobile-nav-white .mobile-nav-overlay .hamburger-inner, .has-mobile-nav-white .mobile-nav-overlay .hamburger-inner:after, .has-mobile-nav-white .mobile-nav-overlay .hamburger-inner:before { background-color: #000; } } .has-mobile-nav-white .mobile-nav span.Expander { background: rgb(0 0 0 / 5%); } .has-mobile-nav-white span.Expander:before, .has-mobile-nav-white span.Expander:after { background: #232323; } .has-mobile-nav-white span.Expander:before, .has-mobile-nav-white span.Expander:after { width: 14px; height: 2px; } .has-mobile-nav-white .hamburger.logoshow.is-active .hamburger-inner:after, .has-mobile-nav-white .hamburger.logoshow.is-active .hamburger-inner:before { background-color: #000; } /*==================================================================================*/ /* MOBILE NAV - visible in desktop view */ /*==================================================================================*/ /* .nav-wrapper { display: block; } .nav-wrapper .nav { display: none!important; } .mobile-nav-wrapper { display: block!important; z-index: 4; position: relative; } .hamburger { display: block!important; } */ /* Interior text position -----------------------------------------------------------------*/ body:not(#page-home) .carousel-wrapper:not(.bg--none) .carousel-inner .item-content { height: 100%; top: 150px; } @media (min-width:949px) { body:not(#page-home):not(.body) > .container > .carousel-wrapper .item-content { top: 260px; height: 100%; } } body:not(#page-home) .carousel-wrapper:not(.bg--none) .carousel-inner .item h2 { margin: auto; text-align: center; font-size: 26px!important; line-height: 32px!important; } @media (min-width:949px) { body:not(#page-home) .carousel-wrapper:not(.bg--none) .carousel-inner .item h2 { font-size: 46px!important; } } /*custom carousel sb--bgcover heights -------------------------------------------------*/ /* .carousel .item{ height: 615px; } .carousel .item .item-inner { transform: scale(.95); } @media (min-width: 768px) and (max-width: 1280px) { .item.sb--bgcover { height: 750px; } } @media (min-width: 1281px) { .item.sb--bgcover { height: 860px; height: 100vh; min-height: 850px; } } */ /*==================================================================================*/ /* SET CAROUSEL INTERIOR */ /*==================================================================================*/ /* Interior Carousel BG Heights -----------------------------------------------------------------*/ body:not(#page-home):not(.page-home) .container > .carousel-wrapper { background-repeat: no-repeat; height: 225px; background-position: -90px 0px; background-size: cover!important; } /* extra tall headers */ body:not(#page-home):not(.page-home) .container > .carousel-wrapper { height: 220px; background-position: bottom right; background-size: 100%!important; } /**/ @media (min-width: 768px) and (max-width: 1280px) { body:not(#page-home):not(.page-home) .container > .carousel-wrapper { height: 310px; background-position: 0px 0px; background-size: cover!important; } } @media (min-width: 1281px) and (max-width: 3840px) { body:not(#page-home):not(.page-home) .container > .carousel-wrapper { height: 350px; background-position: top center; background-size: cover!important; } } /*custom offsetbox -------------------------------------------------*/ @media (min-width:949px) { .sb-offsetbox-row .sb-col:not(.sb-image-row) .sb-module:not(.sb-contactform) .content:not(.empty), .sb-offsetbox-row .sb-col:not(.sb-image-row) .sb-module:not(.sb-contactform) .embed, .sb-offsetbox-row .sb-col:not(.sb-image-row) .sb-module.sb-contactform .box-inner { background: rgb(255 255 255 / 0%)!important; padding: 60px 50px; border: 1px solid rgb(234 234 234 / 0%)!important; } } .sb-offsetbox-row .sb-wrap-inner .sb-col ul { text-align: center!importan; margin: auto; } .sb-offsetbox-row .sb-wrap-inner .sb-col ul a { color: #3e3e3e; transform: translateY(0px); } .sb-offsetbox-row .sb-wrap-inner .sb-col ul a:hover { color: #3e3e3e; transform: translateY(-6px); } .sb-offsetbox-row .sb-wrap-inner .sb-col ul a:hover:after{ transform: translateY(6px); } @media (min-width:949px) { .sb-offsetbox-row .sb-wrap-inner .sb-col ul a:after { display: block; border-bottom: 1px solid #eaeaea; content: ""; padding: 6px 0px; } } .sb-offsetbox-row .sb-wrap-inner .sb-col ul > li > a:last-child::after { display: none; } .sb-offsetbox-row .sb-wrap-inner .sb-col ul li a { text-align: left!important; } @media (min-width:949px) { .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) ul { padding: 30px 30px 30px 30px; background: #fff; box-shadow: 0px 1px 50px 19px rgb(0 0 0 / 6%); max-width: 395px; text-align: center!important; margin-top: 125px; } } @media (min-width:949px) { .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(1) ul { padding: 30px 50px 30px 50px; background: #fff; box-shadow: 0px 1px 50px 19px rgb(0 0 0 / 6%); max-width: 400px; text-align: left!important; direction: rtl!important; margin-left: 150px!important; margin-top: 145px; } } @media (min-width:949px) { .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) h2, .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) p { padding-left: 160px; } } /*custom offsetbox -- var 1 -- small box -------------------------------------------------*/ #page-home.has-offsetbox-var1 .sb-offsetbox-row .sb-wrap-inner .sb-col ul { text-align: center!importan; margin: auto; } #page-home.has-offsetbox-var1 .sb-offsetbox-row .sb-wrap-inner .sb-col ul a { color: #3e3e3e; transform: translateY(0px); } #page-home.has-offsetbox-var1 .sb-offsetbox-row .sb-wrap-inner .sb-col ul a:hover { color: #3e3e3e; transform: translateY(-6px); } #page-home.has-offsetbox-var1 .sb-offsetbox-row .sb-wrap-inner .sb-col ul a:hover:after{ transform: translateY(6px); } @media (min-width:949px) { #page-home.has-offsetbox-var1 .sb-offsetbox-row .sb-wrap-inner .sb-col ul a:after { display: block; border-bottom: 1px solid #eaeaea; content: ""; padding: 6px 0px; } } #page-home.has-offsetbox-var1 .sb-offsetbox-row .sb-wrap-inner .sb-col ul > li > a:last-child::after { display: none; } #page-home.has-offsetbox-var1 .sb-offsetbox-row .sb-wrap-inner .sb-col ul li a { text-align: center!important; } @media (min-width:949px) { #page-home.has-offsetbox-var1 .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) ul { padding: 30px 30px 30px 30px; background: #fff; box-shadow: 0px 1px 50px 19px rgb(0 0 0 / 6%); max-width: 395px; text-align: center!important; margin-top: 125px; } } @media (min-width:949px) { #page-home.has-offsetbox-var1 .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(1) ul { padding: 30px 50px 30px 50px; background: #fff; box-shadow: 0px 1px 50px 19px rgb(0 0 0 / 6%); max-width: 395px; text-align: center!important; direction: rtl!important; margin-left: 250px!important; margin-top: 175px; } } @media (min-width:949px) { #page-home.has-offsetbox-var1 .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) h2, #page-home.has-offsetbox-var1 .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) p { padding-left: 160px; } } /* Carousel -- CENTER ALIGN */ @media (min-width: 768px) and (max-width: 3840px) { .has-carousel-center .carousel-wrapper .item-content .item-content-inner { text-align: center; } } @media (min-width:949px) { #page-home.has-carousel-center .carousel-wrapper .item-content .item-content-inner { top: 40px!important; padding-left: 0px!important; padding-right: 0px!important; padding-bottom: 40px!important; padding-top: 100px!important; position: relative; margin: auto; } } @media (min-width: 949px) { #page-home.has-carousel-center .carousel .logo { max-width: 650px !important; } } /* Carousel -- Lg heading */ /*Carousel H2, H3, P Section */ .has-carousel-lg .carousel .item-content h2 { letter-spacing: 0px; font-weight: 300; text-shadow: rgb(0 0 0 / 0%) 1px 1px 10px; font-size: 30px !important; line-height: 40px !important; padding-bottom: 0px; } @media (min-width: 768px) and (max-width: 1280px) { .has-carousel-lg .carousel .item-content h2 { font-size: 60px !important; font-weight: 500; line-height: 75px !important; padding-bottom: 20px; } } @media (min-width: 1281px) and (max-width: 3840px) { .has-carousel-lg .carousel .item-content h2 { font-size: 75px !important; font-weight: 400; line-height: 90px !important; padding-bottom: 5px; } } /* MOBILE NAV -- CENTER ALIGN */ .has-mobile-center .mobile-nav.open > ul { text-align: center; } .has-mobile-center .mobile-nav ul ul { padding-left: 0px; } .has-mobile-center .mobile-nav ul ul a { text-align: center; padding-left: 0px; } .has-mobile-center .mobile-nav ul a, .has-mobile-center .mobile-nav ul ul a { text-align: center; } .has-mobile-center .mobile-nav ul a, .has-mobile-center .mobile-nav ul ul a { padding: 0px 15px; } .has-mobile-center .mobile-nav .tab-sm { padding-left: 0px; } /* MOBILE NAV animation - scale in */ .has-mobile-scalein .mobile-nav { opacity: 0!important; box-shadow: -17px 0px 20px 0px rgba(0, 0, 0, 0.0), -1px 0 10px rgba(0, 0, 0, 0.0); } .has-mobile-scalein .mobile-nav.closed { opacity: 0!important; right: 0%!important; transform: scale(.5); z-index: -1; visibility: hidden; } .has-mobile-scalein .mobile-nav.closed a { visibility: hidden; } .has-mobile-scalein .mobile-nav.open { opacity: 1!important; right: 0!important; transform: scale(1.0); } .has-mobile-scalein .mobile-nav.open, .has-mobile-scalein .mobile-nav.closed { -webkit-transition: all .8s cubic-bezier(.19,1,.22,1) 0ms!important; -moz-transition: all .8s cubic-bezier(.19,1,.22,1) 0ms!important; transition: all .8s cubic-bezier(.19,1,.22,1) 0ms!important; } /* carousel -- mobile sized */ @media (max-width:768px) { #page-home.has-carousel-mobile .carousel-inner { background: #000; } #page-home.has-carousel-mobile .carousel .item { background-size: 110%!important; position: relative; margin-top: 0px; top: 0px; background-position: center bottom!important; height: 600px!important; } #page-home.has-carousel-mobile:not(.body) > .container > .carousel-wrapper .item-inner { min-height: 100%!important; width: 100%; height: 600px; position: relative; top: 0px; } #page-home.has-carousel-mobile:not(.body) > .container > .carousel-wrapper p { display: inline-block; } #page-home.has-carousel-mobile .carousel .item-content { display: inline-block; min-height: 350px!important; position: relative; height: 350px!important; top: inherit; } #page-home.has-carousel-mobile .carousel-wrapper .item-content .item-content-inner { padding: 0px 50px!important; /* bottom: 0px!important; */ position: absolute!important; width: 100%; margin: 0px!important; max-width: 100%; height: 200px!important; top: 30px!important; /* background: red; */ padding-top: 150px!important; } #page-home.has-carousel-mobile .carousel-wrapper .carousel-inner { padding: 30px 0px!important; bottom: 0px!important; position: inherit!important; top: 0px!important; width: 100%; margin: 0px; height: 600px!important; } #page-home.has-carousel-mobile .carousel-wrapper { height: 600px!important; background: #959595!important; } #page-home.has-carousel-mobile .carousel-wrapper p a { padding: 6px 15px!important; } } /* show header -- logo icon */ /* for legacy sites and new gen */ .logo-icon { background: transparent; float: left; margin-right: 10px; background: transparent; height: 45px; width: 45px; } .logo-icon img { background: transparent; width: 45px; height: 45px; display: inline-block!important; -webkit-filter: blur(20px); -moz-filter: blur(20px); -o-filter: blur(20px); -ms-filter: blur(20px); filter: blur(20Px) ; position: absolute; opacity: 0; } .header.logoshow .logo-icon img { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px) ; opacity: 1; position: STATIC; } /* */ .has-logo-icon a.logo-icon { display: block!important; } .has-logo-icon .logo-icon { width: inherit; height: inherit; background: transparent; float: none; margin-right: 10px; background: transparent; } .has-logo-icon .logo-icon img { width: inherit; height: inherit; max-height: 35px!important; float: none; display: inline-block!important; visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.5s linear; position: relative; top: 0px; filter: blur(0px); } .has-logo-icon .header.logoshow .logo-icon img { display: inline-block; visibility: visible; opacity: 1; position: relative; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 0%); } .has-logo-icon .logo-icon img { display: block; } @media (min-width:949px) { .has-logo-icon .logo-icon img { display: block!important; } .has-logo-icon .header.logoshow .logo-icon img { display: inline-block; visibility: visible; opacity: 1; position: relative; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 0%); } } .has-logo-icon .header.logoshow .logo-icon img { position: relative; display: inline-block!important; } @media screen and (max-width:1279px) { .has-logo-icon .fcol-1 .box-nested > * { display: none!important; /* Hide all direct children */ } .has-logo-icon .fcol-1 .box-nested > a.logo-icon { display: block!important; /* Show only the logo */ } } /* */ .has-logo-icon-scroll a.logo-icon { display: block!important; } .has-logo-icon-scroll .logo-icon { width: inherit; height: inherit; background: transparent; float: none; margin-right: 10px; background: transparent; } .has-logo-icon-scroll .logo-icon img { width: inherit; height: inherit; max-height: 35px!important; float: none; display: inline-block!important; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; position: relative; top: 0px; filter: blur(0px); } .has-logo-icon-scroll .header.logoshow .logo-icon img { display: inline-block; visibility: visible; opacity: 1; position: relative; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 0%); } .has-logo-icon-scroll .logo-icon img { display: block; } @media (min-width:949px) { .has-logo-icon-scroll .logo-icon img { display: none!important; } .has-logo-icon-scroll .header.logoshow .logo-icon img { display: inline-block; visibility: visible; opacity: 1; position: relative; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 0%); } } .has-logo-icon-scroll .header.logoshow .logo-icon img { position: relative; display: inline-block!important; } /* */ .has-logo-icon-swap a.logo-icon { display: block!important; } .has-logo-icon-swap .logo-icon { width: inherit; height: inherit; background: transparent; float: none; margin-right: 10px; background: transparent; } .has-logo-icon-swap .logo-icon img { width: inherit; height: inherit; max-height: 35px!important; float: none; display: none!important; visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.5s linear; position: relative; top: 0px; filter: blur(0px); } .has-logo-icon-swap .header.logoshow .logo-icon img { display: inline-block!important; visibility: visible; opacity: 1; position: relative; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 0%); } .has-logo-icon-swap .logo-icon img { display: block; } @media (min-width:949px) { .has-logo-icon-swap .logo-icon img { display: none!important; } .has-logo-icon-swap .header.logoshow .logo-icon img { display: inline-block; visibility: visible; opacity: 1; position: relative; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 0%); } } .has-logo-icon-swap .header.logoshow .logo-icon img { position: relative; display: inline-block!important; max-height: 60px!important; } .has-logo-icon-swap .header img#logoimg:not(.footer img) { display: inline-block; opacity: 1; /* Fully visible */ visibility: visible; transition: opacity 0.5s ease!important; /* Smooth transition for opacity */ } @media (min-width:1280px) { .has-logo-icon-swap .header.logoshow img#logoimg:not(.footer img) { /* Note: display: none will still cause the element to disappear abruptly after the transition */ opacity: 0; /* Fully transparent */ visibility: hidden; transition: opacity 0.5s ease!important; /* Smooth transition for opacity */ display: none; } } /* btn -- border style */ .has-btn-round .btn-cta, .has-btn-round a.btn, .has-btn-round .btn, .has-btn-round a.btn.btn-default, .has-btn-round .btn.btn-default, .has-btn-round .carousel p a, .has-btn-round.page-feed-post .entry a, .has-btn-round .google-map-directions, .has-btn-round .gallery-header, .has-btn-round .sb-feature-cards1-row a, .has-btn-round .module-form input[type=submit], .has-btn-round .footer .footer-box a, .has-btn-round.has-nav-lastlink .nav .primary-link:last-child > a, .has-btn-round .sb-feature-services-row .sb-content a { border-radius: 50px!important; text-align: center; } .has-btn-square .btn-cta, .has-btn-square a.btn, .has-btn-square .btn, .has-btn-square a.btn.btn-default, .has-btn-square .btn.btn-default, .has-btn-square .carousel p a, .has-btn-square.page-feed-post .entry a, .has-btn-square .google-map-directions, .has-btn-square .gallery-header, .has-btn-square .module-form input[type=submit], .has-btn-square .footer .footer-box a, .has-btn-square.has-nav-lastlink .nav .primary-link:last-child > a, .has-btn-square .sb-feature-services-row .sb-content a { border-radius: 0px!important; } .has-btn-default .btn-cta, .has-btn-default a.btn, .has-btn-default .btn, .has-btn-default a.btn.btn-default, .has-btn-default .btn.btn-default, .has-btn-default .carousel p a, .has-btn-default.page-feed-post .entry a, .has-btn-default .google-map-directions, .has-btn-default .gallery-header, .has-btn-default .module-form input[type=submit], .has-btn-default .footer .footer-box a, .has-btn-default.has-nav-lastlink .nav .primary-link:last-child > a, .has-btn-default .sb-feature-services-row .sb-content a { border-radius: 6px!important; } /* nav -- last link color */ .has-nav-lastlink .nav .primary-link:last-child > a { font-weight: 600!important; font-size: 15px; margin: 0px 0px 0px 15px; position: relative; text-transform: capitalize; padding: 10px 25px; box-shadow: 0 0 10px rgb(0 0 0 / 0%); white-space: nowrap; } @media (min-width:949px) { .has-nav-lastlink .header.logoshow .nav .primary-link:last-child > a { font-weight: 600!important; font-size: 14px; margin: 0px 0px 0px 10px; position: relative; text-transform: capitalize; padding: 7px 16px; box-shadow: 0 0 10px rgb(0 0 0 / 0%); white-space: nowrap; } } .has-nav-lastlink .nav .primary-link:last-child > a { display: inline-block; margin-top: 40px; } @media (min-width:949px) { .has-nav-lastlink .nav .primary-link:last-child > a { display: inherit; margin-top: 0px; } } .has-nav-lastlink .nav .primary-link:last-child > a:hover, .has-nav-lastlink .nav .primary-link:last-child > a:active, .has-nav-lastlink .nav .primary-link:last-child > a:focus, .has-nav-lastlink .nav .primary-link:last-child > a:active:focus, .has-nav-lastlink .nav .primary-link:last-child > a:active:hover { color: #fff!important; background: #000000!important; border-color: #000000!important; /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);*/ } .has-nav-lastlink .nav .primary-link:last-child > a { white-space: nowrap; } .has-nav-modern .header.logoshow .nav .primary-link.selected > a, .has-nav-modern .header.logoshow .nav .primary-link > a { font-weight: 600!important; text-transform: uppercase; letter-spacing: 1px!important; padding: 5px 15px; } .has-nav-modern .header .nav .primary-link.selected > a, .has-nav-modern .header .nav .primary-link > a { font-weight: 600!important; text-transform: uppercase; letter-spacing: 1px!important; padding: 5px 20px; font-size: 17px; } .has-nav-modern-lg .header.logoshow .nav .primary-link.selected > a, .has-nav-modern-lg .header.logoshow .nav .primary-link > a { font-weight: 500!important; text-transform: uppercase; letter-spacing: 1px!important; padding: 5px 20px; font-size: 22px; } .has-nav-modern-lg .header .nav .primary-link.selected > a, .has-nav-modern-lg .header .nav .primary-link > a { font-weight: 500!important; text-transform: uppercase; letter-spacing: 1px!important; padding: 5px 20px; font-size: 22px; } .has-nav-modern-sm .header.logoshow .nav .primary-link.selected > a, .has-nav-modern-sm .header.logoshow .nav .primary-link > a { font-weight: 800!important; text-transform: uppercase; letter-spacing: 0px!important; padding: 5px 20px; font-size: 14px!important; } .has-nav-modern-sm .header .nav .primary-link.selected > a, .has-nav-modern-sm .header .nav .primary-link > a { font-weight: 800!important; text-transform: uppercase; letter-spacing: 0px!important; padding: 5px 15px; font-size: 14px!important; } .has-nav-modern-thin .header.logoshow .nav .primary-link.selected > a, .has-nav-modern-thin .header.logoshow .nav .primary-link > a { font-weight: 300!important; text-transform: uppercase; letter-spacing: 0px!important; padding: 5px 14px; font-size: 14px!important; } .has-nav-modern-thin .header .nav .primary-link.selected > a, .has-nav-modern-thin .header .nav .primary-link > a { font-weight: 300!important; text-transform: uppercase; letter-spacing: 0px!important; padding: 5px 14px; font-size: 14px!important; } .has-nav-modern-lg.has-toolbarshow-sm a.btn-cta.btn-reset:not(.tool-links a) { font-weight: 800!important; text-transform: uppercase!important; letter-spacing: 1px!important; padding: 5px 20px!important; font-size: 22px!important; } /* custom - footer */ /*==================================================================================*/ /* FOOTER ALTERNATE LAYOUT 1 8/1/2023 */ /*==================================================================================*/ /* custom - footer */ .has-footer-alternate1 .footer p, .has-footer-alternate1 .footer h1, .has-footer-alternate1 .footer h2, .has-footer-alternate1 .footer h3, .has-footer-alternate1 .footer h4, .has-footer-alternate1 .footer h5, .has-footer-alternate1 .footer h6, .has-footer-alternate1 .footer ul, .has-footer-alternate1 .footer ol, .has-footer-alternate1 .footer li, .has-footer-alternate1 .footer li a, .has-footer-alternate1 .footer div { margin: 0; padding: 0; } .has-footer-alternate1 .footer .nav .primary-link:last-child > a { margin: auto!important; padding: 0px!important; text-align: center!important; padding: 5px 15px!important; margin-top: 20px!important; } .has-footer-alternate1 .footer .nav .primary-link:last-child > a:hover{ text-decoration: none; } .has-footer-alternate1 .footer li a { text-transform: capitalize!important; padding: 0px!important; } .has-footer-alternate1 .footer ul, .has-footer-alternate1 .footer ol { list-style: none; } @media screen and (min-width: 949px) { .has-footer-alternate1 .footer .wrapper { max-width: 1325px!important; padding: 0px!important; margin: auto; } } .has-footer-alternate1 .footer { padding: 110px 0px!important; } .footer { display: flex; flex-wrap: wrap; justify-content: space-between; } .footer-box { flex: 1 1 100%; margin-bottom: 10px; float: left!important; } .has-footer-alternate1 .footer .footer-logo-container { display: flex; align-items: flex-start; } .has-footer-alternate1 .footer .footer-logo-container img { max-width: 200px; margin-right: 20px; } .has-footer-alternate1 .footer .footer-logoname { align-self: flex-end; font-weight: bold; } .has-footer-alternate1 .footer .footer-nav { display: flex; flex-wrap: wrap; justify-content: space-between; } .has-footer-alternate1 .footer .footer-nav .nav-inner { flex-basis: 50%; margin-bottom: 10px; } .has-footer-alternate1 .footer .footer-nav ul { list-style: none; padding: 0; } .has-footer-alternate1 .footer .footer-nav li { margin-bottom: 5px; } .has-footer-alternate1 .footer .locations_footer { margin-top: 0px!important; margin-bottom: 60px!important; max-width: 300px!important; margin: 0px; } .has-footer-alternate1 .footer .footer-headline { padding: 0px 0px 0px; text-align: left; } @media screen and (min-width: 949px) { .has-footer-alternate1 .footer .footer-headline h1 { padding: 20px 0px 100px; } } .has-footer-alternate1 .footer .nav-inner { display: flex; } .has-footer-alternate1 .footer .nav-inner ul { list-style: none; padding: 0; margin: 0; flex: 1; margin-right: 20px; } .has-footer-alternate1 .footer .nav-inner li { margin-bottom: 10px; display: block; } /* Styling for the h2 titles */ .has-footer-alternate1 .footer .nav-inner h2 { margin-top: 20px; font-size: 20px; } .has-footer-alternate1 .footer .footer-box .col-md-4:nth-child(2) { padding-right: 30px; } .has-footer-alternate1 .footer .footer-box .col-md-4:nth-child(3) { display: flex; } .has-footer-alternate1 .footer .footer-box .col-md-4:nth-child(3) { margin-top: 40px; } @media screen and (min-width: 949px) { .has-footer-alternate1 .footer .footer-box .col-md-4:nth-child(3) { margin-top: 0px; } } .has-footer-alternate1 .footer .footer-box .col-md-4:nth-child(3) ul { list-style: none; padding: 0; margin: 0; padding-right: 20px!important; } @media screen and (min-width: 949px) { .has-footer-alternate1 .footer .footer-box .col-md-4:nth-child(3) ul { list-style: none; padding: 0; margin: 0; padding-right: 60px!important; } } .has-footer-alternate1 .footer .footer-box .col-md-4:nth-child(3) li { margin-bottom: 10px; display: block; line-height: 30px; } /* Styling for the h2 titles */ .has-footer-alternate1 .footer .footer-box .col-md-4:nth-child(3) h2 { margin-top: 20px; font-size: 15px!important; margin-bottom: 10px; } @media screen and (min-width: 949px) { .has-footer-alternate1 .footer .footer-box .col-md-4:nth-child(3) h2 { margin-top: 10px; font-size: 20px!important; font-weight: 600; margin-bottom: 20px; } } @media screen and (min-width: 949px) { /* Apply a font size to all links in the third .col-md-4 container, except the last one */ .has-footer-alternate1 .footer .footer-box .col-md-4:nth-child(3) li:not(:last-child) a { font-size: 18px !important; } } .has-footer-alternate1 .footer .nav .primary-link:last-child > a { display: inline-block; font-size: 15px!important; font-weight: 600!important; margin-top: 10px!important; } @media screen and (min-width: 949px) { .has-footer-alternate1 .footer .footer-box .col-md-4:last-child > a { font-size: 14px!important; } } /* Align all text to the left */ .has-footer-alternate1 .footer .footer .wrapper { text-align: left!important; } /* Align the navigation lists to the left */ .has-footer-alternate1 .footer .footer .col-md-4 nav ul { text-align: left!important; } /* Align social media icons to the left */ .has-footer-alternate1 .footer .footer .embed.social-module.sm-bg-colors-OFF { text-align: left!important; } .has-footer-alternate1 .footer * { text-align: left!important; } .has-footer-alternate1 .footer .social-module a { text-align: center!important; } .has-footer-alternate1 .footer .social-module a { margin-bottom: 10px; } .has-footer-alternate1 .footer .footer-box span { padding-bottom: 0px!important; } .has-footer-alternate1 .footer .footer-box .location_name { font-size: 20px!important; line-height: 25px; } .has-footer-alternate1 .footer .footerlogoname, .has-footer-alternate1 .footer img#logoimg { text-align: left!important; padding-top: 35px!important; margin: 0px!important; position: relative; } .has-footer-alternate1 .footer #logoimg { width: 1250px!important; } .has-footer-alternate1 .footer h1 { font-size: 2.5em!important; line-height: 1.4em!important; font-weight: 600; background: linear-gradient(234.33deg, #dfdfdf -3.63%, #ffffff 89.96%); } @media (min-width: 768px) { .has-footer-alternate1 .footer h1 { font-size: 3.5em!important; line-height: 1.4em!important; font-weight: 300; } } .has-footer-alternate1 .footer h1 { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-box-decoration-break: clone; } .has-footer-alternate1 .footer h1 { margin: 20px 0px; } .has-footer-alternate1 .footer .locations_list { font-family: 'Montserrat', sans-serif; } .has-footer-alternate1 .footer .footer-user-content { width: 100%!important; float: left; max-width: 100%!important; text-align: left!important; padding-top: 50px; } .has-footer-alternate1 .footer .footer-user-content p:first-child { border-top: 1px solid rgb(57 57 57 / 5%); margin-top: 40px; padding-top: 80px; } .has-footer-alternate1 .footer .footer-user-content a, .has-footer-alternate1 .footer .footer-user-content p { font-size: 17px!important; text-align: center!important; line-height: 30px; } .has-footer-alternate1 .locations_list .social-module { padding-top: 20px; margin-bottom: 20px; } .has-footer-alternate1 .locations_list a { display: inline-block!important; } /* narrow site column */ .has-narrowsite .columns { max-width: 1425px; margin: auto; } /* toolbar -- animation show/hide */ @media (max-width:948px) { .has-toolbarshow .toolbar-links .fcol-2 a:not(.logo-icon), .has-toolbarshow .toolbar-links .fcol-3 a.btn-ph { border: 0px solid!important; padding: 5px!important; width: 100%!important; height: 30px; margin: 0px; line-height: 19px!important; text-align: center; border-radius: 50px!important; display: inline-block; } } .has-toolbarshow .toolbar-links [class*='fcol-'] .tool-links { /* width: 100%; */ margin: auto; display: block; font-size: 11px; line-height: 19px!important; font-weight: 500; } @media (min-width:949px) { .has-toolbarshow .toolbar-links [class*='fcol-'] .tool-links { /* width: 100%; */ margin: auto; display: block; font-size: 16px; line-height: 25px!important; font-weight: 600; } } @media screen and (max-width: 948px) { [class*='has-toolbarshow'] .hamburger { top: 0px!important; } } .has-toolbarshow .toolbar-links [class*='fcol-'] .tool-links a { margin: 0px 0px 0px 0px; font-size: 11px; line-height: 19px!important; font-weight: 500; display: inline; } @media (min-width: 949px) { .has-toolbarshow .toolbar-links [class*='fcol-'] .tool-links a { margin: 0px 0px 0px 6px; font-size: 16px; line-height: 19px!important; font-weight: 700; } } .has-toolbarshow-sm .toolbar-links [class*='fcol-'] .tool-links { display: inline-block; font-size: 12px; line-height: 19px!important; font-weight: 500; } @media (min-width:949px) { .has-toolbarshow-sm .toolbar-links [class*='fcol-'] .tool-links { display: block; font-size: 13px; line-height: 25px!important; font-weight: 400; } } .has-toolbarshow-sm .toolbar-links [class*='fcol-'] .tool-links a { margin: 0px 0px 0px 0px; font-size: 12px; line-height: 19px!important; font-weight: 500; display: inline; } @media (min-width: 949px) { .has-toolbarshow-sm .toolbar-links [class*='fcol-'] .tool-links a { margin: 0px 0px 0px 6px; font-size: 12px; line-height: 14px!important; font-weight: 500; } } @media (min-width:949px) { .has-toolbarshow-sm .toolbar-links { padding: 8px!important; } } .has-toolbarshow-sm .btn-cta.btn-reset { font-size: 12px!important; } @media screen and (min-width:949px) { .has-toolbarshow-sm .btn-cta.btn-reset { font-size: 14px!important; } } /*toolbar width */ [class*='has-toolbarshow'] .toolbar-links { width: 100%; } @media screen and (min-width: 1281px) and (max-width: 1440px) { [class*='has-toolbarshow'] .toolbar-links { width: 100%; } } @media (min-width: 1441px) and (max-width: 3840px) { [class*='has-toolbarshow'] .toolbar .toolbar-links:nth-child(1) { width: 100%; } } @media (min-width: 1441px) and (max-width: 3840px) { [class*='has-toolbarshow'] .toolbar-links { width: 97%; } } [class*='has-toolbarshow'] .header-inner { padding: 0px 0px 0px 0px!important; } [class*='has-toolbarshow'].logoshow .header-inner { padding: 0px 0px 0px 0px!important; } @media (min-width:949px) { [class*='has-toolbarshow'] .header-inner { padding: 0px 0px 0px 0px!important; } } @media (min-width:949px) { [class*='has-toolbarshow'].logoshow .header-inner { padding: 0px 0px 0px 0px!important; } } /* toolbar first row -- customize row color */ [class*='has-toolbarshow'] .toolbar .toolbar-links:nth-child(1) { background: linear-gradient(338deg, #070706 0%, #000000 20%, #131313 100%); border-bottom: 0px solid #fff; padding-top:10px; padding-bottom: 10px; z-index: 1; padding-left: 30px; padding-right: 30px; } @media (min-width:949px) { [class*='has-toolbarshow'] .toolbar .toolbar-links:nth-child(1) { padding-top: 15px; padding-bottom: 15px; } } /* toolbar -- customize cols padding */ [class*='has-toolbarshow'] .toolbar .toolbar-links:nth-child(2) { padding: 20px 30px; } [class*='has-toolbarshow'] .header.logoshow .toolbar .toolbar-links:nth-child(2) { padding: 0px 30px; } @media (min-width:949px) { [class*='has-toolbarshow'] .header.logoshow .toolbar .toolbar-links:nth-child(2) { padding: 0px 30px; } } /* toolbar -- customize cols to show */ [class*='has-toolbarshow'].toolbar .toolbar-links:nth-child(2) [class*='fcol-'] .tool-links { display: none; } [class*='has-toolbarshow'] .toolbar .toolbar-links:nth-child(1) .fcol-1 { display: block; } [class*='has-toolbarshow'] .toolbar .toolbar-links:nth-child(1) .fcol-3 { display: block; } @media (min-width:949px) { [class*='has-toolbarshow'] .toolbar .toolbar-links:nth-child(1) .fcol-2 { -webkit-justify-content: center; justify-content: center; } } [class*='has-toolbarshow'] .toolbar-links:nth-child(1) { /* Styles for first instance of toolbar-links */ transition: all 0.3s ease-out; transform: translateY(0%); opacity: 1; } [class*='has-toolbarshow:not(.has-logo-icon)'] .logoshow .toolbar-links:nth-child(1) { /* Styles for first instance of toolbar-links when hidden class is applied */ transform: translateY(-125%); opacity: 1; display: none; } @media (min-width:949px) { [class*='has-toolbarshow'] .logoshow .toolbar-links:nth-child(1) { /* Styles for first instance of toolbar-links when hidden class is applied */ transform: translateY(-125%); opacity: 1; display: block; } } [class*='has-toolbarshow'].logoshow .toolbar-links:nth-child(2) { /* Styles for second instance of toolbar-links */ transition: all 0.3s ease-out; transform: translateY(-70%); } [class*='has-toolbarshow'] .toolbar-links:nth-child(2) { /* Styles for second instance of toolbar-links when active class is applied */ transform: translateY(0%); } [class*='has-toolbarshow'].logoshow .header__menu__fill { /* Styles for second instance of toolbar-links */ transition: all 0.3s ease-out; transform: translateY(0%); } @media (min-width:949px) { [class*='has-toolbarshow'].logoshow .header__menu__fill { /* Styles for second instance of toolbar-links */ transform: translateY(-30%); } } [class*='has-toolbarshow'] .header__menu__fill { /* Styles for second instance of toolbar-links when active class is applied */ transform: translateY(0%); } @media screen and (max-width: 948px) { [class*='has-toolbarshow'] .hamburger { top: 50px; } } [class*='has-toolbarshow'] .toolbar .toolbar-links:nth-child(2) { padding: 30px 20px!important; } [class*='has-toolbarshow'].logoshow .toolbar .toolbar-links:nth-child(2) { padding: 10px 20px!important; } /*==================================================================================*/ /* has toolbarshow */ /*==================================================================================*/ [class*='has-toolbarshow'] .toolbar .toolbar-links:nth-child(1) a:not(.btn) { display: inline-block!important; padding: 0px!important; } [class*='has-toolbarshow'].logoshow .toolbar-links:nth-child(2) { transform: translateY(0%); } @media (min-width:949px) { [class*='has-toolbarshow'].logoshow .toolbar-links:nth-child(2) { transform: translateY(-60%); } } @media (min-width:949px) { [class*='has-toolbarshow'] .toolbar .toolbar-links:nth-child(1) .fcol-2 { -webkit-justify-content: center; justify-content: center; } } /* gallery -- btn - hide button */ .has-gallery-btn-hide .gallery-item img { cursor: pointer!important; } .has-gallery-btn-hide .gallery-item-wrap .btn { width: 100%!important; height: 100%; max-width: 100%; position: absolute; margin: auto; bottom: 0px; left: 0px; right: 0px; top: 0px; opacity: 0; } .has-gallery-btn-hide .gallery-item-wrap .btn:hover { opacity: 0; } body#page-home.has-gallery-btn-hide .gallery-caption { pointer-events: none; } /*==================================================================================*/ /* CUSTOMIZE SB-COL HEIGHT AND VERTICAL ALIGNMENT */ /*==================================================================================*/ /*flex box -- set vertical alignment and height per module -------------------------------------------------*/ @media (min-width:1001px) { body#page-home:not(.page-app) .sb-feature-about-row .sb-col, body#page-home:not(.page-app) .sb-feature-about2-row .sb-col { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } } @media (min-width:1001px) { body#page-home:not(.page-app) .sb-content-intro-row .sb-col .image { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } } @media (min-width:1001px) { body#page-home:not(.page-app) .sb-contactform-row .sb-col:nth-child(1), body#page-home:not(.page-app) .sb-formbuilder-row .sb-col:nth-child(1) { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } } @media (min-width:1001px) { body#page-home:not(.page-app) .sb-googlemaps-row .sb-col:nth-child(1), body#page-home:not(.page-app) .sb-googlemaps-row .sb-col:nth-child(1) { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } } /*==================================================================================*/ /* btn underline */ /*==================================================================================*/ /* .btn:not(.btn-ph):not(.btn-widget):after { border-bottom: 2px solid #34486b; content: ""; display: block; padding-bottom: 5px; } */ /*==================================================================================*/ /* Toolbar col mixxins */ /*==================================================================================*/ /* @media only screen and (min-width: 62em) { .fcol-3.col-md-3 { flex: 0 0 16.6666%; max-width: 16.6666%; background: red!important; } } */ /*==================================================================================*/ /* Carousel - floated right/fixed sized cover image /*==================================================================================*/ /* .carousel .item-content { width: 100%!important; } @media screen and (min-width:949px) { .carousel .item-content { width: 50%!important; } } #page-home .carousel-wrapper.carousel-image-content-left .item-image { height: 100%; float: right; background-position: center center; background-size: 85%; background-repeat: no-repeat; clear: both; order: 1; } @media screen and (min-width:949px) { .carousel .item-content { width: 50%!important; } } .carousel-inner:before { background-position: 50% 0; background-attachment: scroll!important; } */ /*==================================================================================*/ /* HR ALIGN LEFT -- Remove comment to align left*/ /*==================================================================================*/ /* .carousel .lines { margin: 0px; } @media (min-width:949px) { .carousel .lines { margin: 0px; } } */ /* .sb-module .lines { margin: 0px; } */ /* @media (min-width:949px) { .sb-module .lines { margin: 0px; } } */ /* @media (min-width:949px) { .gallery-header:before { margin: 0px!important; } } */ /* @media screen and (min-width:949px) { .gallery-header:before { margin: 0px; } } */ /*==================================================================================*/ /* carousel h2 vertical line */ /*==================================================================================*/ /* .carousel .item-content h2 span { position: relative; padding-right: 20px; } .carousel .item-content h2 span:after { display: none; content: ""; display: block; height: 55%; width: 100%; border-right-width: 2px; border-right-style: solid; position: absolute; left: 0px; top: 16px; margin-left: 0px; bottom: 0px; } @media (min-width: 1281px) and (max-width: 3840px) { .carousel .item-content h2 span:after { display: block; height: 50%; top: 22px; bottom: 0px; } } @media (min-width: 768px) and (max-width: 1280px) { .carousel .item-content h2 span:after { display: block; height: 55%; top: 16px; } } */ /*==================================================================================*/ /* SET btn group wrap -- per module */ /*==================================================================================*/ @media screen and (max-width:948px) { .sb-content-intro-row .content p a.btn { margin-bottom: 10px; } } /* END FEATURES RULES */ /* CSS rule to style empty

tags inside .content */ .content p:empty::before { content: '\00a0'; /* Add a non-breaking space */ display: block; /* Change it to a block element */ margin: 10px 0; /* Add some vertical margin for spacing */ } /*responsive image img layout*/ @media screen and (max-width:948px) { .content img, .image img { float: none!important; display: block; margin: 0px auto 1em!important; } } /*flex box layout*/ .max-width { width: 100%; max-width: 1300px; margin: auto; padding-left: 0; padding-right: 0; } @media screen and (max-width:767px) { .max-width [class*='col-'] { width: 100%; } } .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .header .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .align-items-center { align-items: center !important; } /*btn top padding*/ .content .btn-row { padding-top: 40px; } .form-inner > fieldset > .input-group { max-width: 100%!important; overflow: hidden; } .google-map-directions { white-space: normal!important; width: 100%!important; } .arrow { margin: auto; z-index: 2000; width: 80px; height: 80px; border-bottom: 2px solid #ddd; border-right: 2px solid rgba(150,150,150,0.4); text-indent: -90000px; cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-bottom: 90px; } /*style language switcher*/ #language-switcher { list-style-type: none; display: flex; justify-content: center; align-items: start; padding: 0; margin: 0px; } #language-switcher li { margin-right: 0px; margin-left: 10px; } #language-switcher li:not(:last-child)::after { content: "|"; margin-left: 10px; margin-right: 0px; font-weight: 100; display: inline-block; position: relative; } #language-switcher a { display: inline; text-decoration: none; } #language-switcher { margin-top: 20px; } @media screen and (min-width:768px) { #language-switcher { margin-top: 0px; } } /*select2 dropdown-- overide styling*/ .select2-container { width: 100%!important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 4px; box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.04)!important; padding: 10px 0px 10px 20px; height: auto; } /*add sm brand colors where class .sm-colors exists*/ /*text color*/ .sm-colors a.facebook , .sm-colors a:visited.facebook { color: #3b5998; } .sm-colors a.google , .sm-colors a:visited.google { color: #d84b37; } .sm-colors a.yelp , .sm-colors a:visited.yelp { color: #af0606; } /*bg color*/ .sm-bg-colors a.facebook, .sm-bg-colors a:visited.facebook { background-color: #3b5998; border: 0px; } .sm-bg-colors a:hover.facebook { background-color: #4466af; } .sm-bg-colors a.twitter, .sm-bg-colors a:visited.twitter { background-color: #38A1F3; border: 0px!important; } .sm-bg-colors a:hover.twitter { background-color: #46aeff; } .sm-bg-colors a.linkedin, .sm-bg-colors a:visited.linkedin { background-color: #0077B5; border: 0px!important; } .sm-bg-colors a:hover.linkedin { background-color: #0089d0; } .sm-bg-colors a.youtube, .sm-bg-colors a:visited.youtube { background-color: #ED3833; border: 0px!important; } .sm-bg-colors a:hover.youtube { background-color: #ff403b; } .sm-bg-colors a.google, .sm-bg-colors a:visited.google { background-color: #d84b37; border: 0px!important; } .sm-bg-colors a:hover.google { background-color: #f3543e; } .sm-bg-colors a.yelp, .sm-bg-colors a:visited.yelp { background-color: #af0606; border: 0px!important; } .sm-bg-colors a:hover.yelp { background-color: #ca0707; } .sm-bg-colors a.instagram, .sm-bg-colors a:visited.instagram { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); border: 0px!important; } .sm-bg-colors a.pinterest, .sm-bg-colors a:visited.pinterest { background-color: #c8232c; border: 0px!important; } .sm-bg-colors a:hover.pinterest { background-color: #df2731; } .sm-bg-colors a:hover { border: 0px!important; } .sm-bg-colors a .fa, .sm-bg-colors a:visited .fa { color: #fff!important; } /*bg color -- variation color 1*/ .sm-bg-colors-var1 a.facebook, .sm-bg-colors-var1 a:visited.facebook { background-color: #3b5998; border: 0px; } .sm-bg-colors-var1 a:hover.facebook { background-color: #4466af; } .sm-bg-colors-var1 a.twitter, .sm-bg-colors-var1 a:visited.twitter { background-color: #175ea2; border: 0px!important; } .sm-bg-colors-var1 a:hover.twitter { background-color: #46aeff; } .sm-bg-colors-var1 a.linkedin, .sm-bg-colors-var1 a:visited.linkedin { background-color: #4ec9d9; border: 0px!important; } .sm-bg-colors-var1 a:hover.linkedin { background-color: #0089d0; } .sm-bg-colors-var1 a.youtube, .sm-bg-colors-var1 a:visited.youtube { background-color: #e665aa; border: 0px!important; } .sm-bg-colors-var1 a:hover.youtube { background-color: #ff403b; } .sm-bg-colors-var1 a.google, .sm-bg-colors-var1 a:visited.google { background-color: #7ac64b; border: 0px!important; } .sm-bg-colors-var1 a:hover.google { background-color: #f3543e; } .sm-bg-colors-var1 a.yelp, .sm-bg-colors-var1 a:visited.yelp { background-color: #e665aa; border: 0px!important; } .sm-bg-colors-var1 a:hover.yelp { background-color: #ca0707; } .sm-bg-colors-var1 a.instagram, .sm-bg-colors-var1 a:visited.instagram { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); border: 0px!important; } .sm-bg-colors-var1 a.pinterest, .sm-bg-colors-var1 a:visited.pinterest { background-color: #c8232c; border: 0px!important; } .sm-bg-colors-var1 a:hover.pinterest { background-color: #df2731; } /*custom section animations on scroll*/ .os-animation{ opacity: 0; } .os-animation.animated{ opacity: 1; } /*custom section animations on scroll -- slowed down*/ .carousel-wrapper.animated, .carousel-wrapper .item.animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .transition { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } /* old--fix .no-scroll--fixed { position:fixed; overflow: hidden; } */ .delay-05s { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } body#page-home .footer div.footer-box.footer-box-content { display: block!important; } body#page-home .footer div.footer-box.footer-box-content p { line-height: 1.7em; } body#page-home div.footer-box.footer-box-content { display: none; } .sb-services :first-child h2 { padding-bottom: 30px; } .content .playfair { font-size: 22px; padding: 10px 0; } body:not(#page-home) .contact-form .headline h2 { display: none; } /*Module Custom Title */ .title { padding-bottom: 20px; } /*Module Custom Title */ .link { padding-bottom: 20px; font-weight: 800; } .none { display: none!important; } .bg--none { background: transparent; } /*AOS -- hide content on page load */ .aos-init { opacity: 0; } /*CMS Wrapper Resets *******************/ body#page-home .body { z-index: 1; } body:not(#page-home) .body { z-index: 0; } .body.body-static .inside { padding-left: 0px; padding-right: 0px; } body:not(.page-app) .body .wrapper { padding: 0px; } .body .wrapper { max-width: 100%!important; } .body.body-static .wrapper { max-width: 100%!important; background-color: #fff!important; } .header .wrapper, .tabs .wrapper, .footer .wrapper, .footer .footer-box { padding-top: 0px!important; max-width: 100%; } @media (min-width:949px) { .header .wrapper, .tabs .wrapper, .footer .wrapper { padding-top: 0px; margin: auto; } } /* move module content above all *******************/ .sb-wrap .sb-wrap-inner { z-index: 2; } .sb-video-row, .sb-carousel-wrapper-row, .sb-feature-cta-col-row { z-index: 3!important; } @media (min-width: 768px) and (max-width: 1280px) { .footer-user-content { max-width: 80%!important; } } @media (min-width: 1281px) and (max-width: 2560px) { .footer-user-content { max-width: 80%!important; } } .footer .footer-box h3 { margin-top: 0px; } a.btn.red, .btn.rd { color: #fff!important; background: #FF0000!important; border-color: #FF0000!important; } a.btn.white{ color: #ffffff!important; background: #ffffff!important; border-color: #ffffff!important; } /*interior content module fix when 2 cols *******************/ @media (min-width: 1281px) and (max-width: 4000px) { body:not(#page-home) .module--smpadding { overflow: hidden; } } /* Module Resets ******************/ .sb-blogrecentposts-row .headline { display: none; } #page-home .columns-inner { padding-top: 0px; } @media screen and (min-width:949px) { #page-home .columns-inner { padding-top: 0px; } } .sb-wrap { position: relative; display: block; clear: both; z-index: 1; } body#page-app:not(#page-appointments) .sb-row { position: relative; display: inline-block; clear: both; } body:not(.page-app):not(#page-appointments) .sb-row { position: relative; display: block; width: initial; clear: both; } .sb-embed .box, .box { padding: 0px; margin: 0px; } .sb-wrap.sb-image-row.image-row-one-wrap:not(.sb-bg-graphic1-row):not(.sb-maxwidth-row) { overflow: hidden; } /* Fix module FOC shift issue*/ body:not(.page-app) .body .sb-module:not(.sb-gallery) { visibility: hidden!important; } body:not(.page-app):not(#page-appointments) .body .sb-module, body:not(.page-app) .sb-feature-services-row .sb-module { visibility: hidden!important; } /**/ .sb-module:after { content: ""; display: table; clear: both; } .slick-track-nowidth { /* width: 0px!important;*/ } .code-block, .page-code { border: 2px dotted #ccc; padding: 0px; display: block; text-align: center; } .code-block .sb-module, .page-code .sb-module { padding: 20px!important; } body:not(.page-app) .code-block { display: none; } .toolbar-links [class*='fcol-'] i, .toolbar-links [class*='fcol-'] a.btn i, .carousel .item-content p a:nth-child(1) i, .carousel .item-content p a:nth-child(2) i{ font-weight: 700!important; font-size: 14px; } .fa, .fas { font-weight: inherit!important; } @media screen and (min-width:949px) { .full-bg-col { padding: initial; margin: initial; } } .no-col-padding { padding: 0px!important; } @media screen and (min-width:949px) { .no-col-padding { padding-left: 15px; padding-right: 15px; } } .col-sm-8, .col-md-8, .col-sm-10, .col-md-10 { padding-left: 30px; padding-right: 30px; } @media screen and (min-width:949px) { .col-sm-8, .col-md-8, .col-lg-8 { padding-left: 15px; padding-right: 15px; } } @media screen and (max-width:767px) { .col-sm-12 { padding: 0px!important; } } /*custom modules that need bg filled*/ .accent--lite, .accent--lite2, .accent--lite-alert { overflow: hidden; } /*remove margins if sbmodule has a col embed*/ @media screen and (min-width:949px) { .sb-module--nomargin { margin-left: -15px!important; margin-right: 15px!important; } } .sb-feature-services-row .sb-col-wrap:hover .image a { border: 0px solid transparent!important; } /*style iframes added outside the system eg google maps*/ .sb-module iframe { width: 100%!important; } /*style iframe in fancybox*/ @media screen and (max-width:948px) { .fancybox-content iframe { width: 100%; height: 30vh; } } /*add extra padding for images inserted from devhub app */ @media screen and (min-width:949px) { .img-align-left { padding: 0px 20px 20px 0px; } } /*fix - remove extra logos from carousel*/ body:not(#page-home):not(.body) > .container > .carousel-wrapper .carousel-inner .item-inner .logo:nth-child(2), body:not(#page-home):not(.body) > .container > .carousel-wrapper .carousel-inner .item-inner .logo:nth-child(3), body:not(#page-home):not(.body) > .container > .carousel-wrapper .carousel-inner .item:nth-child(2), body:not(#page-home):not(.body) > .container > .carousel-wrapper .carousel-inner .item:nth-child(3){ display: none!important; } /*update to carousel ellipses*/ .carousel-indicators li { background-color: rgb(255 255 255); border: 0px solid #fff; border-radius: 10px; width: 5px; height: 5px; margin: 3px; } .carousel-indicators .active { width: 10px; height: 10px; } /* carousel logo padding -------------------------------------------------*/ .carousel .logo { padding-bottom: 10px; } /* sb col alignments ******************/ .col--center { text-align: center!important; } .col--center .sb.col, .col--center .sb-col.sb-image-row { float: none!important; display: inline-block!important; vertical-align: top; } /* Padding Presets ******************/ /* body:not(#page-home) .sb-wrap .sb-module:not(.module--smpadding-offset-nobottom):not(.module--lgpadding) { padding-top: 20px!important; padding-bottom: 20px!important; } */ body:not(#page-home) .module--nopadding.interior { padding-top: 0px!important; padding-bottom: 0px!important; } .sb-wrap .sb-module { padding-top: 20px!important; padding-bottom: 0px!important; } .sb-wrap":not(.sb-seamlessbox-row ) .sb-module, .sb-wrap[class*='sb-feature'] .sb-module, .sb-wrap.image-row-two-wrap .sb-module, .sb-wrap.image-row-one-wrap .sb-module, .sb-wrap.col-row-one-wrap .sb-module { padding-top: 40px!important; padding-bottom: 40px!important; } .sb-wrap[class*='sb-feature']:not(.sb-seamlessbox-row):not(.sb-feature-table-row) .sb-module { padding-top: 20px!important; padding-bottom: 20px!important; } .sb-wrap.sb-empty-row .sb-module { padding-top: 10px!important; padding-bottom: 10px!important; } @media screen and (min-width:949px) { .sb-wrap[class*='sb-feature']:not(.sb-feature-table-row):not(.sb-seamlessbox-row) .sb-module, .sb-wrap:not(.sb-feature-table-row):not(.sb-feature-cards1-row):not(.sb-gallery-row):not(.image-row-two-wrap):not(.image-row-three-wrap):not(.image-row-four-wrap):not(.image-row-five-wrap):not(.image-row-six-wrap):not(.image-row-seven-wrap):not(.image-row-eight-wrap):not(.image-row-nine-wrap):not(.image-row-ten-wrap):not(.sb-feature-table-row):not(.sb-seamlessbox-row):not(.sb-empty-row) .sb-module { padding-top: 40px!important; padding-bottom: 40px!important; } } /* 3 col content + 3 col image */ .sb-wrap:not(.sb-feature-cards1-row).sb-image-row.image-row-three-wrap.col-row-three-wrap .sb-module.sb-content { padding-top: 0px!important; padding-bottom: 40px!important; } .sb-wrap .empty-row { padding-top: 40px!important; padding-bottom: 40px!important; } @media screen and (max-width: 1000px) { .sb-wrap .sb-col:not(.sb-col.sb-image-row):first-child .module--nopadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):first-child .module--xspadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):first-child .module--smpadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):first-child .module--mdpadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):first-child .module--lgpadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):first-child .module--xlgpadding { padding-bottom: 30px!important; } .sb-wrap:not(.sb-col-row):not(.image-row-three-wrap) .sb-col.sb-image-row:first-child { padding-bottom: 20px!important; } .sb-wrap .sb-col:not(.sb-col.sb-image-row):nth-child(2) .module--xspadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):nth-child(2) .module--smpadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):nth-child(2) .module--mdpadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):nth-child(2) .module--lgpadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):nth-child(2) .module--xlgpadding { padding-bottom: 10px!important; } .sb-wrap:not(.sb-col-row) .sb-col.sb-image-row:nth-child(2) { padding-bottom: 10px!important; } .sb-wrap .sb-col:not(.sb-col.sb-image-row):last-child .module--xspadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):last-child .module--smpadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):last-child .module--mdpadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):last-child .module--lgpadding, .sb-wrap .sb-col:not(.sb-col.sb-image-row):last-child .module--xlgpadding { padding-top: 10px!important; } .sb-col-row .sb-wrap { padding-top: 0px!important; padding-bottom: 0px!important; } .sb-col-row .sb-wrap-inner { padding-top: 0px!important; } .sb-col-row.sb-col-row-multi .sb-wrap-inner { padding-top: 0px!important; padding-bottom: 0px!important; } .columns-inner .sb-col-row:last-child { padding-bottom: 60px!important; } .sb-wrap .sb-col:not(.sb-col.sb-image-row):first-child .sb-module, .col-row-one-wrap .col-row-one .sb-col:first-child .sb-module { padding-bottom: 0px!important; } .sb-col-row .sb-col-wrap { padding-top: 0px!important; padding-bottom: 0px!important; } .sb-col-row .sb-col-wrap .sb-module:nth-child(1) > div { padding-bottom: 10px!important; } .sb-col-row + .sb-col-row .sb-col:last-child .sb-col-wrap { padding-bottom: 60px!important; } .sb-wrap .empty-row { padding-top: 0px!important; padding-bottom: 0px!important; } } /* Padding Presets -- modules stacked in two col layout */ .col-row-two-wrap.sb-col-row:not(.sb-seamlessbox-row) .sb-col:nth-child(2) .sb-col-wrap .sb-module:nth-child(1) { padding-bottom: 0px!important; } .col-row-two-wrap.sb-col-row:not(.sb-seamlessbox-row) .sb-col:nth-child(2) .sb-col-wrap .sb-module:nth-child(2) { padding-top: 0px!important; } @media screen and (min-width:1001px) { .col-row-two-wrap.sb-col-row:not(.sb-seamlessbox-row) .sb-col .sb-col-wrap .sb-module { padding-bottom: 0px!important; } .col-row-two-wrap.sb-col-row:not(.sb-seamlessbox-row) .sb-col .sb-col-wrap .sb-module:nth-child(2) { padding-top: 0px!important; } .col-row-two-wrap.sb-col-row:not(.sb-seamlessbox-row) .sb-col .sb-col-wrap .sb-module:nth-child(2).sb-content { padding-top: 20px!important; padding-bottom: 60px!important; } } @media screen and (min-width:1001px) { .sb-col-row:not(.sb-seamlessbox-row) .sb-col-wrap .sb-module:nth-child(1) > div { padding-bottom: 10px!important; } } /*remove extra padding cols when content is empty*/ /* .sb-col-row .sb-wrap-inner { padding-top: 60px!important; } */ .empty-cols-row .sb-col .sb-col-row:last-child { padding-bottom: 0px!important; } .empty-cols-row .sb-col .sb-col-wrap { padding-top: 0px!important; } .sb-col-row .sb-col-wrap.empty-row, .sb-col-row .sb-col-wrap.empty-row * { padding: 0px!important; } /* has img logos styling */ .sb-wrap.image-row-seven-wrap .sb-wrap-inner.image-row-seven .sb-module img { width: 60%; } @media screen and (max-width: 948px) { .sb-wrap.image-row-seven-wrap .sb-wrap-inner.image-row-seven { display: flex; flex-wrap: wrap; justify-content: center; } .sb-wrap.image-row-seven-wrap .sb-wrap-inner.image-row-seven .sb-col { width: 50% !important; /* Set 2-column layout */ text-align: center; /* Center align content */ display: flex; justify-content: center; } .sb-wrap.image-row-seven-wrap .sb-wrap-inner.image-row-seven .sb-col-wrap { width: 100%; } .sb-wrap.image-row-seven-wrap .sb-wrap-inner.image-row-seven .sb-module img { max-width: 80%; /* Adjust size of logos */ height: auto; } .sb-wrap.image-row-seven-wrap .sb-wrap-inner.image-row-seven .sb-module .box { padding-top: 0px !important; padding-bottom: 0px !important; } } @media screen and (min-width: 949px) { .sb-wrap.image-row-seven-wrap .sb-wrap-inner.image-row-seven { display: flex; flex-wrap: wrap; } .sb-wrap.image-row-seven-wrap .sb-wrap-inner.image-row-seven .sb-col { width: auto!; /* Allow natural sizing */ display: flex; -webkit-box-align: center!important; -ms-flex-align: center!important; } .sb-wrap.image-row-seven-wrap .sb-wrap-inner.image-row-seven .sb-module { padding: 0px!important; width: 100%;)%;); text-align: center; /* Ensure image is centered */ } .sb-wrap.image-row-seven-wrap .sb-wrap-inner.image-row-seven .sb-module img { width: 100%; /* Control image size */ padding: 10px; width: 170px; float: none; } } /* style bg for app only } */ .page-app .accordion-list2, .page-app .accordion-list, .page-app .sb-bg-img { background: radial-gradient(circle, rgba(150, 150, 150, 0.2) 10%, rgb(83 83 83 / 34%) 70%), #f0f0f0; } /* style app to show empty col } */ .page-app .sb-row .sb-module { width: 100%; } .sb-module.empty:before { content: "Spacer Div"; } .page-app .sb-module.has-empty { content: "Spacer Div"; display: block; background: color(srgb 0.95 0.95 0.95); border: 1px dotted color(srgb 0.554 0.554 0.554); margin: auto; position: relative; vertical-align: middle; text-align: center; padding: 0px!important; min-height: 100%!important; flex-grow: 1; } .page-app .sb-module.has-empty:before { content: "Spacer Div"; display: block; align-items: center; justify-content: center; position: relative; top: 50%; transform: translateY(-50%); position: absolute; left: 0px; right: 0px; } .page-app .sb-module.has-empty { content: "Spacer Div"; display: block; background: color(srgb 0.95 0.95 0.95 / 0.5); border: 1px dotted color(srgb 0.554 0.554 0.554); margin: auto; position: relative; vertical-align: middle; text-align: center; padding: 40px 0px!important; } .page-app .sb-module { padding-top: 10px!important; padding-bottom: 10px!important; } /* .sb-col-row .sb-col-wrap.empty-row .sb-module { display: none!important; } */ .sb-col-wrap { width: 100%; } @media (min-width: 768px) and (max-width: 1280px) { .sb-module { padding-top: 60px!important; padding-bottom: 60px!important; } .module--xspadding { padding-top: 20px!important; padding-bottom: 20px!important; } .module--smpadding { padding-top: 60px!important; padding-bottom: 60px!important; } .module--mdpadding { padding-top: 100px!important; padding-bottom: 100px!important; } .module--lgpadding { padding-top: 150px!important; padding-bottom: 150px!important; } .module--xlpadding { padding-top: 250px!important; padding-bottom :250px!important; } body:not(#page-home) .sb-wrap > .sb-module.module--xspadding { padding-top: 20px!important; padding-bottom: 20px!important; } body:not(#page-home) .sb-wrap > .sb-module.module--smpadding { padding-top: 60px!important; padding-bottom: 60px!important; } body:not(#page-home) .sb-wrap > .sb-module.module--mdpadding { padding-top: 100px!important; padding-bottom: 100px!important; } body:not(#page-home) .sb-wrap > .sb-module.module--lgpadding { padding-top: 150px!important; padding-bottom: 150px!important; } body:not(#page-home) .sb-wrap > .sb-module.module--xlpadding { padding-top: 300px!important; padding-bottom: 300px!important; } body:not(#page-home) .sb-wrap .sb-module.module--nopadding { padding-top: 0px!important; padding-bottom: 0px!important; } .module--smpadding-offset-notop { padding-top: 20px!important; padding-bottom: 100px!important; } .module--smpadding-offset-nobottom { padding-top: 100px!important; padding-bottom: 20px!important; } .module--mdpadding-offset-notop { padding-top: 10px!important; padding-bottom: 100px!important; } .module--mdpadding-offset-nobottom { padding-top: 100px!important; padding-bottom: 10px!important; } .module--lgpadding-offset-notop { padding-top: 10px!important; padding-bottom: 150px!important; } .module--lgpadding-offset-nobottom { padding-top: 150px!important; padding-bottom: 10px!important; } .module--nopadding { padding-top: 0px!important; padding-bottom: 0px!important; } .module--nopadding--dsktp { padding-top: 0px!important; padding-bottom: 0px!important; } } @media (min-width: 1281px) and (max-width: 4000px) { .sb-module { padding-top: 10px!important; padding-bottom: 10px!important; } .module--xspadding { padding-top: 10px!important; padding-bottom: 10px!important; } .module--smpadding { padding-top: 10px!important; padding-bottom: 10px!important; } .module--mdpadding { padding-top: 10px!important; padding-bottom: 10px!important; } .module--lgpadding { padding-top: 10px!important; padding-bottom: 10px!important; } .module--xlpadding { padding-top: 10px!important; padding-bottom: 10px!important; } .module--nopadding { padding-top: 0px!important; padding-bottom: 0px!important; } .module--nopadding--dsktp { padding-top: 0px!important; padding-bottom: 0px!important; } .module--smpadding-offset-notop { padding-top: 10px!important; padding-bottom: 10px!important; } .module--smpadding-offset-nobottom { padding-top: 10px!important; padding-bottom: 10px!important; } .module--mdpadding-offset-notop { padding-top: 10px!important; padding-bottom: 10px!important; } .module--mdpadding-offset-nobottom { padding-top: 10px!important; padding-bottom: 10px!important; } .module--lgpadding-offset-notop { padding-top: 10px!important; padding-bottom: 10px!important; } .module--lgpadding-offset-nobottom { padding-top: 10px!important; padding-bottom: 10px!important; } } /* offset box -- move image above module box*/ .sb-offsetbox-top-row { background-image: linear-gradient(180deg,#0b2330 370px,#362a2a00 0,transparent)!important; } .sb-offsetbox-top-row .image { margin: -70px 0px 0px; } /* empty box */ #page-home:not(.page-app) .empty-row { margin-left: -50vw!important; left: 50%; width: 100vw; } .empty-row .sb-module.sb-content.module--mdpadding { padding-top: 15px!important; padding-bottom: 15px!important; } @media (min-width: 768px) and (max-width: 4000px) { .empty-row .sb-module.sb-content.module--mdpadding { padding-top: 60px!important; padding-bottom: 60px!important; } } /* forms module + content stacked padding*/ @media (min-width: 768px) and (max-width: 4000px) { .sb-contactform-row .sb-content + .sb-contactform { padding-top: 0px!important; padding-bottom: 0px!important; } } /* TEMPORARY OVERFLOW -- MAY NEED TO REMOVE OR ADD MORE FOR OTHER SIZES */ @media (min-width: 768px) and (max-width: 1280px) { .module--smpadding { overflow: hidden; } } /* remove default neg margins */ @media screen and (min-width: 949px) { .sb-module--nomargin { margin-left: 0px!important; margin-right: 0px!important; } } /* 100% fluid row width */ .sb-row-fluid { width: 100vw; position: relative; margin-left: -50vw!important; left: 50%; } /*==================================================================================*/ /* MODULE -- fillbox -- fill modules with fixed box */ /*==================================================================================*/ .sb-fillbox-row { padding: 20px; } .sb-fillbox-row .sb-wrap-inner { background: rgb(250, 250, 250); padding: 20px 40px; } @media (min-width: 949px) { .sb-fillbox-row { padding: 160px 0px; } .sb-fillbox-row .sb-wrap-inner { background: rgb(250, 250, 250); padding: 40px } } /*==================================================================================*/ /* MODULE -- SEAMLESS 100% BOXES */ /*==================================================================================*/ .has-seamlessbox .sb-gallery-row .sb-module { padding: 0px!important; } .has-seamlessbox .sb-gallery-row [class*='col-'] { padding: 0px!important; } @media screen and (min-width:949px) { .has-seamlessbox .gallery [class*='col-'] .gallery-item-wrap { margin-bottom: 0px; } } .has-seamlessbox .sb-gallery-row .col-sm-12, .sb-seamlessbox-row .col-sm-12 { padding: 0px!important; } .has-seamlessbox .sb-gallery-row .sb-wrap-inner, .sb-seamlessbox-row:not(.sb-feature-cta-col-row) .sb-wrap-inner { padding: 0px!important; margin: 0px!important; width: 100%!important; flex-basis: 100%; max-width: 100%; } .has-seamlessbox .sb-gallery-row .sb-col .image, .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-col .image { overflow: hidden; object-fit: contain !important; height: 100%; width: 100% !important; } .has-seamlessbox .sb-gallery-row .sb-col .image img, .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-col .image img { max-width: inherit!important; border: 0; vertical-align: middle; height: auto!important; width: 100%; height: 118% !important; width: 110% !important; object-fit: contain; object-position: top; } @media screen and (max-width:948px) { .has-seamlessbox .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-col .image img, .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-col .image img { max-width: 100%!important; } } .has-seamlessbox .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-col .content, .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-col .content, .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-col .embed:not(.gmap), .sb-seamlessbox-row:not(.sb-feature-services-row):not(.sb-iframe-row) .sb-col .content { padding: 60px; } @media (max-width: 767px) { .has-seamlessbox .sb-seamlessbox-row:not(.sb-feature-services-row), .sb-seamlessbox-row:not(.sb-feature-services-row) { padding: 0px; } .has-seamlessbox .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-col .content, .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-col .content { padding: 30px; } } @media screen and (max-width: 1000px) { .has-seamlessbox .sb-gallery-row .sb-col-wrap, .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-image-row .sb-col-wrap { padding-top: 0px!important; padding-bottom: 0px!important; } } .has-seamlessbox .sb-gallery-row .content, .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-col .sb-feature-title-row .content { padding-top: 0px!important; padding-bottom: 0px!important; background: #017783; } .has-seamlessbox .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-col .sb-feature-title-row .content h2, .sb-seamlessbox-row:not(.sb-feature-services-row) .sb-col .sb-feature-title-row .content h2 { color: #fff!Important; line-height: 80px!imoprtant; padding-top: 30px; padding-bottom: 30px; font-size: 30px!important; font-weight: 500; } /* ALIGN TEXT TO TOP OF COL */ /* body#page-home:not(.page-app) .sb-seamlessbox-row .sb-wrap-inner:not(.image-row-one) { -ms-flex-align: flex-start!important; align-items: flex-start!important; } */ /*==================================================================================*/ /* MODULE -- OFFSET BOXES */ /*==================================================================================*/ @media screen and (max-width:1000px) { .sb-offsetbox-row .sb-wrap-inner { padding-top: 60px!important; padding-bottom: 60px!important; } } @media screen and (max-width:948px) { .sb-offsetbox-row:not(.sb-testimonials-row) .sb-wrap-inner { display: flex; flex-direction: row; flex-wrap: wrap; } .sb-offsetbox-row .sb-wrap-inner .sb-col:not(.sb-image-row):nth-child(1), .sb-offsetbox-row .sb-wrap-inner .sb-col:not(.sb-image-row):nth-child(2) { margin-top: -90px; } } @media screen and (max-width:1000px) { .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(1) .image, .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) .image { max-width: 100%; margin-left: 0%!important; } } @media screen and (max-width:1000px) { .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(1) .content, .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(1) .embed { margin-left: 0; } .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) .content, .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) .embed { margin-left: 0; } .sb-offsetbox-row .sb-wrap-inner .sb-col .sb-module:not(.sb-contactform) .content, .sb-offsetbox-row .sb-wrap-inner .sb-col .sb-module:not(.sb-contactform) .embed, .sb-offsetbox-row .sb-wrap-inner .sb-col .sb-module.sb-contactform .box-inner { width: 90%!important; padding: 40px 20px!important; margin: auto!important; } } @media screen and (max-width:948px) { .sb-offsetbox-row .sb-col.sb-image-row { flex-direction: row-reverse; /* flex: 1; */ order: -1; } } .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(1) .image { text-align: right!Important; max-width: 100%; border: 0; vertical-align: middle; width: 100%; height: auto; max-width: none; } .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(1) .sb-module:not(.sb-contactform) .content, .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(1) .sb-module:not(.sb-contactform) .embed, .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(1) .sb-module.sb-contactform .box-inner { max-width: 100%; border: 0; vertical-align: middle; width: 115%; height: auto; max-width: none; margin-left: 10%; } .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) .sb-module:not(.sb-contactform) .content, .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) .sb-module:not(.sb-contactform) .embed, .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) .sb-module.sb-contactform .box-inner { max-width: 100%; border: 0; vertical-align: middle; width: 115%; height: auto; max-width: none; margin-right: 10%; } .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) .image { text-align: left!Important; max-width: 100%; border: 0; vertical-align: middle; width: 100%; height: auto; max-width: none; margin-left: 20.5%; } @media screen and (min-width:1001px) { .sb-offsetbox-row .sb-wrap-inner .sb-col .sb-module:not(.sb-contactform) .content, .sb-offsetbox-row .sb-wrap-inner .sb-col .sb-module:not(.sb-contactform) .embed, .sb-offsetbox-row .sb-wrap-inner .sb-col .sb-module.sb-contactform .box-inner { margin-top: 90px; position: relative; } } .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) .image { max-width: 100%; border: 0; vertical-align: middle; width: 100%; height: auto; max-width: none; margin-left: 0%; } .sb-offsetbox-row .sb-wrap-inner .sb-col.sb-image-row { z-index: -1!important; } .sb-offsetbox-row .sb-wrap-inner .sb-module { overflow: visible; } .sb-offsetbox-row .sb-col:not(.sb-image-row) .sb-module:not(.sb-contactform) .content:not(.empty), .sb-offsetbox-row .sb-col:not(.sb-image-row) .sb-module:not(.sb-contactform) .embed, .sb-offsetbox-row .sb-col:not(.sb-image-row) .sb-module.sb-contactform .box-inner { background: #fff!important; padding: 60px 65px; border: 1px solid #eaeaea!important; } @media screen and (min-width:1001px) { .sb-offsetbox-row .sb-wrap-inner { display: -ms-flexbox; display: flex; } } .sb-offsetbox-row .sb-wrap-inner .sb-col:nth-child(2) { direction: rtl; } .sb-offsetbox-row .slick-slider .slick-list, .sb-offsetbox-row .slick-slider .slick-track { direction: ltr; } .sb-offsetbox-row .sb-wrap-inner .sb-col .content *, .sb-offsetbox-row .sb-wrap-inner .sb-col .sb-module.sb-contactform .box-inner * { direction: ltr; } @media screen and (max-width:948px) { .sb-offsetbox-row .sb-wrap-inner { padding: 0px 15px; } } /* misc module padding */ .sb-instagram { padding-top: 0px!important; padding-bottom: 0px!important; } #page-home .sb-iframe-row.image-row-one-wrap .sb-embed { width: 100vw; position: relative; margin-left: -50vw!important; left: 50%; } #page-home .sb-iframe-row.image-row-one-wrap .sb-module { padding-top: 0px!important; padding-bottom: 0px!important; } /* custom module property -- round images */ .sb-img-round-row img { border-radius: 50%; } /*==================================================================================*/ /* CUSTOMIZE cover bg property position */ /*==================================================================================*/ .body { background-position: 0px 0px!important; background-repeat: no-repeat!important; background-size: 100%!important; } body:not(#page-home) .body { background-position: 0px 0px!important; background-repeat: no-repeat!important; background-size: 100%!important; } .sb-feature-services-row { background-position: 0px 0px!important; } @media screen and (min-width: 949px) { .sb-feature-services-row { background-position: 0px 0px!important; } } .sb-testimonials-row { background-position: 0px 0px!important; } @media screen and (min-width: 949px) { .sb-testimonials-row { background-position: 0px 0px!important; } } .sb-feature-about-row { background-position: 0px 0px!important; } @media screen and (min-width: 949px) { .sb-feature-about-row { background-position: 0px 0px!important; } } /* Text Alignment Presets ******************/ .text--center, .text--center p, .text--center h1, .text--center h2, .text--center h3, .text--left, .text--left h1, .text--left h2, .text--left h3, .text--left img, .text--left figure, .text--left div, .text--left a, .text--center .asset { text-align: center!important; } .text--right, .text--right p, .text--right h1, .text--right h2, .text--right h3, .text--right img, .text--right figure { text-align: center!important; } @media (min-width:1001px) { .text--center, .text--center p, .text--center h1, .text--center h2, .text--center h3, .text--center figure, .text--center .asset { text-align: center!important; } } .text--center .slick-slide img { display: inline-block; } .text--center a { margin-left: auto!important; margin-right: auto!important; } .text--center a { margin-left: auto!important; margin-right: auto!important; } .text--center .tab-sm { text-align: center; } .text--left a { margin-left: auto!important; margin-right: auto!important; } .text--right a { margin-left: auto!important; margin-right: auto!important; } @media (min-width:1001px) { .text--center a { margin: auto!important; } } .sb-feature-cards1.text--center .cta-content { display: block; } @media (min-width:1001px) { .text--left, .text--left p:not(.sb-formfield), .text--left h1, .text--left h2, .text--left h3, .text--left img, .text--left figure, .text--left .content div, .text--left:not(.sb-gallery-row):not(.sb-image-row) div, .text--left .sb-module.sb-hoursofoperation .headline h2, .text--left:not(.sb-gallery-row) a:not(.btn) { text-align: left!important; } } @media (min-width:1001px) { .text--right, .text--right p, .text--right h1, .text--right h2, .text--right h3, .text--right img, .text--right figure, .text--right .content div, .text--right a { text-align: right!important; } } @media (min-width:1001px) { .text--right, .text--right p, .text--right h1, .text--right h2, .text--right h3, .text--right img, .text--right figure { text-align: right!important; } } .text--left ul:not(.mod-errorlist):not([id^="id_"]) { list-style: none; margin-left: 0px; margin-right: 0px; } @media (min-width:1001px) { .text--left ul:not(.mod-errorlist):not([id^="id_"]) { list-style-type: disc; margin: 2em; } } .text--center ul { padding-top: 20px; text-align: center!important; margin-left: 0em; } .text--center:not(.sb-content-intro):not(.sb-feature-about):not(.sb-feature-services) li { margin-bottom: 20px; text-decoration: none; font-size: 20px; list-style-position: inside; } .text--center li { list-style-position: inside; } .text--center i { display: inline-block; text-align: center; margin-left: 5px; position: relative; } .module-popup.text-center * { text-align: center!important; } /*Module White Text Coloring*/ /*=========================================*/ body:not(.page-app) .text--white, body:not(.page-app) .text--white .content a:not(.btn), body:not(.page-app) .text--white p, body:not(.page-app) .text--white h1, body:not(.page-app) .text--white h2, body:not(.page-app)#page-home .text--white h3, body:not(.page-app) .text--white h3, body:not(.page-app) .text--white li, body:not(.page-app) .text--white li a, body:not(.page-app) .text--white i:not(.fa), body:not(.page-app) .text--white span, body:not(.page-app) .text--white blockquote:before { color: #fff!important; } body:not(.page-app) .text--white .accordion-list li { border-color: rgba(255, 255, 255, 0.5)!important; } body:not(.page-app) .text--white .content-intro ul a:before, body:not(.page-app) .text--white .feature-about ul a:before, body:not(.page-app) .text--white .feature-about2 ul a:before, body:not(.page-app) .text--white .sb-feature-about2-row ul a:before, body:not(.page-app) .text--white .sb-feature-about-row ul a:before {content: url("data:image/svg+xml,%3Csvg width='40' height='17' viewBox='0 0 40 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.627 16.4258L38.4639 8.58887L30.627 0.751955' stroke='white' stroke-width='1.2'/%3E%3Cpath d='M37.7289 8.59277L0.0351562 8.59277' stroke='white' stroke-width='1.2'/%3E%3C/svg%3E") !important;} /*app only colors */ /* body.page-app .text--white .content h3 { color: #fff!important; } body.page-app .text--white .content { } */ /*global colors*/ .accent--lite-alert { background-color: #ffc776; } /* center align img on mobile*/ .text--left img{ float: none; } /* Interior Specific -- adjust padding */ /* First Module -- add top padding */ body:not(#page-home) .sb-wrap:first-child > .sb-module, body:not(#page-home) .sb-wrap:first-child > .sb-col .sb-col-wrap .sb-module { padding-top: 60px!important; } /* If Cols exists in First Module -- add top padding to both -- desktop*/ body:not(#page-home) .sb-wrap:first-child .sb-col > .sb-module:first-child { padding-top: 60px!important; } /* First Module -- add top padding to 1st col-- sm device*/ @media screen and (max-width:1000px) { body:not(#page-home) .sb-wrap:first-child .sb-col:first-child .sb-module { padding-top: 60px!important; } } /* First Module -- remove top padding to 2nd col-- desktop*/ @media screen and (max-width:1000px) { body:not(#page-home) .sb-wrap:first-child .sb-col:first-child .sb-module:nth-child(2) { padding-top: 0px!important; } } /* First Module -- remove top padding to 2nd col-- desktop*/ body:not(#page-home):not(.has-banner-thin) .sb-wrap:first-child .sb-col:nth-child(2) .sb-module { padding-top: 0px!important; } /* First Module -- remove top padding to 2nd col-- desktop*/ /* @media screen and (min-width:1001px) { body:not(#page-home) .sb-wrap:first-child .sb-col:nth-child(2) .sb-module { padding-top: 0px!important; } } */ /* If 2nd child exists in single Col Module -- Remove top padding */ body:not(#page-home) .sb-wrap .sb-col > .sb-module:nth-child(2) { padding-top: 0px!important; } body:not(#page-home):not(.page-full-post):not(.page-feed-post) .body > .wrapper { padding-top: 40px; padding-bottom: 60px; } body:not(#page-home) { text-align: left; } /* contact page settings */ body[id^="page-contact"]:not(#page-home) .sb-col-wrap .sb-module .content p:first-child { margin-top: 0px!important; } body[id^="page-contact"]:not(#page-home) .sb-wrap .sb-wrap-inner { padding-top: 10px!important; padding-bottom: 10px!important; } @media screen and (min-width:949px) { body[id^="page-contact"]:not(#page-home) .sb-wrap .sb-wrap-inner { padding-top: 20px!important; padding-bottom: 10px!important; } } @media screen and (max-width:948px) { body[id^="page-contact"]:not(#page-home) .sb-wrap.sb-col-row .sb-col-wrap { padding-top: 0px!important; padding-bottom: 10px!important; } } /*global span line heights */ .carousel [style="font-size:16px;"] { line-height: 19px; } .carousel [style="font-size:19px;"] { line-height: 24px; } .carousel [style="font-size:20px;"] { line-height: 26px; } .carousel [style="font-size:22px;"] { line-height: 28px; } .content [style*="font-size:22px;"], .carousel [style*="font-size:22px;"] { line-height: 29px; } .content [style*="font-size:14px;"], .carousel [style*="font-size:14px;"] { line-height: 26px!important; } .content [style*="font-size:16px;"], .carousel [style*="font-size:16px;"] { line-height: 30px!important; } .content [style*="font-size:20px;"], .carousel [style*="font-size:20px;"] { line-height: 34px; } .content [style*="font-size:22px;"], .carousel [style*="font-size:22px;"] { line-height: 40px; } .content [style*="font-size:24px;"], .carousel [style*="font-size:24px;"] { line-height: 38px; } .content [style*="font-size:26px;"], .carousel [style*="font-size:26px;"] { line-height: 40px!important; } .content [style*="font-size:28px;"], .carousel [style*="font-size:28px;"] { line-height: 40px!important; } .content [style*="font-size:35px;"], .carousel [style*="font-size:35px;"] { line-height: 45px!important; } .content [style*="font-size:36px;"], .carousel [style*="font-size:36px;"] { line-height: 45px!important; } .content [style*="font-size:48px;"], .carousel [style*="font-size:48px;"] { line-height: 65px!important; } .content [style*="font-size:"] { display: block; } @media screen and (min-width:949px) { .content [style*="font-size:"] { display: inline-block; } } /*Main Header ******************/ header { position: absolute; top: 0!important; left: 0!important; width: 100%; } .header { padding: 0px; visibility: visible; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05); box-shadow: 0 0 10px rgba(0,0,0,.05); max-width: 100%!important; box-shadow: none; position: absolute; z-index: 2; background-color: transparent; text-align: left; } @media (min-width:949px) { .header { padding-left: 50px; padding-right: 50px; } } .header .wrapper { overflow: hidden; padding-top: 35px; } @media (min-width:949px) { .header .wrapper { padding-top: 15px; } } img#logoimg:not(.footer img), #logoimg-white { max-height: 60px; padding: 0px 0px 0px; } @media (min-width: 949px) { #logoimg:not(.footer img), #logoimg-white:not(.footer img) { max-height: 75px; } } .header-inner { padding: 20px 20px 10px 20px!important; } @media (min-width:949px) { .header-inner { padding: 10px 20px 10px 20px!important; float: left; } } header #sitelogo a { color: #fff; background: #000; /* box-shadow: 1px 1px 2px rgba(0,0,0, 0.2); */ } header.logoshow #sitelogo a { color: #333; display: flex; } header.logoshow #sitelogo a img { align-self: center; max-height: 100%; } @media (max-width:1279px) { header.logoshow #sitelogo a { display: flex; justify-content: center; } } .header .logo { text-align: center; vertical-align: top; } @media (min-width:949px) { .header .logo { text-align: left; /* max-width: 300px; */ /* display: inline-block; */ /* vertical-align: top; */ } } .header .logo a { position: relative; display: flex; justify-content: center; } .logo #logotext { display: block; padding: 10px 0px 10px 0px; line-height: 30px; font-weight: 300!important; transform: scale(0.9,0.9); position: relative; } @media (min-width:949px) { .logo #logotext { transform:none; } } .logo-icon + #logotext:hover { text-decoration: none!important; opacity: .8; } .header .nav .primary-link.selected>a { font-weight: 900; } @media (min-width:949px) { .header.header-static.nav-static .header-inner { } } .nav-wrapper { text-align: left; background: transparent; display: inline-block; vertical-align: top; } @media only screen and (max-width: 1000px){ .header.header-static.nav-static { width: initial; } } /*Nav *******************/ @media screen and (max-width:1279px) { .nav-wrapper { display: none!important; } } @media screen and (min-width:1279px) { .nav-wrapper { display: inline-block } } .header .nav { border-bottom: initial; margin-left: 40px; margin-top: 10px; vertical-align: middle; } .header .nav .primary-link > a { padding: 5px 8px; font-size: 15px; font-weight: 400!important; text-transform: capitalize; } .header .nav .primary-link { margin-right: 0px; } .header .nav .primary-link.selected > a { font-weight: 500!important; } nav ul, nav li { vertical-align: middle; } .header .nav .dropdown-wrapper > ul { padding: 10px 15px; border-radius: 4px; border: 0px solid; margin-top: 5px; } .header .nav .dropdown-wrapper > ul a { font-size: 17px; font-weight: 400; } .header .nav a:hover, .header .nav .dropdown-wrapper a:hover { text-decoration: none; } @media screen and (min-width:949px) { .nav ul ul { max-height: 600px;/* you can change as you need it */ overflow: auto;/* to get scroll */ } .header .nav .dropdown-wrapper ul ul { padding: 0px 0px 0px 10px; background: transparent; box-shadow: initial; } .header .nav .dropdown-wrapper ul ul a { display: inline-block; font-size: 17px; font-weight: 400; line-height: 35px!important; } } .header .nav .dropdown-wrapper ul.only-child { padding: 12px 34px!important; } #nav li a i { display: none; } #nav li a i.chevron-visible { display: inline-block!important; padding-left: 6px; transform: translateY(0px); } #nav li a i.chevron-hover { transform: translateY(5px); } /*Nav-dropdown animation -- needs set at '0' for rollover */ .header .nav .dropdown-wrapper { display: none; opacity: 0; transform-origin: center bottom; -webkit-transform: translate(0%, 12px); -o-transform: translate(0%, 12px); transform: translate(0%, 12px); -ms-transform: translate(0%, 12px); display: none; } .header .nav .dropdown-wrapper.open { display: block!important; opacity: 1; transform-origin: center bottom; -webkit-transform: translate(0%, 0px); -o-transform: translate(0%, 0px); transform: translate(0%, 0px); -ms-transform: translate(0%, 0px); } .nav ul li:not(.mega-dropdown) .dropdown-wrapper ul li { opacity: 1; transform-origin: center bottom; -webkit-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); -ms-transform: translateY(6px); } .nav ul li:not(.mega-dropdown) .dropdown-wrapper.open ul li { display: block!important; opacity: 1; transform-origin: center bottom; -webkit-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -ms-transform: translateY(0px); } .nav ul li.mega-dropdown .dropdown-wrapper ul li { -webkit-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); -ms-transform: translateY(6px); } .nav ul li.mega-dropdown .dropdown-wrapper.open ul li { transform-origin: center bottom; -webkit-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -ms-transform: translateY(0px); } .nav ul li.mega-dropdown .dropdown-wrapper { display: none; opacity: 0; transform-origin: center bottom; -webkit-transform: translate(-50%, 12px); -o-transform: translate(-50%, 12px); transform: translate(-50%, 12px); -ms-transform: translate(-50%, 12px); } .nav ul li.mega-dropdown .dropdown-wrapper.open { display: block!important; opacity: 1; -webkit-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); } @media (min-width: 1281px) { .nav ul li.mega-dropdown .dropdown-wrapper ul { text-align: center;; } .nav ul li.mega-dropdown .dropdown-wrapper ul > li.secondary-link { text-align: left; } .nav ul li.mega-dropdown .dropdown-wrapper ul ul { text-align: left; } } /*Nav -- Mobile */ .mobile-nav { font-size: 30px; line-height: 35px; width: 100%; margin: auto; top: 0px; z-index: 3; position: fixed; text-align: center; bottom: 0; overflow: auto!important; height: 100%; padding-top: 7.875rem; transition: opacity .3s ease-in; } .mobile-nav ul { width: 325px; } .mobile-nav li { padding-bottom: 25px } .mobile-nav li:last-child { padding-bottom: 0px } .mobile-nav a { font-weight: 400; padding: 0px 35px; border-top: none; font-size: 21px; line-height: 25px; } .mobile-nav a.logo-icon { height: 60px; width: 60px!important; position: absolute; top: 30px; left: 0px; } .mobile-nav a.logo-icon img { max-height: inherit!important; } .mobile-nav .selected { background-color: rgba(0, 0, 0, 0.00); } .mobile-nav ul ul { padding-left: 10px; padding-top: 25px; padding-bottom: 0px; } .mobile-nav ul ul a { font-size: 21px; padding-left: 15px; padding-right: 25px; } .mobile-nav ul ul li { padding-bottom: 25px; } @media (min-width:1280px) { .mobile-nav-wrapper { display: none; } } @media (max-width:1280px) { .mobile-nav-wrapper { display: block; position: absolute; z-index: 4; } } .mobile-nav-wrapper { z-index: 4; } .mobile-nav.closed { visibility:hidden; opacity: 1; display: inline!important } .mobile-nav.open { visibility:visible; opacity: 1; display: inline!important; } .mobile-nav.closed > ul { z-index: 800; opacity: 0; position: relative; left: 0px; } @media screen and (min-width:1280px) { .mobile-nav.closed > ul { margin-left: 60%; } .mobile-nav.open > ul { margin-left: 60%; } } @keyframes showNavigation { 0% { transform: translateY(25px); opacity: 0; left: 0px; } 100% { transform: translateY(0); opacity: 1; left: 0px; } } .dropdown-wrapper { -webkit-transition: opacity .35s ease; -moz-transition: opacity .35s ease; -ms-transition: opacity .35s ease; -o-transition: opacity .35s ease; transition: opacity .35s ease; opacity: 0; } .dropdown-wrapper.is-active { -webkit-transition: opacity .35s ease; -moz-transition: opacity .35s ease; -ms-transition: opacity .35s ease; -o-transition: opacity .35s ease; transition: opacity .35s ease; opacity: 1; } .nav .Expander { display: none; } .mobile-nav .Expander { position: absolute; z-index: 11; } .mobile-nav span.Expander { cursor: pointer; width: 34px; display: inline-block; overflow: hidden; text-align: center; line-height: 28px; } /* @media screen and (min-width:949px) { .mobile-nav span.Expander { display: none; } } */ span.Expander { line-height: inherit!important; left: -30px; } .mobile-nav span.Expander { margin-top: 0; display: block; content: ''; width: 40px; height: 30px; overflow: visible; top: -3px; left: -10px; text-align: center; } span.Expander:before, span.Expander:after { margin-top: 0; display: block; content: ''; width: 18px; height: 2px; top: 50%; left: 0px; right: 0px; margin: auto; position: absolute; background: #252525; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform: rotate(135deg); transform: rotate(135deg); } span.Expander.open:before { transform: rotate(225deg); } span.Expander.open:after { transform: rotate(135deg); } span.Expander:not(.open):before { transform: rotate(90deg); } span.Expander:not(.open):after { transform: rotate(0deg); } /*add momentum to nav items exceed height */ /* .mobile-nav { overflow-y: scroll; -webkit-overflow-scrolling: touch; height:100%; } */ /*A value other than height:auto needs to be set*/ /*==================================================================================*/ /* SET CAROUSEL*/ /*==================================================================================*/ #page-home:not(.body) > .container > .carousel-wrapper { background-image: none; } .carousel-wrapper { position: relative; z-index: 0; background-attachment: scroll!important; } #page-home:not(.body) > .container > .carousel-wrapper .item-inner { min-height: 100%; height: 100%; } @media screen and (min-width:949px) { .carousel .item-inner { height: 650px; } } .carousel .item-content { position: relative; top: 250px; width: 100%!important; background-color: transparent!important; display: flex; } @media screen and (min-width:949px) { .carousel .item-content { top: 250px; border-radius: 50%; } } .carousel .item-content-inner { margin: auto; text-align: center; } @media screen and (min-width:949px) { .carousel .item-content-inner { max-width: 1024px; } } .carousel .item-content p { font-size: 17px!important; line-height: 22px; font-weight: 400; padding-top: 0px; margin-top: 0px; } @media (min-width:949px) { .carousel .item-content p { font-size: 22px!important; padding-top: 0px; } } .carousel .item-content p:last-child { margin-top: 0px; } .carousel a { margin-top: 0px; display: inline-block; } .carousel .carousel-inner .item:before, body:not(#page-home) .carousel-wrapper:before, .carousel .carousel-inner:before { content: ""; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; } .carousel .carousel-inner .item:before, body:not(#page-home) .carousel-wrapper:before { opacity: .6; } @media screen and (min-width:949px) { .carousel .carousel-inner .item:before { } } .carousel-wrapper a.left, .carousel-wrapper a.right { background-color: transparent!important; } .carousel-indicators { bottom: 20px; display: none; z-index: 2; } @media (min-width: 768px) and (max-width: 1280px) { .carousel-indicators { bottom: 30px; display: block; z-index: 2; } } @media (min-width: 1281px) and (max-width: 2560px) { .carousel-indicators { bottom: 30px; display: block; z-index: 2; } } @media (min-width:949px) { .carousel .item-content p a:nth-child(1), .carousel .item-content p a:nth-child(2) { margin-right: 10px; } } /*interior Carousel/Banner**/ body .carousel-inner .item { } body:not(#page-home):not(.body) > .container > .carousel-wrapper .item { background: none!important; left: 0px!important; height: 100%; } body:not(#page-home):not(.body) > .container > .carousel-wrapper .item, body:not(#page-home):not(.body) > .container > .carousel-wrapper .item.active { opacity: 1; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; left: 0px!important; } body:not(#page-home):not(.body) > .container > .carousel-wrapper .carousel { overflow: hidden; height: 100%; } body:not(#page-home):not(.body) > .container > .carousel-wrapper .carousel .carousel-indicators { display: none; } body:not(#page-home):not(.body) > .container > .carousel-wrapper .item:nth-child(2), body:not(#page-home):not(.body) > .container > .carousel-wrapper .item:nth-child(3), body:not(#page-home):not(.body) > .container > .carousel-wrapper .item:nth-child(4) { display: none!important; } /*Add Height to Default Carousel when manually added *******************/ .sb-carousel .carousel-wrapper .item-inner { height: 500px; } @media only screen and (max-width:1000px){ .sb-carousel .carousel-wrapper .item-inner { height:250px; } } .sb-carousel { padding: 0px!important; } /*Hide custom module*******************/ .page-home-page { display: none; } /*Interior Banners -- live and dev app view *******************/ body:not(#page-home) .carousel-wrapper, body.page-app:not(.page-home) .carousel-wrapper { background-position: 0px; background-size: cover!important; text-align: left; background-attachment: scroll!important; } body:not(#page-home):not(.body) > .container > .carousel-wrapper { height: 200px; } @media screen and (min-width:949px) { body:not(#page-home):not(.body) > .container > .carousel-wrapper { height: 295px; } } body.page-home .carousel-wrapper { height: inherit!important; } body.page-home .carousel-wrapper { background: none; height: inherit!important; } body:not(#page-home) .carousel-wrapper .item-content-inner { display: none; } body.page-app:not(.page-home) .carousel-wrapper .item-content-inner { display: block!important; } @media screen and (min-width:949px) { body:not(#page-home) .carousel-wrapper, body.page-app:not(.page-home) .carousel-wrapper { background-position: 0px 0px; } } /*Hide interior text banner**/ body:not(#page-home):not(.body) > .container > .carousel-wrapper .item-content-inner { display: flex!important; margin: auto; height: auto; align-self: flex-end; } /*Interior banner -- landing page thin style **/ body:not(#page-home):not(.body).has-banner-thin > .container > .carousel-wrapper { height: 60px; } @media screen and (min-width:1280px) { body:not(#page-home):not(.body).has-banner-thin > .container > .carousel-wrapper .item-content-inner { display: flex!important; margin: 0px; height: auto; align-self: flex-start; } body:not(#page-home):not(.body).has-banner-thin > .container > .carousel-wrapper .carousel img#logoimg:not(.footer img) { max-height: 60px !important; } body:not(#page-home):not(.body).has-banner-thin > .container > .carousel-wrapper { height: 165px; } body:not(#page-home):not(.body).has-banner-thin > .container > .carousel-wrapper { background-image: none!important; } body:not(#page-home):not(.body).has-banner-thin > .container > .carousel-wrapper .carousel-inner .item:before, body:not(#page-home):not(.body).has-banner-thin > .container > .carousel-wrapper:before { /* background: rgb(95 45 45 / 77%); */ background: linear-gradient(0deg, #8d929e 0%, #8d929e 40%, #8d929e 100%); } } body:not(#page-home):not(.body).has-banner-thin .body { background: linear-gradient(0deg, #fcfdff 0%, #ffffff 40%, #acb0bb 100%); } body:not(#page-home):not(.body).has-banner-thin .sb-module.sb-formbuilder, body:not(#page-home):not(.body).has-banner-thin .sb-module.sb-contactform { background: #ffffff!important; box-shadow: 0 0 10px 0px rgb(0 0 0 / 25%); border-radius: 12px; padding: 30px!important; } @media screen and (min-width:949px) { body:not(#page-home):not(.body).has-banner-thin .wrap-inner { padding-left: 120px; padding-right: 120px; } } body:not(#page-home):not(.body).has-banner-thin .sb-wrap-inner[class*='col-row-'] .sb-col:nth-of-type(1) .sb-module { padding: 0px !important; padding-bottom: 30px!important; } body:not(#page-home):not(.body).has-banner-thin .sb-wrap-inner[class*='col-row-'] .sb-col:nth-of-type(1) .sb-module .box { padding-bottom: 30px !important; border-bottom: 1px solid #cacaca; } /*Show home text banner**/ body.page-app.page-home .carousel-wrapper:not(.bg--none) .item-content-inner { display: block!important; } body:not(#page-home):not(.body) > .container > .carousel-wrapper .item-content-inner h2 { display: none!important; } body:not(#page-home):not(.body) > .container > .carousel-wrapper .item-content-inner h3 { display: none!important; } body:not(#page-home):not(.body) > .container > .carousel-wrapper p { display: none!important; } .sb-module .carousel { height: 100%!important; } .sb-module .carousel-indicators { display: block!important; } .sb-module .carousel-arrows-shadowed .carousel-control .glyphicon { display: block!important; } /*Builder Carousel/Interior Banners**/ body.page-app .carousel-wrapper:not(.bg--none) .item-content-inner { display: block!important; } /* set carousel img size -------------------------------------------------*/ .carousel img { max-height: 95px!important; margin: 0px; } /* SET HOT FIXES */ body:not(#page-home):not(.body) > .container > .carousel-wrapper .carousel .carousel-inner { overflow: visible; height: 100%; } /*custom carousel height -------------------------------------------------*/ #page-home:not(.body) > .container > .carousel-wrapper .item-inner { } @media (min-width:949px) { #page-home:not(.body) > .container > .carousel-wrapper .item-inner { min-height: 560px; height: 100%; /* Stack items vertically */ /* Vertically center-align items */ /* Horizontally center-align items */ width: 100vw; } } /*Carousel inner content -------------------------------------------------*/ .carousel-wrapper .item-content .item-content-inner { padding-left: 30px; padding-right: 30px; padding-bottom: 10px!important; padding-top: 40px!important; position: relative; } @media (min-width:949px) { .carousel-wrapper .item-content .item-content-inner { top: 40px!important; padding-left: 40px!important; padding-right: 40px!important; padding-bottom: 40px!important; padding-top: 40px!important; position: relative; margin: 0px; } } /*Carousel Custom content width && left/right Position -------------------------------------------------*/ #page-home:not(.body) > .container > .carousel-wrapper .item-inner { /* max-width: 100%; */ } @media (min-width: 768px) and (max-width: 1280px) { #page-home:not(.body) > .container > .carousel-wrapper .item-inner { max-width: 90%; } } @media (min-width: 1281px) and (max-width: 3840px) { #page-home:not(.body) > .container > .carousel-wrapper .item-inner { max-width: 90%; padding-right: calc(40px + (40vw - (1281px / 2))); padding-left: calc(40px + (40vw - (1281px / 2))); margin: auto; } } /* INTERIOR */ @media (min-width: 768px) and (max-width: 1280px) { body:not(#page-home):not(.body) > .container > .carousel-wrapper .item-inner { /* max-width: 1200px;*/ max-width: 100%; float: none; } } body:not(#page-home):not(.body) > .container > .carousel-wrapper .item-inner {height: 100%;} @media (min-width: 1281px) and (max-width: 3840px) { body:not(#page-home):not(.body) > .container > .carousel-wrapper .item-inner {/* max-width: 1400px;*/max-width: 100%;float: none;margin: auto;} } /* Carousel extra content -------------------------------------------------*/ .carousel .keywords { font-size: 80%; font-style: italic; font-family: georgia; margin-top: 40px; } /*add color overlay -------------------------------------------------*/ @media screen and (max-width:767px) { .carousel .carousel-inner .item:before, body:not(#page-home) .carousel-wrapper:before { opacity: 0.7; } } /* Carousel extra -------------------------------------------------*/ .carousel .item-content a { letter-spacing: inherit; } /*custom carousel sb--bgcover heights -------------------------------------------------*/ .item.sb--bgcover { height: 715px; } @media (min-width: 768px) and (max-width: 1280px) { .item.sb--bgcover { height: 750px; } } @media (min-width: 1281px) { .item.sb--bgcover {/* height: 860px;*/height: 100vh;min-height: 850px;} } /*center hero bg position -------------------------------------------------*/ @media screen and (max-width:480px) { .item.sb--bgcover { background-position: top center!important; } } /* Carousel 1 or 2 button or link style -------------------------------------------------*/ #page-home .carousel .item-content p a { text-align: center; } #page-home .carousel .item-content-inner { } /* carousel text custom position -----------------------------------------------------------------*/ .carousel .item-content { top: inherit!important; } @media screen and (min-width: 949px) { .carousel .item-content { top: inherit!important; } } .item-content-inner {top: inherit!important;} /** specific custom option ** Custom Module inside Carousel-------------------------------------------------*/ .carousel .sb-module { position: absolute; left: 0px; right: 0px; margin: auto; bottom: 165px; /* top: 0px; */ z-index: 1; } @media screen and (max-width:948px) { .carousel .sb-module { bottom: 0; } } @media screen and (min-width:949px) { .carousel .sb-module { /* top: 85vh; */ } } /* Use flexbox for vertical and horizontal centering */ #page-home .carousel .item-content { display: flex; flex-direction: column; /* Stack items vertically */ justify-content: center; /* Align items to the middle vertically */ align-items: flex-start; /* Horizontally center-align items */ height: 100%; /* Occupy the full height of the container */ padding-top: 50px; } .carousel-wrapper .item-content .item-content-inner { margin-top: 0px!important; margin-bottom: 0px!important; } /* carousel -- align to bottom */ @media screen and (min-width:949px) { #page-home.has-carousel-bottom .carousel-wrapper .carousel .item-content { justify-content: flex-end; padding-bottom: 60px; } #page-home.has-carousel-top .carousel-wrapper .carousel .item-content { justify-content: flex-start; padding-bottom: 120px; } } /*social icons (header) *******************/ .socials { display: flex; justify-content: center; align-items: center; gap: 10px; /* Adjust spacing between icons */ } .socials a { display: flex; justify-content: center; align-items: center; width: 40px; /* Set a uniform width for the icons */ height: 40px; /* Set a uniform height for the icons */ border: 0px solid #ccc; /* Add a border color */ background-color: #f0f0f0; /* Add a background color */ border-radius: 50%; /* Makes the icons circular */ text-decoration: none; transition: all 0.3s ease; /* Smooth hover effect */ } .socials a i { font-weight: normal!important; font-size: 20px; /* Adjust icon size */ color: #333; /* Icon color */ } .socials a:hover { background-color: #121212; /* Change background on hover */ border-color: #121212; /* Change border color on hover */ color: white; /* Change icon color on hover */ } .socials a:hover i { color: white!important; /* Change icon color on hover */ } .btn + .socials { padding-left: 20px; } /*Top Tabs *******************/ .tab { display: block; position: absolute; right: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-weight: 600; font-size: 18px; padding: 14px 10px 15px 6px; z-index: 10; border-top: 1px solid; border-right: 0px solid; border-bottom: 1px solid; border-left: 1px solid; } .tab-ph { top: 120px; } .tab-sm { bottom: 50px; } .tab-sm a { display: block; } .tab-sm a { padding-left: 10px; padding-bottom: 10px; } .tab-sm a:last-child { padding-right: 0px; padding-bottom: 0px; } .tab .fa-facebook { padding-left: 4px; } body:not(#page-home) .tab-sm a { display: inline-block; padding-bottom: 0px; } /*Form Builder******/ .sb-module.sb-formbuilder .headline h2 { padding-bottom: 40px!important; } /*Global Contact Forms ******************/ .form-control { border-radius: 0px; } .form-inner p { text-align: left; padding-top: 0px!important; } .form-inner .content { padding-bottom: 20px; } /* .module-form { padding-top: 120px; padding-bottom: 120px; } */ .module-form fieldset { padding-top: 0px; } body:not(#page-home) .module-form { padding-top: 0px; padding-bottom: 30px; } @media screen and (min-width:992px) { body:not(#page-home) .module-form { padding-top: 0px; } } .module-form input:not([type=submit]), .module-form input:not([type=checkbox]), .module-form input:not([type=radio]), .module-form textarea, select:not([id*='datetime_0_month']):not([id*='datetime_0_day']):not([id*='datetime_0_year']):not([id*='datetime_1_hour']):not([id*='datetime_1_minute']):not([id*='datetime_1_meridiem']) { display: block; width: 100%; padding: 20px 0px 20px 0px; font-size: 1rem!important; line-height: 24px; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; border-width: 0px solid; border-radius: .2em; -webkit-transition: all ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: all ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: all ease-in-out .15s, box-shadow ease-in-out .15s; outline: none; } .module-form input:not([type=submit]):not([type=submit]), .module-form textarea, .module-form select { border: 1px solid; } .module-form textarea { border-radius: .4em; line-height: 2.0em; padding-top: 20px; } #page-home .module-form input[type="submit"] { width: 100%; } @media (min-width: 1281px) and (max-width: 1920px) { .module-form textarea, select:not([id*='datetime_0_month']):not([id*='datetime_0_day']):not([id*='datetime_0_year']):not([id*='datetime_1_hour']):not([id*='datetime_1_minute']):not([id*='datetime_1_meridiem']), .sb-col .sb-formbuilder .module-form input:not([type=submit]):not([type=submit]), .module-form textarea, select:not([id*='datetime_0_month']):not([id*='datetime_0_day']):not([id*='datetime_0_year']):not([id*='datetime_1_hour']):not([id*='datetime_1_minute']):not([id*='datetime_1_meridiem']) { /* max-width: 100%; */ /* margin-left: auto; */ /* margin-right: auto; */ /* margin-top: 0px; */ } } @media (min-width: 1281px) and (max-width: 1920px) { .module-form input[type="submit"] { width: 100%; max-width: 75%; margin: auto; display: block; } } .module-form input:focus:not([type=submit]):not([type=submit]), .module-form textarea:focus{ box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.07); outline: none; } .module-form select { font-size: 80%; background-color: #eee; /* -webkit-appearance: none; -moz-appearance: none; appearance: none; */ } .module-form select { font-weight: 600!important; } select[id$='datetime_0_month'], select[id$='datetime_0_day'], select[id$='datetime_0_year'], select[id$='datetime_1_hour'], select[id$='datetime_1_minute'], select[id$='datetime_1_meridiem'] { display: inline-block!important; width: initial!important; } [for*='datetime_0'] { display: block!important; margin-bottom: 10px; } .mod-errorlist li { background-color: transparent; background-clip: padding-box; clear: both; display: block; padding: 4px 0px; border-radius: 1px; width: 100%; float: right; font-size: 1rem; font-style: normal; margin-bottom: 5px!important; color: #ffffff; background: transparent; font-weight: 500; background: red; border-radius: 4px; padding: 5px 15px; font-size: 14px; display: inline-block; width: inherit; } .mod-errorlist li { clear: both; display: block; } .form-error input, .form-error textarea { border-color: #ff0101!important; } .sb-form-success { padding: 40px!important; background: #4444440d; } select:not([id*='datetime_0_month']):not([id*='datetime_0_day']):not([id*='datetime_0_year']):not([id*='datetime_1_hour']):not([id*='datetime_1_minute']):not([id*='datetime_1_meridiem']){ border: 1px solid!important; border-color: rgba(0, 0, 0, .10)!important; position: relative; border-radius: .25em; text-indent: 0px; box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.04); background-color: #fff!important; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; background: url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 10px) !important; background-position: 95% 50%!important; } input:invalid, textarea:invalid { border-color: #ff0000!important; outline: 0; -moz-box-shadow: 0 0 0 0.2rem rgba(213, 42, 42, 0.15); -webkit-box-shadow: 0 0 0 0.2rem rgba(213, 42, 42, 0.15); box-shadow: 0 0 0 0.2rem rgba(213, 42, 42, 0.15); } /* additional styling -- preferred date group*/ .input-group { max-width: 70%; margin: auto; } .input-group .form-control { display: table!important; max-width: 99%!important; } .input-group .input-group-addon { border: 0px; border-radius: 4px!important; text-align: center; } .input-group .form-control { box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%); } /* fix issue with red colored text */ .contact-form ul[id^="id_"] { color: inherit!important; } /* checkbox alignment */ input[type="checkbox"] { vertical-align: middle; } /* radio alignment */ input[type="radio"] { vertical-align: top; } .contact-form ul[id^="id_"] li { margin-bottom: 10px; } .contact-form ul[id^="id_"] input[type="checkbox"], .contact-form ul[id^="id_"] input[type="radio"] { float: left; margin: 0px; padding: 0px; width: auto; margin-right: 20px; border-radius: 2px; transition: background-color .15s,border-color .15s; width: 20px; height: 20px; } .contact-form .helptext { display: inline-block; padding: 15px 5px 10px 5px; font-size: 11px; line-height: 1.8em!important; text-align: left; } /* set up col list for checboxes */ .sb-formbuilder p { clear: both; padding: 20px 0px!important; display: block; padding-bottom: 0px!important; } .contact-form ul[id^="id_"] > li { text-align: left; color: rgb(22, 22, 22); font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: -0.14px; padding: 12px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; cursor: pointer; margin-bottom: 10px; font-family: var(--ghc-primary-font-family), sans-serif; -webkit-font-smoothing: antialiased; } @media screen and (min-width: 949px) { .contact-form ul[id^="id_"] > li { margin-left: 5px; float: left; color: rgb(22, 22, 22); font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: -0.14px; padding: 12px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; cursor: pointer; margin-bottom: 0px; font-family: var(--ghc-primary-font-family), sans-serif; -webkit-font-smoothing: antialiased; } } .sb-formbuilder p { clear: both; padding: 20px 0px!important; display: block; padding-bottom: 0px!important; } } /* standard cal font color */ .datepicker { color: #232323!important; } /*==================================================================================*/ /* CUSTOMIZE CONTACT FORM STYLING 2 */ /*==================================================================================*/ .module-form input:not([type=submit]):not([type=submit]), .module-form textarea { color: #1f1f1f; } .module-form input:focus:not([type=submit]):not([type=submit]), .module-form textarea:focus { color: #094172; background-color: rgb(9 65 113 / 0%); border-color: #064171; outline: 0; box-shadow: 0 0 0 0.2rem rgb(9 65 113 / 11%); } .module-form input:not([type=submit]):not([type=submit]), .module-form textarea, .module-form select { padding: 0.75rem 1.5rem; font-size: 1.0rem!important; line-height: 1.5; border-radius: 0.2rem; font-weight: 500; } .module-form input:not([type=submit]):not([type=submit]):not([type=checkbox]), .module-form textarea, select:not([id*='datetime_0_month']):not([id*='datetime_0_day']):not([id*='datetime_0_year']):not([id*='datetime_1_hour']):not([id*='datetime_1_minute']):not([id*='datetime_1_meridiem']) { padding: 10px 0px 10px 20px; } /*==================================================================================*/ /* SET CONTACT FORM STYLING */ /*==================================================================================*/ .module-form input:not([type=submit]):not([type=submit]), .module-form input:not([type=checkbox]), .module-form input:not([type=radio]), .module-form textarea, .module-form select { display: block; width: 100%; padding: 16px 0px 16px 0px; font-size: 1rem; line-height: 18px; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid; border-radius: 0em; -webkit-transition: all ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: all ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: all ease-in-out .15s, box-shadow ease-in-out .15s; outline: none; } .module-form input[type=submit] { width: 100%!important; } .sb-module .content a.phone:before { content: '\f095'!important; } .sb-module .content a.mail:before { content: '\f0e0'!important; } .sb-module .content a.fax:before { content: '\f1ac'!important; } .sb-module .content a.pay:before { content: '\f155'!important; } .sb-module .content a.forms:before { content: '\f108'!important; } /* fontawesome icons */ .sb-module .content a.fax:before, .sb-module .content a.phone:before, .sb-module .content a.mail:before, .sb-module .content a.map:before, .sb-module .content a.pay:before, .sb-module .content a.forms:before { font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 0px 10px 0px 0px; text-decoration: none; display: inline-block; font-size: 13px; width: 15px; text-align: center; } .sb-module .content a.fax, .sb-module .content a.phone, .sb-module .content a.mail, .sb-module .content a.map, .sb-module .content a.pay, .sb-module .content a.forms { display: block; margin-bottom: 10px; } .sb-module .content a.map { margin-top: 10px; font-size: 70%; display: block; border-radius: 6px; background: #ffffff08; box-shadow: -1px 2px 1px 0 rgb(0 0 0 / 8%); padding: 4px 12px; border: 1px solid; text-align: center!important; margin-left: 0px!important; } @media screen and (min-width:949px) { .sb-module .content a.map { width: 50%; } } @media screen and (min-width:949px) { .sb-module .contact-info a.map { margin: auto!important; margin-top: 10px!important; } } .locations_list .fas.fa-phone { -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); -moz-transform: matrix(-1, 0, 0, 1, 0, 0); -o-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); } .locations_list .fa.fa-phone { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transform: matrix(1, 0, 0, 1, 0, 0); -o-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } .svg-icon { background-image: url("../svg/Adjust.svg"); } /*Footer *******************/ .footer { clear: both; overflow: hidden!important; margin-bottom: 0px; } .footer .wrapper { max-width: 100%; } @media screen and (min-width:949px) { .footer .wrapper { /* max-width: 1050px;*/ } } .footer .footer-box { float: left!important; padding: 0px; padding-right: 15px; padding-left: 15px; position: relative; min-height: 1px; } .footer .footer-box:nth-child(1), .footer .footer-box:nth-child(2), .footer .footer-box:nth-child(3) { width: 100%!important; text-align: center!important; } .footer .footer-box:nth-child(1) { margin-bottom: 20px; } .footer .footer-box:nth-child(2) { margin-bottom: 20px; } .footer .footer-box:nth-child(3) { } .footer .footer-box:nth-child(1) p:last-child { margin-bottom: 0px; } @media screen and (min-width:949px) { .footer .footer-box:nth-child(1) { width: 25%!important; text-align: left!important; margin-bottom: 0px; } .footer .footer-box:nth-child(2) { width: 50%!important; text-align: left!important; margin-bottom: 0px; } .footer .footer-box:nth-child(3) { width: 25%!important; text-align: right!important; margin-bottom: 0px; } } .footer .footer-box h2 { margin-bottom: 20px; } .footer-user-content { padding-bottom: 20px!important; } @media screen and (min-width:949px) { .footer-user-content { padding-bottom: 20px!important; } } .footer .nav-inner a:hover { text-decoration: none; } .footer .locations_list .location_name { display: block!important; font-weight: 600!important; font-size: 18px; padding: 10px 0px; line-height: 35px; } .footer .locations_list .location_name + br { display: none!important; } /*==================================================================================*/ /* footer layout 2 -- multi column */ /*==================================================================================*/ .footer.multi-col .wrapper .container, .footer.multi-col .footer-box.footer-box-content, .footer.multi-col.footer-box.footer-streetaddress, .footer.multi-col .footer-box.footer-streetaddress .locations_list, .footer.multi-col .nav ul, .footer.multi-col .social-module { text-align: center; margin: auto!important; } @media screen and (min-width: 949px) { .footer.multi-col .wrapper .container, .footer.multi-col .footer-box.footer-box-content, .footer.multi-col .footer-box.footer-streetaddress, .footer.multi-col .footer-box.footer-streetaddress .locations_list, .footer.multi-col .nav ul, .footer.multi-col .social-module { text-align: left!important; margin: 0px!important; } } .footer.multi-col .wrapper { margin: auto!important; float: none!important; } .footer.multi-col .wrapper .container { margin: auto; } .footer.multi-col .footer-box .locations_list br { display: none; } .footer.multi-col .wrapper .container img { max-height: 80px!important; margin: auto; text-align: center; } @media screen and (min-width: 949px) { .footer.multi-col .wrapper .container img { margin: 0px; } } .footer.multi-col .social-module a { margin: 0px 5px; } .footer.multi-col .social-module { margin-top: 25px!important; } @media screen and (min-width: 949px) { .footer.multi-col .social-module a { margin: 0px 10px 0px 0px; } } .footer.multi-col .social-module a .fa { font-size: 15px!important; } /* left col -- links content */ .footer.multi-col .footer-box.footer-box-content { width: 100%!important; float: none!important; display: inline-block!important; padding: 0px; padding-top: 40px!important; } @media screen and (min-width: 949px) { .footer.multi-col .footer-box.footer-box-content { width: 80%!important; float: left!important; padding-right: 100px!important; padding-left: 0px; } } @media screen and (min-width: 949px) { .footer.multi-col .nav a { font-size: 14px!important; } } @media screen and (min-width: 949px) { .footer.multi-col .nav li { display: block; } } .footer.multi-col .nav li a { padding-left: 0px; padding-right: 0px; } @media screen and (min-width: 949px) { .footer.multi-col .nav li a { padding-left: 0px; padding-right: 65px; } } @media screen and (min-width: 949px) { .footer.multi-col .nav li.primary-link { display: inline-block; vertical-align: top; } } .footer.multi-col .nav li.primary-link > a { font-weight: 600!important; } @media screen and (min-width: 949px) { .footer.multi-col .nav li.primary-link > a { font-weight: 600!important; } } .footer.multi-col .dropdown-wrapper { opacity: 1; margin-top: 10px; } .footer.multi-col #nav li a i.chevron-visible { display: none!important; } /* right col -- address */ .footer.multi-col .footer-box.footer-streetaddress { width: 100%!important; display: inline-block; padding: 0px; padding-top: 40px!Important; } @media screen and (min-width: 949px) { .footer.multi-col .footer-box.footer-streetaddress { width: 20%!important; } } .footer.multi-col .footer-box.footer-streetaddress .locations_list { width: 100%; } .footer.multi-col.footer-box.footer-streetaddress span:not(.location_name) { margin-bottom: 10px!important; display: block; } /*==================================================================================*/ /* SET FOOTER 2 */ /*==================================================================================*/ .footer-user-content { padding: 0px; position: relative; min-height: 1px; width: 100%!important; text-align: center!important; margin: auto; padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0); } @media screen and (min-width: 949px) { .footer-user-content { width: 100%!important; } } .footer-user-content:empty { display: none; } .footer a .fa { font-size: 14px!important; } /*logotext size*/ .footer #logotext { font-size: 60px!important; font-weight: 400!important; letter-spacing: 0px; text-transform: capitalize!important; } @media screen and (min-width:949px) { .footer #logotext { font-size: 60px!important; } } /*Social Media Module (Footer) ******************/ .social-module img { display: none; } .social-module a { border-radius: 50px; width: 35px; height: 35px; padding-top: 10px; display: inline-block; border: 1px solid; margin-left: 5px; margin-bottom: 5px; text-align: center; } .social-module a:last-child { margin-right: 0px; } .social-module a:hover { border: 1px solid; } .social-module a .fa { font-size: 19px; line-height: 25px; text-align: center; vertical-align: middle; } /*force icon ******************/ .footer a .fa, .social-module a .fa{ font: normal normal normal 14px/0 FontAwesome!important; } /*force no bg color ******************/ .footer-user-content span { background: rgba(0, 0, 0, 0)!important; } /* Fade transition for carousel items -- ONLY Homepage Header Carousel */ #page-home:not(.body) > .container > .carousel-wrapper .item { left: 0 !important; -webkit-transition: opacity 1.2s cubic-bezier(0.25, 1, 0.33, 1); /*adjust timing here */ -moz-transition: opacity 1.2s cubic-bezier(0.25, 1, 0.33, 1); -o-transition: opacity 1.2s cubic-bezier(0.25, 1, 0.33, 1); transition: all 1.3s cubic-bezier(0.25, 1, 0.33, 1); } .carousel-control { background-image: none !important; /* remove background gradients on controls */ } /* Fade controls with items */ .next.left, .prev.right { opacity: 1; z-index: 1; } .active.left, .active.right { opacity: 0; z-index: 2; } /*Btn Style******************/ a.btn, .btn, a.btn.btn-default, .btn.btn-default, .carousel a, body.page-feed-post .entry a { text-decoration: none; } /*Btn Style -- set mobile width******************/ @media screen and (max-width: 1000px) { a.btn:not(.btn-cta-mobile):not(.btn-primary):not(.btn-secondary), .btn:not(.btn-cta-mobile):not(.btn-primary):not(.btn-secondary), a.btn.btn-default, .btn.btn-default, .carousel p a, body.page-feed-post .entry a, .google-map-directions, #page-home .gallery-header, .module-form input[type=submit] { width: 100%!important; white-space: normal; /* Allow text to wrap to the next line */ } } @media screen and (max-width: 1000px) { #page-home .gallery.var1 .gallery-item a.btn:not(.btn-cta-mobile) { width: 65%!important; } } /*Btn Style hover blank ******************/ a.nohover:hover, a.btn.blankhover:hover { background: transparent!important; border-color: transparent!important; } .content a.btn.blankhover:hover:not(.btn-reset):hover:not(.btn-cta) { background: transparent!important; border-color: transparent!important; } /* btn resets */ @media screen and (min-width: 949px) { .has-btn-lg a.btn-reset, a.btn-reset, a.btn-ph.btn-reset { margin: 0px; display: inline-block!important; padding: 0px!important; width: inherit!important; background-color: transparent!important; border: 0px!important; box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 0%)!important; } a.btn-reset:hover { background-color: transparent!important; } } /* btn lg */ @media screen and (min-width: 949px) { [class*='btn-lg'] { font-size: 20px !important; } } /* btn white outline*/ a.btn.white, .btn.white, a.btn.btn-default.white, .btn.btn-default.white, .carousel a.white { background-color: transparent!important; border: 1px solid #fff!important; color: #fff!important; } a.btn-reset:hover { background-color: transparent!important; } /* form module resets */ .bootstrap-datetimepicker-widget { padding: 40px!important; width: 350px!important; max-height: initial !important; } .timepicker-picker .btn { background: inherit!important; color: inherit!important; padding: inherit!important; height: 40px!important; width: inherit!important; border: none !important; } #page-appointments .timepicker-picker .btn[data-action]:hover, .btn[data-action="incrementHours"] { cursor: pointer !important; outline: none !important; border-radius: 0 !important; padding: 0 !important; line-height: normal !important; font-size: initial !important; font-weight: normal !important; text-transform: none !important; letter-spacing: normal !important; border: none !important; width: auto !important; box-shadow: none !important; transform: none !important; background: none !important; color: inherit !important; padding: inherit !important; height: 40px !important; width: inherit !important; } /* blog pagination btn */ .pagination a { color: #282828!important; background: rgb(0 0 0 / 0%)!important; border-color: #343434!important; border-radius: 50px; margin-left: 10px; padding-left: 20px; padding-right: 20px; } /*Google Map Style******************/ .div.review { clear: none; width: 33%; float: left; display: inline-block; } /*Google Map Style******************/ .gm-style .gm-style-iw-c { padding: 16px; box-shadow: 1px 11px 10px 2px rgba(0, 0, 0, 0.14); text-align: center; } /*Blog Style******************/ /* Recent Posts Module*/ .sb-blogrecentposts .list li { text-align: center; padding: 0px; margin: 0px; margin-top: 30px; border-top: 0px; transform: scale(1,1); -webkit-transition: all .35s ease-in; -moz-transition: all .35s ease-in; transition: all .35s ease-in; display: block; } .sb-blogrecentposts .list li:hover { transform: scale(1.03,1.03); -webkit-transition: all .35s ease-in; -moz-transition: all .35s ease-in; transition: all .35s ease-in; } .sb-blogrecentposts .list li a { font-size: 25px; line-height: 35px; padding: 50px; display: inline-block; -moz-box-shadow: 1px 1px 10px rgba(0,0,0, 0.08); -webkit-box-shadow: 1px 1px 10px rgba(0,0,0, 0.08); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.08); border-right: 1px solid rgba(0,0,0, 0.1); border-bottom: 1px solid rgba(0,0,0, 0.1); border-top: 0px; margin: 0px; border-radius: 2px; width: 100%; } @media screen and (min-width:949px) { .sb-blogrecentposts .list li { display: inline-block; } .sb-blogrecentposts .list li a { margin: 10px; width: 90%; height: 200px!important; } } .sb-blogrecentposts .list li a { position: relative; } .sb-blogrecentposts .list li a::after { content: ""; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 25%; /* 1/4th of the width of the link */ height: 4px; border-radius: 100px; background-color: #8baba2; /* Adjust to desired color */ } /* Recent Posts Module -- has simple list format */ .has-recentblog-list .sb-blogrecentposts .list { list-style: none; padding: 0; margin: 0; } .has-recentblog-list .sb-blogrecentposts .list li { text-align: left!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!imo;!imop;!imopr;!imoprt;!imopr;!imop;!imo;!im;!i;!;! @; /* Align text to the left for a list format */ padding: 10px 0; /* margin: 10px 0; */ border-top: 0px; transform: scale(1, 1); -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; display: inline-block; /* Stacked layout */ width: 100%!important;!importan;!import;!impor;!impo;!imp;!im;!i;!; float: none; max-width: 100%; padding: 0px;!importnat;!importnat;!importna;!importn;!import;!impor;!impo;!imp;!im;!i;!; height: auto!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!imo;!imop;!im;!i;!;!importnat;!importnat;!importna;!import;!impor;!impo;!imp;!im;!i;!io;!iom;!iomo;!iomoo;!iomoop;!iomoopr;!iomoop;!iomoo;!iomo;!iom;!io;!; margin: 0px; } .has-recentblog-list .sb-blogrecentposts .list li:hover { transform: scale(1.03, 1.03); -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .has-recentblog-list .sb-blogrecentposts .list li a { font-size: 20px; /* line-height: 30px; */ padding: 10px 10px 10px 40px; display: inline-block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; /* margin: 0; */ border-radius: 0; width: 100%; position: relative; text-decoration: none; height: 100%!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!; font-weight: bold; text-align: left!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!imo;!imop;!imo;!im;!i;!;!imoportnat;!imoportnat;!imoportna;!imoportn;!imoport;!imopor;!imopo;!imop;!imo;!im;!i;!;!importnat;!importnat;!importna;!import;!impor;!impo;!imp;!im;!imo;!imop;!imo;!im;!i;!;!importnat;!importnat;!importna;!importn;!import;!impor;!impo;!imp;!im;!imo;!imop;!imopr;!imoprt;!imoprta;!imoprtan;!imoprtant;!imoprtan;!imoprta;!imoprt;!imopr;!imop;!imo;!im;!i;!; } .has-recentblog-list .sb-blogrecentposts .list li a::before { content: ""; display: inline-block; width: 12px; height: 12px; background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"%3E%3Cpath fill="%23333" d="M7.293 14.707a1 1 0 001.414 0l5-5a1 1 0 000-1.414l-5-5a1 1 0 10-1.414 1.414L11.586 9H3a1 1 0 100 2h8.586l-4.293 4.293a1 1 0 000 1.414z"%3E%3C/path%3E%3C/svg%3E') no-repeat center; background-size: contain; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); } .has-recentblog-list .sb-blogrecentposts .list li a:hover::before { background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"%3E%3Cpath fill="%23639" d="M7.293 14.707a1 1 0 001.414 0l5-5a1 1 0 000-1.414l-5-5a1 1 0 10-1.414 1.414L11.586 9H3a1 1 0 100 2h8.586l-4.293 4.293a1 1 0 000 1.414z"%3E%3C/path%3E%3C/svg%3E') no-repeat center; background-size: contain; } @media screen and (min-width: 949px) { .has-recentblog-list .sb-blogrecentposts .list li a { font-size: 22px; margin-left: 60px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!; } } .has-recentblog-list .text--left .sb-blogrecentposts ul:not(.mod-errorlist):not([id^="id_"]) { margin: 0px!important; } /*full blog page*/ /*blog resets*/ .content blockquote, .headline blockquote, .post .entry blockquote, .content p, .headline p, .post .entry p, .content ol, .headline ol, .post .entry ol, /*.content ul,*/ .headline ul, .post .entry ul { font-size: initial; /* line-height: initial; */ } @media screen and (max-width:1000px) { body.page-feed-post:not(#page-home) .sb-wrap:first-child .sb-col:first-child .sb-module, body.page-full-post:not(#page-home) .sb-wrap:first-child .sb-col:first-child .sb-module { padding-top: 0px!important; } } body.page-feed-post h1.title, body.page-full-post h1.title { padding-bottom: 0px!important; text-align: left!important; } body.page-feed-post h1.title, body.page-full-post h1.title { font-size: 1.5em!important; line-height: 1.1em!important; font-weight: 700; text-transform: capitalize; } @media (min-width: 768px) { body.page-feed-post h1.title, body.page-full-post h1.title { font-size: 2.5em!important; line-height: 1.5em!important; } } body.page-feed-post .sb-col, body.page-full-post .sb-col { float: initial!important; width: initial!important; } body.page-feed-post .fa-twitter, body.page-full-post .fa-twitter { color: #bdbdbd; } body.page-feed-post .fa-share, body.page-full-post .fa-share { color: #bdbdbd; } /*categories header*/ body.page-feed-post .sb-blog-row + .sb-col h3 , body.page-full-post .sb-blog-row + .sb-col h3 { font-weight: 600; text-transform: uppercase; } body.page-feed-post .posts .social a, body.page-full-post .posts .social a { width: 30px; height: 30px; padding: 7px; padding-top: 4px; display: inline-block; overflow: hidden; border-radius: 50px; border: 1px solid; border-color: #bdbdbd; } body.page-feed-post .list li, body.page-full-post .list li { border: 0px; padding: 0px 0px; } body.page-full-post .meta { padding-top: 10px; padding-bottom: 20px; text-align: left; display: block; margin: 0px auto; } body.page-full-post .sb-module h2 { text-align: left!important; } /*feed page*/ body.page-feed-post .entry { text-align: left!important; } body.page-feed-post .entry p { margin-top: 10px; margin-bottom: 10px!important; /* line-height: 1.7em!important; */ } body.page-feed-post .entry p:first-child { display: none; } body.page-feed-post img + h2.title { text-align: left!important; font-size: 24px!important; line-height: 30px!important; padding-bottom: 6px; } body.page-feed-post h2.title a { text-align: left!important; font-size: 23px!important; line-height: 30px!important; font-weight: 400!important; text-transform: capitalize; letter-spacing: 0px; } body.page-feed-post .post .entry p { line-height: 1.8em!important; } body.page-feed-post .sb-blog-row a.sb-read-tag { margin-top: 5px!important; display: inline-block; } @media screen and (max-width:767px) { body.page-feed-post .sb-blog-row a.sb-read-tag { text-align: center; } } body.page-feed-post .posts { padding: 0px; padding-bottom: 30px; } @media (min-width: 768px) and (max-width: 3840px) { body.page-feed-post .posts { padding: 0px 15px; padding-bottom: 30px; min-height: 600px; height: 600px; display: flex; } } @media (min-width: 768px) and (max-width: 1280px) { body.page-feed-post .posts { width: 50%; max-width: 50%; } } body.page-feed-post .posts .social, body.page-full-post .posts .social { display: block; margin-top: 40px; } body.page-feed-post .posts .social { display: none; } body.page-feed-post .post .meta { display: block; padding-bottom: 0px; text-align: left!important; } body.page-feed-post .post .meta span:not(.comments) { opacity: .4; } body.page-feed-post .post .meta .author { display: none; } body.page-feed-post .box-inner { } body.page-feed-post .box-inner:after { } body.page-feed-post .post { -moz-box-shadow: 1px 1px 10px rgba(0,0,0, 0.08); -webkit-box-shadow: 1px 1px 10px rgba(0,0,0, 0.08); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.08); border-right: 1px solid rgba(0,0,0, 0.1); border-bottom: 1px solid rgba(0,0,0, 0.1); border-top: 0px; transform: scale(1,1); -webkit-transition: all .35s ease-in; -moz-transition: all .35s ease-in; transition: all .35s ease-in; padding: 20px; overflow: hidden; } @media (min-width:768px) { body.page-feed-post .post { padding: 30px; overflow: hidden; height: 100%; text-align: center; } } @media (min-width: 768px) and (max-width: 1280px) { body.page-feed-post .posts { width: 50%; max-width: 50%; } } body.page-feed-post .body img { max-width: 100%; height: 100%!important; margin-bottom: 20px!important; float: inherit!important; border: 0px!important; max-width: 120%!important; width: 120%!important; margin-left: -10%!important; margin-top: -20%!important; margin-right: -10%!important; } @media (min-width: 768px) and (max-width: 3840px) { body.page-feed-post .body img { max-width: inherit!important; height: inherit!important; max-height: 145px!important; float: inherit!important; border: 0px!important; position: relative; left: 0px; right: 0px; top: 0%; scale: 2.2; width: inherit!important; height: inherit!important; margin-bottom: 110px!important; clear: both; margin-left: -10%!important; margin-top: -5%!important; margin-right: -10%!important; } } @media (min-width:768px) { body.page-feed-post .sb-module:nth-child(2) .list ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; } } body.page-feed-post .box-many .box:last-child { position: relative; display: block; clear: both; float: right; } body.page-feed-post .entry p a { font-size: 11px!important; width: inherit; padding: 1px 6px 0px!important; color: #ffffff!important; background: #2a2a2a!important; border-color:#2a2a2a!important; float: left; margin: 0px!important; border-radius: 2px!important; line-height: 16px; } @media (max-width:768px) { .sb-blogcategories .list li { width: 100%!important; display: block; margin: 10px 0px; } } .sb-blogcategories .list li { display: block!important; cursor: pointer; outline: none; border-radius: 0px; padding: 4px 20px 4px 20px!important; line-height: 20px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0px; border: 1px solid; width: 300px; letter-spacing: 0px!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.0), 0 1px 1px rgba(0,0,0,.0); /* transform: scale(1);*/ transform: translateY(0px); box-shadow: 0px 6px 12px 5px rgba(0, 0, 0, 0.00); color: #fff; background: #2a2a2a!important; border-color:#2a2a2a!important; border-radius: 2px!important; line-height: 3.5em; margin: 10px 0px!important; } .sb-blogcategories .list a { color: #fff; } .sb-blogcategories .list li { line-height: 3.5em; } body.page-feed-post .headline h3 { font-size: 25px!important; } .sb-blogarchives { margin-bottom: 100px!important; } /*full post page*/ body.page-full-post .wrap-inner { width: 100%; margin: auto!important; max-width: 1100px; float: none; } body.page-full-post .sb-blog-row { margin-bottom: 20px; padding-bottom: 20px; /* border-bottom: 1px solid; border-bottom-color: #e0e0e0; */ } body.page-full-post .entry p:first-child img { border: 0px!important; min-width: 100%!important; margin: 0px!important; margin-bottom: 15px!important; } @media screen and (min-width:768px) { body.page-full-post .entry p:first-child img { margin-bottom: 20px; margin-right: 40px!important; min-width: inherit!important; } } body.page-full-post .comments li { list-style: none; } body.page-full-post .comment { border-bottom: 1px solid #e8e8e8; padding: 10px; } body.page-full-post .comments img { display: none; } .site-messages .success { margin: 0px; padding: 30px; font-size: 30px; list-style: none; text-align: center; } /* Breadcrumb Style (Blog Only)******************/ .breadcrumb { padding: 0px; margin-top: 40px; margin-bottom: 30px; background: transparent; font-size: 14px; line-height: 20px; } @media screen and (min-width:949px) { .breadcrumb { padding: 0px; margin-top: 60px; margin-bottom: 30px; background: transparent; font-size: 14px; line-height: 20px; } } body.page-feed-post .breadcrumb { padding-left: 30px; } body#page-home .sb-blogrecentposts-row .content p { text-align: center; } /* Gallery Resets******************/ .gallery:not(.var1) .gallery-item { float: initial; position: relative; top: 0px; margin: auto; padding: 0px; width: 100%; } .gallery:not(.var1) .gallery-item img { -webkit-border-radius: initial; -moz-border-radius: initial; border-radius: initial; -webkit-box-shadow: initial; -moz-box-shadow: initial; box-shadow: initial; border: 0px!important; max-height: initial; max-width: initial; background-color: initial; vertical-align: middle; display: inline-block; } .gallery:not(.var1) .gallery-item:hover img { border-color: initial!important; -webkit-box-shadow: initial; -moz-box-shadow: initial; box-shadow: initial; } /* Gallery %/num styling ******************/ .gallery:not(.var1) .gallery-header .percent { display: block!important; height: 100%; margin: 10px 0px; } /* .sb-testimonials { height: 500px; height: 100vh; overflow-x: hidden; overflow-y: auto; -webkit-perspective: 300px; perspective: 300px; } .sb-testimonials .sb-wrap-inner { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; position: relative; height: 500px; height: 100vh; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .sb-testimonials .sb-wrap-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sb-testimonials .sb-module { text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } */ .gallery.row { display: inline-block!important; } /*Tint Overlay******************/ .sb-wrap.sb--overlay:before { content: ""; height: 100%; position: absolute; top: 0px; left: 0; width: 100%; z-index: 0; margin: 0px; } .sb-wrap.sb--overlay:before { opacity: .8; } /*==================================================================================*/ /* add overlay --sb-wrap && mics wrappers */ /*==================================================================================*/ .container > .micro-cta:before { content: ""; height: 100%; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; margin: 0px; } .container > .micro-cta:before { opacity: 1; } /* body:not(#page-home) .sb-wrap:after, body:not(#page-home) .sb-wrap:before { z-index: -1; } */ /*Full-cover-bg******************/ .accent--lite1, .sb--bgcover { height: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; /* -webkit-box-align: center; */ -ms-flex-align: center; /* align-items: center; */ /* -webkit-box-pack: center; */ -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; /* flex-wrap: wrap; */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width:949px) { .accent--lite1, .sb--bgcover, .footer { height: 100%; } } @media screen and (max-width: 767px) { .sb--bgcover, .body, .footer { background-position: top center!important; background-size: cover!important; background-attachment: scroll; overflow: visible; z-index: 0; } } @media screen and (min-width:768px) { .sb--bgcover, .body { background-position: 50% 0; background-size: cover!important; background-attachment: scroll!important; background-repeat: no-repeat; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1281px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { .sb--bgcover, .body { background-position: 50% 0; background-size: cover!important; } } .accent--lite1, .sb--bgcover:not(.item) { height: 100%!important; } @media screen and (min-width:949px) { .sb--bgcover:not(.item) { height: 100%!important; } } .sb-bg-pattern-row { background-size: inherit!important; background-repeat: repeat; } body.page-app .sb-row { background-position: top center!important; background-size: cover!important; background-attachment: scroll; overflow: visible; z-index: 0; } .carousel-wrapper, .logo { opacity: 0; } @media screen and (min-width:949px) { .has-parallax-1, .has-parallax-2 { background-attachment: fixed!important; } } /* **************************************************************** * SITE -- FEATURES * ****************************************************************/ /* has pattern bg property */ .has--pattern { background-size: inherit!important; background-repeat: repeat; background-position: center center!important; background-attachment: inherit!important; } /*==================================================================================*/ /* Row of 3 cols/images */ /*==================================================================================*/ @media screen and (max-width:767px) { .sb--bgcover.image-row-three-wrap { height: auto!important; } } @media screen and (max-width:767px) { .sb--bgcover:not(.sb-gallery-row) .sb-wrap-inner.image-row-three:not(.col-row-three) { display: flex; flex-wrap: wrap; } } @media screen and (max-width:767px) { .sb--bgcover.image-row-three-wrap .sb-col { flex-basis: 0; flex-grow: 1; } } @media (min-width: 768px) { body#page-home .col-row-three-wrap:not(.sb-hoursofoperation-row):not(.sb-feature-cards1-row):not(.sb-feature-cards2-row) .sb-col, body#page-home .sb-image-row:not(.sb-feature-coupon1-row):not(.sb-feature-cards1-row):not(.sb-feature-cards2-row) .image-row-three .sb-col { width: 33.33%!important; } } /* @media (min-width: 768px) { .sb-image-row:not(.sb-feature-coupon1-row) .image-row-four .sb-col { width: 25%!important; } } @media (max-width: 767px) { .image-row-four img { max-width: 70%!important; } } */ /*==================================================================================*/ /* SET MODULE 100% HEIGHTS WHERE NEEDED */ /*==================================================================================*/ .sb-feature-cta-row, .sb-feature-cta1-row, .sb-feature-cta2-row, .sb-gallery-row, .sb-feature-services-row, .sb-feature-services2-row, .sb-testimonials-row, .sb-formbuilder-row, .sb-contactform-row, .custom--style1, .sb-feature-about-row, .sb-feature-about1-row, .sb-feature-about2-row, .sb-feature-about3-row, .sb-content-intro-row, .sb-feature-message1-row, .sb-formbuilder-row { height: 100%!important; } @media screen and (min-width:949px) { .sb-feature-cta-row, .sb-feature-cta1-row, .sb-feature-cta2-row, .sb-gallery-row, .sb-feature-services-row, .sb-testimonials-row, .sb-formbuilder-row, .sb-contactform-row, .custom--style1, .sb-feature-about-row, .sb-feature-about1-row, .sb-feature-about2-row, .sb-content-intro-row, .sb-feature-message1-row { height: 100%!important; } } /*video - vimeo full screen bg ******************/ .vimeo-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; } .vimeo-wrapper iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (max-width:768px) { .vimeo-wrapper { display: none; } } /*global feature module style ******************/ @media screen and (min-width:949px) { .sb-feature-referafriend-row .sb-col:nth-child(1) { padding-right: 30px; } } .sb-feature-referafriend-row .sb-col:nth-child(2) { border: 1px solid #ededed; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05); border-radius: 6px; padding: 20px; } @media screen and (min-width:949px) { .sb-feature-referafriend-row .sb-col:nth-child(2) { height: 100%; padding: 0px 10px; } } .sb-feature-referafriend-row .sb-col:nth-child(2) span { font-size: 26px!important; font-weight: 500; line-height: 35px!important } /*AOS accept longer values ******************/ body[data-aos-duration='4000'] [data-aos], [data-aos][data-aos][data-aos-duration='4000'] { transition-duration: 4000ms; } /*==================================================================================*/ /* extra footer instance fix -- remove 2nd instance */ /*==================================================================================*/ body > .footer-box { display: none; } /*==================================================================================*/ /* Header Toolbar smaller bs-cols */ /*==================================================================================*/ @media only screen and (min-width: 62em){ .toolbar-links .fcol-1.col-md-3, .toolbar-links .fcol-3.col-md-3 { -ms-flex-preferred-size: 15%; flex-basis: 20%; max-width: 20%; } } @media only screen and (min-width: 62em){ .toolbar-links .fcol-2.col-md-7 { -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } } /*Optima Attribution******************/ .by-optima { padding: 30px 0px!important; border-radius: 0px!important; display: block!important; vertical-align: middle!important; margin-left: auto; margin-right: auto; margin-bottom: 0px; bottom: 0px; position: relative; text-align: center; width: 100%!important; font-weight: normal!important; font-size: 11px!important; } .by-optima img { width: 100%!important; vertical-align: middle; padding-left: 5px; display: block; width: 100%; max-width: 95px; margin: auto!important; padding: 0px!important; margin-top: 5px!important; } @media screen and (min-width:949px) { .by-optima img { display: inline-block!important; margin-top: 0px!important; margin-left: 5px!important; width: 100%!important; max-width: 80px!important; } } @media screen and (min-width:949px) { .by-optima, .by-optima a { font-weight: 400!important; font-size: 14px!important; letter-spacing: 0px!important; font-family: 'Montserrat', sans-serif; } } /*3rd party vendor attribution*/ .by-optima.vendor { display: none!important; text-align: center; } .by-optima.vendor img { display: block; width: 100%; max-width: 165px; margin: auto; padding: 0px; } @media screen and (min-width:949px) { .by-optima.vendor img { display: inline-block; margin-left: 10px; } } /* ========================================= ========================================= ========================================= * 02 Start Custom Primary Layout ========================================= ========================================= ========================================= */ /*==================================================================================*/ /* SET NAV CONTAINERS */ /*==================================================================================*/ body .header .nav { margin-left: 15px; margin-top: 0px!important; float: none; clear: both; margin-bottom: 0px; margin-right: 0px; } body.logoshow .header .nav { margin-top: 0px!important; padding: 0px!important; margin-bottom: 0px; margin-left: 0px; } .nav-inner { padding: 0px; } .header .nav-wrapper { z-index: 1; position: relative; padding: 0px!important; text-align: center; } @media screen and (min-width:949px) { .header .nav-wrapper { float: inherit; padding: 0px!important; display: block; text-align: left; /* margin-top: 0px; */ } } /* Carousel 1 or 2 button or link style -------------------------------------------------*/ .carousel .item-content p a { font-size: 13px!important; letter-spacing: 0px!important; line-height: 20px!important; font-weight: 700; border: 1px solid; font-style: normal; transform: translateY(0px); box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.0); } @media (min-width:949px) { .carousel .item-content p a { font-size: 13px!important; letter-spacing: 0px!important; line-height: normal!important; font-weight: 600; } } .carousel .item-content p a:nth-child(1) { margin-bottom: 15px; width: 100%; } .carousel .item-content p a:nth-child(1):hover { transform: translateY(-4px); box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.13); } .carousel .item-content p a:nth-child(1) i { transform: scale(1); } .carousel .item-content p a:nth-child(1):hover i { transform: scale(1); } .carousel .item-content p a:nth-child(2) { width: 90%; } .carousel .item-content p a:nth-child(2):hover { transform: translateY(-4px); box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.13); } .carousel .item-content p a:nth-child(3):hover { transform: translateY(-4px); box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.13); } @media (min-width:949px) { .carousel .item-content p a:nth-child(1) { width: inherit; margin-right: 10px; } .carousel .item-content p a:nth-child(1):hover { } .carousel .item-content p a:nth-child(2) { width: inherit; } .carousel .item-content p a:nth-child(2):hover { } .carousel .item-content p a:hover { /* transform: scale(1.03);*/ /* box-shadow: 0px 6px 12px 5px rgba(0, 0, 0, 0.1);*/ } } .carousel .item-content p { display: block; } .carousel .item-content p a:nth-child(1) { display: block; } .carousel .item-content p a:nth-child(2) { display: none; } @media (min-width:949px) { .carousel .item-content p a:nth-child(1) { display: inline-block; } .carousel .item-content p a:nth-child(2) { display: inline-block; } } /*add color overlay -------------------------------------------------*/ @media screen and (max-width:767px) { .carousel .carousel-inner .item:before { opacity: 1; } } @media screen and (min-width: 767px) { .carousel .carousel-inner .item:before { opacity: 1; } } @media screen and (max-width:767px) { body:not(#page-home) .carousel-wrapper:before { opacity: .6; } } @media screen and (min-width: 767px) { body:not(#page-home) .carousel-wrapper:before { opacity: .8; } } /*==================================================================================*/ /* SET HEADER TOOLBAR LINKS */ /*==================================================================================*/ @media (max-width:948px) { .toolbar-links { top: 0px; } } @media (max-width:948px) { body.logoshow .toolbar-links { top: 0px; } } @media (min-width:949px) { .toolbar-links { top: 0px; z-index: 0; padding: 0px; } } @media (min-width:949px) { body.logoshow .toolbar-links { padding: 0px; } } /*toolbar width */ .toolbar-links { width: 100%; } @media screen and (min-width: 1281px) and (max-width: 1440px) { .toolbar-links { width: 100%; } } @media (min-width: 1441px) and (max-width: 3840px) { .toolbar-links { width: 95%; } } /*hide show cols */ .fcol-1 .box-nested { display: block!important; } @media (min-width:949px) { .fcol-1 .box-nested { display: flex!important; } } .fcol-2 .box-nested { display: block!important; } @media (min-width:949px) { .fcol-2 .box-nested { display: block!important; } } .fcol-3 .box-nested { display: none!important; } @media (min-width:949px) { .fcol-3 .box-nested { display: flex!important; align-items: center; } } @media screen and (max-width:948px) { body.logoshow .toolbar-links .fcol-2, body.logoshow .toolbar-links .fcol-3 { display: block; } } /*customize all fcols*/ @media (max-width:948px) { .toolbar-links [class*='fcol-'] { text-align: left; padding-left: 0px!important; padding-right: 0px!important; } } @media (min-width:949px) { .toolbar-links [class*='fcol-'] { padding-left: 0px!important; } } /*customize all col elements */ /* .toolbar-links [class*='fcol-'] span, .toolbar-links [class*='fcol-'] a.btn, .toolbar-links [class*='fcol-'] a.btn i { font-weight: 700; font-size: 13px!important; text-transform: capitalize!important; letter-spacing: 0px!important; position: relative; z-index: 0; } @media (min-width:949px) { .toolbar-links [class*='fcol-'] span, .toolbar-links [class*='fcol-'] a.btn, .toolbar-links [class*='fcol-'] a.btn i { font-size: 18px!important; } } */ /*customize col elements individually */ @media (max-width:948px) { .toolbar-links .fcol-2 a:not(.logo-icon), .toolbar-links .fcol-3 a.btn-ph { border: 0px solid!important; padding: 5px!important; width: 100%!important; height: 30px; margin: 0px; line-height: 19px!important; text-align: center; border-radius: 50px!important; display: inline-block; } } .toolbar-links [class*='fcol-'] .tool-links { display: block; font-size: 13px; line-height: 19px!important; font-weight: 400; } @media (min-width:949px) { .toolbar-links [class*='fcol-'] .tool-links { display: block; font-size: 12px; line-height: 25px!important; font-weight: 400; } } .toolbar-links [class*='fcol-'] .tool-links a { margin: 0px 0px 0px 0px; font-size: 15px; line-height: 19px!important; font-weight: 500; display: inline; } @media (min-width: 949px) { .toolbar-links [class*='fcol-'] .tool-links a { margin: 0px 0px 0px 6px; font-size: 11px; line-height: 19px!important; font-weight: 400; } } @media screen and (max-width: 480px) { .toolbar-links [class*='fcol-'] .tool-links a[data-sb-prop-link^="tel:"] { display: block; } } .toolbar-links [class*='fcol-'] .box-nested > a { display: none; margin: 5px; font-size: 17px; line-height: 19px!important; font-weight: 400; position: relative; left: 0px; right: 0px; } @media (min-width: 949px) { .toolbar-links [class*='fcol-'] .box-nested > a { display: none; margin: 0px 0px 0px 0px; font-size: 17px; line-height: 19px!important; font-weight: 500; position: relative; text-align: left; } } @media (max-width:948px) { .toolbar-links [class*='fcol-'] a span { display: inline-block; } } @media (min-width:949px) { .toolbar-links [class*='fcol-'] a span { display: inline-block; } } @media (max-width:948px) { .toolbar-links [class*='fcol-'] a.btn { } } @media (min-width:949px) { .toolbar-links [class*='fcol-'] a.btn { margin-left: 10px; } } @media (min-width:949px) { body.logoshow .toolbar-links [class*='fcol-'] a.btn { } } .toolbar-links [class*='fcol-'] i { font-weight: 500; vertical-align: baseline; } @media (max-width:948px) { .toolbar-links [class*='fcol-'] i { display: none; } } @media (min-width: 949px) { .toolbar-links [class*='fcol-'] i { font-weight: 500; } } .toolbar-links [class*='fcol-'] a.btn i { font-weight: 500; } @media (max-width:948px) { .toolbar-links [class*='fcol-'] a.btn i { display: inline-block; } } @media (min-width:949px) { .toolbar-links [class*='fcol-'] a.btn i { font-size: 16px!important; } } @media screen and (max-width:948px) { .toolbar-links [class*='fcol-'] .logo { padding-left: 0px!important; padding-right: 0px!important; padding-top: 0px; padding-bottom: 0px; } } @media (min-width:949px) { .toolbar-links [class*='fcol-'] .logo { padding-left: 0px!important; } } @media (max-width:948px) { .toolbar-links [class*='fcol-'] #logotext { line-height: 26px!important; position: relative; } } @media (min-width:949px) { .toolbar-links [class*='fcol-'] #logotext { line-height: 26px!important; } } @media (max-width:948px) { .toolbar-links [class*='fcol-'] .nav { } } @media (min-width:949px) { .toolbar-links [class*='fcol-'] .nav { } } @media (max-width:948px) { .toolbar-links [class*='fcol-'] .tab-sm { float: left!important; } } @media (min-width:949px) { .toolbar-links [class*='fcol-'] .tab-sm { float: none!important; transform: translateY(0px); } } @media (max-width:948px) { .toolbar-links [class*='fcol-'] .tab-sm i { font-size: 12px!important; } } @media (min-width:949px) { .toolbar-links [class*='fcol-'] .tab-sm i { font-size: 18px!important; } } @media (min-width:949px) { .toolbar-links [class*='fcol-'] .location_address { margin-bottom: 5px; } } @media screen and (max-width: 948px) { .toolbar-links [class*='fcol-'] .btn-cta { } } @media (min-width:949px) { .toolbar-links [class*='fcol-'] .btn-cta { } } /* vertically center toolbar items -- flex box fcols */ @media (min-width:949px) { .toolbar-links [class*='fcol-'] { align-items: center; justify-content: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; /* align-items: center; */ /* min-height: 24em; */ -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } /*customize each fcol */ @media screen and (max-width:948px) { .toolbar-links .fcol-1 { text-align: left; } } @media (min-width:949px) { .toolbar-links .fcol-1 { text-align: left!important; } } @media screen and (max-width:948px) { .toolbar-links .fcol-1 .logo:not(.nav-wrapper) a { float: none!important; } } @media (min-width:949px) { .toolbar-links .fcol-1 .logo:not(.nav-wrapper) a { float: left!important; } } @media screen and (max-width:948px) { .toolbar-links .fcol-2 { text-align: center!important; } } @media (min-width:949px) { .toolbar-links .fcol-2 { text-align: center!important; } } @media screen and (max-width:948px) { .toolbar-links .fcol-3 { text-align: left!important; } } @media (min-width:949px) { .toolbar-links .fcol-3 { text-align: left!important; } } /*flex align left / right */ .toolbar-links .fcol-1 { -webkit-justify-content: center; justify-content: center; } @media (min-width:949px) { .toolbar-links .fcol-1 { -webkit-justify-content: flex-start; justify-content: flex-start; } } .toolbar-links .fcol-2 { -webkit-justify-content: flex-end; justify-content: flex-end; } @media (min-width:949px) { .toolbar-links .fcol-2 { -webkit-justify-content: flex-end; justify-content: flex-end; } } .toolbar-links .fcol-3 { -webkit-justify-content: flex-start!important; justify-content: flex-start!important; } @media (min-width:949px) { .toolbar-links .fcol-3 { -webkit-justify-content: flex-end!important; justify-content: flex-end!important; } } /*customize each fcol content */ .fcol-1 .box-nested {text-align: center;} @media (min-width:949px) { .fcol-1 .box-nested { text-align: center; } } .fcol-2 .box-nested { text-align: center; margin: 0px; } @media (min-width:949px) { .fcol-2 .box-nested { text-align: center; } } .fcol-3 .box-nested { text-align: center; } @media (min-width:949px) { .fcol-3 .box-nested { text-align: center; } } .toolbar-links [class*='fcol-'] .tab-sm { display: none; /* clear: both; */ } @media (min-width:949px) { .toolbar-links [class*='fcol-'] .tab-sm { display: block; } } .toolbar-links [class*='fcol-'] a.btn-ph { font-size: 15px!important; } @media (min-width:949px) { .toolbar-links [class*='fcol-'] .btn-ph { } } /*customize each fcol content */ .fcol-1 .box-nested {text-align: center;} @media (min-width:949px) { .fcol-1 .box-nested { text-align: center; } } .fcol-2 .box-nested { text-align: center; margin: 0px; } @media (min-width:949px) { .fcol-2 .box-nested { text-align: center; } } .fcol-3 .box-nested { text-align: center; } @media (min-width:949px) { .fcol-3 .box-nested { text-align: center; } } .toolbar-links [class*='fcol-'] .tab-sm { display: none; /* clear: both; */ } @media (min-width:949px) { .toolbar-links [class*='fcol-'] .tab-sm { display: none; } } .toolbar-links [class*='fcol-'] a.btn-ph { font-size: 17px!important; } @media (min-width:949px) { .toolbar-links [class*='fcol-'] .btn-ph { } } /*change length (ordering) of cols */ @media (min-width: 1280px) { .toolbar .toolbar-links:nth-child(1) .fcol-1 { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .toolbar .toolbar-links:nth-child(1) .fcol-2 { -webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto; } .toolbar .toolbar-links:nth-child(1) .fcol-3 { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .toolbar .toolbar-links:nth-child(2) .fcol-1 { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .toolbar .toolbar-links:nth-child(2) .fcol-2 { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 1 1 auto; } .toolbar .toolbar-links:nth-child(2) .fcol-3 { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } /*style each*/ .location_name { padding-bottom: 5px; font-weight: 500!important; } .location_text { font-weight: 500!important; } @media (min-width:949px) { .location_name { padding-bottom: 12px; display: none; } } .footer .locations_list { float: inherit; text-align: center; margin-left: 0px; margin-right: 0px; width: inherit; line-height: 20px; } @media (min-width:949px) { .footer .locations_list { border-left: 0px solid #3cc7bf; } } .locations_footer .locations_list:last-child { margin-bottom: 20px; } /*hide location name*/ /* .location_name { display: none!important; } */ /*footer locations*/ .locations_footer { max-width: 600px; margin: auto; } .footer .locations_list { float: inherit; text-align: center; margin-left: 0px; margin-right: 0px; width: inherit; line-height: 20px; } @media (min-width:949px) { .footer .locations_list { border-left: 0px solid #3cc7bf; } } .locations_footer .locations_list:last-child { margin-bottom: 20px; } /*hide location name*/ /* .location_name { display: none!important; } */ /* ========================================= ========================================= ========================================= * 03 Start Custom Modules ========================================= ========================================= ========================================= *//*FEATURE CONTACT FORM -------------------------------------------------*/ #page-home .sb-contactform .box-inner p, #page-home .sb-formbuilder .box-inner p { text-align: center; } /* body#page-home .sb-contactform-row a, body#page-home .sb-formbuilder-row a { display: block; margin-bottom: 20px; } */ body#page-home .sb-contactform-row .content a:before, body#page-home .sb-formbuilder-row .content a:before { font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 0px 10px 0px 0px; text-decoration: none; display: none; } body#page-home .sb-contactform-row .content div a:first-of-type:before, body#page-home .sb-formbuilder-row .content div a:first-of-type:before { content: '\f095'; } body#page-home .sb-contactform-row .content div a:last-of-type:before, body#page-home .sb-formbuilder-row .content div a:last-of-type:before { content: '\f0e0'; } /* ========================================= ========================================= ========================================= * 05 Start Custom Settings ========================================= ========================================= ========================================= */ /*==================================================================================*/ /* Carousel extra line accent */ /*==================================================================================*/ .carousel .item-content h2 span:before { border-left: 2px solid #4ec8c6; position: relative; width: 115px!important; height: 70px!important; top: 0px!important;; left: -26px!important; margin: 0; -webkit-transform: translateY(20px) translateX(6px) rotate(16deg); position: absolute; } /*==================================================================================*/ /* Carousel h3 checkmarks */ /*==================================================================================*/ .carousel .item-content h3 span { display: inline-block; } @media screen and (min-width: 949px) { .carousel .item-content h3 span { display: inline-block; } } .carousel .item-content h3 span:after { content: '\f00c'; font-family: FontAwesome; font-size: 15px; font-style: normal; padding: 0px 2px 0px 0px; vertical-align: top; display: inline-block; position: relative; bottom: 0px; height: 18px; overflow: visible; top: -2px; text-shadow: rgb(138 138 138 / 0%) 1px 1px 0px; color: #ffe1a9; } @media screen and (min-width: 949px) { .carousel .item-content h3 span:after { font-size: 15px; padding: 0px 10px; display: inline-block; } } /* ========================================= ========================================= ========================================= * 06 Start Custom Secondary Element & Misc Styling ========================================= ========================================= ========================================= /*==================================================================================*/ /* STATIC HEADER LOGO ICON */ /*==================================================================================*/ a.logo-icon { display: none!important; } /*==================================================================================*/ /* add carousel text border decor left */ /*==================================================================================*/ .carousel-wrapper .item-content .item-content-inner:before { border-left-width: 1px; border-left-style: solid; } /*==================================================================================*/ /* HR SET TO CUSTOM WIDTH*/ /*==================================================================================*/ .carousel .lines { width: 30%; max-width: 30%; } @media (min-width:949px) { .carousel .lines { width: 30%; max-width: 30%; } } .sb-module .lines { width: 20%; max-width: 20%; } @media (min-width:949px) { .sb-module .lines { width: 20%; max-width: 20%; } } .gallery-header:before { width: 30%; max-width: 30%; } @media screen and (min-width:949px) { .gallery-header:before { width: 30%; max-width: 30%; } } /*====================================================================================================================================================*/ /*====================================================================================================================================================*/ /*====================================================================================================================================================*/ /* custom - custom dropdown style */ .nav ul li.mega-dropdown .dropdown-wrapper ul, .header .nav .dropdown-wrapper ul { border-radius: 10px!important; } .nav ul li.mega-dropdown .dropdown-wrapper, .nav ul li.mega-dropdown .dropdown-wrapper.open { max-width: 100%; width: 80%; } .nav ul li.mega-dropdown .dropdown-wrapper ul { padding: 60px 30px 60px 30px; } /* header -- show/hide items */ .toolbar-links [class*='fcol-'] .tool-links { display: none; } @media (min-width:949px) { .toolbar-links [class*='fcol-'] .tool-links { display: block; } } @media (max-width:948px) { .header .locations_list { display: none; } } @media (min-width:949px) { .header .locations_list { display: inline-block; } } @media (max-width:948px) { body:not(#page-home) .header .locations_list { display: none; } } @media (min-width:949px) { body:not(#page-home) .header .locations_list { display: inline-block; } } @media (max-width:948px) { body:not(#page-home).logoshow .header .locations_list { display: none; } } @media (min-width:949px) { body:not(#page-home).logoshow .header .locations_list { display: inline-block; } } @media (max-width:948px) { .locations_list .btn-cta { display: none!important; } } @media (min-width:949px) { .locations_list .btn-ph { display: block!important; } } @media (max-width:948px) { .btn-cta { display: none!important; } } @media (min-width:949px) { .btn-ph { display: none!important; } } .btn-cta { display: inline-block!important; } /*customize each fcol */ @media screen and (max-width:948px) { .toolbar-links .fcol-3 { text-align: left!important; } } /* SET ADDRESS LIST -- customize */ .locations_list { text-align: center; } @media (min-width:949px) { .locations_list { text-align: left; } } /* adjust- custom logo size -------------------------------------------------*/ @media only screen and (max-width: 1000px) { .header .logo #logoimg { max-width: inherit!important; } } /* Home */ @media (min-width: 949px) { img#logoimg:not(.footer img) { max-height: 115px!important; } } @media (min-width: 949px) { body.logoshow img#logoimg:not(.footer img), body.logoshow img#logoimg:not(.footer img).logo-color { max-height: 60px!important; align-self: center; /* Center the image vertically if not already aligned */ max-height: 100%; /* Prevent oversized scaling */ } } @media (max-width: 948px) { img#logoimg:not(.footer img) { max-height: 60px !important; } } @media (max-width: 948px) { body.logoshow img#logoimg:not(.footer img), body.logoshow img#logoimg:not(.footer img).logo-color { max-height: 45px !important; } } /*interior*/ @media (min-width:949px) { body:not(#page-home) img#logoimg:not(.footer img) { max-height: 70px!important; } } @media (min-width:949px) { body:not(#page-home).logoshow img#logoimg:not(.footer img), body:not(#page-home).logoshow img#logoimg:not(.footer img).logo-color { max-height: 40px !important; } } @media (max-width:948px) { body:not(#page-home) img#logoimg:not(.footer img) { max-height: 60px!important; } } @media (max-width:948px) { body:not(#page-home).logoshow img#logoimg:not(.footer img), body:not(#page-home).logoshow img#logoimg:not(.footer img).logo-color { max-height: 45px!important; } } /*DevHub Builder Vanilla Theme ******************/ .sbuilder .toolbar, .sbuilder .btn.active, .sbuilder .btn:active { z-index: 8; text-align: right; position: relative; top: 0px; height: 25px; margin-bottom: -24px; background-color: rgba(255, 255, 255, 1.0); box-shadow: 0px 1px 5px 1px rgb(221 221 221 / 73%); border-radius: 12px; width: 95%; margin: auto; padding-left: 10px; left: 0px; right: 0px; } .sbuilder>.toolbar>.btn { position: relative!important; float: left; width: 25px; top: 5px; padding: 0px; overflow: visible; margin: 0px; color: #000!important; opacity: 1; } .sbuilder.logo-toolbar { position: relative; top: -8px; left: -8px; width: 100%; left: 0; right: 0; margin: auto; text-align: center; } .sbuilder.logo-toolbar .btn { letter-spacing: -1px; height: 30px!important; padding-top: 5px!important; BORDER: 0px; position: absolute; top: 0px; border-radius: 20px; width: 100%!important; background: #FFF!important; COLOR: #101010!important; FONT-FAMILY: 'Helvetica Neue'!important; text-align: center; font-size: 14px; font-weight: 300; width: 75px!important; margin: auto!important; left: 0px; float: inherit; text-transform: capitalize; -webkit-box-shadow: 0px 1px 1px 1px rgba(171, 171, 171, 0.3)!important; box-shadow: 0px 1px 1px 1px rgba(171, 171, 171, 0.3)!important; margin-top: 20px!important; } /* fontawesome icon */ .sbuilder.logo-toolbar .btn:before { font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 0px 0px 0px 0px; text-decoration: none; display: inline-block; } .sbuilder.logo-toolbar .btn:before{ content: '\f040'; } body.page-app .single-item figure:nth-child(n+2) { display:none!important; } /*START NEW ADDITIONS POST 2019*/ /*==================================================================================*/ /* Fix multiple galleries widgets in a row -- interior */ /*==================================================================================*/ @media only screen and (min-width: 48em) { body:not(#page-home) .sb-gallery-row .gallery .col-sm-4 { -ms-flex-preferred-size: 33.333%; /* flex-basis: 100!important; max-width: 100%!important; width: 100%!important; */ } } body:not(#page-home) .gallery { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } /*==================================================================================*/ /* module fancybox default styling */ /*==================================================================================*/ @media only screen and (min-width: 48em) { .module-popup { max-width: 80%!important; border-radius: 4px; padding: 60px!important; } } /*==================================================================================*/ /* module -- content tabs */ /*==================================================================================*/ .arrow-tabs { width: 100%; min-width: 360px; margin: auto; padding: 0px; } .arrow-tabs > ul { text-align: center; font-weight: 500; padding: 0; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.2); z-index: 1; } .arrow-tabs > ul > li { display: inline-block; background: rgb(0 0 0 / 0%); padding: 0.6em 0; position: relative; width: 33%; margin: 0 0 0 -4px; } .arrow-tabs > ul > li a { font-weight: 700; font-size: 16px; line-height: 24px!important; display: block; } @media screen and (min-width:949px) { .arrow-tabs > ul > li a { font-weight: 600; font-size: 18px; line-height: 29px!important; display: block; } } .arrow-tabs > ul > li:before, .arrow-tabs > ul > li:after { opacity: 0; transition: 0.3s ease; } .arrow-tabs > ul > li.ui-tabs-active:before, .arrow-tabs > ul > li.ui-tabs-active:after { opacity: 1; } .arrow-tabs > ul > li.ui-tabs-active a { color: #009994; } .arrow-tabs > ul > li:hover:before, .arrow-tabs > ul > li:focus:before, .arrow-tabs > ul > li:hover:after, .arrow-tabs > ul > li:focus:after { opacity: 1; } .arrow-tabs > ul > li:before, .arrow-tabs > ul > li.ui-state-active:hover:before, .arrow-tabs > ul > li.ui-state-active:focus:before { content: ""; position: absolute; z-index: -1; box-shadow: 0 2px 0px rgb(0 153 148 / 50%); top: 50%; bottom: 0px; left: 5px; right: 5px; /* border-radius: 100px / 10px; */ } .arrow-tabs > ul > li:after, .arrow-tabs > ul > li.ui-state-active:hover:after, .arrow-tabs > ul > li.ui-state-active:focus:after { content: ""; background: #fafafa; position: absolute; width: 12px; height: 12px; left: 50%; bottom: -6px; margin-left: -6px; transform: rotate(45deg); box-shadow: 3px 3px 3px rgba(0, 153, 148, 0.5), 1px 1px 1px rgba(0, 0, 0, 0.3); display: none; } .arrow-tabs > ul > li:hover:before, .arrow-tabs > ul > li:focus:before { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } .arrow-tabs > ul > li:hover:after, .arrow-tabs > ul > li:focus:after { box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.3); } .arrow-tabs > ul > li:focus { outline: none; } .arrow-tabs > ul > li a { color: #444; text-decoration: none; } .arrow-tabs > ul > li a:focus { outline: none; text-decoration: none; } .arrow-tabs > ul > li a span { position: relative; top: -0.5em; } .arrow-tabs.dark > ul { border-bottom-color: rgba(255, 255, 255, 0.3); } .arrow-tabs.dark > ul > li { background: #352624; } .arrow-tabs.dark > ul > li:before, .arrow-tabs.dark > ul > li.ui-state-active:hover:before, .arrow-tabs.dark > ul > li.ui-state-active:focus:before { box-shadow: 0 2px 3px rgba(255, 255, 255, 0.3); } .arrow-tabs.dark > ul > li:after, .arrow-tabs.dark > ul > li.ui-state-active:hover:after, .arrow-tabs.dark > ul > li.ui-state-active:focus:after { background: #352624; box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.5); } .arrow-tabs.dark > ul > li:hover:before, .arrow-tabs.dark > ul > li:focus:before { box-shadow: none; } .arrow-tabs.dark > ul > li:hover:after, .arrow-tabs.dark > ul > li:focus:after { box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4); } .arrow-tabs.dark > ul > li a { color: white; } .arrow-tabs.dark > ul > li.ui-tabs-active a { color: #009994; } .darkpage { background: #352624; color: white; } .darkpage, .lightpage { padding: 50px 0; } /*--------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------*/ /*START LIBRARIES*/ /*--------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------*/ /*SLICK SLIDE-------------------------------------------------*/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list,.slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after,.slick-track:before { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } /*# sourceMappingURL=slick.min.css.map */ @charset 'UTF-8';.slick-loading .slick-list { background: #fff url(ajax-loader.gif) center center no-repeat } @font-face { font-family: slick; font-weight: 400; font-style: normal; src: url(fonts/slick.eot); src: url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg') } .slick-next,.slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: transparent; border: none; outline: 0; background: 0 0 } .slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover { color: transparent; outline: 0; background: 0 0 } .slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before { opacity: 1 } .slick-next.slick-disabled:before,.slick-prev.slick-disabled:before { opacity: .25 } .slick-next:before,.slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: -25px } [dir=rtl] .slick-prev { right: -25px; left: auto } .slick-prev:before { content: '' } .slick-dotted.slick-slider { margin-bottom: 30px } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0 } .slick-dots li button:focus,.slick-dots li button:hover { outline: 0 } .slick-dots li button:focus:before,.slick-dots li button:hover:before { opacity: 1 } .slick-dots li button:before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { opacity: .75; color: #000 } /*# sourceMappingURL=slick-theme.min.css.map */ /*Hamburgers-------------------------------------------------*/ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 15px; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity,filter; text-transform: none; color: inherit; border: 0; background-color: transparent } .hamburger:hover { opacity: .7 } .hamburger-box { position: relative; display: inline-block; width: 40px; height: 24px } .hamburger-inner { top: 50%; display: block; margin-top: -2px; } .hamburger-inner,.hamburger-inner:after,.hamburger-inner:before { position: absolute; width: 40px; height: 4px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; background-color: #000 } .hamburger-inner:after,.hamburger-inner:before { display: block; content: "" } .hamburger-inner:before { top: -10px } .hamburger-inner:after { bottom: -10px } .hamburger--3dx .hamburger-box { perspective: 80px } .hamburger--3dx .hamburger-inner { transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s } .hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before { transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s } .hamburger--3dx.is-active .hamburger-inner { transform: rotateY(180deg); background-color: transparent } .hamburger--3dx.is-active .hamburger-inner:before { transform: translate3d(0,10px,0) rotate(45deg) } .hamburger--3dx.is-active .hamburger-inner:after { transform: translate3d(0,-10px,0) rotate(-45deg) } .hamburger--3dx-r .hamburger-box { perspective: 80px } .hamburger--3dx-r .hamburger-inner { transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s } .hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before { transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s } .hamburger--3dx-r.is-active .hamburger-inner { transform: rotateY(-180deg); background-color: transparent } .hamburger--3dx-r.is-active .hamburger-inner:before { transform: translate3d(0,10px,0) rotate(45deg) } .hamburger--3dx-r.is-active .hamburger-inner:after { transform: translate3d(0,-10px,0) rotate(-45deg) } .hamburger--3dy .hamburger-box { perspective: 80px } .hamburger--3dy .hamburger-inner { transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s } .hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before { transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s } .hamburger--3dy.is-active .hamburger-inner { transform: rotateX(-180deg); background-color: transparent } .hamburger--3dy.is-active .hamburger-inner:before { transform: translate3d(0,10px,0) rotate(45deg) } .hamburger--3dy.is-active .hamburger-inner:after { transform: translate3d(0,-10px,0) rotate(-45deg) } .hamburger--3dy-r .hamburger-box { perspective: 80px } .hamburger--3dy-r .hamburger-inner { transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s } .hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before { transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s } .hamburger--3dy-r.is-active .hamburger-inner { transform: rotateX(180deg); background-color: transparent } .hamburger--3dy-r.is-active .hamburger-inner:before { transform: translate3d(0,10px,0) rotate(45deg) } .hamburger--3dy-r.is-active .hamburger-inner:after { transform: translate3d(0,-10px,0) rotate(-45deg) } .hamburger--3dxy .hamburger-box { perspective: 80px } .hamburger--3dxy .hamburger-inner { transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s } .hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before { transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s } .hamburger--3dxy.is-active .hamburger-inner { transform: rotateX(180deg) rotateY(180deg); background-color: transparent } .hamburger--3dxy.is-active .hamburger-inner:before { transform: translate3d(0,10px,0) rotate(45deg) } .hamburger--3dxy.is-active .hamburger-inner:after { transform: translate3d(0,-10px,0) rotate(-45deg) } .hamburger--3dxy-r .hamburger-box { perspective: 80px } .hamburger--3dxy-r .hamburger-inner { transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s } .hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before { transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s } .hamburger--3dxy-r.is-active .hamburger-inner { transform: rotateX(180deg) rotateY(180deg) rotate(-180deg); background-color: transparent } .hamburger--3dxy-r.is-active .hamburger-inner:before { transform: translate3d(0,10px,0) rotate(45deg) } .hamburger--3dxy-r.is-active .hamburger-inner:after { transform: translate3d(0,-10px,0) rotate(-45deg) } .hamburger--arrow.is-active .hamburger-inner:before { transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7) } .hamburger--arrow.is-active .hamburger-inner:after { transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7) } .hamburger--arrow-r.is-active .hamburger-inner:before { transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7) } .hamburger--arrow-r.is-active .hamburger-inner:after { transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7) } .hamburger--arrowalt .hamburger-inner:before { transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1) } .hamburger--arrowalt .hamburger-inner:after { transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1) } .hamburger--arrowalt.is-active .hamburger-inner:before { top: 0; transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s; transform: translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7) } .hamburger--arrowalt.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s; transform: translate3d(-8px,10px,0) rotate(45deg) scaleX(.7) } .hamburger--arrowalt-r .hamburger-inner:before { transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1) } .hamburger--arrowalt-r .hamburger-inner:after { transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1) } .hamburger--arrowalt-r.is-active .hamburger-inner:before { top: 0; transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s; transform: translate3d(8px,-10px,0) rotate(45deg) scaleX(.7) } .hamburger--arrowalt-r.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s; transform: translate3d(8px,10px,0) rotate(-45deg) scaleX(.7) } .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg) } .hamburger--arrowturn.is-active .hamburger-inner:before { transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7) } .hamburger--arrowturn.is-active .hamburger-inner:after { transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7) } .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg) } .hamburger--arrowturn-r.is-active .hamburger-inner:before { transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7) } .hamburger--arrowturn-r.is-active .hamburger-inner:after { transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7) } .hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before { transition-property: none } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg) } .hamburger--boring.is-active .hamburger-inner:before { top: 0; opacity: 0 } .hamburger--boring.is-active .hamburger-inner:after { bottom: 0; transform: rotate(-90deg) } .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-delay: .13s; transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: .13s } .hamburger--collapse .hamburger-inner:after { top: -20px; transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear } .hamburger--collapse .hamburger-inner:before { transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19) } .hamburger--collapse.is-active .hamburger-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: translate3d(0,-10px,0) rotate(-45deg) } .hamburger--collapse.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s; opacity: 0 } .hamburger--collapse.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s; transform: rotate(-90deg) } .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-delay: .13s; transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: .13s } .hamburger--collapse-r .hamburger-inner:after { top: -20px; transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear } .hamburger--collapse-r .hamburger-inner:before { transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19) } .hamburger--collapse-r.is-active .hamburger-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: translate3d(0,-10px,0) rotate(45deg) } .hamburger--collapse-r.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s; opacity: 0 } .hamburger--collapse-r.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s; transform: rotate(90deg) } .hamburger--elastic .hamburger-inner { top: 2px; transition-timing-function: cubic-bezier(.68,-.55,.265,1.55); transition-duration: .275s } .hamburger--elastic .hamburger-inner:before { top: 10px; transition: opacity .125s ease .275s } .hamburger--elastic .hamburger-inner:after { top: 20px; transition: transform .275s cubic-bezier(.68,-.55,.265,1.55) } .hamburger--elastic.is-active .hamburger-inner { transition-delay: 75ms; transform: translate3d(0,10px,0) rotate(135deg) } .hamburger--elastic.is-active .hamburger-inner:before { transition-delay: 0s; opacity: 0 } .hamburger--elastic.is-active .hamburger-inner:after { transition-delay: 75ms; transform: translate3d(0,-20px,0) rotate(-270deg) } .hamburger--elastic-r .hamburger-inner { top: 2px; transition-timing-function: cubic-bezier(.68,-.55,.265,1.55); transition-duration: .275s } .hamburger--elastic-r .hamburger-inner:before { top: 10px; transition: opacity .125s ease .275s } .hamburger--elastic-r .hamburger-inner:after { top: 20px; transition: transform .275s cubic-bezier(.68,-.55,.265,1.55) } .hamburger--elastic-r.is-active .hamburger-inner { transition-delay: 75ms; transform: translate3d(0,10px,0) rotate(-135deg) } .hamburger--elastic-r.is-active .hamburger-inner:before { transition-delay: 0s; opacity: 0 } .hamburger--elastic-r.is-active .hamburger-inner:after { transition-delay: 75ms; transform: translate3d(0,-20px,0) rotate(270deg) } .hamburger--emphatic { overflow: hidden } .hamburger--emphatic .hamburger-inner { transition: background-color .125s ease-in .175s } .hamburger--emphatic .hamburger-inner:before { left: 0; transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s } .hamburger--emphatic .hamburger-inner:after { top: 10px; right: 0; transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent } .hamburger--emphatic.is-active .hamburger-inner:before { top: -80px; left: -80px; transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s; transform: translate3d(80px,80px,0) rotate(45deg) } .hamburger--emphatic.is-active .hamburger-inner:after { top: -80px; right: -80px; transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s; transform: translate3d(-80px,80px,0) rotate(-45deg) } .hamburger--emphatic-r { overflow: hidden } .hamburger--emphatic-r .hamburger-inner { transition: background-color .125s ease-in .175s } .hamburger--emphatic-r .hamburger-inner:before { left: 0; transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s } .hamburger--emphatic-r .hamburger-inner:after { top: 10px; right: 0; transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent } .hamburger--emphatic-r.is-active .hamburger-inner:before { top: 80px; left: -80px; transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s; transform: translate3d(80px,-80px,0) rotate(-45deg) } .hamburger--emphatic-r.is-active .hamburger-inner:after { top: 80px; right: -80px; transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s; transform: translate3d(-80px,-80px,0) rotate(45deg) } .hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before { transition: bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear } .hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before { transition: bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s; opacity: 0 } .hamburger--minus.is-active .hamburger-inner:before { top: 0 } .hamburger--minus.is-active .hamburger-inner:after { bottom: 0 } .hamburger--slider .hamburger-inner { top: 2px } .hamburger--slider .hamburger-inner:before { top: 10px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform,opacity } .hamburger--slider .hamburger-inner:after { top: 20px } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0,10px,0) rotate(45deg) } .hamburger--slider.is-active .hamburger-inner:before { transform: rotate(-45deg) translate3d(-5.71429px,-6px,0); opacity: 0 } .hamburger--slider.is-active .hamburger-inner:after { transform: translate3d(0,-20px,0) rotate(-90deg) } .hamburger--slider-r .hamburger-inner { top: 2px } .hamburger--slider-r .hamburger-inner:before { top: 10px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform,opacity } .hamburger--slider-r .hamburger-inner:after { top: 20px } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0,10px,0) rotate(-45deg) } .hamburger--slider-r.is-active .hamburger-inner:before { transform: rotate(45deg) translate3d(5.71429px,-6px,0); opacity: 0 } .hamburger--slider-r.is-active .hamburger-inner:after { transform: translate3d(0,-20px,0) rotate(90deg) } .hamburger--spin .hamburger-inner { transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: .22s } .hamburger--spin .hamburger-inner:before { transition: top .1s ease-in .25s,opacity .1s ease-in } .hamburger--spin .hamburger-inner:after { transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19) } .hamburger--spin.is-active .hamburger-inner { transition-delay: .12s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: rotate(225deg) } .hamburger--spin.is-active .hamburger-inner:before { top: 0; transition: top .1s ease-out,opacity .1s ease-out .12s; opacity: 0 } .hamburger--spin.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s; transform: rotate(-90deg) } .hamburger--spin-r .hamburger-inner { transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: .22s } .hamburger--spin-r .hamburger-inner:before { transition: top .1s ease-in .25s,opacity .1s ease-in } .hamburger--spin-r .hamburger-inner:after { transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19) } .hamburger--spin-r.is-active .hamburger-inner { transition-delay: .12s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: rotate(-225deg) } .hamburger--spin-r.is-active .hamburger-inner:before { top: 0; transition: top .1s ease-out,opacity .1s ease-out .12s; opacity: 0 } .hamburger--spin-r.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s; transform: rotate(90deg) } .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s linear .13s } .hamburger--spring .hamburger-inner:before { top: 10px; transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19) } .hamburger--spring .hamburger-inner:after { top: 20px; transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19) } .hamburger--spring.is-active .hamburger-inner { transition-delay: .22s; background-color: transparent } .hamburger--spring.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform: translate3d(0,10px,0) rotate(45deg) } .hamburger--spring.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform: translate3d(0,10px,0) rotate(-45deg) } .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-delay: 0s; transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: .13s } .hamburger--spring-r .hamburger-inner:after { top: -20px; transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear } .hamburger--spring-r .hamburger-inner:before { transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19) } .hamburger--spring-r.is-active .hamburger-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: translate3d(0,-10px,0) rotate(-45deg) } .hamburger--spring-r.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s; opacity: 0 } .hamburger--spring-r.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform: rotate(90deg) } .hamburger--stand .hamburger-inner { transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms } .hamburger--stand .hamburger-inner:before { transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s } .hamburger--stand .hamburger-inner:after { transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s } .hamburger--stand.is-active .hamburger-inner { transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s; transform: rotate(90deg); background-color: transparent } .hamburger--stand.is-active .hamburger-inner:before { top: 0; transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s; transform: rotate(-45deg) } .hamburger--stand.is-active .hamburger-inner:after { bottom: 0; transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s; transform: rotate(45deg) } .hamburger--stand-r .hamburger-inner { transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms } .hamburger--stand-r .hamburger-inner:before { transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s } .hamburger--stand-r .hamburger-inner:after { transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s } .hamburger--stand-r.is-active .hamburger-inner { transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s; transform: rotate(-90deg); background-color: transparent } .hamburger--stand-r.is-active .hamburger-inner:before { top: 0; transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s; transform: rotate(-45deg) } .hamburger--stand-r.is-active .hamburger-inner:after { bottom: 0; transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s; transform: rotate(45deg) } .hamburger--squeeze .hamburger-inner { transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: 75ms } .hamburger--squeeze .hamburger-inner:before { transition: top 75ms ease .12s,opacity 75ms ease } .hamburger--squeeze .hamburger-inner:after { transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19) } .hamburger--squeeze.is-active .hamburger-inner { transition-delay: .12s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: rotate(45deg) } .hamburger--squeeze.is-active .hamburger-inner:before { top: 0; transition: top 75ms ease,opacity 75ms ease .12s; opacity: 0 } .hamburger--squeeze.is-active .hamburger-inner:after { bottom: 0; transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s; transform: rotate(-90deg) } .hamburger--vortex .hamburger-inner { transition-timing-function: cubic-bezier(.19,1,.22,1); transition-duration: .2s } .hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before { transition-delay: .1s; transition-timing-function: linear; transition-duration: 0s } .hamburger--vortex .hamburger-inner:before { transition-property: top,opacity } .hamburger--vortex .hamburger-inner:after { transition-property: bottom,transform } .hamburger--vortex.is-active .hamburger-inner { transition-timing-function: cubic-bezier(.19,1,.22,1); transform: rotate(765deg) } .hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before { transition-delay: 0s } .hamburger--vortex.is-active .hamburger-inner:before { top: 0; opacity: 0 } .hamburger--vortex.is-active .hamburger-inner:after { bottom: 0; transform: rotate(90deg) } .hamburger--vortex-r .hamburger-inner { transition-timing-function: cubic-bezier(.19,1,.22,1); transition-duration: .2s } .hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before { transition-delay: .1s; transition-timing-function: linear; transition-duration: 0s } .hamburger--vortex-r .hamburger-inner:before { transition-property: top,opacity } .hamburger--vortex-r .hamburger-inner:after { transition-property: bottom,transform } .hamburger--vortex-r.is-active .hamburger-inner { transition-timing-function: cubic-bezier(.19,1,.22,1); transform: rotate(-765deg) } .hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before { transition-delay: 0s } .hamburger--vortex-r.is-active .hamburger-inner:before { top: 0; opacity: 0 } .hamburger--vortex-r.is-active .hamburger-inner:after { bottom: 0; transform: rotate(-90deg) } /*START CUSTOM HAMBURGER STYLE AND ANIMATION*/ .hamburger { display: block; font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 15px; cursor: pointer; text-transform: none; color: inherit; border: 0; background-color: transparent; z-index: 5; position: absolute; right: 0px; top: 50px; } /*Hamburger Tranistion--animation */ .hamburger { -webkit-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.2, 1); transition: all 0.3s cubic-bezier(0.0, 0.0, 0.2, 1); } @media screen and (min-width:1280px) { .hamburger { display: none; } } .hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before { transition: .25s ease-in-out; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:before, .hamburger.is-active .hamburger-inner:after { transition: .25s ease-in-out; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 35px; height: 3px; border-radius: 0px; } .hamburger-inner:hover, .hamburger-inner:after:hover, .hamburger-inner:before:hover { } .hamburger-inner:before { top: -8px; } .hamburger-inner:after { bottom: -8px; } .hamburger.is-active { background: transparent!important; } .hamburger .menu-label { opacity: 1; position: absolute; top: 14px; font-size: 10px; font-weight: 300; left: 0px; right: 0px; margin: auto; } .hamburger.is-active .menu-label { opacity: 0; } /*FANCY BOX STYLE-------------------------------------------------*/ body.compensate-for-scrollbar { overflow: hidden } .fancybox-active { height: auto } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute!important; top: -9999px; visibility: hidden } .fancybox-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; height: 100%; left: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-container * { box-sizing: border-box } .fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg { background: rgb(3 3 3 / 62%); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47,0,.74,.71) } .fancybox-is-open .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(.22,.61,.36,1) } .fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s,visibility 0s linear .25s; visibility: hidden; z-index: 99997 } .fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s,visibility 0s; visibility: visible } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; text-align: center; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-toolbar { right: 0; top: 0 } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); z-index: 99994 } .fancybox-is-open .fancybox-stage { overflow: hidden } .fancybox-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; white-space: normal; width: 100%; z-index: 99994 } .fancybox-slide:before { content: ""; display: inline-block; height: 100%; margin-right: -.25em; vertical-align: middle; width: 0 } .fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous { display: block } .fancybox-slide--next { z-index: 99995 } .fancybox-slide--image { overflow: visible; padding: 44px 0 } .fancybox-slide--image:before { display: none } .fancybox-slide--html { padding: 6px 6px 0 } .fancybox-slide--iframe { padding: 44px 44px 0 } .fancybox-content { background: #fff; display: inline-block; margin: 0 0 6px; max-width: 100%; overflow: auto; padding: 0; padding: 24px; position: relative; text-align: left; vertical-align: middle } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1); animation-timing-function: cubic-bezier(.5,0,.14,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; margin: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in } .fancybox-can-drag .fancybox-content { cursor: -webkit-grab; cursor: grab } .fancybox-is-dragging .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-container [data-selectable=true] { cursor: text } .fancybox-image,.fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .fancybox-spaceball { z-index: 1 } .fancybox-slide--html .fancybox-content { margin-bottom: 6px } .fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content { height: 100%; margin: 0; overflow: visible; padding: 0; width: 100% } .fancybox-slide--video .fancybox-content { background: #000 } .fancybox-slide--map .fancybox-content { background: #e5e3df } .fancybox-slide--iframe .fancybox-content { background: #fff; height: calc(100% - 44px); margin-bottom: 44px } .fancybox-iframe,.fancybox-video { background: transparent; border: 0; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% } .fancybox-iframe { vertical-align: top } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 } .fancybox-button { background: rgba(30,30,30,.6); border: 0; border-radius: 0; cursor: pointer; display: inline-block; height: 44px; margin: 0; outline: none; padding: 10px; transition: color .2s; vertical-align: top; width: 44px } .fancybox-button,.fancybox-button:link,.fancybox-button:visited { color: #ccc } .fancybox-button:focus,.fancybox-button:hover { color: #fff } .fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover { color: #888; cursor: default } .fancybox-button svg { display: block; overflow: visible; position: relative; shape-rendering: geometricPrecision } .fancybox-button svg path { fill: transparent; stroke: currentColor; stroke-linejoin: round; stroke-width: 3 } .fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2) { display: none } .fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path { fill: currentColor } .fancybox-button--share svg path { stroke-width: 1 } .fancybox-navigation .fancybox-button { height: 38px; opacity: 0; padding: 6px; position: absolute; top: 50%; width: 38px } .fancybox-show-nav .fancybox-navigation .fancybox-button { transition: opacity .25s,visibility 0s,color .25s } .fancybox-navigation .fancybox-button:after { content: ""; left: -25px; padding: 50px; position: absolute; top: -25px } .fancybox-navigation .fancybox-button--arrow_left { left: 6px } .fancybox-navigation .fancybox-button--arrow_right { right: 6px } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #fff; cursor: pointer; height: 70px; margin: 0; padding: 0px; position: absolute; right: 0; top: 0px; width: 70px; z-index: 10 } .fancybox-close-small svg { fill: transparent; opacity: .8; stroke: currentColor; stroke-width: 0.5px; transition: stroke .1s } .fancybox-close-small:focus { outline: none } .fancybox-close-small:hover svg { opacity: 1 } .fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small { color: #ccc; padding: 5px; right: -12px; top: -44px } .fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg { background: transparent; color: #fff } .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none } .fancybox-caption { bottom: 0; color: #fff; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px; right: 0 } .fancybox-caption:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -25px; z-index: -1 } .fancybox-caption:after { border-bottom: 1px solid hsla(0,0%,100%,.3); content: ""; display: block; left: 44px; position: absolute; right: 44px; top: 0 } .fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited { color: #ccc; text-decoration: none } .fancybox-caption a:hover { color: #fff; text-decoration: underline } .fancybox-loading { -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: transparent; border: 6px solid hsla(0,0%,39%,.5); border-radius: 100%; border-top-color: #fff; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: .6; padding: 0; position: absolute; top: 50%; width: 60px; z-index: 99999 } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fancybox-animated { transition-timing-function: cubic-bezier(0,0,.25,1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } .fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19,1,.22,1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5,1.5,1.5); transform: scale3d(1.5,1.5,1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(.5,.5,.5); transform: scale3d(.5,.5,.5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-1turn); transform: rotate(-1turn) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(1turn); transform: rotate(1turn) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0); transform: scale3d(0,0,0) translate3d(-100%,0,0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0); transform: scale3d(0,0,0) translate3d(100%,0,0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0) } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg); transform: translate3d(-100%,0,0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg); transform: translate3d(100%,0,0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px } .fancybox-share p { margin: 0; padding: 0 } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } .fancybox-share__button:link,.fancybox-share__button:visited { color: #fff } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100% } .fancybox-thumbs { background: #fff; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995 } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 212px } .fancybox-thumbs>ul { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% } .fancybox-thumbs-x>ul { overflow: hidden } .fancybox-thumbs-y>ul::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y>ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,.3) } .fancybox-thumbs-y>ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px } .fancybox-thumbs>ul>li { -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px } .fancybox-thumbs-loading { background: rgba(0,0,0,.1) } .fancybox-thumbs>ul>li { background-position: 50%; background-repeat: no-repeat; background-size: cover } .fancybox-thumbs>ul>li:before { border: 4px solid #4ea7f9; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25,.46,.45,.94); z-index: 99991 } .fancybox-thumbs .fancybox-thumbs-active:before { opacity: 1 } @media (max-width: 800px) { .fancybox-thumbs { width:110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs>ul>li { max-width: calc(100% - 10px) } } /*AOS-------------------------------------------------*/ [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: cubic-bezier(0.25, 1, 0.33, 1) } [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) } @media (min-width: 1001px) { body:not(.page-app) .sb-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media (min-width:1001px) { body:not(.page-app) .sb-col .col-fluid img { vertical-align: middle; } } .sb-col.sb-image-row, .sb-col.sb-hoursofoperation-row { display: inherit!important; display: inherit!important; display: inherit!important; } } /*A grid system based on the flex display property.*/ .container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem}.row.reverse{-ms-flex-direction:row-reverse;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.col.reverse{-ms-flex-direction:column-reverse;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-xs{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-xs-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-xs-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-xs-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-xs-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-xs{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-xs{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-xs{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-xs{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-xs{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-xs{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-xs{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}@media only screen and (min-width:48em){.container{width:46rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-sm{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-sm-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-sm-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-sm-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-sm-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}.col-sm-offset-1{margin-left:8.333%;}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-sm{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-sm{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-sm{-ms-flex-align:start;-webkit-box-align:start;-webkit-animation-delay: time; animation-delay: time;ign-items:flex-start}.middle-sm{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-sm{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-sm{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-sm{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (min-width:62em){.container{width:61rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-md{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-md-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%;}.col-md-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-md-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-md-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-md{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-md{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-md{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-md{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-md{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-md{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-md{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (min-width:75em){.container{width:71rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-lg{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-lg-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-lg-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-lg-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-lg-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-lg{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-lg{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-lg{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-lg{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-lg{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-lg{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-lg{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}} /*reset grid property width for 1280/less */ @media (min-width: 480px) and (max-width: 1280px) { .col-sm-8 { width: 100%!important; margin-left: 8.333%!important; -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } } .container{width:100%!important} .fcol-3 { display: none!important } @media (min-width:1280px) { .fcol-3 { display: flex!important; } } @media (min-width:768px) { .carousel .item{ background-position-x: 50%!important; background-position-y: 50%!important;} .carousel .item.-loaded, .carousel .item.-loaded .item-inner { } } /*==================================================================================*/ /* header toolbar row custom (2nd toolbar row)*/ /*==================================================================================*/ @media (min-width:949px) { .toolbar .toolbar-links:nth-child(1) { border-bottom: 0px solid #fff; padding-top: 10px; padding-bottom: 10px; z-index: 1; } } .header.logoshow .toolbar .toolbar-links:nth-child(2) { display: block; } @media (min-width:949px) { .header.logoshow .toolbar .toolbar-links:nth-child(2) { display: flex; } } .sb-formbuilder .sb-fieldset { position: relative; } .sb-formbuilder .sb-fieldset .sb-formfield { position: relative; margin-bottom: 10px; /* Adjust as needed */ } .sb-formbuilder .sb-fieldset .sb-formfield input, .sb-formbuilder .sb-fieldset .sb-formfield textarea { padding-top: 20px; /* Adjust as needed to control label overlap */ border: 1px solid #ccc; border-radius: 5px; transition: border-color 0.3s ease; position: relative; z-index: 1; /* Ensure the input fields stay above labels */ width: 100%; } .sb-formbuilder .sb-fieldset .sb-formfield label { position: absolute; left: 8px; top: 35px; transition: 0.2s ease all; color: #666; z-index: 2; /* Ensure labels stay above input fields */ padding: 0px 5px; /* Adjust padding to cover the border */ display: inline-block; /* Make label width adjust to content */ max-width: calc(100% - 40px); /* Limit label width to the input width */ white-space: nowrap; /* Prevent wrapping */ overflow: hidden; /* Hide overflow */ text-overflow: ellipsis; /* Show ellipsis for clipped text */ top: 30px;!; } @media (min-width:949px) { .sb-formbuilder .sb-fieldset .sb-formfield label { left: 8px; } } .sb-formbuilder .sb-fieldset .sb-formfield input:focus:not([type=submit]):not([type=button]):not([type=email]):not([type=tel]) ~ label, .sb-formbuilder .sb-fieldset .sb-formfield textarea:focus ~ label, .sb-formbuilder .sb-fieldset .sb-formfield input:not(:placeholder-shown):not([type=email]):not([type=tel]) ~ label, .sb-formbuilder .sb-fieldset .sb-formfield textarea:not(:placeholder-shown) ~ label { top: -10px; font-size: 12px; color: #064171; } .sb-formbuilder .sb-fieldset .sb-formfield input::placeholder { color: transparent; } /* Hide extra content outside the input field */ .sb-formbuilder .sb-fieldset .sb-formfield input, .sb-formbuilder .sb-fieldset .sb-formfield textarea { overflow: hidden; } /* Exclude styling for p + ul case */ .sb-formbuilder .sb-fieldset > .sb-formfield + ul { /* Add your specific styling or exclusions here */ /* For example: */ margin-top: 0; /* Reset margin-top */ padding-left: 0px; /* Add padding */ } .sb-formbuilder .sb-fieldset .sb-formfield + div, .sb-formbuilder .sb-fieldset .sb-formfield + ul { padding-top: 30px; } .sb-formbuilder .sb-fieldset .sb-formfield textarea { padding: 2rem 1.5rem 2rem!important; font-size: .8rem!important; opacity: .4; } /*==================================================================================*/ /* SET NAV MOBILE */ /*==================================================================================*/ span.Expander:before, span.Expander:after { width: 14px; height: 4px; border-radius: 4px; } .mobile-nav ul a, .mobile-nav ul ul a { font-weight: 300; text-transform: none; font-size: 20px; } .mobile-nav ul a, .mobile-nav ul ul a { text-align: left!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!imo;!im;!imp;!impp;!imp;!im;!ima;!imap;!ima;!im;!i;!; } .mobile-nav > ul > ul { padding-top: 15px; } .mobile-nav li { padding-bottom: 11px; } .mobile-nav ul ul li { padding-bottom: 15px; } .mobile-nav { padding-top: 4rem; } @media (min-width:968px) { .mobile-nav { width: 400px; } } .mobile-nav.open > ul { margin-left: 5%; margin: 0px; width: 100%; padding-left: 45px; } .mobile-nav.open ul ul, .mobile-nav.open ul ul ul { width: 100%; } .mobile-nav.open ul ul ul { width: 100%; padding-top: 0px; } .mobile-nav.closed > ul { margin-left: 5%; } .mobile-nav > ul > ul { padding-top: 20px; background-repeat: green; } .mobile-nav ul ul a { padding-right: 0px; font-size: 19px; } .mobile-nav > ul > li:first-child { padding: 20px 0px!important; border-top: 1px solid #ebebeb30; } .mobile-nav > ul > li { padding: 20px 0px!important; border-bottom: 1px solid #ebebeb30; } .mobile-nav ul ul li { padding-bottom: 15px; } .mobile-nav ul ul:not(.sub-dropdown-menu) { padding-top: 10px; padding-bottom: 10px; padding-left: 20px!important; padding-right: 10px!important; margin-top: 10px; border-top: 1px rgba(255, 255, 255, 0.20) solid; border-bottom: 1px rgba(255, 255, 255, 0.20) solid; width: 100%; position: relative; /* margin-left: -50vw!important; */ left: 0%; background: rgb(0 0 0 / 0%); } .mobile-nav ul ul ul a { font-size: 55%!important; opacity: .8; line-height: 32px; text-transform: capitalize; letter-spacing: 0px; font-weight: 400; } .mobile-nav ul ul ul li { padding: 0px; padding-top: 5px; } .mobile-nav:before { background: linear-gradient(319deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 0%) 60%, rgb(255 255 255 / 0%) 100%); } .mobile-nav.gradient:before { background: linear-gradient(319deg, rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 8%) 60%, rgb(255 255 255 / 5%) 100%); } /*==================================================================================*/ /* SET NAV MOBILE -- CENTER ALIGN */ /*==================================================================================*/ /* .mobile-nav.open > ul { text-align: center; } .mobile-nav ul ul { padding-left: 0px; } .mobile-nav ul ul a { text-align: center; padding-left: 0px; } .mobile-nav ul a, .mobile-nav ul ul a { text-align: center; } .mobile-nav ul a, .mobile-nav ul ul a { padding: 0px 15px; } .mobile-nav .tab-sm { padding-left: 0px; } */ /*Custom Mobile open close expander icon*/ span.Expander { line-height: inherit!important; left: -30px; } .mobile-nav span.Expander { margin-top: 0; display: block; content: ''; width: 30px; height: 30px; overflow: visible; top: 17px; left: -30px; text-align: center; background: rgb(255 255 255 / 5%); border-radius: 50px; } span.Expander:before, span.Expander:after { margin-top: 0; display: block; content: ''; width: 14px; height: 1px; top: 50%; left: 0px; right: 0px; margin: auto; position: absolute; background: #252525; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform: rotate(135deg); transform: rotate(135deg); } span.Expander:before { transform: rotate(0deg); } span.Expander:after { transform: rotate(90deg); } span.Expander.test:before { transform: rotate(225deg); } span.Expander.test:after { transform: rotate(135deg); } /* change mobile slide open nav animation -- narrow version */ .mobile-nav.open, .mobile-nav.closed { -webkit-transition: all .3s ease-out!important; -moz-transition: all .3s ease-out!important; transition: all .3s ease-out!important; } /*Mobile Nav Overlay*/ body .mobile-nav-overlay > *:not(.mobile-nav-wrapper):not(.hamburger) { width: 100vw; /* -webkit-filter: blur(.2em); -moz-filter: blur(.2em); -o-filter: blur(.2em); -ms-filter: blur(.2em); filter: blur(.2em); */ } /*misc elements in mobile nav*/ .mobile-nav-overlay::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 1; transition: opacity 0.15s linear; height: 100%; z-index: 4; } /*mobile nav cta*/ .btn.btn-cta.btn-cta-mobile { font-size: 0.6em!important; text-align: center; margin: 0px!important; /* margin-left: 10%!important; */ padding: 15px 10px 15px 10px!important; margin-top: 50px!important; margin-bottom: 0px; max-width: 100%!important; float: inherit!important; border-radius: 6px!important; box-shadow: 0 1px 2px 1px rgb(0 0 0 / 4%); padding: 11px 20px!important; display: inline-block!important; width: auto!important; } .mobile-nav .btn-cta:hover { border-radius: 6px!important; box-shadow: 0 1px 3px 2px rgb(0 0 0 / 4%)!important; } /*==================================================================================*/ /* SET NAV HAMBURGER */ /*==================================================================================*/ .hamburger .menu-label { opacity: 1; position: absolute; top: 40px; font-size: 10px; font-weight: 500; display: none; } .hamburger-box { width: 19px; height: 19px; left: 0px; } .hamburger-inner:before { top: -6px; } .hamburger-inner:after { bottom: -6px; } .hamburger { border-radius: 50px; height: 52px; width: 52px; padding: 8px; right: 0px; top: 0px; bottom: inherit; position: fixed; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 24px; height: 2px; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:before, .hamburger.is-active .hamburger-inner:after { opacity: 1; } .hamburger.is-active .menu-label { opacity: 0; position: absolute; top: 10px; } .hamburger, .hamburger:active, .hamburger:visited { -webkit-transform: scale(1.0); transform: scale(1.0); transition: .3s ease-in-out; } @media screen and (min-width:949px) { .hamburger, .hamburger:active, .hamburger:visited { top: 10px; bottom: initial; } } .hamburger:hover { -webkit-transform: scale(1.1); transform: scale(1.1); transition: .3s ease-in-out; opacity: initial; } .hamburger.logoshow, .hamburger.logoshow:active, .hamburger.logoshow:visited { /* right: 15px;*/ top: 0px; } @media screen and (min-width:949px) { .hamburger.logoshow, .hamburger.logoshow:active, .hamburger.logoshow:visited { right: 15px; top: 15px; } } .hamburger { opacity: 1!important; } .hamburger.fixed { position: fixed; } /*hamburger position*/ @media screen and (max-width: 948px) { .hamburger-box { top: 4px; } } @media screen and (min-width: 949px) { .hamburger-box { top: 4px; } } @media screen and (max-width: 948px) { body .logoshow .hamburger-box { top: 4px; } } @media screen and (min-width: 949px) { body .logoshow .hamburger-box { top: 4px; } } /*==================================================================================*/ /* hamburger always on top in open mobile nav */ /*==================================================================================*/ @media screen and (max-width: 948px) { .mobile-nav-overlay .hamburger { top: 10px!important; } } @media screen and (min-width: 949px) { .mobile-nav-overlay .hamburger { top: 10px!important; } } @media screen and (max-width:1279px) { .mobile-nav-wrapper { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; overflow: hidden; } } .mobile-nav { display: inline!important; position: fixed!important; box-shadow: -17px 0px 20px 0px rgb(0 0 0), -1px 0 10px rgba(0, 0, 0, 0.3); } .mobile-nav-wrapper { pointer-events: none; } .mobile-nav { pointer-events: auto; top: 0; right: 0; height: 100%; box-sizing: border-box; background-color: #fff; overflow-y: auto; visibility: hidden; /* ADD THIS */ transform: translateX(100%); transition: all 0.4s; } .mobile-nav.open { transform: translateX(30px); visibility: visible; /* ADD THIS */ z-index: 9999; } .mobile-nav[style] { display: block !important; text-align: left; } @media (max-width: 968px) { .mobile-nav { width: 100%; /* ADJUST THIS */ } } .mobile-nav ul > li { opacity: 1; transform: translateY(20px); transition: transform 0.4s ease-in-out; } .mobile-nav ul > li.slide-in { opacity: 1; transform: translateY(0); }