/*!
Theme Name: Barlaeus
Theme URI: https://barlaeus.nl
Version: 1.0.0
Description: Custom theme voor het Barlaeus Gymnasium gemaakt door BasWebDesign. Gebaseerd op Divi.
Template: Divi
Author: BasWebDesign
Author URI: https://baswebhosting.nl
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Vimeo iFrames styling */
.vimeo-iframes iframe {
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
}

/* Make mobile menu scrollable */
.et_mobile_menu {
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}

/* Sidebar border bottom */
.blog-border-bottom article.post.category-nieuws {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

/* Search icon right */
@media screen and (min-width: 981px) {
  button.et_pb_menu__search-button {
    margin-left: auto;
  }
}
@media screen and (max-width: 980px) {
  button.et_pb_menu__search-button {
    margin-right: auto;
  }
}

/* Home menu text hide */
@media screen and (min-width: 981px) {
    .menu-home-text {
        display: none;
    }
}

.menu-home-text {
    margin-left: 10px;
    vertical-align: middle;
}

.menu-home {
    vertical-align: middle;
}

/* Home menu item styling */
.menu-home:before {
    font-family: 'ETMODULES'!important;
    content: "\e074";
    text-align: center;
    font-size: 1.1em;
    color: #000;
}

/* contactform7 list item padding fix */ .wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0;
}

/* Align lees nieuwsbericht buttons bottom */
.dsm-readmore-wrap {
    margin-top: 35px;
}
a.dsm-readmore-btn.et_pb_button.et_pb_custom_button_icon {
    position: absolute;
    bottom: 15px;
}

/* Posts container / nieuws lijst fixes */
.posts-container .et_pb_image_container {
	height: 170px;
	width: auto;
	margin-bottom: 15px;
}
.posts-container .et_pb_image_container img {
	height: 100%!important;
	width: 100%!important;
	object-fit: cover;
}
.posts-container .et_pb_post .entry-featured-image-url {
	display: inline;
}

.barlaeus-vacatures article.dsm-blog-carousel-item.swiper-slide.swiper-slide-active {
    margin-bottom: 25px;
}

/* Heading padding fix */
h1, h2, h3, h4, h5 {
	padding-bottom: 0;
}

/* Barlaeus card boxes */
.barlaeus-card-boxes .dsm_card_carousel_child {
	border-radius: 5px;
	background-color: #fdfdfd;
}
.barlaeus-card-boxes .swiper-wrapper {
	margin-bottom: 25px;
}

/* News width fix */
.barlaeus-news-container .et_pb_row {
	width: 100%!important;
}

/* Menu styling */
ul#mobile_menu2 {
    margin-left: -9%;
    width: 118%;
}
.et_mobile_menu .menu-item-has-children>a {
    font-weight: normal;
}
.et_mobile_menu li a:hover, .nav ul li {
    min-width: 100%;
	transition: background-color 400ms linear!important;
}
.et_mobile_menu li a:hover, .nav ul li:hover {
    background-color: rgb(0 0 0 / 5%);
}
.et_mobile_menu li a:hover, .nav ul li a {
    transition: margin 400ms!important;
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: rgba(0,0,0,0);
	margin-left: 5px;
}


/* Home slider */
/* slider shadow fix */
@media screen and (min-width: 980px) {
	.swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events {
	    width: 1096px;
	    padding-left: 8px;
	    padding-right: 8px;
	    margin-left: -8px;
	    margin-right: -8px;
	}
}

@media screen and (min-width: 768px) {
  .barlaeus-home-slider h1.et_pb_slide_title {
      border-left-width: 2px;
      border-left-color: #7f2100;
      border-style: solid;
      padding-left: 25px!important;
  }
}
.barlaeus-home-slider h1.et_pb_slide_title {
    margin-bottom: 20px;
}

/* Home news carousel slider */
.barlaeus-home-news-slider .swiper-container {
	padding-bottom: 30px;
}


.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\33';
    top: 11px;
    right: 13px;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4b';
}
.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}

/* Mobile menu Barlaeus style */
@media screen and (max-width: 980px) {
	.barl-mobile-menu .et_mobile_menu {
		border-top: none;
		margin-top: 10px;
	}
}

/* Hide home slider image on mobile */
@media screen and (max-width: 767px) {
	.home .et_pb_slide_image img {
		display: none!important;
	}
}

/* Fixes white flash between divi slides */
.et-pb-active-slide {
    opacity: 1!important;
}

/*edit the Divi submenu*/
.et_pb_menu li ul {
	min-width: 300px;
    border: none;
    padding: 10px 0!important;
}
.et_pb_menu li ul li a {
	width: 100%;
	font-size: 16px!important;
}

/* Disable mobile menu for top right menu */
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}
/* End disable mobile menu */

/* Hide telephone & email menu on small screen */
@media screen and (max-width: 600px) {
	.barl-menu-tel {
		display: none!important;
	}
	.barl-menu-mail {
		display: none!important;
	}
}
/* End hide telephone & email menu */
	
.mh-blog-3-2 .more-link img {
	margin-top: 15px;
}

.disable-lightbox a {
pointer-events: none;
}
 
.disable-lightbox .et_overlay {
display: none !important;
}

.barl-menu-tel > a:before {
    font-family: 'ETMODULES';
    content: '\e090';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #000;
    font-size: 1em;
    transition: all .3s ease;
}
.barl-menu-tel {
	margin-right: 15px!important;
}
.barl-menu-mail > a:before {
    font-family: 'ETMODULES';
    content: '\e076';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #000;
    font-size: 1em;
    transition: all .3s ease;
}
.barl-menu-login {
	margin-top: 0!important;
}
.barl-menu-login a {
	border: 1px solid #000;
	padding: 5px 10px!important;
	line-height: 20px;
	border-radius: 2px;
	margin-top: 0;
	height: 40px;
	margin: auto;
}

/* Tablet/desktop only CSS below */
@media screen and (min-width: 769px) {
	.mh-blog-3-2 div.column:nth-child(1) article {
		box-shadow: 10px 10px 0px 0px #cecf2c;
	}
	.mh-blog-3-2 div.column:nth-child(2) article {
		box-shadow: 10px 10px 0px 0px #3b7c20;
	}
	.mh-blog-3-2 div.column:nth-child(3) article {
		box-shadow: 10px 10px 0px 0px #7c2020;
	}
	
	/* Home quick-links hover effect */
	.barlaeus-quick-links .et_pb_column:hover {
	    transform: translateY(-1.5rem);
	    margin-bottom: -1.5rem;
	}
	.barlaeus-quick-links .et_pb_column {
		transition: 200ms ease-in;
	}

	/* Home news article hover effect */
	.mh-blog-3-2 article:hover {
		transform: translateY(-0.5rem);
	}
	.mh-blog-3-2 article {
		transition: 200ms ease-in;
	}
	
}
/* Mobile only CSS below */
@media screen and (max-width: 768px) {
	.mh-blog-3-2 article:nth-child(1) {
		box-shadow: 10px 10px 0px 0px #cecf2c;
	}
	.mh-blog-3-2 article:nth-child(2) {
		box-shadow: 10px 10px 0px 0px #3b7c20;
	}
	.mh-blog-3-2 article:nth-child(3) {
		box-shadow: 10px 10px 0px 0px #7c2020;
	}
}