/*
 Theme Name:     Divi Child by Publiko
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/



/* Sticky tinyMCE */
.mce-panel .mce-stack-layout-item.mce-first{
    position: sticky!important;
    top: -60px;
}
.et-fb-modal--expanded .mce-panel .mce-stack-layout-item.mce-first{
    top: -24px!important;
}


/*
MODULES WHO CONTAINS RATIO IMAGES
 */
.et_pb_blog_grid_wrapper.ratio .et_pb_post,
.et_pb_gallery_fullwidth.ratio,
.et_pb_gallery_grid.ratio .et_pb_gallery_image,
.et_pb_image.ratio,
.et_pb_post_title.ratio,
.et_pb_blurb.ratio .et_pb_main_blurb_image,
.et_pb_blurb.circle .et_pb_main_blurb_image
{
    position: relative;
    width: 100%!important;
}

/*
APPLY RATIO SIZE ON CONTAINER
 */
.et_pb_blog_grid_wrapper.ratio-1-1 .entry-featured-image-url,
.et_pb_blurb.ratio-1-1 .et_pb_main_blurb_image,
.et_pb_gallery_grid.ratio-1-1 .et_pb_gallery_image,
.et_pb_gallery_fullwidth.ratio-1-1,
.et_pb_image.ratio-1-1{
    padding-top: 100%;
}

.et_pb_blog_grid_wrapper.ratio-4-3 .entry-featured-image-url,
.et_pb_blurb.ratio-4-3 .et_pb_main_blurb_image,
.et_pb_gallery_grid.ratio-4-3 .et_pb_gallery_image,
.et_pb_gallery_fullwidth.ratio-4-3,
.et_pb_image.ratio-4-3{
    padding-top: 75%;
}
.et_pb_blog_grid_wrapper.ratio-16-9 .entry-featured-image-url,
.et_pb_blurb.ratio-16-9 .et_pb_main_blurb_image,
.et_pb_gallery_grid.ratio-16-9 .et_pb_gallery_image,
.et_pb_gallery_fullwidth.ratio-16-9,
.et_pb_image.ratio-16-9{
    padding-top: 56.25%;
}

.et_pb_blog_grid_wrapper.ratio-21-9 .entry-featured-image-url,
.et_pb_blurb.ratio-21-9 .et_pb_main_blurb_image,
.et_pb_gallery_grid.ratio-21-9 .et_pb_gallery_image,
.et_pb_gallery_fullwidth.ratio-21-9,
.et_pb_image.ratio-21-9{
    padding-top: 42.85%;
}

/*
RATIO IMAGE CONTAINERS FORCED IN FULL SIZE
 */
.et_pb_blurb.circle .et_pb_image_wrap,
.et_pb_gallery_fullwidth.ratio .et_pb_gallery_items,
.ratio > .et_pb_title_featured_container,
.ratio .et_pb_image_wrap,
.et_pb_gallery_fullwidth.ratio .et_pb_gallery_item{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*
RATIO IMAGE COVER
 */
.et_pb_blog_grid_wrapper.ratio .entry-featured-image-url img,
.ratio .et_pb_gallery_items img,
.et_pb_image.ratio img,
.et_pb_blog.ratio .et_pb_image_container img,
.et_pb_blurb.ratio .et_pb_main_blurb_image img,
.et_pb_blurb.circle .et_pb_main_blurb_image img{
    height: 100%!important;
    width: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}


/*
BLURB CIRCLE PICTURE ADJUSTMENT
 */
.et_pb_blurb.circle .et_pb_main_blurb_image img{
    border-radius: 50%;
}

.et_pb_blurb.circle  .et_pb_main_blurb_image::before {
    float: left;
    padding-top: 100%;
    content: "";
}

.et_pb_blurb.circle  .et_pb_main_blurb_image::after {
    display: block;
    content: "";
    clear: both;
}

/*
REVERSE COLUMNS ON DESKTOP
*/
@media screen and ( min-width: 980px ) {
    .desktop-reverse-cols {
        display: flex;
        flex-direction: row-reverse;
    }

    .desktop-reverse-cols .et_pb_column:nth-child(1){
        margin-left: 5.5%;
        margin-right: 0;
    }
}


/*
MASONRY GALLERY
*/
.et_pb_gallery.masonry .et_pb_gallery_items {
    column-count: 4; /* number of columns for desktop */
    column-gap: 5px;  /* column spacing */
}

.et_pb_gallery.masonry .et_pb_gallery_items .et_pb_gallery_item {
    width: 100%;
    margin: 0px 0px 5px 0!important; /* replace 10px to change row spacing */
    float: none!important;
}

@media only screen and (max-width: 1200px) {
    .et_pb_gallery.masonry .et_pb_gallery_items {
        column-count: 3;  /* number of columns for tablet devices */
    }
}
@media only screen and (max-width: 767px) {
    .et_pb_gallery.masonry .et_pb_gallery_items {
        column-count: 2;  /* number of columns for mobile devices */
    }
}

/*
HORIZONTAL FOOTER MENU
*/
#footer-horizontal > div{
    width: 100%;
    text-align: center;
}

#footer-horizontal li{
    display: inline-block;
    margin: 0 10px;
}

@media only screen and (max-width: 767px) {
    #footer-horizontal li{
        display: block!important;
        margin-bottom: 10px!important;
    }
}

/*
REMOVE SPACES ON BLOG CONTENT TEMPLATE PAGE
*/
#blog-content .et_pb_row{
    margin: 0!important;
    padding: 0!important;
    width: 100%;
}

/*
SIDEBAR BLOG LIST
*/

/*set the image width*/
.blog-sidebar-list article {
    padding-bottom: 10px!important;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
}

.blog-sidebar-list .entry-featured-image-url {
    width: 100px;
    float: left;
    margin-bottom: 0!important;
}

.blog-sidebar-list .entry-title {
    margin-top: 10px;
}


/* set the text width */
.blog-sidebar-list .entry-title,
.blog-sidebar-list .post-meta {
    width: calc(100% - 100px);
    float: left;
    padding-left: 10px!important;
}

.blog-sidebar-list .et_pb_no_thumb .entry-title,
.blog-sidebar-list .et_pb_no_thumb .post-meta {
    width: 100%;
}


/* make the image square */
.blog-sidebar-list .entry-featured-image-url {
    padding-top: 100px;
    display: block;
}

.blog-sidebar-list .entry-featured-image-url img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}


/* adjust the spacing and add a border between the posts */
.blog-sidebar-list .et_pb_post:not(:last-child) {
    margin-bottom: 20px;
}