CSS

[css
FONT1=”Fjalla One, sans-serif”
FONT2=”Catamaran, sans-serif”
MUSTARD=”#f3c249″
CYAN=”#67c7f1″
COBALT=”#51a7dd”
MAUVE=”#695ba7″
VIOLET=”#37469d”
ORANGE=”#f6901e”
TEAL=”#a4813e”
DARKGRAY=”#d9d9d9″
GRAY=”#e7e7e7″
LIGHTGRAY=”#f3f3f3″
BLACK=”#000000″
WHITE=”#FFFFFF”
HEADERBG=”background: -moz-linear-gradient(180deg, #F3F3F3 0, #F3F3F3 55%, #E7E7E7 55%, #E7E7E7 70%, #D9D9D9 70%);
background: -webkit-gradient(linear, 180deg, color-stop(0, F3F3F3), color-stop(55%, F3F3F3), color-stop(55%, E7E7E7), color-stop(70%, E7E7E7), color-stop(70%, D9D9D9));
background: -webkit-linear-gradient(180deg, #F3F3F3 0, #F3F3F3 55%, #E7E7E7 55%, #E7E7E7 70%, #D9D9D9 70%);
background: -o-linear-gradient(180deg, #F3F3F3 0, #F3F3F3 55%, #E7E7E7 55%, #E7E7E7 70%, #D9D9D9 70%);
background: -ms-linear-gradient(180deg, #F3F3F3 0, #F3F3F3 55%, #E7E7E7 55%, #E7E7E7 70%, #D9D9D9 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=”#1301FE”, endColorstr=”#F4F60C”, GradientType=”1″);
background: linear-gradient(180deg, #F3F3F3 0, #F3F3F3 55%, #E7E7E7 55%, #E7E7E7 70%, #D9D9D9 70%);”
]
/* DEFAULT RULES */
#wpadminbar {
display: none !important;
}body {
font-family: %FONT1%;
}a {
color: %VIOLET%;
}a:hover {
color: %COBALT%;
}h1, h1 a {
color: %BLACK%;
font-family: %FONT1%;
font-size: 48px;
line-height: 64px;
margin: 25px 0;
}h2 {
color: %BLACK%;
font-family: %FONT1%;
font-size: 42px;
line-height: 46px;
margin: 40px 0 25px 0;
}h3 {
color: %BLACK%;
font-family: %FONT1%;
font-size: 30px;
line-height: 38px;
margin: 40px 0 25px 0;
}h4 {
font-family: %FONT2%;
color: %BLACK%;
font-size: 24px;
line-height: 32px;
margin: 25px 0;
}p {
font-family: %FONT2%;
color: %BLACK%;
font-size: 18px;
line-height: 26px;
margin: 15px 0;
}ul {
list-style-type: none;
}ul li, ol li {
font-family: %FONT2%;
color: %BLACK%;
font-size: 18px;
line-height: 26px;
}ul.icon li::before {
content: “\f1fc”;
margin-right: 15px;
font-family: FontAwesome;
font-size: 14px;
color: %TEAL%;
}.row {
margin: 0 auto;
max-width: 87%;
width: 87%;
}.contain-to-grid {
background: none !important;
}.contain-to-grid .top-bar {
max-width: 75em;
}.page-wrapper {
max-width: 100%;
clear: both;
}
/* HEADER & NAV & SLIDER RULES */
.header-flare {
position:absolute;
top: 0;
right: 0;
width: 100px;
z-index: 9999;
}.flare-one,
.flare-two,
.flare-three,
.flare-four,
.flare-five,
.flare-six {
position: absolute;
right: 0;
width: 7px;
height: 26px;
animation-duration: 2s;
}.flare-one.no-animation,
.flare-two.no-animation,
.flare-three.no-animation,
.flare-four.no-animation,
.flare-five.no-animation,
.flare-six.no-animation {
animation-duration: 0s;
}.flare-one{
top: 0px;
background: %MUSTARD%;
animation-name: flare-one-go;
}@keyframes flare-one-go {
0% {width: 50px;}
50% {width: 50px;}
100% {width: 7px;}
}.flare-two{
top: 26px;
background: %CYAN%;
animation-name: flare-two-go;
}@keyframes flare-two-go {
0% {width: 80px;}
50% {width: 80px;}
100% {width: 7px;}
}.flare-three{
top: 52px;
background: %COBALT%;
animation-name: flare-three-go;
}@keyframes flare-three-go {
0% {width: 70px;}
50% {width: 70px;}
100% {width: 7px;}
}.flare-four{
top: 78px;
background: %MAUVE%;
animation-name: flare-four-go;
}@keyframes flare-four-go {
0% {width: 100px;}
50% {width: 100px;}
100% {width: 7px;}
}.flare-five{
top: 104px;
background: %VIOLET%;
animation-name: flare-five-go;
}@keyframes flare-five-go {
0% {width: 80px;}
50% {width: 80px;}
100% {width: 7px;}
}.flare-six{
top: 130px;
background: %ORANGE%;
animation-name: flare-six-go;
}@keyframes flare-six-go {
0% {width: 60px;}
50% {width: 60px;}
100% {width: 7px;}
}.fullwidth-navigation.active .top-bar {
height: 100%;
}.navigation-wrapper {
justify-content: center;
text-align: center;
background: white;
padding: 15px 0 0 0;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 5%);
}.header-company-title a {
font-family: %FONT1%;
font-weight: normal;
text-decoration: none;
font-size: 1.2em;
color: #252525;
text-decoration: none;
float: left;
width: 100%;
text-align: left;
margin: 30px 0 5px 0;
}header.header-wrapper {
position: relative;
background: %HEADERBG%;
}header.header-wrapper.header-inner {
background: %LIGHTGRAY%;
padding-bottom: 60px;
}.row.header-bar {
display: flex;
align-items: center;
padding: 20px 0;
}.logo-wrapper {
display: inline-block;
width: 11%;
padding-right: 10px;
}.company-details {
display: inline-block;
vertical-align: middle;
width: auto;
max-width: 88%;
}.company-details h1 {
margin: 0;
line-height: 1.1;
color: #c4a44e;
}.company-details h1 a {
margin: 25px 0 0 0;
font-size: 1.4vw;
letter-spacing: 0.2vw;
line-height: .9;
color: #c4a44e;
display: block;
}.company-details p {
font-family: %FONT2%;
font-size: 0.85vw;
margin: 0;
color: #c4a44e;
}.top-bar {
background: none;
display: inline-block;
}.top-bar-section ul li {
background: none;
}.top-bar-section li:not(.has-form) a:not(.button) {
background: none;
color: %BLACK%;
font-size: 14px;
text-transform: uppercase;
padding: 0 0.55vw;
font-family: %FONT2%;
letter-spacing: 0px;
position: relative;
}.top-bar-section ul li:hover:not(.has-form)>a,
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
background: none;
color: %BLACK%;
padding: 0px 10px;
padding: 0 0.55vw;
}.top-bar-section .has-dropdown>a:after {
content: “”;
display: block;
width: 0;
height: 0;
border: inset 4px;
border-color: %BLACK% transparent transparent transparent;
border-top-style: solid;
margin-top: -2.5px;
margin-right: 0px;
top: 22.5px;
right: 20px;
}.header-cta {
justify-content: flex-end;
}.header-cta span {
padding-right: 5px;
font-family: %FONT2%;
font-size: 1vw;
color: #c4a44e;
}a.header-phone {
font-family: %FONT1%;
font-size: 1.2vw;
color: #c4a44e;
}.top-bar-section .dropdown li {
width: 50%;
}.located-in {
padding: 15px 0;
font-family: %FONT2%;
font-size: 18px;
}.row.slider-row, .row.tagline-row {
max-width: 117em;
}.slider-wrapper{
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 5%);
}.slick-header-slider.slick-initialized {
opacity: 1;
}.slick-header-slider {
opacity: 0;
}.tagline-row {
padding: 2vh 0;
}
/* FOOTER RULES */
.footer-wrapper {
background: %WHITE%;
width: 100%;
font-family: %FONT2%;
padding-top: 12vh;
padding-bottom: 12vh;
}.footer-inner-wrapper {
margin: 0 auto;
padding: 25px 0 0 0;
}.footer-inner-wrapper h1 {
padding: 0 0 25px 0;
}.footer-inner {
display: flex;
align-items: center;
z-index: 99;
position: relative;
}.footer-address p, .footer-hours p {
margin: 0;
font-size: 15px;
color: %BLACK%;
font-family: %FONT2%;
line-height: 20px;
}.footer-hours {
margin-top: 18px;
}.footer-payment img {
margin: 0 5px 5px 0;
}.footer-social .fa {
color: %BLACK%;
font-size: 24px;
margin: 0 1.2vw;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}.footer-social .fa:hover {
color: %ORANGE%;
}.footer-wrapper h2 {
font-size: 24px;
font-weight: normal;
line-height: initial;
margin: 0px 0 20px 0;
}.lnm-logo img {
max-width: 180px;
}.disclaimer {
padding-top: 18px;
font-family: %FONT1%;
}.disclaimer P {
font-size: 14px;
font-family: %FONT2%;
}
/* GENERAL RULES */
.first-strip-child{
margin: 3px;
}.gallery-wrapper h2 {
text-align: center;
font-size: 30px;
}.sub-heading {
display: block;
font-family: %FONT2%;
color: %BLACK%;
font-size: 20px;
font-weight: 700;
line-height: 28px;
margin: 25px 0;
}.margin-bottom-xs {
margin-bottom: 5px;
}.row.row-content {
margin: 0 auto;
max-width: 80%;
width: 80%;
}.home-first-strip {
border-top: 1px solid %GRAY%;
border-bottom: 1px solid %GRAY%;
background: %DARKGRAY%;
}.home-img-01 {
padding: 100px;
border: 5px solid %DARKGRAY%;
background: %WHITE%;
}.home-left-border {
border-left: 1px solid %GRAY%;
}.home-right-border {
border-right: 1px solid %GRAY%;
}.box-padding {
padding: 50px 75px;
}.badge-strip {
padding: 100px 50px;
background: url(%THEME%/images/badges-bg.jpg) 50% 50%;
background-size: cover;
}.badge-strip::before {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%; height: 100%;
background: %BLACK%;
opacity: 0.45;
z-index: 0;
}.badge-holder {
position: relative;
z-index: 1;
}.badge-strip img {
margin: 0 2vw;
}.home-background-strip {
padding: 75px;
background: url(%THEME%/images/home-img2.jpg) 50% 50%;
background-size: cover;
}.white-box {
padding: 85px;
background: %WHITE%;
}.cta-strip {
padding: 350px 75px 100px 75px;
background: url(%THEME%/images/home-img3.jpg) 50% 50%;
background-size: cover;
}.cta-text {
position: relative;
padding: 50px 75px;
background: %TEAL%80;
z-index: 1;
}.cta-text::after {
content: “”;
position: absolute;
top: 20px;
left: 20px;
width: 100%; height: 100%;
background: %TEAL%80;
z-index: -1;
}.cta-text H2 {
text-transform: uppercase;
}.about-background-strip {
padding: 125px 100px;
background: url(%THEME%/images/about-img2.jpg) 50% 50%;
background-size: cover;
}.interior-first-strip {
border-top: 1px solid %GRAY%;
border-bottom: 1px solid %GRAY%;
background: %LIGHTGRAY%;
padding: 5px 0;
}.interior-img-01 {
padding: 100px;
border: 5px solid %LIGHTGRAY%;
background: %WHITE%;
}.vertical-padding-large {
padding-top: 6em!important;
padding-bottom: 6em!important;
}.vertical-padding-medium {
padding-top: 4em!important;
padding-bottom: 4em!important;
}.vertical-padding-small {
padding-top: 2em!important;
padding-bottom: 2em!important;
}.vertical-center{
display: flex;
align-items: center;
justify-content: center;
}.top-padding-small{
padding-top: 50px !important;
}.default-box {
padding: 50px;
}.text-box {
padding: 125px;
}.text-box-smaller {
padding: 100px;
}.text-box-smallest {
padding: 75px 100px;
}.image-box{
padding: 25px;
}.btn-1{
background: %TEAL%;
color: black;
font-family: %FONT1%;
font-size: 18px;
letter-spacing: 1px;
padding: 25px 70px;
margin: 2rem 0;
transition: all .5s ease;
}.btn-1:hover{
background: %VIOLET%;
color: %WHITE%;
}.btn-1:focus {
background: %VIOLET%;
}.svc-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}.svc-box .btn-1 {
margin-top: auto;
max-width: 270px;
}.btn-2{
background: #a4813e;
color: #000000;
font-family: %FONT1%;
font-size: 18px;
letter-spacing: 1px;
padding: 25px 70px;
margin: 4rem 10px;
transition: all .5s ease;
}.btn-2:hover{
background: %VIOLET%;
color: %WHITE%;
}.btn-2:focus {
background: %VIOLET%;
color: %WHITE%;
}.darkgray-background {
background: %DARKGRAY%;
}.gray-background {
background: %GRAY%;
}.white-background {
background: %WHITE%;
}.lightgray-background {
background: %LIGHTGRAY%;
}.strip-padding {
padding: 0 !important;
}.like-h1 {
color: %BLACK%;
font-family: %FONT1%;
font-size: 60px;
line-height: 64px;
margin: 25px 0;
}.mobile-sticky-cta {
display: none;
}.custom-slide-out-wrapper {
position: fixed;
top: 50%;
right: 0;
background: %LIGHTGRAY%F2;
padding: 40px 70px;
z-index: 9999;
border-radius: 10px 0px 0px 15px;
-moz-transform: translateX(100%) translateY(-50%);
-webkit-transform: translateX(100%) translateY(-50%);
-o-transform: translateX(100%) translateY(-50%);
-ms-transform: translateX(100%) translateY(-50%);
transform: translateX(100%) translateY(-50%);
-webkit-transition: all 1.2s ease;
-moz-transition: all 1.2s ease;
-ms-transition: all 1.2s ease;
-o-transition: all 1.2s ease;
transition: all 1.2s ease;
}.custom-slide-out-wrapper.active {
-moz-transform: translateX(0) translateY(-50%);
-webkit-transform: translateX(0) translateY(-50%);
-o-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
box-shadow: 0px 40px 40px 0px rgba(28, 28, 28, 0.2);
}span.slide-out-title {
display: block;
margin: 0 0 25px;
color: #000000;
font-weight: normal;
font-size: 1.5em;
letter-spacing: 2px;
}.custom-slide-out-form form {
margin: 0;
}.custom-slide-out-wrapper span.custom-form-toggle {
position: absolute;
left: -10px;
top: 35%;
color: %WHITE%;
font-size: 40px;
width: 34px;
line-height: 110px;
text-align: center;
background: #a4813e;
padding-bottom: 5px;
border-radius: 5px 0 0 5px;
-moz-transform: translateX(-70%) translateY(-50%);
-webkit-transform: translateX(-70%) translateY(-50%);
-o-transform: translateX(-70%) translateY(-50%);
-ms-transform: translateX(-70%) translateY(-50%);
transform: translateX(-70%) translateY(-50%);
cursor: pointer;
}input.slideOutInput[type=”text”] {
border-radius: 15px;
font-size: 15px;
line-height: 1.4;
height: auto;
border: none;
padding: 10px 25px;
margin-bottom: 10px;
box-shadow: none !important;
background: #ffffff;
color: #000000;
font-weight: normal;
}.custom-slide-out-wrapper label {
font-size: 12px;
text-transform: uppercase;
padding: 0 0 0 15px;
}.custom-slide-out-form .contactForm textarea {
width: 100%;
border-radius: 15px;
line-height: 1.4;
border: none;
box-shadow: none !important;
background: #ffffff;
color: #000000;
font-weight: normal;
padding: 10px 25px;
font-size: 15px;
height: 100px;
margin-bottom: 10px;
}.custom-slide-out-form .contactForm .captchaWrapper {
border-radius: 15px;
font-size: 15px;
line-height: 1.4;
height: auto;
border: none;
box-shadow: none !important;
background: #ffffff;
color: #000000;
font-weight: normal;
margin: 0 0 10px;
padding: 5px 15px;
min-height: 0;
}.custom-slide-out-form .contactForm .captchaWrapper input {
border: none;
box-shadow: none;
display: inline-block;
width: auto;
font-size: 15px;
padding: 0 15px;
margin: 0 0 0 30px;
color: #000000;
}.custom-slide-out-form .contactForm .captchaWrapper img {
max-width: 25%;
}.custom-slide-out-form .contactForm .captchaRefresh {
vertical-align: middle;
}.custom-slide-out-form .contactForm .submitWrapper {
text-align: center;
margin-top: 20px;
}.custom-slide-out-form .contactForm .submitWrapper button.submit {
color: %WHITE%;
font-weight: normal;
background: %VIOLET%;
border: none;
text-align: center;
cursor: pointer;
min-width: 200px;
padding: 15px;
border-radius: 10px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}.custom-slide-out-form .contactForm .submitWrapper button.submit:hover {
box-shadow: 0px 25px 40px 0px rgba(28, 28, 28, 0.2);
-moz-transform: translateY(-3px);
-webkit-transform: translateY(-3px);
-o-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}.contactForm {
margin-top: 20px;
}.contactForm label{
font-family: %FONT2%;
font-size:16px;
color: %BLACK%;
display: block;
}.contactForm input {
width: 100%;
padding: 3px;
margin-bottom: 10px;
border: none;
height: 2.5rem;
box-shadow: none;
}.contactForm textarea {
width: 100%;
border: none;
min-height: 4rem;
}.contactForm .captchaWrapper {
margin-top: 10px;
}.contactForm .captchaRefresh {
vertical-align: middle;
margin: 0 10px;
opacity: 25%;
cursor: pointer;
}.contactForm .submitWrapper {
margin-top: 30px;
}.contactForm .submitWrapper span.submit {
font-size: inherit;
font-weight: bold;
background-color: #fafafa;
border: 1px solid #ddd;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
padding: 3px 20px;
cursor: pointer;
}.contactForm .submitWrapper span.submit:hover {
background-color: #eaeaea;
}.emailConfirmation {
margin: 0 auto;
}.emailConfirmation h1 {
color: #00CC00;
}.cta-text * {
color: white;
}.cta-text {

background: #664f22a6;
z-index: 1;
}img.beach {
position: relative;
width: 350px;
height: 350px;
overflow: hidden;
text-align: center;
border-radius: 50%;
/* border: 8px solid #fdbf58; */
}

img.chateau {
position: relative;
width: 350px;
height: 350px;
overflow: hidden;
text-align: center;
border-radius: 50%;
/* border: 8px solid #67a7e7; */
}img.MontecitoVilla {
position: relative;
width: 350px;
height: 350px;
overflow: hidden;
text-align: center;
border-radius: 50%;
/* border: 8px solid #fdbf58; */
}.equal-heights p {
padding-left: 74px;
padding-right: 74px;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 1680px) {
.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
font-size: 12.5px;
line-height: 30px;
}
}
@media only screen and (max-width: 1440px) {
.top-bar-section li:not(.has-form) a:not(.button) {
font-size: 14px;
letter-spacing: -0.5px;
}.text-box {
padding: 75px;
}.text-box-smaller {
padding: 50px;
}.text-box-smallest {
padding: 35px;
}.home-img-01 {
padding: 50px;
}.interior-img-01 {
padding: 50px;
}.white-box {
padding: 45px;
}
}
@media only screen and (max-width: 1366px) {
.top-bar-section li:not(.has-form) a:not(.button) {
font-size: 12px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
font-size: 11px;
line-height: 22px;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),
.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
line-height: 22px;
}.top-bar-section .dropdown {
min-width: 535px;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button)::before,
.top-bar-section .dropdown li.active:not(.has-form)>a:not(.button)::before {
width: 10px !important;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before {
left: -15px !important;
transform: translateY(-50%) scale(0.8, 0.8) !important;
}.top-bar-section li:not(.has-form) a:hover:not(.button)::before,
.top-bar-section li.active:not(.has-form) a:not(.button)::before {
top: -15px;
}
}
@media only screen and (max-width: 1280px) {
p {
font-size: 18px;
line-height: 26px;
}.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 0.40vw;
}.top-bar-section ul li:hover:not(.has-form)>a,
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
padding: 0 0.40vw;
}
}
@media only screen and (min-width: 1026px) {
.navigation-wrapper {
justify-content: center;
}.top-bar-section li:not(.has-form) a:hover:not(.button)::before,
.top-bar-section li.active:not(.has-form) a:not(.button)::before {
content: url(%THEME%/images/focus-icon.png);
position: absolute;
top: -20px;
left: 0;
right: 0;
}.top-bar-section li:not(.has-form) .dropdown li:hover a:not(.button)::before,
.top-bar-section li:not(.has-form) .dropdown li.active a:not(.button)::before {
content: url(%THEME%/images/focus-icon-2.png);
opacity:1;
left:-20px;
top:40%;
transform:translateY(-50%);
position:absolute;
}.top-bar-section li.active:not(.has-form) .dropdown a:not(.button)::before {
opacity:0;
}.top-bar-section .dropdown {
background: #FFFFFF;
border-radius: 10px;
min-width: 650px;
text-align: left;
padding: 3vh 2vw 3vh 2vw;
left: 50%;
box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 5%);
transform: translateX(-50%);
}.top-bar-section .dropdown li {
width: 50%;
display: inline-block;
position:relative;
}.top-bar-section ul li ul.dropdown li:nth-child(2n+2) {
padding-left: 20px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
background: none;
color: #000000;
font-size: 14px;
line-height: 30px;
position: relative;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),
.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
background: none;
color: #000000;
line-height: 30px;
}.top-bar-section li.has-dropdown:not(.has-form) a:hover:not(.button)::before,
.top-bar-section li.has-dropdown.active:not(.has-form) a:not(.button)::before {
left: -20px;
}
}
@media only screen and (max-width: 1026px) {
.gallery-images {
margin-left: 7px;
}.row, .row.row-content {
margin: 0 auto;
max-width: 90%;
width: 90%;
}ul.icon {
margin: 0;
font-style: italic;
}ul.icon li::before {
content: none;
}.contactForm label {
text-align: left;
}.contactForm input, .contactForm textarea {
border: 1px solid %DARKGRAY%;
}.gallery-wrapper h2 {
margin-top: 0;
}.row.gateway-row {
max-width: 100%;
width: 100%;
}.gateway-exception {
background: %WHITE%;
}.interior-first-strip {
border: none;
background: none;
padding: 0;
}.interior-first-strip .darkgray-background{
background: %WHITE%;
}.interior-first-strip .white-background{
background: %DARKGRAY%;
}header.header-wrapper.header-inner {
background: none;
padding-bottom: 0;
}.white-box {
padding: 0 20px 25px 20px;
}.cta-strip {
padding: 50px;
background: %TEAL%80;
max-width: 100%;
width: 100%;
}.cta-text {
position: relative;
padding: 0;
background: none;
z-index: 1;
}.cta-text::after {
content: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: none;
z-index: -1;
}.home-background-strip {
padding: 0px;
background: none;
}.about-background-strip {
padding: 0px;
background: none;
}.vertical-padding-large {
padding: 0 !important;
}.home-first-strip {
border-top: 0;
border-bottom: 0;
background: none;
}.interior-img-01 {
padding: 3em 0;
border: none;
background: none;
margin: 0 auto;
}.home-img-01 {
padding: 3em 0;
border: none;
background: none;
margin: 0 auto;
}.box-padding {
padding: 20px 0;
}.home-left-border, .home-right-border {
border: 0;
}.row.slider-row {
max-width: 100%;
width: 100%;
}header.header-wrapper {
background: none;
}.logo-wrapper {
width: 15%;
padding: 0 20px 0 0;
}.navigation-toggle .toggle-bars.fa.fa-bars,
.navigation-toggle .fa.fa-close {
font-size: 25px;
}.top-bar .title-area {
height:0;
}.navigation-wrapper {
justify-content: center;
text-align: center;
padding-top: 100px;
}.top-bar {
display: block;
height: 0;
}.top-bar .title-area {
display: none;
}.top-bar-section li:not(.has-form) a:not(.button):hover::before,
.top-bar-section li.active:not(.has-form) a:not(.button)::before {
height: 1px;
}.top-bar-section .dropdown {
background: %WHITE%;
min-width: 320px;
left: 100%;
}.top-bar-section .dropdown li {
width: 100%;
}.top-bar-section .dropdown li.page_item {
margin: 10px 0;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
background: none;
color: %BLACK%;
font-size: 16px;
line-height: 32px;
position: relative;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),
.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
background: none;
color: %VIOLET%;
line-height: 32px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before {
content: “”;
width: 0px !important;
height: 2px;
background: %WHITE%;
position: absolute;
top: calc(50% – 1px);
bottom: unset;
left: -18px !important;
opacity: 1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button)::before,
.top-bar-section .dropdown li.active:not(.has-form)>a:not(.button)::before {
width: 14px !important;
opacity: 1;
}.top-bar-section .dropdown::before{
border-bottom: 6px none %TEAL%;
}.mobile-menu .dropdown .title a {
color:%TEAL% !important;
font-weight: bold;
}.mobile-menu .dropdown .parent-link a {
font-weight: bold !important;
}.mobile-sticky-cta {
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 100;
}a.sticky-btn-1 {
display: inline-block;
width: calc(50% – 1px);
margin-right: 1px;
float: left;
text-align: center;
color: %BLACK%;
text-transform: uppercase;
font-family: %FONT1%;
font-size: 18px;
letter-spacing: 1px;
background: %COBALT%;
padding: 20px 5px;
}a.sticky-btn-2 {
display: inline-block;
width: calc(50% – 1px);
margin-left: 1px;
float: left;
text-align: center;
color: %BLACK%;
text-transform: uppercase;
font-family: %FONT1%;
font-size: 18px;
letter-spacing: 1px;
background: %COBALT%;
padding: 20px 5px;
}a.sticky-btn-1:hover,
a.sticky-btn-2:hover {
color: %BLACK%;
}.footer-wrapper {
padding-top: 5vh;
padding-bottom: 10vh;
}.background-picture {
min-height: 45vh;
}.header-details {
text-align: center;
}.company-details h1 a {
font-size: 38px;
float: unset;
margin: 10px 0 0 0;
text-align: center;
}.company-details p {
font-size: 18px;
text-align: center;
}.tagline{
display: none;
}.mobile-navigation.navigation-toggle{
position: absolute;
right: 25px;
top: 25px;
z-index: 1;
}.top-bar-section .has-dropdown>a:after {
content: “”;
display: block;
width: 0;
height: 0;
border: inset 4px;
border-color: %TEAL% transparent transparent transparent;
border-top-style: solid;
margin-top: unset;
top: 15px;
right: 55px;
transform: rotate(270deg);
}.top-bar-section li:not(.has-form) a:not(.button) {
font-size: 18px;
padding: 0 15px;
letter-spacing: unset;
line-height: 40px;
}.footer-social .fa {
margin: 0 2vw;
padding: 15px;
}
}
@media only screen and (max-width: 768px) {
.footer-inner {
display: initial;
}.footer-address p,
.footer-hours p {
line-height: 24px;
}.footer-address {
text-align: center;
margin-bottom: 50px;
padding: 0;
}.footer-payment {
margin-bottom: 50px;
}.footer-social {
margin-bottom: 50px;
}.lnm-logo.text-right {
text-align: center !important;
padding: 0;
}.picture-home-01 {
display: none;
}.picture-home-02 {
display: none;
}.picture-about-02 {
display: none;
}.picture-about-03 {
display: none;
}h1, h1 a {
font-size: 22px;
}
}
@media only screen and (max-width: 414px) {
h2 {
font-size: 34px;
line-height: 38px;
}h3 {
font-size: 24px;
line-height: 28px;
}h4 {
font-size: 24px;
line-height: 28px;
}p {
font-size: 16px;
line-height: 24px;
}ul li {
font-size: 16px;
line-height: 24px;
}.like-h1{
font-size: 34px;
line-height: 38px;
}.cta-strip {
padding: 25px;
background: #a4813e;
}.top-bar-section li:not(.has-form) a:not(.button)::before {
width: 10%;
left: calc(50% – 5%);
}.company-details {
max-width: 100%;
}.company-details h1 a {
font-size: 20px;
}.company-details p {
font-size: 12px;
line-height: 16px;
}.mobile-navigation.navigation-toggle {
right: 15px;
top: 15px;
}.text-box {
padding: 30px;
}.text-box-smaller {
padding: 30px;
}.text-box-smallest {
padding: 30px;
}.top-padding-small {
padding-top: 30px !important;
}.disclaimer P {
font-size: 10px;
line-height: 18px;
}.btn-1 {
font-size: 14px;
padding: 25px 50px;
margin: 1rem 0;
}.btn-2 {
font-size: 14px;
padding: 25px 50px;
margin: 1rem 0;
width: 100%;
}.logo-wrapper {
width: 20%;
padding: 0;
}.lnm-logo img {
max-width: 140px;
}.lightgray-background {
margin: -20px 0;
}.strip-padding-mobile {
padding: 0 !important;
}.lnm-logo.text-right {
margin-bottom: 10vh;
}
}
[/css]