/*
Theme Name: Tredit Tire Theme
Theme URI: http://www.digitalhill.com/
Author: Digital Hill Multimedia
Author URI: http://www.digitalhill.com/
Description: This is a custom theme for Tredit Tire.
Template: dhwp-base
Version: 1.0.0
License: Proprietary
Text Domain: dhwp-tredittire
Tags: 
see https://make.wordpress.org/themes/handbook/review/required/theme-tags/
see WordPress' CSS coding standards https://make.wordpress.org/core/handbook/coding-standards/css
*/

/* LIKELY SITE-SPECIFIC CHANGES */

@import "https://use.typekit.net/pgd3boz.css";
@import "https://use.typekit.net/jtk8wqm.css";

body { color:#000; font-family:ubuntu; }

h1 { font-family: pirulen; font-weight: 700; }
h2 { font-family: pirulen; font-weight: 700; }
h3 { font-family: pirulen; font-weight: 400; }
h4 { font-family: pirulen; font-weight: 400; }

h1:after,h2:after,h3:after,h4:after { content:" "; display:block; width:4em; margin:.25em 0; border-bottom:4px solid #9e0b0f; }

h2.underline:after { margin: .25em auto; }

.slider-header:after { content: "", display: block; width: 4em; margin: .25em 0; border-bottom: 4px solid #9e0b0f; }

.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }

footer.footer { background: #000 url("/source/3354617f344fc1f4bb9fe6226304a1d1/bkgd-footer-tread-tile-sm.svg") repeat top center / 80px; font-size:.9em; }
footer h3 { font-weight:300; }
footer h3:after { display:none; }

footer.postfooter { font-size:.75em; color:#999; }

header.dhlogomenu, header.dhlogoheaderwidget, header.preheader { background-color: rgba(0,0,0,.7); }

header.preheader { padding: 0; }
header.preheader .dhwidget { line-height: 2.5; }
header.preheader .dhwidget-inline ul li { padding: .7em 1em; border-left: 1px solid rgba(255,255,255,.3); }
header.preheader .dhwidget-inline ul li:last-of-type { padding-right: 0; }
header.preheader .dhwidget-inline ul li:last-of-type a:before { content: url("/source/2b889811e4aef27b042c5cf931d79a03/icon-tire-reg.svg"); display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-top: -8px; margin-right: 10px; }

/* this works with the tredit_fix_menu() in functions.php to fix the last item drop-down--which we don't want to align right */
.dhmenu > li:last-of-type { display:none; }

header a.search-icon { display:inline-block; z-index:3; width: 30px; height: 30px; white-space: nowrap; background: transparent url("/source/0fdb78069820e85b7624b834853b6003/icon-search.svg") no-repeat center / 60%; text-indent: 120%; overflow: hidden; }

header a.search-icon { transition: background .25s ease-in-out; position: relative;  border-radius: 3px; }
header a.search-icon > span { display: block; position: absolute; height: 2px; width: 0; left: 50%; opacity: 1; left: 50%; transition: .25s ease-in-out; background-color: #fff; top: calc(50% - 1px); }
header a.search-icon > span:nth-child(1) { transform: rotate(45deg); }
header a.search-icon > span:nth-child(2) { transform: rotate(-45deg); }
header a.search-icon.expanded > span:nth-child(1),
header a.search-icon.expanded > span:nth-child(2) { width: 15px; left: 8px; }
header a.search-icon.expanded { background-size: 0; }

form.search-header-form { background-color: rgba(0,0,0,.5); padding: 0; max-height: 0; overflow: hidden; text-align: center; font-size: 1.2em; transition: .25s ease-in-out; }
form.search-header-form.expanded { padding:1em 0; max-height:200px; }
form.search-header-form input { padding: .25em .5em; width: 50%; }
form.search-header-form button { padding: .25em .5em; font-family: pirulen; border: 2px solid #9e0b0f; background: transparent; color: #fff; }


.tredit-intro { background:#000 url("/source/aac24ac08974e217de34be8eeb295875/hero-company.jpg") no-repeat center / cover; color:#fff; padding:10em 0 2em; }

.wp-block-group.alignfull { margin: 0; }
.wp-block-group__inner-container { max-width: 1400px; margin-left: auto; margin-right: auto; }

.post-preview h3 a { text-decoration:none; }
.preview-image + h3 { padding-left:15rem; }


main ul li { list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJElEQVQoU2NkIBIwTuAR+I+utuDLB0Z0sRGqkMhgZMAIL1waAWdkHAtYHPVNAAAAAElFTkSuQmCC"); }


table.wp-block-table.is-style-stripes { width: 100%; display:table; }
table.wp-block-table.is-style-stripes tr:first-of-type { font-weight: bold; }
table.wp-block-table.is-style-stripes tr:first-of-type td { background-color: #fff; border-bottom-color: #9e0b0f; text-transform:uppercase; }
table.wp-block-table.is-style-stripes tr:last-of-type td { border-bottom-color: #9e0b0f; }
table.wp-block-table.is-style-stripes td { border-bottom: 1px solid #ddd; }
table.wp-block-table.is-style-stripes tr:nth-child(odd) { background-color:#f9f9f9; }

figure.wp-block-image.border-box { border:1px solid #ddd; background-color:#f9f9f9; }
figure.wp-block-image.border-box img { max-width:70%; margin:2em auto 0; }
/*figure.wp-block-image.border-box img { transform: scale(.6); }*/

div.full-size.\33 d-flip-book > div.book-heading > h3 > a { text-decoration: none; }

.wp-block-quote.is-style-large { border-left: 4px solid #9e0b0f; }

.wp-block-embed__wrapper iframe { height: 0 !important; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; width: 0 !important; }

/* Home page styles */
.entry-content > .tredit-integrity  { margin:0; min-height:0; background-size:100%; }
.tredit-integrity.wp-block-cover h1 { color:#9e0b0f; font-weight:700; margin-top:64px; margin-bottom:64px; }
.tredit-integrity.wp-block-cover h1:after { display: none; }

.entry-content > .tredit-advantage  { margin:0; min-height:0; background-size:100%; }

/* Inner page styles */
.page-id-3895 .post-password-form { margin-top: 120px; }

/* treditpostlist shortcode */
.treditpost-grid { background-color: #fff; padding: 3em 0 2em; }
.treditpost-grid-wrapper { display: grid; grid-gap: 1em; grid-template-columns: repeat(4, 1fr); align-items: flex-end; }

.treditpost-grid-slide { background-color: #fff; margin-bottom: 2em; text-decoration: none; min-width:0; overflow:hidden; }
.treditpost-grid-slide span { font-size:1.4em; line-height: 1.2; font-family:pirulen; display:block; margin-bottom: 1em; }
.treditpost-grid-slide span:after { content: " "; display: block; width: 4em; margin: .25em 0 .25em; border-bottom: 4px solid #9e0b0f; }

/* profile builder styles */
p.wppb-front-end-logout { border:1px solid #999; background-color:#ddd; padding:.5em 1em; margin-top:0; }
p.wppb-front-end-logout a.wppb-logout-url { text-transform:uppercase; font-weight:bold; display:inline-block; margin-left:1em; text-decoration:none; }

/* location styles */
.acf-map.alignfull { width: 100%; height: 600px; max-height: 60vh; margin:0; box-sizing:border-box; }
.acf-map h4 { min-width:375px; }
.acf-map img.location-image { max-width:150px!important; float:right; margin-left:.5em; }
.acf-map .button-small { border: 1px solid #9e0b0f; padding: .2em .4em; font-weight: bold; text-transform: uppercase; }
.acf-map .marker { display:none; }

/* tredit advantage page styles */
#kt-adv-heading_b62519-ec:after, #kt-adv-heading_bcada8-04:after, #kt-adv-heading_9816e6-31:after { content: none; }
.kt-btn-inner-text { font-family: 'Pirulen', sans-serif; }
.tredit-advantage-video .wp-block-cover__inner-container { text-align: center; margin: 0 auto; }

/* guarantees simplified styles */
.wp-block-image.guarantees-logo { width: 480px; height: auto; margin: 0 auto; }

/* popup styles */
button.limited-warranty {
	border: 1px solid #730002;
	background: #730002;
	border-radius: 50px;
	color: #fff;
	font-family: 'Pirulen', sans-serif;
	text-transform: uppercase;
	padding: .7em 1.5em;
	text-align: center;
	display: block; }
	button.limited-warranty:hover {
		background: #9e0b0f;
		color: #fff;
		border: 1px solid #9e0b0f; }
				
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] { padding-right: 0 !important; }

.pum-theme-791 .pum-container, .pum-theme-lightbox .pum-container {
	border: 1px solid #fff !important;
	border-radius: 0 !important;
	background-color: rgba(0,0,0,.5) !important;
	box-shadow: none !important; }
	.pum-theme-791 .pum-content, .pum-theme-lightbox .pum-content {
		color: #ffffff !important;
		line-height: 1.5 !important; }
		.pum-theme-791 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
			border: 1px solid #ffffff !important;
			width: 27px !important;
			height: 27px !important; }
			.pum-theme-791 .pum-content + .pum-close:hover, .pum-theme-lightbox .pum-content + .pum-close:hover {
				color: #9e0b0f !important;
				border: 1px solid #9e0b0f !important; }
				
.page-id-290 .pum-theme-791 .pum-container, .pum-theme-lightbox .pum-container { background-color: rgba(158,11,15,.8) !important; }
				
/* corporate responsibility styles */
h1.corporate-responsibility:after { border-bottom: 4px solid #00674e; }
.corporate-responsibility-subhead { margin-top: 0; margin-bottom: .5em; }

.wp-block-image.shadow img {
	-webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5); }

/* media & text block styles */
.tredit-adv-services .wp-block-media-text { grid-template-columns: 10% auto; margin-bottom: 1em; }
.tredit-adv-services .wp-block-media-text .wp-block-media-text__media { align-self: start; margin-top: 10px; }
.tredit-adv-services .wp-block-media-text > figure > img { height: 60px; }
.tredit-adv-services .wp-block-media-text__content h4 { font-family: 'Ubuntu', sans-serif; font-weight: 700; margin-bottom: .25em; }
.tredit-adv-services .wp-block-media-text__content h4:after { content: none; }
.tredit-adv-services .wp-block-media-text__content p { margin-top: 0; }

.wheel-template .wp-block-image figcaption { text-align: center; }

/* tire carousel styles */
.tire-carousel .master-slider { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; }
.tire-carousel .master-slider .ms-container { width: 500px; margin: 0 !important; }
.tire-carousel .ms-slide-info { width: 58.25% !important; min-height: 400px !important; }
/*.tire-carousel .ms-slide-bgcont { height: 420px !important; width: 498px !important; border: 1px solid #fff; margin-top: 110px; }*/

.tire-carousel .tire-slide-order { font-size: 1.25em; font-weight: 300; line-height: 44px; color: #fff !important; background: #000000; width: 45px; height: 45px; text-align: center; display: block; position: absolute; margin-top: 3.5em; }
/*.tire-carousel .tire-slide-order.rainier, .tire-carousel .tire-content a.btn-rainier { background: #567584; }
.tire-carousel .tire-slide-order.goodyear, .tire-carousel .tire-content a.btn-goodyear { background: #004890; }
.tire-carousel .tire-slide-order.rainier-apex, .tire-carousel .tire-content a.btn-rainier-apex { background: #9e0b0f }
.tire-carousel .tire-slide-order.trailerking, .tire-carousel .tire-content a.btn-trailerking { background: #eb8023; }
.tire-carousel .tire-slide-order.eco-trail, .tire-carousel .tire-content a.btn-eco-trail { background: #00743d; }*/

.tire-carousel .tire-content { text-align: left; padding-left: 2.8em; display: block; position: relative; /*margin-top: 19.25%;*/ margin-top: 15%; }
.tire-carousel .tire-brand-logo { width: auto; height: 92px; position: relative; padding-left: 2.8em; }
.tire-carousel .tire-brand-logo img { max-width: 90%; height: auto; position: absolute; bottom: 1.5em; }
.tire-carousel .tire-content a { background-color: #000; border-radius: 50px; padding: 12px 20px; text-decoration: none; text-transform: uppercase; color: #fff; margin-left: 2.8em; }
.tire-carousel .tire-content a:hover { opacity: .8; }

.tire-carousel .tire-brand-logo { margin-bottom: 1.25em; }
/*.tire-carousel .tire-brand-logo.rainier-logo-carousel { border-bottom: 1px solid #567584; margin-bottom: 1.25em; }
.tire-carousel .tire-brand-logo.goodyear-logo-carousel { border-bottom: 1px solid #004890; margin-bottom: 1.25em; }
.tire-carousel .tire-brand-logo.rainier-apex-logo-carousel { border-bottom: 1px solid #9e0b0f; margin-bottom: 1.25em; }
.tire-carousel .tire-brand-logo.trailerking-logo-carousel { border-bottom: 1px solid #eb8023; margin-bottom: 1.25em; }
.tire-carousel .tire-brand-logo.eco-trail-logo-carousel { border-bottom: 1px solid #00743d; margin-bottom: 1.25em; }*/

.tire-carousel .tire-content p { padding-left: 2.8em !important; font-size: 18px; line-height: 1.8; margin: 0; }

.tire-carousel .ms-skin-default .ms-nav-prev { background: url("/source/73db04783dc8af4deeda5ca79a1250ab/carousel-arrow-left-wht.svg") no-repeat !important; background-size: 30px auto !important; /*top: 60%;*/ top: 75%; left: 20px; transition: transform 0.3s ease; transform: translateX(0px); opacity: .7; }
.tire-carousel .ms-skin-default .ms-nav-prev:hover { transform: translateX(-10px); opacity: 1; }
.tire-carousel .ms-skin-default .ms-nav-next { background: url("/source/d4ae7b9cae9d04841a6e40e697eedcf3/carousel-arrow-right-wht.svg") no-repeat !important; background-size: 30px auto !important; /*top: 60%;*/ top: 75%; right: 20px; transition: transform 0.3s ease; transform: translateX(0px); opacity: .7; }
.tire-carousel .ms-skin-default .ms-nav-next:hover { transform: translateX(10px); opacity: 1; }

@media (max-width: 782px) {
	.tire-carousel .master-slider { padding: 0 14px; }
	.tire-carousel .ms-slide-info { width: 100% !important; margin-top: -50px !important; }
	.tire-carousel .ms-skin-default .ms-nav-prev:hover { transform: translateX(0px); }
	.tire-carousel .ms-skin-default .ms-nav-next:hover { transform: translateX(0px); }
}

@media (max-width: 600px) {
	.tire-carousel .tire-brand-logo, .tire-carousel .tire-content p { padding-left: 1em !important; }
	.tire-carousel .tire-content a { margin-left: 1em; }
	.tire-carousel .ms-layout-partialview .ms-view { height: 345px !important; width: 345px !important; }
	.tire-carousel .ms-slide-bgcont { height: 242px !important; width: 86.5% !important; margin-top: 75px; }
	.tire-carousel .ms-slide { width: 100% !important; }
	.tire-carousel .ms-slide-layers img { max-width: 100% !important; top: 0 !important; }
	.tire-carousel .ms-skin-default .ms-nav-next, .tire-carousel .ms-skin-default .ms-nav-prev { top: 88%; }
	.tire-carousel .ms-skin-default .ms-nav-next { right: 0; }
	.tire-carousel .ms-skin-default .ms-nav-prev { left: 0; }
}

@media (max-width: 321px) {
	.tire-carousel .tire-brand-logo, .tire-carousel .tire-content p { padding-left: 1em !important; }
	.tire-carousel .tire-content a { margin-left: 1em; }
	.tire-carousel .ms-layout-partialview .ms-view { height: 322px !important; width: 286px !important; }
	.tire-carousel .ms-slide-bgcont { height: 242px !important; width: 83% !important; margin-top: 60px; }
	.tire-carousel .ms-slide-layers { width: 90% !important; }
	.tire-carousel .ms-skin-default .ms-nav-next, .tire-carousel .ms-skin-default .ms-nav-prev { top: 88%; }
}


/* wheel carousel styles */
.wheel-carousel h1:after { margin: .25em auto; }
.wheel-carousel h4:after { border-bottom: 0; margin: .25em 0 3em; }
.wheel-carousel .ms-staff-carousel { margin: -25px auto 25px; }
.wheel-carousel .ms-staff-carousel.ms-round .ms-view { z-index: 1 !important; padding-bottom: 30% !important; }
.wheel-carousel .ms-staff-carousel.ms-round .ms-slide-bgcont { border: 0; margin: 0; }
.wheel-carousel .ms-slide-info.ms-dir-h { margin-top: -200px !important; }
.wheel-carousel .carousel-content { width: 314px; height: 335px; background-color: #000; border: 1px solid #9e0b0f; position: relative; margin: 0 auto; }
.wheel-carousel .carousel-text { color: #fff; position: absolute; bottom: 2.25em; left: 0; right: 0; margin: 0 auto; }
.wheel-carousel .carousel-text h3:after { margin: .25em auto; }
.wheel-carousel .btn-carousel { margin-top: 1.25em; }
.wheel-carousel .btn-carousel a { background-color: #333; border-radius: 50px; padding: 12px 20px; text-decoration: none; margin-top: 20px; }
.wheel-carousel .btn-carousel a:hover { background-color: #9e0b0f; }
.wheel-carousel .ms-staff-carousel .ms-nav-prev { background: url("/source/9ea8297f1e4cf14282ca9aa889d50f41/carousel-arrow-left-red.svg") no-repeat !important; background-size: 30px auto !important; left: -55px !important; margin-top: 125px !important; transition: transform 0.3s ease; transform: translateX(0px); }
.wheel-carousel .ms-staff-carousel .ms-nav-prev:hover { background: url("/source/73db04783dc8af4deeda5ca79a1250ab/carousel-arrow-left-wht.svg") no-repeat !important; background-size: 30px auto !important; transform: translateX(-10px); }
.wheel-carousel .ms-staff-carousel .ms-nav-next { background: url("/source/aa9f102daa6bc50635a1f554e0e2ceee/carousel-arrow-right-red.svg") no-repeat !important; background-size: 30px auto !important; right: -60px !important; margin-top: 125px !important; transition: transform 0.3s ease; transform: translateX(0px); }
.wheel-carousel .ms-staff-carousel .ms-nav-next:hover { background: url("/source/d4ae7b9cae9d04841a6e40e697eedcf3/carousel-arrow-right-wht.svg") no-repeat !important; background-size: 30px auto !important; transform: translateX(10px); }

/* gravity form adjustment styles */
.content-area > .gform_wrapper { margin:1em auto; max-width:1400px; }

/* input field styles */
.gform_wrapper input:not([type=submit]):not([type=checkbox]), .gform_wrapper textarea, .gform_wrapper select {
	background: transparent;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px 5px !important; }
	.gform_wrapper input:not([type=submit]):not([type=checkbox]):hover, .gform_wrapper input:not([type=submit]):not([type=checkbox]):focus, .gform_wrapper input:not([type=submit]):not([type=checkbox]):active,
	.gform_wrapper textarea:hover, .gform_wrapper textarea:focus, .gform_wrapper textarea:active,
	.gform_wrapper select:hover, .gform_wrapper select:focus, .gform_wrapper select:active {
		border: 1px solid #9e0b0f; }
		.gform_wrapper select {
			height: 40px; }
.gform_wrapper input[type=submit] {
	border: 1px solid #730002;
	background: #730002;
	border-radius: 50px;
	color: #fff;
	font-family: 'Pirulen', sans-serif;
	text-transform: uppercase;
	padding: .7em 1.5em;
	cursor: pointer; }
	.gform_wrapper input[type=submit]:hover {
		background: #9e0b0f;
		color: #fff;
		border: 1px solid #9e0b0f; }

/* checkbox styles */
body .gform_wrapper li.gf_list_inline ul.gfield_checkbox li {
	width: 200px !important;
}
.gform_wrapper ul.gfield_checkbox li label {
	font-size: inherit;
	line-height: 2.2;
	margin: 0 1.25em 0 2.5em;
}
.gform_wrapper ul.gfield_checkbox li {
  	position: relative;
  	padding-left: 45px !important;
  	margin-bottom: 15px;
}
.gform_wrapper ul.gfield_checkbox li label:after {
  	content: "";
  	background-color: #fff;
  	width: 32px;
  	height: 32px;
  	display: block;
  	position: absolute;
  	left: 0;
  	top: 0;
  	border: 1px solid #ccc;
  	border-radius: 3px;
  	z-index: 0;
}
.gform_wrapper ul.gfield_checkbox li label:before {
  	content: "";
  	display: block;
  	position: absolute;
  	width: 10px;
  	height: 20px;
  	border: solid #9e0b0f;
  	border-width: 0 3px 3px 0;
  	left: 11px;
  	top: 4px;
  	-webkit-transform: rotate(45deg);
          	transform: rotate(45deg);
	opacity: 0;
  	z-index: 1;
  	-webkit-transition: all 100ms;
  			transition: all 100ms;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] {
  	opacity: 0;
  	outline: none;
  	z-index: 100;
  	width: 32px;
	height: 32px;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
		 cursor: pointer;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox] + label {
	cursor: pointer;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label {
	font-weight: 300 !important;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label:before {
	opacity: 1;
	top: 3px;
}

/* radio button styles */
.gform_wrapper ul.gfield_radio li, .woocommerce ul#shipping_method li {
  	position: relative;
  	padding-left: 45px !important;
  	margin-bottom: 10px; }
  	.gform_wrapper ul.gfield_radio li label, .woocommerce ul#shipping_method li label {
		font-size: inherit;
		line-height: 2.2;
		margin: 0 0 0 45px; }
		.woocommerce ul#shipping_method li label {
			margin: 0; }
		.gform_wrapper ul.gfield_radio li label:after, .woocommerce ul#shipping_method li label:after {
			content: "";
			background-color: #fff;
			width: 30px;
			height: 30px;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			border: 1px solid #ccc;
			border-radius: 50%;
			z-index: 0; }
		.gform_wrapper ul.gfield_radio li label:before, .woocommerce ul#shipping_method li label:before {
			content: "";
			background-color: #9e0b0f;
			width: 16px;
			height: 16px;
			display: block;
			position: absolute;
			left: 7px;
			top: 7px;
			border-radius: 50%;
			opacity: 0;
			z-index: 1; }
	.gform_wrapper ul.gfield_radio li input[type=radio], .woocommerce ul#shipping_method li input[type=radio] {
  		opacity: 0;
  		outline: none;
  		z-index: 100;
  		width: 30px;
  		height: 30px;
  		top: 0;
  		left: 0;
  		margin-top: 0;
  		position: absolute;
  		-webkit-appearance: none;
  		-moz-appearance: none;
  		appearance: none;
  		cursor: pointer; }
  	.gform_wrapper ul.gfield_radio li input[type=radio] + label, .woocommerce ul#shipping_method li input[type=radio] {
		cursor: pointer; }
	.gform_wrapper ul.gfield_radio li input[type=radio]:checked + label, .woocommerce ul#shipping_method li input[type=radio]:checked + label {
		font-weight: 400 !important; }
	.gform_wrapper ul.gfield_radio li input[type=radio]:checked + label:before, .woocommerce ul#shipping_method li input[type=radio]:checked + label:before {
		opacity: 1; }
	.gform_wrapper li.gf_list_inline ul.gfield_radio li, .woocommerce ul#shipping_method li {
	  	margin-right: 24px !important; }
	  	
#label_4_39_1, #label_4_40_1 { line-height: 1.6; }

.warranty-alert, .confirmation { border: 1px solid #9e0b0f; padding: 10px 20px; background-color: #9e0b0f; color: #ffffff; }

.warning-box { background-color: #f9f9f9; border: 1px solid #d7d7d7; padding: 20px; }

.gform_wrapper li.gfield.gfield_error { background-color: rgba(255,246,0,.15) !important; border-top: 1px solid #ffff00 !important; border-bottom: 1px solid #ffff00 !important; }
.gform_wrapper div.validation_error { background-color: rgba(255,246,0,.15) !important; border-top: 2px solid #ffff00 !important; border-bottom: 2px solid #ffff00 !important; }

footer.footer .dhflex ul, footer.footer .dhcolumn ul { list-style-type: none; margin: 0; padding: 0; }

/* Normal Menu Styles */
/* 782 based on WP mobile menu flip */
@media (min-width: 783px) {
	.dhheaders { position: fixed; top: 0; left: 0; right: 0; z-index: 2; }
	.admin-bar .dhheaders { top:32px; }
	.dhmenu { margin-right:40px; }
	.dhlogomenu, header.preheader { border-bottom:1px solid rgba(255,255,255,.3); }
	.dhlogoheaderwidget, .dhlogomenu .dhmenu > li > a { color: #cccccc; }
	.dhlogoheaderwidget a:hover, .dhlogomenu .dhmenu > li > a:hover { color: #ffffff; }
	.dhlogomenu .dhmenu > li:hover > a { color: #ffffff; border-top: 2px solid #9e0b0f; }
	.dhmenu ul a { background-color: rgba(0,0,0,.7); color: #ffffff; }
	.dhlogomenu .dhmenu > li > a { padding:.8em 0; margin-right:4em; font-family:pirulen; font-weight:300; font-size:1em; border-top:2px solid rgba(0,0,0,0); }
	.dhlogomenu .dhmenu > li:hover > a { border-top-color: #9e0b0f; }
	.dhmenu > li > ul > li { font-size:.9em; }
	.logo-container { padding-top:3px; }


	.dhmenu ul ul { background-color:transparent; }

	.dhmenu ul li:hover > a { background-color: #9e0b0f; color: #ffffff; }
	.dhmenu > li > ul { border-top:1px solid rgba(255,255,255,0); }
	.dhmenu ul ul, .dhmenu > li:last-child ul ul, .dhmenu ul a { border-color: #333333; }
	.dhmenu ul li:hover > ul > li:first-of-type:before { background-color: #333333; }
	
	#menu-item-640:before { display: block; content: ""; background-image: url("/source/1e56d3ef2079da4527d78ff8adcc0526/advantage-a.svg"); background-size: 36px 40px; width: 36px; height: 40px; opacity: 0; position: absolute; z-index: -1; top: 7px; left: 80px; }
	#menu-item-640:hover:before { opacity: 1; }

	header a.search-icon { position:absolute; right:10px; top:0; margin-top:.7em; opacity:.6; }
	header a.search-icon:hover { opacity:1; }
	footer .dhflex { margin-bottom: 0; }
}

/* adjust padding at certain sizes so menu doesn't crowd logo - might have to do this at a few different breakpoints */
/* works in conjunction with .logo-container {width} to ensure menu and logo don't overlap */
@media (max-width: 1300px) and (min-width: 783px) { }
@media (max-width: 1150px) and (min-width: 783px) {
	.treditpost-grid-wrapper { grid-template-columns: repeat(3, 1fr); }
	.dhlogomenu .dhmenu > li > a { margin-right:2em; }
}

@media (max-width: 1150px) {
	#menu-item-640:before { background-size: 32px 35px; width: 32px; height: 35px; left: 70px; }
}
@media (max-width: 960px) {
	#menu-item-640:before { background-size: 30px 33px; width: 30px; height: 33px; left: 65px; }
}
@media (max-width: 860px) {
	#menu-item-640:before { background-size: 26px 29px; width: 26px; height: 29px; left: 58px; }
}


/* 782 based on WP mobile menu flip */
@media (max-width: 782px) {
	.dhlogomenu .content-area:after, .dhlogoheaderwidget .content-area:after, header.preheader { background-color: #000; border-bottom: 1px solid rgba(255,255,255,.3); }
	span.dhmenu-icon { background-color: #000; top:10px; }
	span.dhmenu-icon span,
	.submenu-expander span { background-color: #ffffff; height:2px; }
	.dhmenu, .dhmenu a, .dhmenu > li { background-color: #000000; }
	.dhmenu a { color: #ffffff; }
	.dhmenu li:hover > a { background-color: #9e0b0f; color: #ffffff; }
	.dhmenu > li, .dhmenu ul a { border-color: #333333; }

	header a.search-icon { position:absolute; top:10px; right:45px; }

	.treditpost-grid-wrapper { grid-template-columns: repeat(2, 1fr); }
	.treditpost-grid-slide span { font-size: 1.2em;}
	
	.kt-inside-inner-col h1 { font-size: 1.5em; }
	.nff-logo { width: 200px; margin-left: auto; margin-right: auto; }
	
	.page-id-662 .guarantees-logo { width: 100%; }
	.page-id-662 iframe { height: auto; }
	
	.page-id-3895 .post-password-form { margin-top: 0; }
}

@media (max-width: 600px) {
	.wp-block-kadence-rowlayout [id*="jarallax-container-"]>div { margin-top: -100% !important; height: 200vh !important; }
	.treditpost-grid-slide span { font-size: .9em; }
	.tire-template .wp-block-columns.has-3-columns { display: flex; }
	.tire-template .wp-block-columns.has-3-columns .wp-block-column { margin-bottom: 0; }
	table.wp-block-table.is-style-stripes { overflow: hidden; overflow-x: scroll; display: block !important; width: calc(100% - 28px); }
	.wp-block-table td, .wp-block-table th { padding: .2em .5em; }
	table.wp-block-table.is-style-stripes tr:not(:first-of-type) td { white-space: nowrap; }
	.tredit-integrity.wp-block-cover h1 { font-size: 1.75em; }
	button.limited-warranty { width: 90%; }
	h1 { font-size: 1.8em; }
	.page-id-580 .tredit-advantage-video { min-height: 215px !important; }
	.page-id-580 .tredit-advantage-video .wp-block-cover__inner-container iframe { width: 90%; height: auto; }
	.page-id-662 .guarantees-logo { margin-bottom: 40px; }
}

@media only screen and (min-width:569px) and (max-width: 782px) {
	footer.footer .dhflex.width-20:first-of-type { flex-basis: 100%; }
	footer.footer .dhflex.width-20 { flex-basis: 48.65%; text-align:center; }
}


/* IE10/11 fixes - due to no CSS Grid support -- and yes, this means that the last line won't sort to left nicely */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.treditpost-grid-wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; }
	.treditpost-grid-slide { flex-basis: 24%; max-width: 24%; }
}
@media screen and (-ms-high-contrast: active) and (max-width: 1150px), screen and (-ms-high-contrast: none) and (max-width: 1150px) {
	.treditpost-grid-slide { flex-basis: 32%; max-width: 32%; }
}
@media screen and (-ms-high-contrast: active) and (max-width: 782px), screen and (-ms-high-contrast: none) and (max-width: 782px) {
	.treditpost-grid-slide { flex-basis: 49%; max-width: 49%; }
}
.gf_browser_ie { display: block !important; }