@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;700&display=swap');

body.logged-in .slide-fade, body.logged-in .slide-content{
	top: 32px;
}

::selection {
	background: #0f2c4a;
}

p, a, li {
	font-family: 'Open Sans', sans-serif;
}
header {
	padding-top: 20px;
	padding-bottom: 20px;
}

.apply-now-button a {
	background: #2194d2 !important;
    text-align: center;
    color: #fff !important;
}

.apply-now-button a:hover {
	background: #23a8e0 !important;
}

#new-nav {
	    padding-left: 0px;
    margin-left: 0px;
	margin-bottom: 0px;
height: 78%;
}

#new-nav li {
	list-style: none;
	 font-family: 'Playfair Display', serif;
}

#new-nav li a {
    padding: 10px 20px;
    font-size: 22px;
    display: block;
    float: left;
    width: 100%;
	background: none;
	color: #000;
	position: relative;
	    font-family: 'Playfair Display', serif;
}
#new-nav li a:hover {
	color: #2194d2;
}

#new-nav .menu-arrow {
	display: none;
}

#new-nav .has-dropdown {
	float: left;
	width: 100%;
}

#new-nav .has-dropdown::after {
    content: '+' !important;
    top: 7px;
    width: 15%;
    text-align: right;
}
#new-nav .has-dropdown.is-active::after {
    content: "\2013" !important;
}

#new-nav .nav-dropdown .menu-item:hover {
	background: transparent;
}


#new-nav li a:hover {
	
}

#new-nav .nav-dropdown a {
	padding-left: 40px;
}

#new-nav .nav-dropdown {
    position: relative;
    background: transparent !important;
    width: 100%;
   top: 0px;
	z-index: 9998;
}
#new-nav .nav-dropdown .nav-dropdown {
    left: 0px;
    padding-left: 40px;
}
.group:after { 
  content: "";
  display: table; 
  clear: both; 
  }

.slide-content {
  position: fixed;
  top: 0px;
  left: auto;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 440px;
   -webkit-transform: translateX(440px);
   -moz-transform: translateX(440px);
   -ms-transform: translateX(440px);
   -o-transform: translateX(440px);
  transform: translateX(440px);

   -webkit-transition: all 0.25s linear;
   -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
  z-index: 999999;
  overflow-y: auto;
   -webkit-overflow-scrolling: touch;
  }

.slide-content.is-visible {
   -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
   -ms-transform: translateX(0);
   -o-transform: translateX(0);
  transform: translateX(0);
  }

#wrapper {
   -webkit-transition: all 0.25s linear;
   -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
  }

.is-obscured {
   -webkit-transform: translateX(-440px);
   -moz-transform: translateX(-440px);
   -ms-transform: translateX(-440px);
   -o-transform: translateX(-440px);
  transform: translateX(-440px);	
  }

.slide-fade {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
   -webkit-transition: all 0.15s ease-out 0s;
   -moz-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  opacity: 0;
  background: rgba(0,0,0,0.7);
  visibility: hidden;
  z-index: 999998;
  }

.slide-fade.is-visible {
  opacity: 1;
  visibility: visible;
  }

nav {
  background-color: #fff;
  }
.nav {
	margin-left: 0px;
}

nav a {
  display: block;
  padding: 25px 15px;
  color: #999;
  text-decoration: none;
  }

nav a:hover {
  background-color: #111;
  }

.menu {
    float: right;
 font-family: 'Playfair Display', serif;
    font-size: 24px;
    position: relative;
    top: 10px;
}

/* Hero */
.split-hero {
	width: 100%;
	float: left;
}

.hero-split {
    width: 50%;
    float: left;
    background-size: cover !important;
    min-height: 440px;
    text-align: center;
    position: relative;
	background-position: center !important;
}

.split-hero-content {
 margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width: 80%;
	}

.americorps-new {
	    position: absolute;
    top: 20px;
    right: 20px;
}

.split-hero-content h2 {
    font-family: 'Playfair Display', serif;
    color: #fff;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 45px;
}
.split-hero-content p {
    color: #fff;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.button-link {
    background: #fff;
    padding: 15px 25px;
    display: inline-block;
    transition: all 0.2s ease;
    border: 2px solid #fff;
    font-weight: 700;
}
.button-link:hover {
	color: #fff;
	background: #2194d2;
	transition: all 0.2s ease;
}
.split-hero-right .button-link:hover {
	color: #fff;
	background: #eda621;
}


.split-hero .overlay {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    opacity: 1;
}
.split-hero-left .overlay {
	background: rgba(33,148,210,0.6)
}
.split-hero-right .overlay {
	background: rgba(237,166,33,0.6)
}

.split-hero-right .button-link {
	color: #eda621;
}

/* Main Content Area */
.spColImg {
    min-height: 500px;
    background-position: center;
    background-size: cover;
	transition: all 0.5s ease;
}
.spColImg:hover {
	opacity: .6;
	transition: all 0.8s ease;
}
.image-link {
	    width: 100%;
    float: left;
    height: 100%;
    min-height: 500px;
}

.spRow {
	margin-left: 0px;
	margin-right: 0px;
	background: #2194d2;
}
.spRow-alt {
		background: #eda621;
}

.spRow-alt h2 {
	font-family: 'Playfair Display', serif;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 45px;
}

.spRow h1 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 40px;
}

.spRow h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 45px;
}
.spColText {
    position: relative;
    height: 100%;
    display: block;
    min-height: 500px;
	background: #fff;
}

.spText {
	 margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.spText p {
	margin-top: 20px;
	margin-bottom: 20px;
}

.spRow .button-link{
	color: #fff;
	background: #2194d2;
	border-color: #2194d2;
}

.spRow .button-link:hover {
	background: #fff;
	color: #2194d2;
}

.spRow-alt .button-link {
	color: #fff;
	background: #eda621;
	border-color: #eda621
}

.spRow-alt .button-link:hover {
	color: #eda621;
	background: #fff;
}

/** Our Network **/
.network-col {
    width: 20%;
    text-align: center;
}

.network-wrapper {
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
	background: #fff;
}

.network-col h3 {
    font-family: 'Playfair Display', serif;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 1px;
}

.network-wrapper h2 {
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 45px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-weight: 400;
}

/* Our Mission */

.our-mission {
	float: left;
	background: #0f2c4a;
	width: 100%;
	padding: 50px 20px;
}

.our-mission h2 {
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 45px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-weight: 400;
	color: #fff;
}
.our-mission p {
    color: #fff;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.our-vision {
  padding-top: 40px;
}


.mission-col img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 75px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.btn-link-container {
	    text-align: center;
    margin-top: 50px;
}

/* Donate */

.donate-new {
    min-height: 500px;
    background-size: cover;
    float: left;
    width: 100%;
    display: block;
    position: relative;
}
.donate-new .overlay {
    opacity: .8;
    background: #0f2c4a;
}
.donate-new h2 {
	    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 45px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-weight: 400;
    color: #fff;
}

.donate-new ul {
	margin-left: 0px;
}

.donate-new li, .donate-new p {
	color: #fff;
}

.donate-content {
    width: 50%;
    float: left;
    min-height: 500px;
	position: relative;
}

.donate-content-inner {
	 margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width: 80%;
}
.donate-content-inner-btn {
	text-align: center;
}

.donate-content-inner-btn .button-link {
    text-transform: uppercase;
}

.logo-left {
	width: 25%;
	float: left;
}

.menu-right {
	width: 75%;
	float: left;
}

.footer-new {
	border-top: 5px solid  #eda621;
	float: left;
	width: 100%;
}
.footer-col {
	padding-top: 20px;
}
.footer-col h3{
	color: #eda621;
		 font-family: 'Playfair Display', serif;
}

.footer-col ul {
	padding: 0px;
	margin: 0px;
}

.footer-col li {
	list-style: none;
}

.footer-new span.bottom-bar {
    height: 2px;
    margin-bottom: 15px;
}

.sliding-panel-close {
    position: absolute;
    right: 450px;
    top: 6px;
    z-index: 9999;
    font-size: 2em;
    color: #fff;
    padding: 5px;
}
.sliding-panel-close:hover {
	color: #ccc;
	cursor: pointer;
}

.showing {
	display: block;
}

.hiding {
	display: none;
}

.flyout-americorps {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
}

.flyout-americorps img {
  margin-bottom: 2%;
}


body.logged-in #new-nav {
	height: 75%;
}

@media screen and (max-width: 991px){ 
	
	.spColLocationText {
		min-height: 0px !important;
		padding: 50px;
	}
	.home-collage li {
		width: 50% !important;
	}
	
	.announcement .alert {
		margin-top: 35px;
	}
	.sliding-panel-close {
		right: 305px;
	}
	body.no-flow {
		overflow: hidden;
		position: fixed !important;
	}
	.americorps-new {
		max-width: 70px;
}
	#new-nav li a {
		max-width: 230px;
		font-size: 18px;
	}
	.footer-col {
		margin-top: 0px;
	}
	.hero-split, .network-col {
		width: 100%;
	}
	.slide-content {
		width: 300px;
	}
	.logo-left {
	width: 50%;
		padding-left: 50px;
		padding-top: 20px;
}
	.main-menu {
		background: #fff;
		padding-bottom: 20px;
	}
.menu-right {
	width: 50%;
	padding-right: 50px;
		padding-top: 20px;
}
	.spColImg {
		min-height: 300px;
	}
	.image-link {
    min-height: 300px;
}
	.spText {
		position: unset;
		transform: none;
	}
	.spColText {
		padding: 50px;
		min-height: 0px;
	}
	.donate-content {
    width: 100%;
    min-height: 300px;
}
.donate-new {
    min-height: 0px;
}
.donate-content {
    width: 100%;
    min-height: 0px;
}
	
	.donate-content-inner {
    position: unset;
    transform: none;
    width: 100%;
    padding: 20px 50px;
}
	
.donate-content-inner-btn {
    padding-top: 0px;
    padding-bottom: 40px;
}
	

	
}
@media screen and (max-width: 480px) {
	.logo-left {
		padding-top: 30px;
	}
}

@media screen and (max-width: 783px) {
	body.logged-in .slide-fade, body.logged-in .slide-content{
	top: 46px;
}
.home-collage li {
		width: 100% !important;
	}
	.spColLocationMap, .map-embed iframe {
    min-height: 300px !important;
} 
	
}

.home-announcements {
    border: 1px solid black;
    background-color: #fff;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    clear: both;
    top: -50px;
    position: relative;
	padding-bottom: 30px;
}
.home-announcements h2 {
	width: 100%;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	padding-right: 25px;
}
/* Accordion Start */

.accordion .accordion_link {
	position: relative;
	cursor: pointer;
	padding: 20px 40px 20px 25px;
	color: #0f2c4a;
	font-size: 22px;
	background: #fff;
	border: 1px solid black;
}

.open >  .accordion_link {
	border-bottom: none;
}

.accordion > div {
    margin-bottom: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.accordion div .fas {
	position: absolute;
	top: 24px;
	left: 12px;
	font-size: 20px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion div .fas {
	right: 20px;
	left: auto;
}
.accordion div.open .fas {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.accordion div.default .submenu {
	display: block;
}

/**
 * Submenu
 -----------------------------*/
.submenu {
    display: none;
    padding: 20px 20px 20px 20px;
    position: relative;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

.submenu > .blocks-items {
	width: 560px;
	max-width: 100%;
	margin: 0 auto;
	padding: 85px 0 50px 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}
.submenu > .blocks-items > .block-item {
	position: relative;
	border-radius: 50%;
	border: 1px solid #bfa381;
	width: 114px;
	height: 114px;
	text-align: center;
	margin: 0 25px 50px 25px;
}
.submenu > .blocks-items > .block-item > div {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: 'GTPressura';
	font-weight: 400;
	color: #bb9e7a;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 17px;
	letter-spacing: 0.43px;
}

/* Accordion End */

.home-collage ul {
	display: table;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.home-collage li {
    display: block;
    width: 33.3333%;
    height: auto;
    text-decoration: none;
    list-style-type: none;
    float: left;
    border: none;
    position: relative;
	 transition: .5s ease;
  background-color: #000000;
}

.home-collage img {
	width: 100%;
	height: 360px;
	object-fit: cover;
}



.collage-text {
  color: white;
  font-size: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
	opacity: 0;
	 transition: .5s ease;
}


 .home-collage li:hover >  img {
	opacity: .4;
	  transition: .5s ease;
}

.home-collage li:hover > .collage-text {
	opacity: 1;
	 transition: .5s ease;
}

.spColLocationMap {
    position: relative;
    height: 100%;
    display: block;
    min-height: 500px;
	background: #eaeaea;
		padding-left: 0px !important;
	padding-right: 0px !important;
	
}

.spColLocationText {
    position: relative;
    height: 100%;
    display: block;
    min-height: 500px;
	background: #eaeaea;

}

.map-embed iframe {
    width: 100%;
    height: 100%;
    min-height: 494px;
}

.menuwrap {
    position: fixed;
    float: right;
	right: 0;
    top: 50%;
	z-index: 1;
}

/* Fellows - Make a Difference Page Styles */


#commitments-benefits {
	margin-bottom: 30px;
}

#commitments-benefits h3 {
	margin-bottom: 30px;
}

#commitments-benefits .card {
	border-top: 10px solid transparent;
	border-color: #1693cd;
	box-shadow: 0 5px 10px rgb(44 44 44 / 10%), 0 -5px 20px rgb(44 44 44 / 10%);

}

#commitments-benefits .card .card-body {
	padding: 30px;
}

#commitments-benefits .card .card-body .card-title {
	font-weight: bold;
	margin-top: 0;
}

#commitments-benefits .card .card-body .card-title::before {
	content: "—";
    display: block;
    font-weight: 700;
    padding-bottom: 20px;
	color: #1693cd;
}

#benefits-of-serving h3 {
	margin-bottom: 30px; margin-top: 30px; text-align: center;
}

#benefits-of-serving .row {
	border-bottom: 1px solid #eee; margin-top: 10px; margin-bottom: 10px; padding-top: 10px;
}

#benefits-of-serving .row i {
	font-size: 50px;color: #fff;background: #1693cd;padding: 20px;border-radius: 100%;width: 100px;height: 100px;line-height: 60px;
}

#benefits-of-serving .row h4 {
	text-transform: uppercase; font-weight: bold; font-size: 18px; margin-top: 0px;
}
/* END Fellows - Make a Difference Page Styles */

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

.menuwrap { 
top: 20%;
	
}
	.home-announcements {
		top: -10px;
	}	
	
	#commitments-benefits .col-md-4 {
		margin-bottom: 30px;
	}
}

.menuicon {
    line-height: 50px;
	width: 50px;
    height: 50px;
    background-color: #fff;
    border: 1px solid black;
    border-right: none;
}

.menuicon:after { 
	font-family: "Font Awesome 5 Brands";
	font-weight: 600;
	content: "\f39e"; 
	padding: 1em .5em 1em .5em;
	text-align: center;
	font-size: 28px;
	color: #555555;
	margin: 0 0 0 4px;
}

.insta-flyout {
    line-height: 50px;
	width: 50px;
    height: 50px;
    background-color: #fff;
    border: 1px solid black;
    border-right: none;
}

.insta-flyout:after {
	font-family: "Font Awesome 5 Brands";
	font-weight: 600;
	content: "\f16d"; 
	padding: 0px 9px 0px 11px;
	text-align: center;
	font-size: 32px;
	color: #555555;
	margin: 0;
}

.insta-flyout:hover .menunav {
	left: -275px !important;
}


.menunav {
    position: absolute;
    left: 195px;
    margin-top: -17px;
    -webkit-transition: all 0.4s ease-in-out;
	border: 1px solid black;
    border-right: none;
	background-color: #fff;
	height: 100vh;
overflow: scroll;
}
.menunav iframe {
    padding: 5px;
    margin-left: 3px;
    background-color: #fff;
    border: 1px solid black;
    width: 350px;
}
.menuicon:hover .menunav {
    left: -300px;
}

.panel-default>.panel-heading {
    color: #fff;
    background-color: #0f2c4a;
    border-color: #ddd;
    font-family: 'Playfair Display', serif;
    border-radius: 0px;
}
.panel-default {
    border-color: #0f2c4a;
    border-radius: 0px;
}
.panel-group .panel {
	 border-radius: 0px;
}

.reports-row img {
min-height: 300px;
object-fit: cover;
width: 100%;
}

.g-translate-flags .flag {
  margin-top: -2px;
}

.about-americorps-logo {
	width: auto;
    height: 160px;
}

.calameo-wrapper iframe {
	min-height: 600px;
}

.logo img {
	  margin-top: -15px;
    margin-bottom: -25px;
}
.footer .footer-logo {
	padding: 0px;
}
.default-oaks-col {
	min-height: 550px;
}
.americorps-btn:hover {
    color: #fff;
}
@media screen and (max-width: 767px) {
	.calameo-wrapper iframe {
    	min-height: 300px;
}
	.logo img {
	  margin-top: 0px;
    margin-bottom: 0px;
}
	.default-oaks-col {
	min-height: none;
}
}