/* 
 Theme Name:     Mint
 Author:         Mark Hendriksen
 Author URI:     https://markhendriksen.com
 Template:       Divi
 Version:        1.0
 Description:    A Divi Child Theme 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* ########################### */
/* ###### CHANGE COLORS ###### */
/* ########################### */

/* #### DROPDOWN MENU #### */

.et_mobile_menu .current-menu-item a {
	background-color: #ffffff;
}

.hs-custom-menu.et_pb_menu ul.et_mobile_menu li.current-menu-item a {
	color: #000 !important;
}

/* #### Collaping Mobile Menu #### */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	color: #0057ff; /* Icon color */
	background: #f1f1f1; /* Icon background color */
}

/* ########## MENU ########### */
@media only screen and (min-width: 1400px) {
.mint-custom-menu.et_pb_menu .et-menu>li {
    padding-left: 20px;
    padding-right: 20px;
}}

/* ########## DROPDOWN MENU ########### */

.mint-custom-menu.et_pb_menu .et-menu-nav>ul ul {
    padding: 0px 0 !important;
	border-radius: 8px;
}

.mint-custom-menu .nav li li {
	padding: 0 0px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mint-custom-menu .nav li ul {
    width: 240px;
}

.mint-custom-menu .et-menu li li a {
    width: 240px !important;
	padding: 12px 20px;
	font-size: 14px !important;
}

.mint-custom-menu .nav li li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mint-custom-menu .fas {
	padding-right: 10px;
}

/* #### Collaping Mobile Menu #### */

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	border-radius: 50%;
	padding: 3px;
}

ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
	content: '\32';
}

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 600 !important; 
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {
	text-align: center;
	opacity: 1;
}

/* ### POST ### */
.custom-post-layout img {
    border-radius: 15px;
    margin-top: 20px;
}

/* ### FOOTER ### */
@media only screen and (min-width: 981px) {
.et-db #et-boc .et-l .dc-custom-optin p.et_pb_newsletter_field {
	flex:2 !important;
	padding-bottom: 0px;
}

.et-db #et-boc .et-l .dc-custom-optin .et_pb_newsletter_form p.et_pb_newsletter_field input {	
	border-radius: 25px 0px 0px 25px !important;
	padding-left: 6%!important;
}

.et-db #et-boc .et-l .dc-custom-optin p {
	flex:1 !important;	
}

.et-db #et-boc .et-l .dc-custom-optin .et_pb_newsletter_fields {
	align-items: center;	
}

body.et-db #et-boc .et-l .dc-custom-optin .et_pb_button {
	border-radius: 0px 25px 25px 0px !important;
	height: 50px;
    display: flex;
	justify-content: center;
}

body.et-db #et-boc .et-l .dc-custom-optin .et_pb_button .et_pb_newsletter_button_text{
	align-self: center;	
}}

@media only screen and (min-width: 981px) and (max-width: 1450px) {	
body.et-db #et-boc .et-l .dc-custom-optin a.et_pb_button   {
	justify-content: center;

}}

@media only screen and (min-width: 981px) {
.dc-custom-optin {
    width: 60% !important;
}}