/*
Theme Name: Hueman RPGamer Child
Theme URI: https://presscustomizr.com/hueman/
Version: 3.3.28.c1.12.10
Description: RPGamer modificaiton to Hueman Theme
Author: Charalampos Papadimitriou
Author URI: https://presscustomizr.com
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Template: hueman
Text Domain: hueman
Domain Path: /languages
Copyright: (c) 2015-2017 Nicolas GUILLAUME (nikeo), 2013-2015 Alexander "Alx" Agnarson
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/




/* Header and Banner - Start */
#header {
  background: none !important;
} /* make background of header match with background gradient/primary banner color */

@media screen /* and (max-width: 1068px) - removed due to only using small ad at all sizes */ {
  #header > div.container div.container-inner {
	background-image: url("/wp-content/uploads/2018/01/frontbanner.jpg");
  	background-size: cover;
  	background-repeat: no-repeat;
  	height: 120px;
	z-index: 2;
  } /* banner image and making sure banner doesn't go large is ad goes wrong */
  div[id="headeradbanner"] {
  	display: none;
  }
  div[id="headeradbanner-mid"] {
  	display: block;
	width: 468px;
    margin-left: auto;
    margin-right: auto;
  } /* if smaller-sized screen (but not modile) then show smaller ad */
  #header .hu-pad {
    padding:30px 8% 30px;
  } /* making sure the ad is aligned correctly */
}

@media screen and (max-width: 1120px) {
  #header .hu-pad {
    padding:30px 30px 30px;
  }
}/* making sure the ad is aligned correctly */



@media screen and (max-width: 719px) {
  #header > div.container div.container-inner {
	background-image: url("/wp-content/uploads/2018/01/frontbanner.jpg");background-size: auto 80px;
    background-repeat: no-repeat;
    height: 80px;
    margin-top: 50px;
	z-index: 2;
  } /* banner image and making sure banner doesn't go large is ad goes wrong */
  div[id="headeradbanner"] {
  	display: none;
  }
  div[id="headeradbanner-mid"] {
  	display: none;
  } /* no ads on mobile */
  #header .hu-pad {
    padding:30px 10px 30px;
  } /* making sure the ad is aligned correctly */
}

/* Header and Banner - END */

/* Main Site - START */

#page .main {
  background-color: #f7f7f7 !important;
}

.post-byline {
  color: #666;
  border-bottom: 1px;
  padding-bottom: 10px;
  border-style: solid;
  border-color: #eee;
}
.post-byline a {
  font-weight: bold;
}/* styling on author and date of post */

#page .format-audio .post-format img {
  width: initial;
  margin: auto;
} /* prevent audio format post type from expanding small featured images on the embed player */

section[id="footer-widgets"] {
  display: none;
} /* stop it displaying some pointless pointless blank space at the bottom of the page I can't otherwise get rid of */

.content {
  background-color: #f7f7f7;
}
#page .container-inner {
  background: #f7f7f7;
} /* adjust background color of the main content column */

div[class="page-title hu-pad group"] {
  background-color: #333333;
  padding-bottom: 18px;
}
div[class="page-title hu-pad group"] h2 {
  color: #eeeeee;
}
div[class="page-title hu-pad group"] h1 {
  color: #eeeeee;
  font-size: 1em;
} /* align and change background and text color of the grey bar at top of main column */

.sidebar.s1 .sidebar-top {
    background-color: #555555;
}
.sidebar-toggle {
    background-color: #666 !important;
} /* change color of first sidebar */

.sidebar.s2 .sidebar-top {
  background-color: #b52515;
} /* change color of second sidebar - no longer needed as second sidebar removed */

.single .post-title {
  font-size: 2em;
} /*adjust text color and size */

div[class="textwidget"] p {
  color: #444;
}
.widget h3 {
  font-weight: bold;
  text-align: center;
  font-size: 1em;
}
.widget {
  font-size: 0.9em;
}
.widget a {
  color: #333;
}
.widget a:hover {
  color: #c18d34;
} /* adjust text of things of the sidebar */

.post-title {
  letter-spacing: -0.5px;
  font-weight: bold;
  margin-bottom: 5px;
}
.alx-posts .post-item-title a {
  color: #333;
}
.alx-posts .post-item-date {
  color: #999;
}
.post-meta .post-date {
  color: #999;
}
div[class="entry excerpt entry-summary"] p {
  color: #444;
} /* adjust text color of post titles, dates, and summary */

.thumb-icon {
  display: none;
} /* remove icon on sticky posts/audio files, etc. */

.archive .post-standard {
  margin-bottom: 5px;
  margin-top: 10px;
}
.blog .post-standard {
  margin-bottom: 5px;
  margin-top: 10px;
}
.post-standard {
  margin-bottom: 5px;
  margin-top: 10px;
}
.archive .post {
  margin-bottom: 10px;
} /* adjust spacing on post listings */

.sidebar .widget {
  padding: 20px 20px 5px;
} /* adjust spacing on the sidebar */

.featured .post-title {
  font-size: 1.8em;
}
.featured {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.featured.flexslider {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #eee;
  height: 250px;
} /* adjust spacing and text size on the featured posts carousel */

#flexslider-featured .flex-control-nav li a {
  width: 40px;
  background: #aaa;
  height: 3px;
} /* adjust the buttons on the carousel */

.post-thumbnail img {
  display: inline;
}
.post-standard .post-thumbnail {
  margin-left: -175px;
  max-width: 150px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.post-standard.excerpt .post-inner {
  padding-left: 175px;
  padding-bottom: 10px;
  min-height: 100px;
  border-bottom: 2px solid #eee;
}  /* adjust thumbnail size and space on full-sized windows */

@media screen and (max-width: 719px) {
  .post-standard .post-thumbnail {
    margin-left: -120px;
    max-width: 100px;
  }
  .post-standard .post-inner {
    padding-left: 120px;
  }
} /* adjust thumbnail size and space on smaller windows */

@media screen and (max-width: 479px) {
  .post-standard .post-thumbnail {
    margin-left: -82px;
    max-width: 72px;
  }
  .post-standard .post-inner {
    padding-left: 82px;
  }
  .entry-inner p {
    font-size: 11pt;
    line-height: 16pt;
  }
  .entry-inner li {
    font-size: 11pt;
    line-height: 16pt;
	margin-bottom: 0.25em;
  }
  .featured .post-title {
    font-size: 1.5em;
  }
} /* adjust font size and thumbnail size and space on mobile screens */

a[class="bio-email"] {
  background-color:#6d6a69;
  border-radius:3px;
  color:#ffffff;
  display:inline-block;
  font-family:sans-serif;
  font-size:11px;
  font-weight:500;
  line-height:20px;
  text-align:center;
  width:60px;
} /* make the E-mail link on the staff listing look a bit like the Twitter follow button */

.entry {
  font-size:1.1em;
  color:#444;
} /* general font adjustments for post content */

.entry blockquote {
  color:#555;
  font-style: normal;
} /* general font adjustments for post content */

.entry .wp-caption-text {
  padding: 0px 5px 8px;
  color: #444;
  font-size: 1em;
  font-style: normal;
  text-align:center;
} /* adjust the text on the captions for images */

#commentform {
  background: #f7f7f7;
} /* make comment form same color as sidebar */

article .entry a, .comment-body a {
  text-decoration: none;
} /* remove underline on article links */

.post-tags a {
  color: #666;
  font-size: 1em;
  border: solid 1px #ccc;
  border-radius: 5px;
}/* change tag text color at bottom of post */

.author-bio .bio-desc {
  color: #666;
} /* change bio text color at bottom of post */

.widget-title {
  background-color:#666;
  color: #eee;
  line-height: 200%;
} /* playing with the widget headers */

.entry .videoEmbed {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  max-width: 640px;
  margin: auto;
  margin-bottom: 20px;
}
.entry .videoEmbed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} /* make YouTube video embeds automatically resize */


div[class="teads-inread"] {
	margin-top: 20px;
} /* spacing adjustment for video ad */

.altTable tr:nth-child(2n+1) {
    background-color: #dddddd;
} /* make certain tables alternate row background colours */

.widget_hu_posts li {
  padding: 5px 0;
  border: none;
} /* shrink gap between featured posts on sidebar */

.pds-box .pds-feedback-group {
  margin: 0 0 5px !important; 
}

.pds-box .pds-answer-group {
  margin: 0 0 5px !important;
}

.pds-box .pds-links {
  margin: 10px 0 0 !important;
}

.pds-box {
  padding: 10px 10px !important;
}/* poll sizing adjustments */

/* Main Site - END */


/* Re-style top menu and admin bar location to accomodate banner ad - START*/
.widget-extra-header-widget {
	padding-left: 20px;
	padding-right: 20px;
	max-height:100px;
	position:relative;
	/*top:-32px;*/
	top:50px;
	margin: 0 auto;
	z-index:50;
}	
	
.widget-extra-footer-widget {
	padding-left: 20px;
	padding-right: 20px;
	max-height:100px;
	position:relative;
	/*top:-32px;*/
	top:-60px;
	margin: 0 auto;
	z-index:50;	
}

@media only screen and (max-width: 1200px) and (min-width: 783px) {
	.widget-extra-header-widget {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 783px) {
	.widget-extra-footer-widget {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width: 782px) {
	.widget-extra-header-widget {
   		height: 0px;
		width: 0px;
		padding:0;
		display:none;
	}
	.header-desktop-sticky.admin-bar #nav-topbar.nav-container {
	    /*top: 132px;*/
	    top: 46px;
	}
}

@media screen and (max-width: 782px) {
	.widget-extra-footer-widget {
   		height: 0px;
		width: 0px;
		padding:0;
		display:none;
	}
	.header-desktop-sticky.admin-bar #nav-topbar.nav-container {
	    /*top: 132px;*/
	    top: 46px;
	}
}

.widget-extra-header-widget .widget-extra-header-widget-inner {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#69532e;
	max-width: 1120px;
	margin:0 auto;

}

.widget-extra-footer-widget .widget-extra-footer-widget-inner {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#69532e;
	max-width: 1120px;
	margin:0 auto;

}

.widget-extra-header-widget .widget-extra-header-widget-inner .custom-html-widget {
	width:728px;
	max-height:90px;
	margin:0 auto;
}

.widget-extra-footer-widget .widget-extra-footer-widget-inner .custom-html-widget {
	width:728px;
	max-height:90px;
	margin:0 auto;
}

@media only screen and (min-width: 783px) {

	.header-desktop-sticky.admin-bar #nav-topbar.nav-container {
	    /*top: 132px;*/
	    top: 32px;
	}

	.full-width #nav-topbar.nav-container {
	    width: 100%;
	    /*top: 100px;*/
	    top: 0px;
	    left: 0;
	    right: 0;
	}
}


#wpadminbar {
	/*top: 100px;*/
	top: 0px;
}

/* Re-style top menu and admin bar location - END */