/*
Theme Name:     Newspaper Child theme
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper
Version:        9.0c
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/


/* Traffic Driver */
.srfr.traffic-driver {margin:0 auto 30px;}
.srfr.traffic-driver h2 {}
.srfr.traffic-driver .pretext {}
.srfr.traffic-driver .items {display:grid;grid-template-columns:repeat(6, 1fr);gap:30px;}
.srfr.traffic-driver .items .item {grid-column-end:span 2;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:5px;align-items:start;}

.srfr.traffic-driver .items .item.i1,
.srfr.traffic-driver .items .item.i2,
.srfr.traffic-driver .items .item.i6,
.srfr.traffic-driver .items .item.i7,
.srfr.traffic-driver .items .item.i11,
.srfr.traffic-driver .items .item.i12,
.srfr.traffic-driver .items .item.i16,
.srfr.traffic-driver .items .item.i17,
.srfr.traffic-driver .items .item.i21,
.srfr.traffic-driver .items .item.i22 {grid-column-end:span 3;}

.srfr.traffic-driver .items .item .itemImage {}
.srfr.traffic-driver .items .item .itemImage a,
.srfr.traffic-driver .items .item .itemImage a img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.srfr.traffic-driver .items .item .itemBody {}
.srfr.traffic-driver .items .item .itemBody .itemTitle {padding:0;margin:0;text-align:left;font-size:1rem;line-height:125%;overflow-wrap:anywhere;}
.srfr.traffic-driver .items .item .itemBody .itemTitle a {color:#333;}
.srfr.traffic-driver .items .item .itemBody .itemTitle a:hover {color:#f00;}
.srfr.traffic-driver .items .item .itemBody .itemExtras {margin:5px 0;}
.srfr.traffic-driver .items .item .itemBody .itemExtras .itemDate {display:inline-block;margin-right:5px;}
.srfr.traffic-driver .items .item .itemBody .itemExtras .itemSource {display:inline-block;}
.srfr.traffic-driver .items .item .itemBody .itemIntrotext {}
.srfr.traffic-driver .posttext {}
.srfr.traffic-driver .customlink {}
.srfr.traffic-driver .customlink a {}



/* Media Queries (Responsive States)
------------------------------------------------------ */
@media only screen and (max-width:1024px) {

    /* Traffic Driver */
    .srfr.traffic-driver .items .item {grid-column-end:span 3;}
    .srfr.traffic-driver .items .item.i1,
    .srfr.traffic-driver .items .item.i4,
    .srfr.traffic-driver .items .item.i7,
    .srfr.traffic-driver .items .item.i10,
    .srfr.traffic-driver .items .item.i13,
    .srfr.traffic-driver .items .item.i16,
    .srfr.traffic-driver .items .item.i19,
    .srfr.traffic-driver .items .item.i20 {grid-column-end:span 6;}
    .srfr.traffic-driver .items .item .itemBody .itemTitle {font-size:0.9rem;}

}



/* Utilities
------------------------------------------------------ */
@media only screen and (min-width:576px) {
    .show-on-mobile,
    .hide-on-desktop {display:none;}
}

@media only screen and (max-width:575px) {
    .show-on-desktop,
    .hide-on-mobile {display:none;}
}
