/*
 Theme Name:     Womens Edge Theme
 Description:    Custom Child Theme
 Author:         Quarterdeck Digital
 Author URI:     https://www.quarterdeck.io/
 Template:	 Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/* Font styling */

h1, h2, h3, h4, h5, h6 { font-family: freight-text-pro, serif; font-style: normal; font-weight: 400; line-height:1.2em;}

body, p, .et_pb_toggle_title { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 300; }

.et_pb_module_header, .dmpro-carousel-item-title { font-family: acumin-pro, sans-serif !important; font-style: normal; font-weight: 400; }

.dmpro-carousel-item-desc { line-height:1.3em;}

/* Menu styling */

/* Search bar color */
.et_pb_menu__search-input {color: #888888 !important}

/* Hide down arrow in main mega nav */
@media only screen and (min-width: 981px) {
	.menu-item-has-children>a:after {
    display:none;
}
}

.menu-item-has-children {padding-right: 0px;}

.et-menu .menu-item-has-children>a:first-child{padding-right: 0px !important;}


/* Make mobile menu fullwidth */
.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}

/* Remove the top line in the mobile menu*/
.et_mobile_menu {
border-top:0;
}



/* Hide element on Desktop */
@media only screen and (min-width: 981px) {
    .mobile-menu-item {
        display: none !important;
    }
}


/* Hide element on Tablet/Phone */
@media only screen and (max-width: 980px) {
    .desktop-menu-item, .divimegapro-800080, .divimegapro-800095, .divimegapro-800096, .divimegapro-800585, .divimegapro-800590, .divimegapro-800591 {
        display: none !important;
    }
}


/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

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


/*some code to keep everyting positioned properly*/

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;
}


/*remove default background color from menu items that have children*/

.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;
}


/*hide the submenu by default*/

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;
}


/*show the submenu when toggled open*/

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;
}


/*adjust the toggle icon position and transparency*/

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


/*submenu toggle icon when closed*/

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


/*submenu toggle icon when open*/

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


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}

.et_mobile_menu .menu-item-has-children li a{
font-size:12px;
}

.et_mobile_menu li a{
padding: 5px!important;
}

.et_mobile_menu .menu-item-has-children .sub-menu{
display: none !important;
}

.pa-block{
display: block !important;
height: fit-content !important;
padding-top: 0 !important;
margin-top: 0 !important;
padding: 5% !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
}

.et_mobile_menu .menu-item-has-children .pa-submenu{
display: block !important;
}

.opened .et_mobile_menu{
height: fit-content !important;
padding: 5% !important;
}

/* Hero Slider Styling */

.slider-ratio-16-9 .et_pb_slide {padding: 0; padding-bottom: 33.33%; height: 0;}

.et-pb-arrow-prev { padding:250px !important; margin-top:-220px !important;}

.et-pb-arrow-next { padding:250px !important; margin-top:-220px !important;}

/* Footer Newsletter Styling */

@media (min-width: 767px) {
	/*set the width of the button*/
	.et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: 20px !important;
	}
	/*set the width of the input field minus the width of the button*/
	.et_pb_newsletter_form .et_pb_newsletter_field {
		flex-basis: calc(100% - 35px) !important;
	}
}

/* 2 column style on mobile */

@media only screen and (max-width: 980px) {
.two-columns .et_pb_column {
width: 50%!important;
}
}

/* Overlay styling */

.overlay-close {
font-size: 40px !important;
color: #5671ed !important;
padding:50px !important;}

/* Calendar styling */

.tribe-events-back {
    display: none !important;
}


/* Homepage styling */

.et_pb_blurb_description {margin-right:25px; margin-left:25px; margin-bottom:2em;}   

.dmpro_carousel_0 .dmpro-carousel-item-title {padding-right:16px !important; padding-left: 16px! important}

/* Blog styling */

.post-meta {color:#36987F !important; font-weight:600;}

.entry-title {margin-top:1em}

/* Calendar styling */

.tribe-common, .tribe-common-h5,.tribe-common-b2 { font-family: acumin-pro , sans-serif !important; font-style: normal; font-weight: 300; }

.tribe-events-single-event-title {font-family: freight-text-pro, serif !important; font-weight:400; margin-top:1em}

.tribe-event-date-start {color:#36987F; font-weight:600}

.tribe-events-single-section-title { font-family: acumin-pro , sans-serif !important; font-weight: 600; color:#36987F !important; font-size:16px}

.tribe-venue, .tribe-street-address, .tribe-locality, .trip-delimiter, .tripe-region, .tribe-events-abbr, .tribe-postal-code, .tribe-events-event-categories {font-family: acumin-pro , sans-serif !important; font-weight: 300; font-size:16px; color:#001514 !important}

.et_pb_newsletter_success {text-align:left}

.tribe-tickets__commerce-checkout-header-link-modify-attendees {display: none}

.frm_message {text-align:center}

.mepr-submit, .mepr-share-button {background-color: #5671ED; color:#ffffff; font-size:16px; padding:10px; border-width:0px}

.tribe-tickets__rsvp-attendance {display: none !important}

@media screen and (min-width: 981px) {
    header .et_builder_inner_content.et_pb_gutters3 {
        height: 239px;
    }
}