/*-------------------------------------------------------------- Font Import --------------------------------------------------------------*/ @font-face { font-family:Gotham; font-weight:300; font-style:normal; src:url(/assets/fonts/GothamPro.eot); src:url(/assets/fonts/GothamPro.woff2) format("woff2"),url(/assets/fonts/GothamPro.woff) format("woff"),url(/assets/fonts/GothamPro.ttf) format("truetype"),url(/assets/fonts/GothamPro.svg#GothamPro) format("svg"),url(/assets/fonts/GothamPro.eot?#iefix) format("embedded-opentype"); } @font-face { font-family:Gotham; font-weight:400; font-style:normal; src:url(/assets/fonts/GothamPro-Medium.eot); src:url(/assets/fonts/GothamPro-Medium.woff2) format("woff2"),url(/assets/fonts/GothamPro-Medium.woff) format("woff"),url(/assets/fonts/GothamPro-Medium.ttf) format("truetype"),url(/assets/fonts/GothamPro-Medium.svg#GothamPro-Medium) format("svg"),url(/assets/fonts/GothamPro-Medium.eot?#iefix) format("embedded-opentype"); } @font-face { font-family:Gotham; font-weight:600; font-style:normal; src:url(/assets/fonts/GothamPro-Bold.eot); src:url(/assets/fonts/GothamPro-Bold.woff2) format("woff2"),url(/assets/fonts/GothamPro-Bold.woff) format("woff"),url(/assets/fonts/GothamPro-Bold.ttf) format("truetype"),url(/assets/fonts/GothamPro-Bold.svg#GothamPro-Bold) format("svg"),url(/assets/fonts/GothamPro-Bold.eot?#iefix) format("embedded-opentype"); } @font-face { font-family:Gotham; font-weight:900; font-style:normal; src:url(/assets/fonts/GothamPro-Black.eot); src:url(/assets/fonts/GothamPro-Black.woff2) format("woff2"),url(/assets/fonts/GothamPro-Black.woff) format("woff"),url(/assets/fonts/GothamPro-Black.ttf) format("truetype"),url(/assets/fonts/GothamPro-Black.svg#GothamPro-Black) format("svg"),url(/assets/fonts/GothamPro-Black.eot?#iefix) format("embedded-opentype"); } @font-face { font-family:Palmer; font-weight:400; font-style:normal; src:url(/assets/fonts/PalmerLakePrint-Regular.eot); src:url(/assets/fonts/PalmerLakePrint-Regular.woff2) format("woff2"),url(/assets/fonts/PalmerLakePrint-Regular.woff) format("woff"),url(/assets/fonts/PalmerLakePrint-Regular.ttf) format("truetype"),url(/assets/fonts/PalmerLakePrint-Regular.svg#PalmerLakePrint-Regular) format("svg"),url(/assets/fonts/PalmerLakePrint-Regular.eot?#iefix) format("embedded-opentype"); } /*-------------------------------------------------------------- Color Values ---------------------------------------------------------------- Black: #000000 Brown: #300E03 Blue: #67C1AD Pink: #E3457B --------------------------------------------------------------*/ /*-------------------------------------------------------------- Type Styles --------------------------------------------------------------*/ html, body { position:relative; width:100%; min-width:320px; height:100%; font-family:"Gotham",sans-serif; font-weight:400; font-size:16px; line-height:33px; letter-spacing:0.01px; color:#000; background-color:#fff; padding:0; margin:0 !important; scroll-behavior:smooth; } a { color:#56c0ee; text-decoration:none; outline:transparent; cursor:pointer; } a:hover { color:#58595b; } h1, .h1, .h1 p { font-weight:600; font-size:32px; line-height:40px; letter-spacing:0.04px; margin:0 0 30px 0; } h2, .h2, .h2 p { font-weight:400; font-family:"Palmer",sans-serif; font-size:55px; line-height:45px; letter-spacing:0; margin:0 0 20px 0; } h3, .h3, .h3 p { font-weight:600; font-size:26px; line-height:30px; letter-spacing:0.01px; margin:0 0 20px 0; } h4, .h4, .h4 p { font-weight:600; font-size:16px; line-height:24px; letter-spacing:2.15px; text-transform:uppercase; margin:0 0 5px 0; } p.small, .small p, .small { font-size:12px; line-height:24px; letter-spacing:0.6px; margin-bottom:20px; } p, ul li, ol li { font-size:16px; line-height:24px; letter-spacing:0.01px; margin-bottom:30px; } .p { font-size:16px; line-height:24px; letter-spacing:0.01px; } p:last-child { margin-bottom:0; } .form input[type=text], .form input[type=email], .form input[type=submit], .form select, .form textarea { width:100%; color:#000; font-family:"Gotham",sans-serif; font-weight:600; font-size:16px; letter-spacing:0.01px; background-color:transparent; padding:15px 0; border:none; border-bottom:3px solid #000; outline:transparent; } .form textarea { line-height:28px; border:3px solid #000; padding:15px; } .form label { color:#000; font-family:"Gotham",sans-serif; font-weight:600; font-size:16px; letter-spacing:0.01px; } .form .field { margin-bottom:30px; } .form .field.side-label { margin-bottom:0; } .form .field.side-label label { display:block; padding:15px 0; line-height:20px; white-space:nowrap; } .form ul li, .form ol li { font-size:12px; line-height:24px; padding:0; margin:0; } .form #websiteLink { display:none; } .button, .form input.button { position:relative; display:inline-block; color:#fff; text-align:center; font-family:"Gotham",sans-serif; font-size:14px; font-weight:600; text-transform:uppercase; line-height:38px; padding:11px 30px 9px 30px; text-decoration:none; background-color:#67C1AD; border-radius:30px; border:none; outline:transparent; cursor:pointer; white-space:nowrap; margin:0 30px 30px 0; } .button:hover, .form input.button:hover { color:#fff; background-color:#300E03; } .button.reverse, .form input.button.reverse { background-color:#300E03; } .button.reverse:hover, .form input.button.reverse:hover { color:#67C1AD; background-color:#fff; } .button.sm, .form input.button.sm { font-size:14px; padding:6px 15px 3px 15px; } a.anchor { display:block; position:relative; top:-110px; } /*-------------------------------------------------------------- Modular Styles --------------------------------------------------------------*/ img.w-fit { width:100%; height:auto; } .row-h-sync { display:flex; flex-wrap:nowrap; align-items:stretch; } .y-center, .y-center-md, .y-center-lg { position:relative; } .y-center, .y-center-md, .y-center-lg, .x-center, .h-sync, .h-sync-sm, .h-sync-md, .h-sync-lg, .w-h-sync, .w2-h-sync, .w-sync, .w-extend-lg-6 { opacity:0; } .y-center-set, .y-center-md-set, .y-center-lg-set, .x-center-set, .h-sync-set, .h-sync-sm-set, .h-sync-md-set, .h-sync-lg-set, .w-h-sync-set, .w2-h-sync-set, .w-sync-set, .w-extend-lg-6-set { opacity:1; } .scroll-effect-set { } .fade-in { opacity:0; } .fade-in.scroll-effect-set { opacity:1; } .fade-in-up { -webkit-transform:translate(0,90px); -moz-transform:translate(0,90px); -ms-transform:translate(0,90px); -o-transform:translate(0,30px); transform:translate(0,90px); opacity:0; } .fade-in-up.scroll-effect-set { -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); opacity:1; } .fade-in-down { -webkit-transform:translate(0,-30px); -moz-transform:translate(0,-30px); -ms-transform:translate(0,-30px); -o-transform:translate(0,-30px); transform:translate(0,-30px); opacity:0; } .fade-in-down.scroll-effect-set { -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); opacity:1; } nav { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .video-embed { position:relative; width:100%; height:0; font-size:1.5em; padding-bottom:56.25%; } .video-embed video, .video-embed iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .bg-gray { background-color:#e6e7e8; } .log { color:#0f0; background-color:#000; } /*-------------------------------------------------------------- Core Styles --------------------------------------------------------------*/ #layout { position:relative; overflow-x:hidden; } header { position:absolute; z-index:100; top:0; left:0; right:0; width:100%; height:90px; background-color:transparent; padding-top:0; } header .col-logo a { display:inline-block; height:90px; } header .col-logo a svg { width:140px; height:90px; fill:#300E03; } header .col-logo a svg * { fill:#300E03; } header .col-logo a:hover svg * { fill:#fff; } header .col { height:90px; } header .col-nav { position:absolute; top:0; left:165px; right:15px; } header .col-nav ul.nav { display:none; float:left; list-style:none; padding:30px 0 0 0; margin:0; } header .col-nav ul.nav li { display:inline-block; padding:0; margin:0; } header .col-nav ul.nav li a { display:inline-block; color:#300E03; font-size:18px; font-weight:900; letter-spacing:0.58px; text-decoration:none; padding:8px 10px 6px 10px; margin-right:10px; } header .col-nav ul.nav li a:hover { color:#fff; } header .col-nav ul.nav li a.active { background-color:#fff; } header .col-nav ul.nav li a.active:hover { color:inherit; } header .tab-link { position:absolute; top:-65px; right:15px; display:block; background-color:#300E03; padding:5px; border-top:0px solid #300E03; border-bottom-left-radius:30px; border-bottom-right-radius:30px; } header .tab-link .col { display:inline-block; vertical-align:top; height:50px; } header .tab-link .col-text { color:#fff; font-size:14px; font-weight:600; text-transform:uppercase; line-height:48px; padding:2px 10px; } header .tab-link .col-icon svg { height:50px; fill:#fff; } header .tab-link:hover { border-top:10px solid #300E03; } header .col-nav .menu-toggle { display:block; position:absolute; top:50%; right:0; padding:15px; margin-top:-27px; } header .col-nav .menu-toggle .icon { position:relative; display:inline-block; width:32px; height:20px; } header .col-nav .menu-toggle .icon div { position:absolute; left:0; width:32px; height:3px; background-color:#300E03; } header .col-nav .menu-toggle .icon div:nth-child(1){ top:0px; -webkit-transform:translate(0,0) rotate(0deg); -moz-transform:translate(0,0) rotate(0deg); -ms-transform:translate(0,0) rotate(0deg); -o-transform:translate(0,0) rotate(0deg); transform:translate(0,0) rotate(0deg); transform-origin:right top; } header .col-nav .menu-toggle .icon div:nth-child(2){ top:9px; } header .col-nav .menu-toggle .icon div:nth-child(3){ top:18px; -webkit-transform:translate(0,0) rotate(0deg); -moz-transform:translate(0,0) rotate(0deg); -ms-transform:translate(0,0) rotate(0deg); -o-transform:translate(0,0) rotate(0deg); transform:translate(0,0) rotate(0deg); transform-origin:right bottom; } .navtone-dark header .col-logo a:hover svg { fill:#300E03; } .navtone-dark header .col-nav ul.nav li a:hover { color:#300E03; } .navtone-light header .col-logo a svg * { fill:#fff; } .navtone-light header .col-logo a:hover svg * { fill:#fff; } .navtone-light header .col-nav ul.nav li a { color:#fff; } .navtone-light header .col-nav ul.nav li a:hover { color:#fff; } .navtone-light header .col-nav ul.nav li a.active { color:#fff; background-color:#67C1AD; } .navtone-light header .col-nav .menu-toggle .icon div { background-color:#fff; } .navtone-light.menu-active header .col-logo a svg * { fill:#300E03; } .navtone-light.menu-active header .col-nav .menu-toggle .icon div { background-color:#300E03; } #header-back { height:90px; background-color:#FEB6BA; } .marquee-feature #header-back { display:none; } #menu { display:block; position:absolute; z-index:30; top:0; bottom:0; right:-100%; width:100%; text-align:left; background-color:#67C1AD; padding:90px 0 0 0; } #menu .window { width:100%; background-color:#67C1AD; padding:30px 45px 0 45px; } #menu ul, #menu ul li { clear:both; list-style:none; padding:0; margin:0; } #menu ul.nav { margin-bottom:30px; } #menu ul.nav.main { margin-left:-10px; } #menu ul.nav.main li a { display:inline-block; color:#353535; font-size:24px; font-weight:900; letter-spacing:0.77px; line-height:40px; padding:2px 10px 0 10px; } #menu ul.nav.sub li a { display:inline-block; color:#353535; font-size:16px; font-weight:400; letter-spacing:0.01px; line-height:36px; } #menu ul.nav li a.active { background-color:#fff; } #menu ul.nav ul.nav li a.active:hover { color:inherit; } #menu ul.nav li a:hover { color:#fff; } #menu .tab-link { display:inline-block; background-color:#300E03; padding:5px; border-radius:30px; margin-bottom:30px; } #menu .tab-link .col { display:inline-block; vertical-align:top; height:40px; } #menu .tab-link .col-text { color:#fff; font-size:14px; font-weight:600; text-transform:uppercase; line-height:38px; padding:2px 10px; } #menu .tab-link .col-icon svg { height:40px; fill:#fff; } #menu ul.icons { list-style:none; text-align:left; padding:30px 0 0 0; margin:0 -5px; } #menu ul.icons li { display:inline-block; padding:0; margin:0; } #menu ul.icons li a { display:inline-block; height:40px; padding:5px; } #menu ul.icons li a svg { height:20px; width:auto; fill:#fff; } .menu-active header .col-nav .menu-toggle .icon div:nth-child(1){ top:1px; -webkit-transform:translate(-4px,-5px) rotate(-45deg); -moz-transform:translate(-4px,-5px) rotate(-45deg); -ms-transform:translate(-4px,-5px) rotate(-45deg); -o-transform:translate(-4px,-5px) rotate(-45deg); transform:translate(-4px,-5px) rotate(-45deg); transform-origin:right top; } .menu-active header .col-nav .menu-toggle .icon div:nth-child(2){ opacity:0; } .menu-active header .col-nav .menu-toggle .icon div:nth-child(3){ top:9px; -webkit-transform:translate(-4px,9px) rotate(45deg); -moz-transform:translate(-4px,9px) rotate(45deg); -ms-transform:translate(-4px,9px) rotate(45deg); -o-transform:translate(-4px,9px) rotate(45deg); transform:translate(-4px,9px) rotate(45deg); transform-origin:right bottom; } .menu-active #menu { right:0; } footer { background-color:#67C1AD; padding:65px 0 0 0; } footer .col-logo { text-align:left; margin-bottom:30px; } footer .col-logo svg { max-width:120px; } footer .col-nav { margin-bottom:30px; } footer .col-nav ul { list-style:none; columns:2 auto; padding:0; margin:0; } footer .col-nav ul a { font-size:14px; display:inline-block; min-width:160px; } footer .col-nav ul li { padding:0; margin:0; } footer .col-nav ul li a { color:#000000; font-size:16px; font-weight:300; letter-spacing:0.01px; line-height:33px; text-decoration:none; } footer .col-nav ul li a:hover { color:#fff; } footer .col-icons .icons { text-align:left; } footer .col-icons .icons span { display:inline-block; padding:10px; } footer .col-icons .icons span img { height:40px; width:auto; margin:0 5px; } footer .col-icons .icons span img.img-logo-womenowned { height:30px; margin-top:0; } footer .col-icons .icons span img.img-logo-vetowned { height:40px; margin-top:5px; } footer .col-icons .icons span img.img-logo-sqf { height:20px; margin:10px 0; } footer .row.bottom { padding-top:45px; } footer .col-social { padding-bottom:15px; } footer .col-social ul.icons { list-style:none; text-align:left; padding:0; margin:0 -5px; } footer .col-social ul.icons li { display:inline-block; padding:0; margin:0; vertical-align:top; } footer .col-social ul.icons li a { display:inline-block; height:40px; padding:5px; } footer .col-social ul.icons li a svg { height:20px; width:auto; fill:#fff; } footer .col-text { padding-bottom:35px; } footer .col-text p { color:#000000; font-size:14px; font-weight:300; letter-spacing:0.01px; line-height:30px; } footer .col-text p a { color:#000000; } footer .col-text p a:hover { color:#fff; } /*-------------------------------------------------------------- Block Styles --------------------------------------------------------------*/ .block.marquee { } .block.marquee .box { position:relative; background-position:center center; background-size:cover; background-repeat:no-repeat; background-attachment:scroll; } .block.marquee.standard .box { padding:260px 0 90px; } .block.marquee.standard .col-text .headline { width:85%; } .block.marquee.feature .box { padding:180px 0 90px; } .block.marquee.feature .col-text .headline { font-size:35px; line-height:50px; font-weight:600; letter-spacing:0.45px; margin-bottom:30px; } .block.marquee.feature .col-text .headline span { display:inline; color:#fff; line-height:1.5; } .block.marquee.feature .col-text .button { color:#000; background-color:#fff;} .block.marquee.feature .col-text .button:hover { color:#fff; background-color:#300E03; } .block.content.text { margin-top:60px; } .block.content.image .caption { font-size: 18px; line-height: 30px; letter-spacing: 0.23px; font-weight:300; padding-top:15px; } .block.content.imageText .col-image { padding:0; } .block.content.imageText .col-image.imagestyle-imageFade { position:relative; } .block.content.imageText .col-image.imagestyle-imageFade::before { display:none; content:" "; position:absolute; z-index:10; left:0; top:0; bottom:0; width:100px; height:100%; background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); } .block.content.imageText .col-image.imagestyle-imageFade::after { content:" "; position:absolute; z-index:10; left:0; right:0; top:inherit; bottom:0; width:100%; height:50px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } .block.content.imageText .col-text .text { clear:both; padding:30px 0 60px; } .block.content.imageText .col-text .text h2 { color:#E3457B; } .block.content.imageText .col-text .text p:last-child .button { margin-bottom:0; } .block.content.imageText.texttone-dark .text { color:#000; } .block.content.imageText.texttone-light .text { color:#fff; } .block.content.imageText.image-background .box { background-size:auto 340px; background-position:top center; background-repeat:no-repeat; } .block.content.imageText.image-background .col-text .text { padding:30px 0 60px; } .block.content.imageSlider .box { padding:60px 0; } .block.content.imageSlider .headline { color:#67C1AD; } .block.content.imageSlider .slider { position:relative; margin-bottom:60px; } .block.content.imageSlider .slider ul { padding:0; margin:0; } .block.content.imageSlider .slider .glide__arrow { position:absolute; display:block !important; top:50%; margin-top:-30px; z-index:2; transform:translateY(-50%); width:60px; height:60px; font-family:"Palmer",sans-serif; color:#fff; font-size:100px; line-height:0; background-color:#67C1AD; padding:0; border-radius:100%; border:none; outline:none; } .block.content.imageSlider .slider .glide__arrow.glide__arrow--left { left:5px; } .block.content.imageSlider .slider .glide__arrow.glide__arrow--right { right:5px; } .block.content.imageSlider .slider .glide__bullets { position:absolute; z-index:2; bottom:-15px; left:50%; display:inline-flex; list-style:none; transform:translateX(-50%); } .block.content.imageSlider .slider .glide__bullets .glide__bullet { position:relative; display:block; width:16px; height:16px; background-color:transparent; border:none; border:2px solid #300E03; border-radius:100%; outline:none; padding:0; margin:0 5px; } .block.content.imageSlider .slider .glide__bullets .glide__bullet.glide__bullet--active { background-color:#300E03; } .block.content.imageSlider .text p { font-weight:300; font-size:20px; line-height:32px; letter-spacing:0.23px; } .block.content.columns .box { padding:60px 0 30px; } .block.content.columns .headline { text-align:center; color:#67C1AD; margin-bottom:30px; } .block.content.columns .col { margin-bottom:30px; } .block.content.columns .col .image { margin-bottom:15px; } .block.content.columns .col, .block.content.columns .col p { font-size:20px; line-height:32px; letter-spacing:0.23px; } .block.content.postListing { min-height:400px; padding:50px 0 35px; } .block.content.postListing .headline { display:block; color:#67C1AD; } .block.content.postListing .category-nav { display:block; margin:0 0 20px -15px; } .block.content.postListing .category-nav a { color:#300E03; font-size:18px; font-weight:900; padding:6px 15px; white-space:nowrap; } .block.content.postListing .category-nav a.active { color:#fff; background-color:#67C1AD; } .block.content.postListing .button { clear:both; position:relative; margin:0 0 20px 0; } .block.content.postListing .col a { display:block; color:#300E03; background-position:center center; background-size:100% auto; background-repeat:no-repeat; background-attachment:scroll; padding:30px 15px; margin-bottom:15px; opacity:1; } .block.content.postListing .col a:hover { color:#300E03; background-size:125% auto; opacity:1; } .block.content.postListing .col a .category { margin-bottom:15px; } .block.content.postListing .col a .title { width:60%; } .block.content.contact .box { padding:60px 0; } .block.content.contact .col-sidebar .sidebar { background-color:#ceefc2; padding:30px; border-radius:30px; margin-bottom:60px; } .block.content.contact .col-sidebar .item { position:relative; padding-left:35px; background-size:auto 24px; background-position:left top; background-repeat:no-repeat; margin-bottom:15px; } .block.content.contact .col-sidebar .item a { position:relative; left:0; display:block; color:#000; padding-left:35px; margin-left:-35px; } .block.content.contact .col-sidebar .item a:hover { color:#666; } .block.content.contact .col-sidebar .item.type-text { padding:30px 0 0 0; } .block.content.contact .col-sidebar .item.type-text a { padding: 0; margin:0; } .block.content.contact .col-sidebar .item.type-text p { font-size:20px; } .block.content.contact .col-sidebar .item.type-text:first-child { padding:0; } .block.content.contact .col-sidebar .item.type-email { background-image:url(/assets/images/layout/icon-mail.svg); background-size:auto 16px; background-position:left top 3px; } .block.content.contact .col-sidebar .item.type-phone { background-image:url(/assets/images/layout/icon-phone.svg); } .block.content.contact .col-sidebar .item.type-location { background-image:url(/assets/images/layout/icon-location.svg); } .block.content.emailSignup { text-align:center; background-color:#F9D821; padding:40px 0 60px 0; } .block.content.emailSignup .headline { color:#E3457B; } .block.content.emailSignup button { font-family:"Gotham",sans-serif !important; font-size:18px !important; font-weight:600 !important; text-transform:uppercase; padding:11px 30px 9px 30px !important; } /* .block.content.emailSignup input[type=email] { width:100%; color:#000; font-weight:600; font-size:20px; letter-spacing:0.01px; background-color:transparent; padding:15px 0; border:none; border-bottom:3px solid #000; outline:transparent; margin-right:10px; } .block.content.emailSignup .button { width:100%; min-width:100%; margin:20px auto 0; } .block.content.emailSignup .fMxCHz.fMxCHz, .block.content.emailSignup .iftaFG.iftaFG { width:auto; display:inline-block; padding:0; margin:0; } .block.content.emailSignup .ikHPKM.ikHPKM.ikHPKM.ikHPKM.ikHPKM.ikHPKM, .block.content.emailSignup .fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu { width:100%; height:auto; font-family:"Gotham",sans-serif; color:#000; font-weight:600; font-size:20px; letter-spacing:0.01px; background-color:transparent; padding:15px 0; border:none; border-bottom:3px solid #000; outline:transparent; margin-right:10px; } .block.content.emailSignup .ikHPKM.ikHPKM.ikHPKM.ikHPKM.ikHPKM.ikHPKM:active, .block.content.emailSignup .ikHPKM.ikHPKM.ikHPKM.ikHPKM.ikHPKM.ikHPKM:focus, .block.content.emailSignup .fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu:active, .block.content.emailSignup .fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu:focus { outline:none; box-shadow:none; } .block.content.emailSignup .fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu::-webkit-input-placeholder { color:#000; font-family:"Gotham",sans-serif; font-weight:600; font-size:20px; letter-spacing:0.01px; } .block.content.emailSignup .fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu::-moz-placeholder { color:#000; font-family:"Gotham",sans-serif; font-weight:600; font-size:20px; letter-spacing:0.01px; } .block.content.emailSignup .fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu:-ms-input-placeholder { color:#000; font-family:"Gotham",sans-serif; font-weight:600; font-size:20px; letter-spacing:0.01px; } .block.content.emailSignup .fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu.fhmQhu:-moz-placeholder { color:#000; font-family:"Gotham",sans-serif; font-weight:600; font-size:20px; letter-spacing:0.01px; } .block.content.emailSignup .bTZkGV.bTZkGV.bTZkGV.bTZkGV.bTZkGV.bTZkGV { position:relative; display:inline-block; font-family:"Gotham",sans-serif; color:#fff; text-align:center; font-size:14px; font-weight:600; text-transform:uppercase; line-height:38px; padding:11px 30px 9px 30px; text-decoration:none; background-color:#67C1AD; border-radius:30px; border:none; outline:transparent; cursor:pointer; white-space:nowrap; margin:20px auto 0; } .block.content.emailSignup .bTZkGV.bTZkGV.bTZkGV.bTZkGV.bTZkGV.bTZkGV:hover { color:#fff; background-color:#300E03; }*/ .block.content.feature { background-color:#B7CAD9; background: rgb(183,202,217); background: -moz-linear-gradient(180deg, rgba(183,202,217,1) 0%, rgba(183,202,217,1) 45%, rgba(183,202,217,0) 45%); background: -webkit-linear-gradient(180deg, rgba(183,202,217,1) 0%, rgba(183,202,217,1) 45%, rgba(183,202,217,0) 45%); background: linear-gradient(180deg, rgba(183,202,217,1) 0%, rgba(183,202,217,1) 45%, rgba(183,202,217,0) 45%); } .block.content.feature .top { padding:30px 0 20px; } .block.content.feature .top a { color:#300E03; font-size: 18px; letter-spacing: 0.58px; font-weight:900; text-decoration:none; } .block.content.feature .top a:hover { color:#fff; } .block.content.feature .panel { position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat; } .block.content.feature .panel img { display:none; } .block.content.feature .panel .text { position:relative; padding:60px 0 120px; } .block.content.feature .panel .text .col-text { padding:0 45px; } .block.content.feature .panel .text .col-text .category { margin-bottom:15px; } /*-------------------------------------------------------------- Template Styles --------------------------------------------------------------*/ /*-------------------------------------------------------------- Entry Styles --------------------------------------------------------------*/ .slug-__home__ .block.content.postListing { background-color:#f4f1f6; } /*-------------------------------------------------------------- Mobile-First Breakpoints --------------------------------------------------------------*/ /* sm - 544px */ @media (min-width:544px){ .block.content.postListing .button { position:absolute; top:0; right:15px; margin:0; } /* .block.content.emailSignup input[type=email] { width:calc(100% - 160px); } .block.content.emailSignup .button { width:140px; min-width:140px; margin:0; }*/ } /* md - 768px */ @media (min-width:768px){ .block.content.imageText .col-image { padding:0 15px; } .block.content.imageText .col-image.imagestyle-imageFade::before { display:block; } .block.content.imageText .col-image.imagestyle-imageFade::after { left:initial; right:0; top:0; bottom:0; width:100px; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } .block.content.imageText .col-text .text { padding:15px 0; } .block.content.imageText.image-background .box { background-size:cover; background-position:center center; background-repeat:no-repeat; } .block.content.imageText.image-background .col-text .text { padding:260px 0 90px; } .block.content.imageText.position-imageTopTextBottom .col-image { padding:0; } .block.content.imageText.position-imageTopTextBottom .col-text .text { padding:60px 0; } .block.content.imageText.position-imageLeftTextRight .col-image { padding:0 15px 0 0; } .block.content.imageText.position-textLeftImageRight .col-image { padding:0 0 0 15px; } .block.content.feature .panel img { display:block; } .block.content.feature .panel .text { position:absolute; top:60px; width:100%; padding:0; } } /* md+ - 769px */ @media (min-width:769px){ } /* lg - 1024px - Type Shift */ @media (min-width:1024px){ h1, .h1, .h1 p { font-size:40px; line-height:54px; letter-spacing:0.06px; } h2, .h2, .h2 p { font-size:65px; line-height:40px; } h3, .h3, .h3 p { font-size:35px; line-height:47px; letter-spacing:0.02px; } h4, .h4, .h4 p { font-size:20px; line-height:30px; letter-spacing:3.34px; } .form input[type=text], .form input[type=email], .form input[type=submit], .form select, .form textarea, .form label { font-size:20px; } .button, .form input.button { font-size:18px; } header { height:200px; padding-top:65px; } header .col { height:135px; } header .col-logo a { height:135px; } header .col-logo a svg { width:280px; height:135px; } header .col-nav { left:335px; } header .col-nav ul.nav { display:block; } header .col-nav .menu-toggle { display:none; } #header-back { height:200px; } #menu { display:none; } footer .col-icons .icons { text-align:center; } footer .col-icons .icons span img { height:60px; width:auto; margin:0 5px; } footer .col-icons .icons span img.img-logo-womenowned { height:40px; margin-top:0; } footer .col-icons .icons span img.img-logo-vetowned { height:50px; margin-top:5px; } footer .col-icons .icons span img.img-logo-sqf { height:30px; margin:15px 0; } footer .col-social ul.icons li a { display:inline-block; height:40px; padding:5px; } footer .col-social ul.icons li a svg { height:30px; width:auto; fill:#fff; } footer .col-social ul.icons li a.icon-linkedin svg { height:31px; } footer .col-text p { font-size:17px; font-weight:400; line-height:40px; } .block.marquee.feature .box { padding:400px 0 200px; } .block.marquee.feature .col-text .headline { font-size:45px; line-height:64px; letter-spacing:0.57px; } .block.content.imageText .col-text .text { width:83%; margin-left:17%; } .block.content.imageText.position-imageTopTextBottom .col-text .text { width:83%; margin-left:8.33%; } .block.content.postListing .headline { display:inline-block; } .block.content.postListing .category-nav { display:inline-block; margin-left:15px; } .block.content.postListing .col a { padding:60px 30px; } .block.content.contact .col-sidebar .item.type-text p { font-size:25px; } .block.content.feature .panel .text .col-text { padding:0 15px; } .block.content.emailSignup .bTZkGV.bTZkGV.bTZkGV.bTZkGV.bTZkGV.bTZkGV { font-size:18px; } } /* xl - 1240px */ @media (min-width:1240px){ footer .col-icons .icons span img { height:80px; width:auto; margin:0 10px; } footer .col-icons .icons span img.img-logo-womenowned { height:60px; margin-top:0; } footer .col-icons .icons span img.img-logo-vetowned { height:80px; margin-top:10px; } footer .col-icons .icons span img.img-logo-sqf { height:35px; margin:10px 0; } .block.content.feature .panel .text { position:absolute; top:80px; } } /* xxl - 1530px */ @media (min-width:1530px){ .block.content.imageSlider .slider .glide__arrow.glide__arrow--left { left:-30px; } .block.content.imageSlider .slider .glide__arrow.glide__arrow--right { right:-30px; } .block.content.feature .panel .text { position:absolute; top:100px; } } /*-------------------------------------------------------------- Animations --------------------------------------------------------------*/ a, button, input, a svg * { -moz-transition-property:opacity, color, background-color, fill; -webkit-transition-property:opacity, color, background-color, fill; -ms-transition-property:opacity, color, background-color, fill; transition-property:opacity, color, background-color, fill; -moz-transition-duration:0.25s; -webkit-transition-duration:0.25s; -ms-transition-duration:0.25s; transition-duration:0.25s; -moz-transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; transition-timing-function:ease-out; } a:hover, button:hover, input:hover, a:hover svg * { -moz-transition-duration:0s; -webkit-transition-duration:0s; -ms-transition-duration:0s; transition-duration:0s; } .js-center, .js-sync { -moz-transition-property:opacity; -webkit-transition-property:opacity; -ms-transition-property:opacity; transition-property:opacity; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -ms-transition-duration:0.5s; transition-duration:0.5s; -moz-transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; transition-timing-function:ease-out; } .scroll-effect-set { -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -ms-transition-property:-ms-transform, opacity; -o-transition-property:-o-transform, opacity; transition-property:transform, opacity; -webkit-transition-delay:0.35s; -moz-transition-delay:0.35s; -ms-transition-delay:0.35s; -o-transition-delay:0.35s; transition-delay:0.35s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; } header .col-nav .menu-toggle .icon div { -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; -moz-transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; transition-timing-function:ease-out; } #menu { -moz-transition-property:right, padding-top; -webkit-transition-property:right, padding-top; -ms-transition-property:right, padding-top; transition-property:right, padding-top; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; -moz-transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; transition-timing-function:ease-out; } header .tab-link { -webkit-transition-property:border-top; -moz-transition-property:border-top; -ms-transition-property:border-top; -o-transition-property:border-top; transition-property:border-top; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -ms-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; } .block.content.postListing .col a, .block.content.postListing .col a:hover { -webkit-transition-property:background-size, opacity; -moz-transition-property:background-size, opacity; -ms-transition-property:background-size, opacity; -o-transition-property:background-size, opacity; transition-property:background-size, opacity; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -ms-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; } }