/* 
Theme Name: Divi Child 
Theme URL: https://asce.nl/
Description: Asce Child 
Theme Author: Marije
Author URL: https://pineapplegraphics.nl/
Template: Divi 
Version: 1.0.0 
Text Domain: asce-child 
*/




/* Custom CSS Styles Start Here */

  /**********************************************/
 /*************** VORMGEVING POSTS *************/
/**********************************************/

.bericht-header .et_pb_post_title.et_pb_featured_bg
.bericht-header  .et_pb_title_container,
.bericht-header .et_pb_post_title.et_pb_featured_bg .et_pb_title_container{
    padding: 0;
}

.bericht-header h1,
.bericht-header h1.entry-title{
    color: #fff;
    padding: 0;
    font-weight: 700;
}


/* INHOUD*/

.bericht-kolom h2, h3 {
color: #2270b7;
    font-weight: 700;
    margin-top: 25px;

}

.bericht-kolom img {
max-width:80%;
    margin:20px 10%;
}

.bericht-kolom .et_pb_section{
    margin-top:-10%;
}
/* CHRIS BUTTONS*/


.zijbalk h2{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
    font-size:1.1em !important;
        font-weight: 400;

}

.zijbalk a{
	text-align: left;
	text-decoration: none;
    text-decoration: none !important;
	color: #333;
        font-size:1.1em;
        font-weight: 400;


}
.zijbalk h2 a:hover{

	color: #2270b7;
}


.zijbalk a::before  {
	background-color: #2270b7;
    content: "";
    position: absolute;
	left:0%;
    bottom: -4px;
    height: 2px;
    width: 0;
	opacity: 0;
    display: block;
	transform: translate(0%, 0);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.zijbalk a:hover::before{
    width: 100%;
	opacity: 1;
}


.zijbalk .et_pb_post {
margin-bottom: 0;
}



  /**********************************************/
 /*************** BLOGPAGINA *************/
/**********************************************/

.blog-overzicht{
    
}
 
     .blog-overzicht .entry-featured-image-url {
    padding-top: 80%;
    display: block;
}

.blog-overzicht .entry-featured-image-url img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
.blog-overzicht article.et_pb_no_thumb{
    padding-top:90%;
    background-image: url(https://asce.nl/wp-content/uploads/2019/04/pexels-photo-443383.jpeg);
    background-size: contain;
background-repeat: no-repeat;

}

.blog-overzicht img{
max-height: 240px;
}

.blog-overzicht .et_pb_image_container {
margin: -20px -20px -29px;
}

.blog-overzicht article h2{
    color: #2270b7;
font-weight: 700;
margin-top: 14px;
text-transform: uppercase!important;
}


.blog-overzicht .more-link{
    color: #f25b3a!important;
border-width: 0px!important;
border-radius: 0px;
letter-spacing: 2px;
font-size: 14px;
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif!important;
font-weight: 500!important;
text-transform: uppercase!important;
padding-right: 2em;
padding-left: 0.7em;
text-align: right;}

.blog-overzicht .more-link:after {
    content: '▶'; /* Right-pointing triangle */
    line-height: inherit;
    font-size: inherit!important;
    opacity: 1;
    margin-left: .3em;
    left: auto;
    font-family: ETmodules!important;
    font-weight: 400!important;
    color: #f25b3a; /* Makes the triangle red */
}

/* EQUAL COLOMNS */
/* Force equal heights with CSS Grid instead */
/* Target the Salvattore container and columns */
.blog-overzicht .et_pb_salvattore_content {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
}

.blog-overzicht .et_pb_salvattore_content .column {
    display: flex !important;
    flex-direction: column;
    flex: 1;
    min-height: 100%;
}

/* Make each blog post article fill the column height */
.blog-overzicht .et_pb_salvattore_content .column .et_pb_post {
    display: flex !important;
    flex-direction: column;
    height: 100%;
    flex-grow: 1;
}

/* Make post content flexible */
.blog-overzicht .et_pb_post .post-content {
    display: flex !important;
    flex-direction: column;
    flex-grow: 1;
}

/* Keep image container at natural size */
.blog-overzicht .et_pb_post .et_pb_image_container {
    flex-shrink: 0;
}

/* Keep title at natural size */
.blog-overzicht .et_pb_post .entry-title {
    flex-shrink: 0;
}

/* Make the inner content grow and push read more to bottom */
.blog-overzicht .et_pb_post .post-content-inner {
    flex-grow: 1;
}

/* Push read more link to bottom */
.blog-overzicht .et_pb_post .more-link {
    margin-top: auto !important;
}


/* Base styles (mobile first - applies to all screen sizes) */
/* All your base mobile styles would go here */

/* Small devices (small phones to large phones) */
@media only screen and (min-width: 480px) {
    
    

}

/* Medium devices (tablets) */
@media only screen and (min-width: 768px) {
  /* Tablet styles */
  
 
    
}

/* Large devices (desktops) */
@media only screen and (min-width: 981px) and (hover: hover)  {
  /* Desktop styles */
  
}

/* Extra large devices (large desktops) */
@media only screen and (min-width: 1280px) {
  /* Large desktop styles */
 
}

/* Additional mobile-specific overrides that need to remain */
@media only screen and (max-width: 359px) {
  /* Only styles that absolutely must be max-width based */
  /* Try to minimize these */
}

@media only screen and (max-width: 499px) {
 
}