/*
Theme Name: hiero-child
Theme URI: http://athemes.com/theme/hiero
Author: aThemes
Author URI: http://athemes.com
Template: hiero
Description:  Hiero is an awesome magazine theme for your WordPress site feature bold colors and details to the content. Responsive layout, post thumbnails support, threaded comments and more.
Version: 1.5
License: GNU General Public License v3.0
License URI: license.txt
Tags: black, white, red, two-columns, fixed-layout, threaded-comments, full-width-template, custom-menu
*/
@import url("../hiero/style.css");

/*All pages*/

body{font-family: Lato, Arial, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-family: Lato, Arial, sans-serif; font-weight: normal;}

h3 {color: #fe2828; font-size: 19px; text-transform: capitalize; font-weight: 700; margin-top: 0px;}

h4 {color: #16171b; font-size: 14px; font-weight: 700;}

h4 a {color: #16171b;}

h4 a:visited {color: #16171b;}

a.inline-link{color: #16171b; font-size: 14px; font-weight: 700;}

h5 {color: #16171b; font-size: 14px; margin-top: 0;}

h5 a {color: #16171b;}

h5 a:visited {color: #16171b;}



/*makes header bg same as banner gif*/
.site-header{background: #16151a;}


/*navigation*/
#main-navigation li a {
  font-family: Lato, Arial, sans-serif; 
  font-size: 14px; 
  text-transform:none; 
  padding: 0 15px;
 }



/*search*/
.widget_search {
    position:relative;
    background: url("search_widget_image_url.jpg") top left no-repeat;  
    height:80px;
    width:180px;
}

.widget_search .search-submit {
    position:absolute;
    left:0px;
    width:58px;
    height:40px;
    background: url("images/sbutton2.png") top left no-repeat;  
    border: none; 
}

.widget_search input[type="submit"] {padding: 0px 0px;}

input[type="submit"]{font-family: Lato, Arial, sans-serif; font-size: 14px; text-transform:none;}

.widget_search label {margin-bottom: 0px;}




/*increases the margin between article content and side bar on meduim / large screens*/
@media screen and (min-width: 960px){
  .site-content{margin: 0 380px 0 0;}}


/*sidebar*/
.site-sidebar h3 {color: #f7931d;}

.sidebar-sub-heading{color: #f7931d;}

.sidebar-content {border-top: 2px dotted #f7931d; margin-top: 20px; padding-top: 10px;}

.archives-heading h3{margin-top: 50px;}













/****************
*****************
Article Page*/

/*meta data display at top of posts title, issue, posted date, author*/


/*title*/
.entry-title {margin: 0 50px 30px 0;}

.entry-title{font-size: 37px;font-weight: 700;}


/*issue*/
.issue-meta{font-size: 14px; color: #999;}



h4.issue-meta  a:visited  {color:#fe2828; }

h4.issue-meta  a:link  {color:#fe2828; }

h4.issue-meta {margin: 0px 0 10px;}




/*posted date*/

/*remove updated date*/
/*hides both posted and updated info*/
.entry-meta .updated {
display: none;
}

/*then displays only updated info - this way as updated class in posted and updated */
.entry-meta .entry-date.published.updated {display: inline;}

/*remove posted by*/
.byline{display: none;}



.entry-meta h4 {font-weight: normal; font-style: italic; margin: 0px 0 0px;}



/*author*/
.author-meta  {font-size: 14px;}

h4.author-meta {margin: 10px 0 40px;}



/*Excerpts (copied and pasted into body) - only on 40 posts*/
.excerpt{color:#383736; font-weight: bold; }

blockquote p {font-size: 14px; margin: 0 0 10px;}


/*********************
**********************
End artice page*/







/*issue content page*/
.content-divide hr, .article-divide hr{border-top: 2px dotted #fe2828; max-width:300px; margin-bottom: 5px; margin-top: 40px;}
.article-divide hr{max-width:500px;}



/*seach results, category results, moves content teaser to the left*/
.entry-summary {margin: 0 0 20px 20px;}



.interview-question{font-weight: bold; margin-top: 50px;}
.notes{font-weight: bold; margin-top: 30px;}


.review-info{font-style: italic;}
.review-title{font-weight: bold;}
.caption-header{font-weight: bold; margin-bottom: 0px;}
.caption-subheader{font-style: italic;}
.caption-top{margin-top: 40px;}
.img-bottom{margin-bottom: 40px;}
.caption-bottom{margin-bottom: 40px;}
.img-top{margin-top:; 40px;}

@media screen and (max-width: 480px){.site-header .widget{margin-right: 70px; margin-top: 30px;}}
@media screen and (min-width: 481px){.site-header .widget{margin-right: 45px;}}

a.nav-open:link{color:#eb2121;}
a.nav-close:link{color:#eb2121;}