/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/
/*

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/





/* hide the betheme cart icon. we are moving the icon to the top menu using js*/
.top_bar_right_wrapper{
	display: none !important;
}
#Side_slide #header_cart{
	display: none !important;
}
#Top_bar a#header_cart{
	top: 18px !important;
}
#Top_bar a#header_cart span{
	width: 0px !important;
	padding: 0 10px;
}


.home #Content {
	padding-top: 0px !important;
}

#Top_bar .menu > li > a span:not(.description){
	padding: 0 10px!important;
}


/*handle the social icons in the main nav*/
#menu-item-334 span{
	padding-right: 0px !important;
	padding-left: 10px !important;
}
#menu-item-335 span, #menu-item-336 span{
	padding-right: 0px !important;
	padding-left: 0px !important;
}


#Top_bar .menu > li:hover a{
	color: black;
}

#Top_bar .menu > li.current-menu-item > a{
	background-color: rgba(255,255,255,0.40);
}
#Top_bar .menu > li.current-menu-parent > a{
	background-color: rgba(255,255,255,0.40);
}
#Top_bar .top_bar_right_wrapper{
	top: 50px !important;
}



#menu-main-menu{
	margin-top: 40px;
}
/*make all main menu items uppercase*/
#menu-main-menu > li{
	text-transform: uppercase;
	padding: 0px !important;
}
/* stying the SHOP button in the nav*/
#menu-item-1202 > a{
	/*padding: 7px 10px !important;*/
	background-color: rgba(210,33,36,1.00);
	color: white !important;
	margin: 0px !important;
}
#menu-item-1202.current-menu-item > a, #menu-item-1202.current-menu-parent > a{
	background-color: rgba(210,33,36,1.00) !important;
}

#Top_bar .menu > li > a{
	padding-top: 0px;
	padding-bottom: 0px;
}

.sub-menu > li.current_page_item{
	background-color: rgba(210,33,36,1.00) !important;
}
.sub-menu > li.current_page_item a{
	color: white !important;
}


/* top fade under the main nav */
#Top_bar .container .column.one{
	background-image: url(/wp-content/uploads/ggallery/2021/06/ej-white-grad-2.png) !important;
	background-repeat:repeat-x;
	position: absolute;
	width: 100%;
}



#Subheader {
	min-height: 530px;
	padding: 0 !important;
}


/* WOO STYLES */
.woocommerce-page #Subheader{
	background-image: url(https://www.erikjonesracing.com/wp-content/uploads/ggallery/2023/03/erikJones-top-header-clean.jpg);
	background-position: center top;
	background-size:cover;
}


#Subheader  .container .column{
	position: absolute !important;
	top: 50% !important;
	-ms-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}
#Subheader  .container .column h1{
	text-transform: uppercase;
}
#Subheader .newsPageTitle{
	width: auto !important;
}
#Subheader .container{
	background-color: #211f23;
	margin-left: 0px;
	width: 45%;
	padding-left: 0px !important;
	padding-right: 0px !important;
	text-align: center !important;
	position: absolute;
	bottom: 0px;
	height: 70%;
}
h1.title{
	width: 100% !important;
	margin-bottom: 10px;
}






#whiteHeaderBlock{
	position: absolute;
	left: 0;
	top: 0;
	width: 350px;
	height: 200px;
	background-color: white;
}


#hero-black-square{
	bottom: 0px !important;
	left: 0px !important;
	position: absolute;
}




#topHeaderGrad{
	background-position: right -30px !important;
	background-image: url(/wp-content/uploads/ggallery/2021/05/bg-black-grad.png);
	background-repeat:repeat-x;
	position: absolute;
	left: 350px;
	top: 0;
	width: 3000px;
	height: 200px;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#Content{
	padding-left: 50px !important;
	padding-right: 50px !important;
	width:  auto !important;
}
#logo{
	margin-top: 20px !important;
	padding-top: 0px !important;
	line-height: 0px !important;
}

.topTitle{
	font-size: 30px;
	font-weight: bold;
	margin: 20px 0px;
}


.footerLogo2021{
	max-height: 100px;
}
.footerDesc2021{
	color: white;
	font-size: 13px;
}







/* HERO PANEL */
#topHeroPanel{
	
}
#topHeroPanel .nextRace-heading{
	color: #c32033;
	font-size: 42px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 0px;
	font-family: "Barlow", Helvetica, Arial, sans-serif;
	padding: 0px 0px 7px 0px !important;
}
#topHeroPanel .nextRace-title{
	color: white;
	font-family: "Barlow", Helvetica, Arial, sans-serif;
	padding: 0 0 14px 0;
	font-size: 30px;
	line-height: 38px !important;
	margin: 0px;
}
#topHeroPanel .nextRace-track{
	color: white;
	font-family: "Barlow", Helvetica, Arial, sans-serif;
	padding: 0 0 10px 0;
	font-size: 22px;
	line-height: 30px;
}
#topHeroPanel .nextRace-date{
	color: #fc0;
	font-size: 24px;
	line-height: 30px;
	font-family: "Barlow", Helvetica, Arial, sans-serif;
	padding: 0 0 10px 0;
}

.home-red-button{
	font-size: 24px;
	padding: 7px 14px;
	color: white;
	font-weight: bold;
	background-color: #c32033;
	text-decoration: none !important;
	transition: 0.2s ease-out background-color;
}
.home-red-button:hover{
	background-color: #5E1019;
	color: white;
	text-decoration: none !important;
}

.home-white-button{
	font-size: 18px;
	padding: 7px 14px;
	color: #c32033;
	font-weight: bold;
	background-color: white;
	text-decoration: none !important;
	transition: 0.2s ease-out background-color;
}
.home-white-button:hover{
	background-color: #5E1019;
	color: white;
	text-decoration: none !important;
}

#topHeroPanel .featured-title{
	color: white;
	font-family: "Barlow", Helvetica, Arial, sans-serif;
	padding: 0 0 10px 0;
	font-size: 22px;
	line-height: 32px !important;
}
#topHeroPanel .featured-logo{
}
#topHeroPanel .featured-logo img{
	max-height:120px;
}
#topHeroPanel .featured-viewall{
	margin: 20px 0;
}
#topHeroPanel .white-border{
	height: 2px;
	width: 180px;
	background-color: white;
	margin: 20px 0px;
}
.homepageRedLabel{
	color: white;
	background-color: #c32033;
	border-radius: 6px;
	padding: 5px 20px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 24px;
	display: table;
}









.newsPageTitle{
	font-size:80px !important; 
	width:40% !important; 
	line-height:90px !important;
}
.smallTitle{
	font-size:40px !important; 
	line-height:50px !important;
	margin-top: 20px;
}
.smallNewsTitle{
	font-size:40px !important; 
	line-height:50px !important;
	margin-top: 20px;
}




/*
News category buttons
*/
#news-cat-btn {
	display: table;
	margin: 0 auto;
	clear: right;
}
#news-cat-btn li{
	background-color: #30457c;
	float: left;
	margin: 5px;
	padding: 10px 20px;
	font-family: "Barlow Condensed", Helvetica, Arial, sans-serif;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	transition: 0.3s ease-out background-color;
	list-style: none;
}
#news-cat-btn li:not(._selected):hover{
	background-color: #4B6FCD;
}

#news-cat-btn li._selected{
	background-color: #c32033;
}

#newsNextPrev{
	list-style: none;
	margin: 60px auto;
}
#newsNextPrev li a{
	padding: 7px 20px;
	background-color: #c32033;
	color: white;
	font-weight: bold;
	transition: 0.2s ease-out background-color;
	text-decoration: none;
}
#newsNextPrev li a:hover{
	background-color: #721520;
}
#newsNextPrev .prePost{
	float:left;
}
#newsNextPrev .nexPost{
	float:right;
}

.newsPost-item{
	display: flex;
	border-bottom: 2px solid #cccccc;
	padding: 30px 0px;
}
.newsPost-item .left{
	width: 30%;
	height: 170px;
	box-sizing: border-box;
	padding: 5px;
}
.newsPost-item .right{
	width: 70%;
	height: 170px;
	box-sizing: border-box;
	padding: 5px 0 0 35px;
}
.newsPost-item .post-date{
	color: #999;
	font-size: 16px;
}
.newsPost-item .post-title{
	color: #999;
	font-size: 24px;
	font-weight: bold;
	padding-top: 8px !important;
}
.newsPost-item .left img{
	max-height: 160px;
}
.newsPost-item .post-content{
	color: #999;
	padding-top: 8px;
}

.page-id-10526 .no_content{
	display: none;
}

.redText{
	color: #c32033 !important;
}


/*
BEGIN ABOUT PAGE
*/
.aboutQuote{
	padding-left: 30px;
}
.quoteTextAbout{
	font-size: 35px;
	line-height: 45px;
}

.aboutInfoTable{
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}
.aboutInfoTable li{
	list-style: none;
	width: 40%;
	box-sizing: border-box;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 12px;
	padding-top: 20px;
	margin: 0 5% 5% 5% !important;
}

.aboutInfoTable h4{
	font-weight: bold;
	color: #c32033;
}

/*
BEGIN CAREER HIGHLIGHTS
*/
.career-highlights h3{
	font-size: 40px;
	line-height: 50px;
}
.highlights--content{
	text-align: center;
}
.vert-line{
	background-color: white;
	height: 50px;
	width: 2px;
	margin: 20px auto 25px auto;
}
.highlight--image{
	width: 100%;
	height: 500px;
	background-size: cover;
	background-position: center center;
}
/*
END CAREER HIGHLIGHTS
*/



/*
BEGIN SHOP MENU CSS
*/

#menu-category-menu {
	display: table;
	margin: 0 auto;
	clear: right;
}
#menu-category-menu li{
	background-color: #30457c;
	float: left;
	margin: 5px;
	padding: 10px 20px;
	font-family: "Barlow Condensed", Helvetica, Arial, sans-serif;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	transition: 0.3s ease-out background-color;
	list-style: none;
}
#menu-category-menu li a{
	color: white;
	text-decoration: none;
}
#menu-category-menu li:not(.current-menu-item):hover{
	background-color: #4B6FCD;
}

#menu-category-menu li.current-menu-item{
	background-color: #c32033;
}

/*
END SHOP MENU CSS
*/


/*
WooCommerce store stying
*/

.woocommerce .section_wrapper{
	max-width: none !important;
}

.woocommerce ul.products li.product .image_frame, .woocommerce ul.products li.product .hover_box_product{
	border: 1px solid #ccc;
}

/*
END WooCommerce store stying
*/


/*change the appeareance of the form fields*/
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty, .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea{
	background-color: #f8f8f8 !important;
	color: black !important;
	font-size: 16px;
}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333333 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333333 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #333333 !important;
}


/*
BEGIN NEWS PAGE STYLING
*/

#main-news-page h2{
	font-size: 28px;
	line-height: 35px;
}

#main-news-page .post-item{
	border-bottom: 2px solid #DFDFDF;
	padding-bottom: 20px;
}




/*
CONTACT PAGE
*/
.contactForm .form--first-name {
	width: 49%;
	float: left;
	margin-right: 2%;
}
.contactForm .form--last-name {
	width: 49%;
	float: left;
}
.contactForm .form--email {
	width: 49%;
	float: left;
	margin-right: 2%;
}
.contactForm .form--phone {
	width: 49%;
	float: left;
}

.contactForm input[type="date"], .contactForm input[type="email"], .contactForm input[type="number"], .contactForm input[type="password"], .contactForm input[type="search"], .contactForm input[type="tel"], .contactForm input[type="text"], .contactForm input[type="url"], .contactForm select, .contactForm textarea{
	background-color: transparent!important;
	color: black !important;
	font-size: 16px;
	border: 1px solid #666666;
	padding: 10px 15px;
	margin-bottom: 10px !important;
}




 .slick-dots li.slick-active a{
	background-color: white !important;
}

#offtrack-slider .slider_pagination a.selected:after, .slider_pagination .slick-active a:after{
	background-color: white !important;
}

#Side_slide #menu-item-1202 > a{
	background-color: transparent !important;
	color: #c32033 !important;
}
#Side_slide #menu-item-1202:hover > a{
	color: white !important;
}


/* hiding the social buttons from the slider nav */
#Side_slide #menu-item-334, #Side_slide #menu-item-335, #Side_slide #menu-item-336{
	display: none;
}

#Side_slide #menu-main-menu{
	margin-top: 0px;
}

h1.smallerH1Title{
	font-size: 70px !important;
	line-height: 85px  !important;
}


/* CSS added on 06Aug21*/
#gform_fields_3 input, #gform_fields_3 textarea{background-color: transparent!important; color: black !important; font-size: 16px; border: 1px solid #666666; padding: 10px 15px; margin-bottom: 10px !important;}
.autograph_form{padding: 0 0 0 20px;}

/* CSS added on 06Aug21*/
#gform_fields_3 input, #gform_fields_3 textarea{background-color: transparent!important; color: black !important; font-size: 16px; border: 1px solid #666666; padding: 10px 15px; margin-bottom: 10px !important;}
.autograph_form{padding: 0 0 0 20px;}

/* CSS added on 17May23*/
.woocommerce div.product-type-auction .product_title{color: #d22124;}
.woocommerce div.product-type-auction .quantity.buttons_added{display: flex; box-shadow: inset 0 0 2px 2px rgba(0,0,0,.02); background-color: #f8f8f8!important; height: 53px;min-width: 240px;}
.woocommerce div.product-type-auction .quantity.buttons_added .plus, .woocommerce div.product-type-auction .quantity.buttons_added .minus{background-color: transparent; color: #000; font-weight: 500; font-size: 20px; border: 0; margin-bottom: 0; box-shadow: none;}
.woocommerce div.product-type-auction .quantity input.qty{box-shadow: none; border: 0; background-color: transparent !important;}
.woocommerce .product.style-default .entry-summary .cart .quantity .input-text{box-shadow: none; border: 0; background-color: transparent !important; padding: 10px 5px!important; height: 53px;}
.woocommerce div.product-type-auction .quantity.buttons_added .plus, .woocommerce div.product-type-auction .quantity.buttons_added .minus{margin-right: 0}
.woocommerce .tab-description{padding-top: 15px;}
.woocommerce #countdown .main-auction{background: #e5e5e5; padding: 7px 5px; max-width: 400px; border-radius: 5px; margin: 10px auto;}
.woocommerce-notices-wrapper .alert_wrapper{display: flex; align-items: center;}
.woocommerce-notices-wrapper .alert_wrapper .button{margin-left: 20px;}
/*.auction-ajax-change{display: flex; align-items: center; justify-content: center;}*/
.auction-ajax-change .button{margin-left: 10px;}
.auction-ajax-change .woocommerce-Price-amount{margin: 0 5px;}
.auction-condition{margin-bottom: 5px;}


@media only screen and (max-width: 1899px){
	.page-id-12889 #Subheader .title{line-height: 112px;}
}


@media only screen and (max-width: 1800px) {
	h1.title{
		font-size: 120px ;
		line-height: 100px ;
	}
	#Subheader .container{
		width: 50% !important;
		/*padding-left: 20px !important;*/
	}
	.page-id-12889 #Subheader .title{line-height: 136px;}
}

@media only screen and (max-width: 1709px){
	.page-id-12889 #Subheader .title{line-height: 112px;}
}


@media only screen and (max-width: 1350px) {
	
	
	#menu > ul > li > a, a.action_button, #overlay-menu ul li a{
		font-size: 24px;
	}

	
}






@media only screen and (max-width: 1250px) {
	h1.title{
		font-size: 80px !important;
		line-height: 60px !important;
	}
	
	.top_bar_right_wrapper{
		display: none !important;
	}
	
	#menu-item-334 span{
		padding-left: 3px !important;
	}
}



@media only screen and (max-width: 1024px) {
	
	.quoteTextAbout{
		font-size: 25px;
		line-height: 35px;
	}
	#main-news-page .section_wrapper{
		max-width: none !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	#Content{
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
}

/*14dec21*/
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message{ background: #ffffff !important;border: none !important; margin-bottom: 5px;}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer { padding: 0 !important;}
.contactForm .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: unset;}
.contactForm .gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full):not(:last-of-type):not(:nth-last-of-type(2)), 
.contactForm .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type){margin-bottom: 0px}
.contactForm .gform_wrapper.gravity-theme .gfield_description { padding: 0; font-size: 13px; line-height: 17px; margin-top: -5px;}
.contactForm .ginput_container.ginput_container_product_price:before {content: '$';float: left;width: 20px;display: inline-block;height: 36px;line-height: 31px;text-align: center;background: #e7e6e6;/* color: #fff; */border-left: 1px solid #666;border-top: 1px solid #666;border-bottom: 1px solid #666;}
.contactForm .ginput_container.ginput_container_product_price input { width: calc(100% - 20px) !important;}

@media only screen and (max-width: 959px){
.one-second.column.left_col, .one-second.column.right_col { width: 100%;}    
}
@media (min-width: 641px){
.contactForm .gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full) {flex: 0 0 33.3%;}
.contactForm .gform_wrapper.gravity-theme .ginput_container_address .ginput_right { padding-left: 1%; padding-right: 1%;}
.contactForm .gform_wrapper.gravity-theme .ginput_container_address .ginput_right + .ginput_left{padding-left: 1%; padding-right: 0;}
}
@media (max-width: 640px){
.contactForm .gform_wrapper.gravity-theme .ginput_complex select { width: 100%; height: 48px;}
.contactForm .ginput_container.ginput_container_email { padding-bottom: 8px;}
.contactForm .gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full):not(:last-of-type):not(:nth-last-of-type(2)), .contactForm .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) { margin-bottom: 8px;}
.contactForm .ginput_container.ginput_container_product_price:before{ height: 48px; line-height: 45px;}
.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select{margin-bottom: 0 !important;}
}


@media only screen and (max-width: 768px) {
	#Footer{
		text-align: center;
	}
	#Footer #custom_html-3{
		height: 0px;
		padding: 0px;
	}
	#Footer .footerDesc2021{
		padding-top: 20px;
	}
	#Footer .widgets_wrapper {
		padding: 30px 0 20px;
	}
	#Footer .widget{
		margin-top: 0px;
	}
	
	
	.home #Top_bar .container .column.one{
		background-image: url() !important;
	}
	
	.page-template-default #Header, .page-template #Header{
		height: 80px;
		background-image: url();
		background-color: white;
	}
	.woocommerce-page #Header {
		height: 80px !important;
		background-image: url("");
		background-color: white;
	}
	.home #Header, .home #Header{
		height: auto;
		background-image: url();
		background-color: white;
	}
	
	/*#Content{
		padding-right: 10px !important;
		padding-left: 10px !important;
	}*/
	#whiteHeaderBlock{
		display: none;
		}
	
	h1.title{
		line-height: 60px !important;
		padding-top: 20px !important;
		padding-bottom: 20px;
		margin-top: 0px !important;
		font-size: 40px !important;
		text-align: center;
	}
	#topHeaderGrad{
		display: none;
	}
	#Subheader .container{
		position: absolute !important;
		bottom: 0px !important;
		height: 100px !important;
		width: 100% !important;
		/*padding-left: 0% !important;*/
		max-width: none !important;
		padding-top: 0px !important;
		
	}
	#Subheader {
		background-position:  right 20px !important;
	}
	
	#Subheader .newsPageTitle{
		width: 100% !important;
		padding: 10px 5px 5px 5px !important;
		font-size: 27px !important;
		line-height: 30px !important;
	}
	
	#Subheader  .container .column{
		position: relative!important;
		top: 0px !important;
		-ms-transform: translateY(0%) !important;
		transform: translateY(0%) !important;
	}
	#Subheader .container{
		position: relative;
	}
	
	
	#main-news-page .newsPost-item .left img{
		width: 100% !important;
	}
	
	
	.newsPageTitle{
		font-size:18px !important; 
		line-height:20px !important;
	}
	
	.smallNewsTitle{
		font-size: 16px !important;
		line-height: 24px !important;
	}
	
	/* news page stuff */
	.newsPost-item .post-title{
		font-size: 18px;
		padding-bottom: 10px;
	}
	.newsPost-item .post-title{
		font-size: 18px;
	}
	.newsPost-item{
		display: block;
	}
	.newsPost-item .left{
		width: 100%;
		height: auto;
	}
	.newsPost-item .right{
		width: 100%;
		padding-left: 0px;
		height: auto;
	}
	.newsPost-item .left img{
		max-height: none;
	}
	.about-friends-area img{
		max-width: 200px !important;
	}

	#Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle{
		/*color: white;*/
	}
	
	.smallTitle{
		margin-top: 5px;
		font-size: 18px;
		line-height: 24px;
	}
	
	#topHeroPanel .nextRace-track{
		font-size: 18px;
		line-height: 25px;
	}
	#topHeroPanel .nextRace-date{
		font-size: 18px;
		line-height: 25px;
	}
	
	.career-highlights h3{
		font-size: 30px;
		line-height: 38px;
	}
	
	h1.smallerH1Title{
		font-size: 30px !important;
		line-height: 40px  !important;
	}
	
}

@media only screen and (max-width: 767px) {
.autograph_form{padding:0;}
}

@media only screen and (max-width: 640px) {
#gform_fields_3 input, #gform_fields_3 textarea, #gform_fields_3 .name_last , #gform_fields_3 .name_last input{margin-bottom: 0 !important;}
#gform_fields_3 .name_first input{margin-bottom: 8px !important;}


}

@media only screen and (max-width: 440px){
	.page-id-12889 #Subheader .title{line-height: 36px !important; padding-top: 12px !important;}
}