/**
 * Theme Name:     ic-allesvanfinkers
 * Author:         ThemeIsle
 * Template:       neve
 * Text Domain:	   neve-child
 * Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
 */
 

@import url("../neve/style.css");
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
body{font-family: 'Open Sans', sans-serif !important; background-color: #efefef !important;}
body h1, body h2, body h3, body h4, body h5, body h6, body p, body span, body a, body label, body p{color: #fff;} 
header.header .hfe-nav-menu li>a{font-family: 'Open Sans', sans-serif !important; font-weight: 700;}
nav .hfe-nav-menu li>a{font-family: 'Libre Baskerville', serif !important; text-transform: lowercase;}
footer nav .hfe-nav-menu li>a{font-family: 'Open Sans', sans-serif !important;}
.timeline_caption .title_wrap{font-family: 'Libre Baskerville', serif !important; margin-bottom: 50px;}
.ctm_post_data .title_timeline{font-family: 'Libre Baskerville', serif !important; line-height: 40px;}

.timeline ul li { list-style-type: none; position: relative; width: 6px; margin: 0 auto; /*padding-top: 50px;*/ background-color: #fff; }
.timeline ul li::after { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 30px; height: 30px; border-radius: 50%; background: #00387a; z-index: 1; border: 4px solid #fff; }
.timeline ul li:last-child:before { content: ""; position: absolute; background-image: url(arrow_down.png); width: 26px; height: 16px; bottom: -10px; left: 50%; transform: translateX(-50%); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.timeline ul li div { color: #fff; position: relative; bottom: 0; width: 426px; padding: 0px; }
.in-view { color: #fff; }
.timeline ul li .ctm_featured_img { position: absolute; right: 50px; top: 0; }
.timeline ul li .ctm_post_data { left: 50px; min-height:330px; padding-bottom: 50px;}
.in-view div { left: 20px; }
time { color: #2eb0ff !important; display: block; font-weight: bold; margin-bottom: 8px; }
time h2 { font-size: 45px; margin-bottom: 0px; color: #2eb0ff !important;}
.ctm_post_content { padding: 0 !important;font-size: 14px; }
.ctm_post_content p{ font-size: 14px; font-weight: 400; margin-bottom: 10px;}
.timeline_title h4 { font-size: 21px; margin-bottom: 30px; line-height: 20px; }
.search_form { display: flex; justify-content: space-between; }
.article-content-col .content .nv-meta-list, ul.nv-meta-list { display: none; }
.ctm_button { background: var(--primarybtnbg); color: white; padding: 15px; border-radius: 5px; }
.ctm_button:hover, .ctm_button:focus, .timeline_title, .timeline_title:hover, .timeline_title:focus { color: white; }
.ctm_home_menu ul li a { border-radius: 5px; }
.timeline ul li::after { transition: background 0.5s ease-in-out; }
.timeline ul li.in-view::after { background: #005aa8; border: 4px solid; }
.timeline ul li.in-view div { transform: none; visibility: visible; opacity: 1; }
.timeline-clippy ul li::after { width: 40px; height: 40px; border-radius: 0; }
.timeline-rhombus ul li::after { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
.timeline-rhombus ul li div::before { bottom: 12px; }
header .menu-item { border-right: 1px solid white; }
header .menu-item:last-child { border-right: none; }

.ctm_featured_img img { height: 269px; object-fit: cover; border: none; box-shadow: none; width: 100%; border-radius: 10px; }
.header_search_caption form .hfe-search-form__container{gap: 8px;}
.header_search_caption form .hfe-search-form__container input { min-width: 255px; padding: 9px 40px 8px 50px !important; padding-top: 9px !important; background-image: url(search.png) !important; background-repeat: no-repeat; background-position: center left 15px; border-radius: 10px; color: #8f8f8f !important; font-weight: 400 !important; font-size: 18px;}
.header_search_caption form .hfe-search-form__container input::placeholder{color: #8f8f8f !important; font-weight: 600; font-size: 16px;}
.header_search_caption #clear-with-button { right: 65px !important; color: #8f8f8f !important; display: flex; align-items: center;}
.header_search_caption form .hfe-search-submit { border: 2px solid #fff; border-radius: 10px; }
/*search result css */
.search_result_wrap .elementor-element-populated{text-align: center;}
.search_result_wrap h4{text-align: left;}
.search_result_wrap h3 { font-size: 20px; line-height: 30px; font-weight: 700; margin: 0 0 10px 0; padding: 10px 15px; width: 100%;} 
.search_result_wrap .search_form{margin-bottom: 20px;}
.search_result_wrap .search_form input:focus, .search_result_wrap .search_form select:focus{outline: none; box-shadow: none !important; border-color: #dddddd;}
.search_result_wrap .search_form input[type="submit"]{ background-color:#038FE3 !important; font-family: 'Libre Baskerville', serif !important;}
.search_result_wrap .search_form select { padding: 10px 40px 10px 10px !important; background-image: url(/wp-content/uploads/2023/07/down-arrow-2.png); background-repeat: no-repeat; background-size: 15px; background-position: right 10px center; font-family: 'Open Sans', sans-serif !important; cursor:pointer; }
.listing_wrap { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px;}
.listing_wrap .post_loop { width: calc(100% / 3); padding: 0 10px; margin-bottom: 30px; text-align: left;}
.listing_wrap .post_loop a { color: #000; display: flex; background: #fff; border-radius: 5px 5px 5px 5px; overflow: hidden; flex-wrap: wrap; }
.listing_wrap .post_loop a img { height: 215px; object-fit: cover; width: 100%; }
.listing_wrap .post_loop a h3 { font-size: 20px; line-height: 30px; font-weight: 700; margin: 0 0 10px 0; width: 100%; padding: 10px 15px; color: #000 !important;} 
.listing_wrap .post_loop a h3:last-child { margin: 0px; }
.page-numbers { padding: 5px 8px; border-radius: 4px; text-align: center; display: inline-block; border: 1px solid; margin: 0 5px; min-width: 40px; margin-bottom: 5px !important; border-color: #272626; color: #272626;}
.single .neve-main{margin: 0px !important; padding: 60px 0 100px 0 !important; background: url(/wp-content/uploads/2023/07/Dark-Bg-Green-Shad.webp); background-size: cover; background-position: bottom right; background-repeat: no-repeat;}
.single article{ max-width: 100% !important; margin: 0px !important;}
.single article>.entry-header{margin: 0px !important;}
.single article h1{margin: 0 0 30px 0 !important; text-align: left;}
.single article .nv-thumb-wrap { margin: 0 0 25px 0 !important; display: inline-flex; width: 100%; }
.single article .nv-thumb-wrap img{width: 100%; border-radius: 8px 8px 0 0;}
.single article .nv-content-wrap{margin: 0 0 25px 0 !important; width: 100%; }
.single article .nv-content-wrap p{margin: 0 0 15px 0;}
.single article .nv-content-wrap p:last-child, .single-lezen article .nv-content-wrap p:last-child;{margin: 0px;}
.search_result_wrap h4{font-size: 28px;}
.single article .comments-area{margin: 0px !important;}
.single article .ctm_button{display: inline-block; background: #004FB6 !important;}
body.search-results .search .posts-wrapper .article-content-col { background: #fff; border-radius: 5px; overflow: hidden; }
body.search-results .search .posts-wrapper .article-content-col .img-wrap{margin-bottom: 0px;}
body.search-results .search .posts-wrapper .article-content-col .img-wrap img { height: 215px; object-fit: cover; width: 100%; }
body.search-results .search .posts-wrapper .article-content-col h2 { font-size: 20px; line-height: 30px; font-weight: 700; margin: 0; width: 100%; padding: 10px 15px; } 
.search{margin: 0 !important; text-align: left;}
.search h1{margin: 0 0 30px 0 !important; text-align: left;}
.search .neve-main{padding: 60px 0 100px 0 !important; margin: 0px !important; background: url(/wp-content/uploads/2023/07/Herman-Finkers.png); background-size: cover; background-position: bottom right; background-repeat: no-repeat;}
.search .search.col{margin:0 !important;}
.search .search.col p{margin: 0 0 15px 0 !important;}

.contact_from form p{margin-bottom: 15px !important;}
.contact_from form p:last-child{margin-bottom: 0px !important;}
.contact_from form p label{width: 100%;}
.contact_from form p input, textarea{width: 100%;}
.contact_from form p input:focus, textarea:focus{box-shadow: none !important; outline: none; border-color: #dddddd !important;}
.contact_from form input[type=submit]{display: inline-block !important; width: auto !important;}
.contact_from form .wpcf7-response-output{margin:20px 0 10px 0 !important; font-size: 14px;}
.contact_from form p textarea{max-height: 200px;}
ul.page-numbers{padding: 0px; border: none !important; justify-content: center;}
ul.page-numbers li{margin: 0px !important;}
ul.page-numbers li .page-numbers{margin: 0 5px !important;}
.page-numbers.current{border: 1px solid #2f5aae !important; background: #2f5aae !important; color:#fff !important;}
.person_image{position: relative;}
.person_image>.elementor-element-populated{position: relative; z-index: 4;}
.person_image:after { position: absolute; content: ""; background-image: url(/wp-content/uploads/2023/07/person.png); background-repeat: no-repeat; width: 100%; background-size: contain; background-position: left top; left: -300px; z-index: 1; height: 1200px; top: 155px; }


body .person_image ul.sub-menu, body .person_image ul.sub-menu.sub-menu-open { left: calc(100% + 30px) !important; position: absolute !important; top: 17px !important; background: transparent !important; box-shadow: none !important; }
body .person_image ul.sub-menu.sub-menu-open li { border: 1px solid #fff !important; border-radius: 10px !important; margin-bottom: 8px !important;}
body .person_image ul.sub-menu.sub-menu-open li:last-child{margin-bottom: 0px !important;}
body .person_image ul.sub-menu:after { content: ""; position: absolute; width: 2px; height: 100%; left: -13px; background: #48bcff; top: 0; }
body .person_image ul.sub-menu:before { content: ""; position: absolute; width: 17px; height: 2px; left: -30px; background: #48bcff; top: 0; }

.ctm_category_img{width: 100%; position: absolute;}
.ctm_category_img img{width: 100%; border-radius: 8px; max-height: 590px !important; object-fit: cover !important;}











/*media screen */

@media only screen and (max-width: 1366px) {
    .person_image:after{left: -270px;}
}

@media only screen and (max-width: 1280px) {
    .person_image:after{left: -180px; height: 1020px;}
}

@media only screen and (max-width: 1199px) {
    .person_image:after { left: -90px; height: 920px; }
}

@media only screen and (max-width: 1024px) {
  .header_search_caption form .hfe-search-form__container input{min-width: 290px;}
  .timeline ul li div{width: 310px;}
  .ctm_featured_img img{height: 210px;}
  .timeline ul li .ctm_post_data{min-height: auto; padding-bottom: 50px;}
  body .person_image ul.sub-menu, body .person_image ul.sub-menu.sub-menu-open{min-width: 180px !important;}
  .timeline_title h4{line-height: 24px; margin-bottom: 20px;}
  .ctm_home_menu ul li{margin-bottom: 10px !important;}
  header .menu-is-active ul li a{padding-left: 15px !important; padding-right: 15px !important;}

}

@media only screen and (max-width: 960px) {
    .listing_wrap .post_loop{width: calc(100% / 2);}
    body .person_image ul.sub-menu, body .person_image ul.sub-menu.sub-menu-open {margin-top:-50px min-width: 200px !important; padding: 12px !important; display: inline-block; /*background:#038FE3 !important;*/ }
}

@media only screen and (max-width: 767px) {
    .header_search_caption form .hfe-search-form__container input{min-width: auto; width: 210px !important;}
    .timeline ul li .ctm_featured_img { position: relative; right: auto; left: 50px; margin-bottom: 20px; }
    .timeline ul li{margin-left:20px; }
    .timeline ul li div{width: 460px;}
    footer ul{flex-direction: column !important;}
    footer ul li a{text-align: center !important; justify-content: center !important;}
    .search_result_wrap .search_form{flex-direction: column; gap: 20px;}
    .ctm_post_data .title_timeline{font-size: 32px; line-height: 30px;}
    .timeline_title h4 { line-height: 20px; margin-bottom: 20px; font-size: 18px; }
    .single h1{font-size: 28px; line-height: 1.1em;}
    body.search-results .search h1{font-size: 28px; line-height: 40px;}
    .search h1{font-size: 28px; line-height: 40px;}
    .ctm_category_img{display: none !important;}
}

@media only screen and (max-width: 575px) {
    .timeline ul li div{width: 385px;}
    .ctm_featured_img img{height: 190px;}
    .timeline ul li .ctm_featured_img{left: 40px !important;}
    .timeline ul li .ctm_post_data{left: 40px !important;}
    .listing_wrap .post_loop{width: 100%;}
    .listing_wrap .post_loop a h3{font-size: 18px;}
    .search_result_wrap .search_form input{min-width: 100%;}
    .search_result_wrap .search_form input[type="submit"]{margin-top: 8px;}
    .search_result_wrap .search_form select{min-width: 100%; margin-bottom: 8px;}
    footer ul li a { font-size: 14px !important; font-weight: 500 !important; padding-bottom: 10px !important; padding-top: 10px !important; }
    body.search-results .search .posts-wrapper .article-content-col h2{font-size: 18px;}
    .person_image:after { content: inherit !important;}
}

@media only screen and (max-width: 480px) {
    .timeline ul li div{width: 322px;}
    body .person_image ul.sub-menu li a{font-size: 14px !important; padding: 15px !important;}
    body .person_image ul.sub-menu, body .person_image ul.sub-menu.sub-menu-open{min-width: 175px !important;}
}

@media only screen and (max-width: 420px) {
    .timeline ul li div{width: 262px;}
}

@media only screen and (max-width: 359px) {
    .timeline ul li div{width: 224px;}
    .ctm_featured_img img{height: 175px;}
    body .person_image ul.sub-menu, body .person_image ul.sub-menu.sub-menu-open{min-width: 140px !important;}
}