/* Grid areas */
.home_slider { grid-area: home_slider; height: 410px; overflow:hidden }
.home_big { grid-area: home_big-tiles;}
.home_right_4 { grid-area: home_right_4-tiles;}
.sidebar { grid-area: sidebar; }
.billboard { grid-area: billboard; }
.stathmoi_greek_hits { grid-area: stathmoi_greek_hits; }
.stathmoi_electric_ballads { grid-area: stathmoi_electric_ballads; }
.stathmoi_adult_contemporary_dance { grid-area: stathmoi_adult_contemporary_dance; }
.box2 { grid-area: box2; }
.stathmoi_greek-laiko { grid-area: stathmoi_greek-laiko; }
.stathmoi_news { grid-area: stathmoi_news; }
.stathmoi_sophisticated { grid-area: stathmoi_sophisticated; }
.stathmoi_religious { grid-area: stathmoi_religious; }
.stathmoi_sports { grid-area: stathmoi_sports; }
.stathmoi_rocks { grid-area: stathmoi_rocks; }
.stathmoi_cyprus { grid-area: stathmoi_cyprus; }

/* Common styles */
.homeSlides{position:relative; height: 410px; overflow:hidden;	}

.stations_more_wrapper{	background-color: #fff;padding:10px}

.homeRadioBox {
    display: grid;
    background-color: #fff;
    grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
    padding: 7px 2px;
    box-shadow: 0 1px 1px hsla(0,3%,67%,.1);
    border-radius: 3px;
    grid-auto-rows: 95px;
}

.homeRadioBox_more{
    display: block; width:100%;
    font-family: 'Ubuntu', Arial; font-weight: 500; color: #686868; 
    font-size: 10px; letter-spacing: 1px; text-align:right;
}
.homeRadioBox_more:hover{ color: #0079ff; }

/* homeradioItem */

.homeRadioItem{
    overflow: hidden; cursor: pointer; 
    margin: 0; text-align: center; font-size:9px;
}

.homeRadioItem img {display: block; margin:auto; clear:both; padding:5px;}
.homeRadioItem a { color: #fff; }

.homeRadioItem .sTitle {
    color: #686868; font-size: 12px; font-weight: 400; line-height:13px;
    cursor: pointer; display: block;
}
.homeRadioItem:hover .sTitle { color: #fff !important; text-decoration: none; }
.homeRadioItem:hover {
    background: url(/_img/play-bg.png) top right no-repeat rgba(0,0,0,0.5); color: #fff !important;
    zoom: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -ms-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
}

/* Responsive layout */
.home_container {  
    display: grid;
      grid-template-columns: 320px 320px 320px 300px;
      grid-template-rows: min-content min-content min-content min-content min-content min-content min-content min-content;
      gap: 20px 20px;
    padding-top:20px;
      grid-auto-flow: row;
      grid-template-areas:
        "home_slider home_slider home_big-tiles sidebar"
        "home_slider home_slider home_right_4-tiles sidebar"
        "billboard billboard billboard sidebar"
        "stathmoi_greek_hits stathmoi_electric_ballads stathmoi_adult_contemporary_dance sidebar"
        "box2 stathmoi_news stathmoi_sophisticated sidebar"
        "stathmoi_greek-laiko stathmoi_news stathmoi_sophisticated sidebar"
        "stathmoi_religious stathmoi_sports stathmoi_rocks sidebar"
        "stathmoi_cyprus stathmoi_cyprus stathmoi_cyprus sidebar";
}
/*desktop*/
@media only screen and (max-width: 1279px){
    .homeRadioBox_more{
        width: 70%;
        float: none;
        display: table;
        font-size: 13px; font-weight: 400; padding: 12px; margin: auto; 
        text-align: center; color: #0079ff; 
        border: 1px solid #0079ff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px; }

    }
/*tablet horizontal*/
@media only screen and (min-width: 980px) and (max-width: 1279px) {
    .home_container {  
        display: grid;
        padding: 20px 10px 0px 10px;
          grid-template-columns: 1fr 1fr 1fr;
          grid-template-rows: min-content min-content min-content min-content min-content min-content min-content min-content;
          gap: 20px 20px;
          grid-auto-flow: row;
          grid-template-areas:
            "home_slider home_slider sidebar"
            "home_big-tiles home_right_4-tiles sidebar"
            "billboard billboard billboard"
            "stathmoi_greek_hits stathmoi_electric_ballads stathmoi_adult_contemporary_dance"
            "box2 stathmoi_news stathmoi_sophisticated"
            "stathmoi_greek-laiko stathmoi_news stathmoi_sophisticated"
            "stathmoi_religious stathmoi_sports stathmoi_rocks"
            "stathmoi_cyprus stathmoi_cyprus stathmoi_cyprus";
        }
    .home_container > div:nth-child(-n+2) {
        grid-template-columns: 1fr 1fr 320px; /* Targeting the first two rows with different column sizes */
    }
        .sticky-column-2 {display: none;}
        .postentries {height: 468px!important; margin:20px 0 0 0!important;}
        .sticky-column-1 {margin-bottom:0px!important;}
}
/*tablet vertical*/	

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .home_container {  
        display: grid;
        padding: 20 10 0 10px;
          grid-template-columns: 1fr 1fr	1fr;
          grid-template-rows: min-content min-content min-content repeat(8, min-content);
          gap: 20px 20px;
          grid-auto-flow: row;
          grid-template-areas:
              "home_slider home_slider home_big-tiles"
            "home_slider home_slider home_right_4-tiles"
            "billboard billboard billboard"
            "stathmoi_greek_hits stathmoi_greek_hits stathmoi_greek_hits"
            "stathmoi_electric_ballads stathmoi_electric_ballads stathmoi_electric_ballads"
            "stathmoi_adult_contemporary_dance stathmoi_adult_contemporary_dance stathmoi_adult_contemporary_dance"
            "box2 box2 box2"
            "stathmoi_greek-laiko stathmoi_greek-laiko stathmoi_greek-laiko"
            "stathmoi_news stathmoi_news stathmoi_news"
            "stathmoi_sophisticated stathmoi_sophisticated stathmoi_sophisticated"
            "stathmoi_religious stathmoi_sports stathmoi_rocks"
            "stathmoi_cyprus stathmoi_cyprus stathmoi_cyprus"
        }
        .sidebar {display:none!important}
}
/*mobile*/
@media (max-width: 767px) {
    .home_slider {height:500px;}
    .homeSlides{ height: 440px; margin: -20px -10px 20px -10px !important;}
    .homeRadio10Items .homeRadioItem{ width: 25% !important; }

    #slideitems_home { height: 440px !important; }
    #slideitems_home .swiper-slide { height: 440px !important; }
    #slideitems_home .swiper-slide .cropimg{ height:440px !important; }
    #slideitems_home .swiper-slide .cropimg img{ height:440px !important; }
    #slideitems_home .swiper-slide .cropimg:before{ height:440px !important; }

    #slideitems_home .swiper-slide .slideOverlay{ padding: 20px 40px 20px 20px !important; }
    #slideitems_home .swiper-slide .media{ left: 15px !important; }
    .home_container {
        display: flex;
        flex-direction: column;
    }
    .home_slider {padding-top:20px}
    .sidebar
    {
        display: none!important;
    }

}