/*
 Theme Name:   Dynamic Divi Child Theme 2025
 Theme URI:    
 Description:  Dynamic Divi Child Theme 2025
 Author:       AZ439
 Author URI:   
 Template:     Divi
*/

/*---------Theme customization starts right here-------------*/

/*----------MAKE THE MENU STICKY WHEN ON MOBILE DISPLAY----------*/

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed !important; } }
.et_mobile_menu {
    max-height: 83vh;
}


/*--------Center Topbar Links----------------*/
#et-info {
float: none !important;
text-align: center;}

/*---------------- Mobile Menu Logo Size -----------------------*/

    @media only screen and (max-width: 980px) {
    #logo {
		max-width: 80% !important;
        }
	#et_mobile_nav_menu {
        margin-top: 7px;
    }
}

/*-----Set the color and size of the mobile (hamburger) menu bars----- */
span.mobile_menu_bar:before {
	font-size:60px !important;
}


/*---------Expanding underline on main menu---------------- */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
}
#top-menu li a:before {
content: "";
position: absolute;
z-index: -2;
left: 0;
right: 100%;
bottom: 30%;
background: #FFFFFF; /*** COLOR OF THE LINE ***/
height: 1px; /*** THICKNESS OF THE LINE ***/
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
#top-menu li a:hover {
opacity: 1 !important;
}
#top-menu li a:hover:before {
right: 0;
}
#top-menu li li a:before {
bottom: 10%;
}

/*------------------ Set Scroll Top Anchor Color & Position -----------------*/
.et_pb_scroll_top.et-pb-icon {
    background: #F7941D none repeat scroll 0 0;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    bottom: 110px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    padding: 5px;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    z-index: 99999;
}

/*--------------Set Footer Menu Padding---------------*/
.bottom-nav {
    padding: 8px 0;
}

/*--------------Set Footer Widget BG Color--------------*/
#main-footer {
  background-color: #C7CFD6;
}

/*--------------------------------ET Button Styling--------------------------------------*/
.smallblueshort_code {
	background:#003156!important;
	color:#ffffff !important;
	text-shadow: none!important;
	border: 2px solid #003156!important;
	border-radius:5px !important;
	font-size: 20px!important;
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
}

.smallblueshort_code:hover {
	background-color: #ffffff!important;
	color: #f7941d!important;
	border: 2px solid #003156!important;
	text-shadow: none!important;
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
}


/*-------------GRAVITY FORMS STYLING BEGINS HERE--------------*/

/*--------------Set Color Behavior and Align Gravity Forms Button left when using GF Divi styling add-on-------------------*/
body .gform_wrapper .gform_footer input[type="submit"], body .gform_wrapper .gform_page_footer .button.gform_next_button, body .gform_wrapper .gform_page_footer input.button.gform_button[type="submit"] {
	float: left;
	background-color: #003156!important;
	border-color:#003156!important;
	color: #ffffff!important;
}

body .gform_wrapper .gform_footer input[type="submit"]:hover, body .gform_wrapper .gform_page_footer .button.gform_next_button, body .gform_wrapper .gform_page_footer input.button.gform_button[type="submit"]:hover {
	float: left;
	color: #f7941d!important;
	background-color: #ffffff!important;
	border-color: #003156!important;
}


body .gform_wrapper input:focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
	border-color: #F7941D; /* Change this to your desired color */
	border-radius: 3px;
	box-shadow: 0 0 0 2px #F7941D; /* Optional for a glow effect */
	outline: none; /* Optional: removes default browser outline */
}

.gform-theme--framework .gf_progressbar .percentbar_blue {
	background-color: #f7941d !important;
}
.gform-theme--framework .gf_progressbar .gf_progressbar_percentage {
    block-size: 40px !important;
}