/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Vars */
:root {
    --scroll: 0;
    --green: #296340;
    --orange: #F07500; 
    --black: #231F1F;
    --light_black: #E0DFDF;
    --light_green: #DAEAE2;
    --light_orange: #FFEBDC;
    --dark-green: #004632;
    --loader-background-color: #EEEEEE;
     --loader-highlight-color: #DEDEDE;
}

/* Default */
* {outline:none!important; box-shadow:none!important;}

#wrapper .max-width-1080 .fusion-builder-row {max-width:1080px!important;}

#wrapper .white-text * {color:#fff!important;}
#wrapper .white-text .fusion-button {background:#fff;}
#wrapper .white-text .fusion-button:hover {background:var(--awb-color5);}
#wrapper .white-text .fusion-button .fusion-button-text {color:var(--awb-color4)!important;}
#wrapper .white-text .fusion-button:hover .fusion-button-text {color:#fff!important;}

/* Buttons */
.button {display:inline-flex; padding:16px 32px; font-weight:bold; color:var(--green); background:#fff; line-height:1.5; }
.button .button-text {line-height:1.5; color:var(--green)}

.button:hover {background:var(--green); color:#fff;}
.button:hover .button-text {color:#fff;}

.btn {padding: 15px 30px; color: #fff; background-color: var(--dark-green); font-size: 16px; font-weight: bold; margin-top: 30px !important; display: inline-block; border: none; cursor: pointer;}
.btn.orange {background-color: var(--orange); border: 1px solid var(--orange)}
.btn.orange:hover{background-color: #fff; color: var(--orange);}

/* Titlebar */
.titlebar-wrapper {display:flex; justify-content: center; width:100%; position:relative; padding:calc(128px) 16px 128px 16px; background-size:cover; background-repeat: no-repeat; background-position: center; background:#F2EFE7}
.titlebar-wrapper .titlebar-bg {position:absolute; left:0; right:0; bottom:0; top:0; background-size: cover; background-repeat:no-repeat;  pointer-events: none;}
.titlebar-wrapper .titlebar-bg:after {content:""; position:absolute; pointer-events:none; left:0; top:0; bottom:0; right:0;  background: linear-gradient(180deg, rgba(35,31,31,0) 0%, rgba(35,31,31,1) 100%); opacity:.8;}
.titlebar-wrapper .titlebar-container {width:100%; max-width: var(--site_width); display:grid; grid-template-columns: repeat(2, 1fr); gap:32px; position: relative; z-index: 2; display: flex; align-items: center; flex-direction: column;}
.titlebar-wrapper .titlebar-container .title h1 {color:#fff; margin:0px;text-align: center; max-width: 570px;}
.titlebar-wrapper .titlebar-container .content p {color:#fff; font-weight:bold; margin-top:0px; text-align: center; max-width: 675px;}
.titlebar-wrapper .titlebar-container .buttons-wrapper {margin-top:32px; display: flex; align-items: center; justify-content: center;}

/* Scroll indicator */
.scroll-indicator {width:100%; height:4px; position:fixed; top:83px; z-index:9999;}
.scroll-indicator .scroll-indicator-container {width:0; height:4px; background-color:var(--orange); width:var(--scroll);}
.admin-bar .scroll-indicator {top: calc(83px + 32px);}

/* Counters */
#wrapper .fusion-counters-box {display:flex; gap:32px; flex-wrap:wrap;}
#wrapper .fusion-counters-box:before {display:none!important;}
#wrapper .fusion-counters-box .fusion-counter-box {background:#fff; width:auto; max-width:calc(50% - 16px); min-width:240px; margin:0;}
#wrapper .fusion-counters-box .fusion-counter-box .counter-box-container {display:flex; align-items:center; gap:16px; padding:16px;}
#wrapper .fusion-counters-box .fusion-counter-box .counter-box-container .content-box-counter .display-counter {font-weight:bold;}
#wrapper .fusion-counters-box .fusion-counter-box .counter-box-container .counter-box-content {max-width:120px;}

/* Projects */
.posts-wrapper:not(.swiper)#projecten .output {display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:32px;}
.posts-wrapper#projecten .output .single {position:relative; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden;}
.posts-wrapper#projecten .output .single:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(rgba(16, 16, 16, 0) 0%, #0f0f0f 100%); opacity:0.5; z-index:8;}
.posts-wrapper#projecten .output .single .image-wrapper {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; z-index:4;}
.posts-wrapper#projecten .output .single .image-wrapper img {height:100%; width:100%; object-fit:cover; transition:.3s;}
.posts-wrapper#projecten .output .single .content-wrapper {padding:16px; min-height:320px; display:flex; align-items:flex-end; position:relative; z-index:12;}
.posts-wrapper#projecten .output .single .content-wrapper .title {font-size:24px; color:#fff; margin-top:0; margin-bottom:0; display:flex;}

.posts-wrapper#projecten .output .single:hover .image-wrapper img {transform:scale(1.1);}

/* Onze Camping */
.posts-wrapper:not(.swiper)#diensten .output {display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:32px;}
.posts-wrapper#diensten .output .single {background:#296340;}
.posts-wrapper#diensten .output .single .image-wrapper {height:240px; width:100%; overflow:hidden;}
.posts-wrapper#diensten .output .single .image-wrapper img {width:100%; height:100%; object-fit:cover; transition:.3s;}
.posts-wrapper#diensten .output .single .content-wrapper {padding:16px; text-align:center;}
.posts-wrapper#diensten .output .single .content-wrapper .title {color:#fff; font-size:24px; margin-top:0; margin-bottom:16px;}
.posts-wrapper#diensten .output .single .content-wrapper .excerpt {color:#fff; margin-bottom:16px; display:flex;}
.posts-wrapper#diensten .output .single .content-wrapper .button-wrapper .button {padding:12px 32px; font-size:16px; line-height:1.2; background:#004632;}
.posts-wrapper#diensten .output .single .content-wrapper .button-wrapper .button .button-text {color:#fff!important;}

.posts-wrapper#diensten .output .single:hover .image-wrapper img {transform:scale(1.1);}
.posts-wrapper#diensten .output .single:hover .content-wrapper .button-wrapper .button {background:#0c2c17;}

/* Review */
body .ti-widget.ti-goog .ti-review-item>.ti-inner { background-color: var(--green) !important; color: #fff;}
body .ti-widget.ti-goog .ti-review-item>.ti-inner *{color: #ffffffc7 !important;}
body .ti-widget.ti-goog .ti-review-item>.ti-inner  .ti-name {color: #fff !important;}

/* Ajax Loader */
.posts-wrapper .loader-wrapper .loader {display:flex; align-items:center; justify-content:center; margin-top:64px;}
.posts-wrapper .load-more-wrapper {display:flex; align-items:center; justify-content:center; margin-top:64px;}
.posts-wrapper .load-more-wrapper .load-more {line-height:1.5; font-weight:bold; padding:16px 32px; border-radius:0; color:#fff; background:var(--orange); display:inline-flex; align-items:center; transition:.3s;}
.posts-wrapper .load-more-wrapper .load-more:hover {background-color:var(--green); color:#fff; cursor:pointer;}

[data-gallery="project"].swiper .posts-footer {display: flex; align-items: center; margin-top: 24px;}
[data-gallery="project"].swiper .posts-footer .swiper-pagination {gap: 12px; position: relative;}
[data-gallery="project"].swiper .posts-footer .swiper-pagination .swiper-pagination-bullet{ width: 20px; height: 20px; border-radius: 50%; background-color: #FFEBDC;}
[data-gallery="project"].swiper .posts-footer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--orange);}
[data-gallery="project"].swiper .posts-footer .swiper-navigation {display: flex; gap: 12px;}
[data-gallery="project"].swiper .posts-footer .swiper-navigation .next,
[data-gallery="project"].swiper .posts-footer .swiper-navigation .prev {display: flex; align-content: center; justify-content: center; background-color: var(--orange); color: #fff; padding: 15px; font-size: 14px; width: 43px; height: 43px;}
[data-gallery="project"].swiper .posts-footer .swiper-navigation .next:hover,
[data-gallery="project"].swiper .posts-footer .swiper-navigation .prev:hover {opacity: 0.7; cursor: pointer;}
[data-gallery="project"].swiper .image-wrapper,.swiper .image-wrapper img {object-fit: cover; width: 100%; height: 100%; user-select: none;}


.single-diensten .wpforms-container {margin: 0 !important;}

.single-diensten .wpforms-container .wpforms-layout-column {display: flex;}
.single-diensten .wpforms-container .wpforms-field {display: flex; flex-direction: column; width: 100%; margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 32px !important;}

.single-diensten .wpforms-container .wpforms-layout-row input,
.single-diensten .wpforms-container .wpforms-layout-row select {margin-top: auto; margin-bottom: 0;}
.single-diensten .wpforms-container .wpforms-layout-row select,
.single-diensten .wpforms-container .wpforms-layout-row input {background-color: transparent !important; border: none; border-bottom: 1px solid #fff !important; border-radius: 0 !important; padding-left: 0 !important; color: #fff !important;}
.single-diensten .wpforms-container .wpforms-layout-row input::placeholder { color: #fff !important; opacity: 0.4; }
.single-diensten .wpforms-container .wpforms-layout-row input::-ms-input-placeholder { color: #fff !important; opacity: 0.4; }
.single-diensten .wpforms-container .wpforms-field-label {color: #fff;}
.single-diensten .wpforms-container button {background-color: var(--orange) !important; border-radius: 0 !important; font-size: 16px !important; border: 1px solid var(--orange) !important;}
body.single-diensten div.wpforms-container button:hover{background: transparent !important; color: #fff !important; background-color: transparent !important;}

.mt-0, .mt-0 p {margin-top: 0 !important;}

.scale-1-2{transform: scale(1.2) !important;}
.scale-1-2 p {transform: scale(1); text-align: left !important;}
.scale-1-2 h3 {font-size: calc(30px * 0.8) !important;}
.scale-1-2 .fusion-text p {font-size: 13px;}

#wpforms-309 {margin: 0 !important;} 
#wpforms-309.wpforms-container input,
#wpforms-309.wpforms-container textarea,
#wpforms-309.wpforms-container select {margin-top: auto; margin-bottom: 0;}
#wpforms-309.wpforms-container select {background-color: transparent !important; border: none !important; border-radius: 0% !important; font-size: 12px !important; padding: 0  !important; color: #fff; opacity: 0.4;}
#wpforms-309.wpforms-container textarea,
#wpforms-309.wpforms-container input {background-color: transparent !important; border: none; border-bottom: 1px solid #fff !important; border-radius: 0 !important; padding-left: 0 !important; color: #fff !important;}
#wpforms-309.wpforms-container textarea::placeholder,
#wpforms-309.wpforms-container input::placeholder { color: #fff !important; opacity: 0.4; }
#wpforms-309.wpforms-container textarea::-ms-input-placeholder,
#wpforms-309.wpforms-container input::-ms-input-placeholder { color: #fff !important; opacity: 0.4; }
#wpforms-309.wpforms-container .wpforms-field-label {color: #fff;}
#wpforms-309.wpforms-container button {background-color: var(--orange) !important; border-radius: 0 !important; font-size: 16px !important; border: 1px solid var(--orange) !important;}

.half-bg{ background: rgb(242,239,231) !important; background: -moz-linear-gradient(180deg, rgba(242,239,231,1) 0%, rgba(242,239,231,1) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%) !important; background: -webkit-linear-gradient(180deg, rgba(242,239,231,1) 0%, rgba(242,239,231,1) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%) !important; background: linear-gradient(180deg, rgba(242,239,231,1) 0%, rgba(242,239,231,1) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2efe7",endColorstr="#000000",GradientType=1) !important;}