/*
Theme Name:     Herald Child
Theme URI:      https://mekshq.com/theme/herald/
Description:    Child theme for the Herald theme
Author:         meks
Author URI:     https://mekshq.com
Template:       herald
Version:        0.1.0
*/

.rule-above-below img{    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
    padding: 15px 0;}
    
   .herald-da {width: 300px;background-color: #ff0077;
    border-radius: 5px; }
    
   .widget_rss {background-color: white;}
   .widget_rss h4 {background-color:black;}
    
.herald_adsense_widget,
ul.mks_social_widget_ul {text-align: center; margin: 0 auto;}
.herald-sidebar .herald_adsense_widget {margin-bottom: 10px;}
    
.header-bottom .herald-menu li:hover {border-bottom: 2px #ff0077 solid; background-color: black; color: white;}

.herald-lay-h p{font-size: .8em;}
.herald-lay-c {border-right: 1px black solid;}

.herald-module .row > .herald-lay-d,
.herald-lay-d {margin-bottom: 15px;}

.header-middle.herald-header-wraper { margin: 10px 0 20px;}

.herald-txt-module, {margin:10px 0;}


#spotlight-navigation {height: 150px; margin: 1px auto;
    text-align: center;text-transform: uppercase;
    max-width:980px;}
    
.spotlight-item h2 {font-size: 1.4em;color: white;font-stretch: condensed;}
p.editiondescription {font-size: .9em;color: white;font-stretch: condensed;}


.herald-site-footer {margin-top:10px;}

@media only screen and (max-width: 850px) {
	.spotlight-item h2 { font-size: 1.2em;}
}

.small-text {font-size: 12px; text-transform:none; font-weight: 200;}

.spotlight-item h2:hover {color: #ff0077;}

.spotlight-item {width:31.5%; height:150px;margin-right: 2%;float: left; }
.spotlight-item:last-child{margin-right:0px;}
.spotlight-item:first-child{margin-left:10px;}
.spotlight-item a{padding: 0;}
.spotlight-img {height: 130px; width: auto;}
.spotlight-img img{max-width:100%; max-height:100%;}

.avatar { border-radius: 0px; margin-bottom: 0px; width:100px; height: 100px; /* width:100px; height: 150px; */}

#content {background-color: black}

.herald-post-thumbnail-vertical{width: 50%; float:right; margin-left: 10px;}
.wp-caption-text-vertical {
	width:100%!important; 	
	background-color: rgba(0,0,0,.4);
    color: rgba(255,255,255,.8);
    z-index: 600;
    text-align: left;
    font-size: 80%;
    line-height: 1.6rem;
    min-width: 140px;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 10px;}

.ja-ad {margin-top:10px;}

.herald-main-content,
.herald-no-sid,
.col-mod-main,
.herald-columnist-module {background-color: white; border-radius: 10px; padding:5px 20px;}

.herald-mod-wrap .herald-mod-head {margin-left: 10px;}
.herald-site-content .sub-menu {background-color: white;}

.herald-section { margin-top:25px!important;}
.herald-site-content {padding-top:0;}


.herald-sidebar .widget_nav_menu { background-color: white;
    border-radius: 5px;
    padding: 10px; }
.widget_nav_menu li {margin-bottom: 4px;}

.herald-entry-content .wp-block-buttons {margin: 0 0 3rem;}

.herald-page .entry-header { margin-top: 15px;}

.footer-bottom .menu { margin-top: 15px;}



@media only screen and (max-width: 1249px) {
.herald-site-content {margin-top: 1px!important; padding-top:0;}

}

@media screen and (max-width: 768px) {
	#spotlight-navigation {width: 300px;height:auto;margin-top: 64px!important;}
	.spotlight-item{width:300px;height:2em;margin-right: 0px; margin-bottom: 10px; background-color: #ff0077;float: none; border-radius: 6px }
	.spotlight-item:hover {background-color: #9e0057;}
	.spotlight-item:first-child{margin-left:0px;}
	.spotlight-item h2{padding: 3px 0;}
	.spotlight-item h2:hover {color: white; text-decoration: underline;}
	
	.herald-section { margin-top:0px!important;}

}	



@media (max-width: 1249px) and (min-width: 768px) {
	.herald-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    clear: both;
    width: 947px;
    margin: 0 15px 30px;
    float: none;
    padding: 30px 138px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; }
    
    .footer-widgets .col-md-3 {
    width: 25%;
}

    
   }