/*
Theme Name: Byon Child Theme
Theme URI: https://nine9webdesign.com/
Description: Child Theme For Divi
Author: Nine9 Web Design
Author URI: https://nine9webdesign.com/
Version: 1.0.0
Template: Divi
*/

body .et_pb_button, body .et_pb_module.et_pb_button {
	border-color: #ffffff;
}

#page-container { 
	overflow: hidden !important;
}

body {
    font-weight: 300;
	font-size: 1rem !important;
}

#page-container .current-menu-item a {
    font-weight: 600 !important;
}

#page-container #main-header.et-fixed-header {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent;
    background-image: linear-gradient(180deg,rgba(0,0,0,0.9) 20%,rgba(255,255,255,0.0) 100%)!important;
}

@media only screen and (max-width: 980px) {
	.logo_container {
		z-index: 9999;
	}
}

#page-container #main-header {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Ensure Divi 5 server-side duplicate class is suppressed when anchor is active */
#top-menu li[data-active="true"].menu-item-home > a,
#mobile_menu li[data-active="true"].menu-item-home > a {
    color: inherit;
    font-weight: normal;
}

/******************* PRELOADER ANIMATION *******************/
.dipi_preloader_image {
	 animation: pulse_pre_loader 2s infinite;
	 max-width: 200px !important;
	 image-rendering: -webkit-optimize-contrast;
}

@keyframes pulse_pre_loader {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

/**************** GASP ROW ANIMATON ****************/
/* Hide the children initially only if JS is enabled */
.js-enabled .text-info > * {
    opacity: 0;
}

/**************** BUTTONS ****************/
body #page-container .et_pb_section .et_pb_button:after {
    content: '\24'!important;
}

/******************* SMOOTH SCROLL *******************/
html.lenis {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto;
}

/*BLOG*/
body #page-container .byon_post_fix .et_pb_section {
    background: transparent;
}


body #page-container .byon_post_fix .et_pb_section .et_pb_row {
    width: 100%;
    padding: 0;
}

/******************* SIGNUP *******************/
body #page-container #byon_contact_form .et_contact_bottom_container {
    margin-left: 0;
    margin-right: 0;
	flex-grow: 1;
}

body #page-container #byon_contact_form .et_contact_bottom_container .et_pb_button {
	margin: 0;
}

@media only screen and (max-width: 767px) {
	body #page-container #byon_contact_form .et_contact_bottom_container .et_pb_button_wrapper,
	body #page-container #byon_contact_form .et_contact_bottom_container .et_pb_button {
		width: 100% !important;
	}
}

/******************* LAB LOGS *******************/
#the_log_post .et_pb_section {
	padding: 0;
}

#the_log_post .et_pb_section .et_pb_row {
    max-width: 100% !important;
    width: 100% !important;
}

/******************* HOME SLIDE *******************/
@media only screen and (min-width: 981px) {
	/* Disable click-blocking overlay layers in pinned track */
	.js-fade-track > .et_pb_section {
	  pointer-events: none;
	}

	/* Re-enable clicks strictly inside the active state */
	.js-fade-track > .et_pb_section[style*="opacity: 1"],
	.js-fade-track > .et_pb_section[style*="visibility: visible"] {
	  pointer-events: auto !important;
	}

	.js-fade-track .et_pb_button, 
	.js-fade-track a {
	  position: relative;
	  z-index: 999 !important;
	}

	.js-fade-wrapper {
	  position: relative;
	  width: 100%;
	  height: 100vh;
	  overflow: hidden;
	}

	.js-fade-track {
	  position: relative;
	  width: 100%;
	  height: 100vh;
	}

	/* Ensure Divi sections fill the locked viewport */
	.js-fade-track .et_pb_section {
	  width: 100% !important;
	  height: 100vh !important;
	  max-width: 100% !important;
	  box-sizing: border-box;
	}
}

/******************* CONTACT US *******************/
#page-container .forminator-textarea,
#page-container .forminator-input {
    background-color: transparent;
    padding-left: 0;
    border-bottom: 1px solid rgba(255,255,255,0.6) !important;
}

#page-container .forminator-input:focus,
#page-container .forminator-phone .iti__country-container .iti__selected-country:focus,
#page-container .forminator-textarea:focus {
    outline-offset: 1px;
	padding-left: 10px;
}

#page-container .forminator-button-submit {
    text-transform: uppercase;
	border: 1px solid #fff;
}

#page-container .forminator-button-submit:hover {
    box-shadow: none;
	letter-spacing: 1px;
}

#page-container .forminator-row.forminator-row-last {
    margin-bottom: 0px !important;
}

/******************* BANNER FIX *******************/
@media only screen and (max-width: 980px) {
	#page-container  .section_mobile_fix {
		min-height: auto !important;
	}
}