/* ======================================================================

    Infinitee Web Design .css

    Infinitee-Designs.com/WebDesign
    (c) 2021, All Rights Reserved.

    Stylesheet prepared by Ralph Manis

======================================================================== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Metal+Mania&display=swap);
@import url(https://fonts.googleapis.com/css?family=Nosifer&display=swap);

/* Header */
.headerclass, .mobile-headerclass {
    background: transparent !important;
}
span.kad-site-title {
    font-family: 'Metal Mania', cursive;
    font-size: 80px;
    color: #750101;
    width: 100%;
    text-shadow: 1px 0px 0px #ffdf00, -1px 0px 0px #ffdf00, 0px -1px 0px #ffdf00, 0px 1px 0px #ffdf00, 0px 0px 10px rgb(0 0 0 / 99%);
    line-height: 20px;
    margin-top: 25px;
}
.kad-site-tagline {
    font-family: 'Nosifer', cursive !important;
    font-size: 24px !important;
    text-shadow: 1px 0px 0px #171717, -1px 0px 0px #171717, 0px -1px 0px #171717, 0px 1px 0px #171717, 0px 0px 10px rgb(0 0 0 / 99%);
    color: #b70000 !important;
    margin-top: 25px;
}

.home span.postdate.kt-post-date.updated, .home span.postauthortop.kt-post-author.author.vcard, 
.home #post-1 h3.entry-title, .home .post-text-container .kt_post_category {
    display: none;
}

/* Main menu link overrides */
span.sf-description {
    display: none;
}
.sf-menu>li {
    background: rgba(0, 0, 0, 0.55);
}
li.menu-search-icon-kt {
    background: none;
}
.titleclass {
    background-image: none !important;
}
body.trans-header div:not(.is-sticky) > .headerclass-outer div:not(.is-sticky) > .kad-header-topbar-primary-outer div:not(.is-sticky) > .headerclass .nav-main ul.sf-menu > li > a:hover, .nav-main ul.sf-menu ul a:hover, 
.nav-main ul.sf-menu > li > a, .kad-header-menu-inner .kt-header-extras ul.sf-menu > li > a, .kad-header-menu-inner .kt-header-extras .kt-extras-label [class*="kt-icon-"], .kt-header-extras .sf-vertical > li > a {
    color: #ffffff !important;
}
li.menu-item a:hover {
	background-color:#b70000;
	color: #fff;
}
li.menu-item.current-menu-item {
    background: #964421;
}
li.menu-item.current-menu-item a:hover, 
li.menu-item.menu-item-type-post_type.menu-item-object-page a:hover, 
li.menu-item.menu-item-type-custom.menu-item-object-custom a:hover {
    color: #ffffff !important;
}
body {
 	background: url(http://www.horrorbytheslice.com/wp-content/uploads/2021/12/bg-1.jpg) repeat center top !important;
 	background-position-y:  0; !important;
 	background-color: #000 !important;
 	font-size: 16px !important;
 	color: #dddddd !important;
}
div#content {
    background-color: #0000007d;
    width: 80%;
}
/* Header */
.kad-right-header.kt-header-flex-item {
    border: 1px solid #212121;
    float: right;
    background: #22222287;
    padding: 10px;
}
.kt-extras-label, .kad-header-menu-inner .kt-header-extras .kt-extras-label [class*="kt-icon-"] {
    color: #ddd !important;
}
.kt-extras-label a:hover, .kad-header-menu-inner .kt-header-extras .kt-extras-label [class*="kt-icon-"] a:hover {
    color: #b70000 !important;
}
header#navbar, .path-frontpage div#views_slideshow_cycle_teaser_section_fp_slideshow-block_1, .views-row-odd, .views-row-even {
    min-width: 100% !important;
    max-width: 1900px;
    z-index: 1;
}
.metal {
    font-family: 'Metal Mania', cursive;
}
a.name.navbar-brand {
    font-family: 'Metal Mania', cursive;
    font-size: 80px;
    color: #750101;
    width: 100%;
    text-shadow: 1px 0px 0px #ffdf00, -1px 0px 0px #ffdf00, 0px -1px 0px #ffdf00, 0px 1px 0px #ffdf00, 0px 0px 10px rgba(0,0,0,.99);
}
a {
	color: #ff0000;
}
a:hover {
	color: #f00 !important;
	text-decoration: none;
}

.navbar-default .navbar-text {
    font-family: 'Nosifer', cursive;
    margin-left: 20%;
    font-size: 24px;
    text-shadow: 1px 0px 0px #171717, -1px 0px 0px #171717, 0px -1px 0px #171717, 0px 1px 0px #171717, 0px 0px 10px rgba(0,0,0,.99);
    color: #b70000 !important;
}
h1, h2 {
	text-shadow: 2px 0px 0px #2b2d2f, -2px 0px 0px #171717, 0px -2px 0px #171717, 0px 2px 0px #171717, 0px 0px 10px rgb(0 0 0 / 99%);
	letter-spacing: 2px;
	color: #b70000 !important;
}
h3, h4, h5, h6 {
	color: #b70000 !important;
}
.region-content p {
	text-shadow: 2px 0px 0px #171717, -2px 0px 0px #171717, 0px -2px 0px #171717, 0px 2px 0px #171717, 0px 0px 10px rgba(0,0,0,.99);
}
.content {
    background: rgba(0, 0, 0, 0.68);
    padding: 20px;
}
h1.page-header {
    font-size:46px;
    font-family: 'Metal Mania', cursive;
    letter-spacing: 3px;
	color: #e20200;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10 preview */
	background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	margin-bottom:20px;
	padding-top: 8px;
	padding-left: 20px;
}

/* Front page */
.home aside#recent-posts-widget-with-thumbnails-4 {
    display: block !important
}
.home .row.single-product-row {
    display: none;
}
.home .woocommerce-tabs.wc-tabs-wrapper {
	/* display: none; */
}

/* Page */
.page aside#recent-posts-widget-with-thumbnails-4,
.single-post aside#recent-posts-widget-with-thumbnails-4 {
    display: none;
}

.button a {
    color: #cdcdcd;
    border: 2px solid #3e3e3e;
    padding: 8px;
    border-radius: 8px;
    background-color: #31708f;
    text-shadow: none
}
.button a:hover, .button a.hover {
    color: #fff !imporant;
    text-decoration: none;
    background-color: #297132;
}
.button.right {
    margin-top: 20px;
}

.cent {
	margin-left: auto;
	margin-right: auto;
	text-align: center !important;
}
.left {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	float:left;
}
.right {
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	float:right;
}
.pad {
	padding:10px !important;
}

figure {
    margin: 0 10px 10px;
}
.right img {
    margin: 0 10px 10px;
}
.img, img a, .imginline {border:none;}
.img5 {padding:5px; border:none;}
.img11 {padding:11px; border:none;}
.imgcent, .imgright, .imgleft, .imgleftnotop {padding:8px; margin-left: auto; margin-right: auto; border:none;}
.imgcent {text-align:center;}
.imgright {text-align:right; float:right; padding: 8px 8px 0 8px;}
.imgleft {float:left; padding: 8px 8px 0 8px;}
.imgleftnotop {float:left; padding: 0 8px 8px}
.imginline {padding: 8px; display:inline;}

div.imginline {
	display:inline-block;
}

.f16 {
	font-size:16px !important
}
.f18 {
	font-size:18px !important
}
.f20 {
	font-size:20px !important
}
.f22 {
	font-size:22px !important
}
.f28 {
	font-size:28px !important
}
.f32 {
	font-size:32px !important;
}
.fbold {
	font-weight:bold;
}

/* Products */
h1.product_title.entry-title, h1.page-header {
    font-size: 46px;
    letter-spacing: 3px;
    color: #e20200;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    margin-bottom: 20px;
    padding: 8px;
}
td.woocommerce-grouped-product-list-item__label {
    font-size: 22px;
}
.kt-product-style-large-image .product-img-case .images, .kt-product-style-large-image .product-img-case .woocommerce-product-gallery__wrapper.woo_product_slider_disabled {
    width: 100% !important;
}
/* Zooms image container to 800x800 */
.woocommerce-product-gallery__image {
    width: 800px !important;
    height: 800px !important;
}

/* Articles */
.page-node-type-article .field--name-user-picture, .page-node-type-article .author {
    display: none;
}
.page-node-type-article .field--name-field-top-banner {
    padding-bottom: 20px;
}

/* Blockquote */
blockquote {
	border-left: 5px solid #4d4d4d;
    background: #393939 url(http://www.horrorbytheslice.com/wp-content/uploads/2021/12/postquote.png) no-repeat scroll;
	padding: 20px 20px 20px 34px;
	margin: 10px 10px 10px 50px;
	color: #9e9c9c;
	font-family: Arial,Helvetica,Sans-Serif;
	font-weight: 400;
	font-style: italic;
	text-align: left;
	overflow: auto;
	clear: both;
}
blockquote p {
    text-shadow: none !important;
}

/* Reviews */
div#respond {
    background: #00000069;
    padding: 10px;
}
div#respond  textarea {
    background: #00000069;
}

/* Blog */
.kt-width-xlarge .col-xxl-3 {
    width: 24% !important;
}
.kad_blog_item {
    background: #00000087;
    margin: 5px;
}
.field-type-taxonomy-term-reference .field-item a, .field-type-taxonomy-term-reference .field-item a:link {
    padding-right: 3px;
}

/* Search Page */
.page-search #block-system-main form.iwd-search {
	width: 50%;
	margin: 0 4em 0 2%!important;
}
.page-search .content form.iwd-search input[type="text"] {
	margin:15px auto;
}
.page-search .iwd-search div.form-item {
	margin: 10px 0;
}
form.iwd-search input[type="text"] {
	padding-left: 3px;
}
.page-search #edit-submit {
	top: 23px !important;
}

/* Input fields */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
	width: 90%;
	padding: 6px 0 6px 6px;
	color: #fff;
	background-color: #222;
	border: 1px solid #000;
}
.filter-wrapper {
    background-color: #222;
    border: 1px solid #000;
}
.page-contact input[type="text"], .page-contact input[type="password"], .page-contact input[type="email"], .page-contact input[type="url"], textarea {
	width: 50%;
}
.page-contact .form-textarea-wrapper textarea, .page-contact .resizable-textarea .grippie {
	width: 70%;
}

/* Admin theme */
ul.tabs--primary.nav.nav-tabs li a {
    background: rgba(255, 255, 255, 0.48);
    color: #225973;
    font-weight: bold;
}
ul.tabs--primary.nav.nav-tabs li.active {
    background: rgba(255, 255, 255, 1);
}

/* Recent Posts */
.page aside#recent-posts-widget-with-thumbnails-2 {
    display: none;
} 
.home.page aside#recent-posts-widget-with-thumbnails-2 {
	background-color: #0000007d;
    display: block;
    float:left;
}
.home .col-md-3.col-sm-6.footercol1 {
    width:100% !important;
}
.rpwwt-widget ul li {
    display: inline-block;
    float:left;
    width: 30% !important;
}

.product-template-default #containerfooter .container .row {
    display:none;
}


/* Footer */
.footer {
    margin-top: 45px;
    padding-top: 15px;
    padding-bottom: 36px;
    border-top: 1px solid #222;
}
.iwd-banner-logo {
	float: right;
	position: relative;
	top: -150px;
	z-index: 98;
}

/* Infinitee logo For Dark colored sites */
.iwd-banner-logo img {
	max-height: 120px;
}
.iwd-banner-logo {
	background: url('https://www.horrorbytheslice.com/wp-content/uploads/2021/12/infinitee_web_design_logo_dark.png') no-repeat 0 0;
	display:block;
	height: 132px;
}
.iwd-banner-logo a:hover {
	background:url('https://www.horrorbytheslice.com/wp-content/uploads/2021/12/infinitee_web_design_logo_dark.png') no-repeat 0 -132px;
	display:block;
}
/* Footer */
#block-copyright {
    padding: 5px;
}
.nav > li > a {
    background: none;
    color: #940000;
}
.nav > li > a:hover {
    background: none;
    color: #fff;
}

/* Responsive width specific */

/* iPad (portrait) */
@media only screen and (min-width : 768px) and (max-width : 768px) {

}

/* iPad (landscape) */
@media only screen and (min-width : 1024px) and (max-width : 1024px) {

}

/* iPad Pro (portrait) */
@media only screen and (min-width : 1024px) and (max-width : 1366px) and (orientation: portrait) {

}
/* iPad Pro (landscape) */
@media only screen and (min-width : 1366px) and (max-width : 1366px) and (orientation: landscape) {

}


/* Laptops - Non-Retina Screens */
@media screen and (min-device-width: 1600px) and (max-device-width: 1600px) { 
		/* Styles */
}

/* Laptops - Retina Screens */
@media screen and (min-device-width: 1600px) and (max-device-width: 1600px) and (min-resolution: 192dpi) { 
		/* Styles */
}

/* MacPro 13" (1600 portrait) */
@media only screen and (min-device-width: 1600px) and (max-device-width: 1600px) and (orientation:portrait) {

}
/* MacPro 13" (2560 landscape) */
@media only screen and (min-device-width: 2560px) and (max-device-width: 2560px) and (orientation:landscape) { 

}
/* MacPro (1050 portrait) */
@media only screen and (min-device-width: 1050px) and (max-device-width: 1050px) and (orientation:portrait) { 
		/* Styles */
}
/* MacPro (1920 landscape) */
@media only screen and (min-device-width: 1920px) and (max-device-width: 1920px) and (orientation:landscape) {

}
/* MacPro (1680 landscape) */
@media only screen and (min-device-width: 1680px) and (max-device-width: 1680px) and (orientation:landscape) { 

}

/* MacPro (1200 portrait) */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1200px) and (orientation:portrait) { 
		/* Styles */
}

/* Laptop with HiDPI (1440 landscape) */
@media only screen and (min-device-width: 1440px) and (max-device-width: 1440px) and (orientation:landscape) { 

}

/* Laptop with touch (1280 landscape) */
@media only screen and (min-device-width: 1280px) and (max-device-width: 1280px) and (orientation:landscape) { 

}


/* 4K HGTV (portrait) */
@media only screen and (min-device-width: 2160px) and (max-device-width: 2160px) and (orientation:portrait) {
		/* Styles */
}
/* 4K HGTV (landscape) */
@media only screen and (min-device-width: 3840px) and (max-device-width: 3840px) and (orientation:landscape) { 
		/* Styles */
}
