/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.menu_style ul.elementor-nav-menu a.elementor-item {
    background-color: #1C3D34;
}
.text_vertical h4 {
    transform: rotate(-90deg);
    line-height: 160px !important;
    position: relative;
    padding: 0px 0px;
}
.text_vertical.text_vertical2 h4:after, .text_vertical.text_vertical2 h4:before {
    content: "|";
    transform: rotate(90deg) !important;
    position: absolute;
    font-weight: 100;
    height: 20px;
    width: 20px;
}
.text_vertical.text_vertical2 h4:before {
    bottom: 38% !important;
    left: 220px;
}
.text_vertical.text_vertical2 h4:after {
    right: 0 !important;
    left: 30px;
    bottom: 60px !important;
}
.text_vertical.text_vertical2{
    position: relative;
    top: 10px; 
}
.newsletter-form em.wpforms-error {
    position: absolute !important;
    margin: 0px 0px 0px 0px !important;
    bottom: -7px;
    color: #ffdede !important;
    font-weight: 600 !important;
    left: 8px;
    padding: 1px !important;
    background-color: #790000 !important;
    color: #ffdddd !important;
    right: 0;
    text-align: center;
    font-size: 12px !important;
    border-radius: 5px !important;
}
.home_agenda_container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.home_agenda_container .home_agenda_content {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    padding: 10px 5px;
    background-color: #fff;
    position: relative;
}
.text_on_image {
    width: 120px;
    text-align: center;
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-ad7507a-font-family), Sans-serif;
    font-size: 40px;
    font-weight: var(--e-global-typography-ad7507a-font-weight);
    text-transform: var(--e-global-typography-ad7507a-text-transform);
    line-height: 1.3;
    letter-spacing: var(--e-global-typography-ad7507a-letter-spacing);
}
.right_data {
    width: calc(100% - 200px);
}
.rightImg {
    width: 45px;
    text-align: center;
}
.right_data ul.categories {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 5px;
}
.right_data ul.categories li {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-66568e3-font-family), Sans-serif;
    font-size: 16px;
    font-weight: var(--e-global-typography-66568e3-font-weight);
    line-height: 15px;
    letter-spacing: var(--e-global-typography-66568e3-letter-spacing);
    background-color: var(--e-global-color-f62d056);
    padding: 2px 7px;
}
.right_data h3 {
    margin: 5px 0px 0px;
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: 1;
}
.right_data h3 a {
    color: var(--e-global-color-primary);
    width: 100%;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.readMoreAlign .elementor-icon-box-icon {
    position: relative;
    bottom: 4px;
}
.agendaListPage .agenda-universal-content,.agendaListPage .verhalen-universal-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.agendaListPage .blogbox {
    display: flex;
    background-color: #fff;
    gap: 30px;
    align-items: center;
}
.agendaListPage .blogbox .post_img_sec {
    position: relative;
    width: 50%;
}
.agendaListPage .blogbox .post_img_sec span {
    position: absolute;
    background-color: #FCAF17;
    color: #FFFFFF;
    font-size: 30px;
    font-family: var(--e-global-typography-ad7507a-font-family), Sans-serif;
    display: block;
    padding: 10px;
    line-height: 1;
    top: 15px;
    left: 15px;
    font-weight: 600;
}
.agendaListPage .blogbox .post_content_div,.agendaListPage .blogbox .post_img_sec {
    width: calc(49%);
}
.agendaListPage .blogbox .post_img_sec * {
    display: block;
}
.agendaListPage .blogbox .post_img_sec img {
    max-height: 400px;
    width: 100%;
    object-fit: cover;
}
.agendaListPage  .post_content_div {
    font-size: 20px;
    font-weight: 400;
    font-family: var(--e-global-typography-ad7507a-font-family), Sans-serif;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    padding: 25px 75px 25px 20px;
}
.agendaListPage .post_content_div ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 7px;
    font-family: var(--e-global-typography-ad7507a-font-family), Sans-serif;
    font-size: 20px;
}
.agendaListPage .post_content_div ul li {
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--e-global-typography-ad7507a-font-family), Sans-serif;
    line-height: 1;
    border-bottom: 1px solid #1C3D34;
}
.agendaListPage .post_content_div h3 {
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: 35px;
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    line-height: 1.3;
    margin: 0;
    min-height: 90px;
}
.agendaListPage .post_content_div>a {
    background-color: var(--e-global-color-primary);
    display: inline-block;
    padding: 10px 20px;
    font-size: 18px;
    color: #fff;
    line-height: 1.2;
}
.agendaListPage .post_content_div h3 a {
    color: var(--e-global-color-primary);
}
.agendaListPage .post_content_div h3 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.agendaListPage .post_content_div>a:hover {
    background-color: #FCAF17;
}
.filterContainer h5 {
    margin: 10px 0px;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--e-global-typography-ad7507a-font-family), Sans-serif;
}
.filterContainer .diensten-filters .custom-select>.bl-lan {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.filterContainer .diensten-filters .custom-select>.bl-lan .filterbox {
    background-color: #1C3D34;
    color: #fff;
    padding: 8px 12px 10px 40px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: 20px;
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    line-height: 1.3;
    position: relative;
}
.filterContainer .diensten-filters .custom-select>.bl-lan .filterbox span {
    display: inline-block;
    line-height: 1;
    position: relative;
    top: 1px;
}
.filterContainer .diensten-filters .custom-select>.bl-lan .filterbox input {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    appearance: none;
    border: 0 !important;
    right: 0;
    left: 0;
    top: 1px;
    bottom: 0;
    cursor: pointer;
    z-index: 9;
}
.filterContainer .diensten-filters .custom-select>.bl-lan .filterbox:has(input[type="radio"]:checked) {
    background-color: #0E7C56;
}
.filterContainer .diensten-filters .custom-select>.bl-lan .filterbox input:after {
    opacity: 0;
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    content: "";
    right: 0;
    left: 15px;
    top: 13.2px;
    bottom: 0;
    border-radius: 50px;
}
.filterContainer .diensten-filters .custom-select>.bl-lan .filterbox input:before {
    top: 8px;
    left: 10px;
    width: 20px;
    height: 20px;
    appearance: none;
    border: 3px solid #fff !important;
    border-radius: 50px;
    content: '';
    position: absolute;
}
.filterContainer .diensten-filters .custom-select>.bl-lan .filterbox:nth-child(4) input:after {
    left: 14.6px !important;
}
.filterContainer .diensten-filters .custom-select>.bl-lan .filterbox input:checked:after {
    opacity: 1;
}
.filterContainer .bl-fltr {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;
    padding: 30px 0px 20px;
}
.filterContainer .bl-fltr .diensten_search {
    display: flex
;
    width: 50%;
    box-shadow: 0px 0px 1px #00000040;
}
.filterContainer .bl-fltr .diensten_search img {
    background-color: #0E7C56;
    padding: 9px;
    width: 44px;
    text-align: center;
}
.filterContainer .bl-fltr .diensten_search input {
    color: #1E1E1E;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--e-global-typography-ad7507a-font-family), Sans-serif;
    border-radius: 0;
    outline: 0px !important;
    border: 0;
}
.filterContainer .childfilterbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}
.filterContainer .childfilterbox h5 {
    width: 100% !important;
    margin-bottom: 0px;
}
.filterContainer .childfilterbox .childfilters {
    background-color: #1C3D34;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    font-family: var(--e-global-typography-ad7507a-font-family), Sans-serif;
    border-radius: 50px;
    padding: 9px 15px;
    display: flex;
    gap: 5px;
    cursor: pointer;
    position: relative;
    border: 2px solid #1C3D34;
    text-transform: uppercase;
}
.filterContainer .childfilterbox .childfilters.active,.filterContainer .childfilterbox .childfilters:hover {
    background-color: transparent;
    border-color: #0E7C56 !important;
    color: #0E7C56 !important;
}
.filterContainer .childfilterbox .childfilters span.checkboxLabel {
    line-height: 1;
    display: flex;
    gap: 5px;
}
.filterContainer .childfilterbox .childfilters input {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}
.filterContainer .dienstenbox_main {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.filterContainer .dienstenbox_main .dienstenbox {
    width: calc(16% - 6px);
    background-color: #fff;
}
.filterContainer .dienstenbox_main .dienstenbox figure {
    background-color: #fff;
}
.filterContainer .dienstenbox_main .dienstenbox figure * {
    display: block;
    width: 100%;
}
.filterContainer .dienstenbox_main .dienstenbox figure img {
    height: 150px;
    object-fit: cover;
}
.filterContainer .dienstenbox_main .dienstenbox h3 {
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: 22px;
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    line-height: 1.3;
    padding: 10px 10px;
    margin: 0;
}
.filterContainer .dienstenbox_main .dienstenbox h3 a {
    color: #0E7C56;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 60px;
}
.filterContainer .dienstenbox_main .dienstenbox span {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--e-global-typography-ad7507a-font-family), Sans-serif;
    padding: 0px 10px 10px;
    display: flex !important;
    gap: 5px;
    align-items: center;
}
.filterContainer .dienstenbox_main .dienstenbox span img {
    width: 14px;
}
.agendaListPage .agenda-pagination-nav,.agendaListPage .verhalen-pagination-nav {
    padding-top: 40px;
}
.agendaListPage .agenda-pagination-nav ul,.agendaListPage .verhalen-pagination-nav ul,.filterContainer .cvf-pagination-nav ul {
    list-style: none;
    padding: 0px;
    display: flex;
    justify-content: center;
    gap: 15px;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--e-global-typography-ad7507a-font-family), Sans-serif;
    color: #fff;
}
.filterContainer .cvf-pagination-nav ul{
    color: #0E7C56;
}
.agendaListPage .agenda-pagination-nav ul li,.agendaListPage .verhalen-pagination-nav ul li,.filterContainer .cvf-pagination-nav ul li {
    cursor: pointer;
}
.agendaListPage .agenda-pagination-nav ul  li.selected,.agendaListPage .verhalen-pagination-nav ul  li.selected,.filterContainer .cvf-pagination-nav ul  li.selected {
    cursor: auto;
    /* color: #FCAF17; */
    border-bottom: 1px solid;
}
.agendaListPage .verhalen-pagination-nav ul li.selected, .filterContainer .cvf-pagination-nav ul li.selected {
    /* color: #1c4039; */
    border-bottom: 1px solid;
}
.filterContainer .ajax-loader {
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 180px;
    bottom: 0;
    background-color: #cddcc5;
    z-index: 1;
}
.filterContainer .ajax-loader img {
    width: 100px;
}
.filterContainer .cvf-pagination-nav{
padding-top: 40px;
}
.filterContainer .childfilterbox .childfilters span.checkboxLabel img {
    width: 12px;
}
.filterContainer .childfilterbox .childfilters img {
    display: none;
}
.filterContainer .childfilterbox .childfilters.active img {
    display: block;
}
em#wpforms-710-field_1-error {
    display: none;
}
.headerSection .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #FFFFFF;
    background-color: #0E7C56 !important;
}
.headerSection .menu_style ul.elementor-nav-menu a.elementor-item:hover{
	background-color: #0E7C56 !important;
}
.wpforms-container.inline-fields .wpforms-form {
    gap: 20px;
}
div#wpforms-710-field_1-container {
    width: 100% !important;
}
button#wpforms-submit-710 {
    background-color: #0E7C56;
}
.int-button .elementor-button-icon svg {
    height: 14px;
}
.elementor-53 .elementor-element.elementor-element-a694a7f > .elementor-widget-container {
    margin: 5px 0px 0px 0px;
}
.news_form button#wpforms-submit-1783 {
    display: block;
    width: 100%;
    border-radius: 0px;
    color: #FFF;
    background-color: #D5643F;
}
.team_form button#wpforms-submit-1819 {
    display: block;
    width: 100%;
    border-radius: 0px;
    color: #FFF;
    background-color: #0E7C56;
}
.readMoreAlign h3.elementor-icon-box-title {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}
.news_form button#wpforms-submit-1783,.team_form button#wpforms-submit-1819 {
    font-weight: 600;
    text-transform: capitalize;
}
.iconSize1 svg {
    width: 12px !important;
    position: relative;
    top: 2px;
}
.aWithIcon svg{
    width: 14px !important;
}
.newsletter-form .wpforms-container.inline-fields .wpforms-field-container {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 240px);
}
.newsletter-form .wpforms-container.inline-fields .wpforms-submit-container {
    width: 220px;
    padding-bottom: 15px;
}
.newsletter-form input#wpforms-710-field_1, .newsletter-form button#wpforms-submit-710 {
    height: 50px;
    border-radius: 0px;
}
.newsletter-form input#wpforms-710-field_1 {
    border: 1px solid #FFFFFF;
}
.news_form input,.team_form input {
    border: 1px solid #6D6E7680 !important;
    border-radius: 1px !important;
    padding: 24px !important;
}
.news_form input::placeholder,.team_form input::placeholder {
color:#232536 !important;
    opacity:0.8 !important;
}
.news_form button,.team_form button,.news_form input,.team_form input  {
    height:60px !important;
}
.sameHeightBox .swiper-slide.e-loop-item {
    background: #fff;
}
.page-id-1426 .wpforms-form div input::placeholder,.page-id-1426 .wpforms-form div textarea::placeholder {
    color: #232536 !important;
    opacity: 1 !important;
}
.iconHover a.elementor-button:hover svg path {
    fill: #fcaf17;
}
li.inactive.dNone,li.active.dNone {
    opacity: 0;
    pointer-events: none !important;
    padding:0px 10px !important;
}
@media(max-width:1200px){
    .filterContainer .dienstenbox_main .dienstenbox h3 a {
        min-height: 50px;
    }
    .filterContainer .dienstenbox_main .dienstenbox h3 {
        font-size: 18px;
    }
    .filterContainer .dienstenbox_main .dienstenbox {
        width: calc(25% - 12px);
        background-color: #fff;
    }
}
@media(max-width:1024px){
    .agendaListPage .blogbox {
        flex-direction: column;
    }
    .agendaListPage .blogbox .post_content_div, .agendaListPage .blogbox .post_img_sec {
        width: calc(100% - 0px);
    }
    .agendaListPage .post_content_div {
        padding: 0px 20px 20px 20px;
        font-size: 16px;
    }
    .agendaListPage .post_content_div h3 {
        font-size: 24px;
        min-height: auto;
    }
    .agendaListPage .agenda-pagination-nav, .agendaListPage .verhalen-pagination-nav {
        padding-top: 15px;
    }
    .text_vertical h4 {
        line-height: 100px !important;
        padding: 0px 10px;
    }
    .text_vertical.text_vertical2 h4:after, .text_vertical.text_vertical2 h4:before {
        content: "|";
        transform: rotate(0deg) !important;
        position: relative;
        color: #da8d00;
    }
    .text_vertical.text_vertical2 h4:before {
        bottom: 0 !important;
        left: -10px !important;
    }
    .text_vertical.text_vertical2 h4:after {
        left: 5px !important;
        bottom: 0 !important;
    }
    .text_vertical.text_vertical2 h4 {
        position: relative;
        top: 8px;
    }
    .fullWidth .wpforms-container.inline-fields .wpforms-field-container .wpforms-field:last-of-type {
        padding: 0px;
    }
    .fullWidth div.wpforms-container-full .wpforms-form .wpforms-submit-container {
        padding: 0px;
        margin: 0px;
    }
    .moveContent {
        position: relative;
        top: 25px;
    }
    .bgRemoveInMob {
        background-image: unset !important;
    }
    .colorDegreeChange {
        background-image: linear-gradient(180deg, var(--e-global-color-primary) 50%, var(--e-global-color-6836456) 50%) !important;
    }
    .mobileNav ul.elementor-nav-menu li.menu-item {
        margin-top: -1px;
    }
    .elementor-element.w100 {
        width: 100%;
    }
}

@media(max-width:767px){
    .agendaListPage .blogbox .post_img_sec span{
        font-size: 20px;
        padding: 5px 10px;
        top: 10px;
        left: 10px;
    }
    .agendaListPage .post_content_div {
        padding: 0px 15px 15px 15px;
    }
    .agendaListPage .post_content_div{
        gap:15px;
    }
    .filterContainer .dienstenbox_main .dienstenbox {
        width: calc(50% - 8px);
    }
    .filterContainer .diensten-filters .custom-select>.bl-lan {
        flex-wrap: wrap;
    }
    .filterContainer .diensten-filters .custom-select>.bl-lan .filterbox {
        width: calc(50% - 5px);
        justify-content: center;
    }
    .filterContainer .bl-fltr {
        flex-direction: column;
        align-items: center;
        gap: 5px;
        padding: 10px 0px;
    }
    .filterContainer .bl-fltr .diensten_search {
        width: 100%;
    }
    .filterContainer .dienstenbox_main .dienstenbox span {
        font-size: 12px;
    }
    .filterContainer .dienstenbox_main .dienstenbox span img {
        width: 12px;
    }
    .filterContainer .ajax-loader img {
        width: 50px;
    }
    .filterContainer .ajax-loader {
        top: 250px;
    }
    .home_agenda_container .home_agenda_content {
        gap: 15px;
        padding: 10px 10px;
        flex-wrap: wrap;
    }
    .text_on_image {
        width: 100%;
        font-size: 30px;
        line-height: 1 !important;
        text-align: left;
    }
    .rightImg img {
        width: 20px;
    }
    .rightImg {
        width: 30px;
        text-align: center;
        position: absolute;
        right: 10px;
        top: 15px;
    }
    .right_data {
        width: 100%;
    }
    .readMoreAlign .elementor-icon-box-icon {
        bottom: -4px;
        display: flex !important;
        align-items: center;
    }
    .text_vertical h4 {
        line-height: 54px !important;
        padding: 0px 0px;
        font-size: 14px !important;
    }
    .news_form button,.team_form button,.news_form input,.team_form input  {
        height:45px !important;
    }
    .colorDegreeChange {
        background-image: linear-gradient(180deg, var(--e-global-color-primary) 45%, var(--e-global-color-6836456) 45%) !important;
    }
    .wpforms-container.inline-fields .wpforms-form * {
        width: 100% !important;
    }
    .wpforms-container.inline-fields .wpforms-form {
        flex-direction: column !important;
    }
    .wpforms-container.inline-fields .wpforms-form,.itemCenter ul>li>a.elementor-item {
        justify-content: center !important;
    }
    .agendaListPage .agenda-pagination-nav ul, .agendaListPage .verhalen-pagination-nav ul, .filterContainer .cvf-pagination-nav ul {
        gap: 10px;
        font-size: 15px;
    }
    li.inactive.dNone, li.active.dNone {
        padding: 0px 0px !important;
    }
}
@media(min-width:1300px){
    .logoMoveRight {
        position: relative;
        right: 2%;
    }
}
@media(min-width:1350px){
    .logoMoveRight {
        position: relative;
        right: 4%;
    }
}
@media(min-width:1400px){
    .logoMoveRight {
        right: 5%;
    }
}
@media(min-width:1450px){
    .logoMoveRight {
        right: 7%;
    }
}
@media(min-width:1500px){
    .logoMoveRight {
        right: 2%;
    }
}
@media(min-width:1550px){
    .logoMoveRight {
        right: 5%;
    }
}
@media(min-width:1600px){
    .logoMoveRight {
        right: 7%;
    }
}
@media(min-width:1650px){
    .logoMoveRight {
        right: 8%;
    }
}
@media(min-width:1700px){
    .logoMoveRight {
        right: 10%;
    }
}
@media(min-width:1750px){
    .logoMoveRight {
        right: 12%;
    }
}
@media(min-width:1800px){
    .logoMoveRight {
        right: 14%;
    }
}
@media(min-width:1850px){
    .logoMoveRight {
        right: 15%;
    }
}
@media(min-width:1900px){
    .logoMoveRight {
        right: 17%;
    }
}
@media(min-width:2000px){
    .logoMoveRight {
        right: 20%;
    }
}
@media(min-width:2100px){
    .logoMoveRight {
        right: 24%;
    }
}
@media(min-width:2200px){
    .logoMoveRight {
        right: 28%;
    }
}
@media(min-width:2300px){
    .logoMoveRight {
        right: 32%;
    }
}
@media(min-width:2400px){
    .logoMoveRight {
        right: 36%;
    }
}
@media(min-width:2500px){
    .logoMoveRight {
        right: 40%;
    }
}