/*

Theme Name: Divi Child

Theme URI: https://bepowerequipment.com/divi-child/

Description: Twenty Twenty-Three Child Theme

Author: BE Power Equipment

Author URI: https://bepowerequipment.com

Template: Divi

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


/* =Theme customization starts here
-------------------------------------------------------------- */


#be_top_hero {
	height: 60vw;
    top: -160px;
}

#main-header {
	background: linear-gradient(0deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.4983734227129337) 15%, rgba(0,0,0,0.7097298895899053) 30%, rgba(0,0,0,1) 100%);
    box-shadow: none;
}

.et-fixed-header {
	background: #000000e8 !important;
}

.mobile_menu_bar:before {
	color: #fff;
}

#custom_menu_container {
	z-index: 9999999;
	position: relative;
	display: flex;
	justify-content: end;
	align-items: center;
}

#cta_header {
    color: black;
    float: right;
    display: flex;
    background: #ffb500;
    height: 40px;
    align-items: center;
    width: 300px;
    text-align: center;
    justify-content: center;
    font-weight: 700;
    letter-spacing: 3px;
	padding: 0 20px;
}

#cta_header:hover {
	background: #16161600;
    color: white;
    transition: 1s;
    border: solid 1px white;
}

#mobile_cta {
	color: #000;
}

#button {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

.logo_container {
	z-index: 99999999;
}

.pdf_inline_container {
	display: inline-flex;
    margin: 8px auto;
    width: 80%;
    justify-content: flex-start;
	align-items: center;
	transform: scale(1.25);
}

.pdf_icon {
	width: 20%;
}

.cstm_cta_button {
	background: black;
    color: white;
    padding: 10px 50px;
}

.footer_cta_container {
	display: flex;
	justify-content: center;
	font-family: 'Poppins', Sans-serif;
	text-transform: uppercase;
}

#mobile-warranty {
	display: flex;
    position: sticky;
    background: #ffb500;
	z-index: 10;
	padding: 15px 0;
}

#mobile-cta-button{
	text-align: center;
    color: #000;
    margin: auto;
}

.pdf_file:hover {
	transition: 0.7s;
}

#footer-info {
	float: none;
	text-align: center;
}

#product_files_alignment {
	width: 80%;
	margin: auto;
}

.cstm-text {
	font-weight: 500;
	font-size: 20px;
}

#prdct-info {
	position: relative;
    top: -30px;
    width: 90%;
    margin: auto;
    height: 60px;
    background: url(https://b347rx.bepowerequipment.com/wp-content/uploads/2023/01/warranty_button_bg.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    background-origin: content-box;
    display: grid;
    align-items: center;
    justify-items: center;
}

.prdct-info-container {
	color: #000;
	font-size: 20px;
	padding: 4px 0;
}

.title-info {
	font-weight: 400;
	letter-spacing: 1px;
    font-size: 14px;
}

#vert-divider {
	background: white;
    width: 1px;
    padding: 1px;
    margin: 0 20px;
}

#product_files_alignment {
	display: flex;
}

.before_after_row {
	display: flex;
	align-items: center;
}

#prdct_registration_img {
	width: 100%;
    z-index: 500;
    position: sticky;
    text-align: left;
    margin-left: 0;
    transform: translateY(-9vw);
}

.logo_container {
	display: block;
}

#logo {
	float: left;
}

/*--------- Custom Vid Overlay -----------*/

.vp-s {
	display: inline-flex;
	width: -webkit-fill-available;
	border: solid 2px white;
    display: flex;
    flex-direction: row;
}

.vp-s:hover {
	background: #ffb500 !important;
}

.vp-img {
	width: -webkit-fill-available;
}

.vp-img:hover {
	opacity: 40%;
    transition: 0.8s;
}

.videos_holder {
	display: flex;
}

/*--------- Scroll Down Icon Animation --------*/

.field {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 300px;
	margin: auto;
	transform: scale(.65);
}

.mouse {
	width: 50px;
	height: 90px;
	border: 3px solid #333;
	border-radius: 60px;
	position: relative;
}

.mouse:before {
		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		background-color: #333;
		border-radius: 50%;
		opacity: 1;
		animation: wheel 2s infinite;
		-webkit-animation: wheel 2s infinite;
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

@-webkit-keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

.scroll {
	width: 60px;
	height: 60px;
	border: 2px solid #333;
	border-radius: 50%;
	position: relative;
	animation: down 1.5s infinite;
	-webkit-animation: down 1.5s infinite;
	}


@keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

@-webkit-keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

.arrow {
	width: 0;
	height: 40px;
	border: 1px solid #333;
	position: relative;
	animation: scroll 1.5s infinite;
	-webkit-animation: scroll 1.5s infinite;
	}


@keyframes scroll {
	0% {
		height: 40px;
	}
	30% {
		height: 70px;
	}
	60% {
		height: 40px;
	}
}

@-webkit-keyframes scroll {
	0% {
		height: 40px;
	}
	30% {
		height: 70px;
	}
	60% {
		height: 40px;
	}
}


/*--------- Hero CTA Button ---------*/

#hero_cta {
	width: 25vw;
    transform: scale(80%);
    transform-origin: left;
    max-width: 500px;
}

/*--------- Hide 360 Degree Icon ---------*/

#powered-by-_9w5ol2eiv, .jsv-show, .jsv-hidden {
	display: none !important;
}

/*-------- Remove Background --------*/

.imh-6310-annotation-box {
	background: none !important;
}


/*-------- Hide Header ------*/

.mobile_menu_bar {
	display: none !important;
}

/*-------- Hide Footer ------*/

.page-id-2 #footer-widgets {
	display: none;
}


/*---------- 360 Product Viewer Tablet ----------*/

.page-id-2 .et_pb_code_0 {
	top: auto !important;
}


/*--------- Powerease Logo ----------*/

#powerease_logo {
	width: 200px;
    margin-top: 40px;
    transform: translate(120px);
}


@media (min-width:1920px) {

	.page-id-2 h1 {
		font-size: 96px !important;
	}
}



@media (max-width:1280px) {
	
	#header_column {
		position: absolute;
    	z-index: 9999999999999999999999999999999;
		transform: translate(120%, -10%);
	}
	
}

@media (min-width: 981px) {
	
	.pdf_columns {
		width: 50%;	
	}
	
	.logo_container {
		width: 400px !important;
	}
	
	.header_title {
		display: flex;
		white-space: nowrap;
	}
	
	#contact_us_spacing {
		margin-right: 20px;
	}
	
	#mobile-warranty {
		display: none;
	}
	
	#main-header {
		padding: 10px 0;
	}
	
	.et_menu_container {
		max-width: 1300px !important;
	}
	
	.bg_text {
		z-index: 999999;
	}
	
}

@media (max-width: 980px) {
	
	#main-header {
		background: #000000e8 !important;
	}
	
	#logo {
		margin: auto;
		width: 100%;
	}
	
	.imh-6310-annotation-box {
 		width: 90vw !important;
 		max-width: 400px !important;
 		margin: auto;
	}

	.bg_text {
		background-position: bottom;
	}
	
	#jsv-holder {
		width: 70vw !important;
	}
	
	#mobile_cta_container {
		background: #ffb500;
    	height: 50px;
    	position: absolute;
    	z-index: 9999;
    	width: 100%;
    	text-align: center;
    	display: flex;
    	justify-content: center;
    	align-items: center;
	}
	
	#logo {
		max-width: 100% !important;
		margin: 15px auto;
	}
	
	#et-top-navigation {
		display: none;
	}
	
	#cta_header {
		display: none;
	}
	
	#header_column {
		transform: translate(0, 160px) !important;
	}
	
	.powerease_logo {
		width: 30% !important;
		margin: auto;
	}
	
	#hero_cta {
		display: flex !important;
    	margin: auto !important;
		width: 100% !important;
		transform-origin: center;
	}
	
	#be_top_hero {
		height: 150vw;
    	top: -140px;
	}
	
	#prdct_registration_img {
		transform: translateY(-119vw) !important;
	}
	
	.cstm_cta_button {
		display: block;
    	text-align: center;
    	width: 50%;
    	margin: 10px auto;
	}
	
	#footer_cta_container {
		display: block;
	}
	
}

@media (max-width: 980px) and (min-width: 850px) {

	#et-top-navigation {
		display:block;
		height: 50px;
	}
	
}

@media (max-width: 850px) {
	
	.before_after_row {
		width: 80%;
	}

	#product_files_alignment {
    	display: flex;
    	flex-direction: column;
    	transform: translateX(8vw);
	}
	
	.footer_cta_container {
		display: block !important;	
	}
	
	.cstm_cta_button {
		display: block;
    	text-align: center;
    	width: 80%;
    	margin: 10px auto;
	}
	
	.logo_container {
		height: 60px !important;
	}
	
	#logo {
		max-width: 85% !important;
	}
	
	#main-header {
		height: 64px !important;
	}
	
	.bg_text {
		background-size: contain !important;
    	justify-items: center;
    	display: flex;
		background-position: center;
	}
	
	.bafg-twentytwenty-container {
		margin: auto !important;
	}
	
	#header_column {
		position: relative;
    	z-index: 9999999999999999999999999999999;
    	transform: translate(0, 12%);
	}
	
}

@media (max-width: 767px) and (min-width: 480px) {
	
	#prdct_registration_img {
		transform: translateY(-100vw) !important;
		scale: 0.7;
	}
	
	.mobile_row_drop {
		transform: translate(0px,240px);
	}
	
	#registration_row {
		height: 110vw;
	}
	
	#jsv-holder {
		width: 70vw !important;
		transform: translateY(-140px);
	}
	
	.imh-6310-annotation-box {
 		width: 50vw !important;
	}
	
	
	
}

@media (max-width: 480px) {
	
	.videos_holder {
		width: 100% !important;
		display: block;
	}
	
	#logo {
		max-width: 65% !Important;
	}
	
	#product_files_alignment {
		display: block !important;
	}

	.before_after_row {
		display: block !important;
	}
	
	#mobile_alignment {
		display: flex !important;
    	flex-direction: column;
    	align-items: center;
	}
	
	#column_seq {
		order: 2;
	}
	
	#specs {
		display: flex;
		flex-direction: column;
	}
	
	#vert-divider {
		width: 180px;
    	padding: 1px;
    	margin: 20px auto;
	}
	
	#prdct-info-inner {
		transform: scale(.75);
	}
	
	.bg_text {
		bottom: -70px;
	}
	
	#prdct_registration_img {
		transform: translateY(-380px) !important;
	}

	#powerease_logo {
    	display: flex;
    	justify-content: center;
    	margin: 70px auto !important;
		transform: none;
	}
	
	#hero_cta {
		transform-origin: center !important;
		width: 100%;
	}
	
	#jsv-holder {
		width: 90vw !important;
	}
	
}