/**
Theme Name: match-it
Author: Elonisas
Author URI: https://www.elonisas.nl
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: match-it
Template: astra
*/
/*Tabs op opleiding detail pagina */
/* Style the tab */

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 14px;
}

.yikes-custom-woo-tab-title {
    display: none;
}

.opleiding-tabs {
}

.opleiding-tabs ul.tabs {
    background: white !important;
    /* border-bottom: 1px solid #cccccc !important; */
    border: none !important;
    padding: 0!important;
}
.opleiding-tabs li.tab {
    margin: 0 !important;
    flex-basis: 33.3%;
}

.opleiding-tabs li.tab > label {
    text-transform: capitalize;
    display: block;
    margin-bottom: 0;
    padding: 12px 15px;
    border: 1px solid #ccc;
    background: #fafbfc;
    color: #333;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s;
    padding: 15px 13px;
    font-weight: bold;
    line-height: 1em;
    height: 100%;
}

.opleiding-tabs li.tab > label:hover {
    color: #de8c44;
}

.tabbed {
	overflow-x: hidden; /* so we could easily hide the radio inputs */
	margin: 0 0 15px 0;
	padding-bottom: 16px;
    border-bottom: 1px solid #ccc;
    line-height: 0;
}

.tabbed [type="radio"] {
	/* hiding the inputs */
	display: none;
}

.tabbed > p {
    margin: 0;
}

.tabs {
	display: flex;
    align-items: stretch;
    flex-wrap: wrap;
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.tab > label {
	display: block;
	margin-bottom: -1px;
	padding: 12px 15px;
	border: 1px solid #ccc;
	background: #fafbfc;
	color: #666;
	font-size: 12px; 
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;	
    transition: all 0.3s;
    padding: 15px 13px;
}
.tab:hover label {
	border-top-color: #f58121;
	color: #333;
}

.tab-content {
	display: none;
    color: #777;
    line-height: 1.85714285714286;
}

/* As we cannot replace the numbers with variables or calls to element properties, the number of this selector parts is our tab count limit */
.tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) label,
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) label,
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tabs .tab:nth-of-type(3) label,
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tabs .tab:nth-of-type(4) label,
.tabbed [type="radio"]:nth-of-type(5):checked ~ .tabs .tab:nth-of-type(5) label, 
.tabbed [type="radio"]:nth-of-type(6):checked ~ .tabs .tab:nth-of-type(6) label, 
.tabbed [type="radio"]:nth-of-type(7):checked ~ .tabs .tab:nth-of-type(7) label {
	background: #fff;
    border-top-color: #de8c44;
}

.tabbed [type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tab-content:nth-of-type(2),
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tab-content:nth-of-type(3),
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tab-content:nth-of-type(4),
.tabbed [type="radio"]:nth-of-type(5):checked ~ .tab-content:nth-of-type(5),
.tabbed [type="radio"]:nth-of-type(6):checked ~ .tab-content:nth-of-type(6) {
	display: block;
}

/*--------------------------------------*/
h1 {
    color: #f58022;
}

.front-check i.fa.fa-check {
    color: #f58022;
}

#form-svg-text {
    height: 70%;
    top: 18%;
}

#form-svg svg:not(:root) {
    overflow: overlay;
}

.elementor-button.elementor-size-sm {
    padding: 0;
}

a.inschrijven {
    color: #5cb85c;
}

a.inschrijven:hover {
    color: gray;
}

span#touch-menu.mobile-menu {
	position: relative;
	margin: 0 auto;
}
section .overlay-navigation > ul, .overlay-navigation div > ul {	
    padding: 200px 15px;
}

/* FOOTER */
footer a, footer p {
    color: #fff;
}

footer a:hover {
    color: #de8c44;
}
/*---------------------------*/


/* WIDGET */
.widget-title {
    color: #204560;
}

.widget {
    border-bottom: 1px solid rgba(222, 140, 68, 0.3);
}
/*-----------------------------------------------------*/


@media (max-width: 1024px) {
    #contact .elementor-element-populated {
        margin: 0 0 0 0;
    }
}

/*  WOOCOMMERCE */
.woocommerce ul.products li.product .ast-woo-product-category, .ast-woo-product-category, .woocommerce ul.products li.product .star-rating, .opleiding-overzicht .price, #training-overzicht .price {
    display: none;
}

td.bookable {
    background: #2fcc70 !important;
}

/*
#page .astra-shop-summary-wrap h2.woocommerce-loop-product__title {
    font-size: 1.2em;
}
*/

.woocommerce div.product .images, .woocommerce-page div.product .images {
pointer-events: none !important;
}

#uitgelicht .astra-shop-summary-wrap, #uitgelicht .description {
    text-align: center;
}

#uitgelicht img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image {
    width: auto;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 15px;
}

.elementor-378 .elementor-element.elementor-element-2c7d9d9 .elementor-cta__button {
    padding: 10px 40px;
}

/* .overzicht .woocommerce ul.products li.product a img {    
    min-height: 175px;
    width: auto;
    object-fit: fill;
    height: 175px;
} */
.overzicht .eael-product-grid.eael-product-simple .woocommerce ul.products li.product img {
    min-height: 175px;
    width: auto;
    object-fit: fill;
    height: 175px;
}
.overzicht .eael-product-grid.eael-product-simple .woocommerce ul.products li.product .button.add_to_cart_button::before {
	content: " "
}

.overzicht .eael-product-grid.eael-product-simple .woocommerce ul.products li.product .button, .eael-product-grid.eael-product-simple .woocommerce ul.products li.product .button.add_to_cart_button {
	margin: 25px 0 0 0 !important;
}

.woocommerce #content .ast-woocommerce-container div.product div.summary, .woocommerce .ast-woocommerce-container div.product div.summary, .woocommerce-page #content .ast-woocommerce-container div.product div.summary, .woocommerce-page .ast-woocommerce-container div.product div.summary {
    width: 100%;
}

.woocommerce div.product .related.products ul.products li.product {
    width: calc(25% - 15px);
}

.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .woocommerce-message a.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce button.button.alt.disabled:hover,
.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons .checkout.wc-forward:hover {
    border-color: #de8c44;
    background-color: #de8c44;
}

.woocommerce div.product div.images img {
    width: 70%;
}

section.related.products {
    margin: 70px 0 0 0;
    /*background: rgba(33,69,95,0.12);*/
    padding: 20px;
}

h2.woocommerce-loop-product__title {
    font-weight: bold;
    color: #de8c44;
    min-height: 75px;
}

p.description {
    color: #585858;
}

.overzicht p.description {
  min-height: 81px; 
}

section.related.products p.description {
  min-height: 163px; 
}

#training-overzicht p.description {
    min-height: 110px;
}

section.related.products h2.woocommerce-loop-product__title, section.up-sells.upsells.products h2.woocommerce-loop-product__title {
    min-height: 110px;
}
section.related.products span.price, section.up-sells.upsells.products span.price {
	min-height: 35px;
}
.up-sells p.description {
    min-height: 162px;
}
section.related.products img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, section.up-sells.upsells.productss img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
	height: 115px;
}
.woocommerce-tabs.wc-tabs-wrapper {
    border-top: 1px solid rgba(222, 140, 68, 0.3);
    border-bottom: 1px solid rgba(222, 140, 68, 0.3);
    padding-top: 50px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #de8c44 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid rgba(0,0,0,.05);
     background: #fafbfc;
    padding: 0 5px;   
}

.woocommerce .widget_shopping_cart .woocommerce-mini-cart__buttons a {
    word-break: normal;
    padding: 10px 15px;
}
.woocommerce ul.products li.product .onsale {
    top: -15px;
	right: 34%;
}
.elementor-element.elementor-products-grid ul.products li.product .onsale, .woocommerce span.onsale {
    padding: 10px;
}

.woocommerce span.onsale {
    background-color: #f58121;
}
li.sale {
    border: 2px solid #de8c44;
    padding: 0 4px !important;
}
.product_meta {
  border-bottom: 1px solid rgba(222, 140, 68, 0.3);
  padding-bottom: 10px;
}

#tab-data td.first-col {
    min-width: 198px;
}

/* MATCH-IT MEDIATORS */
.elementor-widget-default-navmenu .elementor-nav-menu .current-menu-item > a, .elementor-nav-menu .current_page_item > a,
.elementor-widget-default-navmenu .elementor-nav-menu .current-menu-item > a:hover, .elementor-nav-menu .current_page_item > a:hover{
    background-color: transparent;
}

/* MATCH-IT FRONTPAGE */
.trainers-front img.img-responsive.wp-post-image {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.home-acc figure.swiper-slide-inner {
    display: flex;
    align-items: center;
    height: 150px;
}


/* BUURTBEMIDDELING ACADEMIE */
.elementor-150 .elementor-element.elementor-element-bd43a47 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    background-color: #df8c45;
    color: #fff;
}

.elementor-150 .elementor-element.elementor-element-bd43a47 .eael-advance-tabs .eael-tabs-nav > ul li:after {
    border-top: 10px solid #df8c45;
}

.inschrijfform span.elementor-field-option:nth-child(odd) {
    background: #fff;    
}

.inschrijfform span.elementor-field-option:nth-child(odd) label {
    color: #6f787f;
}

.inschrijfform span.elementor-field-option {
    border-bottom: 1px solid #e8e8e8;
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}
.progress-bar.active, .progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-bar-striped, .progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress-wrapper {
  position: relative;
  margin-bottom: 20px;
  display: inline-block;
}
.progress {
  height: 40px;
  min-width: 320px;
  overflow: hidden;
  background-color: rgba(4, 152, 69, 0.3);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress-wrapper .progress-bar-text {
  position: absolute;
  top: 5px;
  left: 15px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.highlighted-product {
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: space-evenly;
    font-family: "Merriweather", Sans-serif;
	background: #de8c45;
	border-radius: 2px;
	padding: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	transition: all .2s;
}

.highlighted-product:hover {
	box-shadow: none;
}

.highlighted-product p {
	margin: 0;
}

.highlighted-product .product {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
}

.highlighted-product h2 {
	color: white;
    font-size: 18px;
    /* font-family: "Merriweather", sans-serif; */
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,255,255, 0.3);
    margin-bottom: 8px;
    padding-bottom: 5px;
}

/* Prive pagina voor cursisten */
body.page-id-2208 .wp-block-columns {
	margin-bottom: 0;
}

/* Verberg booking calendar voor mediation opleidingen */
.single-product .cart {
    display: none;
}

/* Gecombineerde opleidingen specifieke styling */
#product-695 .cart,
#product-712 .cart,
#product-719 .cart {
    display: block;
}

#product-695 .woocommerce-tabs,
#product-712 .woocommerce-tabs,
#product-719 .woocommerce-tabs {
    display: none;
}

#product-695 .direct-inschrijven-btn,
#product-712 .direct-inschrijven-btn,
#product-719 .direct-inschrijven-btn {
    display: none;
}

/* trainers home pagina*/
.trainer-img img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}

/* Hide unwanted tabs */
.woocommerce #content div.product .woocommerce-tabs #tab-title-beschrijving,
.woocommerce #content div.product .woocommerce-tabs #tab-title-inhoud,
.woocommerce #content div.product .woocommerce-tabs #tab-title-data-plaats,
.woocommerce #content div.product .woocommerce-tabs #tab-title-prijs-details {
    display: none;
}
.wc-tab h3 {
    font-size: 1.3rem;
    font-weight: bold;
}


@media screen and (min-width: 56.875em) {
   #masthead .elementor-navigation .menu-item-has-children > a:after {
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        right: 0.225em;
        top: 1.95em;
    }
}

/* STYLING MEDIATION COLLEGE */
/** Custom colours for Gutenberg editor **/

/** Light Blue colours **/
.has-light-blue-background-color {
	background-color: #0cb2dc;
}
.has-light-blue-color {
	color: #0cb2dc;
}

/** Green colours **/
.has-green-background-color {
	background-color: #60be7f;
}
.has-green-color {
	color: #60be7f;
}

/** Gray colours **/
.has-gray-background-color {
	background-color: #6b6b6b;
}
.has-gray-color, .wp-block-button__link.has-gray-color:active, .wp-block-button__link.has-gray-color:focus, .wp-block-button__link.has-gray-color:visited {
	color: #6b6b6b;
}

/** White colours **/
.has-white-background-color {
	background-color: #ffffff;
}
.has-white-color {
	color: #ffffff;
}
/*--------------*/

body.site-id-4 tbody tr:first-child td {
    background: #60be7f;
    color: #fff;
}
li.student > a, .login-stu-mob li.menu-item-has-children > a {
	background-color: #60be7f;
    color: #fff !important;
    border-radius: 2px;
    padding: 7px 10px 7px 10px !important;
    margin-top: 7px;
}
@media screen and (min-width: 65em) {
	.eldropdown-toggle, .elementor-navigation ul .eldropdown-toggle.eltoggled-on, .elementor-menu-toggle {
    	display: none;
	}
}
@media (max-width: 1025px) {
	li.student {
		display: none;
	}
}
body.single h2, body.page h2 {
	text-transform: uppercase;
}
.mc-button {
    border: 1px solid #fff;
}
.mc-button .wp-block-button__link {
    padding: 5px 30px;
}
.mc-button.blauw .wp-block-button__link {
    background-color: #0cb2dc;
}
.mc-button.blauw .wp-block-button__link:hover {
    background-color: #60be7f;
}
.mc-button.groen .wp-block-button__link {
    background-color: #60be7f;
}
.mc-button.groen .wp-block-button__link:hover {
    background-color: #0cb2dc !important;
}
.accreditaties .slick-arrow, .accreditaties ul.slick-dots {
    display: none !important;
}
.cta-btn.uagb-cta__outer-wrap {
    position: relative;
    min-height: 325px;
}
.cta-btn .uagb-cta-text-wrap {
    min-height: 175px;
}
.cta-btn .uagb-cta__button-wrapper {
    position: absolute;
    bottom: -66px;
}
.summer-btn a.wp-block-button__link {
    background: rgb(255 255 255 / 80%);
    border: 1px solid #fff;
}
.summer-btn a.wp-block-button__link:hover {
    color: #000000;
}
section.bottom-cta {
    border-bottom: 1px solid #7a7a7a;
    border-top: 1px solid #7a7a7a;
}
.bottom-cta p {
	margin-bottom: 0;
}
.opleiding-overzicht .uagb-post__inner-wrap, .mc-overzicht .uagb-post__inner-wrap {
	-webkit-box-shadow: 0px 0px 2px 0px rgba(168,168,168,1);
	-moz-box-shadow: 0px 0px 2px 0px rgba(168,168,168,1);
	box-shadow: 0px 0px 2px 0px rgba(168,168,168,1);
}
.opleiding-overzicht .uagb-post__title, .mc-overzicht .uagb-post__title {
	text-transform: uppercase;
    min-height: 60px;
}
.opleiding-overzicht .uagb-post__excerpt, .mc-overzicht .uagb-post__excerpt {
    min-height: 145px;
}
.opleiding-overzicht img, .mc-overzicht img {
    height: 185px;
    object-fit: cover;
    width: 100%;
    object-position: top;
}
.wp-block-uagb-columns {
    z-index: 0;
}
@media (min-width: 450px) {
 	.opleiding-overzicht-front p.has-gray-color.has-text-color {
    	min-height: 245px;
	}
}

p.uagb-cta__desc a {
    color: #60be7f;
}
p.uagb-cta__desc a:hover {
    color: #0cb2dc;
}
/* ACCORDION */
body.site-id-4 span.wp-block-getwid-accordion__header {
    background: #60be7f;
}
body.site-id-4 span.wp-block-getwid-accordion__header a {
    color: #fff;
}

/* BOEKEN OVERZICHT */
body.page-id-478 #primary {
	z-index: 0;
}
body.page-id-478 .wp-block-toolset-views-view-template-block.wpv-block-loop-item.php-to-be-replaced-with-shortcode {
    box-shadow: 0px 0px 2px 0px rgba(168,168,168,0.5);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    min-height: 1175px;
}
body.page-id-478 .tb-grid-column {
    position: relative;
}
body.page-id-478 .tb-field:nth-child(3) {
    min-height: 500px;
}
body.page-id-478 .tb-button {
    position: absolute;
    bottom: 0;
}
form.post-password-form input[type="submit"] {
    color: #000;
}

body.site-id-4 .corona-proof-icon {
    position: absolute;
    bottom: 10px;
    width: auto;
    left: 10px;
    margin: 0;
}

@media screen and (max-width: 1050px) {
    body.site-id-4 .corona-proof-icon {
        width: 120px;
    }
}
@media screen and (max-width: 600px) {
    body.site-id-4 .corona-proof-icon {
        width: 60px;
    }
}

nav.elementor-nav-menu--main {
    position: relative;
    z-index: 999;
}

/* AFGESCHERMDE PAGINA'S */
.downloads td a:before {
    content: url(https://match-it.info/wp-content/uploads/2021/04/download-icon-e1618823525232.png);
    padding-right: 10px;
}

/* MEDIATION COLLEGE */
#overzicht-opleidingen .wp-block-toolset-views-view-template-block.wpv-block-loop-item.php-to-be-replaced-with-shortcode {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.prikbord-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
}

.prikbord-item {
    background: #F8DED2;
    padding: 45px;
}

.prikbord-item--naam {
    font-family: 'Merriweather Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 84px;
    letter-spacing: -2.50105px;
    color: #4A4C4D;
}

.prikbord-item > div {
    margin-bottom: 15px;
}

.orange-button{
	background: #F57B21 !important;
	border: 1px solid #F47321 !important;
	border-radius: 5px !important;
}