/*
==========================================================================================
fonts.css
==========================================================================================
*/
/* Proxima Nova */
@font-face {
	font-family: 'proxima-nova';
	src: url('../fonts/proxima-nova/ProximaNova-RegularWeb.eot?kl8lam');
	src: url('../fonts/proxima-nova/ProximaNova-RegularWeb.eot?kl8lam#iefix') format('embedded-opentype'),
		 url('../fonts/proxima-nova/ProximaNova-RegularWeb.woff?kl8lam') format('woff');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'proxima-nova-italic';
	src: url('../fonts/proxima-nova/ProximaNova-RegularItWeb.eot?kl8lam');
	src: url('../fonts/proxima-nova/ProximaNova-RegularItWeb.eot?kl8lam#iefix') format('embedded-opentype'),
		 url('../fonts/proxima-nova/ProximaNova-RegularItWeb.woff?kl8lam') format('woff');
	font-weight: normal;
	font-style: italic;
	}

/*  BOLD * BOLD ITALIC */
@font-face {
	font-family: 'proxima-nova-bold';
	src: url('../fonts/proxima-nova/ProximaNova-BoldWeb.eot?kl8lam');
	src: url('../fonts/proxima-nova/ProximaNova-BoldWeb.eot?kl8lam#iefix') format('embedded-opentype'),
		 url('../fonts/proxima-nova/ProximaNova-BoldWeb.woff?kl8lam') format('woff');
	font-weight: 700;
	font-style: normal;
	}
@font-face {
	font-family: 'proxima-nova-bold-italic';
	src: url('../fonts/proxima-nova/ProximaNova-BoldItWeb.eot?kl8lam');
	src: url('../fonts/proxima-nova/ProximaNova-BoldItWeb.eot?kl8lam#iefix') format('embedded-opentype'),
		 url('../fonts/proxima-nova/ProximaNova-BoldItWeb.woff?kl8lam') format('woff');
	font-weight: 700;
	font-style: italic;
	}

/*
==========================================================================================
BASE STYLES
==========================================================================================
*/
/*
Override 'baselayout' defaults'
*/
* {
	font-family: "proxima-nova";
	/* color: #000000; */
	}

body {font-size: 16px; background: #009984; color:#393F3F}
a {color: #fedd00}
a {text-decoration: underline}
a.btn {text-decoration: none}

h1, h2, h3, h4, h5, h6, p a, .page-content a, .item-list a, .main-container a { /* 'p a' is defined in baselayout.css */
	font-family: "proxima-nova-bold";
	font-weight: 700;
	}

h1, h2, h3, h4, h5, h6 {
	color: #000000
}

h1 {
	font-size: 56px
}

h2.visit {
	color: #FFFFFF;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
  }


#navbar .container, #navbar .container-fluid {padding-top: 10px}

.navbar a, .navbar a:hover {border: 0;}

.navbar-default {
	background-color: #B1DBF4;
    border-bottom: 0;
}

.name.navbar-brand {
	font-family: "proxima-nova-bold";
	font-weight: 700;
    color: #24004d;
    font-size: 20px;
	padding: 17px 15px;
}

nav .nav > li {
    display: inline-block;
}

nav .nav > li a {
    color: #24004d;
	padding: 15px 15px;
	font-size: 16px;
	font-weight: bold;
	transition: color 0.3s linear;
}

nav .nav > li a:hover {
    color: #f05857;
}

.nav > li >a:focus, .nav > li > a:hover {
    background-color: transparent;
}



.navbar-collapse.collapsing #block-system-main-menu.pull-right,
.navbar-collapse.collapse.in #block-system-main-menu.pull-right {float:none !important}

.navbar-collapse.collapsing ul.nav li a,
.navbar-collapse.collapse.in ul.nav li {
	display: block;
	text-align: center !important;
}

.view-sitewide-alert {
	margin: 0 -15px;
}

.view-sitewide-alert * {
  color: #fff !important;
}

.page-header {border:0; text-align: center; margin-top: 30px;}
.region-content ul:not(.dropdown-menu) li {margin-bottom: 10px}

.dropdown-menu a, .dropdown-menu a:hover {border:0}

.btn {background-color: #DA3848; color: #FFF; /* border:3px solid #2D348C; */ font-size:18px; font-weight: bold; border-radius: 0px; text-transform: uppercase; transition: .5s;}
.btn:hover {background-color: #b72e3c; color: #FFF !important; }

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #24004d;
	font-weight: bold;
    background-color: #ffefac;
    border: 2px solid #2c0950
}

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 20px;
}

.btn.mid {margin-left: 20px; margin-right: 20px;}

.btn-round {
    border-radius: 20px;
}

.front .navbar {margin-bottom: 0}

.front #block-system-main {
	margin-right: -15px;
    margin-left: -15px;
}


.container-fluid.head {
	background: #C4E9FB;
	padding-top: 50px;
}

.front .jumbotron {
	/* background: #A3DAD8 url(../image/2024/art_website.svg) no-repeat bottom;
	background: rgb(163,218,216); */
    background: url(../image/2026/banner.png), linear-gradient(180deg, rgba(196, 233, 251, 1) 78%, rgba(0, 153, 132, 1) 100%);
    background-position: bottom;
    background-repeat: no-repeat;
    /* background-size: cover; */
    min-height: 44vw;
    margin-bottom: 0;
    padding-bottom: 0;
	border-top-color: #fedd00; /*border to help cover up th eline between divs */
	border-bottom-color: #006600;
	border-radius: 0px !important;
}

.front h1 {
	background: url(../image/2026/title.png) no-repeat center;
	background-size: contain;
	text-indent: -9999px;
	height: 225px;
	margin: 50px 15px 0;
}

.front .jumbotron h1 span {
	font-size: 32px;
	display: block;
}

.front .jumbotron p {
    margin-bottom: 0;
	font-size: 20px;
	line-height: 26px;
    max-width: 940px;
    margin: 0 auto;
}

.front .jumbotron p:nth-of-type(2) {
    max-width: 688px;
    display: inline-block;
}



.front .jumbotron .btn {
	margin-top: 20px;
	min-width: 270px;
}

.front .slick-slider {
    padding: 0 50px;
}

.front .glyphicon {
    position: absolute;
	height: auto;
}


.front .glyphicon.slick-next {
    right: 8px
}

.front .orgbox {padding: 0 20px}

.front .jumbotron .dropdown-menu {
  left: 50%;
  right: auto;
  text-align: left;
  transform: translate(-50%, 0);
  width: 100%;
}







.visit-block, .sponsor-block-box {text-align: center}

#edit-field-faqs {display:none}
.page-node-32 #edit-field-faqs {display:block}




.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.footer {border: 0;}
footer {
    font-size: 14px;
    font-weight: bold;
	background: #f0fffa;
	margin-top: 105px;
}

footer h4 {
	color: #24004d;
	font-size: 16px;
}

footer .nav > li > a, .goog-te-menu-value {
    border-bottom: 1px solid #ffde59; display: inline-block; padding: 0; color: #24004d;
}

.goog-te-menu-value {margin-right: 0;}

footer .nav > li > a:hover, .goog-te-menu-value:hover {border-bottom: 1px solid #f05857; text-decoration: none}

.goog-te-menu-value img,
.goog-te-gadget-icon {
    display: none;
}

.form-item-captcha-response input {max-width: 280px;}
.form-group.form-item-captcha-response {margin-bottom:20px}


.popit {display:none; background:#F0FFFA; padding:3rem;}
.popit .img-responsive {max-width:300px}
.popit h3 {color: #24004d; margin-bottom:2rem}
button.close {font-size: 28px;}

.media-left, .media .pull-left {
    padding-right: 3rem;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

#google_translate_element a span {padding-left: 10px;}
#google_translate_element a span {font-family: "proxima-nova-bold"; color: #2D308F;}

.goog-te-gadget-simple  {
  background-color: transparent!important;
  border: 0 !important;
  padding: 0!important;
  border-radius: 4px!important;
  display: inline-block;
  cursor: pointer;
  zoom: 1;
  font-size: 14px!important;
}
.goog-te-menu2 {
  max-width: 100%;
}

a.goog-te-menu-value {
	color: #24004d !important;
	text-decoration: none !important;
	margin-left:0 !important;
	vertical-align: unset;
}
.goog-te-menu-value span:nth-of-type(2n) {display:none}

#block-system-main-menu .goog-te-menu-value span {
    display: none;
}

#block-system-main-menu .goog-te-menu-value:after {
    content: "Translate \25bc";
}

/* hide default login form */
.page-user .tabs--primary.nav-tabs,
#user-login {display:none}


/* Sticky footer styles
--------------------------------------------------
html {
  position: relative;
  height: 100%;
}

body {
height: 100%;
display: flex;
flex-direction: column;
}

.footer {
flex-shrink: 0;
}
*/

    .slick-prev:before {
        content: "\e079";
        font-family: 'Glyphicons Halflings';
        font-size: 5rem;
		color: #999;
      }

    .slick-next:before {
        /* content: "\e079"; */
        font-family: 'Glyphicons Halflings';
        font-size:  5rem;
		color: #999;
      }


.chosen-container {
	font-size: 16px !important;
}

.media {
	margin: 0 0 40px;
}


.visit {margin-top: 20px;}
.visit img {max-width: 140px;}
.visit img:last-of-type {
	margin-right: 0;
  }
.visit p {margin-top: 20px; font-family: 'proxima-nova-bold';}

.visit img.nypl {margin-right: 40px; margin-left: 40px;}

.sr-sponsor-block {background: #fff; text-align: left; padding: 40px; margin-top: 40px;}
.sr-sponsor-block p {margin: 20px 0 30px}
.sr-sponsor-block p.intro {font-size: 18px;}
.sr-sponsor-block img {margin-right: 50px}

.sr-sponsor-block h3 {margin-top: 10px;}
.nypl-s-block {width: 500px;}

.sponsors{max-width: 550px;}


.gtranslate_wrapper {
	user-select:none;
	padding-left: 10px;
  }
  .gtranslate_wrapper select {
	max-width:96px;
	border:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	text-indent:0;
	text-overflow:'';
	background:0 0;
	background:url(../image/angle-down-regular.svg) no-repeat;
	background-size:40% 70%;
	background-position:top 2px right;
	font-family: 'proxima-nova-bold';
  }
  .gtranslate_wrapper select:focus-visible {
	outline:none
  }
  .gtranslate_wrapper select option {
	background:#fff;
	font-family:proxima-nova!important
  }
  @supports(-moz-appearance:none) {
	.gtranslate_wrapper select {
	  max-width:100px
	}
  }

  a:focus, a:hover {
    color: #fedd00 !important;
    text-decoration: underline;
}

/* to help cover up the lines between divs */
section#block-block-3 {
	/* border-top-style: solid;
	border-top-color: #006600; */
    margin-top: 80px;
}


@media only screen and (max-width: 718px) {

	.sr-sponsor-block img {margin-bottom:25px}
	.visit img {margin: 20px 0}
	.nypl-s-block {width: 100%;}
	img.sponsors {width: 100%;}

}

@media (min-width: 1300px){

	.container {
		width: 1280px;
	}
}


@media (max-width: 1500px){

	.front .jumbotron {
		background-size: contain;
		min-height: 1420px;
	}

}



/* Small Devices, Tablets */
@media only screen and (max-width : 1180px) {

	.front .jumbotron {
		background-size: contain;
		min-height: 1220px;
	}



}

@media only screen and (min-width : 1180px) {

	.visit-block {margin-top: -150px}


}

@media only screen and (max-width:768px) {

	.front .jumbotron {
		background-size: contain;
		min-height: 1040px;
	}

	.map {
		display: none
	}
	h1, h1.page-header {font-size:40px}
	.btn {white-space: normal}
	.btn.mid {margin-left: 0; margin-right: 0;}

	.view-id-organizations.view-display-id-page .row {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
	#navbar ul.nav li {display:block; text-align: right}

	.page-node-104 .glyphicon-upload {display: none;}

}

@media only screen and (max-width:480px) {


	.front h1 {
		height: 30vw;
	}

	.media-left {padding-bottom: 10px; display:none}
	.media-body {display:block; width:auto}

	footer .logos img { width: 80px; margin-right:20px;}
	.logos img:nth-of-type(3) { width: 132px;}

	p {margin: 10px 0 14px;}

	footer .nav > li {
    display: inline-block;
	margin-right: 16px;
	}
}

/* collapse the menu earlier at 991 not 768 */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}