/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

.ns_header_social {
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 56px;
    gap: 24px;
    width: auto;
}

.ns_header_social_item {
    display: flex; 
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
}

.ns_header_social img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .ns_header_social {
        display: none;
    }
}


#main-header {
	position: fixed !important;
	background: var(--header-color);
	-webkit-box-shadow: none;
    box-shadow: none;
	height: 12vh !important;
}

.et-fixed-header {
	background: var(--header-color-fixed) !important;
}

/* Applied when the page item is the current page */
#main-header #top-menu li.current_page_item a {
    color: var(--header-text-color-hover) !important;
    font-weight: bold;
    opacity: 1;
}

/* Default link color in the header */
#main-header #top-menu li a {
    color: var(--header-text-color) !important;
}

/* Link color when the header is fixed (e.g., scrolled) */
#main-header .et-fixed-header #top-menu li a {
    color: var(--header-text-color) !important;
}

/* Hover state link color */
#main-header #top-menu li a:hover {
    color: var(--header-text-color-hover) !important;
    opacity: 1;
}

/* Hover state link color when the header is fixed */
#main-header .et-fixed-header #top-menu li a:hover {
    color: var(--header-text-color-hover) !important;
    opacity: 1;
}

#et_mobile_nav_menu > div > span.mobile_menu_bar.mobile_menu_bar_toggle:before {
  color: #000;
}
	
.et-cart-info >span:before {
	transform: scale(1.2);
	display: flex;
}

span.mobile_menu_bar.mobile_menu_bar_toggle:before,
.et_header_style_centered .mobile_nav .select_page, 
.et_header_style_split .mobile_nav .select_page, 
.et_nav_text_color_light #top-menu>li>a, 
.et_nav_text_color_dark #top-menu>li>a,
#top-menu a, 
.et_nav_text_color_light .et_mobile_menu li a,
.et_nav_text_color_dark .et_mobile_menu li a,
#et_search_icon:before, 
.et_search_form_container input, 
.et_search_form_container input::placeholder, 
span.et_close_search_field:after, #et-top-navigation .et-cart-info {
    color: var(--header-text-color) !important;
}

.et_search_form_container input::placeholder {
    color: var(--header-text-color) !important;
    opacity: .7;
}

div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
	color: #000000 !important;
    border-width: 0px !important;
    border-color: RGBA(255, 255, 255, 0);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700 !important;
    background-color: #feb72b !important;
    background: #feb72b !important;
	min-width: 200px;
}

body div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
    background: #feb72b !important;
	opacity: 0.8;
	color: #000000 !important;
    border-width: 0px !important;
    border-color: RGBA(255, 255, 255, 0);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700 !important;
	min-width: 200px;
}