/*
	Theme Name: Great Hearts Academies Institute
	Theme URI: http://www.greatheartsamerica.org
	Description: Custom Theme for Institute
	Version: 2.0.2
	Author: Off Madison Ave/Great Hearts Academies
	Author URI: http://www.greatheartsamerica.org
	Text domain: great-hearts-academies
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE USELESS */
.bypostauthor {}    /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */

/* Restyles the upper header to make room for the additional transparancy link */
.upper-menu-container a{
	padding:0;
	margin:0;
}

/* Accessibility Additions 8July2018 */

/* Restyles the more accessible header search area to match the previous styling */
#header-search-send{
	width: 100%;
    font-family: "Scada",sans-serif;
    color: #212c64;
    border: 0;
    text-transform: uppercase;
}

#header-search-label{
	color:#FFF;
}

/* Makes the skip links visible when tab focused on */
.skip-main{
	clip: rect(1px,1px,1px,1px);
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  color: #103546;
}
.skip-main:focus{
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    clip: auto!important;
    color: #155775;
    display: block;
    font-size: 14px;
    font-size: 1em;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}


/* Prevents using text justify for accessibility compliance */
.text-justify {
    text-align: inherit !important;
}

/* Sets more accessible hover, active, and focus effects 2Jun2018 */

a.button,
a.button,
a.button,
a.btn,
a.btn,
a.btn,
footer.footer a,
header.header a,
aside.sidebar a{
	text-decoration:none;
}

a.button a:hover,
a.button a:active,
a.button a:focus,
a.btn a:hover,
a.btn a:active,
a.btn a:focus,
footer.footer a:hover,
footer.footer a:active,
footer.footer a:focus,
header.header a:hover,
header.header a:active,
header.header a:focus,
aside.sidebar a:hover,
aside.sidebar a:active,
aside.sidebar a:focus{
	text-decoration:underline;
}

.navbar-nav a:hover,
.navbar-nav a:focus,
.navbar-nav a:active,
.sidebar-nav a:hover,
.sidebar-nav a:focus,
.sidebar-nav a:active,
a.selectedOption:hover,
a.selectedOption:focus,
a.selectedOption:active{
    background-color: #212c64 !important;
    color:#FFF !important;
}

.navbar-nav a:focus,
.navbar-nav a:active,
.sidebar-nav a:focus,
.sidebar-nav a:active,
a.selectedOption:focus,
a.selectedOption:active{
    outline: 2px dashed #FFF !important;
}

p a:hover,
p a:focus,
p a:active,
.contact-info a:hover,
.contact-info a:focus,
.contact-info a:active,
.wysiwyg a:hover,
.wysiwyg a:focus,
.wysiwyg a:active{
	border-radius: 3px;
    outline: 0;
    background-color: #212c64 !important;
    color: #FFF !important;
    text-decoration: underline !important;  
}

p a:focus,
p a:active,
.wysiwyg a:focus,
.wysiwyg a:active{
   border-radius:none !important;
   outline: 1px dashed #c51230;
}

footer.footer #menu-footer-menu a,
footer.footer #menu-footer-menu a,
footer.footer #menu-footer-menu a{
    text-align:center !important;
	display: block !important;
	width: 100%;
}

footer.footer #menu-footer-menu a:hover,
footer.footer #menu-footer-menu a:focus,
footer.footer #menu-footer-menu a:active{
    outline:0;
    background-color:#212c64;
    color:#FFF;
    width:100%;
    display:block;
}

footer.footer #menu-footer-menu a:focus,
footer.footer #menu-footer-menu a:active{
    outline: 2px dashed #FFF !important;
}

footer.footer li{
    text-align:center;
}

h4 a:hover,
h4 a:focus,
h4 a:active,
.micronav a:hover,
.micronav a:focus,
.micronav a:active{
    outline: 2px dashed #212c64;
    background: #FFF !important;
    color: #0070bc !important;
    text-decoration: underline !important;
}

.micronav a,
.icon{
    min-width: 32px;
    text-align: center;
}

.micronav .selectedOption:hover,
.micronav .selectedOption:focus,
.micronav .selectedOption:active{
  color: #756b43;
  background-color: #212c64;
}

.micronav .selectedOption:focus,
.micronav .selectedOption:active{
  outline: 2px dashed #756b43;
}

a.navbar-brand:hover,
a.navbar-brand:focus,
a.navbar-brand:active,
footer.footer .icon:hover,
footer.footer .icon:focus,
footer.footer .icon:active{
  background-color:#FFF !important;
  filter: hue-rotate(180deg) invert( 100% ) !important;
  /*-webkit-transition: filter 1s ease-in !important;
  -moz-transition: filter 1s ease-in !important; 
  -o-transition: filter 1s ease-in !important; 
  transition: filter 1s ease-in !important;*/
}

a.navbar-brand:focus,
a.navbar-brand:active{
    outline: 2px dashed #000 !important;  
}

.navbar-nav ul.dropdown-menu{
  display:block;
  visibility:hidden;
}

.navbar-nav a:hover + ul.dropdown-menu,
.navbar-nav a:focus + ul.dropdown-menu,
.navbar-nav ul.dropdown-menu:hover,
.navbar-nav ul.dropdown-menu:focus{
  visibility:visible;
  -webkit-transition: visibility 0s ease-out delay 1s !important;
  -moz-transition: 1s !important; 
  -o-transition: 1s !important;
  transition: 1s !important;
}

.simcal-nav *:hover,
.simcal-nav *:focus,
.simcal-nav *:active{
    background-color: #FFF;
    color: rgba(0,0,0,.9);
}

/* Added to meet accessibility Color Contrast Ratio requirement */
.main-container.buddhaGold2 a.join.selectedOption {
  color: #212c64;
}

.main-container.buddhaGold2 h1.selectedOption, 
.main-container.buddhaGold2 h2.selectedOption, 
.main-container.buddhaGold2 h3.selectedOption, 
.main-container.buddhaGold2 h4.selectedOption, 
.main-container.buddhaGold2 h5.selectedOption, 
.main-container.buddhaGold2 p.selectedOption, 
.main-container.buddhaGold2 span.selectedOption{
  color:#86754E;
}

.footer-info ul li a {
  color: #005670;
}

/* Added to meet accessibility abbreviation requirements */
.nav abbr{
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important;
}

/* Added to increase accessibility to tab activation of elements visibly */
.search-submit:focus{
  outline-color:black !important;
  background-color:red;
}

.modal-header .close:focus span{

}

.tcon:focus, .tcon:hover{
  border: black 4px dotted !important;
}

/* Added to make links distinguishable from normal text without color information */
a, a:visited{
  font-weight: bold;
}

#menu-footer-menu {
	min-width: 100% !important;
	max-width: 100% !important;
}

.footer-info {
	padding-top: 35px !important;
}

.navbar-collapse.in{
 overflow-y: initial !important;
}

@media only screen and (max-width: 992px) {
header .navbar-collapse .button-holder a{
 display: block;
 width: 100%;
}
.slideshow .cycle-img-container{
background-size: contain !important;
background-position: center;
    background-color: #212c64;
}
.footer-info ul{
 display: initial !important;
}
.footer-info li{
 width: 100%;
}
}
.slideshow .cycle-prev, .slideshow .cycle-next{
 border: none;
}
header .micronav{
height: auto !important;
}

.dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #333;
  white-space: nowrap;
}

.navbar-header .academy-logo{
 padding: 0 !important;
} 
.navbar-header .academy-logo img {
  height: 100%;
  width: auto;
}
.navbar-header .greathearts-logo{
 background: none !important;
}

.events-bar h1{
 color: #fff;
 text-align: center;
 font-size: 1.6875em;
 margin: 0 0 30px;
}
.events .event h2{
    margin: 0;
    text-align: center;
    font-size: 1.75em;
    font-family: "Neuton",serif;
    font-weight: 400;
}
.events .event h2 a {
    color: #fff;
}
.listings .people .person h3 {
    text-align: center;
    font-size: 1.375em;
    font-family: "Neuton",serif;
    margin: 0 0 5px;
}
.listings .people .person h4.title {
    font-weight: 700;
    color: #333;
    margin-bottom: 0;
}
.person h3 a:focus{
    border-radius: 3px;
    outline: 0;
    background-color: #212c64 !important;
    color: #fff !important;
    text-decoration: underline !important;
}

.listings-content h3.title {
    font-weight: 700;
    color: #333;
    font-size: 1.0625em;
}

header .search-toggle{
z-index: 9999 !important;
}