/*======================================
Theme Name: Audacity Marketing
Theme URI: https://audacity.marketing/
Description: Custom theme for Audacity Marketing Clients.
Version: 2.9.1
Author: Audacity Marketing
Author URI: https://audacity.marketing/
Template: Divi
======================================*/

/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/*=============
|| Variables ||
=============*/
/* Ignore Syntax Error for Variables */

@font-face{font-display:swap;font-family:ETmodules;src:url(fonts/admicons.eot);src:url(fonts/admicons.eot?#iefix) format("embedded-opentype"),url(fonts/admicons.woff2) format("woff2"),url(fonts/admicons.woff) format("woff"),url(fonts/admicons.svg#ETmodules) format("svg");font-weight:400;font-style:normal}

:root {
/* Site Fonts */
--site-head-font: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
--site-body-font: 'Lato',Helvetica,Arial,Lucida,sans-serif;
	
/* Accent Color */
--accent-color: #3D348B;
--accent-color2: #16171D;

/* Background Color */
--adm-bg1: #fff;
--adm-bg2: #16171D;

/*Text Color*/
--adm-lt-txt: #16171D;
--adm-bk-txt2: #fff;
}

/*==============
||  Page CSS  ||
==============*/


/* Vertical align for modules with background elements. */
.vert-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
	opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	transition: opacity .5s linear 0.2s;
	opacity: 1;
}


/*=================
||  Mobile Menu  ||
=================*/
@media only screen and (max-width: 980px) {
	.et_pb_section.adm-nav-section:not(.et_pb_sticky) .et_pb_menu__logo {filter:none!important;}
	
	.et_fixed_nav #main-header, 
	.et_fixed_nav #top-header,
	.et_non_fixed_nav.et_transparent_nav #main-header,
	.et_non_fixed_nav.et_transparent_nav #top-header {
    	position: fixed;
	}
	#logo {
		display: none;
	}
	#main-header {
    	-webkit-box-shadow: 0 3px 50px rgba(0,0,0,.2);
    	-moz-box-shadow: 0 3px 50px rgba(0,0,0,.2);
    	box-shadow: 0 3px 50px rgba(0,0,0,.2);
	}
	.mobile_nav.opened .mobile_menu_bar:before {
 		content: '\4d';
	}
	#et-top-navigation span.mobile_menu_bar:before, 
	#et-top-navigation span.mobile_menu_bar:after {
		color: var(--accent-color, #444) !important;
	}
}

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 80vh;
}

.et_mobile_menu {
	border-top: 3px solid var(--accent-color, #444);
	background: #fff!important;
}

.et_mobile_menu li a {
    display: block;
    padding: 15px 5%;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 24px;
	color: #000!important;
}
.adm-nav-cta a {text-align: center;}
.et_mobile_nav_menu li.adm-hide-mobile {display:none;}
ul.et_mobile_menu .sub-menu li.menu-item{background:#e8e8e8;}

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

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;
}
/*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: '\33';
	color: #8b2635;
	background: #f0f3f6;
	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: '\32';
}
/*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;
}

/*Mobile Nav CTA*/
.adm-nav-cta a {text-align: center;}
.et_mobile_nav_menu li.adm-hide-mobile {display:none;}
ul.et_mobile_menu .sub-menu li.menu-item{background:#e8e8e8;}


/*Center Mobile Nav*/
.mobile_nav.opened ul.et_mobile_menu {
    display:flex!important;
    flex-flow: row wrap;
    justify-content:center;
    gap:15px;
}
.mobile_nav ul.et_mobile_menu li {width:100%;}
li.adm-icon {width: 62px!important;}

/*==============
|| Custom CSS ||
==============*/
/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/*Sets the base icon size for SVG's across the site*/
.adm-vector-icon svg {max-height: 120px;}


/*Styling of the contact tabs*/
.adm-contact-tabs ul.et_pb_tabs_controls {display:flex;width:100%;}
.adm-contact-tabs ul.et_pb_tabs_controls li {width:100%;text-align:center;}
.adm-contact-tabs h3 {border-top:1px solid #2C3E50;padding-top:15px;}
.adm-contact-tabs h3:first-of-type {border-top:none;padding-top:0px;}

@media only screen and (max-width: 980px) {.adm-contact-tabs ul.et_pb_tabs_controls {display:inherit;}}


/*CSS for the desktop nav menu*/
.adm-nav-menu .et-menu.nav ul.sub-menu svg {max-width:48px;}
.adm-nav-menu .et-menu.nav ul.sub-menu {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjI1NnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjgwIDE0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnIHRyYW5zZm9ybT0icm90YXRlKDE4MCw2NDAsNzApIiBmaWxsPSIjZjRmNGY0Ij4KICA8cGF0aCBkPSJtMCAwczU3My4wOCAxNDAgMTI4MCAxNDB2LTE0MHoiLz4KIDwvZz4KPC9zdmc+Cg==);
	background-size: 100% 90%;
	background-repeat: no-repeat;
	background-position: left bottom;
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.5));
}

.adm-nav-menu .et-menu.nav .adm-nav-research ul.sub-menu .menu-item a {width: 200px;} /*Research dropdown width*/
.adm-nav-menu .et-menu.nav .adm-nav-education ul.sub-menu .menu-item a {width: 210px;} /*Education dropdown width*/
.adm-nav-menu .et-menu.nav .adm-nav-community ul.sub-menu .menu-item a {width: 270px;} /*Community dropdown width*/
.adm-nav-menu .et-menu.nav .adm-nav-about ul.sub-menu .menu-item a {width: 205px;} /*About dropdown width*/

/*Adds the triangle above the dropdown*/
.adm-nav-menu .et-menu.nav ul.sub-menu:before {
	content: '';
	position:absolute;
	left:35px;
	top:-20px;
	z-index:9990;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #fff;
}


/*Adds the donate button to the nav bar*/
.et_pb_menu_0_tb_header.et_pb_menu ul li.adm-nav-cta a{
	background:#8b2635;
	border-radius:30px;
	font-weight:700;
	color:#fff!important;
	padding: 15px 45px;
	height: min-content!important;
	margin-top:auto;
	margin-bottom:auto;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.adm-nav-cta a:hover {background:#5299D3;}

/*Nav Social*/
.adm-facebook:after,.adm-linkedin:after {
	display:block;
	font-family: "ETmodules";
	font-weight: normal;
}
.adm-facebook:after{content:"\e093";} /*Facebook*/
.adm-linkedin:after{content:"\e09d";} /*LinkedIn*/

.adm-icon a {text-align:center;border-bottom:0px!important;}
.et_pb_menu__menu .adm-icon {width:min-content!important;}

/*Nav Responsive Styles*/
@media only screen and (max-width: 1450px) {
    .adm-nav-section .et_pb_row { width: 95%; }
    .adm-nav-section .et_pb_row .et-menu.nav li a{font-size: 16px;}
    .adm-nav-section .et_pb_row .et_pb_menu__logo-wrap .et_pb_menu__logo a img {max-width: 175px;height:auto;}
}

@media only screen and (max-width: 1250px) {
    .adm-nav-section .et_pb_row .et-menu.nav li a{font-size: 15px;}
    .adm-nav-section .et_pb_row .et_pb_menu__logo-wrap .et_pb_menu__logo a img {max-width: 175px;height:auto;}
    .adm-nav-section .et_pb_row .et_pb_menu .et-menu>li {padding-left: 5px;padding-right:5px;}
}

@media only screen and (max-width: 1075px) {
    .adm-nav-section .et_pb_row .et-menu.nav li a{font-size: 14px;}
    .adm-nav-section .et_pb_row .et_pb_menu__logo-wrap .et_pb_menu__logo a img {max-width: 128px;height:auto;}
}