/*
 Theme Name:   Mediax Child  
 Theme URI:    https://wordpress.themeholy.com/mediax
 Description:  This is a child theme for Mediax - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy 
 Template:     mediax
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  mediax-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */    





.scroll-top {
    right: 80px;
    bottom: 20px;
}

/* Web Stories*/

.new-web-stories .archive-web-stories {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    margin-top:10px;
}
.new-web-stories .web-story-card {
    border: 1px solid transparent;
    background: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(53,53,53,0.18);
    transition: box-shadow .3s ease-out, transform .3s ease-out;
    border-radius: 6px;
    overflow: hidden;
}
.new-web-stories .web-story-card:hover {
    box-shadow: rgba(45,45,45,0.05) 0px 2px 2px, rgba(49,49,49,0.05) 0px 4px 4px, rgba(42,42,42,0.05) 0px 8px 8px, rgba(32,32,32,0.05) 0px 16px 16px, rgba(49,49,49,0.05) 0px 22px 22px, rgba(35,35,35,0.02) 0px 64px 64px;
    transform: translate(0, -4px);
}
.new-web-stories .web-story-card .ws-cnt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.new-web-stories .web-story-card .ws-inner {
    padding: 10px;
}
.new-web-stories .ws-cnt h3 {
    min-height: 132px;
    max-height: 132px;
    overflow: hidden;
}
.new-web-stories .ws-cnt h3 a {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #ed3237;
}
.new-web-stories {
    margin: 100px 0;
}
.location-card .footer-info p.footer-info {
    font-size: 15px !important;
}
.header-layout3 .header-logo {
    background-color: transparent;
}




/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px){
 
  /* Web Stories */
    .new-web-stories .archive-web-stories {
        grid-template-columns: repeat(3, 1fr);
    }   
    
    
}  

/*----------------------------- Media 999 -------------------------------*/
@media only screen and (max-width :999px){
 /* Web Stories */
    .new-web-stories .archive-web-stories {
        grid-template-columns: repeat(2, 1fr);
    }

}

/*----------------------------- Media 479 -------------------------------*/
@media only screen and (max-width :479px){
  .new-web-stories .archive-web-stories {
        grid-template-columns: repeat(1, 1fr);
    }
     .new-web-stories .ws-cnt h3 {
        min-height: auto;
        max-height: inherit;
        margin-bottom: 20px;
    }
}