html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: ''; clear: both; height: 0; }

html { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

*, *:before, *:after {box-sizing: inherit}

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden;}


/* stripping styles */ 
body,
p,
ul,
h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
}

/* Global Styles */
html {
    font-size: 62.5%;
    font-family: 'FortySeven NBP', sans-serif;
                                                
}

body {
    font-size: 2rem;
}

img {
    max-width:100%;
    height: auto;
}

.wrapper {
    max-width: 1140px;
    width: 90%;
    margin: 0 auto;
}



header {
	background-image: linear-gradient(to left bottom, rgba(250, 250, 250, 0.6) 10%, rgba(250,250,250,0.9)), url(./assets/header_background.jpg);
	background-size: cover;
	background-position: -20px;
	background-attachment: fixed;
	color: rgb(255,145,77);
	font-weight: 400;
	height: 100vh;
	
}

/* responsive menu */

button {
	background: none;
	border: none;
	color: rgb(61,162,72);
}

button:hover {
	color: rgb(255,145,77);
}

.hamburger {
	padding-top: 5vh;
	padding-left: 3%;
}
.hamburger,
.exit-responsive {
	display: none;
}

.exit-responsive {
	position: relative;
	top: 30px;
	left: 30px;
}

.show.menu {
	display: block;
}

/* navigation */

.topLine {
	display: flex;
	justify-content: space-between;
}

.home {
	width: 50%;
	padding-left: 3%;
	padding-top: 1%;
}
.logo {
	max-width: 150px;
	text-align: center;
}

/* maybe figure out how to put inverse logo on hover */

.topMenu {
    font-size: 2.3rem;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    list-style: none;
	font-weight: 700;   
	width: 50%; 
	padding-right: 3%;
}

.topMenu li {
	padding-top: 5vh;
}

.topMenu li a {
    text-decoration: none;
	color: rgb(61,162,72);
	
}

.topMenu a:hover {
	border-bottom: solid 2px rgb(255,145,77);

	/* use below if want to create link background  */
    /* background-color:rgb(179,30,139);
	color: white;
	/* border-radius: 10px; */
	/* padding: 5px; */ 
}







h1 {
	font-size: 6rem;
	text-align: center;
	margin-top: 20vh;
	text-transform: uppercase;
	font-weight: 700;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	font-family: 'FortySeven Micro NBP', sans-serif;
}

h2 {
	
	font-size: 2.5rem;
	color: grey;
	text-align: center;
	margin-top: 2vh;
}

h3 {
	
	font-size: 2.5rem;
	
}

h4 {
	
	font-size: 2rem;
}

a {
	color: #232221;
}
header .listLink {
	margin: 6vh 0 4vh 0;
	text-align: center;

}
.listLink a {
	background-color: rgb(61,162,72);
	color: whitesmoke;
	font-size: 3rem;
	text-decoration: none;
	padding: 16px;
	border-radius: 15px;
	text-align: center;
}

header .listLink a:hover {
	background-color: rgb(255,145,77);
}

/* main styles */


.eventSection {
	display: flex;
	background-color: rgb(65,173,73,0.27);
	flex-wrap: wrap;
	font-weight: 700; 
	font-size: 2rem;
	color: grey;
	border: 1px solid #ff668a;
}


/* video {
	max-width: 640px;
	height: 480px;
} */
.video {
	width: calc(70% - 18%);
	padding: 5% 6%;
}

.eventBox {
	width: 100%;
	padding: 5% 0px 8% 6%;
	/* margin: 8% 0 8% 6%; */
	text-align: left;
	
}

.eventBox p {
	padding-bottom: 10px;
}
.eventBox .listLink {
	padding-top: 40px;
	text-align: center;
	min-width: 212px;
}

.eventBox .listLink a:hover {
	background-color: whitesmoke;
	color: rgb(255,145,77);
}

/* apply section */

.applySection {
	display: flex;
	background-color: rgb(65,173,73,0.27);
	flex-wrap: wrap;
	font-weight: 400;

}

.applyPitch ul {
	list-style: none;
}
.applyPitch {
	width: 80%;
	margin: 4% 6% 0 6%;
	text-align: right;
}


.applyPitch p {
	padding-top: 10px;
}
.applyImage {
	width: 15%;
	margin: 4% 0px 0 6%;
	min-width: 100px;
}

.applyLink {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	min-width: 212px;
	/* min-width so button doesnt break, finalize number after finalizing font and font-size */
}
.applyLink a {
	background-color: rgb(61,162,72);
	color: whitesmoke;
	font-size: 3rem;
	text-decoration: none;
	padding: 16px;
	border-radius: 15px;
	
}

.applyLink a:hover {
	background-color: rgb(255,145,77);
}

.accessFund {
	margin: 0 6% 4% 6%;
}

.accessFund p {
	padding-top: 10px;
}
/* styles for apply and network pages begin */

.appsDate {
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 5%;
}


.faq h2, .network h2 {
	padding-top: 40px;
}

.faq h3,
.network h3,
.about h3 {
	padding-top: 40px;
}

.about h4 {
	padding-top: 20px;
}
.faq p,
.network p,
.about p {
	padding-top: 20px;
}
.faq ul,
.network ul,
.about ul {
	list-style: none;
	padding-left: 40px;
}

.disclaimer {
	font-size: 1.4rem;
	padding: 40px 0 20px 0;
}

.disclaimer p {
	padding-top: 10px;
}

/* styles for about page begin */

.fundDescrip {
	background-color: rgb(255,145,77);
	font-weight: 400;
	font-size: 1.8rem;
	padding: 0 4% 0 4%;
	color: whitesmoke;
}

.mission,
.whoWeAre {
	color: #232221;
}
.mission,
.redistribMutual,
.values {
	background-color: rgb(65,173,73,0.27);
	padding: 0 40px 40px 40px;
}

.redistribMutual {
	background-color: rgb(255,145,77);
	color: whitesmoke;
}

/* footer styles begin */

footer {
    background-color: #232221;
}

.contactLinks {
	font-size: 4rem;
    display: flex;
    justify-content: flex-start;
    list-style: none;
	padding-right: 3%;
	width: 50%;
	
}

.contactLinks li {
	padding: 3% 3%;
}

.contactLinks li a {
	color: rgb(255,145,77);
}

footer p {
	text-align: right;
	padding-bottom: 10px;
	color: whitesmoke;
}
/* Media Query */

@media (max-width: 1274px) {
	.eventBox {
		width: 100%;
		padding: 5%;
	}

	
	.video {
		width: 100%;
		text-align: center;
		padding: 2% 0 10% 0;
	
	}

	
}

@media (max-width: 850px) {
	.hamburger,
	.exit-responsive {
		display: block;
		font-size: 40px;
	}

	.menu {
		display: none;
	}

	.home {
		display: none;
	}

	.menu .fullScreen {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,0.99);
		/* possibly add logo here with opacity affected by z-index etc  */
		/* background-image: url(./assets/logo_main.png);
		background-size: cover; */
		color: white;
		z-index: 10;
	}

	.fullScreen ul {
		display: flex;
		flex-direction: column;
		padding-top: 20%;
	}

	.menu ul a {
		font-size: 50px;
		text-align: center;
		width: 100%;
		padding: 30px;
	}

	.menu ul a:hover {
		color: rgb(255,145,77);
		border-bottom: none;
	}

	iframe {
		width: 320px;
		height: 180px;
	}

	.applyImage {
		width: 100%;
		margin: 0;
		padding: 5%;
	}

	.applyPitch {
		width: 100%;
		margin: 2% 5% 2% 5%;
	}

	

	@media (max-width: 450px) {
	section {
		flex-direction: column;
	}
	.applyPitch,
	.eventBox {
		margin: 5%;
		width: 90%;
	}

	.eventBox p {
		padding-bottom: 5%;
	}
}