html,
body{
margin: 0;
padding: 0;
background: #fff;
font-family: "Montserrat", sans-serif;
font-size: 16px;
text-align: justify;
color: #666;
line-height: 1.5;
}
h1.main-title{
font-size: 25px; font-weight: 500;
color: #013440;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
}
h2.leon-property{
font-size: 25px;
color: #013440;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 2px solid rgba(1, 52, 64, 0.12);
}
h2.leon-property span{
font-size: 15px;
float: right;
margin: 7px 0;
}
h2.body-title{
padding: 0;
margin-bottom: 0;
font-size: 30px;
text-align: left;
}
h3{
font-size: 17px;
margin-bottom: 30px;
}
a{
color: #32cba2;
transition: 0.5s all;
}
a:hover,
a:focus{
color: #2bac8b;
text-decoration: none;
}
hr{
margin: 3rem 0;
} .leon-top{
background: #000;
padding: 5px;
} ul.leon-list{
margin: 0;
padding: 0;
text-align: right;
list-style: none;
}
ul.leon-list li{
font-size: 14px;
margin-left: auto;
display: inline-block;
padding: 0 20px;
border-right: 1px solid #fff;
}
ul.leon-list li a{
color: #fff;
}
ul.leon-list li a i{
margin-right: 10px;
}
ul.leon-list li:last-child{
border-right: none;
} #leon-header{
background: transparent;
top: 0;
width: 100%;
border: none;
z-index: 2;
padding: 0;
display: inline-block;
position: relative;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.header-middle{
position: relative;
}
.header-middle::after{
background: #013440;
content: "";
position: absolute;
width: 50%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.middle-left{
background: #013440;
position: relative; }
.navbar-toggler{
padding: 0;
color: #fff;
}
@media (max-width: 991px) {
.header-middle {
background: #013440;
padding: 10px 0;
}
.middle-left{
clip-path: none;
}
.navbar-brand img{
width: 80px;
}
}
@media (max-width: 575px){
.leon-nav{
background: #013440;
position: absolute;
width: 100vw;
left: -15px;
top: 10px;
}
}
.leon-nav li{
margin: 0 10px;
}
.leon-nav li a{
padding: 35px 0 !important;
color: #fff;
}
.leon-nav li a:hover{
color: #000;
}
.dropdown-menu{
padding: 0 !important;
}
.dropdown-menu li{
margin: 0 !important;
}
.dropdown-menu a.dropdown-item{
color: #333 !important;
padding: 10px !important;
}
.dropdown-menu a.dropdown-item:hover,
.dropdown-menu a.dropdown-item:focus{
background: #eee;
color: #013440 !important;
}
.contact-info{
padding-left: 50px;
text-align: center;
}
.contact-info span{
font-weight: 900;
text-transform: uppercase;
font-size: 25px;
color: #32cba2;
} .contact-info button{
display: inline-block;
background: #32cba2;
padding: 12px 20px;
border-radius: 50px;
width: 100%;
text-align: center;
color: #fff;
font-weight: 700;
text-transform: uppercase;
border: 0;
letter-spacing: 1px;
}
section.usp-overview{
background: #32cba2;
padding: 50px;
margin: 50px 0 0 0;
}
h2.usp-element-heading{
font-size: 71px;
font-weight: 500;
color: #c4ffef;
}
.usp-element h3{
font-size: 19px;
text-transform: uppercase;
color: #fff;
}
.usp-element h3 i{
font-size: 26px;
margin-right: 20px;
}
.leon-wrap{
border-radius: 7px;
box-shadow: -1px 9px 18px 0 rgba(75, 81, 91, 0.10);
background: #ffffff;
text-align: center;
padding: 55px 20px 60px;
}
.usp-icons i{
font-size: 55px;
color: #32cba2;
margin-bottom: 30px;
}
ul.leon-specs{
list-style: none;
padding: 20px;
background: #eee;
margin: 50px 0 0 0;
}
ul.leon-specs li{
display: inline-block;
padding: 0 20px;
border-right: 1px dashed #c1c1c1;
}
ul.leon-specs li:last-child{
border-right: 0;
}
ul.leon-specs li span.first{
display: inline-block;
color: #333;
width: 30px;
height: 30px;
}
ul.leon-specs li span.second{
font-size: 14px;
display: block;
}
span.t1{
float: right;
padding-top: 4px;
font-weight: 600;
font-size: 18px;
}    .square-feet{
background: url(//villa-leon.nl/wp-content/themes/leon/assets/images/icons/square-ico.png);
}
.living-room{
background: url(//villa-leon.nl/wp-content/themes/leon/assets/images/icons/blueprint-ico.png);
}
.bedroom{
background: url(//villa-leon.nl/wp-content/themes/leon/assets/images/icons/bed-ico.png);
}
.baths{
background: url(//villa-leon.nl/wp-content/themes/leon/assets/images/icons/bathtub-ico.png);
}
.pool{
background: url(//villa-leon.nl/wp-content/themes/leon/assets/images/icons/swimming-pool-ico.png);
}
.leon-wrap h2{
font-size: 20px;
font-weight: 500;
color: #013440;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
} footer.leon-footer{
background: #252730;
padding: 50px;
}
footer.leon-footer p{
color: #fff;
}
.table{
background: #f7f8f9;
border: 1px solid #d1d1d1;
margin-bottom: 22px;
}    .table tr td:first-child{
font-weight: 600;
}
.table td{
border-top: 1px dotted #d1d1d1 !important;
}
.leon-plattegrond{
display: block;
border: 1px solid #d1d1d1;
} .leon-gray{
background: rgba(100, 171, 227, 0.10);
padding: 50px;
}
.leon-lightbox{
margin-bottom: 30px;
display: inline-block;
position: relative;
}
.leon-lightbox img{
border: 3px solid #ffffff;
border-radius: 8px;
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.20);
}
.overlay{
background: rgba(100, 171, 227, 0.85);
width: 100%;
height: 100%;
text-align: center;
position: absolute;
left: 0;
border-radius: 8px;
opacity: 0;
transition: 0.5s all;
}
.leon-lightbox:hover .overlay{
opacity: 1;
}
.overlay i{
font-size: 50px;
margin-top: 23%;
color: #fff;
}
.leon-intro{
background: rgba(100, 171, 227, 0.10);
padding: 50px 0;
margin-bottom: 50px;
}
section.leon-art{
width: 100%;
min-height: 800px;
background: linear-gradient(#fff, rgba(255, 255, 255, 0.21)), url(https://villa-leon.nl/wp-content/uploads/2021/12/Villa-Leon-footer.jpg) center center;
}
.service-wrapping{
margin: 50px 0 30px;
padding: 30px 20px;
text-align: center;
background: #eeeeee;
}
.service-wrapping h2{
font-size: 23px;
font-weight: 600;
color: #013440;
margin-bottom: 5px;
}
.service-wrapping p{
margin-bottom: 10px;
color: #013440;
font-weight: 600;
}
.service-wrapping a{
display: block;
padding: 10px;
border-radius: 30px;
color: #fff;
font-weight: 600;
margin-bottom: 10px;
}
.service-wrapping img{
border-radius: 320px;
box-shadow: 0 1px 9px -4px #013440;
margin-bottom: 30px;
width: 200px;
}
.send-mail{
background: #32cba2;
}
.call-us{
background: #013440;
} .wpsbc-calendar-1 h2{
margin-bottom: 27px;
}
.wpsbc-legend{
display: inline-block;
margin: 0 0 30px !important;
}
.wpsbc-legend .wpsbc-legend-item{
display: inline-block;
width: 47%;
}
.forminator-field label{
display: block;
color: #013440;
}
.forminator-field input,
.forminator-field textarea{
width: 100%;
padding: 5px;
border-radius: 3px;
border: 1px solid #d1d1d1;
}
.forminator-has_error label{
color: #e5362d;
}
.forminator-has_error input,
.forminator-has_error textarea{
border-color: #e5362d;
border-left: 5px solid #e5362d;
}
.forminator-has_error span.forminator-error-message{
color: #e5362d;
font-size: 13px;
padding: 5px;
display: block;
background: #ffc0bd;
}
#ui-datepicker-div{
background: rgb(247 248 249);
padding: 10px;
width: 17.5%;
box-shadow: 0 4px 7px -2px rgba(1, 52, 64, 0.42);
}
#ui-datepicker-div .ui-datepicker-header{
padding: 10px;
background: #e3e3e3;
margin-bottom: 10px;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next{
color: #013440;
font-weight: 600;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev{
float: left;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next{
float: right;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title{
text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar{
width: 100%;
text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar th{
height: 35px;
}
#ui-datepicker-div .ui-datepicker-calendar .enabledDate{
width: 45px;
height: 40px;
}
#ui-datepicker-div .ui-datepicker-calendar .enabledDate a{
display: block;
height: 100%;
line-height: 2;
background: #e3e3e3;
color: #013440;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable{
color: #b3b3b3 !important;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-today a{
background: #013440;
color: #fff;
}
#ui-datepicker-div .ui-datepicker-calendar tr>td{
padding: 4px;
}
.forminator-button{
padding: 10px 40px;
border: 0;
border-radius: 50px;
background: #32cba2;
color: #fff;
}
.wpsbc-calendar-header-navigation{
padding: 0 30px 0 0 !important;
}
.wpsbc-prev{
display: none !important;
}