/*================ Typography JUMPSTART ================*/

body {
  font-family: 'CooperHewitt-Book',sans-serif !important ;
  font-size: 18px !important;
}

h1{
  	font-family: 'CooperHewitt-Heavy',sans-serif !important ;
}

h2,
h3,
h4,
h5,
h6 {
  	font-weight: 800;
}

h2 > a{
  font-weight: 800;
}

p {
  font-weight: 400;
}

button, .button btn, a.gf_button{
	font-family: 'CooperHewitt-SemiBold',sans-serif !important ;
}

a {
	font-family: 'CooperHewitt',sans-serif !important ;
}

[data-label="Text Block"] a font:hover{
  color:#A30100 !important;
}

[data-label="Text Block"] a font:active{
	color:#790433 !important;
}

b {
	font-family: 'CooperHewitt-Bold',sans-serif !important ;
}

.site-nav a{
  font-family: 'CooperHewitt-Bold',sans-serif !important ;
  font-size: 18px;
}

ul.site-nav .site-nav__link--main{
	font-family: 'CooperHewitt-Bold',sans-serif !important ;
  	font-size: 18px;
}

ul.site-nav-alt .site-nav__link--main{
	font-family: 'CooperHewitt-Bold',sans-serif !important ;
  	font-size: 14px;
}

li.site-nav__childlist-item a{
	font-family: 'CooperHewitt-Bold',sans-serif !important ;
  	font-size: 12px;
}

a.site-nav__link{
	font-family: 'CooperHewitt-Book',sans-serif !important ;
  	font-size: 14px;
}

.site-nav .site-nav__childlist-item li a {
	font-family: 'CooperHewitt-Book',sans-serif !important ;
  	font-size: 14px;
}

.site-nav-alt li a{
	font-family: 'CooperHewitt-SemiBold',sans-serif !important ;
  	font-size: 16px;
  	text-decoration: underline;
}

.breadcrumbs {
	font-family: 'CooperHewitt-Book',sans-serif !important ;
  	font-size : 14px;
}

.primary-header-brush > h1,
.primary-header-brush > h2,
.primary-header-brush > h3,
.primary-header-brush > h4,
.primary-header-brush > h5{
	font-family: 'ScratchUp-Regular',sans-serif !important ;
}

.primary-header-brush {
  	font-family: 'ScratchUp-Regular',sans-serif !important ;
  	font-weight: normal;
}

@media only screen and (max-width: 450px){
  .primary-header-brush > h1 {
     font-size:50px !important;
  }
}



.mobile-nav__dropdown .mobile-nav__sublist-header{
  font-family: 'CooperHewitt',sans-serif !important ;
  text-align: center;
  font-weight: normal;
}

/*================ Typography Glyph JUMPSTART ================*/

@font-face {
    font-family: 'Jumpstart Glyph';
    src: url('./Jumpstart-Glyph.eot');
    src: url('./Jumpstart-Glyph.eot?#iefix') format('embedded-opentype'),
         url('./Jumpstart-Glyph.woff') format('woff'),
         url('./Jumpstart-Glyph.ttf') format('truetype'),
         url('./Jumpstart-Glyph.svg#Jumpstart-Glyph') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Jumpstart Glyph';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-A+-papers:before{content:'\0041';}
.icon-basketball:before{content:'\0042';}
.icon-crown:before{content:'\0043';}
.icon-diploma:before{content:'\0044';}
.icon-flower-2:before{content:'\0045';}
.icon-flower:before{content:'\0046';}
.icon-gears:before{content:'\0047';}
.icon-heart-2:before{content:'\0048';}
.icon-flower-2:before{content:'\0049';}
.icon-arrow:before{content:'\004a';}
.icon-lightbulb:before{content:'\004b';}
.icon-ladder-with-star:before{content:'\004c';}
.icon-money:before{content:'\004d';}
.icon-lightning-bolt:before{content:'\004e';}
.icon-music-note:before{content:'\004f';}
.icon-pencil:before{content:'\0050';}
.icon-piggy-bank:before{content:'\0051';}
.icon-rocket-ship:before{content:'\0052';}
.icon-shaking-hands:before{content:'\0053';}
.icon-smiley-face:before{content:'\0054';}
.icon-soccer-ball:before{content:'\0055';}
.icon-speech-bubble-w-heart:before{content:'\0056';}
.icon-star:before{content:'\0057';}
.icon-thumbs-up:before{content:'\0058';}
.icon-trophy:before{content:'\0059';}

/*================ ICONS ARROWS ================*/

i {
  //border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}



/*================ BREADCRUMBS ================*/

.breadcrumbs {
  font-size: .85em;
  margin: 10px 0 10px 0px;
  
}

.breadcrumbs ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.breadcrumbs li {
  display: inline-block;
  text-transform : lowercase;
}

.breadcrumbs a {
  text-decoration: underline;
  color: #CB0000;
}

.breadcrumbs li:not(:last-child):after {
  content: "/\00a0";
  display: inline-block;
  padding-left: .75ch;
  speak: none;
}

.breadcrumbs li:last-child a {
  text-decoration: none;
  color: #000000;
}

.breadcrumbs [aria-current="page"] {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
}

.breadcrumbs [aria-current="page"]:hover,
.breadcrumbs [aria-current="page"]:focus {
  text-decoration: underline;
}

div[data-name="Breadcrumbs"] {
	min-height:20px !important;
} 


/*================ DEFAULT ================*/

.website-width{
	max-width:1600px;
  	margin:auto;
}

/*================ HEADER ================*/

@media only screen and (min-width: 768px){
  .site-header {
    border-top: 5px solid #CB0000;
    padding: 0 10px;
    position:fixed;
    z-index:999;
    width:100%;
  }
  
  .site-header, .site-header__icons {
	border-left: 0.050em solid #8082844a;
  }
}


@media only screen and (max-width: 749px){
	.site-header__icons{
		padding-left:30px !important;
	}
  	.site-header__mobile-nav {
      	overflow: hidden;
      	position: fixed;
      	border-top: 5px solid #CB0000;
      	border-bottom : 0.050em solid #8082844a;
    }
  
  	.mobile-nav-wrapper{
		height:100% !important;
  		position: fixed;
  		z-index: 1;
      	padding-top : 80px;
  		left: 0;
      	overflow: hidden;
	}
  
  	.site-header__logo-image{
      	padding-left:0px !important;
      	margin: auto;
      	margin-top: 5px;
  	}
  
  	.btn--button {
  		padding: 15px 40px !important;
      	padding-top:18px !important;
      	line-height: 15px !important;
    } 
  
  	.mobile-nav__icon {
  		padding-right: 35px;
  	}
  
  	.page-container {
  		//padding-top : 80px;
  	}
  
  	.site-header__logo img {
  		display: block;
  		margin-left: 10px;
  	}
 
  	button.btn--link.site-header__icon {
  		padding-top : 7px;
    }
  
  .site-header__donate {
  		margin-right: 10px;
  }
  
}


@media only screen and (min-width: 600px) and (max-width: 1280px){
  .btn--button {
     padding: 10px 25px !important;
  }
  
  .site-header__logo-image{
  	padding : 0px !important;
  }
  .site-nav{
  	text-align : left;
  	margin: 20px 0px !important;
	}
  .site-header__icons {
	margin-left:10px;
  }
}

.site-header, .logo-align--left {
  border-right : 0.050em  solid #8082844a;
}

.site-header__donate{
	margin:auto;
}

.site-nav{
  text-align : left;
  margin: 20px 20px;
}

.site-nav__dropdown {
	top: 53px;
  	width: auto;
}

.site-nav__childlist {
	padding: 0px;
}

.site-nav .site-nav__childlist-item{
	margin-bottom: 0px;
}

.site-nav .site-nav__childlist-item li{
	margin-left:15px;
}  	


.site-nav-alt {
  text-align : right;
}

.site-nav__link--active .site-nav__label{
	border: none;
}


.btn--button{
  background-color: #CB0000;
  border: none;
  color: white;
  padding: 15px 45px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  line-height:20px;
  vertical-align: middle;
  font-family: 'CooperHewitt-SemiBold',sans-serif !important;
}

.btn--button:hover{
	background-color: #A30100;
  	color: white !important;
}

.site-nav__childlist-grid{
	display: block;
  	margin-bottom: 0px;
}

.site-nav__childlist-item li:hover{
	background-color: #F7F7F7;
}

.site-nav__childlist-item a:hover{
	color: #000;
}

span.site-nav__label{
	border: none;
}

.site-nav-alt li a:hover{
	color: #8E8E8E;
}



/*================ MENU MOBILE  ================*/

.mobile-nav__sublist-link:not(.mobile-nav__sublist-header){
	padding-left: 30px; 
}

.btn--link-label{
	width:90%;
  	display: block;
    padding: 15px 30px;
    font-size: 16px;
}

.mobile-nav__item{
	display: inline-flex;
}

.mobile-nav__link{
  width:10%;
  padding: 0px 20px;
  border-left: 1px solid #e8e9eb;
}

.mobile-nav__link > span.mobile-nav__label{
	padding-left: 10px;
    height: 53px;
    padding-top: 15px;
    display: block;
}

/*================ CONTENT ================*/


.main-content{
	padding-top: 80px;
}

/*================ FOOTER ================*/

@media only screen and (min-width: 768px){
  .page-container {
      min-height: 70vh !important;
  }  
}

.site-footer{
      height:auto;
      margin-top:0px;
	}


.site-footer .page-width{
	//max-width: 820px;
}

.site-footer__item {
	margin-bottom: 10px;
}

@media only screen and (max-width: 749px){
  .site-footer__linklist-item {
      padding: 5px 0;
  }
}

@media only screen and (min-width: 749px){
  .site-footer__item--right{
      justify-content:flex-end;
  }
}

.site-footer__hr {
  	margin: 20px auto;
   	border-bottom: 1px solid #808284 !important;
}

.site-footer a:hover {
	color : #A30100 !important;
}

.small--text-center {
	text-align: center;
}

/*================ MAP VIEWER ================*/

.mapViewer{
  display: inline-block;
  width: 100%;
}
.map {
  position: relative;
  width: 74%;
  margin-left:5px;
  height: 600px;
  display: inline-block;
}

.map .gm-style-cc, .gm-style-cc+div {
	visibility:visible;
}

.map .gmapsInfo{
  margin-left:220px; 
  margin-bottom:20px;
}

.searchBoxContainer {
  line-height: 1.6em;
    margin: 10px 0;
}

.searchBoxContainer label {
  display: inline-block;
  margin-right : 10px;
}

.searchBoxContainer input[type="text"] {
  width: 350px;
  box-sizing: border-box;
}

.searchBoxContainer .align-right{
  text-align: right;
}

.searchBoxContainer button {
  background-color: #CD0000;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

#info_div{
  vertical-align: top;
  width: 25%;
  display: inline-block;
  height: 600px;
  overflow-y: auto;
  float: left;
}

#info_div li{
  border-top: 1px dotted #DDDDDD;
  clear: both;
  font-size: 12px;
  line-height: 16px;
  padding: 15px 5px;
  min-height: 30px;
  list-style: none;
}

#info_div li:hover{
	background-color: #F7F7F7;
}

#info_div .list .listImg{
  display: inline-block;
  width: 20%;
  text-align: center;
  vertical-align : middle;
}

#info_div .list .listInfo{
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  width: 70%;
  vertical-align : middle;
}

#info_div .list i{
  vertical-align : middle;
}

@media  (min-width: 510px) and (max-width: 768px){
  .map {
    height:450px !important;
   	width: 100%;
    margin-left: 0px;
  }
}

@media (max-width: 768px){
  .map {
    height:250px;
   	width: 100%;
    margin-left: 0px;
  }
  
  .map .gmapsInfo{
    margin-left:0px; 
  	margin-bottom:20px;
}
  .map .gmapsImg{
  	display:none;
  }

  
  .searchBoxContainer {
    padding:0 10px;
  }
  
  #info_div{
  	vertical-align: top;
  	width: 100%;
  	display: block;
	}
  
  .searchBoxContainer input[type="text"] {
  	width: 100%;
	}

  
  .searchBoxContainer >.grid__item{
  	display: inline-grid;
  }
  
  .searchBoxContainer .align-right{
  	text-align: left;
  }
  
  .searchBoxContainer .searchBtn {
  	margin-top: 10px;
  }
}

/*================ FAQ ================*/

span.acc-icon:after, span.acc-icon:before{
	width: 25px !important;
    height: 1px !important;
    background: #CB0000 !important;
}

/*================ VIDEO PLAYER ================*/

.wrapperVideo {
	display: flex;
    justify-content: center;
    align-items: center;
}
.wrapperVideo > .video {
    position: relative;
    width: 100%;
    height:100%;
    z-index: 0;
}
.wrapperVideo > .playVideo {
    background-image: url(/cdn/shop/files/play.png?7625850943027397271);
    background-repeat: no-repeat;
    position: absolute;
    width: 128px;
    height: 128px;
}


/*================ ANNUAL REPORT ================*/

.logo_ar{
    padding-left:15px;
    float: left;
}

.logo_ar > a > img {
	height: 45px;
}

[data-name="sticky-navigation"] {
  position: fixed !important;
  top: 0;
  width: 100%;
  background-color:white;
  z-index:999 !important;
  border-bottom: 1px solid lightgrey;
  height:65px;
}

.report_navigation{
  display: inline-flex; /*or inline-flex*/
  font-size:14px;
  padding-right:10px;
  
}

.report_navigation li{
	padding:15px 10px;
  	font-weight: bold;
}

.report_navigation li a:hover{
	color:#CB0000;
}

/* [ON BIG SCREEN] */
/* Wrapper */
#topBarReport {
  width: 100%;
  /* If you want the navigation bar to stick on top
  position: sticky;
  top: 0;
  */
}

/* Hide Hamburger */
.topBarReport > label {
  display: none;
}
.topBarReport > #hamburger {
  display: none;
}

/* Menu Items */
#topBarReport ul {
  list-style-type: none;
  margin: 0;
  padding: 0; 
}
#topBarReport ul li a {
  text-decoration: none;
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 768px){
  /* Show Hamburger */
  .topBarReport > label {
    display: inline-block;
    font-style: normal;
    font-size: 1.6em;
    padding: 0px 10px;
  }
  
  .topBarReport > input#hamburger {
    display:none;
  }

  /* Break down menu items into vertical */
  #topBarReport ul li {
    display: block;
  }
  #topBarReport ul li {
    border-top: 1px solid lightgrey;
    text-align:left;
  }

  /* Toggle show/hide menu on checkbox click */
  #topBarReport ul {
    display: none;
  }
  #topBarReport input:checked ~ ul {
    display: block;
    background-color:white;
  }
}