@import url("https://fonts.googleapis.com/css?family=Lato:400,700|Oleo+Script"); ::-moz-selection {
background: #BB6916;
color: white;
}
::selection {
background: #BB6916;
color: white;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #888;
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
background: #BB6916;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background-color: #fff;
color: #000;
font-weight: 400;
font-style: normal;
font-size: 16px;
font-family: 'Lato', Arial, Helvetica, sans-serif;
line-height: 1.6;
-webkit-font-smoothing: subpixel-antialiased;
}
body.menu-open {
overflow: hidden;
}
.is-vertically-aligned-center {
margin-top: auto;
margin-bottom: auto;
}
#main-wrapper {
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
margin: 0 auto;
overflow-x: hidden;
margin-bottom: -199px;
}
.menu-open {
overflow: hidden;
}
.push {
height: 199px;
}
@media (min-width: 1400px) {
.container {
width: 1380px;
}
}
.bg-orange {
background-color: #BB6916;
}
.bg-blue {
background-color: #516E7B;
}
.bg-lightblue {
background-color: #e4e9ea;
}
.pad {
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.pad {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.text-left,
.text-right {
text-align: center !important;
}
}
.section {
margin: 0;
position: relative;
}
.bg-block {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: -1;
}
@media (min-width: 1200px) {
.bg-block {
position: absolute;
top: 0;
left: 0;
right: auto;
width: 50%;
width: calc(50% + 45px);
}
}
figure.alignright {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
figure.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}  h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: 'Oleo Script', Arial, Helvetica, sans-serif;
margin-top: 0;
line-height: 1.1;
font-weight: 400;
margin-bottom: 20px;
clear: both;
text-decoration: none;
-webkit-font-smoothing: subpixel-antialiased;
color: #516E7B;
}
h1,
.h1 {
font-size: 52px;
}
h2,
.h2 {
font-size: 24px;
}
h3,
.h3 {
font-size: 21px;
}
b {
font-weight: 700;
}
a {
-webkit-transition: color 0.25s;
transition: color 0.25s;
text-decoration: none !important;
}
.has-text-align-center {text-align: center;}
.has-text-align-left {text-align: left;}
.has-text-align-right {text-align: right;}
.has-text-align-justify {text-align: justify;}
.btn,
#cookie-notice .btn,
.button a {
font-family: 'Lato', Arial, Helvetica, sans-serif;
color: #FFF;
line-height: 1;
padding: 10px 20px;
font-size: 16px;
font-weight: 700;
border-radius: 0;
border: 0;
text-transform: uppercase;
margin-right: 10px;
}
.btn-primary,
#cookie-notice .btn-primary {
background: #BB6916
}
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
background: #BB6916
}
.btn-secondary {
background: #fff;
padding: 8px 18px;
border: 2px solid #516E7B;
color: #516E7B;
-webkit-transition: color 0.25s;
transition: color 0.25s;
}
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active,
.button a:hover {
background: #516E7B;
border-color: #516E7B;
color: #FFF;
}
.btn-success {
background-color: #9fb121;
}
.button a {
background: #9fb121;
padding: 8px 18px;
border: 2px solid #9fb121;
color: #FFF;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.button a:hover {
border-color: #1e7e34;
background-color: #1e7e34;
}
.bg-orange .btn-secondary {
background-color: transparent;
border-color: #FFF;
color: #FFF;
}
.bg-orange .btn-secondary:focus,
.bg-orange .btn-secondary:hover,
.bg-orange .btn-secondary:not(:disabled):not(.disabled):active {
background-color: #FFF;
border-color: #FFF;
color: #BB6916;
}
.has-text-align-center {
text-align: center;
}
.has-text-align-left {
text-align: left;
}
.has-text-align-right {
text-align: right;
}
.has-text-align-justify {
text-align: justify;
}
.has-white-color { color: #FFF; }
.has-white-background-color { color: #FFF; } #main-header {
background-color: #fff;
margin: 25px 0 20px;
overflow: hidden;
}
#logo {
display: block;
float: left;
}
#logo a {
display: block;
width: 180px;
height: 56px;
background: url(//driehoekshoeve.be/wp-content/themes/driehoekshoeve/img/logo.svg) no-repeat center;
background-size: 100%;
overflow: hidden;
text-indent: -999em;
}
.nav {
display: none;
}
.navigation {
margin-top: 18px;
float: right;
width: auto;
}
#menu-navigation {
display: none;
float: right;
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
overflow-y: scroll;
max-height: calc(100vh - 200px);
}
#menu-navigation li {
position: relative;
display: inline-block;
}
#menu-navigation li a {
display: block;
text-transform: uppercase;
color: #516E7B;
font-weight: 400;
margin: 0 10px;
padding: 8px 0 6px;
border-bottom: 2px solid #FFF;
}
#menu-navigation li.current-menu-item a {
color: #BB6916;
border-color: #BB6916;
}
#main-header .btn-secondary {
display: block;
float: right;
margin-right: 0;
}
@media (min-width: 768px) {
#main-header {
margin: 35px 0 30px;
}
#logo a {
width: 220px;
height: 68px;
}
}
.sub-menu-block { display: none; }
@media (min-width: 1200px) {
#main-header {
margin: 0;
}
#logo {
margin: 45px 0 40px;
}
#logo a {
width: 250px;
height: 80px;
}
.navigation {
margin-top: 86px;
}
.nav {
display: block;
}
.nav li {
display: inline-block;
position: relative;
}
#menu-hoofdmenu {
}
#menu-hoofdmenu li {
position: relative;
padding: 0 12px 55px;
}
#menu-hoofdmenu li:last-child {
padding-right: 0;
padding-left: 25px;
}
.nav li:not(.button) a {
display: block;
text-decoration: none;
color: #516E7B;
padding: 10px 0 8px;
border-bottom: 2px solid transparent;
}
.nav li.current-menu-item:not(.button) a {
color: #BB6916;
border-color: #BB6916;
}
.nav li:not(.button) a:hover,
.nav li:not(.button) a:focus,
.nav li:not(.button) a:active {
color: #BB6916;
}
.nav .button a {
margin-right: 0;
display: block;
}
#menu-hoofdmenu li.menu-item-has-children {
padding-right: 20px;
}
#menu-hoofdmenu li.menu-item-has-children:after {
content: '';
position: absolute;
right: 4px;
top: 14px;
width: 0px;
height: 0px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 9px solid #516E7B;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#menu-hoofdmenu li.menu-item-has-children.nav-sub-open:after {
border-top: 0 solid #516E7B;
border-bottom: 9px solid #516E7B;
}
#menu-hoofdmenu li.current-menu-item.menu-item-has-children:after {
border-top: 9px solid #BB6916;
}
#menu-hoofdmenu li.current-menu-item.menu-item-has-children.nav-sub-open:after {
border-top: 0 solid #516E7B;
border-bottom: 9px solid #BB6916;
}
.sub-menu { display: none !important; }
.sub-menu-block {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: rgba(255,255,255,0.95);
padding-bottom: 30px;
z-index: 999;
display: none;
}
.sub-menu-block .row { margin-bottom: 0; margin-left: -5px; margin-right: -5px; }
.sub-menu-block .row .col { padding-left: 5px; padding-right: 5px; }
.nav-block {
display: block;
border: 1px solid #516F7B;
padding: 15px;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
max-width: 214px;
margin: 0 auto;
}
.nav-block:hover {
margin-top: -5px;
background-color: #fff;
}
.nav-block p { margin-bottom: 15px; text-transform: uppercase; color: #516F7B; font-size: 16px; line-height: 1; }
.nav-block .figure {
display: block;
width: 100%;
height: 140px;
background-color: #516F7B;
margin-bottom: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
}
.menu-open #main-header {
z-index: 999;
}
#menu-navigation {
float: none;
position: absolute;
top: 100px;
left: 0;
right: 0;
}
#menu-navigation li {
display: block;
text-align: center;
margin-bottom: 10px;
}
#menu-navigation li a {
border-bottom: 0 !important;
}
@media (min-width: 1024px) { #menu-navigation {
display: none;
}
#toggle-mobile {
display: none;
}
}
@media (min-width: 1200px) {
.navigation {
width: calc(100% - 300px);
}
}
#menu-submenu {
position: absolute;
top: 0;
right: 0;
}
#menu-submenu li a {
background-color: #e4e9ea;
margin-left: 5px;
padding: 6px 10px;
text-transform: uppercase;
display: block;
border: 0;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#menu-submenu li a:hover,
#menu-submenu li a:focus,
#menu-submenu li a:active {
background-color: #f5e9dc;
color: #BB6916;
}
#menu-submenu li.current-menu-item a,
.single-blogpost #menu-submenu li#menu-item-1270 a {
background-color: #f5e9dc;
color: #BB6916;
}
#menu-hoofdmenu {
text-transform: uppercase;
font-size: 16px;
line-height: 1;
color: #516E7B;
} .home .bg-blue,
.home .bg-blue h2,
.home .bg-orange,
.home .bg-orange .h2 {
color: #FFF;
}
.home .col1 .bg-blue {
position: relative;
padding: 50px 0;
background-color: transparent;
}
.home .col1 .bg-blue .btn {
position: absolute;
bottom: -18px;
left: 0;
}
.home .col1 .bg-blue .btn-secondary {
left: 134px;
}
.home .col1 .bg-white {
padding: 60px 0 20px;
}
@media (min-width: 1200px) {
.home .col1 {
padding-right: 60px;
}
}
.home .col2 {
margin-top: 0;
}
.home .col2 img {
width: 100%;
height: auto;
}
.home .col2 .bg-orange {
padding: 45px 15px;
margin-left: -15px;
margin-right: -15px;
}
.home #intro img.second {
width: 100%;
height: auto;
}
@media (min-width: 600px) {
.home .col2 .bg-orange {
padding: 45px 60px;
margin: 0;
}
}
@media (min-width: 1023px) {
.home .col2 {
margin-top: 30px;
}
.home #intro img.second {
width: auto;
}
}
.embed-responsive {
margin-bottom: 20px;
}
.grid {
margin-right: -30px;
}
.grid .grid-item {
width: 250px;
height: 250px;
float: left;
}
.grid .grid-item.medium {
width: 180px;
height: 180px;
}
.grid .grid-item.small {
width: 140px;
height: 140px;
}
.grid .grid-item.tiny {
width: 90px;
height: 90px;
}
.grid .grid-item img {
width: 100%;
height: auto;
}
.grid-sizer {
width: 10%;
}
#info {
padding-top: 30px;
}
#info .btn {
margin-bottom: 20px;
display: block;
}
@media (min-width: 768px) {
#info {
display: block;
padding: 20px 0 40px;
}
#info .btn {
margin-bottom: 0;
display: inline-block;
}
#info .col-lg-6 {
margin-bottom: 40px;
}
} .site-main { position: relative; }
.header-image {
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.intro {
color: #FFF;
padding: 30px 40px 20px;
margin-top: 0;
z-index: 999;
min-height: 184px;
}
.intro h1, .intro h2, .intro h3, .intro h4, .intro h5, .intro h6 {
color: #fff;
}
.wp-block-image img {
max-width: 100%;
height: auto;
} .page-id-19 .header-image {
height: 296px;
overflow: hidden;
background-color: #BB6916;
}
.page-id-19 .header-image .overlay {
display: block;
background-color: #fff;
width: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
z-index: 1;
}
.sidebar {
position: relative;
margin-top: -30px;
z-index: 2;
margin-bottom: 30px;
min-height: 490px;
}
.sidebar img {
width: 100%;
height: auto;
}
.sidebar .block {
padding: 45px 60px;
color: #fff;
text-align: right;
}
.sidebar h2 {
color: #fff;
}
.sidebar a {
color: #fff;
text-decoration: none;
}
.sidebar .btn {
margin-top: 20px;
}
#gform_fields_1 {
margin-top: 35px;
margin-bottom: 50px;
}
.site-main .gform_wrapper ul,
#ebook .gform_wrapper ul {
padding: 0;
margin: 0;
list-style: none;
}
.gform_wrapper .hidden_label .gfield_label,
.validation_error {
display: none !important;
} .page-id-21 .header-image,
.page-id-78 .header-image {
height: 250px;
}
.page-id-21 .wp-block-preformatted {
overflow: visible;
}
.page-id-21 .intro {
display: inline-block;
margin-top: -100px;
padding: 40px;
}
div.datepick-inline .datepick-title-row th {
border: 0;
}
.page-id-21 .datepick-inline .datepick-days-cell {
border: 0;
opacity: .6;
cursor: default;
}
.page-id-21 .datepick-inline .datepick-days-cell.date_user_unavailable {
background: #edf0f2;
color: #c2cdd2;
}
.page-id-21 .block_hints .block_free,
.page-id-21 .datepick-inline .date_available {
background: #edf0f2;
opacity: 1;
}
.page-id-21 .block_hints .block_free a,
.page-id-21 .block_hints .block_time,
.page-id-21 .datepick-inline .date_available a,
.page-id-21 .block_hints .block_free span,
.page-id-21 .datepick-inline .date_available span {
color: #000;
text-shadow: none !important;
font-weight: 400;
}
.page-id-21 .datepick-inline .datepick-days-cell.date_approved,
.page-id-21 .datepick-inline .datepick-days-cell.date2approve {
background-color: #516E7B;
opacity: 1;
}
.datepick-inline .datepick-days-cell a,
.datepick-inline .datepick-days-cell span {
text-shadow: none !important;
}
.page-id-21 .datepick-inline .datepick .datepick-days-cell.timespartly {
background-color: #ff956d;
}
.page-id-21 .datepick-inline .datepick .datepick-days-cell.timespartly.wpbc_weekday_0 {
background-color: #ff5d20;
cursor: default;
color: #FFF;
}
.page-id-21 .datepick-inline .datepick .datepick-days-cell.timespartly.wpbc_weekday_0 a {
color: #FFF !important;
}
.page-id-21 .datepick-inline .datepick-one-month .datepick .datepick-current-day,
.page-id-21 .datepick-inline .datepick .datepick-days-cell-over {
background-color: #BB6916 !important;
}
.block_hints .block_booked.date_switch {
background-color: #ff956d;
}
.page-id-21 .booking_form {
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 14px;
}
::-webkit-input-placeholder {
color: #000;
}
::-moz-placeholder {
color: #000;
}
:-ms-input-placeholder {
color: #000;
}
:-moz-placeholder {
color: #000;
}
.page-id-21 .booking_form .form-group {
margin-top: 0;
margin-bottom: 24px;
}
.page-id-21 .booking_form .form-group .controls select,
.page-id-21 .booking_form select,
.page-id-21 .booking_form textarea,
.page-id-21 .booking_form input[type="text"],
form textarea,
form input[type="text"] {
width: 100%;
box-sizing: border-box;
height: 42px !important;
line-height: 1.5;
border-radius: 0;
padding: 8px 12px;
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 16px;
border: 1px solid #ced4da;
}
input[type="submit"],
.page-id-21 .booking_form input[type="button"],
.page-id-21 .booking_form input[type="submit"] {
background: #BB6916;
color: #FFF;
display: block;
width: 100%;
outline: 0;
font-family: 'Lato', Arial, Helvetica, sans-serif;
line-height: 1;
padding: 10px 20px;
font-size: 16px;
font-weight: 700;
border: 0;
text-transform: uppercase;
cursor: pointer;
}
.page-id-19 form textarea {
height: 200px !important;
resize: none;
}
.gfield_description,
.gform_validation_container {
display: none !important;
}
.gfield_error input[type="text"],
.gfield_error textarea {
border-color: red;
}
.gfield_error .gfield_consent_label {
color: red;
}
.page-id-21 .form-block {
margin-top: 50px;
}
.page-id-21 label {
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 15px;
margin-bottom: 3px;
}
.form-check input {
width: .9375rem;
height: .9375rem;
display: inline-block;
position: relative;
top: 0;
margin: 0 10px 0 0;
padding: 0;
border: 1px solid #000;
outline: none;
vertical-align: top;
margin-right: 15px !important;
}
.form-check-input a {
color: #000 !important;
text-decoration: underline !important;
}  .description {
overflow: hidden;
color: #FFF;
padding: 45px 60px;
}
.description h1 {
color: #fff;
}
#list {
position: absolute;
top: 0;
left: 0;
right: 30px;
}
#list a {
border-radius: 0;
height: 38px;
margin: 0;
}
#list a.active {
background-color: #516E7B;
}
#text {
overflow: hidden;
overflow-y: scroll;
padding: 30px 15px;
}
#text h3 {
margin-bottom: 10px;
}
#text .row {
margin-bottom: 20px;
}
#text a {
color: #000;
word-break: break-word;
}
#text a.btn-primary {
color: #FFF;
}
@media (max-width: 1199px) {
#list {
display: none;
}
#text {
margin-top: 0;
overflow: hidden;
margin-left: 0;
height: auto !important;
}
}
.page-id-19 form .gfield_checkbox label {
display: inline-block;
}
.page-id-21 .booking_form input[type="button"] {
margin-top: 50px;
} .page-id-8 .site-main .row {
margin-bottom: 30px;
}
.page-id-8 .row img {
width: 100%;
height: auto;
}
.page-id-429 .intro,
.page-id-894 .intro {
margin-bottom: 30px;
}
.page-id-429 .site-main .row,
.page-id-894 .site-main .row {
margin-bottom: 30px;
}
.page-id-429 .row img,
.page-id-894 .row img {
width: 100%;
height: auto;
}
@media (min-width: 1200px) {
.page-id-894 .site-main .row {
max-height: 410px;
}
}
@media (max-width: 1199px) {
.page-id-8 .col-md-5:last-child {
padding-top: 40px;
}
}
.site-main ul {
padding-left: 18px;
}
.site-main ol {
padding-left: 20px;
} .page-id-17 img.side {
width: calc(100% + 30px);
margin-left: -30px;
}
.page-id-17 .intro {
margin-left: -30px;
}
.block2,
.block3 {
padding: 45px 60px 30px 0;
}
.block2 {
color: #FFF;
}
.page-id-17 iframe {
margin-bottom: 20px;
}
.btn-history {
width: 100%;
width: calc(100% + 30px);
margin-top: 20px;
margin-left: -30px;
} .page-id-123 .bg-blue {
overflow: hidden;
color: #FFF;
padding: 45px 60px;
}
.page-id-123 .bg-blue h1 {
color: #FFF;
}
.page-id-123 .bg-blue ul {
padding-left: 20px;
} .read-me h2,
.read-me h3 {
position: relative;
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-weight: 700;
margin-top: 50px;
}
.read-me h2:before {
content: '.';
position: absolute;
left: -20px;
top: -6px;
} .catering-nav {
margin-bottom: 50px;
}
.cat-btn {
margin-right: 20px;
9e5811
}
.cat-btn:hover {
background: #9e5811;
}
.page-id-680 .header-image {
height: 500px;
overflow: hidden;
}
.page-id-680 .header-image .overlay {
display: block;
background-color: #fff;
width: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
z-index: 1;
}
.page-id-680 .header-top {
margin-top: -100px;
}
.page-id-680 .catering-block,
.page-id-680 .bbq-block {
margin-top: 30px;
}
.page-id-680 .catering-wrapper,
.page-id-680 .bbq-wrapper {
margin-bottom: 50px;
}
.page-id-680 .bbq-wrapper {
margin-bottom: 25px;
}
.page-id-680 .bg-blue,
.page-id-680 .bg-orange {
overflow: hidden;
color: #FFF !important;
padding: 45px 60px;
}
.page-id-680 .bg-blue h1,
.page-id-680 .bg-orange h1 {
color: #FFF;
}
.page-id-680 .bg-blue h3,
.page-id-680 .bg-orange h3 {
color: #FFF;
}
.page-id-680 .bg-blue a {
color: #FFF;
}
.page-id-680 .bg-blue ul {
padding-left: 10px;
}
.menu-info {
font-weight: 300;
font-style: italic;
padding-left: 10px;
}
.page-id-680 table {
margin: 30px 0 0 0;
}
.page-id-680 table thead {
color: #fff;
border: none;
}
.page-id-680 .traiteur {
margin: 50px 0;
}
.traiteur-info {
font-weight: 300;
font-style: italic;
margin-top: 10px;
font-size: 16px;
}
.menu-traiteur {
margin-top: 50px;
}
.catering-btn {
color: #BB6916;
}
.catering-btn:hover {
color: #9e5811;
} .page-id-1153 h1 {
font-size: 32px;
}
.accordion.row {
margin-left: -10px;
margin-right: -10px;
}
.page-id-1153 .accordion {
margin-bottom: 50px;
margin-top: 40px;
}
.accordion.row .col-lg-6 {
padding-right: 10px;
padding-left: 10px;
}
.btn-faq {
position: relative;
background: #e4e9ea;
font-weight: 700;
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 12px 40px 12px 20px;
margin-bottom: 0;
cursor: pointer;
}
.btn-faq:after {
content: '';
display: block;
width: 20px;
height: 20px;
background: url(//driehoekshoeve.be/wp-content/themes/driehoekshoeve/img/icons.svg) no-repeat;
background-position: -20px 0;
background-size: 60px 20px;
position: absolute;
top: 50%;
margin-top: -10px;
right: 15px;
}
.btn-faq.collapsed:after {
background-position: 0 0;
}
.faq-question {
margin-bottom: 20px;
}
.faq-block {
border: 1px solid #e4e9ea;
border-top: 0;
padding: 0 20px;
}
.faq-block p:first-child {
padding-top: 20px;
}
.single-blogpost .article-title {
font-size: 28px;
margin-bottom: 0;
}
@media (min-width: 992px) {
.single-blogpost .article-title {
font-size: 42px;
}
}
.single-blogpost .meta {
color: #BB6916;
font-weight: 700;
}
.single-blogpost .meta a {
color: #BB6916;
}
.single-blogpost .wp-post-image {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.single-blogpost .article-footer {
font-size: 14px;
color: #BB6916;
border-top: 1px solid #BB6916;
border-bottom: 1px solid #BB6916;
padding: 10px 0;
margin-bottom: 50px;
margin-top: 40px;
font-weight: 700;
}
.single-blogpost .article-footer a {
color: #BB6916;
}
.single-blogpost .article-footer .icon {
width: 20px;
height: 20px;
background: url(//driehoekshoeve.be/wp-content/themes/driehoekshoeve/img/social.svg) no-repeat;
background-position: 0 0;
background-size: 60px 20px;
display: inline-block;
text-indent: -999px;
margin-left: 5px;
}
.single-blogpost .article-footer .icon-li {
background-position: -20px 0;
}
.single-blogpost .article-footer .icon-tw {
background-position: -40px 0;
}
.single-blogpost p + h2,
.single-blogpost p + h3,
.single-blogpost p + h4,
.single-blogpost p + h5 {
margin-top: 30px;
}
.single-blogpost .wp-block-columns {
margin: 15px 0;
}
.single-blogpost .wp-block-image img {
width: 100%;
height: auto;
}
.article-sidebar>div {
margin-bottom: 20px;
}
.article-sidebar .widget-title {
font-family: 'Lato', Arial, Helvetica, sans-serif;
margin-bottom: 10px;
font-size: 16px;
font-weight: 700;
}
.article-sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
.article-sidebar ol {
margin: 0;
padding: 0;
}
.article-sidebar ul li,
.article-sidebar ol li {
position: relative;  
margin-bottom: 5px; 
}
.article-sidebar ol li::marker {
position: absolute; 
left: 0;
top: 5px;
display: block;
width: 25px;
text-align: right;
}
.article-sidebar ul a,
.article-sidebar ol a {
padding: 5px 15px;
background-color: #e5eaeb;
display: block;
color: #516E7B;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.article-sidebar ul a:hover,
.article-sidebar ul a:focus,
.article-sidebar ul a:active {
background-color: #516E7B;
color: #fff;
}
.article-sidebar ol li a {
background-color: #f1e1d0;
}
.article-sidebar ol li:first-child a {
background-color: #eed9c5;
}
.article-sidebar ol li:last-child a {
background-color: #f5e9dc;
}
.article-sidebar ol li a:hover,
.article-sidebar ol li a:focus,
.article-sidebar ol li a:active {
background-color: #BB6916;
color: #FFF;
}
#article-list .article {
border: 1px solid #516F7B;
display: block;
color: #516E7B;
height: 100%;
position: relative;
padding-bottom: 45px;
}
#article-list .col-md-6 {
margin-bottom: 40px;
}
#article-list .article .excerpt {
padding: 25px 25px 15px;
}
#article-list .article-title {
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 18px;
margin-bottom: 0;
font-weight: 700;
}
#article-list .meta {
color: #BB6916;
font-weight: 700;
}
#article-list .meta a {
color: #BB6916;
}
#article-list .wp-post-image {
width: 100%;
height: auto;
margin-bottom: 0;
}
#article-list .read-more {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
background-color: #e4e9ea;
padding: 10px 25px;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#article-list .read-more:after {
content: '';
display: block;
width: 20px;
height: 20px;
background: url(//driehoekshoeve.be/wp-content/themes/driehoekshoeve/img/icons.svg) no-repeat;
background-position: 0 0;
background-size: 60px 20px;
position: absolute;
top: 50%;
margin-top: -10px;
right: 15px;
}
.article:hover .read-more,
.article:focus .read-more,
.article:active .read-more {
background-color: #f5e9dc;
}
.archive-title {
font-size: 28px;
}
@media (min-width: 1200px) {
.archive-title {
font-size: 42px;
margin-bottom: 0;
}
}
#archive-title h4 {
font-family: 'Lato', Arial, Helvetica, sans-serif;
display: block;
float: right;
font-weight: 700;
margin: 10px 40px 10px 0;
} 
#archive-title form {
padding: 0;
display: block;
margin: 8px 0;
width: 100%;
}
@media (min-width: 1200px) {
#archive-title form {
float: right;
max-width: 200px;
}
}
#archive-title select {
font-weight: 700;
padding: 5px 10px;
background: #e4e9ea;
border: 0;
color: #516E7B;
display: block;
width: 100%;
}
@media (min-width: 1200px) {
#archive-title {
margin-bottom: 30px;
}
}
#article-list {
margin-bottom: 50px;
}
@media (max-width: 991px) {
.wp-block-image .alignleft,
.wp-block-image .alignright {
width: 100%;
margin-left: 0;
margin-right: 0;
float: none;
}
}
.push-down {
margin-top: 60px;
} #cta {
font-family: 'Oleo Script', Arial, Helvetica, sans-serif;
font-size: 21px;
line-height: 30px;
text-align: center;
color: #FFF;
position: relative;
z-index: 999;
}
#cta span {
display: none;
}
#cta .btn {
float: none;
margin: 0 auto;
}
@media (min-width: 768px) {
#cta span {
display: inline-block;
}
#cta .btn {
float: right;
margin-top: 12px;
clear: none;
}
#cta {
text-align: left;
}
#cta.cta-contact {
text-align: center;
}
#cta.cta-contact .btn {
float: none;
margin-left: 30px;
background-color: #516E7B !important;
border-color: #516E7B !important;
color: #FFF !important;
}
}
@media (min-width: 1400px) {
#cta br {
display: none;
}
#cta .btn {
margin-top: -4px;
}
}
.site-footer {
padding: 15px 0;
line-height: 14px;
overflow: hidden;
}
.site-footer a {
text-decoration: none;
color: #000;
}
.site-footer .wak {
color: #BB6916;
font-weight: 700;
} #toggle-mobile,
#mobile-navigation,
.overlay {
display: none;
}
.menu-open .overlay {
display: none;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 998;
}
@media (max-width: 1199px) {
#toggle-mobile {
display: block;
height: 36px;
z-index: 999;
cursor: pointer;
padding: 0;
border: 0;
outline: none;
margin: 0;
background-color: #fff;
float: right;
margin-left: 20px;
z-index: 9999;
position: relative;
}
.menu-open #toggle-mobile {
border-left: 0;
}
#toggle-mobile div {
position: relative;
width: 36px;
height: 22px;
}
#toggle-mobile span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #BB6916;
border-radius: 0;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#toggle-mobile span:nth-child(1) {
top: 0px;
}
#toggle-mobile span:nth-child(2),
#toggle-mobile span:nth-child(3) {
top: 9px;
}
#toggle-mobile span:nth-child(4) {
top: 18px;
}
#toggle-mobile.open span:nth-child(1) {
top: 9px;
width: 0%;
left: 50%;
}
#toggle-mobile.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#toggle-mobile.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#toggle-mobile.open span:nth-child(4) {
top: 9px;
width: 0%;
left: 50%;
}
#mobile-navigation {
display: block;
width: 100%;
position: fixed;
top: 0;
right: -100%;
bottom: 0;
background-color: #000;
color: #FFF;
}
}
i.fab {
color: #516E7B;
font-size: 2em;
float: right;
margin-right: -15px;
margin-top: 3px;
display: block;
}
i.fab:hover {
transform: scale(1.1);
}
@media (max-width: 1200px) {
i.fab {
margin-right: 30px;
}
}
@media (max-width: 375px) {
.navigation {
margin-left: 18%;
margin-top: 20px;
}
}
.page-id-427 .blocks-gallery-item figure {
height: 250px;
}
@media (max-width: 768px) {
.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc(100% / 2 - 16px);
}
}
.datepick-inline .timespartly div.check-in-div,
.datepick-inline .timespartly div.check-out-div {
background: #ff956d !important;
border: 0 !important;
}
.block_hints .date_approved.block_check_in_out,
.block_hints .block_booked,
.datepick-inline .date_approved,
.block_hints .block_booked a,
.datepick-inline .date_approved a {
color: #000 !important;
font-weight: 400 !important;
}
.datepick-inline .datepick-one-month .datepick .datepick-current-day a {
color: #000 !important;
}
.booking_form .block_hints {
margin-bottom: 0 !important;
}
.datepick-inline .datepick-one-month .datepick .datepick-current-day a,
.datepick-inline .datepick .datepick-days-cell-over a:hover,
.datepick-inline .datepick .datepick-days-cell-over a {
color: #000 !important;
}
.block_hints .date_approved.block_check_in_out,
.block_hints .block_booked {
background-color: #ff5d20 !important;
}
.block_hints .block_pending {
background-color: #ff956d !important;
}
.wp-block-column:not(:first-child) {
margin-left: 0px;
}
.wp-block-columns {
margin-bottom: 0;
}
#ebook-block {
max-width: 720px;
padding: 25px;
color: #FFF;
margin: 0 auto;
}
@media (min-width: 768px) {
#ebook-block { padding: 50px; }
}
#ebook-block h1,
#ebook-block a {
color: #FFF;
}
#ebook img {
max-width: 100%;
height: auto;
margin-top: auto;
margin-bottom: auto;
}
.ginput_container_consent {
position: relative;
padding-left: 20px;
}
.ginput_container_consent input {
position: absolute;
left: 0;
top: 8px;
}
.gfield_required { display: none; }html.slb_overlay object,html.slb_overlay embed,html.slb_overlay iframe{visibility:hidden}html.slb_overlay #slb_viewer_wrap object,html.slb_overlay #slb_viewer_wrap embed,html.slb_overlay #slb_viewer_wrap iframe{visibility:visible}