@import url('/css/MyFontsWebfontsKit.css');

/* GLOBALS */

.kipp-dropdown,
.kipp-dropdown:after,
.kipp-dropdown:before,
.kipp-dropdown-nav,
.kipp-dropdown-nav:after,
.kipp-dropdown-nav:before,
.wrapper-blue,
.wrapper-blue:after,
.wrapper-blue:before,
.wrapper-dropdown,
.wrapper-dropdown:after,
.wrapper-dropdown:before,
.wrapper-dropdown-homepage,
.wrapper-dropdown-homepage:after,
.wrapper-dropdown-homepage:before,
.wrapper-dropdown-footer,
.wrapper-dropdown-footer:after,
.wrapper-dropdown-footer:before,
.wrapper-dropdown-leftnav,
.wrapper-dropdown-leftnav:after,
.wrapper-dropdown-leftnav:before,
.dropdown,
.dropdown:after,
.dropdown:before,
.dropdownLN,
.dropdownLN:after,
.dropdownLN:before,
.dropdown-homepage,
.dropdown-homepage:after,
.dropdown-homepage:before,
.dropdown-footer,
.dropdown-footer:after,
.dropdown-footer:before,
.dropdown-leftnav,
.dropdown-leftnav:after,
.dropdown-leftnav:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.kipp-dropdown ::selection {
    background: transparent; 
}

.kipp-dropdown ::-moz-selection {
    background: transparent; 
}

.wrapper-blue {
    margin: 0;
    *zoom: 1;
    font-weight: normal;
}

.wrapper-blue:after {
    clear: both;
    content: "";
    display: table;
}

/* KIPP - Find a KIPP school  */

.wrapper-dropdown {
    /* Size and position */
    position: absolute; /* Enable absolute positionning for children and pseudo elements */
    width: 254px;   /* home 211px   Inside 254px */
    height: 32px;
	padding: 0;
    margin: 0;

    /* Styles */
	font-family:"FullerSansDT",Calibri, Helvetica, sans-serif; 
	font-style:italic;
	font-size:14px !important;
    color: #fff;
    outline: none;
    cursor: pointer;

    /* Font settings */
    font-weight: normal;
}

/* HOME PAGE FOOTER */
.wrapper-dropdown-homepage {
    width: 211px;
    height: 32px;
	padding: 4px 8px 0 8px;	
    border: 1px solid #fff;
    background: #60A2D7 url('/images/footer/arrow_down_white.png') 187px 11px no-repeat;
}
.wrapper-dropdown-homepage.active {
    background: #60A2D7 url('/images/footer/arrow_down_white.png') 184px 11px no-repeat; 

}
.wrapper-dropdown-homepage .dropdown-homepage li a {
    width: 177px; /*home 177px   Inside 220px */
	display: block;
    text-decoration: none;
    color: #666;
    padding: 0px 0px 0px 8px;
	font-size:14px !important;
}


/* INSIDE PAGES FOOTER */
.wrapper-dropdown-footer {
    width: 254px;
    height: 32px;
	padding: 4px 8px 0 8px;	
    border: 1px solid #fff;
    background: #60A2D7 url('/images/footer/arrow_down_white.png') 227px 11px no-repeat;
}
.wrapper-dropdown-footer.active {
    background: #60A2D7 url('/images/footer/arrow_down_white.png') 227px 11px no-repeat; 
}
.wrapper-dropdown-footer .dropdown-footer li a {
    width: 220px; /*home 177px   Inside 220px */
	display: block;
    text-decoration: none;
	padding: 4px 8px 0 8px;	
    color: #666;
}


/* INSIDE PAGES LEFT NAV */
.wrapper-dropdown-leftnav {
    width: 185px;
    height: 34px;
	padding: 6px 0 0 8px;
	margin: 0;
    border: none;
    background: #60A2D7 url('/images/footer/arrow_down_white.png') 161px 12px no-repeat;
}

.wrapper-dropdown-leftnav.active {
    background: #60A2D7 url('/images/footer/arrow_down_white.png') 161px 12px no-repeat;
}

.wrapper-dropdown-leftnav .dropdown-leftnav li a {
    width: 158px;
	display: block;
    text-decoration: none;
    color: #666;
    padding: 0 0 0 8px !important;
	margin: 0px !important;
	font-size:14px !important;
}


.wrapper-dropdown .dropdown, .wrapper-dropdown .dropdownLN {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
	margin-left: -1px;
	
    /* Styles */
    background: #fff;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
	max-height:224px;
	overflow:scroll;
}

/* Hover state */
.wrapper-dropdown .dropdown li:hover a, .wrapper-dropdown .dropdownLN li:hover a {
    background: #a5cef0;
}

/* Active state */
.wrapper-dropdown.active .dropdown, .wrapper-dropdown.active .dropdownLN {
    opacity: 1;
    pointer-events: auto;
}


/* No CSS3 support */

.no-opacity       .wrapper-dropdown .dropdown,
.no-pointerevents .wrapper-dropdown .dropdown,
.no-opacity       .wrapper-dropdown .dropdownLN,
.no-pointerevents .wrapper-dropdown .dropdownLN {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown.active .dropdown,
.no-pointerevents .wrapper-dropdown.active .dropdown,
.no-opacity       .wrapper-dropdown.active .dropdown,
.no-pointerevents .wrapper-dropdown.active .dropdown {
    display: block;
}