/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 100.10.1
Text Domain:  Avada
*/

/*
	Colors
	White: #FFFFFF
	Off White: #F4F4F4
	Light Red: #fe3b1f
	Red: #DB371E
	Dark Red: #B60F00
	Light Grey: #afafaf
	Grey: #616265
	Dark Grey: #444548
	Black: #000000
	Toyo Blue: #0061af
	Continental Yellow: #ffa500
	General Tires Red: #a6192e
	Kumho Red: #e50012
	Michelin Yellow: #fce500
	Michelin Blue: #27509b
*/

/*
	Font Sizes
	
	H1: 48px
	H2: 42px
	H3: 40px
	H4: 36px
	H5: 28px
	H6: 24px
	H7: 20px
	
	Paragraph: 16px
	Small: 14px
*/

/*Font Styles*/

.h1, .h1 > *{
	font-size: 48px !important;
}
.h2, .h2 > *{
	font-size: 42px !important;
}
.h3, .h3 > *{
	font-size: 40px !important;
}
.h4, .h4 > *{
	font-size: 36px !important;
}
.h5, .h5 > *{
	font-size: 28px !important;
}
.h6, .h6 > *{
	font-size: 24px !important;
}
.h7, .h7 > *{
	font-size: 20px !important;
}
.h8, .h8 > *{
	font-size: 18px !important;
}

@media screen and (max-width: 640px){
	h1, .h1, .h1 > *{
		font-size: 36px !important;
	}
	h2, .h2, .h2 > *{
		font-size: 32px !important;
	}
	h3, .h3, .h3 > *{
		font-size: 30px !important;
	}
	h4, .h4, .h4 > *{
		font-size: 28px !important;
	}
	h5, .h5, .h5 > *{
		font-size: 26px !important;
	}
	/*.h6, .h6 > *{
		font-size:  !important;
	}
	.h7, .h7 > *{
		font-size:  !important;
	}*/
}

.small-text, .small-text > *{
	font-size: 14px !important;
}

.book-weight, .book-weight > *{
	font-weight: 300 !important;
}
.normal-weight, .normal-weight > *, .normal-weight-checklist > li > .fusion-li-item-content > *{
	font-weight: 400 !important;
}
.medium-weight, .medium-weight > *{
	font-weight: 500 !important;
}
.bold-weight, .bold-weight > *{
	font-weight: 600 !important;
}

.bolder-weight, .bolder-weight > *{
	font-weight: 900 !important;
}


.uppercase, .uppercase > *{
	text-transform: uppercase !important;
}

/*Font Colors*/
.white-text, .white-text > *{
	color: #FFFFFF !important;
}
.off-white-text, .off-white-text > *{
	color: #F4F4F4 !important;
}
.light-red-text, .light-red-text > *{
	color: #fe3b1f !important;
}
.red-text, .red-text > *{
	color: #DB371E !important;
}
.dark-red-text, .dark-red-text > *{
	color: #B60F00 !important;
}
.light-grey-text, .light-grey-text > *{
	color: #afafaf !important;
}
.grey-text, .grey-text > *{
	color: #616265 !important;
}
.dark-grey-text, .dark-grey-text > *{
	color: #444548 !important;
}
.black-text, .black-text > *{
	color: #000000 !important;
}
.toyo-blue-text, .toyo-blue-text > *{
	color: #0061af !important;
}
.cont-yellow-text, .cont-yellow-text > *{
	color: #ffa500 !important;
}
.general-red-text, .general-red-text > *{
	color: #a6192e !important;
}
.kumho-red-text, .kumho-red-text > *{
	color: #e50012 !important;
}
.michelin-yellow-text, .michelin-yellow-text > *{
	color: #fce500 !important;
}
.michelin-blue-text, .michelin-blue-text > *{
	color: #27509b !important;
}
.title-shadow, .title-shadow > *{
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/*Link Colors*/

.white-link a{
	color: #FFFFFF !important;
}
.white-link a:hover{
	text-decoration: underline !important;
}

.off-white-link a{
	color: #F4F4F4 !important;
}
.off-white-link a:hover{
	text-decoration: underline !important;
}

.light-red-link a{
	color: #fe3b1f !important;
}
.light-red-link a:hover{
	text-decoration: underline !important;
}

.red-link a{
	color: #DB371E !important;
}
.red-link a:hover{
	text-decoration: underline !important;
}

.dark-red-link a{
	color: #B60F00 !important;
}
.dark-red-link a:hover{
	text-decoration: underline !important;
}

.light-grey-link a{
	color: #afafaf !important;
}
.light-grey-link a:hover{
	text-decoration: underline !important;
}

.grey-link a{
	color: #616265 !important;
}
.grey-link a:hover{
	text-decoration: underline !important;
}

.dark-grey-link a{
	color: #444548 !important;
}
.dark-grey-link a:hover{
	text-decoration: underline !important;
}

.black-link a{
	color: #000000 !important;
}
.black-link a:hover{
	text-decoration: underline !important;
}
.toyo-blue-link a{
	color: #0061af !important;
}
.toyo-blue-link a:hover{
	text-decoration: underline !important;
}
.cont-yellow-link a{
	color: #ffa500 !important;
}
.cont-yellow-link a:hover{
	text-decoration: underline !important;
}
.general-red-link a{
	color: #a6192e !important;
}
.general-red-link a:hover{
	text-decoration: underline !important;
}
.kumho-red-link a{
	color: #e50012 !important;
}
.kumho-red-link a:hover{
	text-decoration: underline !important;
}
.michelin-yellow-link a{
	color: #fce500 !important;
}
.michelin-yellow-link a:hover{
	text-decoration: underline !important;
}
.michelin-blue-link a{
	color: #27509b !important;
}
.michelin-blue-link a:hover{
	text-decoration: underline !important;
}

/* Background Colors*/

.white-background, .white-background > *{
	background-color: #FFFFFF !important;
}
.off-white-background, .off-white-background > *{
	background-color: #F4F4F4 !important;
}
.light-red-background, .light-red-background > *{
	background-color: #fe3b1f !important;
}
.red-background, .red-background > *{
	background-color: #DB371E !important;
}
.dark-red-background, .dark-red-background > *{
	background-color: #B60F00 !important;
}
.light-grey-background, .light-grey-background > *{
	background-color: #afafaf !important;
}
.grey-background, .grey-background > *{
	background-color: #616265 !important;
}
.dark-grey-background, .dark-grey-background > *{
	background-color: #444548 !important;
}
.black-background, .black-background > *{
	background-color: #000000 !important;
}
.toyo-blue-background, .toyo-blue-background > *{
	background-color: #0061af !important;
}
.cont-yellow-background, .cont-yellow-background > *{
	background-color: #ffa500 !important;
}
.general-red-background, .general-red-background > *{
	background-color: #a6192e !important;
}
.kumho-red-background, .kumho-red-background > *{
	background-color: #e50012 !important;
}
.michelin-yellow-background, .michelin-yellow-background > *{
	background-color: #fce500 !important;
}
.michelin-blue-background, .michelin-blue-background > *{
	background-color: #27509b !important;
}

@media screen and (max-width: 640px){
	.mobile-red-background{
		background-color: #DB371E !important;
		background-image: none !important;
	}
	.mobile-black-background{
		background-color: #000000 !important;
		background-image: none !important;
	}
}


/*Button Styles*/

.fusion-button.button-default.button-flat{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.button-default .fusion-button-text{
	text-align: center;
}

.white-button.fusion-button{
	background-color: #FFFFFF !important;	
}
.white-button.fusion-button > .fusion-button-text, .white-button.fusion-button > i{
	color: #DB371E !important;
}
.white-button.fusion-button:hover{
	background-color: #444548 !important;	
}
.white-button.fusion-button:hover > .fusion-button-text, .white-button.fusion-button:hover > i{
	color: #FFFFFF !important;
}

@media screen and (max-width: 640px){
	.mobile-white-button.fusion-button{
		background-color: #FFFFFF !important;	
	}
	.mobile-white-button.fusion-button > .fusion-button-text, .mobile-white-button.fusion-button > i{
		color: #DB371E !important;
	}
	.mobile-white-button.fusion-button:hover{
		background-color: #444548 !important;	
	}
	.mobile-white-button.fusion-button:hover > .fusion-button-text, .mobile-white-button.fusion-button:hover > i{
		color: #FFFFFF !important;
	}
}

.jerry-button.fusion-button{
	background-color: #FFFFFF !important;	
}
.jerry-button.fusion-button > .fusion-button-text, .jerry-button.fusion-button > i{
	color: #BF0020 !important;
}
.jerry-button.fusion-button:hover{
	background-color: #444548 !important;	
}
.jerry-button.fusion-button:hover > .fusion-button-text, .jerry-button.fusion-button:hover > i{
	color: #FFFFFF !important;
}

.hero-nav-button.fusion-button {
	width: 100%;
	background-color: #ffffff !important;
	height: 90px;
	border-bottom: 5px solid #DB371E;
	transition: transform .3s;
}
.hero-nav-button.fusion-button > .fusion-button-text, .hero-nav-button.fusion-butto > i {
	color: #DB371E !important;
}
.hero-nav-button.fusion-button:hover {
	border-bottom: 5px solid #DB371E;
	transform: translateY(-10px);
}

.steerbutton{
	background-color: #db371e !important;
	color: #FFFFFF !important;
	padding: 16px 29px !important;
	font-family: canada-type-gibson !important;
	text-transform: uppercase !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
	border: 0px !important;
}
.steerbutton:hover{
	background-color: #b60f00 !important;
}


/*Extra Styles*/
.no-margin p{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.no-margin-top p{
	margin-top: 0px !important;
}
.no-margin-bottom p{
	margin-bottom: 0px !important;
}

/*Reverse Styling*/
@media all and (max-width:800px){
	.reverse-cols .fusion-row {
		display: flex;
		flex-flow: wrap;
		flex-direction: column-reverse;
	}
}

@media screen and (max-width: 500px){
	
}

/*Header styles*/

.header-shadow{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15) !important;
}


.main-logo img{
	width: 100%;
	height: auto;
}

.header-logos {
    display: flex;
    max-height: 72px;
}

.single-logo {
    display: block;

    max-height: 72px;
    width: auto;
    margin-right: 20px;
}

.single-logo:last-child{
	margin-right: 0px !important;
}

img.header-logo {
    max-height: 72px;
    /*width: auto;*/
}
.header-logos .telletire-logo img.header-logo{
	width: 100% !important;
}



#mega-menu-main_navigation{
	font-weight: 500 !important;
}

#mega-menu-main_navigation .mega-menu-item.mega-menu-item-has-children:not(.no-shadow) > .mega-sub-menu{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15) !important;
}


.mega-title > a{
	border-bottom: 2px solid #DB371E !important;
	font-weight: 500 !important;
}



@media screen and (max-width: 1500px){
	#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link{
		font-size: 15px !important;
	}
}
@media screen and (max-width: 1400px){
	#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link{
		font-size: 14px !important;
		/*padding: 0px 5px 0px 5px;*/
	}
}

@media screen and (max-width: 1024px){
	#mega-menu-main_navigation .mega-menu-item.mega-menu-item-has-children:not(.no-shadow) > .mega-sub-menu{
		box-shadow: none !important;
	}
	#mega-menu-main_navigation{
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15) !important;
	}
	#mega-menu-wrap-main_navigation #mega-menu-main_navigation{
		overflow: scroll;
		max-height: calc(100vh - 130px);
	}

}



/*Page Title bar Styles*/

/*Footer Styles*/

.footer-list ul{
	list-style: none !important;
	padding-inline-start: 0px !important;
	margin-block-start: 0px !important;
}
.footer-list ul li{
	margin-bottom: 15px;
}


.footer-negative-offset-column{
	margin-top: -55px !important;
}


@media screen and (max-width: 640px){
	.footer-sub-menu .fusion-menu{
	    justify-content: center !important;
	}
	.footer-sub-menu .fusion-menu .menu-item {
	    justify-content: center !important;
	}
}

/*Sidebar Styles*/
#sidebar{
	margin-bottom: 60px;
}
.custom-difference-main-title{
	margin-bottom: 20px;
}
.custom-difference-main-title p{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
}


.single-telle-difference{
	margin-bottom: 20px;
}
.single-telle-difference:last-child{
	margin-bottom: 0px !important;
}

.single-telle-difference .custom-difference-title{
	display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: nowrap;
	border-bottom: 2px solid #616265 !important;
}

.single-telle-difference .custom-difference-title p{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	color: #db371e !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
}
.single-telle-difference .custom-difference-title .custom-difference-icon{
	max-width: 53px !important;
	margin-right: 20px;
}


.widget_text .widget-title{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.widget_text a{
	font-weight: 500;
	text-transform: uppercase;
}
.widget_text a:after{
	content: "\f105";
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: inherit;
    margin-left: 10px;
}


/*Content Styles*/

	/* 1/2 full width background Images */
.custom-width-background .fusion-column-wrapper{
	position: absolute !important;
    width: 50vw !important;
    height: 100% !important;
}
.custom-width-background.left-side .fusion-column-wrapper{
	right: 0px;
}
.custom-width-background.right-side .fusion-column-wrapper{
	left: 0px;
}
@media screen and (max-width: 640px){
	.custom-width-background .fusion-column-wrapper{
		position: absolute !important;
	    width: 100vw !important;
	    height: 100% !important;
	}
}


#main:not(.width-100){
	margin-top: 75px !important
}

#content > div > .post-content > .fusion-flex-container:last-child{
	padding-bottom: 40px !important;
}


#main .red-border-column{
	background-color: rgb(219 55 30 / 80%);
}
#main .red-border-column.left-side{
	margin-right: 30px !important;
}
#main .red-border-column.right-side{
	margin-left: 30px !important;
}

#main .red-border-column > .fusion-column-wrapper{
	border: 2px solid #FFFFFF;
}

.red-border-column.left-side{
	border-radius: 0px 20px 20px 0px;
}

.red-border-column.left-side > .fusion-column-wrapper{
	border-radius: 0px 20px 20px 0px;
	border-left: 0px !important;
	margin: 10px 10px 10px 0px !important;
	padding: 30px 10px 30px 40px !important;
}

.red-border-column.right-side{
	border-radius: 20px 0px 0px 20px;
}

.red-border-column.right-side > .fusion-column-wrapper{
	border-radius: 20px 0px 0px 20px;
    border-right: 0px !important;
    margin: 10px 0px 10px 10px !important;
    padding: 30px 40px 30px 10px !important;
}


#main .red-double-border > .fusion-column-wrapper{
	border: 2px solid #FFFFFF !important;
	border-radius: 20px !important;
	background-color: #DB371E !important;
	padding: 30px !important;
	position: relative;
	/*margin-top: 2px !important;
	margin: 2px;*/
	
}
#main .red-double-border.no-padding > .fusion-column-wrapper{
	padding: 5px !important;
}
.red-double-border > .fusion-column-wrapper:before{
	content: '';
	display: block;
	border: 2px solid #DB371E !important;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    position: absolute;
    top: -4px;
    left: -4px;
    border-radius: 22px !important;
}

/*Jerrys Double Border*/
#main .jerry-double-border > .fusion-column-wrapper{
	border: 2px solid #FFFFFF !important;
	border-radius: 20px !important;
	background-color: #BF0020 !important;
	padding: 30px !important;
	position: relative;
	/*margin-top: 2px !important;
	margin: 2px;*/
	
}
#main .jerry-double-border.no-padding > .fusion-column-wrapper{
	padding: 5px !important;
}
.jerry-double-border > .fusion-column-wrapper:before{
	content: '';
	display: block;
	border: 2px solid #BF0020 !important;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    position: absolute;
    top: -4px;
    left: -4px;
    border-radius: 20px !important;
}


/*Location Card Styles*/
#main .custom-phone-button.fusion-button{
	background-color: rgba(0,0,0,0) !important;
	box-shadow: none !important;
	padding-left: 10px !important;
	Padding-right: 10px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	justify-content: flex-start;
	margin-bottom: 20px !important;
}
.custom-phone-button.fusion-button > *{
	color: #DB371E !important;
}
#main .custom-phone-button.fusion-button:hover, #main .custom-phone-button.fusion-button:hover > {
	color: #000000 !important;
	
}


.kc-location:before{
	content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 125px 175px;
    border-color: transparent transparent rgba(219, 55, 30, 0.85) transparent;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.kc-location:after{
    content: '';
    background-image: url(/wp-content/uploads/2024/03/kc-is-now-telle.svg);
	background-size: 100px 80px;
    width: 100px;
    height: 80px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}


.kc-single-location:before{
	content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 230px 330px;
    border-color: transparent transparent rgba(219, 55, 30, 0.85) transparent;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.kc-single-location:after{
	content: '';
    background-image: url(/wp-content/uploads/2024/03/kc-is-now-telle.svg);
	background-size: 200px 160px;
    width: 200px;
    height: 160px;
    position: absolute;
    right: 30px;
    bottom: 28px;
}
@media screen and (max-width: 640px){
	.kc-single-location:before{
		/*border-width: 0 0 125px 175px;*/
		border-width: 0 0 230px 320px;
	}
	.kc-single-location:after{
		content: url(/wp-content/uploads/2024/03/kc-is-now-telle.svg);
		content: '';
		background-image: url(/wp-content/uploads/2024/03/kc-is-now-telle.svg);
		background-size: 100px 80px;
		width: 100px;
		height: 80px;
		right: 10px;
		bottom: 8px;
	}
}
.auto-clinic-single-location:before{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 230px 330px;
    border-color: transparent transparent rgba(219, 55, 30, 0.85) transparent;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.auto-clinic-single-location:after{
	content: '';
    background-image: url(/wp-content/uploads/2024/05/auto-clinic-now-telle.svg);
	background-size: 200px 160px;
    width: 200px;
    height: 160px;
    position: absolute;
    right: 30px;
    bottom: 28px;
}
@media screen and (max-width: 640px){
	.auto-clinic-single-location:before{
		/*border-width: 0 0 125px 175px;*/
		border-width: 0 0 230px 320px;
	}
	.auto-clinic-single-location:after{
		content: url(/wp-content/uploads/2024/05/auto-clinic-now-telle.svg);
		content: '';
		background-image: url(/wp-content/uploads/2024/05/auto-clinic-now-telle.svg);
		background-size: 100px 80px;
		width: 100px;
		height: 80px;
		right: 10px;
		bottom: 8px;
	}
}
.rasch-single-location:before{
	content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 230px 330px;
    border-color: transparent transparent rgba(219, 55, 30, 0.85) transparent;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.rasch-single-location:after{
	content: '';
    background-image: url(/wp-content/uploads/2024/05/rasch-is-now-telle-tire.svg);
	background-size: 200px 160px;
    width: 200px;
    height: 160px;
    position: absolute;
    right: 30px;
    bottom: 28px;
}
@media screen and (max-width: 640px){
	.rasch-single-location:before{
		/*border-width: 0 0 125px 175px;*/
		border-width: 0 0 230px 320px;
	}
	.rasch-single-location:after{
		content: url(/wp-content/uploads/2024/05/rasch-is-now-telle-tire.svg);
		content: '';
		background-image: url(/wp-content/uploads/2024/05/rasch-is-now-telle-tire.svg);
		background-size: 100px 80px;
		width: 100px;
		height: 80px;
		right: 10px;
		bottom: 8px;
	}
}

/*Counter Graphic*/
.telle-counter .counter-box-container {
	padding: 0px !important;
	border: 0px solid #00000000 !important;
	width: auto !important;
}
.telle-counter .display-counter{
	font-family: var(--h2_typography-font-family);
	font-weight: 500;
	font-size: 48px !important;
	text-align: center !important;
}
.telle-counter  .counter-box-content {
	font-family: var(--h2_typography-font-family);
	font-weight: 500;
	font-size: 16px !important;
}
@media screen and (max-width: 640px) {
	.telle-counter .counter-box-container {
		/*text-align: left;*/
	}
}
.cars-serviced {
	
}
.and-growing {
	
}


/*Form Styles*/

.gfield .gfield_label{
	font-weight: 500 !important;
}
.gchoice_select_all, .gform_legacy_markup_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_legacy_markup_wrapper ul.gfield_radio li input[type=radio]:checked+label{
	font-weight: 400 !important
}

.gfield .gfield_description{
	padding-top: 10px !important;
	font-size: 14px !important;
}

ul.gfield_checkbox{
	margin-bottom: 0px !important;
}

.ui-datepicker-trigger{
	margin-top: 5px !important;
}

.gfield_required.gfield_required_asterisk{
	color: #B60F00 !important;
}


.white-form .gfield .gfield_label, .white-form .gfield .gfield_description, .white-form .gfield label{
	color: #FFFFFF !important;
}

.jerry-color #gform_submit_button_19{
	background-color: #bf0020 !important;
}

/*Slider Styles*/
/*Slider Settings*/
.slick-track{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.slick-slide{
    height: inherit !important;
}
.slick-track, .slick-slide{
	width: 100%;
}
/*slider Arrows*/
/*.slick-slider .slick-arrow{
	display: none !important;
}
.slick-slider:hover .slick-arrow{
	display: block !important;
}*/

.slick-arrow {
	height: 40px;
	width: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	color: rgba(255, 255, 255, 0) !important;
	border: none !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	z-index:99;
	cursor: pointer;
}
.slick-prev {
	background-image: url('/wp-content/uploads/2022/05/Left-Arrow.png');
	left: 3rem;
}
.slick-next {
	background-image: url('/wp-content/uploads/2022/05/Right-Arrow.png');
	right: 3rem;
}

@media screen and (max-width: 1090px){
	.slick-prev {
		left: 0rem !important;
	}
	.slick-next {
		right: 0rem !important;
	}
}

/*Dots*/
.slick-dots{
	text-align: center;
	-webkit-padding-start: 0px;
	        padding-inline-start: 0px;
}
.slick-dots li {
	display: inline-block !important;
	padding: 0 5px !important;
}
.slick-dots li button {
	border: solid 1px rgb(0 0 0 / 0%);
	border-radius: 50%;
	width: 14px;
    height: 14px;
	padding: 0;
	color: #939393;
	font-size: 1px !important;
	background-color: #939393;
	-webkit-transition: background-color ease .2s;
	-o-transition: background-color ease .2s;
	transition: background-color ease .2s;
}
.slick-dots li.slick-active button {
	background-color: #B60F00;
}
.slick-dots li:focus, .slick-dots li button:focus {
	outline: none !important;
}
.slick-dots li button:hover {
	cursor: pointer;
}
.special-no-margin-slider > div {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/*Per Page Styles*/


/*Home Page*/

.transparent-red-background:before{
	content: '';
	display:block;
	width: 300%;
	height: 300%;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(219,55,30,0.9) !important;
}


.home-tire-connect{
	margin-top: -80px !important;
}
@media screen and (max-width: 640px){
	.home-tire-connect{
		margin-top: 0px !important;
	}
}

/*80 Year Salabration*/

.custom-icon-list ul{
	    margin: 0;
    padding: 0;
    list-style-type: none;
}


/*Telle Tire Car Club*/

.car-club-form input[type="submit"]{
	padding: 16px 29px !important;
	background-color: #DB371E !important;
	color: #FFFFFF !important;
	border: none !important;
	font-size: 16px !important;
	font-family: canada-type-gibson !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
}
.car-club-form input[type="submit"]:hover{
	background-color: #B60F00 !important;
	color: #FFFFFF !important;
}


/* Spring Tire Sales Event*/

.center-checklist li{
	display: flex;
    align-items: center;
    justify-content: center;
}
.center-checklist li .fusion-li-item-content{
	margin-left: 0px !important;
}


/*Mobile Card Styles*/

.mobile-card-master-column > .fusion-column-wrapper{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
@media screen and (max-width: 640px){
	.mobile-card-master-column > .fusion-column-wrapper{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}
.mobile-card-container{
	display: flex;
    flex-wrap: wrap;
    flex: 1;
    width: 100%;
}
.mobile-card-container .single-card-column{
	display: flex;
	position: relative;
    float: left;
}
.mobile-card-container.columns_1_3 .single-card-column{
	width: 33.3333333333% !important;
    margin-top: 0px;
    margin-bottom: 20px;
}
@media screen and (max-width: 900px){
	.mobile-card-container.columns_1_3 .single-card-column{
		width: 50% !important;
	    margin-top: 0px;
	    margin-bottom: 20px;
	}
}
@media screen and (max-width: 640px){
	.mobile-card-container.columns_1_3 .single-card-column{
		width: 100% !important;
	    margin-top: 0px;
	    margin-bottom: 20px;
	}
}

.mobile-card-container.columns_1_3 .single-card-column .single-card-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
    /*margin-right: 5.76%;
    margin-left: 5.76%;*/
    margin-right: 2.94%;
    margin-left: 2.94%;
    border: 1px solid #afafaf;
    padding: 25px;
}
@media screen and (max-width: 640px){
	.mobile-card-container.columns_1_3 .single-card-column .single-card-wrapper{
		margin-right: 0.89%;
	    margin-left: 0.89%;
	}
}


.mobile-card-container .single-card-column .single-card-wrapper .single-card-title h3{
	margin-bottom: 10px !important;
}

.mobile-card-container .single-card-column .single-card-wrapper .single-card-button a{
	text-transform: uppercase;
	font-weight: 500;
}
.mobile-card-container .single-card-column .single-card-wrapper .single-card-button .single-card-icon{
	margin-left: 0.7em;
}
.mobile-card-container .single-card-column .single-card-wrapper .single-card-button .single-card-icon:before{
	content: "\f105";
}




/* Full height List*/
.full-height-list{
	height: 100% !important;
}
.full-height-list ul, .full-height-list ol {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

.full-height-list ul li {
    width:  100%;
    padding-top: 5px;
    padding-bottom: 5px;
}



/*Background Image Fix*/
.full-height-bg-image {
    width: 100%;
    height: 100%;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
}


.full-height-bg-image.white-fade-left:before {
    background-image: linear-gradient(90deg, var(--awb-color1) 0%,rgba(0,0,0,0) 31%);
    content: '';
    display: block;
    height: 100%;
}



/*Blog Styling*/
.custom-load-more .fusion-load-more-button{
	color: #FFFFFF !important;
	background-color: #db371e !important;
	font-weight: 500 !important;
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
}



.custom-load-more .fusion-load-more-button:hover, .custom-load-more .fusion-load-more-button:focus{
	background-color: #B60F00 !important;
}


.brand-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.brand-logos .brand-divide-row {
   width: 100%;
}
.brand-logos .single-brand{
	margin: 3px;
	background-color: #FFFFFF !important;
}
.brand-logos .single-brand:first-child{
	margin-left: 0px;
}
.brand-logos .single-brand img{
	width: 100%;
    max-width: 240px;
    height: 54px;
    padding: 5px 20px;
}
.brand-logos .single-brand.pirelli{
	background-color: transparent;
}
.brand-logos .single-brand.pirelli img{
	width: 100%;
    max-width: 240px;
    height: 54px;
    padding: 0px 0px;
}

@media screen and (max-width: 680px){
	.brand-logos .single-brand{
		max-width: calc(50% - 6px);
	}
}

@media screen and (max-width: 600px){
	.brand-logos .single-brand img{
	    padding: 5px 10px;
	}
	.brand-logos .single-brand.pirelli img{
	    padding: 0px 0px;
	}
}
@media screen and (max-width: 500px){
	.brand-logos .single-brand img{
	    padding: 5px 5px;
	}
	.brand-logos .single-brand.pirelli img{
	    padding: 0px 0px;
	}
}

/*SVG Images*/
.svg-image, .svg-image img{
	width: 100%;
}


/*Auto Ops button styles*/
.autoOps-button{
	width: 100%;
}
.autoOps-button button{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
	padding: 16px 29px !important;
	background-color: #db371e !important;
	border: 1px solid #db371e !important;
	color: #FFFFFF !important;
	font-family: canada-type-gibson !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
	cursor: pointer;
	width: 100%;
}
.autoOps-button button:hover, .autoOps-button button:focus{
	background-color: #b60f00 !important;
	border: 1px solid #b60f00 !important;
}


.autoOps-button-hero{
	width: 100%;
}
.autoOps-button-hero button{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
	padding: 16px 29px !important;
	background-color: #FFFFFF !important;
	border: 1px solid #FFFFFF !important;
    height: 90px;
    border-bottom: 5px solid #DB371E !important;
    transition: transform .3s;
	color: #db371e !important;
	font-family: canada-type-gibson !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	cursor: pointer;
	width: 100%;
}
.autoOps-button-hero button:hover, .autoOps-button-hero button:focus{
	border-bottom: 5px solid #DB371E;
    transform: translateY(-10px);
}
