@charset "UTF-8";
/*
Theme Name: Children's Home Society
Theme URI: 	https://mission-minded.com/
Description: Custom theme for Children's Home Society of California
Version: 	1.0
Author: 	Mission Minded

*/

*:focus {
	outline: 1px dotted grey !important;
}

.skip-to-content-link {
  left: 50%;
  position: absolute;
  transform: translateY(-100%);
}

.skip-to-content-link {
  background: #e77e23;
  height: 30px;
  left: 50%;
  padding: 8px;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s;
}

.skip-to-content-link:focus {
  transform: translateY(0%);
}



#menu-main-spanish {
  font-weight: 500;
  width: 100%;
}
 #menu-main-spanish > li {
  font-size: 1rem;
  margin-bottom: 0px;
}
 #menu-main-spanish > li.current_page_item > a, #menu-main-spanish > li.current_page_parent > a {
  color: #0048A2;
}
 #menu-main-spanish > li.current_page_item > a:hover, #menu-main-spanish > li.current_page_parent > a:hover {
  color: #F3AF4A;
}
 #menu-main-spanish > li li.current_page_item > a:hover {
  color: #ffffff;
}
 #menu-main-spanish > a {
  display: inline-block;
  text-decoration: none;
  position: relative;
}
 #menu-main-spanish > a:hover, #menu-main-spanish > a:focus {
  color: #0048A2;
  text-decoration: none;
}
 #menu-main-spanish > li {
  padding: 0.75em 0em;
}
 #menu-main-spanish > li > a {
  color: #000000;
  padding: 0;
}
 #menu-main-spanish > li > a:hover, #menu-main-spanish > li > a:focus {
  color: #F3AF4A;
}


#menu-main-spanish .subheader {
  position: relative;
}

#menu-main-spanish .subheader ul {
  top: 0px;
  left: 100% !important;
  right: auto;
}

@media (min-width: 992px) {
	#menu-main-spanish {
	display:flex;
}
}

@media (min-width: 992px) and (max-width: 1199.98px) {

#menu-main-spanish .subheader > a {
    display: block;
  }

#menu-main-spanish .subheader > a:after {
    content: " >";
  }
  
#menu-main-spanish > li {
    font-size: 0.95rem;
    display: block;
    vertical-align: top;
    background: none;
  }

#menu-main-spanish > a {
    padding: 0.5em 1em;
    border-bottom: none;
  }
  #menu-main-spanish {
    display: flex !important;
    justify-content: space-around;
    align-items: flex-end;
    align-content: flex-end;
  }
}
@media (min-width: 1200px) {
  #menu-main-spanish {
    justify-content: space-between;
  }
  
#menu-main-spanish > li {
    font-size: 1.125rem;
  }
}