.elementor-566 .elementor-element.elementor-element-43dd5ccc > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}/* Start custom CSS for html, class: .elementor-element-3b1a7cc4 *//* HEADER */
header {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    box-shadow: 0px 10px 9px rgba(194, 184, 184, 0.25);
    width: 100%;
}

#gtranslate_wrapper {
    display: none;
}

#logo-img {
    min-width: 200px;
}

.desktop-navigation {
    width: 100%;
    max-width: 1200px;

}

.top-nav, nav {
    max-width: 1200px;
}

.top-nav {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: px;
    margin: 0px;
}

.primary-logo, .lang-tab, .es-tab {
    margin-top: 16px;
}

button.safety-exit img {
    padding-left: 4px;
}

.safety-exit-container {
    max-width: 1200px;
    margin-top: -12px;
    width: 100%;
    display: flex;
}

button.safety-exit-button,
button.safety-exit-button:hover,
button.safety-exit-button:active,
button.safety-exit-button:focus {
    color: #FFFFFF;
    border-radius: 0 0 40px 40px;
    padding: 12px 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: auto;
}


button.safety-exit-button {
    background-color: #65385B;
}

button.safety-exit-button:hover {
    background-color: #B950A2;
}

button.safety-exit-button:active,
button.safety-exit-button:focus {
    color: #65385B;
    background-color: #F5F3F3;
}

.lang-tab {
    border-style: solid;
    border-width: 3px;
    border-color: #FFC45C;
    border-radius: 40px;
    background-color: #FFFFFF;
    padding: 0;
    display: flex;
}

.lang-tab a {
    border-radius: 40px;    
}

.lang-tab a:first-child, .lang-tab a:last-child  {
    padding: 8px 24px;
}

.lang-tab a:first-child {
    background-color: #FFC45C;
}

.lang-tab a:last-child {
    
}

.lang-tab a, .bottom-nav ul li a {
    color: #333333;
    font-weight: 700;
    text-decoration: none;
}

/* es tab */
.es-tab {
    width: auto;
    border-style: solid;
    border-width: 3px;
    border-color: #FFC45C;
    border-radius: 40px;
    background-color: #FFFFFF;
    padding: 0;
    display: flex;

}

.es-tab a {
    border-radius: 40px;    
}

.es-tab a:first-child, .lang-tab a:last-child  {
    padding: 8px 24px;
}

.es-tab a:first-child {
}

.es-tab a:last-child {
    background-color: #FFC45C;
    padding: 8px 24px;

}

.es-tab a, nav ul li a:link {
    color: #333333;
    font-weight: 700;
    text-decoration: none;
}

/* Style The Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  color: #4A90E2;
  background-color: transparent;
  box-shadow: 0px 0px transparent;
}

.dropdown .dropbtn  {
    background-color: transparent;
    padding:0px;
}

@media (max-width: 1024px) {
    

    .desktop-navigation {
        display: none !important;
    }
    
    .safety-exit-container {
        width: 100%;
        display: flex;
        margin-top: 0;
    }
    
    .safety-exit-container .safety-exit-button {
        color: #ffffff;
        background-color: #65385B;
        border-radius: 0 0 40px 40px;
        padding: 12px 40px;
        margin: auto;
        justify-content: center;
        align-content center;
    }
    
  .small-screen-navigation {
    display: grid;
    margin-left: 16px;
    margin-right: 16px;

    grid-template-columns: 1fr 4fr 1fr;
    grid-template-areas:
       "title   title   hamburger"
       "nav     nav     nav";
  }
  
  nav {
      justify-items: center;
  }
  
 
  
   .donate-button-small {
      width: 100%;
  }
  
    .lang-tab-small {
        margin-top: 30px;
        margin-bottom: 20px;
        width: auto;
        border-style: solid;
        border-width: 3px;
        border-color: #FFC45C;
        border-radius: 40px;
        background-color: #FFFFFF;
        padding: 4px 0;
    }
    
    .lang-tab-small a {
        border-radius: 40px;    
    }
    
    .lang-tab-small a:first-child, .lang-tab a:last-child  {
        padding: 8px 24px;
    }
    
    .lang-tab-small a:first-child {
        background-color: #FFC45C;
    }
    
    .lang-tab-small a:last-child {
        padding-top: 0;
        padding-bottom: 0;
    }


    .lang-tab-small a, a:link {
        color: #333333;
        font-weight: 700;
        text-decoration: none;
    }
    
    
    
    .es-tab-small {
        margin-top: 60px;
        margin-bottom: 20px;
        width: 300px;
        border-style: solid;
        border-width: 3px;
        border-color: #FFC45C;
        border-radius: 40px;
        background-color: #FFFFFF;
        padding: 4px 0;
    }
    
    .es-tab-small a {
        border-radius: 40px;    
    }
    
    .es-tab-small a:first-child, .lang-tab a:last-child  {
        padding: 5px 24px;
    }
    
    .es-tab-small a:first-child {
    }
    
    .es-tab-small a:last-child {
        padding-top: 0;
        padding-bottom: 0;
        background-color: #FFC45C;
        padding: 8px 24px;
    }


    .es-tab-small a, a:link {
        color: #333333;
        font-weight: 700;
        text-decoration: none;
    }
  
 
  .logo-small {
      grid-area: title;
  }

  .menu a {
    text-decoration: none;
    color: black;
  }

  .menu-btn {
    display: none;
  }

  .menu-icon {
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    padding: 30px 20px 30px 0;
    position: relative;
    user-select: none;
    visibility: visible;
    color: #65385B;
 
  }

  .navicon {
    background: #65385B;
    display: block;
    height: 2px;
    width: 18px;
    position: relative;
    margin-left: 100px;
  }

  .navicon:before {
    top: 5px;
  }

  .navicon:after {
    top: -5px;
  }

  .navicon:before, .navicon:after {
    background: #65385B;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    transition: all .2s ease-out;
  }

  .menu {
    grid-area: nav;
    max-width: unset;
    max-height: 0;
    transition: max-height .2s ease-out;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
  }

  .menu a {
    padding: 15px 10px;
    background-color: #FFF;
    text-align: left;
  }
  
  .menu a:hover,  {
    background-color: #F5F3F3;
    color: #333333;
  }

  .menu-btn:checked ~ .menu {
    max-height: 2000px;
  }

  .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
  }

  .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }

  .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }

  .menu-btn:checked ~ .menu-icon .navicon:before,
  .menu-btn:checked ~ .menu-icon .navicon:after {
    top: 0;
  }
  

}

@media (min-width: 1025px) {
    .small-screen-navigation-container {
        display: none;
    }
}

nav {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: left;
    margin-top: 8px;
    padding-bottom: 16px;
}

nav ul {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    padding-right: 48px;
}

/* (A) TABS CONTAINER */
.tab, .tab * {
  font-family: Montserrat, sans-serif;
  box-sizing: border-box;
}
.tab { max-width: auto; }

/* (B) HIDE CHECKBOX */
.tab input { display: none; }

/* (C) TAB LABEL */
.tab label {
  /* (C1) DIMENSIONS */
  position: relative; /* required for (f2) position:absolute */
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 10px;
 
  /* (C2) COSMETICS */
  font-weight: 700;
  color: #333333;
  background: #FFFFFF;
  cursor: pointer;
  border-radius: 4px;
}

.tab label:hover {
  background: #F5F3F3;
}

/* (D) TAB CONTENT - HIDDEN BY DEFAULT */
/* css animation will not work with auto height */
/* this is why we use max-height instead */
.tab .content {
    display: flex;
    flex-flow: column wrap;
    background-color: #F5F3F3;
    overflow: hidden;
    transition: max-height 0.3s;
    max-height: 0;
    border-radius: 4px;
}

/*
.tab .content p { padding: 10px; } /

/* (E) OPEN TAB ON CHECKED */
.tab input:checked ~ .content { max-height: 100vh; }

/* (F) EXTRA - ADD ARROW INDICATOR */
.tab label::after {
  /* (F1) RIGHT ARROW */
  display: block;  
  content: "\25b6";
 
  /* (F2) PLACE AT RIGHT SIDE */
  position: absolute;
  right: 10px; top: 10px;
 
  /* (F3) ANIMATED ARROW */
  transition: all 0.4s;
}
 
/* (F4) ROTATE ARROW ON CHECKED */
.tab input:checked ~ label::after { transform: rotate(90deg); }

.tab .content a {
    background-color: #F5F3F3;;
}/* End custom CSS */