/*
Theme Name: Kinderwijs
Template: Impreza
Version: 1.0
*/


/*header*/
.w-html.ush_html_1 .user_menu{position: absolute; left: 0; right: 0; z-index: 999; background: #2fb8f0; display: none;}
.w-html.ush_html_1 .user_menu.active{display: block}
.w-html.ush_html_1 .user_menu .profile_image { width: 100%; text-align: center; padding-left: 20px; padding-right: 20px; margin-top: 10px}
.w-html.ush_html_1 .user_menu .profile_image img { border-radius: 50%; border: 5px solid #fff; }
.w-html.ush_html_1 .user_menu .profile_info { width: 100%; text-align: center; font-size: 14px; margin: 20px 0px}
.w-html.ush_html_1 .user_menu .profile_info .course_points { color: #5f2587; font-size: 50px; font-weight: 700; margin-bottom: 0px; line-height: 50px}
.w-html.ush_html_1 .user_menu .user_menu_items ul{list-style: none; margin-left: 0px}
.w-html.ush_html_1 .user_menu .user_menu_items ul li {width: 100%; text-align: center; border-top: 1px solid #1d87b3; margin-bottom: 0; padding: 5px; line-height: 25px;}
.w-html.ush_html_1 .user_menu .user_menu_items ul li:hover {background: #1d87b3}
.w-html.ush_html_1 .user_menu .user_menu_items ul li a {width: 100%; text-align: center; font-size: 16px;}

/*general*/
.box-shadow{-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25)!important;-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25)!important;box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25)!important;}
.ucfirst{text-transform: capitalize}

.stretch_height .wpb_wrapper,
.stretch_height .wpb_wrapper .w-grid,
.stretch_height .wpb_wrapper .w-grid .w-grid-list,
.stretch_height .wpb_wrapper .w-grid .w-grid-list .w-grid-item{height:100%;}

/* Cross sells */
.cross-sells h2{margin-bottom: 2rem!important;}

/*single course page*/
.course_text_overlay{margin-top: -250px;}

/*video*/
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*blog page*/
.w-grid.type_carousel.layout_518 .owl-dots{position: absolute; bottom: 17px; width: 100%!important;}

/*FAQ*/
.w-tabs-section .w-tabs-section-header,
.w-tabs-section .w-tabs-section-header.active,
.w-tabs-section .w-tabs-section-header:hover{background: #62237c!important; color: #fff; }
.w-tabs-section .w-tabs-section-header .w-tabs-section-title,
.w-tabs-section .w-tabs-section-header .w-tabs-section-control{color: #fff; }
.w-tabs-section .w-tabs-section-content{background: #EFF8FE; padding: 3rem;}
.w-tabs-section .w-tabs-section-content #respond{border-color:#62237c;}

/*Menu*/
.type_mobile .request_demo {background:#62237c!important; color: #fff; }
.type_mobile .request_demo.current-menu-item > a{color:#fff!important;}
.type_mobile .request_demo a:hover {color: #fff!important; }
.type_mobile .my_account{ background: #2fb8f0; color: #fff;}
.type_mobile .my_account:last-of-type{margin-bottom: 10px;}
.type_mobile .my_account a:hover{color:#fff!important;}
.type_mobile .my_account.current-menu-item > a{color:#fff!important;}
.type_mobile .w-nav-list.level_1.hover_simple{padding-bottom: 10px;}

.p1{margin-bottom: 0;}

/* Person */
.w-person.layout_square .w-person-links, .w-person.layout_circle .w-person-links{display: none;}

/** Start icon boxes **/
.icons_col_6 .vc_column-inner .wpb_wrapper{display: flex; justify-content: space-between;}
.icons_col_6 .w-iconbox .w-iconbox-icon{-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25)!important;-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25)!important;box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25)!important;}
.icons_col_6 .w-iconbox .w-iconbox-icon img{width: 1.5em}
.icons_col_6 .w-iconbox .w-iconbox-text{margin-top: 1rem;}
.icons_col_6.usps_text .wpb_wrapper p::before,
.icons_col_6 .w-iconbox .w-iconbox-text::before{content:'✔'; font-family: "ZapfDingbats"; display: inline-block; color: #e5007d; font-size: 24px; font-weight: bold; margin-right: 10px;}
.icons_col_6 .w-iconbox .w-iconbox-text p{display: inline-block}

/** Start icon boxes **/
.icons_col_3 .vc_column-inner .wpb_wrapper{display: flex; justify-content: space-between;}
.icons_col_3 .w-iconbox .w-iconbox-icon{-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25)!important;-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25)!important;box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25)!important;}
.icons_col_3 .w-iconbox .w-iconbox-icon img{width: 1.5em}
.icons_col_3 .w-iconbox .w-iconbox-text{margin-top: 1rem;}
.icons_col_3.usps_text .wpb_wrapper p::before,
.icons_col_3 .w-iconbox .w-iconbox-title{color:#5f2587; font-size: 20px!important;}
.icons_col_3 .w-iconbox .w-iconbox-title::before{content:'✔'; font-family: "ZapfDingbats"; display: inline-block; color: #e5007d; font-size: 24px; font-weight: bold; margin-right: 10px;}
.icons_col_3 .w-iconbox .w-iconbox-text p{display: inline-block}

/** Start mailchimp newsletter **/
.mc4wp-form .mc4wp-form-fields p{margin-bottom: 10px;}
.mc4wp-form .mc4wp-form-fields p.checkboxes{margin: 1rem 0;}
.mc4wp-form .mc4wp-form-fields p.checkboxes label{margin-right: 1.5rem;}
.mc4wp-form .mc4wp-form-fields p.checkboxes input{width: 1rem; height: 1rem;}
.mc4wp-form .mc4wp-form-fields p.checkboxes span{font-size: 18px; color: #fff;}
.mc4wp-form input[type="submit"]{background-color: transparent!important; border: 2px solid white;}
.no-touch .mc4wp-form input[type="submit"]:hover,
.mc4wp-form input[type="submit"]:hover{background-color: white!important;color:#e5007d!important;}

/* Start button styling */
.btn_blue input[type="submit"]{background-color: #00b0eb}
.btn_blue input[type="submit"]:hover{background-color: #179bd1!important;}
.btn_center .submit_container{text-align: center;}

/** Start text overlay **/
.text_overlay_container{margin-top: -600px!important;}
.text_overlay_container .wpb_row.vc_inner{-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25)!important;-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25)!important;box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25)!important;}

/** Font style classes **/
.fs_48 *{font-size: 48px!important; line-height: 58px!important;}

/** Margin classes **/
.mb-1{margin-bottom: 0.5rem;}
.mb-2{margin-bottom: 1rem;}
.mb-3{margin-bottom: 2rem;}
.mb-4{margin-bottom: 3rem;}

.mt-1{margin-top: 0.5rem;}
.mt-2{margin-top: 1rem;}
.mt-3{margin-top: 2rem;}
.mt-4{margin-top: 3rem;}

.mr-1{margin-right: 0.5rem;}
.mr-2{margin-right: 1rem;}
.mr-3{margin-right: 2rem;}
.mr-4{margin-right: 3rem;}

.ml-1{margin-left: 0.5rem;}
.ml-2{margin-left: 1rem;}
.ml-3{margin-left: 2rem;}
.ml-4{margin-left: 3rem;}

/* General classes */
.overflow_hidden{overflow: hidden;}
.bg_pos_top > .vc_column-inner{background-position: top!important;}
.valign_center{display: flex; align-items: center;}

/** Checks **/
.add_check_to_strong strong::before{content:'✔'; font-family: "ZapfDingbats"; display: inline-block; color: #e5007d; font-size: 24px; font-weight: bold; margin-right: 10px; }

/** Main Menu **/
#page-header .w-nav > ul ul{min-width: 8rem;}
#page-header .w-nav > ul ul a{font-size: 18px; font-weight: 400;}

/* Buttons */
.product .us-nav-style_4>*, .product  .navstyle_4>.owl-nav div, .product .us-btn-style_4{padding: 0.8rem 0.2rem; white-space: nowrap;}
button[type="submit"]:not(.w-btn), input[type="submit"]{background-color: #2fb8f0}
button[type="submit"]:not(.w-btn):hover, input[type="submit"]:hover{background-color: #179bd1!important;}

/* Socials link */
.w-socials-item.email span{background-color: #ff00ff!important;}
.w-socials-item.facebook .w-socials-item-link:after{font-size: 24px;}


/* 404 page */
.error404 .align-center{text-align: center;}
.error404 .align-center .search-submit{margin-top: 25px;}
.error404 .align-center input:not([type="submit"]){background-color: #fff; box-shadow: none; }
.error404 .search-form{display: inline-block}

/* Recaptcha badge */
.grecaptcha-badge{opacity: 0!important;}

.calculation_summary .discount{color: green;}
.calculation_summary .total{font-weight: bold;}
.calculation_summary .head,
.calculation_summary .body .row,
.calculation_summary .footer > div{display: grid; justify-content: space-between; grid-template-columns: repeat(3, 1fr); padding: .5rem; gap: 1rem; white-space: nowrap}
.calculation_summary .head > *:not(:first-child),
.calculation_summary .body .row > *:not(:first-child),
.calculation_summary .footer > div > *:not(:first-child){text-align: right;}
.calculation_summary .footer > div > div:first-child{grid-column: span 2; text-align: right;}

.calculation_summary .body{border-top: 1px solid #5f2587;border-bottom: 1px solid #5f2587;}
.calculation_summary .total{border-top: 2px solid #5f2587;}

.small_field{margin-bottom: 0!important;}
.small_field input{height: 40px; line-height: 40px;}
.iti .iti__selected-flag{border-radius: 35px; overflow: hidden}

.calculation_forms .address_line_1{flex: initial!important; width: 75%;}
.calculation_forms .address_line_2{flex: initial!important; width: 25%;}

.calculation_forms .gform_page_footer{display: flex; justify-content: space-between;position: relative;}
.calculation_forms .gform_page_footer .gform_previous_button{background-color: transparent !important;border: none;padding: 0;width: fit-content;}
.calculation_forms .gform_page_footer .gform_previous_button:hover{color: #5f2587!important;}
.calculation_forms .gform_page_footer img{position: absolute; right: 1rem; bottom: 0;}
.calculation_forms .gfield_description:last-child{padding-bottom: 0!important;}
.calculation_forms .validation_message {background: transparent!important;border: none!important;padding: 0!important;color: red!important;opacity: 1!important;}
.calculation_forms .gform_page_fields{margin: 0 2px!important;}
.calculation_tool_wrapper .swiper-autoheight .swiper-wrapper{transition-duration: 0ms!important;}

.calculation_tool_wrapper input.datepicker{width: 100% !important}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before{content: '\f053';font-family: 'fontawesome';}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before{content: '\f054';font-family: 'fontawesome';}
.ui-datepicker-calendar .ui-state-hover{color: initial!important;}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default{color:#fff!important;}
.gravity-theme.ui-datepicker .ui-datepicker-header select{border: 1px solid #ccc!important;margin: -10px 5px!important;padding: 10px!important; background-image: none!important;}

.icon_box-shadowed .w-iconbox-icon{box-shadow: 0 0 30px 2px grey !important;}

.w-tabs-list .w-tabs-list-h { background: #2fb8f0!important; color: #fff!important;}
.w-tabs-list .w-tabs-list-h .w-tabs-item{ background: #2fb8f0!important; color: #fff!important;border-top: none!important;}
.w-tabs-list .w-tabs-list-h .w-tabs-item.active{ background: #5f2587!important; color: #fff!important;}
.w-tabs-list .w-tabs-section-content{ padding-left: 20px; padding-right: 20px}

@media only screen and (max-width: 1100px) {
    #page-header .w-nav > ul a{font-size: 18px;}
    .header_hor .ush_menu_1.type_desktop .menu-item.level_1>a:not(.w-btn){padding-left: 0!important;}
}

@media only screen and (max-width: 991px) {
    /** Font style classes **/
    .fs_48 *{font-size: 30px!important; line-height: 30px!important;}

    /* Footer */
    .color_footer-bottom .vc_col-lg-3{margin:0!important;border-bottom: 1px solid white;padding: 1rem 0;}
    .color_footer-bottom .vc_col-lg-3 .vc_column-inner > .wpb_wrapper .footer_title{ margin-bottom: 0; position: relative; cursor: pointer; }
    .color_footer-bottom .vc_col-lg-3 .vc_column-inner > .wpb_wrapper .footer_title::after{content:'\f107'; font-family: "FontAwesome"; position: absolute; right: 0; top: 0; font-weight: normal;}
    .color_footer-bottom .vc_col-lg-3 .vc_column-inner > .wpb_wrapper > *:not(.footer_title){display: none;}
    .color_footer-bottom .vc_col-lg-3.active .vc_column-inner > .wpb_wrapper > *:not(.footer_title){display: block;}
    .color_footer-bottom .vc_col-lg-3.active .vc_column-inner > .wpb_wrapper .footer_title{margin-bottom: 1rem;}
    .color_footer-bottom .vc_col-lg-3.active .vc_column-inner > .wpb_wrapper .footer_title::after{content:'\f106';}
}

@media only screen and (max-width: 900px) {
    #page-header .w-nav > ul ul{margin-top: 0rem;}
}

@media only screen and (max-width: 512px) {
    .icons_col_3 .vc_column-inner .wpb_wrapper,
    .icons_col_6 .vc_column-inner .wpb_wrapper{display: block!important; text-align: center;}
    .icons_col_3 .vc_column-inner .wpb_wrapper .w-iconbox{margin-bottom: 2rem;}
}

@media only screen and (max-width: 800px) {
    /* Newsletter form */
    .mc4wp-form .mc4wp-form-fields p.checkboxes label{width: 100%; display: block}
    .mc4wp-form input[type="submit"]{white-space: break-spaces; font-size: 16px;}

    .header_hor .l-subheader-cell.at_left>*{margin-right: 0;}

    .l-cookie{display: block;}
    .l-cookie .w-btn{float: left; margin-top: 1rem;}

    .w-grid-item-h .slide .slide_title {line-height: 42px;}
}

@media only screen and (max-width: 600px) {
    .calculation_summary .head{display: none;}
    .calculation_summary .body .row,
    .calculation_summary .footer > div{grid-template-columns: repeat(2, 1fr);}
    .calculation_summary .body .row > *:nth-child(3){text-align: left!important;}
    .calculation_summary .footer > div > div:first-child{grid-column: span 1; text-align: left!important;}
    .calculation_tool_wrapper .w-tabs-section-content{padding: 1.5rem!important;}
}

@media only screen and (max-width: 480px) {
    /* Courses grid */
    .courses_grid .g-filters-list .g-filters-item{display: block; width: 100%; float: left; clear: both; margin-bottom: 1rem!important;}
}

/* Activehosted forms */
.activecampaignform label {
    display: none;
}

.activecampaignform input {
    margin-bottom: 10px;
}

.activecampaignform ._button-wrapper._full_width {
    text-align: center;
    padding-top: 10px;
}
/* End activehosted forms */