/*
Theme Name:  Divi Child
Theme URI:   http://divithemes.reviews
Version:     1.1
Description: Divi child theme.
Author:      Hesham Zebida
Author URI:  http://zebida.com
Template:    Divi
*/

@import url("../Divi/style.css");

/* comments fix */
#comment-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

/*-------------------[1080px]------------------*/
@media only screen and ( max-width: 1080px ) {
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[1024px]------------------*/
@media only screen and ( max-width: 1024px ) {
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[980px]------------------*/
@media only screen and (max-width: 980px) {
	#comment-wrap {
		max-width: 690px;
	}
}

/*-------------------[600px]------------------*/
@media only screen and (max-width: 600px) {
	#comment-wrap {
		max-width: 400px;
	}
}

/*-------------------[479px]------------------*/
@media only screen and ( max-width: 479px ) {
	#comment-wrap {
		max-width: 450px;
	}
}


/*-------------------[320px]------------------*/
@media only screen and ( max-width: 320px ) {
	#comment-wrap {
		max-width: 274px;
	}
}



/**********************STYLE SQUARE BLOG POSTS*****************************************************************/
.ds-blog-square a img {
    width: 100%;
    object-fit: cover;
}
.ds-blog-square .post-content {
    display: block !important;
    max-height: 150px !important;
    overflow: hidden !important;
    margin: 15px !important;
    margin-bottom: 25px !important;
}

}
.ds-blog-square .et_pb_image_container {
    margin: -19px -19px 0;
}
.ds-blog-square h2 {
    margin: 0;
    padding: 0;
}
.ds-blog-square .et_pb_post {
    position: relative;
    padding-bottom: 0;
    border: none;
}
.ds-blog-square h2 a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 30px;
    margin: 0;
    background: rgba(0, 0, 0, .1);
    color: #fff;
    text-align: center;
    outline: 2px solid #fff;
    outline-offset: -20px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ds-blog-square h2 a:hover {
    background: rgba(255, 255, 255, .5);
    color: #000;
    outline: 2px solid #000;
    outline-offset: 0;
}

@media only screen and ( min-width: 981px) {
    .ds-blog-four-column.et_pb_column_4_4 .et_pb_blog_grid[data-columns]::before {
        content: '4 .column.size-1of4' !important;
    }
    .ds-blog-four-column.et_pb_column_4_4 .column.size-1of4 {
        width: 20.875% !important;
        margin-right: 5.5%;
    }
    .ds-blog-four-column.et_pb_column_4_4 .column.size-1of4:nth-child(4n) {
        margin-right: 0;
    }
}

.ds-blog-four-column .et_pb_post {
    margin-bottom: 25%;
}
.ds-blog-four-column .ds-blog-square a img {
    height: 33vh !important;
}
@media only screen and (max-width: 1440px) {
    .ds-blog-four-column .ds-blog-square a img {
        height: 28vh !important; 
    }
}
@media only screen and (max-width: 1280px) {
    .ds-blog-four-column .ds-blog-square a img {
        height: 25vh !important;
    }
}
@media only screen and (max-width: 768px) {
    .ds-blog-four-column .ds-blog-square a img {
        height: 28vh !important;
    }
}
@media only screen and (max-width: 480px) {
    .ds-blog-four-column .ds-blog-square a img {
        height: 40vh !important; 
    }
}

/**********************END ---   STYLE SQUARE BLOG POSTS*****************************************************************/



/*************  ADJUSTS FULL-WIDTH BLOG POST IMAGE SIZE  ********************/
.blog-pg a img {max-width: 40%; float: left; padding-right: 40px;}
.blog-pg a.more-link {display: inline-block; position: absolute; border: 1px solid #000; padding: 10px !important; margin-top: 50px; text-transform: uppercase; border-radius: 4px;}
    
/*************  ADJUSTS FOOTER STYLE  ********************/
#footer-widgets {padding: 1% 0 0;}

@media (min-width: 981px) {
.et_pb_gutters3 .footer-widget {
    margin: 0 .5% .5% 0;}
}

/*************  INDENTS BULLETED LISTS AND BLOCK QUOTES  ********************/
.entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {padding: 0 0 23px 2.5em;}
blockquote {margin: 20px 0 30px 30px;}