/*! * Optima Theme - Styling * Version 1.0 */ @import '039_modules.css'; @import 'https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700'; @import 'https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&display=swap'; @import 'https://fonts.googleapis.com/css?family=Libre+Baskerville:400i&display=swap'; /*==================================================================================*/ /* SET THEME BASICS */ /*==================================================================================*/ /*==================================================================================*/ /* SET FONT FAMILY */ /*==================================================================================*/ h1,h2,h3,h4,h5,h6, .content h1, .content h2, .content .playfair, .c-module-services ul li, .sb-module .headline h2, .footer .footer-box h3, .post h2.title, .post h1.title, .gallery-header, .module-mini-cta a, .testimonials figure, .testimonials figcaption, .feature-address, .carousel .item-content p, .cta-btn-widget .btn { font-family: 'Montserrat', sans-serif; } body, .mobile-nav a, .carousel .item-content a, .btn, .btn-cta, .logo .header-address, .locations_list { font-family: 'Montserrat', sans-serif; } .carousel .item-content h2 { font-family: 'Montserrat', sans-serif; } .header .nav .primary-link>a, .header .nav .dropdown-wrapper>ul a { font-family: 'Montserrat', sans-serif; } .content h3, .carousel .item-content h3, .stylized-text h2:before, .feature-about h2 i { font-family: 'Libre Baskerville', serif; font-style: italic; } /*==================================================================================*/ /* SET H1, H2, H3 */ /*==================================================================================*/ .content h1, .headline h1, .post .entry h1, .post h2.title, .post h1.title, .post h2 { text-transform: capitalize; } .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 { font-size: 50px!important; line-height: 55px!important; font-weight: 300; 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, .module-popup h2 { font-size: 60px!important; line-height: 60px!important; width: initial; margin: initial; } } /*Shrink H1 size*/ .content-intro h1, .content h1, .sb-embed h1 { font-size: 2.5rem!important; } @media (min-width:768px) { .content-intro h1, .content h1, .sb-embed h1 { font-size: 2.5rem!important; } } @media (min-width:768px) { .content h3, .sb-about h3, .embed h3 { font-size: 20px!important; width: initial; margin: initial; } } /*h1 h2 h3 -- InteriorPages/Blog */ body:not(#page-home) .content h2, body.page-feed-post h2.title, body.page-full-post h1.title { text-align: left; } /*h1 h2 h3 -- Blog Post h2 */ body:not(#page-home) .post h2:not(.title) { font-size: 25px!important; font-weight: 300; width: 100%; } /*default form h2 -------------------------------------------------*/ .sb-contactform .headline h2 { font-size: 30px!important; margin-bottom: 20px!important; } /*==================================================================================*/ /* SET DEFAULT BUTTONS -- BTN */ /*==================================================================================*/ .btn-primary { border: 2px solid; } .btn-default.active, .btn-default:active, .open>.btn-default.dropdown-toggle { background-image: none; } a.btn, .btn, a.btn.btn-default, .btn.btn-default, .carousel p a, body.page-feed-post .entry a, .google-map-directions { white-space: pre-line; cursor: pointer; outline: none; border-radius: 1px; padding: 15px 0px 15px 0px; line-height: 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0px; border: 1px solid; width: 100%; 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);*/ } 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 /*.carousel .item-content a:hover */ { text-decoration: none!important; opacity: initial; /* transform: scale(1.03);*/ } @media (min-width:768px) { a.btn, .btn, a.btn.btn-default, .btn.btn-default, .carousel p a, body.page-feed-post .entry a { white-space: inherit; width: inherit; padding: 14px 54px 14px 54px; } } .btn-xl { padding: 15px 50px; } /*==================================================================================*/ /* SET DEFAULT BTN CTA*/ /*==================================================================================*/ .btn-cta { border: 1px solid; display: block!important; border-radius: 0px!important; vertical-align: middle; line-height: 20px; margin: auto; padding: 0px; /* margin-left: auto; */ text-transform: none!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: 15px 16px 15px 16px!important; width: 60%!important; float: right!important; width: inherit!important; font-size: 20px!important; } } .btn-cta:hover { text-decoration: none; } .mobile-nav .btn-cta i { margin-left: 5px; } .mobile-nav .btn-cta { font-size: .5em!important; width: initial!important; text-align: left; margin: auto; margin-top: 50px; margin-bottom: 20px; float: left; max-width: inherit; } /* cta btn resets */ @media screen and (min-width: 949px) { a.btn-reset { margin: 0px; display: inline-block!important; padding: 0px!important; width: inherit!important; border: 0px!important; } a.btn-reset:hover { } } /* cta btn on logoshow */ @media screen and (max-width: 948px) { .logoshow .btn-cta { } } /*==================================================================================*/ /* SET btn group wrap -- 2 or more btns */ /*==================================================================================*/ .btn-row-group { } @media screen and (min-width: 949px) { .btn-row-group { text-align: center; overflow: visible; position: relative; left: 0px; right: 0px; } } @media screen and (min-width:949px) { .btn-row-group .btn { display: inline-block; } } @media screen and (max-width:948px) { .btn-row-group .btn { margin-bottom: 17px; } } @media screen and (min-width:948px) { .btn-row-group .btn { margin-top: 1.5rem !important; } } /*==================================================================================*/ /* SET LOGO*/ /*==================================================================================*/ /*custom logo position -------------------------------------------------*/ .logo { left: 0px; right: 0; text-align: center; position: absolute; padding: 0px; max-width: 320px!important; margin: auto; padding-left: 15px!important; padding-right: 15px!important; } /*text based logo*/ .logo { max-width: 100%!important; } @media (min-width:949px) { .logo { left: 0px; right: 0px; padding: 0px; float: inherit!important; max-width: inherit!important; max-width: 375px!important; margin: auto; } } .logo { top: 5px; } @media (min-width:949px) { .logo { top: 20px; } } body:not(#page-home) .logo { top: 5px; } @media (min-width:949px) { body:not(#page-home) .logo { top: 20px; } } .header.logoshow .logo { top: 0px; } @media (min-width:949px) { .header.logoshow .logo { /* top: -30px; */ } } body:not(#page-home) .header.logoshow .logo { top: 0px; } @media (min-width:949px) { body:not(#page-home) .header.logoshow .logo { /* top: 0px;*/ } } /*custom logo size -------------------------------------------------*/ #logoimg, #logoimg-white { max-height: 60px!important; } @media (min-width:949px) { #logoimg, #logoimg-white { max-height: 40px!important; } } body:not(#page-home) #logoimg, body:not(#page-home) #logoimg-white { max-height: 60px!important; } @media (min-width:949px) { body:not(#page-home) #logoimg, body:not(#page-home) #logoimg-white { max-height: 40px!important; } } body.logoshow img#logoimg:not(.logo-color) { max-height: 35px!important; } body:not(#page-home).logoshow img#logoimg { max-height: 45px!important; } /* @media (min-width:949px) { .logo-color { opacity: 0; display: none; } } @media (max-width:948px) { .logo img#logoimg:not(.logo-color) { opacity: 0; display: none; } } @media (max-width:948px) { .logo-color { opacity: 1; display: block; position: relative; left: 0; right: 0; top: 0; margin: auto; z-index: -1; } } */ /*custom logo text size -------------------------------------------------*/ @media (max-width: 948px) { #logotext { font-size: 42px!important; line-height: 43px!important; left: 0px; right: 0; text-align: center; position: absolute; padding: 0px; font-weight: 700; letter-spacing: 0px; } } @media (min-width: 949px) { #logotext { font-size: 25px!important; line-height: 23px!important; left: 0px; right: 0; text-align: center; position: relative; padding: 0px; font-weight: 400!important; letter-spacing: 0px; } } /*==================================================================================*/ /* SET HEADER ICON */ /*==================================================================================*/ .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; } /*==================================================================================*/ /* SET HEADER*/ /*==================================================================================*/ @media (min-width: 949px) { .header { padding-left: 0px; padding-right: 0px; } } .header .wrapper { overflow: visible; } /*==================================================================================*/ /* SET HEADER INNER*/ /*==================================================================================*/ .header-inner { padding: 0px; float: inherit; } @media (min-width:949px) { .header-inner { padding: 30px!important; text-align: left; padding-top: 20px!important; } } body.logoshow .header-inner { padding: 10px 10px 10px 10px!important; float: inherit; } @media (min-width:949px) { body.logoshow .header-inner { padding: 0px!important; padding-left: 20px!important; padding-right: 20px!important; } } /* set alignment */ @media screen and (min-width:949px) { .header { text-align: right!important; } } /*fixed header with bg */ .logo { position: relative; } .header { position: relative; } /*==================================================================================*/ /* SET NAV CONTAINERS */ /*==================================================================================*/ .header .nav { margin-left: 0px; margin-top: 0px; float: right; clear: both; margin-bottom: 0px; margin-right: 0px; } .header .nav .primary-link>a { padding: 33px 10px 5px 10px; font-size: 14px; font-weight: 400!important; text-transform: uppercase; font-weight: 400!important; } .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: right; padding: 0px!important; display: inline-block; text-align: center; } } /*adjust header padding on scroll /*-----------------*/ body.logoshow.nav .primary-link>a { padding: 5px 10px 5px 10px; font-size: 14px; } body.logoshow .header-inner { height: inherit!important; } @media screen and (min-width:949px) { body.logoshow .header-inner { padding-top: 20px!important; padding-bottom: 20px!important; } } body.logoshow .nav:not(.footer-nav) { margin-top: 5px!important; padding: 0px!important; margin-bottom: 0px; margin-left: 5px; } /*==================================================================================*/ /* SET ON-SCROLL STYLING */ /*==================================================================================*/ /*set to fix for sticky header style ----------------*/ body .container .header { position: fixed!important; } body .container .header.logoshow { position: fixed!important; } /* .header { position: absolute!important; } */ /*style 2 logo colors*/ /*-----------------*/ .header.logoshow { padding-top: 0px; padding-bottom: 0px; visibility: visible; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) } .header.logoshow .nav .primary-link > a, .header.logoshow .nav .primary-link.selected > a { display: inline-block; text-decoration: none; } /*==================================================================================*/ /* SET ON-SCROLL STYLING -- Header fill*/ /*==================================================================================*/ div.header__menu__fill { height: 0; -webkit-transition:height 400ms ease-in-out; -o-transition:height 400ms ease-in-out; transition:height 400ms ease-in-out; left: 0; position: absolute; top: 0; z-index: -1; width: 100%; } body.logoshow div.header__menu__fill { height: 100%; } /* Dropdown Menu Styling ------------------------------------------------*/ .header .nav .dropdown-wrapper > ul { font-size: 13px; padding: 15px 20px; border-radius: 0px; margin-top: 10px; overflow: visible; } .header .nav .dropdown-wrapper a { margin-bottom: 0px; line-height: 20px; } .header .nav .dropdown-wrapper ul li:first-child a { margin-top: 0px; } .header .nav .dropdown-wrapper ul li:last-child a { margin-bottom: 0px; } .header .nav .dropdown-wrapper ul ul.sub-dropdown-menu { margin-top: 0px; } .header .nav .dropdown-wrapper ul ul.sub-dropdown-menu li:not(:first-of-type) a { margin: 5px 0px; } .header .nav .dropdown-wrapper ul.sub-dropdown-menu li:first-child > a { padding-top: 0px; } /* .header.logoshow .nav .dropdown-wrapper ul { margin-top: 21px; } */ .header .nav .dropdown-wrapper ul { overflow-y: scroll; } /*==================================================================================*/ /* SET Mega Dropdown Menu + default styling */ /*==================================================================================*/ .nav ul li.mega-dropdown { position: relative; overflow: hidden; } .nav ul li.mega-dropdown .dropdown-wrapper.open { display: table!important; } .nav ul li.mega-dropdown .dropdown-wrapper, .nav ul li.mega-dropdown .dropdown-wrapper.open { left: 50%; position: fixed; max-width: 100%; width: 100%; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08); } .nav ul li.mega-dropdown .dropdown-wrapper ul > li.secondary-link, .nav ul li.mega-dropdown .dropdown-wrapper ul > .orphan_links { /* background: rgba(0, 0, 0, 0.21); */ display: inline-block; max-width: 250px; vertical-align: top; padding-right: 30px; padding-bottom: 30px; } .nav ul li.mega-dropdown .dropdown-wrapper ul { border-radius: 0px; padding: 30px 30px 0px 30px; } .nav ul li.mega-dropdown .dropdown-wrapper li.secondary-link > a { /* text-transform: uppercase;*/ font-weight: 600; font-size: 14px; margin-bottom: 0px; } .nav ul li.mega-dropdown .dropdown-wrapper ul ul { padding: 0px; overflow: hidden; } .nav ul li.mega-dropdown .dropdown-wrapper ul li a { margin-top: 10px; } .nav ul li.mega-dropdown .dropdown-wrapper ul li:last-child a { margin-top: 0px!important; } .secondary-link.selected > a, .sub-secondary-link.selected a { font-weight: 600!important; font-style: italic; } /* Thinner Version ------------------------------------------------*/ .nav ul li.mega-dropdown.thin .dropdown-wrapper, .nav ul li.mega-dropdown.thin .dropdown-wrapper.open { left: 50%; position: fixed; max-width: 50%; } .nav ul li.mega-dropdown.thin .dropdown-wrapper ul > li.secondary-link, .nav ul li.mega-dropdown.thin .dropdown-wrapper ul > .orphan_links { /* background: rgba(0, 0, 0, 0.21); */ display: inline-block; max-width: 250px; vertical-align: top; padding-right: 30px; } .nav ul li.mega-dropdown.thin .dropdown-wrapper { -webkit-transform: translate(0px, 6px); -o-transform: translate(0px, 6px); transform: translate(0px, 6px); -ms-transform: translate(0px, 6px); } .nav ul li.mega-dropdown.thin .dropdown-wrapper.open { -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); } /* .orphan_links { display: inline-block; } .secondary-link:not(.mega-dropdown) { display: block!important; } */ /* .nav ul li.mega-dropdown .dropdown-wrapper { display: block!important; opacity: 1!important; } */ /* Extra Dropdown Top Arrrow ------------------------------------------------*/ .header .nav .dropdown-wrapper ul:before { left: 1.2rem; top: calc(-.25rem - -7px); background-color: #fff; } .header .nav .dropdown-wrapper ul:after, .header .nav .dropdown-wrapper ul:before { content:''; display: inline-block; position: absolute; border-radius: .1875rem 0 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); width: 1rem; height: 1rem; display: none; } /*menu fix for Nav Hover on Everything But ------------------------------------------------*/ .header .nav .dropdown-wrapper { position: absolute; left: 0px; right: 0px; padding: 0; min-width: 220px; max-width: 270px; z-index: 20; } .header .nav .primary-link { position: relative; } /*Dropdown menu item -- prevent from getting cut off from browser frame ------------------------------------------------*/ @media (min-width: 1200px) and (max-width: 2560px) { .header .nav li:last-child .dropdown-wrapper { left: inherit; right: 0px; } } /*==================================================================================*/ /* 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: 5px; 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; } } /*==================================================================================*/ /* SET ACTIVATE WIDE MOBILE */ /*==================================================================================*/ /* .nav-wrapper { display: block; } .nav-wrapper .nav { display: none!important; } .mobile-nav-wrapper { display: block!important; } .hamburger { display: block!important; } */ /*==================================================================================*/ /* SET CAROUSEL*/ /*==================================================================================*/ /*Carousel H2, H3, P Section -------------------------------------------------*/ .carousel .item-content h2 { text-transform: uppercase; letter-spacing: 8px; font-weight: 300; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 8px; font-size: 45px !important; line-height: 54px !important; } @media (min-width: 768px) and (max-width: 1280px) { .carousel .item-content h2 { font-size: 75px !important; line-height: 90px !important; } } @media (min-width: 1281px) and (max-width: 2560px) { .carousel .item-content h2 { font-size: 75px !important; line-height: 90px !important; } } .carousel .item-content h3 { font-style: italic; line-height: 21px!important; font-size: 15px!important; font-weight: 300; padding-top: 12px; padding-bottom: 12px; letter-spacing: 1px; text-transform: lowercase; } @media (min-width:949px) { .carousel .item-content h3 { font-style: italic; font-size: 20px!important; font-weight: 100; padding-top: 0px; padding-bottom: 15px; line-height: 24px!important; text-transform: lowercase; letter-spacing: 2px; } } .carousel .item-content-inner p { margin-top: 0px!important; /* margin-bottom: 30px!important; */ } @media (min-width:949px) { .carousel .item-content-inner p { margin-top: 0px!important; margin-bottom: 20px!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; } } /* Carousel 1 or 2 button or link style -------------------------------------------------*/ .carousel .item-content p a { padding: 12px 0px 12px 0px!important; font-size: 12px!important; letter-spacing: 0px!important; line-height: 20px!important; font-weight: 700; border: 3px solid; } @media (min-width:949px) { .carousel .item-content p a { padding: 15px 40px 15px 40px!important; font-size: 11px!important; letter-spacing: 0px!important; line-height: normal!important; font-weight: 700; } } .carousel .item-content p a:nth-child(1) { margin-bottom: 15px; width: 90%; } .carousel .item-content p a:nth-child(1):hover { } .carousel .item-content p a:nth-child(2) { padding: 12px 0px 12px 0px!important; width: 90%; /* display: none; */ } .carousel .item-content p a:nth-child(2):hover { } @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) { padding: 14px 30px 14px 30px!important; width: inherit; display: inline-block; } .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 a:nth-child(1) i, .carousel .item-content p a:nth-child(2) i { margin-left: 10px; } /*custom cover settings -------------------------------------------------*/ .carousel .item-content p { text-transform: capitalize; padding-top: 5px; font-size: 16px!important; line-height: 23px; font-weight: 300; padding-top: 10px; margin-top: 5px; letter-spacing: 0px; /* font-style: italic;*/ } @media (min-width: 768px) and (max-width: 1280px) { .carousel .item-content p { padding-top: 9px; font-size: 15px!important; line-height: 22px; } } @media (min-width: 1281px) { .carousel .item-content p { padding-top: 35px; font-size: 20px!important; line-height: 25px; } } /* carousel text custom position -----------------------------------------------------------------*/ .carousel .item-content { top: 0px; } @media screen and (min-width: 949px) { .carousel .item-content { top: 0px; } } /*custom carousel height -------------------------------------------------*/ #page-home:not(.body) > .container > .carousel-wrapper .item-inner { min-height: 650px; } @media (min-width:949px) { #page-home:not(.body) > .container > .carousel-wrapper .item-inner { min-height: 560px; /* height: 110vh;*/ display: flex; width: 100vw; -ms-flex-flow: row wrap; flex-flow: row wrap; } } /*Carousel inner content -------------------------------------------------*/ .carousel-wrapper .item-content .item-content-inner { max-width: 97%; text-align: center; padding-left: 40px; padding-right: 40px; padding-bottom: 25px!important; padding-top: 29px!important; position: relative; margin: auto; /* bottom: 195px; left: 0px; right: 0px; height: 100px; */ } @media (min-width:949px) { .carousel-wrapper .item-content .item-content-inner { max-width: 820px; text-align: center; padding-left: 45px!important; padding-right: 45px!important; padding-bottom: 75px!important; padding-top: 75px!important; position: relative; margin: auto; /* bottom: 200px; left: 0px; right: 0px; height: 100px; */ } } /*carousel inner content width -------------------------------------------------*/ .carousel-wrapper .item-content .item-content-inner { max-width: 95%; } @media (min-width: 768px) and (max-width: 1280px) { .carousel-wrapper .item-content .item-content-inner { max-width: 1200px; } } @media (min-width: 1281px) and (max-width: 2560px) { .carousel-wrapper .item-content .item-content-inner { max-width: 1400px; } } /*Carousel Content Container width && left/right Position -------------------------------------------------*/ #page-home:not(.body) > .container > .carousel-wrapper .item-inner { max-width: 1200px; } @media (min-width: 768px) and (max-width: 1280px) { #page-home:not(.body) > .container > .carousel-wrapper .item-inner { max-width: 1200px; /* float: left*/ } } @media (min-width: 1281px) and (max-width: 2560px) { #page-home:not(.body) > .container > .carousel-wrapper .item-inner { max-width: 1400px; /* float: left; margin-left: 60px; */ } } /* 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: 300px; float: left; } } @media (min-width: 1281px) and (max-width: 2560px) { body:not(#page-home):not(.body) > .container > .carousel-wrapper .item-inner { /* max-width: 1400px;*/ max-width: 660px; float: left; margin-left: 60px; } } /*Carousel Custom top position -------------------------------------------------*/ #page-home:not(.body) > .container > .carousel-wrapper .item-content .item-content-inner { top: 100px; } @media (min-width: 768px) and (max-width: 1280px) { #page-home:not(.body) > .container > .carousel-wrapper .item-content .item-content-inner { top: 215px; } } @media (min-width: 1281px) and (max-width: 2560px) { #page-home:not(.body) > .container > .carousel-wrapper .item-content .item-content-inner { top: 215px; } } /* 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; } } /*adjust hero bg position -------------------------------------------------*/ @media screen and (max-width:480px) { .item.sb--bgcover { background-position: -350px 0px!important; } } /*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; */ } } /*==================================================================================*/ /* SET CAROUSEL INTERIOR */ /*==================================================================================*/ /* Interior Carousel BG Heights -----------------------------------------------------------------*/ body:not(#page-home):not(.page-home) .container > .carousel-wrapper { height: 225px; background-position: 0px 0px; background-size: cover!important; } @media (min-width: 768px) and (max-width: 1280px) { body:not(#page-home):not(.page-home) .container > .carousel-wrapper { height: 350px; background-position: 0px 0px; background-size: cover!important; } } @media (min-width: 1281px) and (max-width: 1920px) { body:not(#page-home):not(.page-home) .container > .carousel-wrapper { height: 450px; background-position: top center; background-size: cover!important; } } /* Interior text position -----------------------------------------------------------------*/ body:not(#page-home) .carousel-wrapper:not(.bg--none) .carousel-inner .item-content { top: 107px; } @media (min-width:949px) { body:not(#page-home) .carousel-wrapper:not(.bg--none) .carousel-inner .item-content { top: 210px; clear: both; } } 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: 30px!important; } } /* interior bg position -------------------------------------------------*/ body:not(#page-home) .carousel-wrapper:not(.bg--none) .carousel-inner .item { background-position: 0px -10000px; display: block!important; } body.page-home .carousel-wrapper:not(.bg--none) .carousel-inner .item { background-position: 0px 0px!important; display: block!important; } body:not(#page-home) .carousel-wrapper:not(.bg--none) .item-content-inner { display: none; } /*interior h2 text position-- when active -------------------------------------------------*/ body:not(#page-home) .sb-wrap:first-child > .sb-module { padding-top: 30px!important; } /*interior bg default color -------------------------------------------------*/ body:not(#page-home):not(.page-home) .container > .carousel-wrapper { background-color: #fff; } /*==================================================================================*/ /* SET SOCIAL MEDIA TAB ICONS */ /*==================================================================================*/ .tab-sm a { display: inline-block; border-radius: 20px; width: 25px; height: 25px; padding: 3px 0px 0px 0px; text-align: center; border: 0px; } .tab-sm a { border: 1px solid; } .tab, .tab-sm a, .tab-sm a .fa { font-size: 12px; } @media screen and (min-width:949px) { .tab-sm a { display: inline-block; background: #025d75; border-radius: 20px; width: 25px; height: 25px; padding: 3px 0px 0px 0px; text-align: center; margin-bottom: 0px; } .tab, .tab-sm a, .tab-sm a .fa { font-size: 12px; } } .tab-sm { z-index: 1; position: absolute; /* top: 13vh; */ bottom: 0px!important; /* left: 0; */ right: 0; /* margin: auto; */ text-align: center; } @media screen and (min-width:949px) { .tab-sm { /* top: 5vh; */ } } .tab { /* position: absolute; */ border-top-left-radius: 0px; border-bottom-left-radius: 0px; font-weight: 300; font-size: 18px; padding: 0px; z-index: 1; border-top: 0px solid; border-right: 0px solid; border-bottom: 0px solid; border-left: 0px solid; right: initial; margin: auto; left: 50%; width: 260px; text-align: center; transform: translateX(-50%); } @media screen and (min-width:949px) { .tab { /* position: fixed; */ display: inline-block; left: inherit; transform: initial; right: 30px; width: auto; width: initial; text-align: initial; top: 119px; } } .tab-sm i { font-size: 12px!important; } /*sm icons in mobile menu-------------------------------------------------*/ .mobile-nav .tab-sm { padding-left: 35px; padding-top: 30px; } .mobile-nav .tab-sm a { line-height: 10px; display: inline-block; border-radius: 20px; width: 35px; height: 35px; padding: 3px 0px 0px 0px; text-align: center; border: 0px; } .mobile-nav .tab-sm i { font-size: 20px!important; } /*==================================================================================*/ /* SET CONTACT FORM STYLING */ /*==================================================================================*/ .module-form input:not([type=submit]):not([type=submit]), .module-form textarea, .module-form select { display: block; width: 100%; padding: 16px 0px 16px 20px; 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; } /*==================================================================================*/ /* SET FOOTER */ /*==================================================================================*/ .footer { padding-top: 60px; padding-bottom: 60px; text-align: center; overflow: visible; border-top: 1px solid; } @media screen and (min-width: 949px) { .footer .footer-box:nth-child(1), .footer .footer-box:nth-child(2), .footer .footer-box:nth-child(3) { padding: 0 15px; position: relative; min-height: 1px; width: 100%!important; text-align: center!important; } } .footer .footer-box { float: none!important; } .footer .nav ul { padding-bottom: 20px; } .footer .nav li { display: block; font-size: 20px; line-height: 35px; } @media screen and (min-width: 949px) { .footer .nav li { display: inline; font-size: 20px; } } .footer .nav li a { font-size: 17px; padding: 10px; font-weight: 300; } .footer h3 { padding-top: 18px; padding-bottom: 0px; } .footer img#logoimg, body:not(#page-home) .footer img#logoimg { max-height: 100px!important; margin: 0px; max-width: 290px!important; margin: auto; clear: both; display: block; } .footer-user-content { padding: 0 15px; position: relative; min-height: 1px; width: 100%!important; text-align: center!important; margin: auto; } @media screen and (min-width: 949px) { .footer-user-content { width: 80%!important; } } /*==================================================================================*/ /* extra footer instance fix -- remove 2nd instance */ /*==================================================================================*/ body > .footer-box { display: none; } /* social media footer icons -- possibly globalize this -------------------------------------------------*/ .social-module { padding-top: 20px; } .social-module a { border-radius: 50px; width: 35px; height: 35px; padding-top: 8px; display: inline-block; border: 1px solid; margin-left: 0px; margin-right: 5px; margin-bottom: 0px; text-align: center; font-weight: 500; } .social-module a .fa { font-size: 14px; } /*==================================================================================*/ /* SET MODULE MINI CTA MODULE -- TOP & BOTTOM */ /*==================================================================================*/ /*Custom Top/Bottom CTA Module-------------------------------------------------*/ .sb-module-mini-cta { overflow: visible!important; z-index: 999999; position: relative; } .sb-module-mini-cta { overflow: visible!important; } .module-mini-cta { width: 100%; position: absolute; right: 0px; left: 0px; background: transparent; padding-top: 30px!important; margin: auto; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.09); bottom: 40px; } @media screen and (min-width:949px) { .module-mini-cta { width: 100%; padding-top: 0px!important; bottom: 0px; } } /* @media screen and (max-width:948px) { .module-mini-cta [class*='col-'] { display: inline-block; float: left; width: 33.3%; } } */ .module-mini-cta [class*='col-'] { padding: 0px; } @media screen and (min-width:768px) { .module-mini-cta [class*='col-'] { } } .module-mini-cta a { font-size: 12px!important; font-weight: 500; white-space: normal; padding: 5px 40px!important; margin-bottom: 5px; width: 100%!important; border: 0px!important; /* box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05);*/ display: block; margin-right: 0px; width: auto!important; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 1280px) { .module-mini-cta a { margin-bottom: 0px; padding: 30px 30px!important; min-height: 90px; width: 100%!important; /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; */ margin-right: 20px; } } @media (min-width: 1281px) and (max-width: 2560px) { .module-mini-cta a { margin-bottom: 0px; padding: 30px 30px!important; width: 100%!important; /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; */ margin-right: 20px; } } .module-mini-cta [class*='col-']:first-child a { /* margin-top: 10px; */ } @media screen and (min-width:768px) { .module-mini-cta [class*='col-']:first-child a { margin-top: 0px; } } .module-mini-cta i { display: inline-block; text-align: center; margin-left: 5px; position: relative; } .module-mini-cta [class*='col-'] .cta-content { font-weight: 400; text-transform: none; display: block; /* margin-top: 10px; */ font-size: 14px; /* display: none;*/ } @media screen and (min-width:768px) { .module-mini-cta [class*='col-'] .cta-content { font-size: 16px; } } @media screen and (min-width:768px) { .module-mini-cta [class*='col-'] a:hover { /* transform: translateY(-5px);*/ } } /*Font Awesome Icons */ .module-mini-cta a:before, .module-mini-cta a:after { font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 0px 10px 0px 0px; text-decoration: none; display: none; } .module-mini-cta a:first-of-type:before { } .module-mini-cta i { display: inline-block; text-align: center; margin-left: 5px; position: relative; } .module-mini-cta .col-1 a:before { content: '\f02d'; } .module-mini-cta .col-2 a:before { content: '\f164'; } .module-mini-cta .col-3 a:before { content: '\f109'; } .module-mini-cta .col-4 a:before { content: '\f002'; } /*Bottom/Top Specific CTA Styling -*/ .module-mini-cta.top h2, .module-mini-cta.bottom h2 { font-size: 30px!important; margin-bottom: 30px!important; } /* @media screen and (min-width:949px) { .module-mini-cta.bottom { width: 1000px; position: relative; margin: auto; margin-top: 60px; right: 0px; left: 0px; background: transparent; text-align: center; } } .module-mini-cta.bottom [class*='col-'] .btn { padding-top: 15px!important; padding-bottom: 15px!important; } */ /*==================================================================================*/ /* SET GALLERY */ /*==================================================================================*/ /*Gallery Customize layout/animation-------------------------------------------------*/ .gallery [class*='col-'] .gallery-item-wrap { border: 0px!important; padding-bottom: 0px; margin-bottom: 0px; } body#page-home .gallery-caption { padding-left: 30px; padding-right: 30px; box-shadow: -2px 1px 5px 0px rgba(0, 0, 0, 0); position: relative; left: 0; right: 0px; z-index: 10; padding-top: 10px; } @media screen and (min-width:949px) { body#page-home .gallery-caption { padding-top: 0px; } } body#page-home .gallery-header { font-size: 30px; line-height: 40px; transform: none!important; white-space: pre-line; display: inline-block; font-weight: 300; text-transform: uppercase; } @media screen and (min-width:949px) { body#page-home .gallery-header { font-size: 40px; line-height: 44px; } } #page-home .tint .gallery-caption { transform: translateY(0px); } #page-home .tint:hover .gallery-caption { transform: translateY(0px); } body#page-home .gallery-text { font-size: 14px!important; line-height: 20px; } /* @media screen and (min-width:949px) { .gallery { max-height: 275px; } } */ /* .gallery-image { display: none!important; } */ a.gallery-item { width: 100%; line-height: initial; vertical-align: top; /* padding-left: 20px; padding-right: 20px; */ } .gallery-item-wrap .btn { margin-top: 20px; width: 88%!important; } #page-home .tint { min-height: 17em; } .gallery { text-align: center!important; } #page-home .gallery [class*='col-'] { display: block; /* float: none;*/ vertical-align: top; } @media screen and (min-width:949px) { #page-home .gallery [class*='col-'] { display: inline-block; } } body#page-home .gallery-caption { padding-left: 0px; padding-right: 0px; width: 100%; } /*custom gallery-------------------------------------------------*/ .gallery-item-wrap { width: 100%; } #page-home .gallery [class*='col-'] { margin: 0px; padding: 0px; } body#page-home .gallery-caption { bottom: 203px; position: absolute; padding: 2px 34px 2px 34px!important; } @media screen and (min-width:949px) { body#page-home .gallery-caption { position: absolute; bottom: 225px; padding: 2px 54px 2px 54px!important; } } #page-home .tint { min-height: 100%; } /*==================================================================================*/ /* Extra Gallery Btn */ /*==================================================================================*/ .gallery-item-wrap .btn { position: absolute; bottom: 40px; left: 0px; right: 0px; margin: auto; z-index: 2; margin-top: 20px; width: 88%!important; } body:not(#page-home) .gallery-item-wrap .btn { display: none; } /*==================================================================================*/ /* remove Gallery a hover color */ /*==================================================================================*/ a.gallery-item, a.gallery-item a { color: transparent; } /*==================================================================================*/ /* SET ON-SCROLL STYLING */ /*==================================================================================*/ /*style 2 logo colors*/ /*-----------------*/ .header.logoshow { padding-top: 0px; padding-bottom: 0px; visibility: visible; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) } .header.logoshow .nav .primary-link > a, .header.logoshow .nav .primary-link.selected > a { display: inline-block; text-decoration: none; } /*CUSTOM SITE ADDITIONS -------------------------------------------------*/ .module-mini-cta img { max-width: 40px; max-height: 40px; /* filter: saturate(8) hue-rotate(-51deg) brightness(125%); -webkit-filter: saturate(8) hue-rotate(-51deg) brightness(125%); */ } @media screen and (min-width:949px) { .module-mini-cta img { max-width: 50px; max-height: 50px; } } .sb-module-mini-cta-row > [class*='col-'] { padding: 0px; } /*==================================================================================*/ /* Rows of img modules */ /*==================================================================================*/ /* row of 3 images -- fluid */ @media (min-width: 768px) { .sb-image-row .image-row-three .sb-col { width: 33.33%!important; } } /* row of 4 images -- shrink on mobile */ @media (max-width: 767px) { .image-row-four img { max-width: 70%!important; } } /*==================================================================================*/ /* SET MISC CUSTOMIZATION*/ /*==================================================================================*/ /* custom 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-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 3s ease!important; -moz-transition: all .3s ease!important; transition: all .3s ease!important; } /*AOS - custom animation -------------------------------------------------*/ [data-aos="fade-up"] { transform: translate3d(0,50px,0); } body[data-aos-duration='1000'] [data-aos], body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'], [data-aos][data-aos][data-aos-duration='800']{ transition-duration: .7s; } /* large link size -------------------------------------------------*/ .lg-link { display: block; margin-top: 20px; font-size: 110%; font-weight: 600!important; } /* custom icon/element placement -------------------------------------------------*/ .custom-icon { position: absolute; right: 0px; bottom: 192px; max-width: 31px; } @media screen and (min-width:949px) { .custom-icon { position: absolute; right: 0px; bottom: 95px; max-width: 50px; } } /* module border -------------------------------------------------*/ .border--bottom { border-bottom: 1px solid; } /* set carousel img size -------------------------------------------------*/ .carousel img { max-height: 95px!important; margin: 0px; } /* hide slick nav left/right arrows -------------------------------------------------*/ .slick-arrow { display: none!Important; } } /* address link to google maps -------------------------------------------------*/ .address-link { font-size: 15px!important; padding-top: 8px; display: block!important; font-weight: 600!important; text-transform: capitalize; line-height: 18px; } @media (min-width: 768px) and (max-width: 1280px) { .address-link { font-size: 15px!important; } } @media (min-width: 1281px) and (max-width: 2560px) { .address-link { font-size: 15px!important; } } /*==================================================================================*/ /* SET HOT FIXES */ /*==================================================================================*/ .carousel-inner { overflow: visible; } body#page-home .body { z-index: -1; } .sb-content-intro-row { z-index: 2; overflow: visible; } /* force opacity */ .sb-module-mini-cta.top { opacity: 1!important; } /* custom zindex header */ @media (max-width: 948px) { .header { z-index: 1; } } /* fix border not showing up */ .sb-wrap:after { content: " "; clear:both; display:block; } /* remove default neg margins */ @media screen and (min-width: 949px) { .sb-module--nomargin { margin-left: 0px!important; margin-right: 0px!important; } } /* bootstrap col left/right padding */ /* @media screen and (min-width: 768px) { .col-sm-12 { padding-left: 0px!important; padding-right: 0px!important; } } */ /* set clears */ .header-inner:after { content:''; clear:both; display:table; } /*==================================================================================*/ /* SET HEADER TOOLBAR LINKS */ /*==================================================================================*/ .toolbar.row { width: 100%; position: relative; z-index: 0; position: relative; margin: auto; top: 0px; } @media (min-width:948px) { .toolbar.row { margin: 0px; width: 100%; padding: 0px; top: 0px; } .toolbar.row > .col-xs-12 { padding: 0px; } } body.logoshow .toolbar.row { top: 0px; } @media (min-width:949px) { body.logoshow .toolbar.row { top: 0px; } } .toolbar-links { position: relative; top: 0px; width: 100%; z-index: 1; margin: auto; } @media (min-width:949px) { .toolbar-links { top: 0px; } } @media (max-width:948px) { .toolbar-links { } } /*on scroll toolbar*/ body.showhide .toolbar-links { position: fixed; z-index: 1; } @media (min-width:949px) { body.showhide .toolbar-links { top: 60px; background: transparent; z-index: 2; width: 100%; opacity: 0; } } /* sm icons in toolbar */ .tab-sm { position: relative; top: 0px; padding: 0px; } @media screen and (min-width:949px) { .tab-sm { padding: 0px; } } /*==================================================================================*/ /* SET ADDRESS LIST */ /*==================================================================================*/ .locations_list { width: 170px; border-left: 0px solid #3cc7bf; color: #565e69; color: #fff; font-size: 14px; line-height: 17px; letter-spacing: 0px; margin: auto; margin-top: 20px; text-transform: none; font-weight: 300; text-align: center; } @media (min-width:949px) { .locations_list { float: left; text-align: left; padding-left: 10px; margin-left: 35px; border-left: 1px solid #3cc7bf; } } body:not(#page-home) .locations_list { display: none; } @media (min-width:949px) { body:not(#page-home) .locations_list { display: block; } } .location_name { font-weight: 400; display: block; } .locations_list span a { } .locations_list .description { font-weight: bold; } /*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; } .footer .locations_list a { display: block; padding-top: 10px; } /*==================================================================================*/ /* SET CUSTOM SB-COL HEIGHTS AND ALIGNMENTS */ /*==================================================================================*/ /*flex box -- set vertical alignment and height per module -------------------------------------------------*/ /* @media (min-width:1001px) { #page-home .sb-formbuilder-row .sb-col { height: 350px; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } } */ /* set custom inner sb-col-wrap style -------------------------------------------------*/ .sb-feature-services-row .sb-col-wrapxxx { background: #fff; margin: 10px 0px; padding: 0px; } @media (min-width:949px) { .sb-feature-services-row .sb-col-wrapxxxs { min-height: 470px; margin: 0px 10px; } } /*==================================================================================*/ /* 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; } } /*==================================================================================*/ /* SET MODULE CUSTOM HEIGHTS WHERE NEEDED */ /*==================================================================================*/ /* @media screen and (min-width:949px) { .sb-feature-message1-row .sb-module { top: 9.625rem; padding-top: 12.25rem!important; padding-bottom: 12.25rem!important; } } */ /* @media screen and (min-width:949px) { .sb-feature-cta1-row, .sb-feature-cta2-row { padding-top: 6.25rem!important; padding-bottom: 6.25rem!important; } } */ /* @media screen and (max-width:948px) { .sb-testimonials-row .sb-module { height: 100%!important; } } @media screen and (min-width:949px) { .sb-testimonials-row .sb-module { top: 12.625rem; padding-top: 12.25rem!important; padding-bottom: 2.25rem!important; } } */ /*==================================================================================*/ /* SET MODULE BG SIZE - MOBILE*/ /*==================================================================================*/ .sb-module-mini-cta-row { background-size: inherit!important; } /*==================================================================================*/ /* SET MODULE BG POSITIONS - MOBILE */ /*==================================================================================*/ @media screen and (max-width:480px) { .sb-feature-services-row { background-position: -1500px 0px!important; } } /*==================================================================================*/ /* BG Image Visibility */ /*==================================================================================*/ #page-home .carousel-wrapper { background-image: none; } body:not(#page-home):not(.page-home):not(.body) > .container > .carousel-wrapper .item { background: none!important; } @media (min-width:949px) { body.page-home .carousel-wrapper .carousel-inner .item-content { top: 0px!important; } } /*====================================================================================================================*/ /*====================================================================================================================*/ /* SET FEATURE MODULES*/ /*====================================================================================================================*/ /*====================================================================================================================*/ /*GLOBAL -------------------------------------------------*/ body#page-home .feature-cta h2, body#page-home .feature-message1 h2 { /* font-size: 60px!important; line-height: 60px!important; */ padding-bottom: 30px; } @media screen and (min-width:949px) { body#page-home .feature-cta h2, body#page-home .feature-message1 h2 { /* font-size:60px!important; line-height: 52px!important; */ } } /* row of 3 image modules -- fluid width only -------------------------------------------------*/ @media (min-width: 768px) { .sb-col-fluid.sb-image-row .image-row-three .sb-col { width: 33.33%!important; } } @media (min-width: 768px) { .sb-col-fluid.sb-image-row .image-row-three img { width: 100%!important; } } @media (max-width: 767px) { .sb-col-fluid.sb-image-row .image-row-three .sb-col.sb-image-row { padding: 0px!important; } } /* row of 4 image modules -------------------------------------------------*/ @media (min-width: 768px) { .image-row-four .sb-col.sb-image-row { width: 25%!important; } } /* row of 5 image modules -------------------------------------------------*/ /*feature Col Setups -------------------------------------------------*/ .feature-col [class*="col"] { overflow: hidden; } .feature-col [class*="col"] .col-content { border: 1px solid #080808; background-color: #fff; margin: 20px 0px; padding: 20px; border-radius: 4px; overflow: hidden; } .feature-col [class*="col"] .col-content:hover { background: red; color: #fff; } .feature-col [class*="col"] .col-content h2 { font-size: 29px!important; } /*FEATURE INTRO -------------------------------------------------*/ .sb-content-intro-row .content h3 { padding-bottom: 20px; } @media screen and (min-width:949px) { .sb-content-intro-row .content .btn { display: inline-block; } } @media screen and (max-width:948px) { .sb-content-intro-row .content p a.btn { margin-bottom: 17px; } } @media screen and (min-width:948px) { .sb-content-intro-row .content p a.btn { margin-top: 1.5rem !important; } } /*FEATURE SERVICES -------------------------------------------------*/ .sb-feature-services-row.sb--bgcover { } @media screen and (min-width:949px) { .sb-feature-services-row.sb--bgcover { } } body#page-home .sb-feature-services-row h2 { font-size: 36px!important; line-height: 38px!important; padding-bottom: 0px; } @media screen and (min-width:949px) { body#page-home .sb-feature-services-row h2 { font-size: 26px!important; line-height: 35px!important; padding-bottom: 0px; } } body#page-home .sb-feature-services-row p { font-size: 14px!important; margin-bottom: 0px; } @media screen and (min-width:949px) { body#page-home .sb-feature-services-row p { } } .sb-feature-services-row i:not([class*='icon-']) { display: block; margin-bottom: 20px; font-size: 40px; } /*services links*/ body#page-home .sb-feature-services-row .sb-content a { font-size: 12px; text-transform: uppercase; color: #fff; border: 2px solid #fff; padding: 7px 25px; font-weight: 600; } @media screen and (min-width:949px) { body#page-home .sb-feature-services-row .sb-content a { border: 2px solid #fff; } } /* for sb-col layouts */ .sb-feature-services-row .sb-col .sb-module { padding: 0px 30px!important; } .sb-feature-services-row .sb-col.sb-image-row { text-align: center!important; } .sb-feature-services-row .sb-col.sb-image-row .sb-module .box { margin: 0px 20px; padding: 10px 0px!important; /* background: #fff;*/ /* box-shadow: 1px 1px 10px rgba(0,0,0, 0.03);*/ } @media screen and (min-width:949px) { .sb-feature-services-row .sb-col.sb-image-row .sb-module .box { margin-bottom: 0px; } } #page-home .feature-services [class*='col-'] { display: inline-block; vertical-align: top; } @media screen and (min-width:949px) { #page-home .feature-services [class*='col-'] { display: inline-block; } } @media screen and (min-width:949px) { #page-home .feature-services [class*='col-']:nth-child(2) { margin-top: 40px; } } #page-home .feature-services .sb-col { background-size: 100%; background-repeat: no-repeat; } .sb-feature-services-row .sb-col .btn:not(.btn-link) { width: 100%!important; padding: 4px; } .sb-feature-services-row .sb-col-wrap { background: transparent; margin-bottom: 20px; /* box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.05);*/ } .sb-feature-services-row .sb-col:last-child .sb-col-wrap { margin-bottom: 0px; } @media (min-width:949px) { .sb-feature-services-row .sb-col-wrap { min-height: 150px; margin: 0px 10px; overflow: hidden; /* background: red; */ } } .sb-feature-services-row .sb-col-wrap { padding: 40px 20px 40px 20px; } @media (min-width: 768px) and (max-width: 1280px) { .sb-feature-services-row .sb-col-wrap { padding: 80px 20px 80px 20px; } } @media (min-width: 1281px) and (max-width: 2560px) { .sb-feature-services-row .sb-col-wrap { padding: 80px 20px 80px 20px; } } .sb-feature-services-row .sb-col-wrap:before { border: 3px solid rgb(255, 255, 255); display: block; content: ""; overflow: hidden; height: 100%; position: top; position: absolute; left: 0px; top: 0; width: 100%; transform: scale(1.0); } .sb-feature-services-row .sb-col-wrap:hover:before { border: 1px solid rgb(173, 162, 112); display: block; content: ""; overflow: hidden; height: 100%; position: absolute; position: top; left: 0px; top: 0; transform: scale(.95); } /* col bg image size/hover -------------------------------------------------*/ .sb-feature-services-row .sb-col { -webkit-background-size: 650px; background-size: ; background-position: center; } .sb-feature-services-row .sb-col:hover { -webkit-background-size: 750px; background-size:750px 750px; background-position: center; } /* row of 3 images -------------------------------------------------*/ @media screen and (min-width:949px) { .sb-feature-services-row .image-row-three .sb-col { width: 33.33%!important; } } /* row of 4 images -------------------------------------------------*/ @media screen and (min-width:949px) { .sb-feature-services-row .image-row-four .sb-col { width: 25%!important; } } /* row of 4 images -------------------------------------------------*/ /* @media (min-width: 768px) { .sb-feature-services-row .sb-col { width: 25%!important; } } */ /*FEATURE CTA -------------------------------------------------*/ .sb-feature-cta1-row, .sb-feature-cta2-row { z-index: 0; } .sb-feature-cta1-row h2, .sb-feature-cta2-row h2 { font-size: 32px!important; line-height: 45px!important; padding-bottom: 30px; } @media screen and (min-width:949px) { .sb-feature-cta1-row h2, .sb-feature-cta2-row h2 { font-size: 40px!important; } } .sb-feature-cta1-row, .sb-feature-cta2-row {/* background: #f5f8fa; */font-size: 18px;} .sb-feature-cta1-row h2 span, .sb-feature-cta2-row h2 span { font-weight: 700; } /* .sb-feature-cta1-row [class*='col-']:nth-child(1), .sb-feature-cta2-row [class*='col-']:nth-child(1) { background: #fff; padding: 30px; } @media screen and (min-width:949px) { .sb-feature-cta1-row [class*='col-']:nth-child(1), .sb-feature-cta2-row [class*='col-']:nth-child(1) { background: #fff; padding: 50px; } } */ /*FEATURE TESTIMONIALS -------------------------------------------------*/ .sb-testimonials-row.sb--bgcover { /* background-size: 47%!important; background-attachment: fixed!important; background-repeat: no-repeat; background-position: center center; */ } @media screen and (min-width:949px) { .sb-testimonials-row.sb--bgcover { } } .slick-slide { width: 100%; /* background: rgba(255, 255, 255, 0.18); */ /* margin: 10px; */ /* border: 1px solid red; */ } .testimonials figure { padding: 15px; border-radius: 0px; outline: none; text-align: center; vertical-align: top; border-left: 2px solid rgba(255, 255, 255, 0.86); float: right; padding-left: 30px; /* background: #ffffff; border: 1px solid #080808; overflow: visible; margin-left: 20px; */ } @media screen and (min-width:949px) { .testimonials figure { max-width: 300px; height: 239px; margin-left: 300px; } } .testimonials blockquote { position: relative; width: 100%; padding-top: 0px; background-color: transparent; } .testimonials blockquote h3 { font-size: 32px!important; line-height: 45px!important; padding-top: 10px; padding-bottom: 10px; font-weight: 200; } @media screen and (min-width:949px) { .testimonials blockquote h3 { font-size: 25px!important; line-height: 38px!important; /* font-weight: 300; */ } } .testimonials figcaption.quotename { overflow: visible; display: inline-block; font-size: 15px; line-height: 18px; font-weight: 700; } .testimonials figcaption span { display: block; font-size: 14px; line-height: 30px; font-weight: 700; } .testimonials .quote-mark { font-family: Georgia, Merriweather, Arial; position: relative; } .testimonials .quote-mark-lg { font-family: Georgia, Merriweather, Arial; font-size: 205px!important; position: relative; top: 28px; display: block; } .sb-testimonials a { color: #fff!important; } .sb-testimonials .btn { margin-top: 40px; } .sb-testimonials h2 { margin-bottom: 40px; } /*FEATURE ABOUT -------------------------------------------------*/ /* body#page-home .sb-feature-about { position: absolute; top: -85px; z-index: 999; overflow: visible; left: 0px; right: 0px; margin: 0px; } @media screen and (min-width:949px) { body#page-home .sb-feature-about { top: 6px; } } .feature-about h2 i { display: block; margin-top: 20px; text-transform: capitalize; font-size: 55px; } .feature-about { padding: 40px 37px!important; } .team-profiles { padding-top: 10px; } #page-home .feature-about img { max-height: 85px!important; margin-bottom: 30px; } */ /* .sb-feature-about h2 { line-height: 40px!important; font-size: 35px!important; } @media screen and (min-width:949px) { .sb-feature-about h2 { line-height: 60px!important; font-size: 45px!important; } } */ body#page-home .sb-feature-about .btn { margin-top: 20px; } /*FEATURE BIOS -------------------------------------------------*/ body#page-home .sb-feature-bio-row img:hover { transition: opacity 0.3s ease-in-out; transform: scale(1.1); -webkit-filter: drop-shadow(5px 5px 5px #dcdcdc); filter: drop-shadow(5px 5px 5px #dcdcdc); } /*FEATURE CTA 100% width Btn Row -------------------------------------------------*/ .sb-cta-btn-widget a.btn:not(.btn-link) { padding: 20px!important; width: 100%; font-size: 22px!important; border: 0px; white-space: normal; font-weight: 300; letter-spacing: 0px!important; line-height: 30px; text-transform: capitalize; border-radius: 0px; } @media (min-width:949px) { .sb-cta-btn-widget a.btn:not(.btn-link) { font-size: 30px!important; line-height: 30px; } } .sb-cta-btn-widget a.btn:not(.btn-link) .fa { font-size: 15px!important; padding-left: 10px; } @media (min-width:949px) { .sb-cta-btn-widget a.btn:not(.btn-link) .fa { font-size: 18px!important; padding-left: 10px; } } /*cta btn row*/ .sb-cta-btn-widget [class^="col-"] { padding: 0px; } /*remove hover animation*/ .sb-cta-btn-widget a.btn:hover { transform: translateY(0px)!important; } /*FEATURE CONTACT FORM + CONTENT MODULE -------------------------------------------------*/ /* .sb-googlemaps-row a, .sb-contactform-row a, .sb-formbuilder-row a { display: block; margin-bottom: 5px; } @media screen and (min-width:1001px) { .sb-googlemaps-row a, .sb-contactform-row a, .sb-formbuilder-row a { display: table; } } */ @media screen and (min-width:1001px) { .sb-googlemaps-row .content, .sb-formbuilder-row .content, .sb-contactform-row .content, { padding-right: 80px; } } .sb-googlemaps-row .streetaddress, .sb-contactform-row .streetaddress, .sb-formbuilder-row .streetaddress { display: block; margin-bottom: 0px; margin-top: 20px; line-height: 1.3em!important; } /* fontawesome icons */ .sb-googlemaps-row .content a:before, .sb-contactform-row .content a:before, .sb-formbuilder-row .content a:before { font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 0px 10px 0px 0px; text-decoration: none; display: inline-block; } .sb-googlemaps-row .content div a.phone:before, .sb-contactform-row .content div a.phone:before, .sb-formbuilder-row .content div a.phone:before { content: '\f095'; } .sb-googlemaps-row .content div a.email:before, .sb-contactform-row .content div a.email:before, .sb-formbuilder-row .content div a.email:before { content: '\f0e0'; } /* body#page-home .sb-contactform-row .content div a.map:before, body#page-home .sb-formbuilder-row .content div a.map:before { content: '\f3c5'; } */ /*FEATURE SB HOURS -------------------------------------------------*/ .sb-hoursofoperation-row { display: block; } .sb-hoursofoperation-row strong { display: inline-block; } /*FEATURE ADDRESS -------------------------------------------------*/ /*FEATURE BENEFITS -------------------------------------------------*/ /*FEATURE MESSAGE 1 -------------------------------------------------*/