/*
Theme Name:   mta Child Theme
Theme URI:    https://mta.nl
Description:  You can change the theme name and description by editing the style.css file
Author:       SR Child Theme 
Author URI:   https://mta.nl
Template:     Divi
Version:      1.0.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/*set the width of the rows inside the Post Content module*/

/* add image blur on hover */
.dd-blog-3col article:hover img {
	filter: blur(4px);
	backface-visibility: hidden;
}
.dd-blog-3col .et_pb_post .entry-featured-image-url {
	margin-bottom: 1rem;
}
.dd-blog-3col .entry-featured-image-url {
	overflow: hidden;
}
.dd-blog-3col .et_pb_blog_grid .et_pb_image_container img {
    min-width: 100%;
    max-width: 100%;
    min-height: 160px;
    max-height: 160px;
    object-fit: cover;
}
/* adjust size of overlay icon */
.dd-blog-3col .et_overlay:before {
	top: 50%;
	margin: -32px 0 0 -32px;
	font-size: 64px;
}
/* move categories to end */
.dd-blog-3col article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}  
.dd-blog-3col .post-meta {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
	margin-left:10px;
}
/* style the read more link as a button */
.dd-blog-3col a.more-link {
	display: inline-block;
	color: #ffffff!important;
	background-color: #439a7a; /* change ream more button background colour */
	padding: 0.3em 1em;
	font-size: 16px;
	text-transform: capitalize;
	margin:10px 0 0 10px;
    }
.dd-blog-3col a.more-link:hover {
  background-color: #0c0c0d; /* change hover colour */
}
/* adjust spacing */

.dd-blog-3col .et_pb_image_container {
	margin: 0;
}
/*article*/
.dd-blog-3col .et_pb_blog_grid .et_pb_post {
    background: #f9f9f9;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 30%);
	padding: 0;
	}
.dd-blog-3col .et_pb_post {
	margin-bottom: 36px;
}
.dd-blog-3col .entry-title {
	padding: 0 6px;
	}
.dd-blog-3col .post-content-inner p{
	min-height:3rem;
    height: 3rem;}
.dd-blog-3col .post-content-inner {
	margin-bottom: 18px;
	padding: 0 10px;
	}
.dd-blog-3col .post-meta 
.dd-blog-3col .post-meta {
	margin-top: 18px;
	padding: 0 10px;
	}
/* make sidebar cetegory links appear as buttons */
.dd-sidebar .widget_categories a {
	display: block;
	background-color: #439a7a; /* change background color here */
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	color: #ffffff!important; /* change text color here */
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
  }
.dd-sidebar .widget_categories a:hover {
  opacity: 0.6;
}
/* remove sidebar widget bottom margin */
.et_pb_gutters2 .et_pb_column_1_4 .dd-sidebar .et_pb_widget {
  margin-bottom: 0;
}
/* style sidebar search module */
.dd-sidebar-search.et_pb_search {
	position: relative;
}
.dd-sidebar-search.et_pb_search:after {
  font-family: 'ETModules';
  font-size: 16px;
	font-weight: normal;
  content: "\55";
  position: absolute;
  top: 10px;
  right: 10px;
}
/* style sidebar recent post blog module*/
/* hide all except images */
.dd-sidebar-blog-grid .entry-title, .dd-sidebar-blog-grid .post-meta, .dd-sidebar-blog-grid .post-content {
  display: none;
}
/* reset margins/padding */
.dd-sidebar-blog-grid .et_pb_blog_grid .et_pb_post {
  padding: 0 0 5px 0;
}
.dd-sidebar-blog-grid .et_pb_image_container {
  margin: 0;
}
.dd-sidebar-blog-grid .et_pb_post .entry-featured-image-url {
  margin-bottom: 0;
  overflow: hidden;
}
.dd-sidebar-blog-grid .post {
  padding-bottom: 5px;
}
.et_pb_gutters2.et_pb_row .et_pb_column_1_4 .dd-sidebar-blog-grid .et_pb_blog_grid .column.size-1of1 .et_pb_post {
  margin-bottom: 0;
  }
/* set background colour to transparent */
.dd-sidebar-blog-grid .et_pb_blog_grid .et_pb_post {
  background-color: transparent;
}
/* display in 2 coluns using flex */
.dd-sidebar-blog-grid .et_pb_ajax_pagination_container .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dd-sidebar-blog-grid .et_pb_post {
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
}
.dd-sidebar-blog-grid .et_pb_post:nth-of-type(odd) {
  margin-right: 2%;
}
/* Mobile specific styles */
@media all and (max-width: 479px) {
  /* make sure titles stay hidden on mobile portrsit */
  .dd-sidebar-blog-grid .et_pb_blog_grid .et_pb_post>h2 {
    display: none;
  }
}
/* increase image bottom padding on mobile landscape and tablet portrait */
@media all and (min-width: 480px) and (max-width: 768px) {
  .dd-sidebar-blog-grid .et_pb_blog_grid .et_pb_post {
    padding-bottom: 15px;
	}
}
/* make sure margin between images remains on mobile */
   @media all and (max-width: 767px) {
	.et_pb_gutters2 .et_pb_column .dd-sidebar-blog-grid .et_pb_blog_grid .column.size-1of1 .et_pb_post:nth-of-type(odd), .et_pb_gutters2.et_pb_row .et_pb_column .dd-sidebar-blog-grid .et_pb_blog_grid .column.size-1of1 .et_pb_post:nth-of-type(odd) 	{
    margin-right: 2%; 
  }
}
/* styling for tablet portrait */
@media all and ( min-width: 768px ) and ( max-width: 980px ) {
/* remove flex positioning for tablet portrait */
  .dd-sidebar-blog-grid .et_pb_ajax_pagination_container .column 	{
    display: block;
  } 
  .dd-sidebar-blog-grid .et_pb_post:nth-of-type(odd) {
    margin-right: 0;
	}
  .et_pb_gutters2 .et_pb_column .dd-sidebar-blog-grid .et_pb_blog_grid .column.size-1of2, .et_pb_gutters2.et_pb_row .et_pb_column .dd-sidebar-blog-grid .et_pb_blog_grid .column.size-1of2 {
    width: 48%;
  }
 	.et_pb_gutters2 .et_pb_column .dd-sidebar-blog-grid .et_pb_blog_grid .column.size-1of2:first-of-type, .et_pb_gutters2.et_pb_row .et_pb_column .dd-sidebar-blog-grid .et_pb_blog_grid .column.size-1of2:first-of-type  {
    margin-right: 2%;
  }
	/* remove bottom margin */
  .et_pb_column .dd-sidebar-blog-grid .et_pb_blog_grid .column.size-1of2 .et_pb_post {
    margin-bottom: 0;
  }
  .et_pb_column .dd-author-bio .et_pb_team_member_image {
    text-align: center;
  }
  .et_pb_gutters2.et_pb_row .et_pb_column .dd-sidebar  .et_pb_widget.widget_categories {
    width: 100%;
  }
  .dd-sidebar .widget_categories li {
		width: 49%;
    float: left;
	}
  .dd-sidebar .widget_categories li:nth-of-type(odd) {
    margin-right: 2%;
  }
}
/* style tooltip post title on hover */
.tooltip {
  display: none;
  position: absolute;
  border: 1px rgba(0, 0, 0, 0.3) solid;
  background-color: #439a7a;   /* change background colour here */
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 2em;
  z-index: 99999;
}