/* 
Theme Name: EOLDN Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: EOLDN Theme is a child theme of Hello Elementor, created by Elementor team
Author: Dewdrop Media
Author URI: https://www.dewdropmedia.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.sticky-logo img {
	content:url("/wp-content/uploads/2022/05/EOLDN_primary-RGB.svg");
	//transition: .5s all ease-in-out;
}

.elementor-sticky--effects .sticky-logo img {
	content:url("/wp-content/uploads/2022/05/EOLDN_shorthand_horizontal_positive-RGB.svg");
  max-width: 170px !important;
	transition: .5s all ease-in-out;
	width: 180px!important;/*--edit the pixels to change to desired shrinking size--*/
}

.elementor-nav-menu--toggle nav.elementor-nav-menu--dropdown {
	-webkit-box-shadow: inset 0px 4px 4px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 4px 4px 0px rgba(0,0,0,0.25);
}

.elementor-sticky--effects .elementor-nav-menu--toggle nav.elementor-nav-menu--dropdown {
	top: 38.5px !important;
}

.elementor-sticky--effects nav li a.elementor-item {
  font-size: 20px !important;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}

.elementor-sticky--effects #nav-buttons .elementor-inline-items li.elementor-icon-list-item a {
  font-size: 20px !important;
  padding-bottom: 14px !important;
  padding-top: 14px !important;
  transition: .5s all ease-in-out;
}

ul.elementor-nav-menu li.link-involved.menu-item a {
  color: #962D2D !important;
}

ul.elementor-nav-menu li.link-involved.menu-item {
  border-bottom: 3px solid #962D2D !important;
}

ul.elementor-nav-menu li.link-request.menu-item a {
  color: #243A76 !important;
}

ul.elementor-nav-menu li.menu-item.link-request {
  border-bottom: 3px solid #243A76 !important;
}

/*ul.elementor-nav-menu li.menu-item a:hover, ul.elementor-nav-menu li.menu-item a.has-submenu.highlighted {
  font-weight: 700 !important;
}*/

ul.elementor-nav-menu li.menu-item ul.sub-menu a:hover {
  font-weight: 400 !important;
}

nav.elementor-nav-menu--dropdown {
  background-color: #ffffff;
  height: 100vh;
  position: relative;
}

.get-involved-dropdown nav.elementor-nav-menu--dropdown {
  height: auto;
}

nav.elementor-nav-menu--dropdown:after {
  bottom: 20px;
  content: '';
  display: block;
  position: relative;
  transform: translateY(100%);
}

ul.elementor-nav-menu li.link-login.menu-item {
  bottom: 25%;
  position: fixed;
}

.alert-banner span{
    display: block;
    text-align: center;
}

.alert-banner p {
    margin: 0;
}

.alert-banner a {
    color: #000000;
}

.alert-banner a:hover {
    text-decoration: underline;
}

.alert-banner .elementor-alert-title {
  padding-right: 30px;
}

.alert-banner button.elementor-alert-dismiss {
  margin-top: 5px;
}

.alert-banner button.elementor-alert-dismiss span {
  height: 22px;
  position: relative;
  text-indent: -999999px;
  width: 22px;
}

.alert-banner button.elementor-alert-dismiss span:after {
  background-image: url('public/img/icon_alert-close.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 22px;
  bottom: 0;
  content: '';
  display: block;
  height: 22px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
}

[data-elementor-type="footer"] li a {
  position: relative;
  text-decoration: none;
}

[data-elementor-type="footer"] li a:after {
  background-color: #ffffff;
  bottom: 1px;
  content: '';
  display: inline-block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}

span.elementor-toggle-icon-closed, span.elementor-toggle-icon-opened {
  background-image: url('public/img/icon_faq-state.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 30px;
  text-indent: -999999px;
  width: 30px;
}

span.elementor-toggle-icon-opened {
  background-position: -30px 0;
}

.elementor-toggle-icon-closed i:before {
  display: none;
}

.elementor-tab-title {
  align-items: center;
  display: flex;
}

.jet-popup__close-button svg {
  height: 40px !important;
  width: 40px !important;
}

@media screen and (max-width: 1700px) {
  .elementor-section.banner-alignment {
    padding-left: 6.6% !important;
  }
}

@media screen and (max-width: 1560px) {
  .elementor-section.banner-alignment {
    padding-left: 3% !important;
  }
}


@media screen and (max-width: 1480px) {
  .elementor-section.banner-alignment {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 1341px) {
  .elementor-nav-menu--toggle nav.elementor-nav-menu--dropdown .sub-menu a, .elementor-nav-menu--toggle nav.elementor-nav-menu--dropdown .sub-menu a:focus {
	background-color: #A2B9E0;
  }
  
  .elementor-nav-menu--toggle nav.elementor-nav-menu--dropdown .sub-menu a:hover {
	  background-color: #6C8CC7 !important;
	}
  
  .elementor-nav-menu--toggle nav.elementor-nav-menu--dropdown .sub-menu li {
	  border-bottom: 1px solid #243A76 !important;
  }
  
  .elementor-nav-menu--toggle nav.elementor-nav-menu--dropdown .sub-menu li:last-of-type {
	  border-bottom: 0 !important;
  }
}

@media screen and (max-width: 1341px) {
  #page-banner {
	  background-image: none;
  }
  
  #page-banner .elementor-widget-wrap.elementor-element-populated {
	  flex-direction: column;
  }
  
  #page-banner .elementor-widget-wrap.elementor-element-populated .cta-col-right {
	  align-items: center;
	  background-color: #ffffff;
  }
  
}

@media screen and (max-width: 500px) {
  
  .alert-banner .elementor-widget-container {
    padding: 8px 5px !important;
  }
  
  .alert-banner .elementor-alert-title p a {
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin: 0 70px;
    text-align: center;
  }
  
  .banner-header h1 {
    font-size: 40px !important;
    line-height: 50px !important;
    /*margin-left: -30px;*/
  }
  
  span.elementor-toggle-icon-closed, span.elementor-toggle-icon-opened {
    height: 20px;
    width: 20px;
  }
  
  span.elementor-toggle-icon-opened {
    background-position: -20px 0;
  }
  
}

@media screen and (max-width: 400px) {
  
  .alert-banner .elementor-alert.elementor-alert-info {
    align-items: center;
    display: flex;
  }
  
  .alert-banner .elementor-alert-title p a {
    margin: 0 50px;
  }
  
  .alert-banner button.elementor-alert-dismiss {
    margin-right: 5px;
    top: 14px !important;
  }
  
  .banner-header h1 {
    margin-left: 0;
  }
}