/*
Theme Name: Frenchies
Theme URI: https://deeprootdesign.com
Description: Frenchies Framework
Version: 1.3-Frenchies
Author: Benjamin Motal (benjamin@deeprootdesign.com)
Author URI: https://deeprootdesign.com
Tags: HTML5, CSS3
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
body {
font: 17px/1.7em 'Mulish';, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #263045;
}
html {
scroll-behavior: smooth;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
height: auto;
vertical-align:bottom;
}
img.alignright {
float: right;
}
img.alignleft {
float: left;
}
img.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
}
.overflow-visible {
overflow: visible !important;
}
a {
color: #263045;
font-family: 'Mulish';
text-decoration:none;
font-weight: normal;
}
a:hover {
color:#266093;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
figure {
margin: 0;
padding: 0;
}
.mobile-show {
display: none;
}
.white-to-blue {
background: #FFF url('img/white-to-blue-desktop.png') no-repeat;
background-position: bottom -2px center;
background-size: 100%;
}
.ltbluebg {
background: #d5e5f0;
}
.offwhitebg {
background: #fcf3eb;
}
.img-shadow-8 {
border-radius: 24px;
border: 8px solid #FFF;
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
}
.dark-mode {
}
.dark-mode, .dark-mode h2, .dark-mode h3 {
color: #FFF;
}
.round {
border-radius: 4px;
}
.round12 {
border-radius: 12px;
}
.round20-shadow {
border-radius: 20px;
-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
}
.logoleft, .logoright {
position: relative;
}
.logoleft::after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
background: url('img/logoleft.png') no-repeat;
background-size: cover;
left: -50%;
top: 0px;
z-index: -1;
}
.logoright::after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
background: url('img/logoright.png') no-repeat;
background-size: cover;
right: -50%;
top: 0px;
z-index: -1;
}
.logo-left-col, .logo-right-col {
z-index: 2;
}
@media only screen and (max-width: 767px) {
.mobile-hide {
display: none;
}
.mobile-show {
display: block;
}
.white-to-blue {
background: #FFF url('img/white-to-blue-mobile.png') no-repeat;
background-position: bottom -2px center;
background-size: 100%;
}
.logoleft::after {
left: 0%;
top: inherit;
bottom: -50%
}
.logoright::after {
left: 0%;
top: inherit;
bottom: -50%
}
}
/* Mobile Deb Helper */
.mobile-dev-helper {
/* display: none !important; */
display: block;
position: fixed;
bottom: 5px;
left: 5px;
font-size: 10px;
padding: 4px;
color: #aaa;
z-index: 99999;
}
.mobile-dev-helper span {
display: none;
}
/* Pop Up Plugin */
.snp-theme-image {
padding: 0 !important;
}
.fancybox-skin {
border-radius: 20px !important;
}
.snp-fb.snp-theme-html {
border-radius: 20px;
}
.popup-html {
padding: 30px !important;
}
.popup-html h3 {
text-align: center;
margin-bottom: 30px;
}
.popup-html p {
font-size: 16px;
margin-bottom: 20px;
line-height: 1.4em;
color: #266093 !important;
}
.popup-html-small-text {
font-size: 12px !important;
}
.snp-pop-764 .snp-theme-html {
height: auto !important;
}
@media only screen and (max-width: 767px) {
.popup-html h3 {
font-size: 25px;
letter-spacing: -0.5px;
}
}
@media only screen and (max-width: 480px) {
.popup-html h3 {
font-size: 22px;
letter-spacing: -0.25px;
}
}
.ays-pb-modal {
display: flex !important;
align-items: center;
max-height: fit-content !important;
height: auto !important;
}
.ays-pb-modals .ays-pb-modal-image-type-img .ays_content_box {
max-height: fit-content;
height: auto !important;
}
.ays_pb_material_close_icon {
background: #263045;
border-radius: 18px;
}
.ays-pb-modals .ays-pb-modal_4 .ays_pb_material_close_icon {
fill: #FFF !important;
}
@media only screen and (max-width: 768px) {
.ays-pb-modals .ays-pb-modal_4 {
/* width: auto !important; */
max-width: max-content !important;
height: auto !important;
}
}
.global-message-bar {
background: #b66751;
color: #FFF;
text-align: center;
font-size: 14px;
line-height: 1.3em;
font-family: 'Mulish';
padding-top: 10px;
padding-bottom: 10px;
padding-left: 14px;
padding-right: 14px;
letter-spacing: 0.5px;
font-weight: 800;
z-index: 10;
}
.global-message-bar p {
margin-bottom: 0px;
}
.global-message-bar p a {
color: #FFF;
font-weight: normal;
padding-right: 28px;
position: relative;
display: inline-block;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.global-message-bar p a:after {
content: "";
position: absolute;
display: inline-block;
width: 13px;
height: 9px;
right: 10px;
top: 5px;
background: url('img/gmb.svg') no-repeat;
background-position: center center;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.global-message-bar p a:hover {
color: #FFF;
opacity: .7;
}
.global-message-bar p a:hover:after {
right: 8px;
}
.location-deal-mobile {
display: none;
background: #263045;
color: #FFF;
text-align: center;
font-size: 14px;
line-height: 1.3em;
font-family: 'Mulish';
padding-top: 10px;
padding-bottom: 10px;
padding-left: 14px;
padding-right: 14px;
letter-spacing: 0.5px;
}
.location-deal-mobile p {
margin-bottom: 0px;
}
@media only screen and (max-width: 1220px) {
.location-deal {
display: none;
}
.location-deal-mobile {
display: block;
}
}
/* Wordpress */
img.size-full {
width: 100%;
height: auto;
}
.product-bottom .ul-check {
list-style: none;
margin-bottom: 20px;
}
.ul-check {
list-style: none;
padding-left: 36px;
margin-bottom: 30px;
}
.ul-check li {
position: relative;
margin-bottom: 10px;
}
.ul-check li::before {
content: '';
display: inline-block;
height: 13px;
width: 10px;
position: absolute;
left: -22px;
top: 7px;
background-image: url('img/check.svg');
background-size: contain;
background-repeat: no-repeat;
}
/* HS Forms */
.hbspt-form .form-columns-0 {
min-width: 100%;
}
.hbspt-form .form-columns-0 p {
font-size: 13px;
line-height: 1.3em;
color: #263045;
}
.hbspt-form .form-columns-1, .form-columns-2 {
min-width: 100%;
}
.hbspt-form label {
color: #FFF;
font-family: 'Mulish';
}
#apply .hbspt-form label {
color: #263045;
}
.hbspt-form input, .hbspt-form select, .hbspt-form textarea {
width: 100% !important;
padding: 20px 22px;
background: #FFF;
border: 1px solid #bec5d8;
font-size: 14px;
border-radius: 29px;
margin-right: 0px !important;
margin-bottom: 18px;
}
#apply .hbspt-form input, #apply .hbspt-form select, #apply .hbspt-form textarea {
border: 1px solid #FFF;
}
.hbspt-form .form-columns-2 .hs-form-field:nth-of-type(1) {
width: 49% !important;
margin-right: 1% !important;
}
.hbspt-form .form-columns-2 .hs-form-field:nth-of-type(2) {
width: 49% !important;
margin-right: 0 !important;
margin-left: 1%;
}
.hbspt-form textarea {
min-height: 100px;
}
.hbspt-form select {
background-color: white;
/* inline SVG */
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-position: right 18px center;
background-repeat: no-repeat;
// disable default appearance
outline: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
&::-ms-expand { display: none };
}
.hbspt-form input[type="submit"] {
background: #263045;
color: #FFF;
font-size: 13px;
letter-spacing: 1.25px;
border-radius: 29px;
width: 200px !important;
margin-left: auto !important;
margin-right: auto !important;
display: block;
margin-top: 20px;
}
.hbspt-form input[type="submit"]:hover {
color: #263045;
background: #eaeff4;
}
@media only screen and (max-width: 767px) {
.hbspt-form .form-columns-2 .hs-form-field:nth-of-type(1) {
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
.hbspt-form .form-columns-2 .hs-form-field:nth-of-type(2) {
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
}
/*------------------------------------*\
FORMS
\*------------------------------------*/
input.datepicker {
width: 100% !important;
}
/* .gform_wrapper .top_label .gfield_label {
display: none !important;
} */
#gform_submit_button_2 {
background: #263045 !important;
border: none !important;
color: #FFF;
padding: 19px 24px;
border-radius: 30px;
letter-spacing: 1.25px;
font-family: 'Mulish';
text-transform: uppercase;
font-size: 11px;
line-height: 12px;
font-size: 14px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
input[type="submit"] {
background: #6cbd45;
border: none !important;
color: #FFF;
padding: 19px 24px;
border-radius: 5px;
font-weight: 700;
/* width: 100% !important; */
text-transform: uppercase;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
input[type="submit"]:hover {
background: #445b3f;
border: none;
color: #FFF;
}
.footer input[type="submit"] {
background: #FFF url('img/formsubmit.svg') no-repeat !important;
background-position: center center !important;
height: 44px !important;
width: 44px !important;
max-inline-size: none !important;
display: block !important;
border-radius: 22px !important;
font-size: 0px !important;
border: none !important;
color: #FFF;
padding: 19px 24px;
border-radius: 5px;
text-transform: uppercase;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.footer input[type="submit"]:hover {
background: #0069ce url('img/formsubmit.svg') no-repeat !important;
background-position: center center !important;
}
.gform-theme--foundation .gform_fields {
column-gap: 24px !important;
}
.footer .gform_fields {
background: #1f425a;
-webkit-border-radius: 22px;
border-radius: 22px;
}
.cta-wrap .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .cta-wrap .gform_wrapper textarea {
background: #FFF;
}
.home-banner-one .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .home-banner-one .gform_wrapper textarea {
background: rgba(255, 255, 255, 0.8);
}
.footer .gform_wrapper .gfield--type-submit {
position: relative;
left: -24px;
}
.footer .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
padding: 22px 19px 20px !important;
height: 44px;
-webkit-border-radius: 22px 0 0 22px;
border-radius: 22px 0 0 22px;
background: #1f425a;
color: #FFF;
border: 1px solid #1f425a;
font-size: 11px !important;
letter-spacing: 0.5px;
font-family: 'Mulish';
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.footer .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):hover, .footer .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus {
border: 1px solid #1f425a;
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper textarea {
padding: 19px 19px !important;
background: #FFF;
border: 1px solid #bec5d8;
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
font-size: 14px !important;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#apply .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), #apply .gform_wrapper textarea {
padding: 28px 19px !important;
background: #FFF;
border: 1px solid #bec5d8;
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
font-size: 14px !important;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 29px;
border-radius: 29px;
}
#apply .gform_wrapper select {
padding: 11px 19px !important;
height: 58px;
background: #FFF;
border: 1px solid #bec5d8;
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
font-size: 14px !important;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 29px;
border-radius: 29px;
}
#apply h6, #apply h2 {
/* color: #FFF; */
}
#apply .gform_footer {
text-align: center;
display: block;
width: 100%;
}
#gform_submit_button_3 {
font-size: 11px;
line-height: 12px;
font-family: 'Mulish';
letter-spacing: 1.25px;
background: #0069ca;
padding: 18px 28px 14px;
border-radius: 22px;
text-transform: uppercase;
display: inline-block;
color: #FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#gform_submit_button_3 {
background: #0069ce;
color: #FFF;
}
/* #apply .gform_wrapper select::before {
content: "";
display: block;
position: absolute;
right: 10px;
top: 4px;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 100px solid red;
} */
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):hover, .gform_wrapper textarea:hover {
border: 1px solid #d0d0d0;
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, .gform_wrapper textarea:focus {
border: 1px solid #d0d0d0;
}
.form-section-fix {
margin-bottom: 4px !important;
}
.bigcheckbox ul {
}
.bigcheckbox li {
display: inline-block;
}
.bigcheckbox input {
display: none !important;
}
.bigcheckbox .gfield_label {
display: none !important;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"] + label, .gform_wrapper ul.gfield_radio li input[type="radio"] + label {
font-weight: normal;
background: #f5f5f5;
border: 1px solid #f5f5f5;
padding: 18px 19px !important;
background: #FFF;
border: 1px solid #e0e0e0;
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
font-size: 14px !important;
border-radius: 4px;
max-width: 100%;
margin-right: 20px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 4px;
border-radius: 4px;
min-width: 140px;
text-align: center;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"] + label:hover, .gform_wrapper ul.gfield_radio li input[type="radio"] + label:hover {
background: #d0d0d0;
border: 1px solid #d0d0d0;
cursor: pointer;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
font-weight: normal !important;
background: #6cbd45;
color: #FFF;
border: 1px solid #6cbd45;
}
.hide-label label {
display: none !important;
}
.gsection {
padding-bottom: 0px !important;
}
body .gform_wrapper h2.gsection_title {
color: #1a1a1a;
line-height: 22px;
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
padding-bottom: 7px !important;
padding-top: 20px !important;
}
body .gform_wrapper h2.gsection_title:before {
display: none;
}
.gsection_title:before {
display: none;
}
.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {
margin-top: 0px !important;
}
@media only screen and (max-width:875px) {
body .gform-theme--foundation .gform_fields {
display: flex;
flex-direction: column;
row-gap: 20px;
}
}
/* Forms End */
/*------------------------------------*\
Layout & Grid
\*------------------------------------*/
/* wrapper */
.wrapper {
float: left;
clear: both;
width: 100%;
position: relative;
overflow: hidden;
}
.container {
width: 100%;
margin: 0 auto;
padding: 0 8%;
position: relative;
max-width: 1700px;
}
.container-small {
width: 100%;
margin: 0 auto;
padding: 0 8%;
position: relative;
max-width: 1120px;
}
.container-full {
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
max-width: none;
}
.container-reviews {
width: 100%;
margin: 0 auto;
padding: 0 8%;
position: relative;
max-width: 1720px;
}
.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
@media only screen and (min-width: 1699px) {
.container {
padding: 0 136px;
}
}
.col {
margin-right: 30px;
}
.col:last-child {
margin-right: 0px;
}
.col-full {
margin-right: 0px;
}
.flex-grid {
display: flex;
}
.align-center {
align-items: center;
}
.align-top {
align-self: flex-start;
}
.align-bottom {
align-self: flex-end;
}
/* Grid 12 Columns */
.span-1 {width: 8.333%;}
.span-2 {width: 16.66%;}
.span-3 {width: 25%;}
.span-4 {width: 33.33%;}
.span-5 {width: 41.66%;}
.span-6 {width: 49.3%;}
.span-7 {width: 58.33%;}
.span-8 {width: 66.66%;}
.span-9 {width: 75%;}
.span-10 {width: 83.33%;}
.span-11 {width: 91.66%;}
.span-12 {width: 100%;}
.col-full.span-1 {width: 8.333%;}
.col-full.span-2 {width: 16.66%;}
.col-full.span-3 {width: 25%;}
.col-full.span-4 {width: 33.33%;}
.col-full.span-5 {width: 41.66%;}
.col-full.span-6 {width: 50%;}
.col-full.span-7 {width: 58.33%;}
.col-full.span-8 {width: 66.66%;}
.col-full.span-9 {width: 75%;}
.col-full.span-10 {width: 83.33%;}
.col-full.span-11 {width: 91.66%;}
.col-full.span-12 {width: 100%;}
/* Padding Top */
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt60 {padding-top: 60px;}
.pt70 {padding-top: 70px;}
.pt80 {padding-top: 80px;}
.pt90 {padding-top: 90px;}
.pt100 {padding-top: 100px;}
.pt110 {padding-top: 110px;}
.pt120 {padding-top: 120px;}
.pt130 {padding-top: 130px;}
.pt140 {padding-top: 140px;}
.pt150 {padding-top: 150px;}
.pt160 {padding-top: 160px;}
/* Padding Bottom */
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb60 {padding-bottom: 60px;}
.pb70 {padding-bottom: 70px;}
.pb80 {padding-bottom: 80px;}
.pb90 {padding-bottom: 90px;}
.pb100 {padding-bottom: 100px;}
.pb110 {padding-bottom: 110px;}
.pb120 {padding-bottom: 120px;}
.pb130 {padding-bottom: 130px;}
.pb140 {padding-bottom: 140px;}
.pb150 {padding-bottom: 150px;}
.pb160 {padding-bottom: 160px;}
/* Padding left */
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pl50 {padding-left: 50px;}
.pl60 {padding-left: 60px;}
.pl70 {padding-left: 70px;}
.pl80 {padding-left: 80px;}
.pl90 {padding-left: 90px;}
.pl100 {padding-left: 100px;}
.pl110 {padding-left: 110px;}
.pl120 {padding-left: 120px;}
.pl130 {padding-left: 130px;}
.pl140 {padding-left: 140px;}
.pl150 {padding-left: 150px;}
.pl160 {padding-left: 160px;}
/* Padding right */
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}
.pr50 {padding-right: 50px;}
.pr60 {padding-right: 60px;}
.pr70 {padding-right: 70px;}
.pr80 {padding-right: 80px;}
.pr90 {padding-right: 90px;}
.pr100 {padding-right: 100px;}
.pr110 {padding-right: 110px;}
.pr120 {padding-right: 120px;}
.pr130 {padding-right: 130px;}
.pr140 {padding-right: 140px;}
.pr150 {padding-right: 150px;}
.pr160 {padding-right: 160px;}
/*------------------------------------*\
FONTS
\*------------------------------------*/
@font-face {
font-family: 'Nexa-Book';
src: url('fonts/Nexa-Book.woff2') format('woff2'),
url('fonts/Nexa-Book.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Nexa-Book-Italic';
src: url('fonts/Nexa-Book-Italic.woff2') format('woff2'),
url('fonts/Nexa-Book-Italic.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url('fonts/NexaRegular.woff2') format('woff2'),
url('fonts/NexaRegular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mulish';
src: url('fonts/Nexa-Bold.woff2') format('woff2'),
url('fonts/Nexa-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
p {
margin: 0px 0px 20px 0px;
}
strong {
font-family: 'Mulish';
font-weight: 600;
}
h1 {
font-family: 'Spectral';
font-size: 62px;
line-height: 1.1em;
font-weight: 500;
color: #263045;
margin: 0px 0px 20px 0px;
letter-spacing: -3px;
}
h1 em {
font-weight: 400;
letter-spacing: -2.5px;
}
h2 {
font-family: 'Spectral';
font-size: 48px;
line-height: 1.1em;
font-weight: 500;
color: #263045;
margin: 0px 0px 20px 0px;
letter-spacing: -2px;
}
h2 em {
font-weight: 400;
letter-spacing: -1.5px;
}
h3 {
font-family: 'Spectral';
font-size: 38px;
line-height: 1.1em;
font-weight: 500;
color: #263045;
margin: 0px 0px 20px 0px;
letter-spacing: -2px;
}
h4 {
font-family: 'Spectral';
font-size: 29px;
line-height: 1.1em;
font-weight: 500;
color: #263045;
margin: 0px 0px 20px 0px;
letter-spacing: -2px;
}
h4 em {
font-weight: 400;
letter-spacing: -1px;
}
h5 {
font-family: 'Spectral';
font-size: 54px;
line-height: 1.1em;
font-weight: normal;
color: #263045;
margin: 0px 0px 20px 0px;
letter-spacing: -2px;
}
h6 {
font-size: 17px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 400;
color: #263045;
margin-top: 0px;
margin-bottom: 20px;
}
/*------------------------------------*\
BUTTONS
\*------------------------------------*/
.btn1 {
font-size: 14px;
line-height: 15px;
font-weight: 700;
letter-spacing: 1px;
background: #b66751;
padding: 16px 32px 15px;
border-radius: 23px;
text-transform: uppercase;
display: inline-block;
color: #FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btn1:hover {
background: #dd8e6f;
color: #FFF;
}
.btn2 {
font-size: 14px;
line-height: 15px;
font-family: 'Mulish';
font-weight: 700;
letter-spacing: 1.25px;
background: #FFF;
border: 1px solid #b66751;
padding: 15px 30px 14px;
border-radius: 23px;
text-transform: uppercase;
display: inline-block;
color: #b66751;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btn2:hover {
background: #dd8e6f;
border: 1px solid #dd8e6f;
color: #FFF;
}
.btn3 {
font-size: 14px;
letter-spacing: 0px;
border: 1px solid #FFF;
font-weight: 700;
padding: 10px 28px;
border-radius: 4px;
display: inline-block;
text-transform: uppercase;
color: #FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btn3:hover {
background: #6cbd45;
border: 1px solid #6cbd45;
color: #FFF;
}
.btn4 {
font-size: 15px;
letter-spacing: 0.5px;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
color: #6cbd45;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btn4:hover {
color: #585C3A;
}
.btn5 {
font-size: 14px;
line-height: 15px;
font-weight: 700;
letter-spacing: 1px;
background: #263045;
padding: 16px 32px 15px;
border-radius: 23px;
text-transform: uppercase;
display: inline-block;
color: #FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btn5:hover {
background: #b66751;
color: #FFF;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* header */
.header {
height: 72px;
width: 100%;
position: fixed;
z-index: 100;
background: #fcf3eb;
/* -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
box-shadow: 0 0 20px 0 rgba(0,0,0,.1); */
}
body.find-your-studio .header {
background: #FFF;
}
.header.scroll-header {
height: 60px;
background: #fcf3eb;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.logo {
float: left;
position: absolute;
top: 0;
left: 0;
margin-top: 20px;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
margin-left: 3%;
}
.logo:hover {
opacity: .7;
}
.header.scroll-header .logo {
margin-top: 20px;
}
.logo svg {
display: block;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.header.scroll-header .logo {
margin-top: 12px;
}
.header .logo img {
image-rendering: -webkit-optimize-contrast;
width: 200px;
height: auto;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.header.scroll-header .logo img {
width: 170px;
height: auto;
}
.header .logo img {
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.header-right-btn a {
line-height: 44px;
color: #FFF !important;
background: #6cbd45;
border-radius: 4px;
padding: 0px 27px !important;
margin-left: 14px !important;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.header-right-btn a:hover {
color: #FFF;
background: #585C3A;
}
.header.scroll-header .header-right-btn {
line-height: 60px;
}
.header.scroll-header .menu-sign-in {
background-position: right 13px;
}
.menu-sign-in {
background: url('img/user.svg');
background-repeat: no-repeat;
background-position: right 15px;
margin-right: 11px !important;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.menu-sign-in a {
padding-right: 17px !important;
}
.right-menu-wrapper {
position: absolute;
top: 48px;
right: 5%;
margin-right: 70px;
cursor: pointer;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.right-menu-wrapper a {
color: #FFF;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.right-menu-wrapper a:hover {
color: #6cbd45 !important;
}
body.page-template-page-no-photo-header .right-menu-wrapper a, body.single-post .right-menu-wrapper a {
color: #000;
}
.scroll-header .right-menu-wrapper {
top: 16px;
}
.scroll-header .right-menu-wrapper a {
color: #000;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.scroll-header .right-menu-wrapper a:hover {
color: #6cbd45;
}
/* logo */
.logo {
}
.logo-img {
}
/*------------------------------------*\
DESKTOP NAV
\*------------------------------------*/
#toggle {
display: none;
}
.header-locations {
float: right;
font-size: 11px;
line-height: 12px;
letter-spacing: 1.25px;
font-family: 'Mulish';
font-weight: 700;
text-transform: uppercase;
display: block;
color: #FFF;
text-decoration: none;
background: #b66751;
padding: 16px 28px 16px;
border-radius: 30px;
margin-top: 13px;
margin-right: 3%;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.header-locations:hover {
color: #FFF;
background: #dd8e6f;
}
.scroll-header .header-locations {
margin-top: 7px;
}
.primary_nav_wrap
{
margin-top: 0px;
float: right;
margin-right: 17px;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.primary_nav_wrap.right {
width: auto;
right: 4%;
margin-top: 33px;
}
.primary_nav_wrap ul
{
list-style:none;
position:relative;
display: inline-block;
margin: 0px 0px 0px 30px;
padding:0
}
.primary_nav_wrap #menu-right-menu
{
float: right;
}
.primary_nav_wrap #menu-right-menu li a {
padding: 2px 32px;
border: #000 1px solid;
border-radius: 26px;
margin-right: 0px;
}
.primary_nav_wrap #menu-right-menu li a:hover {
border: #6cbd45 1px solid;
color: #FFF;
background: #6cbd45;
}
.primary_nav_wrap ul a {
font-size: 13px;
font-weight: 600;
line-height: 72px;
letter-spacing: 1.25px;
display:block;
color:#263045;
text-transform: uppercase;
text-decoration:none;
padding: 0 16px;
margin: 0;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.primary_nav_wrap ul li a:hover
{
color: #263045;
background: rgba(38, 48, 69, 0.08);
}
.header.scroll-header .primary_nav_wrap {
margin-top: 0px;
}
.scroll-header .primary_nav_wrap ul a {
line-height: 60px;
}
.scroll-header .primary_nav_wrap ul ul a {
line-height: 120%;
}
.primary_nav_wrap ul li.last-menu a {
color: #FFF;
line-height: 38px;
background: #6cbd45;
border-radius: 5px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
position: relative;
top: -12px;
padding: 4px 24px;
display: inline-block;
margin-left: 20px;
margin-right: 0px;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.primary_nav_wrap ul li.last-menu a:hover {
background: #445b3f;
color: #FFF;
}
.scroll-header .primary_nav_wrap ul li.last-menu a {
top: -3px;
}
.scroll-header .primary_nav_wrap ul li.last-menu a:hover {
background: #445b3f;
color: #FFF;
}
.primary_nav_wrap ul li
{
position:relative;
float:left;
margin:0;
padding:0
}
.primary_nav_wrap ul li.current-menu-item a
{
color: #263045;
background: rgba(38, 48, 69, 0.08);
}
.scroll-header .primary_nav_wrap ul li.current-menu-item a
{
color: #263045;
background: rgba(38, 48, 69, 0.08);
}
.primary_nav_wrap ul li.current-menu-item ul a
{
/*background:#000;*/
}
.primary_nav_wrap ul li.current-menu-item a:hover
{
color: #263045;
background: rgba(38, 48, 69, 0.08);
}
.primary_nav_wrap ul li.current-menu-ancestor a
{
}
.primary_nav_wrap ul li.current-menu-ancestor a:hover
{
}
/* .primary_nav_wrap ul li.current-menu-ancestor ul a {
color: #ababab;
} */
.primary_nav_wrap ul li.current-menu-ancestor ul li.current-menu-item a {
color: #6cbd45;
}
.primary_nav_wrap ul.sub-menu li.current-menu-item a
{
color: #333;
background:#FFF;
}
.primary_nav_wrap ul.sub-menu li.current-menu-item a:hover
{
color: #6cbd45;
}
.primary_nav_wrap ul.sub-menu li.current-menu-ancestor a
{
color: #333;
background:#FFF;
}
.primary_nav_wrap ul.sub-menu li.current-menu-ancestor a:hover
{
color: #FFF;
background:#e9e9e9;
}
.primary_nav_wrap ul ul
{
opacity: 0;
background: #FFF;
visibility: hidden;
position:absolute;
top:100%;
left:-20px;
padding: 14px 0px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.2);
box-shadow: 0 5px 20px 0 rgba(0,0,0,.2);
margin-top: -1px;
}
.primary_nav_wrap ul ul li
{
float:none;
width:224px
}
.primary_nav_wrap ul.sub-menu {
margin-top: 0px;
text-align: left;
}
.smaller .primary_nav_wrap ul.sub-menu {
margin-top: 0px;
}
.primary_nav_wrap ul ul a
{
line-height:120%;
padding:7px 12px;
font-size:13px;
background:#FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
color: #4D4D4D;
border-bottom: none !important;
text-transform: none;
}
.primary_nav_wrap ul ul a:hover {
color: #6cbd45;
}
.primary_nav_wrap ul ul ul
{
top:0;
left:100%
}
.primary_nav_wrap ul li:hover > ul
{
opacity: 1;
visibility: visible;
}
/*------------------------------------*\
MOBILE NAV
\*------------------------------------*/
.button_container {
position: absolute;
top: 12px;
right: 3%;
height: 46px;
width: 46px;
background: #263045;
border-radius: 23px;
cursor: pointer;
z-index: 9999;
-webkit-transition: all .75s ease-in-out;
-moz-transition: all .75s ease-in-out;
-ms-transition: all .75s ease-in-out;
-o-transition: all .75s ease-in-out;
transition: all .75s ease-in-out;
}
.button_container:hover {
background: #b66751;
}
.header.scroll-header .button_container {
top: 7px;
}
.button_container.active .top {
transform: translateY(9px) translateX(0) rotate(45deg);
background: #FFF;
top: 13px;
}
.button_container.active .middle {
opacity: 0;
background: #FFF;
}
.button_container.active .bottom {
transform: translateY(-9px) translateX(0) rotate(-45deg);
background: #FFF;
top: 31px;
}
.button_container span {
background: #FFF;
border: none;
height: 2px;
width: 26px;
position: absolute;
top: 0;
left: 10px;
transition: all .35s ease;
cursor: pointer;
}
.button_container span:nth-of-type(1) {
top: 14px;
}
.button_container span:nth-of-type(2) {
top: 22px;
}
.button_container span:nth-of-type(3) {
top: 30px;
}
.overlay {
position: fixed;
background: #263045;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: opacity .35s, visibility .35s, height .35s;
overflow: hidden;
z-index: 50;
}
.overlay.open {
opacity: 1;
visibility: visible;
height: 100%;
}
.overlay-menu {
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.overlay-menu .blog-menu {
display: none;
}
.overlay-menu .start-a-project {
display: none;
}
.overlay-menu ul {
list-style-type: none;
overflow: hidden;
padding: 0;
}
.overlay-menu li {
transform: translateY(20%);
transition: transform 0.5s, opacity 2s;
opacity: 0;
}
.overlay-menu li a {
font-family: 'Spectral';
font-size: 26px;
font-weight: 500;
line-height: 46px;
letter-spacing: -0.5px;
color: #FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.overlay-menu li a:hover {
color: #FFF;
opacity: .8;
}
.overlay-menu .show {
opacity: 1;
transform: translateY(0%);
}
body.location .visit-location-wrapper {
display: none;
}
.page-location-wrapper-content {
padding-left: 8%;
}
.overlay-menu li.menu-locations a {
width: 200px;
margin-top: 16px;
font-size: 11px;
line-height: 12px;
font-family: 'Mulish';
font-weight: 700;
letter-spacing: 1.25px;
background: #263045;
border: 1px solid #FFF;
padding: 15px 28px 15px;
border-radius: 22px;
text-transform: uppercase;
display: inline-block;
color: #FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.overlay-menu li.menu-locations a:hover {
background: #b66751;
border: 1px solid #b66751;
color: #FFF;
opacity: 1;
}
.overlay-menu li.menu-find-your-studio a {
width: 200px;
margin-top: 12px;
font-size: 11px;
line-height: 12px;
font-family: 'Mulish';
font-weight: 700;
letter-spacing: 1.25px;
background: #FFF;
border: 1px solid #FFF;
padding: 15px 28px 15px;
border-radius: 22px;
text-transform: uppercase;
display: inline-block;
color: #263045;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.overlay-menu li.menu-find-your-studio a:hover {
background: #b66751;
border: 1px solid #b66751;
color: #FFF;
opacity: 1;
}
/* sidebar */
.sidebar {
}
/*------------------------------------*\
FOOTER CTAs
\*------------------------------------*/
.app-cta-wrapper {
background: #d5e5f0 url('img/white-to-blue-desktop.png') no-repeat;
background-position: top -2px center;
background-size: 100%;
}
.app-cta-wrapper.white {
background: #FFF;
}
.app-cta-wrapper.white em.mobile-app {
background: url('img/mobile-app-blue.svg') no-repeat;
background-position: center center;
background-size: 100%;
padding-left: 15px;
padding-right: 15px;
position: relative;
left: -15px;
}
.app-cta-wrapper.white em.them-smile {
background: url('img/mobile-app-blue.svg') no-repeat;
background-position: center center;
background-size: 100%;
padding-left: 15px;
padding-right: 15px;
position: relative;
left: -15px;
}
@media only screen and (max-width: 767px) {
.app-cta-wrapper {
background: #d5e5f0 url('img/white-to-blue-mobile.png') no-repeat;
background-position: top -2px center;
background-size: 100%;
}
}
.app-cta {
display: flex;
align-items: center;
}
.app-cta-left {
width: 50%;
}
.app-cta-right {
width: 50%;
text-align: center;
}
.app-cta-right img {
margin-top: -36px;
}
.app-button:first-of-type {
margin-right: 4px;
}
.app-button img {
border-radius: 7px;
-webkit-box-shadow: 0px 0px 20px 0 rgba(69,98,120,.1);
box-shadow: 0px 0px 20px 0 rgba(69,98,120,.1);
}
@media only screen and (max-width: 1130px) {
.app-cta-left h6 {
display: none;
}
.app-cta-left p {
font-size: 15px;
}
.app-cta-left h2 {
font-size: 32px;
margin: 0px 0px 10px 0px;
letter-spacing: -1px;
}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.app-cta-right img {
margin-top: 0px;
}
.app-cta {
padding-top: 50px;
}
.app-cta-left {
position: relative;
top: -30px;
}
}
@media only screen and (max-width:768px) {
.app-cta {
flex-direction: column;
padding-top: 80px;
}
.app-cta-left {
width: 100%;
}
.app-cta-right {
width: 100%;
}
.app-cta-right {
margin-top: 40px;
}
.app-cta-right img {
margin-top: 0px;
}
.app-cta-left h6 {
display: block;
}
.app-button {
display: inline-block;
margin-bottom: 11px;
}
}
/*------------------------------------*\
FOOTER
\*------------------------------------*/
.footer {
background: #263045;
font-size: 14px;
line-height: 1.5em;
color: #FFF;
border-top: 1px solid rgba(0,0,0,.1);
}
.footer-wrapper {
float: left;width:100%;clear:both;
padding-left: 8%;
padding-right: 8%;
}
.footer-col1 {
float: left;
width: 25%;
}
.footer-col2 {
float: left;
width: 25%;
}
.footer-col3 {
float: left;
width: 25%;
}
.footer-col4 {
float: left;
width: 25%;
}
.footer-col5 {
float: left;
width: 19%;
color: #8395a3;
}
.footer-col5 p {
font-size: 12px;
font-family: 'Mulish';
}
.newsletter-headline {
color: #FFF !important;
font-weight: normal;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Mulish';
margin-bottom: 6px;
}
em.mobile-app {
background: url('img/mobile-app.svg') no-repeat;
background-position: center center;
background-size: 100%;
padding-left: 15px;
padding-right: 15px;
position: relative;
left: -15px;
}
em.them-smile {
background: url('img/mobile-app.svg') no-repeat;
background-position: center center;
background-size: 100%;
padding-left: 15px;
padding-right: 15px;
position: relative;
left: -15px;
}
#menu-footer-menu {
width: 100%;
float: right;
}
#menu-footer-menu li {
display: inline-block;
}
#menu-footer-menu li a {
font-size: 14px;
margin-left: 26px;
}
.copyright-wrapper {
float: left;
width: 100%;
margin-top: 56px;
font-size: 12px;
font-family: 'Mulish';
letter-spacing: 0.5px;
}
.footer .widget_nav_menu {
margin-top: 0px;
margin-bottom: 0px;
}
.footer .copyright-wrapper .widget_nav_menu {
float: left;
}
.footer a {
color: #FFF;
font-weight: normal;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Mulish';
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.footer a:hover {
color: #8ca9d8;
}
.footer .widget_nav_menu ul {
list-style: none;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.footer .widget_nav_menu ul li {
margin-bottom: 13px;
}
.footer .copyright-wrapper .widget_nav_menu ul li {
float: left;
margin-bottom: 0px;
margin-right: 16px;
}
.footer .copyright-text {
float: left;
margin-right: 16px;
}
.footer .widget_nav_menu ul li a {
color: #FFF;
padding: 0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.footer .widget_nav_menu ul li a:hover {
color: #a1c1dc;
}
.footer .copyright .widget_nav_menu ul li a {
font-size: 12px;
letter-spacing: 0.5px;
text-transform: none;
color: #a1c1dc;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.footer .copyright .widget_nav_menu ul li a:hover {
color: #FFF;
}
.footer #custom_html-3 a {
font-size: 24px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-left: 2px;
margin-right: 2px;
}
.footer #custom_html-3 a:hover {
color: #6cbd45;
}
.app-icons a {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.app-icons a:hover {
opacity: .8;
}
.app-icons img {
border-radius: 4px;
}
.social-icons-footer a {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.social-icons-footer a:hover {
opacity: .8;
}
.footer-logo {
float: left;
}
.footer-menu {
float: right;
margin-top: 10px;
}
.footer-menu ul {
list-style: none;
margin: 0px;
}
.footer-menu ul li {
display: inline-block;
margin-left: 24px;
}
.footer-menu ul li a {
font-size: 14px;
color: #4D4D4D;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.footer-menu ul li a:hover {
color: #6cbd45;
}
.footer.dark .footer-menu ul li a {
color: #FFF;
}
.footer.dark .footer-menu ul li a:hover {
color: #6cbd45;
}
.footer-locations {
float: left;
width: 100%;
clear: both;
}
.footer-location-block {
float: left;
width: 100%;
clear: both;
margin-bottom: 18px;
font-size: 12px;
line-height: 20px;
color: #0E0E0E;
text-transform: uppercase;
}
.footer.dark .footer-location-block {
color: #FFF;
}
.footer-location-block strong {
}
.footer-location-block.clear {
clear: both;
}
.footer-buttons {
float: left;
clear: both;
width: 100%;
margin-top: -127px;
}
.footer-buttons .btn1 {
float: right;
margin-top: 10px;
clear: both;
}
.footer-button-left {
float:left;
}
.footer-button-right {
float:right;
}
.footer-button-right span {
font-size: 19px;
top: 3px;
position: relative;
padding-right: 7px;
margin-top: -10px;
display: inline-block;
}
.copyright {
float: left;
width: 100%;
clear: both;
}
.copyright-desc {
margin-top: 34px;
font-size: 10px;
line-height: 1.4em;
color: #506b7e;
float: left;
width: 100%;
clear: both;
}
@media only screen and (max-width: 1160px) {
.footer {
}
.footer-col1 {
width: 100%;
margin-bottom: 46px;
}
.footer-col2 {
width: 25%;
}
.footer-col3 {
width: 25%;
}
.footer-col4 {
width: 25%;
}
.footer-col5 {
width: 25%;
}
}
@media only screen and (max-width: 875px) {
.footer {
text-align: center;
}
.footer-col1 {
width: 100%;
margin-bottom: 46px;
}
.footer-col2 {
width: 100%;
}
.footer-col3 {
width: 100%;
}
.footer-col4 {
width: 100%;
}
.footer-col5 {
margin-top: 46px;
width: 100%;
}
.footer-col5 p {
margin-bottom: 5px;
}
.footer .gform_wrapper {
text-align: left;
}
.footer .gform_wrapper .gfield--type-submit {
left: 16px;
}
body .gform-theme--foundation .gform_fields {
display: flex;
}
#field_1_1 {
width: calc(100% - 44px);
}
.footer .copyright-text {
margin-right: 0px;
float: none;
}
.footer .copyright-wrapper .widget_nav_menu ul li {
margin-bottom: 0px;
margin-right: 0px;
margin-top: 8px;
width: 100%;
}
}
/* Franchise */
.own-a-frenchies .app-cta-wrapper {
display: none;
}
.img-cap {
font-size: 12px;
color: #263045;
text-transform: uppercase;
display: inline-block;
margin-top: 10px;
letter-spacing: 0.5px;
}
.fran-quote h2 {
font-family: 'Nexa-Book-Italic';
color: #FFF;
font-size: 2vw;
line-height: 1.55em;
letter-spacing: 0px;
position: relative;
}
.fran-quote h2::before {
content: "";
width: 114px;
height: 102px;
background: url('img/quote-white.svg') no-repeat;
position: absolute;
top: -45px;
left: -30px;
z-index: 1;
}
.support-slider p {
padding-left: 4%;
padding-right: 4%;
}
.press-slide.support-slide {
padding: 46px 30px;
}
.support-slider-headline {
font-family: 'Spectral';
font-size: 26px;
line-height: 1.1em;
color: #263045;
letter-spacing: -1px;
margin-bottom: 20px;
}
.support-slider-content {
font-size: 16px;
color: #8ca9d8;
}
/* Home Page */
.home-intro-row-top {
position: relative;
top: 1vw;
z-index: 20;
}
.home-intro-row {
background: #a1c1dc;
}
.home-intro-row h2 {
font-size: 4vw;
padding-left: 10%;
padding-right: 10%;
}
.home-intro-row h2 em {
background: url('img/for-you.svg') no-repeat;
background-position: center center;
background-size: 100%;
padding-left: 15px;
padding-right: 15px;
position: relative;
left: -15px;
}
@media only screen and (max-width: 767px) {
.home-intro-row-top {
top: 4vw;
}
.home-intro-row h2 {
font-size: 42px;
padding-left: 5%;
padding-right: 5%;
padding-top: 60px;
padding-bottom: 30px;
}
}
@media only screen and (max-width: 480px) {
.home-intro-row h2 {
font-size: 36px;
padding-left: 0%;
padding-right: 0%;
padding-top: 60px;
padding-bottom: 30px;
}
}
/*------------------------------------*\
Page Hero
\*------------------------------------*/
.full-width-page-banner {
margin-top: 72px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 180px;
padding-bottom: 180px;
}
body.home .full-width-page-banner {
padding-top: 280px;
padding-bottom: 280px;
}
.full-width-page-banner-content {
font-size: 20px;
font-weight: 600;
text-align: center;
color: #FFF;
position: relative;
z-index: 10;
}
.full-width-page-banner-content h1 {
color: #FFF;
font-size: 64px;
font-weight: 600;
margin-bottom: 10px;
}
.full-width-page-banner-content h1 em {
font-weight: 500;
}
.full-width-page-banner-content p {
margin-bottom: 26px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.full-width-page-banner-mask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 5;
}
@media only screen and (max-width: 767px) {
.full-width-page-banner {
padding-top: 130px;
padding-bottom: 130px;
}
body.home .full-width-page-banner {
padding-top: 160px;
padding-bottom: 160px;
}
}
@media only screen and (max-width: 480px) {
.full-width-page-banner {
padding-top: 110px;
padding-bottom: 110px;
}
body.home .full-width-page-banner {
padding-top: 130px;
padding-bottom: 130px;
}
}
.page-hero {
margin-top: 72px;
}
.page-hero-top {
position: relative;
padding-top: 70px;
background: #fcf3eb;
}
.page-hero-top .container {
display: flex;
position: relative;
z-index: 2;
align-items: center;
}
.page-hero-left {
width: 50%;
margin-bottom: 120px;
padding-right: 6%;
}
.page-hero-right {
width: 50%;
}
.page-hero-right img {
border: 8px solid #FFF;
border-radius: 30px;
-webkit-box-shadow: 3px 10px 60px 0 rgba(0,0,0,.1);
box-shadow: 3px 10px 60px 0 rgba(0,0,0,.1);
}
.white-bar {
position: absolute;
height: 80px;
width: 100%;
background: #FFF;
bottom: 0px;
left: 0px;
z-index: 1;
}
.page-hero h1 {
margin-bottom: 10px
}
body.home .page-hero h1 {
font-size: 50px;
}
.page-hero .before-h1 {
font-size: 17px;
letter-spacing: 1px;
text-transform: uppercase;
color: #263045;
margin-bottom: 20px;
}
.page-hero-bottom {
padding-top: 80px;
padding-bottom: 80px;
}
body.single-location .page-hero-bottom {
padding-top: 80px;
padding-bottom: 80px;
}
body.home .page-hero-bottom {
padding-top: 60px;
padding-bottom: 82px;
}
.page-hero-bottom-new-style {
background: #ebbda7 url('img/tan-to-offwhite-desktop.png') no-repeat;
background-position: bottom -2px center;
background-size: 100%;
text-align: center;
}
body.home .page-hero-bottom-new-style {
background: #ebbda7 url('img/tan-to-white-desktop.png') no-repeat;
background-position: bottom -2px center;
background-size: 100%;
text-align: center;
}
body.home .page-hero-bottom-new-style p {
font-size: 20px;
line-height: 1.5em;
color: #263045;
max-width: 820px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
body.home .page-hero-bottom-new-style.page-hero-bottom-new-style-lower {
background: #FFF url('img/white-to-trans-desktop.png') no-repeat;
background-position: bottom -2px center;
background-size: 100%;
text-align: center;
padding-bottom: 24px;
}
.page-hero-bottom h2 {
font-family: 'Nexa-Book-Italic';
font-size: 2.6vw;
line-height: 1.55em;
letter-spacing: -1.5px;
position: relative;
}
.page-hero-bottom.page-hero-bottom-new-style h2 {
font-family: 'Spectral';
font-style: italic;
line-height: 1.45em;
}
.page-hero-bottom.page-hero-bottom-new-style img {
margin-bottom: 10px;
}
.page-hero-bottom h2::before {
content: "";
width: 114px;
height: 102px;
background: url('img/quote.svg') no-repeat;
position: absolute;
top: -45px;
left: -30px;
z-index: -1;
}
body.home .page-hero-bottom-new-style p.page-quote-title {
color: #b66751;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
.page-hero-bottom-new-style {
background: #ebbda7 url('img/tan-to-offwhite-mobile.png') no-repeat;
background-position: bottom -2px center;
background-size: 100%;
text-align: center;
}
.page-hero-bottom {
padding-top: 60px;
padding-bottom: 80px;
}
body.home .page-hero-bottom {
padding-top: 60px;
padding-bottom: 78px;
}
body.home .page-hero-bottom-new-style {
background: #ebbda7 url('img/tan-to-white-mobile.png') no-repeat;
background-position: bottom -2px center;
background-size: 100%;
text-align: center;
}
body.home .page-hero-bottom-new-style.page-hero-bottom-new-style-lower {
padding-bottom: 5px;
}
}
@media only screen and (min-width : 1160px) and (max-width : 1270px) {
body.home .page-hero h1 {
font-size: 42px;
}
}
@media only screen and (min-width : 768px) and (max-width : 1159px) {
body.home .page-hero h1 {
font-size: 28px;
}
}
@media only screen and (min-width: 1699px) {
.page-hero-bottom h2 {
font-size: 44px;
}
.fran-quote h2 {
font-size: 44px;
}
}
@media only screen and (max-width: 1400px) {
.page-hero-bottom h2 {
font-size: 36px;
letter-spacing: -1px;
}
.fran-quote h2 {
font-size: 28px;
}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.page-hero-bottom h2 {
font-size: 30px;
letter-spacing: -0.5px;
}
.fran-quote h2 {
font-size: 26px;
}
.page-hero-bottom {
padding-top: 46px;
padding-bottom: 70px;
}
.page-hero-left h1 {
font-size: 38px;
letter-spacing: -1px;
}
.page-hero-left p {
font-size: 15px;
}
.page-hero .before-h1 {
font-size: 15px;
margin-bottom: 14px;
}
.page-hero-top {
padding-top: 50px;
padding-bottom: 60px;
background-position: bottom 0px right;
background-size: 100%;
margin-bottom: 34px;
}
.page-hero-left {
margin-bottom: 0px;
}
.white-bar {
display: none;
}
}
@media only screen and (max-width: 767px) {
body.home .page-hero h1 {
font-size: 38px;
}
.white-bar {
display: none;
}
.page-hero-top {
padding-top: 8%;
background-position: bottom 0px right;
background-size: 370%;
}
.page-hero-top .container {
flex-direction: column-reverse;
}
.page-hero-left {
width: 100%;
margin-top: 36px;
margin-bottom: 70px;
}
.page-hero-right {
width: 100%;
}
.page-hero-right img {
width: 100%;
height: auto;
}
.page-hero-bottom {
padding-bottom: 50px;
}
body.single-location .page-hero-bottom {
padding-top: 65px;
padding-bottom: 60px;
}
}
@media only screen and (max-width:480px) {
.page-hero-bottom h2 {
font-size: 22px;
line-height: 1.3em;
letter-spacing: -0.5px;
}
.fran-quote h2 {
font-size: 20px;
line-height: 1.3em;
}
body.home .page-hero h1 {
font-size: 33px;
}
}
@media only screen and (min-width : 480px) and (max-width : 768px) {
.page-hero-bottom h2 {
font-size: 30px;
letter-spacing: -0.5px;
}
.fran-quote h2 {
font-size: 22px;
}
}
.services-gc-row {
background: #d5e5f0 url('img/ltblue-to-white-desktop.png') no-repeat;
background-position: bottom -2px center;
background-size: 100%;
}
.diff-row-one {
background: #fcf3eb url('img/offwhite-to-white-desktop.png') no-repeat;
background-position: bottom -2px center;
background-size: 100%;
}
.diff-press-slider {
background-image: url('img/white-to-tan-desktop.png'), url('img/tan-to-white-desktop.png');
background-position: top -2px center, bottom -2px center;
background-size: 100%, 100%;
background-repeat: no-repeat;
background-color: #ebbda7;
}
@media only screen and (max-width: 767px) {
.services-gc-row {
background: #d5e5f0 url('img/ltblue-to-white-mobile.png') no-repeat;
background-position: bottom -2px center;
background-size: 100%;
}
.diff-row-one {
background: #fcf3eb url('img/offwhite-to-white-mobile.png') no-repeat;
background-position: bottom -2px center;
background-size: 100%;
}
.diff-press-slider {
background-image: url('img/white-to-tan-mobile.png'), url('img/tan-to-white-mobile.png');
background-position: top -2px center, bottom -2px center;
background-size: 100%, 100%;
background-repeat: no-repeat;
background-color: #ebbda7;
}
}
/*------------------------------------*\
VC Tour
\*------------------------------------*/
.home-tour-row {
padding-left: 8%;
padding-right: 8%;
}
body.home .home-tour-row {
background-image: url('img/white-to-offwhite-desktop.png'), url('img/offwhite-to-white-desktop.png');
background-position: top -2px center, bottom -2px center;
background-size: 100%, 100%;
background-repeat: no-repeat;
background-color: #fcf3eb;
}
@media only screen and (max-width: 767px) {
body.home .home-tour-row {
background-image: url('img/white-to-offwhite-mobile.png'), url('img/offwhite-to-white-mobile.png');
background-position: top -2px center, bottom -2px center;
background-size: 100%, 100%;
background-repeat: no-repeat;
background-color: #fcf3eb;
}
}
.pod-row {
padding-left: 8%;
padding-right: 8%;
background: #fcf3eb;
}
.tour-content {
padding-left: 6% !important;
}
body .vc_tta-tabs-container {
margin-right: -40px !important;
}
body .vc_tta-tabs.vc_tta-tabs-position-left {
align-items: center;
}
body .vc_tta-tab {
background: none;
border-radius: 36px;
}
body .vc_tta-tab a {
background: none !important;
border: none !important;
}
body .vc_tta-tab a span {
display: inline-block;
width: 100%;
}
body .vc_tta-tab:nth-of-type(1) .vc_tta-title-text::after {
content: "";
position: absolute;
top: -5px;
left: -38px;
width: 32px;
height: 32px;
background: url('img/i1.svg') no-repeat;
}
body .vc_tta-tab:nth-of-type(2) .vc_tta-title-text::after {
content: "";
position: absolute;
top: -5px;
left: -38px;
width: 32px;
height: 32px;
background: url('img/i2.svg') no-repeat;
}
body .vc_tta-tab:nth-of-type(3) .vc_tta-title-text::after {
content: "";
position: absolute;
top: -5px;
left: -38px;
width: 32px;
height: 32px;
background: url('img/i3.svg') no-repeat;
}
body .vc_tta-tab:nth-of-type(4) .vc_tta-title-text::after {
content: "";
position: absolute;
top: -5px;
left: -38px;
width: 32px;
height: 32px;
background: url('img/i4.svg') no-repeat;
}
body .services-row {
font-size: 16px;
line-height: 1.6em;
}
body .services-row .vc_tta-tab:nth-of-type(1) .vc_tta-title-text::after, body .services-row .vc_tta-tab:nth-of-type(2) .vc_tta-title-text::after, body .services-row .vc_tta-tab:nth-of-type(3) .vc_tta-title-text::after, body .services-row .vc_tta-tab:nth-of-type(4) .vc_tta-title-text::after {
display: none;
}
body .vc_tta-tab.vc_active {
-webkit-box-shadow: 0 0 18px 0 rgba(0,0,0,.1);
box-shadow: 0 0 18px 0 rgba(0,0,0,.1);
border: none;
background: #FFF !important;
}
body .vc_tta-tab.vc_active .vc_tta-title-text::before {
content: "";
position: absolute;
top: 3px;
right: -44px;
width: 14px;
height: 14px;
background: url('img/tab-right.svg') no-repeat;
}
.tour-content strong {
color: #b66751;
}
body .vc_tta-title-text {
color: #263045;
font-size: 23px;
font-family: 'Spectral';
letter-spacing: -1px;
font-weight: 500;
position: relative;
}
body .vc_tta.vc_general .vc_tta-tab>a {
padding: 25px 68px 18px;
}
body .services-row .vc_tta.vc_general .vc_tta-tab>a {
padding: 25px 68px 18px 40px;
}
body .vc_tta-panel-body {
overflow: visible !important;
}
body .vc_tta-panel-body img {
border-radius: 30px;
border: 8px solid #FFF;
box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
}
body .difference-row .vc_tta-panel:nth-of-type(1) .vc_tta-title-text::after {
content: "";
position: absolute;
top: -7px;
left: -38px;
width: 32px;
height: 32px;
background: url('img/i1.svg') no-repeat;
}
body .difference-row .vc_tta-panel:nth-of-type(2) .vc_tta-title-text::after {
content: "";
position: absolute;
top: -7px;
left: -38px;
width: 32px;
height: 32px;
background: url('img/i2.svg') no-repeat;
}
body .difference-row .vc_tta-panel:nth-of-type(3) .vc_tta-title-text::after {
content: "";
position: absolute;
top: -7px;
left: -38px;
width: 32px;
height: 32px;
background: url('img/i3.svg') no-repeat;
}
body .difference-row .vc_tta-panel:nth-of-type(4) .vc_tta-title-text::after {
content: "";
position: absolute;
top: -7px;
left: -38px;
width: 32px;
height: 32px;
background: url('img/i4.svg') no-repeat;
}
body .vc_tta-panel .vc_tta-title-text::before {
content: "";
position: absolute;
top: -1px;
right: -44px;
width: 16px;
height: 16px;
background: url('img/plus.svg') no-repeat;
}
body .vc_tta-panel.vc_active .vc_tta-title-text::before {
content: "";
position: absolute;
top: -1px;
right: -44px;
width: 16px;
height: 16px;
background: url('img/minus.svg') no-repeat;
}
body .vc_tta.vc_general .vc_tta-panel-heading {
margin-bottom: 10px !important;
}
body .vc_tta-panel .vc_tta-panel-title a {
padding: 19px 68px 18px !important;
border-radius: 33px;
}
body .home-tour-row.services-row .vc_tta-panel .vc_tta-panel-title a {
padding: 19px 68px 18px 0px !important;
border-radius: 33px;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-color: #FFF;
background-color: #FFF;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
border-color: #FFF;
background-color: #FFF;
}
body .vc_tta-panel .vc_tta-panel-heading {
border-radius: 33px !important;
-webkit-box-shadow: 0 0 18px 0 rgba(0,0,0,.1);
box-shadow: 0 0 18px 0 rgba(0,0,0,.1);
}
body .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
padding-left: 0px;
padding-right: 0px;
}
@media only screen and (max-width: 1640px) {
.tour-content {
padding-left: 2% !important;
}
body .vc_tta-title-text {
font-size: 20px;
}
}
@media only screen and (max-width: 1440px) {
.tour-content h2 {
font-size: 32px;
}
.tour-content {
font-size: 15px;
}
}
@media only screen and (min-width : 768px) and (max-width : 1260px) {
body .vc_tta-tabs.vc_tta-tabs-position-left {
flex-direction: column;
}
body .vc_tta-tabs-container {
width: 100%;
margin-right: 0px !important;
}
body .vc_tta-panel-body {
margin-top: 30px;
}
body .vc_tta-panel-body .vc_row.vc_row-flex {
flex-direction: row-reverse;
}
body .vc_tta-panel-body .wpb_column:first-of-type {
width: 33%;
}
body .vc_tta-panel-body .tour-content {
width: 66%;
}
body .vc_tta.vc_general .vc_tta-panel-body {
padding: 14px 0px;
}
.home-tour-row {
background: #ebf0f5 url('img/herobg.png') no-repeat;
background-position: bottom 0px right;
background-size: 100%;
}
}
@media only screen and (max-width: 767px) {
/* .home-tour-row {
background: #ebf0f5 url('img/herobg.png') no-repeat;
background-position: bottom 0px right;
background-size: 100%;
} */
body .vc_tta-title-text {
width: 100%;
display: inline-block;
}
body .services-row .vc_tta-title-text {
font-size: 18px;
}
body .home-tour-row.services-row .vc_tta-panel .vc_tta-panel-title a {
padding: 15px 60px 23px 25px !important;
border-radius: 33px;
}
}
/*------------------------------------*\
Difference Page
\*------------------------------------*/
.clean1 h4, .clean2 h4, .clean3 h4, .clean4 h4, .clean5 h4, .clean6 h4 {
margin-bottom: 8px;
}
.clean1, .clean2, .clean3, .clean4, .clean5, .clean6 {
padding-left: 60px;
position: relative;
}
.clean1::after {
content: "1";
position: absolute;
left: 0;
top: 0;
font-size: 72px;
line-height: 72px;
color: #b66751;
font-family: 'Spectral';
}
.clean2::after {
content: "2";
position: absolute;
left: 0;
top: 0;
font-size: 72px;
line-height: 72px;
color: #b66751;
font-family: 'Spectral';
}
.clean3::after {
content: "3";
position: absolute;
left: 0;
top: 0;
font-size: 72px;
line-height: 72px;
color: #b66751;
font-family: 'Spectral';
}
.clean4::after {
content: "4";
position: absolute;
left: 0;
top: 0;
font-size: 72px;
line-height: 72px;
color: #b66751;
font-family: 'Spectral';
}
.clean5::after {
content: "5";
position: absolute;
left: 0;
top: 0;
font-size: 72px;
line-height: 72px;
color: #b66751;
font-family: 'Spectral';
}
.clean6::after {
content: "6";
position: absolute;
left: 0;
top: 0;
font-size: 72px;
line-height: 72px;
color: #b66751;
font-family: 'Spectral';
}
/*------------------------------------*\
Partner Products
\*------------------------------------*/
.partner-products {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: 1fr;
grid-column-gap: 34px;
grid-row-gap: 34px;
}
.partner-product {
padding: 6% 8% 10% 8%;
background: #FFF;
border-radius: 20px;
-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
}
.partner-product-img-wrapper {
display: flex;
height: 71px;
align-items: center;
margin-bottom: 10px
}
.partner-product p {
font-size: 14px;
}
@media only screen and (max-width: 840px) {
.partner-products {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.partner-product p {
font-size: 14px;
line-height: 1.6em;
}
}
@media only screen and (max-width: 480px) {
.partner-products {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
[data-animate] {
opacity: 0;
will-change: auto;
}
.animated {
transition: all 1s cubic-bezier(0.57, 0.08, 0.9, 0.36);
opacity: 1;
}
/* logo slider */
.strata-logo-slider .strata-logo-slider-single {
text-align: center;
}
/*------------------------------------*\
Press Slider
\*------------------------------------*/
.press-slider-top {
margin-left: 8%;
margin-right: 8%;
margin-bottom: 10px;
}
.press-slider {
margin-left: calc(8% - 12px);
}
.press-slide {
border-radius: 20px;
background: #FFF;
-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
overflow: hidden;
margin-right: 17px;
margin-left: 17px;
}
.press-slide-img-wrapper {
display: flex;
height: 71px;
align-items: center;
margin-bottom: 14px
}
.press-slide-img-wrapper img {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.press-slide-img-wrapper img:hover {
opacity: .7;
}
.press-slide p {
font-size: 17px;
color: #708094;
font-family: 'Mulish';
font-weight: 600;
min-height: 90px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.press-slide p:hover {
color: #263045;
}
.press-slide-perma {
font-size: 10px;
line-height: 12px;
letter-spacing: 1.25px;
font-family: 'Mulish';
font-weight: 700;
background: #b66751;
padding: 12px 20px;
color: #FFF;
border-radius: 19px;
text-transform: uppercase;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.press-slide-perma:hover {
color: #FFF;
background: #dd8e6f;
}
.press-slider .slick-list {
padding-left: 0px !important;
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.press-slider .slick-prev {
display: none !important;
}
@media only screen and (max-width: 767px) {
.press-slide p {
font-size: 17px;
}
}
/*------------------------------------*\
Press Posts
\*------------------------------------*/
.blog-the-title {
padding-left: 20%;
padding-right: 20%;
}
@media only screen and (max-width: 1340px) {
.blog-the-title {
padding-left: 10%;
padding-right: 10%;
}
}
@media only screen and (max-width: 1100px) {
.blog-the-title {
padding-left: 0%;
padding-right: 0%;
}
}
.blog-main h3, .blog-main h2, .blog-main h4 {
margin-top: 50px;
}
.press-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-rows: 1fr;
grid-column-gap: 34px;
grid-row-gap: 34px;
}
.press-post {
padding: 0px;
border-radius: 20px;
background: #FFF;
overflow: hidden;
-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
}
.press-post-content {
padding: 10px 20px 20px;
}
.press-post-img-wrapper {
display: flex;
/* height: 71px; */
align-items: center;
margin-bottom: 14px
}
.press-post-img-wrapper img {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.press-post-img-wrapper img:hover {
opacity: .7;
}
.press-post p {
font-size: 19px;
color: #8ca9d8;
font-family: 'Mulish';
min-height: 90px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.press-post p:hover {
color: #263045;
}
.press-post-perma {
font-size: 14px;
color: #266093;
font-family: 'Mulish';
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.press-post-perma:hover {
color: #263045;
}
@media only screen and (max-width: 1200px) {
.press-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-column-gap: 30px;
grid-row-gap: 30px;
}
}
@media only screen and (max-width: 880px) {
.press-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: 20px;
grid-row-gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.press-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-row-gap: 30px;
}
}
/*------------------------------------*\
Store Locator - Office Locator
\*------------------------------------*/
body.find-your-studio .gc-btn {
display: none !important;
}
body.gift-cards .map-book-now.gc-btn {
display: inline-block !important;
}
body.gift-cards .map-book-now {
display: none !important;
}
body.gift-cards .map-giftcard {
display: none !important;
}
.gift-card-finder-row {
background-image: url('img/white-to-offwhite-desktop.png'), url('img/offwhite-to-white-desktop.png');
background-position: top -2px center, bottom -2px center;
background-size: 100%, 100%;
background-repeat: no-repeat;
background-color: #fcf3eb;
}
@media only screen and (max-width: 767px) {
.gift-card-finder-row {
background-image: url('img/white-to-offwhite-mobile.png'), url('img/offwhite-to-white-mobile.png');
background-position: top -2px center, bottom -2px center;
background-size: 100%, 100%;
background-repeat: no-repeat;
background-color: #fcf3eb;
}
}
body.find-your-studio {
background: #fcf3eb;
}
body.find-your-studio .app-cta-wrapper {
display: none;
}
body #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .addr-loc ul li i {
color: #b97077 !important;
}
#asl-storelocator .infoBox {
-webkit-box-shadow: 0 0 20px 0 rgba(73,128,184,.3);
box-shadow: 0 0 20px 0 rgba(73,128,184,.3);
border-radius: 20px;
overflow: hidden;
}
#asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter {
flex: 0 0 100%;
max-width: 100% !important;
padding-left: 0px;
padding-right: 0px;
}
body #asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-address {
border-radius: 22px !important;
border: none !important;
-webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
min-height: 44px !important;
height: 44px !important;
padding: 5px 22px;
}
body #asl-storelocator.asl-cont .asl-wrapper .Filter_section {
padding: 30px 0 6px 0;
}
body #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent {
padding: 0px 15px 12px;
}
body #asl-storelocator.asl-cont .infoBox #style_1 h3 {
padding: 20px 15px 0px 15px !important;
}
#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner {
width: 96% !important;
border-radius: 22px;
-webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
}
@media only screen and (max-width: 767px) {
#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner {
width: 100% !important;
margin-top: 20px;
}
}
#asl-storelocator .asl-map {
border-radius: 22px;
overflow: hidden;
-webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
}
body #asl-storelocator.asl-cont .sl-main-cont .asl-map-canv {
height: 600px;
}
@media only screen and (max-height: 940px) {
body #asl-storelocator.asl-cont .sl-main-cont .asl-map-canv {
height: 500px;
}
}
@media only screen and (max-width: 767px) {
body #asl-storelocator.asl-cont .sl-main-cont .asl-map-canv {
height: 400px;
}
}
body #asl-storelocator.asl-cont .asl-wrapper .sl-main-cont .asl-panel-inner .sl-main-cont-box .sl-list-wrapper .sl-list .sl-item {
padding: 24px 20px !important;
}
#asl-storelocator .sl-container {
max-width: none !important
}
#asl-storelocator .search_filter label {
display: none;
}
body #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section {
background-color: #fcf3eb !important;
}
#asl-storelocator .sl-addr-list-title a {
font-family: 'Spectral';
font-weight: 500;
letter-spacing: -1px;
font-size: 23px !important;
color: #263045;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#asl-storelocator .sl-addr-list-title a:hover {
color: #b66751;
}
#asl-storelocator .top-title.Num_of_store {
display: none !important;
}
.map-image .infoWindow h3 a {
font-family: 'Spectral';
font-size: 18px !important;
font-weight: 600;
letter-spacing: -0.5px;
margin-bottom: 8px;
color: #263045;
}
body #asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .addr-loc ul li span {
color: #8f8f8f !important;
font-weight: 600;
line-height: 1.2em;
}
body #asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .addr-loc ul li a {
font-weight: 600;
line-height: 1.2em;
}
body #asl-storelocator.asl-cont .asl-wrapper .sl-main-cont .asl-panel-inner .sl-main-cont-box .sl-list-wrapper .sl-list .sl-item .sl-desc p {
margin: 12px 0 0 0;
}
body #asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .sl-addr-list-title {
margin-bottom: 14px;
}
.asl-cont a.map-book-now {
font-size: 11px !important;
line-height: 12px;
font-style: normal !important;
font-family: 'Mulish';
letter-spacing: 1.25px;
background: #b66751;
font-weight: 700;
border: 1px solid #b66751;
padding: 12px 24px 12px;
border-radius: 22px;
margin-right: 5px;
text-transform: uppercase;
display: inline-block;
color: #FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.asl-cont a.map-book-now:hover {
background: #dd8e6f;
border: 1px solid #dd8e6f;
color: #FFF;
}
.asl-cont a.map-giftcard {
font-size: 11px !important;
line-height: 12px;
font-style: normal !important;
font-family: 'Mulish';
font-weight: 700;
letter-spacing: 1.25px;
background: #FFF;
border: 1px solid #b66751;
padding: 12px 24px 12px;
border-radius: 22px;
text-transform: uppercase;
display: inline-block;
color: #b66751;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.asl-cont a.map-giftcard:hover {
background: #dd8e6f;
border: 1px solid #dd8e6f;
color: #FFF;
}
@media only screen and (min-width : 767px) and (max-width : 1248px) {
.asl-cont a.map-book-now {
margin-bottom: 6px;
}
}
@media only screen and (max-width: 767px) {
.asl-cont a.map-book-now {
margin-bottom: 6px;
}
}
/*
body main #asl-storelocator.container.storelocator-main.asl-p-cont.asl-template-0 {
max-width: none !important;
overflow: visible;
}
body #asl-storelocator.asl-p-cont.container .panel-inner .sl-item .glyphicon {
color: #263045;
}
body #asl-storelocator.asl-p-cont .asl-buttons {
justify-content: left;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 6px;
}
body #asl-storelocator.asl-p-cont .asl-buttons .zoomhere {
display: none;
}
body #asl-storelocator.asl-p-cont .asl-buttons .directions {
font-size: 14px !important;
background: #263045 !important;
font-family: 'gotham_htfbold', sans-serif;
text-transform: uppercase;
padding: 6px 12px !important;
color: #FFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
body #asl-storelocator.asl-p-cont .asl-buttons .directions:hover {
background: #ffc500 !important;
color: #FFF;
}
body #asl-storelocator.asl-p-cont #style_1.infoWindow a.action {
width: calc(100% - 20px);
}
body.find-a-store #asl-storelocator.container.storelocator-main.asl-p-cont.asl-template-0 {
max-width: 100% !important;
overflow: visible !important;
}
body .asl-advance-filters {
display: none;
}
body .loc-map-list-wrapper {
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1) !important;
box-shadow: 0 0 20px 0 rgba(0,0,0,.1) !important;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .adropdown-menu > .active > a {
background: #FFC502;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .Num_of_store {
background: #263045;
text-align: center;
font-size: 15px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 #style_1.infoWindow .distance {
display: none;
}
.asl-print-btn {
display: none !important;
}
body #asl-storelocator.asl-p-cont .Filter_section {
background: none !important;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .search_filter .form-control {
color: #4D4D4D;
font-size: 17px;
padding: 22px 18px !important;
border: 1px solid #FFF !important;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
float: left;
width: calc(100% - 172px) !important;
min-width: calc(100% - 172px) !important;
}
body #asl-storelocator.asl-p-cont.asl-template-0 .col-xs-12.search_filter {
overflow: visible;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 30px;
}
body #asl-storelocator.asl-p-cont.storelocator-main .Filter_section .col-xs-12.search_filter .sl-search-group span.span-geo {
width: 160px;
margin-left: 12px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .col-xs-12.search_filter .sl-search-group span.span-geo {
background: #263045;
border-radius: 5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .col-xs-12.search_filter .sl-search-group span.span-geo:hover {
background: #FFC502;
}
body #asl-storelocator.asl-p-cont.asl-template-0 .search_filter .sl-search-group span.span-geo i {
font-size: 19px;
line-height: 45px;
font-family: interstate-compressed, sans-serif;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 #asl-list.storelocator-panel {
margin-right: 0px;
border: none;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-inner .sl-item .addr-sec .p-title {
color: #333;
font-weight: 700;
font-size: 16px;
}
body #asl-storelocator.asl-p-cont .Num_of_store span {
font-family: interstate-compressed, sans-serif;
text-transform: uppercase;
font-size: 21px;
}
body #asl-storelocator.asl-p-cont #asl-list.storelocator-panel .sl-item {
padding: 15px 20px 22px 20px;
}
body #asl-storelocator.asl-p-cont.asl-template-0 .panel-inner .p-area {
font-size: 14px;
}
body #asl-storelocator.asl-p-cont.container.storelocator-main .sl-item a {
font-size: 14px !important;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .store-locator a.btn {
background: #FFC502;
font-family: 'gotham_htfbold', sans-serif;
text-transform: uppercase;
margin-top: 8px;
margin-left: 8px;
margin-bottom: 7px;
border-radius: 20px;
padding: 8px 20px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .store-locator a.btn:hover {
background: #bb8d0b;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 #style_1.infoWindow .address, body #asl-storelocator.asl-p-cont.asl-bg-0 #style_1.infoWindow .phone > a {
font-size: 14px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 #style_1.infoWindow > h3 {
color: #4D4D4D;
font-family: 'gotham_htfbold', sans-serif;
font-size: 16px;
padding: 12px 18px 6px;
width: 100%;
}
body #asl-storelocator .info-box-cont {
padding-left: 6px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 #style_1.infoWindow {
top: -18px;
position: relative;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont .btn.btn-asl {
font-size: 14px !important;
background: #263045;
font-family: 'gotham_htfbold', sans-serif;
text-transform: uppercase;
margin-top: 0px;
margin-left: 8px;
margin-bottom: 5px;
border-radius: 4px;
padding: 8px 20px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .panel-cont .btn.btn-asl:hover {
background: #ffc500;
}
body #asl-storelocator.asl-p-cont .asl-clear-btn {
top: 7px;
right: 180px;
}
body #asl-storelocator.asl-p-cont.asl-bg-0 .Filter_section {
padding-top: 10px;
}
*/
/*------------------------------------*\
Product Slider
\*------------------------------------*/
.product-slider-top {
margin-left: 8%;
margin-right: 8%;
margin-bottom: 10px;
}
.product-slider {
margin-left: calc(8% - 12px);
}
.product-slide {
padding: 0px;
margin-right: 17px;
margin-left: 17px;
}
.product-slide {
padding: 0px;
overflow: visible;
}
.product-slide-lower {
padding: 5px 0px 0px;
}
.product-slide-img-wrapper {
display: flex;
align-items: center;
margin-bottom: 14px
}
.product-slide-img-wrapper img {
border: 6px solid #FFF;
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
border-radius: 20px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.product-slide-img-wrapper img:hover {
opacity: .7;
}
.product-slide p {
font-size: 30px;
color: #263045;
letter-spacing: -1px;
font-family: 'Spectral';
font-style: italic;
margin-bottom: 16px !important;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.product-slide p:hover {
color: #263045;
}
.product-slide-perma {
font-size: 10px;
line-height: 12px;
letter-spacing: 1.25px;
font-family: 'Mulish';
font-weight: 700;
background: #b66751;
padding: 12px 20px;
color: #FFF;
border-radius: 19px;
text-transform: uppercase;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.product-slide-perma:hover {
color: #FFF;
background: #dd8e6f;
}
.product-slider .slick-list {
padding-left: 0px !important;
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.product-slider .slick-prev {
display: none !important;
}
.product-top {
display: flex;
}
.product-left {
width: 40%;
}
.product-left {
width: 60%;
}
.product-title {
font-family: 'Spectral';
font-size: 30px;
letter-spacing: -1px;
color: #263045;
margin-bottom: 12px;
}
.product-desc {
font-size: 15px;
margin-bottom: 0px;
}
#lightcase-content {
border-radius: 20px;
}
@media only screen and (max-width: 767px) {
.product-slide p {
font-size: 24px;
}
}
/*------------------------------------*\
Careers
\*------------------------------------*/
.benefits1 ul, .benefits2 ul, .benefits3 ul {
list-style: none;
margin: 0;
padding: 0;
}
.benefits1 li, .benefits2 li, .benefits3 li {
font-size: 22px;
font-family: 'Spectral';
letter-spacing: -1px;
color: #263045;
margin-bottom: 24px;
padding-left: 36px;
padding-top: 1px;
}
.benefits1 li:nth-of-type(1) {
background: url('img/icon-9.svg') no-repeat;
background-position-y: -1px;
}
.benefits1 li:nth-of-type(2) {
background: url('img/icon-8.svg') no-repeat;
background-position-y: -1px;
}
.benefits1 li:nth-of-type(3) {
background: url('img/icon-7.svg') no-repeat;
background-position-y: -3px;
}
.benefits2 li:nth-of-type(1) {
background: url('img/icon-6.svg') no-repeat;
background-position-y: -1px;
}
.benefits2 li:nth-of-type(2) {
background: url('img/icon-5.svg') no-repeat;
background-position-y: -1px;
}
.benefits2 li:nth-of-type(3) {
background: url('img/icon-4.svg') no-repeat;
background-position-y: -3px;
}
.benefits3 li:nth-of-type(1) {
background: url('img/icon-3.svg') no-repeat;
background-position-y: -1px;
}
.benefits3 li:nth-of-type(2) {
background: url('img/icon-2.svg') no-repeat;
background-position-y: -1px;
}
.benefits3 li:nth-of-type(3) {
background: url('img/icon-1.svg') no-repeat;
background-position-y: -3px;
}
/* GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
.benefits1 li, .benefits2 li, .benefits3 li {
font-size: 18px;
}
}
@media only screen and (max-width: 1360px) {
.benefits1 li, .benefits2 li, .benefits3 li {
font-size: 20px;
}
}
@media only screen and (max-width: 940px) {
.benefits1 li, .benefits2 li, .benefits3 li {
font-size: 18px;
}
}
/*------------------------------------*\
Single Location
\*------------------------------------*/
.location-form-coming-soon-wrapper {
background: #bacad9;
border-radius: 20px;
margin-bottom: 80px;
margin-top: 36px;
padding: 30px;
}
body.single h1 {
font-size: 52px;
line-height: 1em;
}
body.single.page-hero .before-h1 {
margin-bottom: 10px;
}
body.single-location .header {
background: #FFF;
}
@media only screen and (max-width: 767px) {
body.single h1 {
font-size: 38px;
line-height: 1.15em;
}
}
.loc-desc {
margin-top: 30px;
font-size: 12px;
line-height: 1.6em;
}
.location-socials a {
margin-top: 4px;
display: inline-block;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.location-socials a:hover {
opacity: .7;
}
.location-deal {
position: absolute;
top: 0;
left: 0;
width: 162px;
height: 162px;
background: url('img/fiveoff.svg') no-repeat;
z-index: 10;
}
.single-location-details h4 {
margin-bottom: 10px;
}
.loc-directions {
margin-top: 6px;
margin-bottom: 30px;
}
.loc-directions a {
text-transform: uppercase;
font-family: 'Mulish';
color: #b66751;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.loc-directions a:hover {
color: #0069ce;
}
.loc-phone a, .loc-email a {
font-family: 'Mulish';
color: #b66751;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.loc-phone a:hover, .loc-email a:hover {
color: #dd8e6f;
}
.loc-hours p {
margin-bottom: 4px;
}
.loc-hours p span {
font-family: 'Mulish';
display: inline-block;
width: 120px;
}
@media only screen and (max-width: 1020px) {
.loc-hours p span {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.loc-hours p span {
width: 120px;
}
}
.loc-services-btns .btn1, .loc-services-btns .btn2 {
width: 100%;
text-align: center;
margin-bottom: 12px;
}
.location-slider {
position: relative;
left: -2px;
width: calc(100% + 4px);
}
.location-slider img {
border-left: 2px solid #FFF;
border-right: 2px solid #FFF;
}
.team-wrapper {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.single .team-wrapper {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.team-member-block {
text-align: center;
}
.team-member-block img {
border-radius: 50%;
border: 4px solid #FFF;
}
.team-member-block .post-link {
position: relative;
display: inline-block;
}
.team-member-block .post-link:hover .mask {
opacity: 1;
}
.team-member-block .mask {
opacity: 0;
position: absolute;
background: rgba(38, 96, 147, 0.66);
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: 4px solid #FFF;
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
font-size: 12px;
letter-spacing: .5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.team-member-name {
margin-top: 10px;
font-size: 16px;
margin-bottom: 6px;
font-family: 'Mulish';
color: #263045;
}
.team-member-title {
font-family: 'Mulish';
font-size: 12px;
line-height: 12px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.team-member-location {
color: #8ca9d8;
font-size: 10px;
text-transform: uppercase;
font-family: 'Mulish';
}
.team-member-name-pop {
font-family: 'Mulish';
color: #263045;
margin-top: 10px;
font-size: 24px;
margin-bottom: 16px;
}
@media only screen and (max-width: 1020px) {
.own-a-frenchies .team-wrapper {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.location-col-hours, .location-col-services {
margin-top: 30px;
}
.team-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.single .team-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.own-a-frenchies .team-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 480px) {
.location-col-hours, .location-col-services {
margin-top: 30px;
}
.team-wrapper {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.single .team-wrapper {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.own-a-frenchies .team-wrapper {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
/* VC FAQ */
body .vc_toggle {
padding-bottom: 10px;
margin-bottom: 14px;
}
body .vc_toggle_title {
background: #FFF;
padding: 20px 0px;
-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
border-radius: 34px;
}
.faq-left-col {
padding-bottom: 0px !important;
}
body .vc_toggle:last-of-type {
margin-bottom: 0px;
}
.vc_toggle_title>h4 {
font-family: 'Mulish';
font-weight: 600;
font-size: 17px;
color: #263045;
letter-spacing: 0px;
padding-right: 20px;
line-height: 1.3em !important;
display: inline-block !important;
margin-bottom: 0px !important;
}
.vc_toggle_title>h4:hover {
color: #b66751;
}
.vc_toggle_active h4 {
color: #263045;
}
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon {
left: calc(100% - 46px);
}
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_content, .vc_toggle_size_md.vc_toggle_default .vc_toggle_title {
padding-left: 34px;
padding-right: 26px;
margin-bottom: 0px;
}
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon {
background: #8ca9d8 !important;
width: 13px;
margin-left: 5px;
height: 1px;
border: 1px solid #b66751;
}
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::before {
height: 13px;
width: 1px;
}
body .vc_toggle_default .vc_toggle_icon::before {
border: 1px solid #b66751;
}
body .vc_toggle_default .vc_toggle_icon::after {
background: #b66751 !important;
}
body .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::after {
width: 14px;
}
body .vc_toggle:last-of-type {
border-bottom: none !important;
}
/* Reviews */
.grw-review.review1, .grw-review.review2, .grw-review.review3 {
display: none;
}
.review-subtext {
padding-left: 15%;
padding-right: 15%;
}
body .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
background: #FFF !important;
-webkit-box-shadow: 0 0 20px 0 rgba(73,128,184,.15) !important;
box-shadow: 0 0 20px 0 rgba(73,128,184,.15) !important;
border-radius: 20px !important;
}
body .wp-gr .wp-google-text {
color: #708094 !important;
font-size: 14px !important;
line-height: 20px !important;
}
body .wp-gr.wpac a.wp-google-name {
color: #263045 !important;
font-size: 14px !important;
}
body .wp-gr.wpac .wp-google-left img {
width: 40px !important;
height: 40px !important;
box-shadow: none !important;
}
body .wp-gr .wp-google-time {
color: #555 !important;
font-size: 11px !important;
line-height: 11px !important;
}
body .wp-gr[data-layout="slider"] .grw-reviews {
margin: 0 20px !important;
padding: 20px 0px 20px !important;
overflow-x: scroll !important;
flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
scroll-snap-type: x mandatory !important;
scroll-behavior: smooth !important;
-webkit-overflow-scrolling: touch !important;
}
body .wp-gr .grw-row-m .grw-review {
flex: 0 0 33.33%;
}
body .wp-gr .grw-header-inner, .wp-gr .grw-review-inner {
margin: 0 20px !important;
}
body .wp-gr .grw-header-inner, .wp-gr .grw-review-inner {
padding: 25px !important;
}
body .wp-google-text {
padding-right: 12px !important;
display: block;
}
body .grw-btns.grw-prev {
width: 46px !important;
height: 46px !important;
background: url('img/arrowleft.svg') no-repeat left top !important;
}
body .grw-btns.grw-prev svg {
display: none !important;
}
body .wp-gr .grw-btns.grw-prev {
margin-left: -20px !important;
top: -25px !important;
}
body .grw-btns.grw-next {
width: 46px !important;
height: 46px !important;
background: url('img/arrowright.svg') no-repeat left top !important;
}
body .grw-btns.grw-next svg {
display: none !important;
}
body .wp-gr .grw-btns.grw-next {
margin-right: -20px !important;
top: -25px !important;
}
body .wp-star svg path {
fill: #b66751 !important;
}
@media only screen and (max-width:767px) {
.review-subtext {
padding-left: 0%;
padding-right: 0%;
}
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
BLOG
\*------------------------------------*/
.category-events .blog-menu-wrapper {
visibility: hidden;
}
.blog-post-standard {
display: block;
background: #FFF;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
position: relative;
}
.blog-post-standard-content {
padding: 24px 20px 30px;
margin-bottom: 32px;
}
.blog-post-standard-event-date {
text-transform: uppercase;
color: #FFF;
margin-bottom: 4px;
position: absolute;
top: 0;
left: 0;
background: #6cbd45;
padding: 10px 24px;
font-family: 'Novecento-CondMedium';
font-size: 18px;
z-index: 10;
}
.blog-post-standard-title {
text-transform: uppercase;
margin-bottom: 8px;
}
.blog-post-standard-title a {
color: #000;
line-height: 1.3em;
display: inline-block;
}
.blog-post-standard-title a:hover {
color: #6cbd45;
}
.blog-post-standard img {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.blog-post-standard img:hover {
opacity: .8;
}
.blog-post-standard-exceprt {
color: #999999;
font-size: 13px;
line-height: 1.5em;
}
/* Blog Categoty Menu */
.blog-menu-wrapper .menu {
list-style: none;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
padding-left: 0px;
}
.blog-menu-wrapper .menu li {
display: inline-block;
margin-left: 25px;
margin-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
}
.blog-menu-wrapper .menu li a {
color: #0B0B0B;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.blog-menu-wrapper .menu li a:hover {
color: #6cbd45;
}
.blog-menu-wrapper .menu li.current-menu-item a, .blog-menu-wrapper .menu li.current_page_item a {
}
/* Blog Tiles */
.blog-post-wrap {
display: block;
position: relative;
overflow: hidden;
/* cursor: pointer; */
float: left;
width: 33.33%;
}
.blog-post-wrap.wide {
width: 66.66%;
}
.blog-post-wrap img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
width: 100%;
height: auto;
}
.blog-post-wrap:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.blog-post-wrap-mask {
z-index: 10;
background: rgba(233, 193, 77, 0);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
text-align: left;
opacity: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.blog-post-wrap:hover .blog-post-wrap-mask {
background: rgba(255, 192, 0, 0.6);
opacity: 1;
}
.blog-post-title {
font-size: 25px;
line-height: 27px;
color: #FFF;
text-transform: uppercase;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
}
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
/* MENU */
@media only screen and (max-width:1220px) {
.primary_nav_wrap ul a {
font-size: 12px;
padding: 0 13px;
}
}
@media only screen and (max-width:506px) {
.header-locations {
display: none;
}
}
@media only screen and (max-width:1140px) {
#toggle {
display: block;
}
#menu-desktop-menu {
display: none;
}
.header-locations {
margin-right: calc(3% + 64px);
}
}
/* GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 767px) {
.vc_row.vc_rtl-columns-reverse.vc_row-flex {
flex-direction: column-reverse;
}
/* .col { margin: 1% 0 1% 0%; } */
.col { margin-right: 0px;
}
.flex-grid {flex-flow: row wrap;}
.flex-grid.mobile-wrap-reverse {
flex-flow: wrap-reverse;
}
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12 {
width: 100%;
}
.col-full.span-1, .col-full.span-2, .col-full.span-3, .col-full.span-4, .col-full.span-5, .col-full.span-6, .col-full.span-7, .col-full.span-8, .col-full.span-9, .col-full.span-10, .col-full.span-11, .col-full.span-12 {
width: 100%;
}
/* Padding Top */
.mpt0 {padding-top: 0px;}
.mpt10 {padding-top: 10px;}
.mpt20 {padding-top: 20px;}
.mpt25 {padding-top: 25px;}
.mpt30 {padding-top: 30px;}
.mpt40 {padding-top: 40px;}
.mpt50 {padding-top: 50px;}
.mpt60 {padding-top: 60px;}
.mpt70 {padding-top: 70px;}
.mpt80 {padding-top: 80px;}
.mpt90 {padding-top: 90px;}
.mpt100 {padding-top: 100px;}
.mpt110 {padding-top: 110px;}
.mpt120 {padding-top: 120px;}
.mpt130 {padding-top: 130px;}
.mpt140 {padding-top: 140px;}
.mpt150 {padding-top: 150px;}
.mpt160 {padding-top: 160px;}
/* Padding Bottom */
.mpb0 {padding-bottom: 0px;}
.mpb10 {padding-bottom: 10px;}
.mpb20 {padding-bottom: 20px;}
.mpb25 {padding-bottom: 25px;}
.mpb30 {padding-bottom: 30px;}
.mpb40 {padding-bottom: 40px;}
.mpb50 {padding-bottom: 50px;}
.mpb60 {padding-bottom: 60px;}
.mpb70 {padding-bottom: 70px;}
.mpb80 {padding-bottom: 80px;}
.mpb90 {padding-bottom: 90px;}
.mpb100 {padding-bottom: 100px;}
.mpb110 {padding-bottom: 110px;}
.mpb120 {padding-bottom: 120px;}
.mpb130 {padding-bottom: 130px;}
.mpb140 {padding-bottom: 140px;}
.mpb150 {padding-bottom: 150px;}
.mpb160 {padding-bottom: 160px;}
/* Padding left */
.mpl0 {padding-left: 0px;}
.mpl10 {padding-left: 10px;}
.mpl20 {padding-left: 20px;}
.mpl25 {padding-left: 25px;}
.mpl30 {padding-left: 30px;}
.mpl40 {padding-left: 40px;}
.mpl50 {padding-left: 50px;}
.mpl60 {padding-left: 60px;}
.mpl70 {padding-left: 70px;}
.mpl80 {padding-left: 80px;}
.mpl90 {padding-left: 90px;}
.mpl100 {padding-left: 100px;}
.mpl110 {padding-left: 110px;}
.mpl120 {padding-left: 120px;}
.mpl130 {padding-left: 130px;}
.mpl140 {padding-left: 140px;}
.mpl150 {padding-left: 150px;}
.mpl160 {padding-left: 160px;}
/* Padding right */
.mpr0 {padding-right: 0px;}
.mpr10 {padding-right: 10px;}
.mpr20 {padding-right: 20px;}
.mpr25 {padding-right: 25px;}
.mpr30 {padding-right: 30px;}
.mpr40 {padding-right: 40px;}
.mpr50 {padding-right: 50px;}
.mpr60 {padding-right: 60px;}
.mpr70 {padding-right: 70px;}
.mpr80 {padding-right: 80px;}
.mpr90 {padding-right: 90px;}
.mpr100 {padding-right: 100px;}
.mpr110 {padding-right: 110px;}
.mpr120 {padding-right: 120px;}
.mpr130 {padding-right: 130px;}
.mpr140 {padding-right: 140px;}
.mpr150 {padding-right: 150px;}
.mpr160 {padding-right: 160px;}
.logo svg {
width: 228x;
height: auto;
}
/* header */
.header .logo {
margin-left: 5%;
}
.right-menu-wrapper {
top: 16px;
}
.header .button_container {
/* top: 19px; */
}
.right-menu-wrapper a {
display: none;
}
.overlay-menu li a {
}
.overlay-menu ul ul li a {
}
/* .overlay-menu li.current-menu-item a {
font-size: 26px;
line-height: 40px;
} */
.overlay-menu .blog-menu {
display: block;
}
.overlay-menu .start-a-project {
display: block;
}
/* Typography */
h1 {
font-size: 38px;
line-height: 1.15em;
letter-spacing: -2.5px;
}
h1 em {
letter-spacing: -2px;
}
.full-width-page-banner-content h1 {
font-size: 38px;
}
h2 {
font-size: 32px;
line-height: 1.15em;
}
h3 {
font-size: 33px;
line-height: 1.15em;
}
h6 {
font-size: 15px;
margin-bottom: 14px;
}
.page-hero .before-h1 {
font-size: 15px;
margin-bottom: 14px;
}
/* forms */
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
padding: 8px 11px;
}
body .gform_wrapper ul li.gfield {
margin-top: 20px !important;
}
body.start-a-project .gform_wrapper {
margin-top: 50px;
}
.photo-checkbox ul.gfield_checkbox {
width: 103.5%;
}
.gform_wrapper .photo-checkbox ul.gfield_checkbox li {
width: 33.33%;
}
.gform_wrapper .photo-checkbox ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
width: 90%;
}
.gform_wrapper .three-col-checkbox ul.gfield_checkbox li {
width: 100%;
}
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit] {
width: 100%;
padding: 13px;
}
}
/* PHONE (portrait and landscape) */
@media only screen and (max-width:480px) {
.mobile-dev-helper span.help-mobile {
display: block;
}
}
/* TABLET */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.mobile-dev-helper span.help-tablet {
display: block;
}
}
/* DESKTOP SMALL */
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
.mobile-dev-helper span.help-small-desktop {
display: block;
}
}
@media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
/* .alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
} */
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
/*------------------------------------*\
SLICK SLIDER JS
\*------------------------------------*/
/* Slider */
.slick-loading .slick-list
{
/* background: #fff url('img/ajax-loader.gif') center center no-repeat; */
}
/* Icons */
/* @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('fonts/slick.eot');
src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
} */
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
z-index: 10;
display: block;
width: 46px;
height: 46px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
/*.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}*/
.slick-prev
{
left: 20px;
background: url('img/arrowleft.svg') no-repeat left top;
}
[dir='rtl'] .slick-prev
{
right: 0px;
left: auto;
}
/*.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}*/
.slick-next
{
right: 20px;
background: url('img/arrowright.svg') no-repeat left top;
}
[dir='rtl'] .slick-next
{
right: auto;
left: 0px;
}
/*.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}*/
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
margin-top: 50px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 9px;
height: 12px;
margin: 0 3px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 12px;
height: 12px;
padding: 4px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
border: 2px solid #CCCCCC;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.slick-dots li.slick-active button {
background: #CCCCCC;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
/*font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;*/
}
.slick-dots li.slick-active button:before
{
/*opacity: .75;
color: black;*/
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
outline: none;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
/* display: block; */
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
/* display: flex; */
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/**
* Lightcase - jQuery Plugin
* The smart and flexible Lightbox Plugin.
*
* @author Cornel Boppart
* @copyright Author
*
* @version 2.5.0 (11/03/2018)
*/
/**
* Lightcase settings
*
* Note: Override default settings for your project without touching this source code by simply
* defining those variables within a SASS map called '$lightcase-custom'.
*
* // Example usage
* $lightcase-custom: (
* 'breakpoint': 768px
* );
*/
@font-face {
font-family: 'lightcase';
src: url("fonts/lightcase.eot?55356177");
src: url("fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("fonts/lightcase.woff?55356177") format("woff"), url("fonts/lightcase.ttf?55356177") format("truetype"), url("fonts/lightcase.svg?55356177#lightcase") format("svg");
font-weight: normal;
font-style: normal;
}
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*='lightcase-icon-']:before {
font-family: 'lightcase', sans-serif;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
content: '\e800';
}
/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
content: '\e801';
}
/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
content: '\e802';
}
/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
content: '\e803';
}
/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
content: '\e804';
}
/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
content: '\e805';
}
/**
* Mixin providing icon defaults to be used on top of font-lightcase.
*
* Example usage:
* @include icon(#e9e9e9)
*/
/**
* Mixin providing icon defaults including a hover status to be used
* on top of font-lightcase.
*
* Example usage:
* @include icon-hover(#e9e9e9, #fff)
*/
/**
* Provides natural content overflow behavior and scrolling support
* even so for touch devices.
*
* Example usage:
* @include overflow()
*/
/**
* Neutralizes/resets dimensions including width, height, position as well as margins,
* paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
*
* Example usage:
* @include clear(true)
*
* @param boolean $important
*/
@-webkit-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case {
display: none;
position: fixed;
z-index: 2002;
top: 50%;
left: 50%;
}
@media screen and (max-width: 640px) {
/* line 16, ../scss/components/modules/_case.scss */
html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: 0 !important;
padding: 55px 0 70px 0;
width: 100% !important;
height: 100% !important;
overflow: auto !important;
}
}
@media screen and (min-width: 641px) {
/* line 4, ../scss/components/modules/_content.scss */
html:not([data-lc-type=error]) #lightcase-content {
position: relative;
z-index: 1;
text-shadow: none;
background-color: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-webkit-backface-visibility: hidden;
}
}
@media screen and (min-width: 641px) {
/* line 23, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
background-color: #333;
}
}
/* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
@media screen and (max-width: 640px) {
/* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 4% !important;
padding: 0 !important;
border: none !important;
background: #FFF !important;
}
}
/* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 640px) {
/* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
padding: 15px 15px;
}
/* line 52, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
width: 100% !important;
max-width: none !important;
}
/* line 59, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
height: auto !important;
max-height: none !important;
}
}
@media screen and (max-width: 640px) {
/* line 70, ../scss/components/modules/_content.scss */
html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width: 640px) and (min-width: 641px) {
/* line 74, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
line-height: 0.75;
}
}
/* line 82, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
position: relative;
overflow: hidden !important;
}
@media screen and (max-width: 640px) {
/* line 91, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 20px 15px !important;
border: none !important;
background: none !important;
}
}
@media screen and (min-width: 641px) {
/* line 100, ../scss/components/modules/_content.scss */
html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
padding: 30px;
overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width: 640px) {
/* line 117, ../scss/components/modules/_content.scss */
#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
color: #FFF;
}
#lightcase-content .person-name {
color: #FFF;
}
#lightcase-content .person-title {
color: #FFF;
margin-bottom: 30px;
}
}
@media screen and (min-width: 641px) {
/* line 117, ../scss/components/modules/_content.scss */
#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
/* color: #333; */
}
}
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
margin: 0;
font-size: 17px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #aaa;
}
@media screen and (max-width: 640px) {
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
padding: 30px 0;
}
}
@media screen and (min-width: 641px) {
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
padding: 0;
}
}
/* line 4, ../scss/components/modules/_global.scss */
.lightcase-open body {
overflow: hidden;
}
/* line 8, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
max-width: 100%;
max-height: 100%;
}
/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
position: absolute;
padding-top: 15px;
}
/* line 9, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
margin: 0;
padding: 0;
line-height: 1.5;
font-weight: normal;
text-overflow: ellipsis;
}
/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
font-size: 17px;
color: #aaa;
}
@media screen and (max-width: 640px) {
/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
position: fixed;
top: 10px;
left: 0;
max-width: 87.5%;
padding: 5px 15px;
background: #333;
}
}
/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
clear: both;
font-size: 13px;
color: #aaa;
}
/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
font-size: 11px;
color: #aaa;
}
@media screen and (max-width: 640px) {
/* line 45, ../scss/components/modules/_info.scss */
.lightcase-fullScreenMode #lightcase-info {
padding-left: 15px;
padding-right: 15px;
}
/* line 51, ../scss/components/modules/_info.scss */
html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
position: static;
}
}
/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
position: fixed;
z-index: 2001;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
opacity: 1;
font-size: 32px;
text-shadow: 0 0 15px #fff;
-moz-transform-origin: 50% 53%;
-webkit-animation: lightcase-spin 0.5s infinite linear;
-moz-animation: lightcase-spin 0.5s infinite linear;
-o-animation: lightcase-spin 0.5s infinite linear;
animation: lightcase-spin 0.5s infinite linear;
}
/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-loading, #lightcase-loading:focus {
text-decoration: none;
color: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out 0.25s;
-moz-transition: color, opacity, ease-in-out 0.25s;
-o-transition: color, opacity, ease-in-out 0.25s;
transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-loading > span {
display: inline-block;
text-indent: -9999px;
}
/* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
outline: none;
cursor: pointer;
}
/* line 20, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
text-decoration: none;
color: rgba(255, 255, 255, 0.6);
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out 0.25s;
-moz-transition: color, opacity, ease-in-out 0.25s;
-o-transition: color, opacity, ease-in-out 0.25s;
transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'] > span {
display: inline-block;
text-indent: -9999px;
}
/* line 49, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-']:hover {
color: white;
text-shadow: 0 0 15px white;
}
/* line 10, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
color: #aaa;
text-shadow: none;
}
/* line 17, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-close {
position: fixed;
top: 15px;
right: 15px;
bottom: auto;
margin: 0;
opacity: 0;
outline: none;
}
/* line 28, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-prev {
left: 15px;
}
/* line 33, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-next {
right: 15px;
}
/* line 38, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
left: 50%;
margin-left: -0.5em;
}
@media screen and (min-width: 641px) {
/* line 38, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
opacity: 0;
}
}
@media screen and (max-width: 640px) {
/* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
bottom: 15px;
font-size: 24px;
}
}
@media screen and (min-width: 641px) {
/* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
bottom: 50%;
margin-bottom: -0.5em;
}
/* line 57, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
opacity: 1;
}
}
/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
display: none;
width: 100%;
min-height: 100%;
position: fixed;
z-index: 2000;
top: -9999px;
bottom: -9999px;
left: 0;
background: rgba(0,0,0,.9);
}
@media screen and (max-width: 640px) {
/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
opacity: 1 !important;
}
}