/*
 Theme Name:   HitMag Corrosion Hour Extended
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  HitMag Child Theme
 Author:       Corrosion Hour
 Author URI:   https://www.corrosionhour.com
 Template:     hitmag
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  hitmag-child
*/

.site-branding {clear: both!important;}
img {height: auto;max-width: 100%;}
.header-main-area{min-height: 114px;}
.featured-img{min-height: 236px;}

/*.post-slider li 					{ width: 100%!important;}*/
.post-slider .flex-viewport 		{ width: 100%; overflow: hidden;}
#hm-carousel.post-slider-thumbs 	{ background: none; padding: 0; padding-top: 1em; margin-bottom: 2em;}
.flexslider 						{ background: transparent!important; }
/*.post-slider-thumbs li 				{ width: 70px!important;}*/
/*.post-slider .flexslider .slides 	{ width: 100%!important;}*/
.video-frame 						{ position: relative;padding-bottom: 56.25%;padding-top: 35px;height: 0;overflow: hidden; }
.video-frame iframe 				{ position: absolute;top:0;left: 0;width: 100%;height: 100%; }
.video-frame img 					{ position: absolute;top:0;left: 0;width: 100%;height: auto;}

.review-content 					{ background: #f3f3f3; padding: 1.25em; overflow: auto;}
.review-content h2 					{ margin: 0; margin-bottom: 1em; font-size: 28px;}
.review-verdict 					{ clear: both; }
.review-rating 						{ border-top: 1px solid #ccc; overflow: auto; background: #f3f3f3;}
.review-rating h6 					{ text-align: center; margin-bottom: 0;}
.review-rating span 				{ display: block; text-align: center; font-size: 34px; font-weight: bold;}
.review-rating .rating 				{ width: 25%; float: left; border-right: 1px solid #ccc;}
.review-rating .progress-bar 		{ width: 75%; float: left; padding: 2em;}
.review-rating .progress-bar span 	{ border-radius: 10px; height: 28px; background: #bbb; }
.review-rating .progress-bar span span	{ border-radius: 10px; height: 28px; background: green; }
.review-rating .progress-bar .progress-1{ width: 10%; }
.review-rating .progress-bar .progress-2{ width: 20%; }
.review-rating .progress-bar .progress-3{ width: 30%; }
.review-rating .progress-bar .progress-4{ width: 40%; }
.review-rating .progress-bar .progress-5{ width: 50%; }
.review-rating .progress-bar .progress-6{ width: 60%; }
.review-rating .progress-bar .progress-7{ width: 70%; }
.review-rating .progress-bar .progress-8{ width: 80%; }
.review-rating .progress-bar .progress-9{ width: 90%; }
.review-rating .progress-bar .progress-10{ width: 100%; }

/*@media (max-width: 767px) {*/
	.ch-small-12					{ width: 100%; padding-left: 10px; padding-right: 10px;}
/*}*/

@media (min-width: 768px) {
	.ch-large-5 					{ width: 44%; padding-left: 10px; padding-right: 10px;}
	.ch-large-7 					{ width: 55%; padding-left: 10px; padding-right: 10px;}
	.review-list 					{ width: 48%; float: left; /*font-size: 13px;*/}
	.review-list h3 				{ margin: 0; font-size: 20px;}
	.review-list ul 				{ margin: 0; }
	.base-review-lists 				{ float: left;}
	.base-review-gallery 			{ float: left; }


	.advertisement{
	    min-height: 100px;
	}

	.ad-placement{
	   /* background-color: pink; */
	   height: 100px;
	}
}


/* Item Database Pages */
.item-meta-table{
	background-color: #f9f9f9;
    color: #000;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

.item-meta-table a {
	color: #ab3300;
}

.item-meta-table thead td {
	text-align: center;
	 padding: .75rem;
	 font-weight: 600;
	 text-transform: uppercase;
	 color: #000;
	 font-size: 14px;
	 background-color: #e5e5e5;
}

.item-meta-table td {
	border-color: #e5e5e5;
  font-size: 14px;
	vertical-align: top;
}

@media (min-width: 1024px) {
	.rust-item{
		display: flex;
	}

	.item-body{
		max-width: 65%;
	}

	.item-meta-bar{
		min-width: 35%;
		max-width: 35%;
		padding-left: 1rem;;
	}
}

.rust-item h2{
	font-size: 1.5rem;
}

.item-body .breadcrumbs{
	overflow: auto;
	margin-bottom: 10px;
}
.item-body .breadcrumbs a{
	color: #ab3300;
}

.item-body .breadcrumbs ol{
	margin: 0;
	overflow:auto;
	padding: 0;
}

.item-body .breadcrumbs ol li{
	list-style: none;
	float: left;
}

.item-body .breadcrumbs ol li .page-title{
	/* font-weight: 900; */
}

.item-body h1.entry-title{
	margin-bottom: 1rem;
	border-bottom: 2px solid #e5e5e5;
  padding-bottom: 5px;
}

.item-content{
	/* display: flex; */
	/* justify-content: space-between; */
	/* width: 100%; */
}

.item-content .featured-image{
	width: 33%;
	padding-right: 1.5rem;
}

.item-content .editorial{
	/* width: 100%; */
}

.item-content .editorial a{
	color: #ab3300;
}

.item-content .rail-container{
	margin-bottom: 1rem;
}

@media (max-width: 800px) {
	.item-content{
		display: block;
	}

	.item-content .featured-image{
		width: 100%;
		/* display: flex; */
	}

	.item-content .wp-post-image{
		width: 100%;
	}

	.item-content .rail-container{
		width: 100%;
	}

	.item-content .editorial{
		width: 100%;
		padding-top: 2rem;
		font-size: 1.25rem;
	}
}
/* Itemlist Page */
.search-wrap{
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	padding: 20px;
	margin-bottom: 10px;
}

.search-wrap label{
	display: block;
	margin-bottom: 10px;
}

.search-wrap input{
	display: block;
	width: 100%;
}

.item-grid {
	margin-bottom: 1rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.item-grid-larger {
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
}

@media (min-width: 1024px) {
   .ch-rust-item{
	   width: calc(100% - 20px);
   }
}

h2 a {
	color: #ab3300!important;
}
.search-label{
  font-weight: 600;
  padding-right: 0.5rem;
}

.ch-item-card-wrap{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 12px;
  row-gap: 1rem;
}

@media (min-width: 800px) {
	.ch-item-card-wrap{
	  grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1024px) {
	.ch-item-card-wrap{
	  grid-template-columns: repeat(4, 1fr);
	}
}

.ch-item-card-wrap .card{
	text-align: center;
}

.ch-item-card-wrap .card > a{
  display: block;
	width: 100%;
	height: 100%;
  box-sizing: content-box;
  position: relative;
  top: 0;
  transition: top ease 0.5s;
}

.ch-item-card-wrap .card > a:hover{
	background-color: #eee;
	 top: -10px;
}

.ch-item-card-wrap .card h4,
.ch-item-card-wrap .card h3{
  font-size: 16px;
}

.ch-item-card-wrap .card a{
  /* color: #ab3300; */
	color: #222;
}

.ch-item-card-wrap .hide {
	display: none;
	animation: fadeout 1s;
}

.ch-item-card-wrap .show{
	display: block;
	animation: fadein 1s;
}

.craftable-with-this-item{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.ch-rust-item{
	padding: 20px;
	    box-sizing: content-box;
	    position: relative;
	    top: 0;
	    transition: top ease 0.5s;
}

.ch-rust-item:hover {
	background-color: #eee;
    top: -10px;
}

.ch-rust-item a{
	/* color: #ab3300; */
	color: #222!important;
}

.ch-rust-item h4,
.ch-rust-item h3{
	font-size: 1rem;
	color: #222;
}

.ch-rust-item img{
	display: block;
	width: 100%;
}

@media screen and (max-width: 800px) {
	.item-grid-larger {
		grid-template-columns: repeat(2, 1fr);
	}
	.item-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.craftable-with-this-item{
		grid-template-columns: repeat(2, 1fr);
	}
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@keyframes fadeout {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}

/* .site-branding{
	margin: 1rem!important;
}

.site-title {
	font-weight: 600;
	position: relative!important;
	text-transform: uppercase;
	margin-top:5px;
}

.site-title span {
	font-weight:900;
}

.site-title a {
	color: #000!important;
}

.hm-logo{
	width: 60px;
} */

.hitmag-featured-slider{
	min-height: 298px;
}
@media (min-width: 1024px) {
	.hitmag-featured-slider{
		min-height: 474px;
	}
}