/*
Theme Name: Deinteractie
Author: converzo
Author URI: https://converzo.nl
Description: The deinteractie Theme based on the famous Wordpress CMS.
Version: 1.0
*/


@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(../css/heading-font.css);
* {margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background: #ffffff;font-size:24px;color: #363636; font-family: 'Barlow Condensed', sans-serif; font-weight: 400;}
p {margin-bottom: 35px;line-height: 1.250;}
p , ul {margin-bottom: 35px;}
a {color: inherit;}
/* ----- Heading Font CSS ------ */

h1,h2,h3,h4,h5,h6 {margin-bottom: 35px;line-height: 1.1;font-family:"forma-djr-text"; color:#452878; width: 100%;}
h1{font-size:40px;}
h2{font-size:40px; color:#986be8;}
h3{font-size:26px;}
h4{font-size: 24px;}
h5{font-size: 22px;}
h6{font-size: 22px;}
strong{font-weight: 700;}
a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus,textarea:focus,select:focus{outline: none;}
input,button,li,i,label,textarea,select{ font-family: 'Barlow Condensed', sans-serif;  font-weight: normal;}
/* global css start */ 
.wrapper{ max-width: 1290px;margin: 0 auto;width: 100%; padding: 0 30px;}

/* global css end */
/* ******************************* main css ***************************** */

.btn_one{ display: inline-block; line-height:1; text-decoration: none; background-color: #452878; color: #FFFFFF; font-family: 'Barlow Condensed', sans-serif; padding: 7px 30px; cursor: pointer; border-radius: 7px; font-weight: 500; font-size: 24px; }



/* header css */
.header { width: 100%; height: auto; position: fixed; background-color: #FFFFFF; top: 0; left: 0; z-index: 99; }
.header .wrapper { max-width: 1780px;position: relative;}
.header .inner_part { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.header .logo { width: 225px; height: 100px; position: relative; transition: all 0.7s ease; }
.header .logo img { max-width: 100%;  display: block; margin: 0 auto; position: absolute; }
.header .right_part { width: calc(100% - 225px); display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center ; }
.header .nav { text-align: right; transition: all 0.7s ease; }
.header .nav ul { list-style: none; display: flex; gap: 40px; flex-wrap: wrap; align-items: center;  margin-bottom: 0;}
.header .nav ul li {position: relative;  transition: 0.7s;}
.header .nav ul li.menu-item-has-children::after{ content: "\f04b"; color: #452878; font-family: FontAwesome; font-size: 10px; position: absolute; right: -15px; top:10px;  transform: rotate(90deg); }
.header .nav ul>li a { display: block; color: #452878; text-decoration: none; position: relative;  font-size: 26px; transition: 0.7s; }
.header .nav ul li a:hover , .header .nav ul li.current_page_item  a{color: #986be8; }

/* Sub-menu */
.header .nav ul li .sub-menu::after{ content: ""; position: absolute; top: -49px; left: 0; width: 100%; height:50px; background: transparent; cursor: pointer; z-index: 9;}
.header .nav ul li .sub-menu{ position: absolute; display: none; top:69px; left: 5px; margin: 0; width: auto; z-index: 9999; min-width: 250px; background-color: #986be8; border-radius: 0 0 10px 10px; border-top: solid 6px #FFFFFF; transition: all 0.7s ease; }
.header .nav ul li:hover .sub-menu{ display: block; opacity: 1;}
.header .nav ul li .sub-menu li a{ text-align: left;}
.header .nav ul li .sub-menu li a { position: relative; padding-left: 10px; padding-right: 15px; margin-left: 0; border-top: 0; color: #FFFFFF; white-space: nowrap; line-height: 40px; font-size: 22px; }
.header.stick .nav ul li .sub-menu{ top: 49px;}
.header.stick .nav ul li .sub-menu::after {top: -22px; height: 22px;}

.mobile_nav{ display: none; }

/*  sub menu */
.mobile_menu{opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s; padding: 150px 30px; z-index: -1; position: fixed;right: 0;top: 0;width: 100%;height: 100%;display: block; transform: translateX(100%); background: rgba(0, 0, 0, 0.85);z-index: 999;}
.mobile_menu .home_link{ position: absolute; top: 0; left: 20px; font-size: 55px; }
.mobile_menu .home_link a { color: #FFFFFF; }
.mobile_menu .home_link i{ font-size: 51px;}

.mobile_menu .close { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; text-align: right; }
.mobile_menu .close a { color: #FFFFFF; font-size: 24px; text-decoration: none; }
.mobile_menu.show{opacity: 1;visibility: visible;pointer-events: all;  z-index: 999;  transform: translateX(0);}
.mobile_menu>ul{margin-bottom: 0;padding-left: 0;list-style: none; display: unset;;}
.mobile_menu ul li{position: relative; margin-bottom: 10px;}
.mobile_menu ul li .arrow::after { content: "\f107"; font-family: 'FontAwesome'; display: block; position: absolute; right: 8px; top: 10px; cursor: pointer; color: #fff; }
.mobile_menu ul li a { color: #fff; display: inline-block; padding: 5px 0; text-decoration: none; font-size: 34px; transition: 0.4s; } 
.mobile_menu ul li a:hover{color: #986be8}
.mobile_menu ul li li{ padding-left: 35px;}

/*  header sticky  */
.header.stick .logo { width: 160px; margin-right: 65px; height: 80px; padding-top: 0; }

/* banner slider css */
.banner_sec { width: 100%; height: auto; position: relative; margin-top: 110px; transition: all 0.7s ease; border-radius: 0 0 40px 40px; overflow: hidden;  z-index: 2;}
.banner_sec.stick { margin-top: 80px; }
.banner_sec > img { width: 100%; display: block; }

.banner_sec:not(.home)::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./images/banner_before.svg) bottom center no-repeat; background-size: contain; z-index: 1; }
.banner_sec:not(.home)::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./images/banner-after.svg) top center no-repeat; background-size: contain; z-index: 1; }

/* interaction_sec css */
.interaction_sec{ padding: 70px 0;}
.interaction_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.home .interaction_sec p strong {color: #363636; font-weight: 700; margin-bottom: 0;}
.interaction_sec p strong {color: #412974; font-weight: 700; margin-bottom: 0;}
.interaction_sec p a ,.interaction_sec p a strong{ color: #986be8; text-decoration: none;}
.interaction_sec p{ width: 100%;}
.interaction_sec p a:hover{text-decoration: underline;}
.interaction_sec .left_part{ width: 75%; padding-right: 5.5%;}
.interaction_sec .right_part { width: 25%; padding: 23px 0 0; margin-bottom: 30px; }
.interaction_sec h1{ width: 100%;}
.interaction_sec  h5{ font-size: 24px;color: #363636; font-weight: 700; margin-bottom: 35px; font-family: 'Barlow Condensed', sans-serif; }
.interaction_sec  h5 strong{ font-size: 16px;}
.interaction_sec p img{ max-width: 238px; display: inline-block;}
.home .interaction_sec p img{ max-width: 180px; display: inline-block;}

/* .interaction_sec ul { display: inline-block; } */
.interaction_sec ul.tick { list-style-type: none; padding-left: 0; }
.interaction_sec ul.tick li { padding-left: 40px; position: relative; margin-bottom: 20px; }
.interaction_sec ul.tick li::before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url("./images/list-bullet.png") left center no-repeat; background-size: 30px; }
.interaction_sec ul{ padding-left: 40px;}
.interaction_sec ul li a{ color: #986be8; text-decoration: none;}
.interaction_sec ul li a:hover{ text-decoration: underline;}
.interaction_sec ul li ul{ margin-bottom: 0; padding-left: 20px;}


/* breadcrumbs css */
.breadcrumb  { width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #1C3F5C; text-transform: capitalize; }
.breadcrumb span[typeof ='ListItem'] { font-size: 14px; color: #1C3F5C; }
.breadcrumb  a { width: auto; color: #452878; text-decoration: none; }
.breadcrumb  .separator:after { content: ">"; padding-left: 10px; padding-right: 10px; }
.breadcrumb  a:hover span { text-decoration: underline; }

/*  map css */
.map_sec{ margin-bottom: 8px;}
.map_sec iframe{width: 100%; height: 375px; display: block;}

/* team_sec css */
.team_sec{ padding: 70px 0}
.team_sec p strong {color: #363636; font-weight: 700; margin-bottom: 0;}
.team_sec p a ,.team_sec p a strong{ color: #986be8; text-decoration: none;}
.team_sec p{ width: 100%;}
.team_sec p a:hover{text-decoration: underline;}
.team_card .img_box{ display: flex; gap: 10px; align-items: flex-end; margin-bottom: 35px;}
.team_card .img_box img{ display: block; border: 12px solid #573d86;}
.team_card .img_box p{ margin-bottom: 0;}
.team_card .img_box p strong{ color: #442777;}
.team_sec .team_card{ border-bottom: 1px solid #ccc; padding-bottom: 35px; margin-bottom: 70px;}
.team_sec .team_card .link_unset { pointer-events: none; color: #363636;}
.team_detail_sec.team_sec .team_card .btn_one{ color: #fff; text-decoration: none;}
.team_sec .team_card_box .team_card:last-child{ margin-bottom: 0;}
/* team_detail_sec css */
.team_detail_sec ul.tick { list-style-type: none; padding-left: 0; }
.team_detail_sec ul.tick li { padding-left: 40px; position: relative; margin-bottom: 20px; }
.team_detail_sec ul.tick li::before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url("./images/list-bullet.png") left center no-repeat; background-size: 30px; }
.team_detail_sec ul{ padding-left:40px;}
.team_detail_sec.team_sec .team_card{ border-bottom: unset; padding-bottom: 0; margin-bottom: 0;}
.team_detail_sec.team_sec .single_img img{ display: block; border:unset}
.team_detail_sec.team_sec ul li { margin-bottom: 35px;}

/* nieuws_sec css */
.nieuws_sec , .nieuws_details_sec{ padding: 70px 0;}
.nieuws_sec .nieuws_card{ display: flex; justify-content: space-between;flex-wrap: wrap; margin-bottom: 35px; padding-bottom: 35px;  border-bottom: 1px solid #ccc;}
.nieuws_sec .nieuws_img{ max-width:300px; width: 100%;}
.nieuws_sec .nieuws_content{ width: calc(100% - 300px); padding-left: 30px;}
.nieuws_sec .nieuws_img img{ aspect-ratio: 3/2; object-fit: cover; display: block; height: 100%; border-radius: 10px;}
.nieuws_sec .nieuws_card:last-child{ border-bottom: unset; margin-bottom: 0; padding-bottom:0}
.nieuws_sec .nieuws_card h3{ margin-bottom: 2px;}

/* pagination css */
.pagination { display: flex; justify-content: center; align-items: center; margin-top: 50px; }
.wp-pagenavi a, .wp-pagenavi span { display: inline-block; padding:5px 16px !important; text-decoration: none; border: 1px solid #452878 !important; color: #444444;  text-align: center; line-height: 1; transition: 0.4s }
.pagination a:hover { background-color: transparent; color: #444444;  }
.pagination a.active { background-color: transparent; color: #fff; }
.wp-pagenavi{ display: flex !important; align-items: center;}


/* nieuws_details_sec details */
.nieuws_details_sec .nieuws_img img{ aspect-ratio: 3/1; object-fit: cover; display: block; border-radius: 20px;}
.nieuws_details_sec .nieuws_img { margin-bottom: 35px; max-width: 1000px; width: 100%;}
.nieuws_details_sec ul , .nieuws_details_sec ol{ padding-left:25px;}
.nieuws_details_sec p a ,.nieuws_details_sec p a strong{ color: #986be8; text-decoration: none;}
.nieuws_details_sec a:hover{ text-decoration: underline;}

/* interaction_sec  home page neiws css */
.interaction_sec .nieuws_sec .nieuws_img{ max-width: 50px; width: 100%;}
.interaction_sec .nieuws_sec .nieuws_content{ width: calc(100% - 50px); padding-left: 10px;}
.interaction_sec .nieuws_sec .nieuws_content p{ font-size: 16px; margin-bottom: 0; line-height: 24px;}
.interaction_sec .nieuws_sec img{ border-radius: 5px;}
.interaction_sec .nieuws_sec .nieuws_card{margin-bottom: 20px;padding-bottom: 20px; text-decoration: none; align-items: center; }


/* contact_sec css */
.contact_sec{ padding: 70px 0;}
.contact_form .input_field { display: flex; width: 100%;  flex-wrap: wrap; margin-bottom: 5px; }
.contact_form label , .contact_form p  { width: 28%; text-align: right; color: #000000; line-height: 45px; font-size: 24px; margin-bottom: 0;}
.contact_form .input_part{ width:70%; margin-left: auto;}
.contact_form .input_part p{ width:100%; margin-bottom: 0; text-align: left; line-height: 1;}
.contact_form input, .contact_form textarea { width: 100%;  max-width: 530px; border-radius: 10px;border: solid 1px #452878; padding: 7px 10px; font-size: 20px; font-family: 'Barlow Condensed', sans-serif;vertical-align: middle;}
.contact_form textarea { height: 190px; resize: none; }
.contact_form input[type=submit] { width: auto;  line-height: 34px; background-color: #452878 ; color: #FFFFFF; font-family: 'Barlow Condensed', sans-serif; border: none; padding: 2px 30px; cursor: pointer; border-radius: 7px; font-weight: 500; font-size: 24px; }

/* interaction_sec css contact  */
.interaction_sec .contact_form { margin-bottom: 35px;}
.interaction_sec .contact_form label , .interaction_sec .contact_form p {text-align: left;}
.contact_form .input_field.radios{ margin-bottom: 35px;}
.contact_form .input_field.radios .input_part  label , .contact_form .input_field.radios .input_part .wpcf7-list-item { display: flex; align-items: center; flex-wrap: wrap; font-size: 20px; cursor: pointer; margin-bottom: 0px; line-height: 30px; width: 100%; }
.contact_form .input_field.radios  input[type="radio"] { width: auto; margin-right: 8px; transform: scale(1.2); }
.contact_form .input_field.radios  input[type="file"] { font-size: 15px;}
.wpcf7-form-control-wrap , .wpcf7-list-item{ margin-left: 0 !important;}
.interaction_sec .wpcf7{width: 100%;}
.interaction_sec .contact_form label{display: inline-block; width: 100%;}

.wpcf7-spinner{position: absolute !important;right: 0 !important;top: 11px !important;}
.wpcf7 form.sent .wpcf7-response-output {width:70% !important; margin-left: auto !important; border-color: #46b450!important;background-color: #46b450!important;color: #fff;border-radius: 50px;text-align: center !important;  padding: 7px 7px !important;font-size: 16px !important;line-height: 20px !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output , .wpcf7 form .wpcf7-response-output {  margin-left: 30% !important; max-width: 530px !important; background: red; 
color:#fff; border-color: red !important; border-radius: 50px;text-align: center !important; padding: 7px 7px !important;font-size: 16px !important;line-height: 20px !important; }
.wpcf7-not-valid-tip{ font-size: 0.7em !important; line-height: 2;}


/* error_page */
.error_page{padding: 250px 0px 100px;}
.error_page .inner_part{text-align: center;}
.error_page .inner_part h2{margin-bottom: 50px;}
.error_page .inner_part img{margin-bottom: 50px;}
.error_page .btn-box{ display: flex; justify-content: center; align-items: center; margin-top: 50px;}
.error404 .map_sec{ display: none;}


/* footer css */
.footer{background-color: #7c68a0; padding: 13px 30px; color: #fff;}
.footer .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.footer .left_part{ width: 200px;}
.footer .right_part{ width: calc(100% - 200px); text-align: center;}
.footer h5{ margin-bottom: 35px; font-family: 'Barlow Condensed', sans-serif; color: #fff; font-weight: 400;}
.footer .right_part{ font-size: 13.33px; color: #fff;}
.footer .right_part{ font-size: 13.33px; color: #fff;}
.footer .right_part a{ text-decoration: none;}
.footer .right_part a:hover{ text-decoration: underline;}
.footer .right_part strong{font-weight: 700;}
.footer .right_part p a{ text-decoration: none;}
.footer .right_part p { margin-bottom: 15px;}
.footer .social a{ display: inline-block; }
.footer .social i { background-color: #FFFFFF; color: #7c68a0; font-size: 34px; line-height: 55px; text-align: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px; width: 55px; height: 55px; margin-right: 8px; }

/*  backTo Top */
.backTop .cd-top { position: fixed; bottom: 15px; right: 75px; height: 50px; width: 50px; visibility: hidden; opacity: 0; z-index: 999999999; background-color: #fccf04; -webkit-border-radius: 35px; -moz-border-radius: 35px; -khtml-border-radius: 35px; border-radius: 35px; text-align: center; padding-top: 4px; }
.backTop img { width: 30px; height: auto; }
.backTop  .cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.backTop  .cd-top.cd-fade-out { opacity: 1; }



@media screen and (max-width: 1279px) {
.header .logo{ width: 160px;}
.header .right_part{width: calc(100% - 160px);}
.header .nav ul{ gap: 25px;}
.header.stick .logo{ margin-right: 0; width: 130px;}
.header.stick .logo.right_part{width: calc(100% - 130px);}
.backTop .cd-top { bottom: 15px; right: 15px; }
}


@media screen and (max-width: 1023px) {
p , ul {margin-bottom:20px;}
h1,h2,h3,h4,h5,h6 {margin-bottom: 20px;}

.wrapper , .header .wrapper{ max-width: 100%; padding: 0 20px;}
.nav { display: none; }
.mobile_nav { display: block; width: auto; text-align: right; padding: 7px 0 13px 0; letter-spacing: -1px; font-size: 24px; }
.mobile_nav a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; }
.mobile_nav i { padding-left: 15px; font-size: 36px; position: relative; bottom: -5px; color: #986be8; }
.interaction_sec .left_part{ width: 100%; padding-bottom: 35px; padding-right: 0;}
/* .interaction_sec .right_part { width: calc(100% + 40px); margin-left: -20px; padding-left: 20px; padding-right: 20px; border-left: 0; background-color: #fccf04; display: block; margin-bottom: 20px;} */
.interaction_sec .right_part{ width:100%; padding-top:0}
.interaction_sec{ padding: 50px 0 ;}
.interaction_sec .inner_part {display: block; width: 100%; float: left;}
.footer{padding: 10px 0 20px;}
.footer .left_part{ width: 100%; order: 2; margin-top: 60px; text-align: center;}
.footer .right_part{ width: 100%; order:1; }
.error_page { padding: 150px 0px 50px; }
.interaction_sec .contact_form label{ width: 100%; text-align: left; line-height: 35px;}
.interaction_sec .contact_form .input_part{ width: 100%;}
.team_card .img_box{ flex-wrap: wrap ;}

.nieuws_sec .nieuws_content{ width: 100%; padding-left: 0;}
.nieuws_sec .nieuws_img{ margin-bottom: 30px;}
.interaction_sec .nieuws_sec .nieuws_img{margin-bottom:0}
.team_sec .team_card {padding-bottom:20px; margin-bottom:30px}
.nieuws_sec , .nieuws_details_sec{ padding:50px 0}
.contact_sec , .team_sec{ padding: 50px 0;}
.interaction_sec ul, .team_detail_sec ul{ padding-left: 30px;}
.interaction_sec p img.wp-smiley,.interaction_sec p  img.emoji {width: 0.7em !important;}
.team_sec p img.wp-smiley,.team_sec p  img.emoji {width: 0.7em !important;}
.team_detail_sec.team_sec ul li{ margin-bottom:20px}
	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output , .wpcf7 form .wpcf7-response-output {margin-left: 0 !important;}
.interaction_sec .contact_form label, .interaction_sec .contact_form p{ width: 100%;}
}

@media screen and (max-width:600px) {

.header .logo{ width: 130px;}
.header .right_part{width: calc(100% - 130px);}

.header.stick .logo{ margin-right: 0; width: 100px;}
.header.stick .logo.right_part{width: calc(100% - 100px);}

/* .banner_sec{ min-height: 300px;}
.banner_sec .bjqs img , .banner_sec .bjqs li{ height: 100% !important; object-fit: cover;} */

.interaction_sec .left_part p img{ max-width: 49%;}
.contact_form label, .contact_form p{ width: 100%; text-align: left;}
.contact_form .input_part{ width: 100%;}
.page-id-31	.interaction_sec h1{ font-size:35px}
.mobile_menu ul li a { font-size:24px}




}