/* GRI Notes 
Almost all changes to the theme's css have been done here, however, when the theme is updated, you have to manually change the 'tagcloud' class to override the !important qualifier for font size in style.css via FTP. Also, you need to edit top.php to comment out the search bar in the main menu.

The 'sandbox' lets you tess CSS changes, and 'accepted' are mods that work. 

.fa-ban:before {
   content: "☰";
   }



*/
/* Sandbox */

/* Accepted */

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css") ; 
body {
    color: #000000;
}

#sidebar .widget-3.widget>.w-title h3, .content .panel>.p-title h2 {
     background-color: #a02e2e;
}

.info-line {
    background: #249cba !important;
}


.avatar.avatar-96.photo {
  padding-bottom: 1em;
}

.widget .tagcloud > a {
	padding: 1px 0;
}

h1 {
	font-size: xx-large;
	font-family: Garamond, Georgia, serif;
}

.post p {
  font-size: 18px;
  line-height: 165%;
}

.p-title h2 {
	background-color: #249cba !important;
}

.content a {
	color: #249cba;
}

.article-head h1:first-letter {
	font-size: inherit;
	line-height: inherit;
}

.main-menu ul.menu > li ul.sub-menu > li > a, .main-menu ul.menu > li > a {
	font-size: 12px;
}

.widget > .w-title h3 {
	font-size: 12px !important;
}

.header-topmenu {
	display: block;
	background: #0b5264;
	border-top: 2px solid #71ebf9;
	font-family: 'PT Sans Narrow', sans-serif;
}

.header-block .header-logo {
	padding: 1px 0;
}

.content a:hover {
	color: #249cba !important;
}

.main-menu ul.menu > li:hover > a {
	border-bottom: 3px solid #71ebf9;
}

.review-block p a {
	color: #71ebf9;
}

.breaking-news .breaking-title i {
	background: #71ebf9;
}

.breaking-news h3 {
	background: #71ebf9;
}

.breaking-news .breaking-block li > i.fa {
	color: #71ebf9;
}

.gallery-thumbnail-list .gallery-inner-layer .g-thumb.active:before {
	box-shadow: inset 0 0 0 3px #71ebf9, inset 0 0 0 4px #fff;
}

.upper-title a.active {
	color: #71ebf9;
}

.tab-a h3.active {
	background: #71ebf9 !important;
}

.article-list .item .item-header .article-slide .info-line {
	background: #71ebf9;
}

.ot-star-rating {
	color: #71ebf9;
}

i.fa.fa-user::before {
  visibility: hidden;
   }

hr.style-cat {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

@media only screen and (max-width: 600px){
.header-block>div{
   margin-top: 1em; 
  }}

/* For SLIDER TYPE 1 Make Mobile more readable, also removes first ad in mobile */

@media only screen and (max-width: 600px){
.header-block .header-banner {
    display: none;
  }}

@media only screen and (max-width: 600px){
.slider .slider-image a .slider-overlay span p {
display: none;}
}

@media only screen and (max-width: 600px){
.slider .slider-image a .slider-overlay span {
    color: #ffffff !important;
    font-size: 17px;
    font-weight: bold;
  }}


/* Mobile Titles for Articles */

@media only screen and (max-width: 1254px){
.article-list .item .item-content h3 {
  font-size: 13px; 
  font-weight: bold;
  }}

.comments-list .item .item-content span, .article-list .item .item-content span {
  font-size: 13px;
  margin-left: 0px;
  padding-left: 0px;
  font-weight: bold;
}

.comments-list .item .item-content a span, .article-list .item .item-content a span {
  font-size: 13px;
  margin-left: 0px;
  padding-left: 0px;
  font-weight: bold;
}


/* 
USE THIS FOR OTHER SLIDER TYPE 2 FOR BETTER MOBILE IF NEEDED 

.ot-slide .ot-slider-layer a .content-bottom>strong {
    font-family: sans-serif;
    text-transform: none;
}

@media only screen and (max-width: 600px){
.ot-slide .ot-slider-layer a .content-bottom .timeago {
    display: none;
}}

@media only screen and (max-width: 600px) {
.ot-slide .ot-slider-layer a .content-bottom .categories span.category-tag {
display: none;
}}

@media only screen and (max-width: 600px){
.ot-slide .ot-slider-layer.second a .content-bottom>strong, .ot-slide .ot-slider-layer a .content-bottom>strong {
    font-size: 10px;
    line-height: 100%;
  }}

*/

.social-buttons .social-thing .counter {
    display: none;
}