/*
 Theme Name:   HTPC Guides
 Theme URI:    https://generatepress.com/mantle/
 Description:  Mantle is a GeneratePress child theme. Using GeneratePress you can alter the child theme to your taste in minutes. Mantle is mobile responsive, W3C Markup Validated, Schema.org integrated, search engine friendly, cross browser compatible and 100% translatable. Available in English and German/Deutsch! See more about GeneratePress here: http://generatepress.com
 Author:       Thomas Usborne
 Author URI:   http://edge22.com
 Template:     generatepress
 Version:      1.2.33
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options

 Mantle, Copyright 2016 Thomas Usborne
 Mantle is distributed under the terms of the GNU GPL

 Mantle is a child theme of GeneratePress
 
 */

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v20-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* oxygen-300 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Oxygen Light'), local('Oxygen-Light'),
       url('fonts/oxygen-v9-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/oxygen-v9-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* oxygen-regular - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Oxygen Regular'), local('Oxygen-Regular'),
       url('fonts/oxygen-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/oxygen-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* oxygen-700 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Oxygen Bold'), local('Oxygen-Bold'),
       url('fonts/oxygen-v9-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/oxygen-v9-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


.post-image {
	margin-top: 0;
	margin-bottom: 1.5em;
}

/* Remove all of the below to remove sticky navigation */

.admin-bar.stickynav.nav-below-header #site-navigation,
.admin-bar.stickynav.nav-above-header #site-navigation,
.admin-bar.nav-below-header #site-navigation,
.admin-bar.nav-above-header #site-navigation {
	top: 32px;
}
.stickynav.nav-below-header #site-navigation,
.stickynav.nav-above-header #site-navigation {
	border-top: 0 none;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 100%;
	z-index: 100;
	opacity: .8;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
}
.stickynav.nav-below-header #site-navigation:hover,
.stickynav.nav-above-header #site-navigation:hover {
	opacity: 1;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
}

.nav-above-header #site-navigation {
	border-top: 0 none;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 100%;
	z-index: 100;
	-webkit-transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	transition:opacity 0.2s ease-in-out;
}

/* Custom for HTPC Guides */

.toggled {position: relative !important;}
.header-image { height: 180px; }
.site-branding {display: inline-block;
      margin-top: 30px;}
.site-logo {
      float: left;
      margin-right: 30px;}
.header-widget {padding-right: 30px;
padding-top: 0px;}

h4 { font-size: 20px; font-weight: bold; font-family: Oxygen; color: #444444}
h5 { font-size: 18px; font-weight: bold; font-family: Oxygen; color: #444444}
h6 { font-size: 16px; font-weight: bold; font-family: Oxygen; color: #444444}

/* Custom Pagination */

.page-links {display: none;}
 
.custom-page-links.page-links {
                display: block;}

.custom-page-links span {
    background: none repeat scroll 0 0 #1e72bd;
  	border: 1px solid #1e72bd;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
}
 
.custom-page-links a span {
    background: none repeat scroll 0 0 #fff;
    color: #1e72bd;
}

.custom-page-links a:hover span {
      background: none repeat scroll 0 0 #1e72bd;
      color: #fff;
}
 
 .page-numbers {
      background: none repeat scroll 0 0 #fff;
  	font-size: 1.2em;
  	border: 1px solid #1e72bd;
    color: #1e72bd;
    display: inline-block;
    padding: 5px 10px;
}

.page-numbers.current {
  	background: none repeat scroll 0 0 #1e72bd;
    color: #fff;
}

.paging-navigation .page-numbers:hover, .paging-navigation .current:hover, .paging-navigation .next:hover {
    background: none repeat scroll 0 0 #1e72bd;
    color: #fff;
}

.blog .type-post img,
.archive .type-post img,
.search .type-post img {
      max-width: 150px;
}

.entry-content :not(pre) code { background: #efeeee;
padding: 3px }
/* Table changes */
.tablepress {font-size: 15px;}
table { table-layout: auto; }

table, th, td {border: 0;
padding: 2px;
}
.menu-item-has-children a .dropdown-menu-toggle {
padding-right: 10px;
}
/* Back to top button */
.generate-back-to-top, .generate-back-to-top:visited {
    background: rgba(36,114,186,0.6); }
.generate-back-to-top:hover {
    background: rgba(36,114,186,0.4); }
.generate-back-to-top .fa {
    color: white; }
/* Button colors */
input[type=submit] { background:#28b;}
.disqus-custom { background-color: #2472BA;}
/* Line height in posts */
p { line-height: 2;}

.wpctc-wpctc_widget-2 {font-weight: 400}
.entry-content a,
.entry-content a:visited,
.entry-summary a,
.entry-summary a:visited {
    font-weight: 400;
}
.content-area a:hover {
    text-decoration: underline;
}
.entry-header .entry-meta {
    display: none;
}

/*pre {
background:#eee;
font-family:inherit;
font-size:inherit;
line-height:normal;
margin-bottom:1.5em;
overflow:auto;
width:calc(100%+20px);
margin-left:-40px;
max-width:none;
padding:20px 20px 20px 40px;
}*/

pre {
    width: calc(100% + 20px);
    margin-left: -40px;
    margin-right: -40px;
    max-width: none;
   padding-left: 40px;
}