@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Open+Sans:300i,400,400i,600,800&display=swap');

@main-color: #C6AFB1;
@main-color-off: #D3FFF3;
@sec-color: #D3FFF3;
@sec-color-off: rgba(198,175,177, 0.8);
@tri-color: #D3FFF3;
@tri-color-off: #B5BBC5;

body, p, a, li{font-family: "Open Sans"; line-height:32px; font-size:16px;}
body{background-color:#F0E7D8;}
.banner-text{padding: 120px 50px 40px; width: 49%;}
.banner-text h1{color:#fff; font-family: 'Open Sans', sans-serif;    font-size: 80px;
    font-weight: 800;
    line-height: 80px;
    text-transform: uppercase;
text-shadow: 2px 2px 2px #000;}
.banner-text h2{color:#fff; font-family: 'Open Sans', sans-serif; font-weight:600;    font-size: 42px;text-shadow: 1px 1px 1px #000;}
#column-3-0 p:last-child{margin-bottom:35px;}

.cta-banner{width:50%; margin-left:auto; margin-right:auto; color:#fff;   background: @sec-color-off;
text-align:center;
    padding: 40px 60px 0px 60px;
 ;}
.cta-banner h3{ font-family: "Open Sans";   font-size: 30px;
    font-style: italic;
    font-weight: 100;
    margin-bottom: 10px;}
.cta-banner p{line-height:24px;}
.cta-banner p:last-child{margin-bottom:-15px;}
.cta-banner .btn{ color:#000;   position: relative;
    bottom: -35px;
    background: @tri-color;
    height: 70px !important;
    line-height: 70px !important;
    border-radius: 2px;
    padding: 0 40px !important;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    font-style: italic;
    font-weight: 100;
    font-size: 20px !important;
    border: 0;
;}

.cta-banner .btn:hover, #column-1-0 button:hover{background-color: @tri-color-off;}

#rijid-1{padding-top:115px; padding-bottom:80px;}
h3{font-family: 'Open Sans', sans-serif;    font-size: 28px;}

.call-to-action-row, .extra-footer-cta{background-color:@main-color;    padding: 40px 0;
    border: 0;}
.call-to-action-row h3, .extra-footer-cta h3{ font-family: "Open Sans";
color:#000;
    padding-right: 60px;
    font-size: 24px;
    font-style: italic;
    font-weight: 300;
;}
.call-to-action-row .btn, .extra-footer-cta .btn, .contact-formulier .btn, .reviewbutton-plaatsen .btn{    border: 1px solid #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    margin-top: 17px!important;
    margin: 0;
    width: 100%;
    text-align: center;
    background-color: @main-color;
    padding: 15px 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
color:#fff;
;}
.contact-formulier .btn,.reviewbutton-plaatsen .btn{     margin-top: 0px!important;    font-style: italic;
    font-weight: 100;    border: 0; background-color:@main-color;text-transform:capitalize;}
.contact-formulier .btn:hover,.reviewbutton-plaatsen .btn:hover{background:@main-color-off;}

.btn, a{
 -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
;}

.contact-formulier{
background:#fff;
border: 2px solid @sec-color;
padding-left:15px; padding-right:15px;
;}
.contact-formulier input, .contact-formulier textarea{border:none; background:#f5f5f5;    padding: 10px 30px; color:#333;
border-bottom: 2px solid @sec-color;
;}

.contact-formulier textarea{height:120px;}
.contact-formulier div.row:first-child {background-color:@sec-color;}
.contact-formulier h3{margin-bottom:20px; color:#000;}
.contact-formulier div.row:nth-child(2){margin-top:25px;}
.contact-formulier div.row:nth-child(6){margin-bottom:25px;}

.contact-formulier .col-xs-3{display:none;}
.contact-formulier .col-xs-9{width:100%;}

.call-to-action-row .btn:hover, .extra-footer-cta .btn:hover{    color: @main-color; background-color: #ffffff;}
.post-cta-banner{padding-top:80px; padding-bottom:80px;}
.contact a, footer a{color:@main-color;}
.contact a:hover, footer a:hover{text-decoration:underline;}

.extra-footer-cta{display:none;}

@media(max-width:992px){
#column-1-0, #column-3-0{padding-bottom:80px;}
.cta-banner{width:70%;}
}
@media (max-width:993px){h1{font-size:60px!important; line-height:60px!important;}.banner-text{width:100%;}}
@media (max-width:650px){.banner-text{ width:100%;}h1{font-size:36px!important; line-height:36px!important;}.banner-text h2{    font-size: 28px;
    line-height: 28px;}
#rijid-5{padding-top: 20px;
    padding-bottom: 20px;}
.extra-footer-cta{display:block;}
}
@media (max-width:450px){
h1{font-size:32px!important; line-height:32px!important;}
.banner-text h2{    font-size: 26px;
    line-height: 26px;}
.cta-banner{width:98%;}.cta-banner{padding: 40px 30px 0px 30px;}
.banner-text {
    padding: 120px 0px 40px;}}