/*
 Theme Name:     Divi Child by YWME
 Theme URI:      https://www.yourwebsitemadeeasy.com
 Description:    Divi Child Theme on Your website made easy
 Author:         Deshna van Aarssen
 Author URI:     https://www.yourwebsitemadeeasy.com
 Template:       Divi
 Version:        3.22
 License:      	GNU General Public License v2 or later
 License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
 Testdomain:	YWME
*/
 
 
/* Theme customization starts here 
------------------------------------------------------- */

/* Flex classes */
.ywme-flex-vc {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ywme-flex-sb {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.ywme-flex-vb {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.ywme-flex-ac {
	display: flex;
	align-items: center;
}

/* reset body font-weight to fix "Regular" font weight choice */
body {
	font-weight:400;
}
/* consistent bold weight */
body strong {
    font-weight: 600;
}

/* link hover */
.ywme-type strong a:hover, .ywme-type h2 a:hover {
    font-weight: 600;
}
/* h3 link hover */
.ywme-type h3 a:hover {
	font-weight: 600;
	color: var(--tublauw1);
}

/* YWME text styling */
.ywme-type h2:not(:first-child),
.ywme-type h3:not(:first-child),
.ywme-type h4:not(:first-child) {
	padding-top: 1.1em;
}
.ywme-type .ywme-remove-text-space h2:not(:first-child),
.ywme-type .ywme-remove-text-space h3:not(:first-child),
.ywme-type .ywme-remove-text-space h4:not(:first-child) {
	padding-top: 0;
	padding-bottom: 0;
}
.ywme-type li, .ywme-type-selected li {
	padding-top: 0.4em;
}
.ywme-type blockquote {
	position: relative;
	text-indent: 0;
	font-size: 24px;
}
.ywme-type blockquote p:before {
	content: '';
	position: relative;
	top: 0;
	left: -10px;
	margin-right: 0;
}

/* YWME-blog-post styling */
.ywme-blog-post .fluid-width-video-wrapper {
	margin: 20px auto 20px auto;
	border-radius: 3px;
}
.ywme-blog-post .wp-block-image>img  {
	margin: 10px auto 10px auto;
	border-radius: 3px;
}
@media (min-width:981px) {
	.ywme-blog-post .wp-block-image.alignleft {
		margin: 5px 20px 5px 0;
	}
	.ywme-blog-post .wp-block-image.alignleft figcaption {
		text-align:left;
	}
	.ywme-blog-post .wp-block-image.alignright {
		margin: 5px 0px 5px 20px;
	}
	.ywme-blog-post .wp-block-image.alignleft figcaption {
		text-align:right;
	}
}

/* YWME-blog-column with background */
.ywme-blog-post .wp-block-columns.ywme-blog-column {
	padding: 20px;
	border-radius: 3px;
	margin: 20px 0px 20px 0px;
}

/* WP block button styling */
#page-container #main-content .ywme-blog-post a.wp-block-button__link.wp-element-button {
	display: inline-block;
	background-color: var(--tublauw2);
	color: #fff;
	text-decoration: none;
	text-transform: capitalize; 
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3em;
	border-radius: 10px;
	padding: 10px 16px;
	margin: 20px auto 20px auto;
	transition: all .3s ease-in-out;
}
#page-container #main-content .ywme-blog-post a.wp-block-button__link.wp-element-button:hover {
	background-color: var(--tublauw1)!important;
	color: #fff!important;
	transition: all .3s ease-in-out;
}

/*//////////
// CUSTOM //
//////////*/

:root {
	--tubruin: #701d17;
	--turood1: #af1832;
	--turood2: #da3d41;
	--tublauw1: #445d86;
	--tublauw2: #7c8cae;
}

/* top bar 
#et-secondary-nav {
float: none!important;
text-align: center;
font-weight: 500;
}
#et-info-phone:before {
	display: none;
}
*/

/* header CTA button styling */
#top-menu > li.cta-item.cta-blue > a > span, 
.dtb-menu .et-menu > li.cta-item.cta-blue > a > span, 
.et-db #et-boc .et-l .dtb-menu .et_mobile_menu li.cta-item.cta-blue > a > span, 
#et-secondary-nav > li.cta-item.cta-blue > a > span {
    background-color: var(--tublauw2)!important;
    text-transform: capitalize;
    transition: background-color 0.3s ease-in-out;
}

/* header logo  */
#top-header img#logo {
    max-height: 100px;
}
/* menu padding */
#top-menu li {
    padding-right: 14px;
}

/* prevent opacity change on menu */
#top-menu > li a:hover, 
#top-menu > li a:active {
    opacity: 1!important;
}

/* menu and link font weight and hover color */
.et_pb_text a, .et_pb_blurb a {
	text-decoration: underline;
}
.et_pb_text a:hover, .et_pb_blurb a:hover {
	font-weight: 400;
	color: var(--turood1);
	transition: all 0.3s ease-in-out;
}

#top-menu li a, #ywme-footer .et-menu a {
	font-weight: 400;
	transition: all 0.3s ease-in-out;
}
#top-menu li a:hover, #ywme-footer .et-menu a:hover, #ywme-footer .et_pb_text a:hover {
	color: var(--turood1);
	font-weight: 400;
	transition: all 0.3s ease-in-out;
}

/* fix Divi section dividers showing thin line */
.et_pb_bottom_inside_divider { 
	bottom: -1px !important; 
}
.et_pb_top_inside_divider { 
	top: -1px !important; 
}

/* extra space blurb headings */
.et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  padding-bottom: 10px;
}

/* feature circle with label */
.ywme-select-feature .ywme-select-label {
	transition: all 0.3s ease-in-out;
}
.ywme-select-feature:hover .ywme-select-label {
	color: #ffffff;
	background: var(--turood1);
	transition: all 0.3s ease-in-out;
}
.ywme-select-feature:hover {
	cursor: pointer;
}

/* footer and bottom bar */
#ywme-footer .et_pb_text a {
	text-decoration: none;
}
#ywme-bottom-bar a, #ywme-bottom-bar a:hover {
	font-weight: 500;
}

/* Footer Menu */
#ywme-footer .et-menu {
	display: block;
}
#ywme-footer .et_pb_menu {
	display: inline-block;
	min-width: 180px;
}
#ywme-footer .et-menu .menu-bold a {
	font-weight: 600;
	padding-bottom: 10px;
}

/* Footer Mobile Menu */
@media (max-width:980px) {
	#ywme-footer .vertical-navigation .et_mobile_nav_menu {
		display: none;
	}
	#ywme-footer .vertical-navigation .et_pb_menu__menu,
	#ywme-footer .vertical-navigation .et_pb_menu__wrap {
		display: block;
	}
}

/* shadows */
.ywme-shadow {
	box-shadow: 0px 2.1px 1.7px rgba(0, 0, 0, 0.016),
	0px 5.3px 4.3px rgba(0, 0, 0, 0.022),
	0px 10.8px 8.9px rgba(0, 0, 0, 0.028),
	0px 22.3px 18.3px rgba(0, 0, 0, 0.034),
	0px 61px 50px rgba(0, 0, 0, 0.05);
} 

/* clipping */
@media (min-width:981px) {
	.ywme-clip-top-left {
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
	}
	.ywme-clip-top-right {
		clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
	}
	.ywme-clip-bottom-left {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
	}
	.ywme-clip-bottom-right {
		clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
	}
	.ywme-clip-left {
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
	}
	.ywme-clip-right {
		clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
	}
}
@media (max-width:980px) {
	.ywme-clip-top-left {
		clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
	}
	.ywme-clip-top-right {
		clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
	}
	.ywme-clip-bottom-left {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
	}
	.ywme-clip-bottom-right {
		clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
	}
	.ywme-clip-left {
		clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
	}
	.ywme-clip-right {
		clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
	}
}

/* divi pixel portfolio grid */
#inspiratie-grid-text .ywme-hide-thumb .img-container.dipi-fg-animation.dipi-fg-none img {
	display: none;
} 

/* divi pixel grid locaties */
#locaties-grid img {
	border-radius: 3px;
}
#locaties-grid .divi-layout-block .dipi-grid-item-caption {
	text-decoration: none;
}

/* divi pixel archive pages */
button.wp-block-search__button.wp-element-button {
    margin-top: 0;
    font-weight: 500;
    font-size: 16px;
}
#et-main-area .widget_nav_menu h4 {
    font-weight: 500;
    line-height: 1.3em;
}

/* divi blog grid 
#ywme-blog-post #ywme-blog-grid .et_pb_image_container {
  width: 140px;
  margin-left: auto;
  margin-right: auto;
}
#ywme-blog-post #ywme-blog-grid  article  {
	overflow: visible;
}
#ywme-blog-post #ywme-blog-grid .et_pb_image_container a {
	box-shadow: 0px 2.1px 1.7px rgba(0, 0, 0, 0.016),
	0px 5.3px 4.3px rgba(0, 0, 0, 0.022),
	0px 10.8px 8.9px rgba(0, 0, 0, 0.028),
	0px 22.3px 18.3px rgba(0, 0, 0, 0.034),
	0px 61px 50px rgba(0, 0, 0, 0.05);
}
*/

/* blog sidebar */ 
#ywme-blog-sidebar {
	border-radius: 3px;
}
#ywme-blog-sidebar .et_pb_widget {
	padding-bottom: 0!important;
	margin-bottom: 0!important;
}
.wp-block-latest-posts__list .wp-block-latest-posts li a:before {
    content: "• ";
}

/* search field bg */
#main-content .wp-block-search__input {
	background-color: #ffffff;
}

/* blockquote */
.ywme-blog-post blockquote, .canvas-blog-4 blockquote {
	position: relative;
	border-left: none;
	padding-left: 50px;
	margin-top: 20px;
	max-width: 600px;
	font-size: 24px!important;
	line-height: 1.4em!important;
	font-style: italic;
}
.ywme-blog-post blockquote:before, 
.canvas-blog-4 .et_pb_posts article.et_pb_post blockquote:before {
    content: "\201C";
    font-size: 120px;
    position: absolute;
    margin-top: 20px;
    margin-left: -60px;
    color: #d7dbe8;
}
.ywme-type .ywme-blockquote-pink blockquote:before, .canvas-blog-4 .et_pb_posts article.et_pb_post:nth-child(odd) blockquote:before {
    content: "\201C";
    font-size: 120px;
    position: absolute;
    margin-top: 20px;
    margin-left: -60px;
    color: #e7bfbc;
}


/* Canvas Blog (All Blog Modules) Ervaringen */
.canvas-blog.et_pb_posts a.entry-featured-image-url {
  	max-width: 280px;
  	margin-bottom: 1em;
}
@media (min-width:468px) {
 .canvas-blog.et_pb_posts a.entry-featured-image-url {
    width: 30%;
    max-width: unset;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0;
  }
.canvas-blog.et_pb_posts a.entry-featured-image-url img {
    height: 100%;
    object-fit: cover;
  }
.canvas-blog.et_pb_posts article.et_pb_post {
    padding: 30px 0 30px calc(30% + 30px);
    position: relative;
  }
}
.canvas-blog article.et_pb_post {
  margin-bottom: 30px;
}
.canvas-blog.et_pb_posts .post-content {
  padding-top: 1em;
}
.canvas-blog span.et_overlay {
  border: none;
}
.canvas-blog .entry-title {
  padding-bottom: .5em;
}
#page-container .canvas-blog .et_pb_blog_grid article.et_pb_post {
  margin-bottom: 10px;
}
.canvas-blog .et_pb_blog_grid .entry-featured-image-url {
  margin: 0;
}
.canvas-blog .et_pb_blog_grid .et_pb_image_container {
  margin-bottom: 20px;
}

/* Canvas Blog #4 Ervaringen */
@media (min-width:468px) {
.canvas-blog-4 .et_pb_posts a.entry-featured-image-url {
    width: 30%;
  }
.canvas-blog-4 .et_pb_posts article.et_pb_post {
    padding: 60px 20% 60px calc(30% + 30px);
  }
.canvas-blog-4 .et_pb_posts article.et_pb_post:nth-child(even) a.entry-featured-image-url {
    left: auto;
    right: 0;
  }
.canvas-blog-4 .et_pb_posts article.et_pb_post:nth-child(even) {
    padding: 60px calc(30% + 30px) 60px 20%;
  }
}
@media (max-width:467px) {
.canvas-blog-4 .et_pb_posts article.et_pb_post:nth-child(even) {
    padding: 60px 10% 60px 10%;
  }
.canvas-blog-4 .et_pb_posts article.et_pb_post:nth-child(odd) {
    padding: 60px 10% 60px 10%;
  }
}
  
/* Ervaringen */
@media (min-width:981px) {
  .canvas-blog-4 .et_pb_posts article.et_pb_post:nth-child(even) {
	  background-color: #f2f7fb!important;
		clip-path: polygon(0 0, 100% calc(0% + 60px), 100% calc(100% - 60px), 0 100%);
	  padding-top: 140px;
	  padding-bottom: 140px;
  }
  .canvas-blog-4 .et_pb_posts article.et_pb_post:nth-child(odd) {
		background-color: rgba(255, 255, 255, 0);
		padding-top: 60px;
	  padding-bottom: 60px;
  }
	.canvas-blog-4 .pagination {
		padding-left: 20%;
		padding-right: 20%;
	}
}
@media (max-width:980px) {
  .canvas-blog-4 .et_pb_posts article.et_pb_post:nth-child(even) {
	  background-color: #f2f7fb!important;
		clip-path: polygon(0 0, 100% calc(0% + 60px), 100% calc(100% - 60px), 0 100%);
	  padding-top: 180px;
	  padding-bottom: 180px;
	}
  .canvas-blog-4 .et_pb_posts article.et_pb_post:nth-child(odd) {
		background-color: rgba(255, 255, 255, 0);
		padding-top: 60px;
	  padding-bottom: 60px;
  }
	.canvas-blog-4 .pagination {
		padding-left: 10%;
		padding-right: 10%;
	}
}