html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; background: transparent; font-weight: 100; -webkit-font-smoothing: antialiased;}


@font-face {
  font-family: 'Brown-Bold';
  src: url('../fonts/Brown-Bold.eot');
  src: url('../fonts/Brown-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Brown-Bold.svg#Brown-Bold') format('svg'),
       url('../fonts/Brown-Bold.ttf') format('truetype'),
       url('../fonts/Brown-Bold.woff') format('woff'),
       url('../fonts/Brown-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Brown-Regular';
  src: url('../fonts/Brown-Regular.eot');
  src: url('../fonts/Brown-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Brown-Regular.svg#Brown-Regular') format('svg'),
       url('../fonts/Brown-Regular.ttf') format('truetype'),
       url('../fonts/Brown-Regular.woff') format('woff'),
       url('../fonts/Brown-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


.greenBg{
	background-color: #00656c;
}

.orangeBg{
	background-color: #d54b0b;
}

.purpleBg{
	background-color: #3e2e63;
}

.creamBg{
	background-color: #fffade;
}

.blueBg{
	background-color: #585955;
}

a{
	text-decoration: none!important;
	color: inherit!important;
}

body{
	background: #fffade;
	color: #3b456e;
	font-family: 'Brown-Regular';
}

.contentPage .inner, .contentPage .inner p, .contentPage .inner h1, .contentPage .inner h2{
	color: #000;
}

.contentPage .inner a{
	font-family: 'Brown-Bold';
	text-decoration: underline!important;
}

.content{
	margin-top:105px;
	width: 100%;
	display: block;
}

.slideshowBanner{
    width: 100%;
    margin: auto;
    height: 350px;
    margin-bottom: 0px;
    overflow: hidden;
}

.slideshowBanner .slide{
	width: 100%;
	height: 350px;
	background-position: center center;
	background-size: cover;
}

.slideOverlay{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.homeSlide .tint{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 1;
}

.slideOverlay h1{
    font-size: 66px;
    line-height: 70px;
	color: #3e2e63;
    font-family: 'Brown-Bold';
}

.pageHeader{
   padding: 40px 0px 80px;
}

.pageHeader h1{
    font-size: 82px;
    line-height: 86px;
    font-family: 'Brown-Bold';
    margin-top: 40px;
}

.pageHeader h2 {
    font-size: 30px;
    line-height: 36px;
    margin-top: 40px;
    max-width: 900px;
    margin: auto;
    text-align: center;
}

.slick-list{
	height: 100%;
}

.slick-track{
	height: 100%;
}

.mainLogo{
	position: absolute;
    top: 15px;
    left: 80px;
    width: 115px;
    height: 33px;
    z-index: 9;
}

.mainLogo img{
	position: absolute;
	width: 100%;
	height: auto;
	top: 0px;
	transition: opacity 0.5s linear;
}

.mainLogo img.show{
	opacity: 1;
}

.downArrow{
    position: absolute;
    top: calc(100vh - 75px);
    width: 50px;
    height: 50px;
    left: calc(50% - 25px);
    z-index: 1;
    cursor: pointer;
}

.downArrow img{
	position: absolute;
	width: 100%;
	height: auto;
	top: 0px;
	opacity: 0;
	transition: opacity 0.5s linear;
}

.downArrow img.show{
	opacity: 1;
}

.bgVid{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
    overflow: hidden;
}

.insta{
	position: absolute;
	top:45px;
	right: 80px;
	width: 28px;
	height: 28px;
    z-index: 1;
    cursor: pointer;
}

.insta img{
	position: absolute;
	width: 100%;
	height: auto;
	top: 0px;
	opacity: 0;
	transition: opacity 0.5s linear;
}

.insta img.show{
	opacity: 1;
}

.menuBtn{
    position: fixed;
    top: 20px;
    right: 80px;
    cursor: pointer;
    z-index: 9;
    pointer-events: all;
    opacity: 1;
}

.menuBtn img{
    width: 36px;
}

nav.open .menuBtn{
	pointer-events: none;
	opacity: 0;
}

.closeBtn{
    position: fixed;
    top: 20px;
    right: 80px;
    cursor: pointer;
    z-index: 9;
    pointer-events: none;
    opacity: 0;
}

.closeBtn img{
    width: 36px;
}

nav.open .closeBtn{
	pointer-events: all;
	opacity: 1;
}

.about{
    margin-top: 40px;
}

nav{
	position: fixed;
	width: 100%;
    height: 63px;
	background: #FFF;
	z-index: 9;
	top: 0px;
	transition: all 0.5s linear;
	box-shadow: 0px 0px 10px rgba(0,0,0,0);
}


nav.scrolled{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

nav.open .navBg{
    background: #FFF;
}

.topNav{
	position: fixed;
	z-index: 1;
	top:63px;
	width: 100%;
	display: flex;
}

.topNavBlock{
	flex-basis: 33.333%;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
    color: #FFF;
    font-size: 18px;
    letter-spacing: 0.05em;
}

.topNavBlock a{
	padding-top: 2px;
}

.drop{
	display: flex;
    position: absolute;
    width: 100%;
    color: #FFF;
    z-index: 1;
    font-size: 26px;
    line-height: 28px;
    transform: translateY(-100%);
    -webkit-transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); 
	-moz-transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); 
	-ms-transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); 
	-o-transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	justify-content: center;
	align-items: center;
}

nav ul{
    list-style: none;
    flex-basis: 100%;
    text-align: center;
    text-transform: uppercase;
}

nav.open .drop{
	transform: translateY(63px);
}

nav ul li{
	 cursor: pointer;
     width: 100%;
     opacity: 0;
     transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
     padding: 25px 0px;
     border-top: 1px solid #FFF;
}

nav.open ul li{
	opacity: 1;
}

/*nav.open ul li:nth-child(1){
	transition-delay: 0.8s;
}

nav.open ul li:nth-child(2){
	transition-delay: 1.0s;
}

nav.open ul li:nth-child(3){
	transition-delay: 1.2s;
}

nav.open ul li:nth-child(4){
	transition-delay: 1.4s;
}

nav.open ul li:nth-child(5){
	transition-delay: 1.6s;
}

nav.open ul li:nth-child(6){
	transition-delay: 1.8s;
}*/



nav ul li.closed ul{
  max-height: 0;
}

nav ul li ul{
	-webkit-transition: max-height 1s cubic-bezier(0.215, 0.61, 0.355, 1); 
	-moz-transition: max-height 1s cubic-bezier(0.215, 0.61, 0.355, 1); 
	-ms-transition: max-height 1s cubic-bezier(0.215, 0.61, 0.355, 1); 
	-o-transition: max-height 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: max-height 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	max-height: 300px;
	overflow: hidden;
	transform: none;
}


nav ul li ul{
	position: relative;
	padding: 0px;
	padding-left: 30px;
	top: 0px;
	font-size: 25px;
	line-height: 58px;
	color: #b2b2b2;
}

nav ul li ul li{
    width: calc(100% - 30px);
	cursor: pointer;
}

.instaMenu{
	width: 30px;
	height: 30px;
}

.navBg{
    position: fixed;
    width: 100%;
    height: 63px;
    background: #FFF;
    z-index: 2;
    transition: all 0.35s linear;
}


video#bgvid{
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    /* width: auto; */
    height: 100%;
    z-index: -4;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    object-fit: cover;
}

.page-template-aoh-page-php .newsTitle{
	height: 24px;
}

.inner{
	max-width: 600px;
	margin: auto;
	padding: 40px 0px;
}

h1{
	font-family: 'Brown-Regular';
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	margin-bottom: 50px;
}

p{
	font-family: 'Brown-Regular';
	font-size: 16px;
	line-height: 21px;
    padding: 0px 50px;
}

.twoCol{
	display: flex;
}

.twoCol h2{
    font-size: 48px;
    line-height: 48px;
    margin-top: 60px;
    margin-bottom: 20px;
    font-family: 'Brown-Bold';
    text-align: center;
    font-family: 'Brown-Bold';
}

.twoCol p{
	font-size: 24px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 40px;
    padding: 0px 150px;
    flex-basis: 100%;
}

.col{
	flex-basis: 50%;
}

.col p{
	padding: 0px;
	text-align: center;
}

.btn{
	font-size: 17px;
	border: 1px solid #fff;
    border-radius: 30px;
    padding: 20px;
    min-width: 100px;
    width: fit-content;
    padding: 8px 40px;
    margin: auto;
    margin-top: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    transition: all 0.35s linear;
    cursor: pointer;
    text-transform: uppercase;
    height: 20px;
}

.btn a{
	height: 15px;
}

.btn span{
	height: 15px;
	color: #fff;
	text-transform: uppercase;
}

.btn:hover{
	color: #003b75!important;
	background-color: #fff;
}

.btn:hover span{
	color: #003b75;
}

.textBlock{
	width: calc(100% - 160px);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 80px 80px 160px;
}

.textBlock h2{
	font-family: 'Brown-Regular';
	flex-basis: 100%;
	font-size: 30px;
	line-height: 36px;
	text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 40px;
}

.textBlock h3{
	font-family: 'Brown-Regular';
	font-size: 16px;
    line-height: 21px;
    text-decoration: underline;
    margin-bottom: 21px;
}

.textBlock p{
	padding: 0px 50px 0px 0px;
}

.leftCol{
	display: flex;
	flex-wrap: wrap;
    flex-basis: 50%;
    justify-content: center;
    background-position: center;
    background-size: cover;
}

.leftCol img{
	width: 70%;
	margin: auto;
}

.leftCol .btn{
	margin-top: 0px;
    margin-bottom: 60px;
}

.rightCol{
	display: flex;
	flex-wrap: wrap;
    flex-basis: 50%;
    justify-content: center;
    background-position: center;
    background-size: cover;
}

.rightCol img{
	width: 70%;
	margin: auto;
}

.rightCol .btn{
	margin-top: 0px;
	margin-bottom: 60px;
}

.fullWidthBg{
    background-size: cover;
}

.fullWidthBg .overlay{
    padding-top: 40px;
	display: flex;
	flex-wrap: wrap;
}

.fullWidthBg .icon{
    margin-top: 0px;
}

.fullWidthBg .title{
	    flex-basis: 100%;
    font-size: 48px;
    text-align: center;
    margin-top: 20px;
    font-family: 'Brown-Bold';
    margin-bottom: 80px;
}

.fullWidthBg .description{
    flex-basis: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    padding: 0 20%;
}

.fullWidthBg a{
	margin: auto;
}

.fullWidthBg .btn{
    margin-top: 60px;
    margin-bottom: 80px;
}


.training .newsTitle {
    margin-top: 20px;
    height: 24px;
}

.contactDetails{
    border-top: 1px solid;
    padding: 80px 0px;
    text-align: center;
}

.contactDetails p{
    margin-bottom: 20px;
}

.contactDetails a{
	text-decoration: underline!important;
}

.contactForm{
	margin-bottom: 60px;
    max-width: 1000px;
    margin: auto;
    padding: 20px 0px;
    text-align: center;
}

form{
	display: flex;
    flex-wrap: wrap;
}

form p{
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px!important;
}

.wpcf7{
    flex-basis: 100%;
    margin-top: 30px;
}

.pronouns{
    flex-basis: 100%;
    margin-right: 15px;
    display: flex;
    margin-top: 20px;
}

.first-name{
    flex-basis: 100%;
    margin-right: 15px;
    display: flex;
    margin-top: 20px;
}

.last-name{
	 flex-basis: 100%;
     display: flex;
     margin-top: 20px;
}

.half-width-label{
    margin-top: 20px;
	display: flex;
    width: calc(50% - 20px);
	flex-wrap: wrap;
	padding-left: 10px;
}

.third-width-label{
    margin-top: 20px;
	display: flex;
    width: 33.33%;
	flex-wrap: wrap;
}

.full-width-label{
    margin-top: 20px;
	display: flex;
    width: 100%;
	flex-wrap: wrap;
	padding-left: 10px;
}

.half-width{
	flex-basis: 100%;
    border: 1px solid;
    border-radius: 30px;
    height: 50px;
    display: flex;
    padding: 0 10px;
    margin-bottom: 20px;
    font-family: 'Brown-Regular', sans-serif;
    font-size: 14px;
    background: inherit;
}

.third-width{
	flex-basis: calc(100% - 30px);
    border: 1px solid;
    border-radius: 30px;
    height: 50px;
    display: flex;
    margin-bottom: 20px;
    font-family: 'Brown-Regular', sans-serif;
    font-size: 14px;
    background: inherit;
    padding-left: 0px;
}

.email-address{
	flex-basis: 100%;
    margin-right: 15px;
    display: flex;
    margin-top: 20px;
    margin-left: -10px;
}

.enquiry-reason{
	flex-basis: 100%;
    display: flex;
    margin-top: 20px;
    margin-left: -10px;
}

.wpcf7-submit{
    width: 200px;
    border: 0px;
    background-color: inherit;
    height: 34px;
    border: 1px solid;
    border-color: inherit;
    text-transform: uppercase;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 60px;
    border-radius: 30px;
}

.your-message{
	width: calc(100% - 20px);
    margin-left: -10px;
    margin-top: 20px;
}

.wpcf7-textarea{
    width: calc(100% - 20px);
    padding: 10px;
    border: 1px solid;
    border-radius: 30px;
    font-family: 'Brown-Regular', sans-serif;
    font-size: 14px;
    background: inherit;
}

.contentBanner{
    height: 350px;
    background-size: cover;
}

.contentPage .inner{
    max-width: 1000px;
    width: calc(100% - 80px);
}

.contentPage h1{
	font-family: 'Brown-Bold';
    font-size: 40px;
    line-height: 45px;
    text-align: center;
    margin-bottom: 30px;
    text-align: left;
}

.contentPage h2{
	font-size: 32px;
    line-height: 38px;
    margin-bottom: 10px;
}

.contentPage h3{
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
    font-family: 'Brown-Bold';
    padding-right: 200px;
}

.contentPage p {
    font-size: 18px;
    line-height: 28px;
	padding-left: 0px;
	padding-right: 50px;
    margin-bottom: 10px;
}

.contentPage hr{
    border: none;
    border-top: 1px solid #3e2e63;
}

.page-template-aoh-page .contentPage p{
	color: #000;
}

.page-template-aoh-page .contentPage ul{
	color: #000;
}

.contentPage img{
    /*width: calc(100% + 200px);
    height: auto;*/
}

.contentPage ul {
    font-size: 18px;
    line-height: 24px;
    padding-left: 20px;
    padding-right: 50px;
    margin-bottom: 40px;
}

.imgHolder{
    flex-basis: 100%;
    display: flex;
    justify-content: center;
}

.imagesBlock{
	width: calc(100% - 160px);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.imageHolder{
    flex-basis: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
}

.imageHolder img{
    width: 100%;
    height: auto;
    display: block;
}

.imageHolder:nth-child(even){
	margin-right: 0px;
}

.fullImage{
	width: 100%;
	margin-bottom: 40px;
}

.fullImage img{
    width: 100%;
    height: auto;
}

.latestNews{
    padding: 30px 80px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

h2{
	font-size: 32px;
	line-height: 38px;
}

.latestNews h2{
	flex-basis: 100%;
	text-align: center;
    margin-bottom: 20px;
}

.newsContainer{
	display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    justify-content: center;
}

.newsBlock{
	flex-basis: calc(33.33% - 20px);
	margin-left: 30px;
    overflow: hidden;
}

.newsBlock:nth-of-type(3n+1){
	margin-left: 0px;
}

.newsImage{
	width: 100%;
	padding-bottom: 66%;
	background-position: center center;
	background-size: cover;
}

.latestNews .btn{
	color: #003b75;
	background: none;
	border-color: #003b75;
}

.page-id-1157 .latestNews{
    margin-top: 105px;
}

.page-id-1157 .latestNews .btn{
   display: none;
}


.newsTitle{
    font-size: 24px;
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 10px;
    height: 84px;
    overflow: hidden;
    font-family: 'Brown-Bold';
}

.newsExcerpt{
	font-size: 20px;
    line-height: 24px;
    padding-right: 30px;
    height: 72px;
    overflow: hidden;
}

.newsLink{
    font-size: 14px;
    text-decoration: underline;
    margin-top: 30px;
}

.hohBanner{
	background: #b8d4d7;
}

.hohBanner h1 {
    font-size: 66px;
    line-height: 70px;
    color: #00656c;
    font-family: 'Brown-Bold';
    margin-top: 120px;
    flex-basis: 100%;
    text-align: left;
    margin: auto;
    max-width: 800px;
    margin-top: 100px;
}

.hohOverlay{
    display: flex;
    bottom: 0px;
    position: absolute;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.hohOverlay .leftSide{
    flex-basis: calc(50% - 20px);
    margin-right: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 500px;
    background-position: right;
}

.hohOverlay .rightSide{
	flex-basis: calc(50% - 20px);
}


.hohOverlay .rightSide img{
    width: 50%;
}

.hohOverlay p{
    font-family: 'Brown-Regular';
    font-size: 24px;
    line-height: 28px;
    padding: 0px;
    margin-top: 30px;
    width: 70%;
    max-width: 500px;
    color: #00656c;
}

footer{
	background: #585955;
	color: #fffade;
	display: flex;
    flex-wrap: wrap;
}

footer p{
	padding: 0px;
}

.footerRow{
	flex-basis: 100%;
    margin: 20px 80px 10px;
    display: flex;
    border-top: 1px solid #fffade;
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.footerRow h4{
	flex-basis: 100%;
    font-family: 'Brown-Bold';
    margin-bottom: 20px;
}

footer .halfCol{
	flex-basis: 50%;
}

footer .thirdCol{
	flex-basis: 33.33%;
}

footer .quarterCol{
	flex-basis: 25%;
}

footer .quarterCol img{
	width: 100%;
    height: auto;
}

footer .sixthCol{
	flex-basis: 16.666%;
}

footer .sixthCol img{
	width: 100%;
    height: auto;
}

footer .twoThirdCol {
   	flex-basis: 66.66%;
}

.footerLogo {
    height: 60px;
    margin-bottom: 20px;
}

.footerLogo2 {
    height: 100px;
}

.footerLogo2 img{
    height: 100%;
	width: auto;
}


.footerLogo img{
	height: 100%;
	width: auto;
}

footer a{
	text-decoration: underline!important;
}

footer .noLinkUls{
	text-decoration: none!important;
}

/* the slides */
.slick-slide {
    margin: 0 10px!important;
}
/* the parent */
.slick-list {
    margin: 0 -10px!important;
}

.icon{
	flex-basis: 100%;
    justify-content: center;
    display: flex;
    margin-top: 70px;
}

.icon img{
    width: 70px;
    margin: auto;
}

.icon svg{
    width: 70px;
    margin: auto;
}

.socialIcons{
	display: flex;
    height: 50px;
    justify-content: left;
}

.socialIcon{
	flex-basis: 50px;
	height: 50px;
	margin-left: 10px;
	margin-right: 10px;
}

input{
	color: inherit;
}

textarea{
	color: inherit;
}

.twitterFeed {
    padding: 30px 0px;
    margin: 30px 80px;
    display: block;
    border-top: 1px solid;
}

.twitterInner{
	width: 100%;
	max-width: 800px;
	margin: auto;
}

#donateMonthly{
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s ease;
	height: 0;
}

#donateSingle{
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s ease;
	height: 0;
}

#donateMonthly.show{
	opacity: 1;
	pointer-events: all;
	height: 100%;
}

#donateSingle.show{
	opacity: 1;
	pointer-events: all;
	height: 100%;
}


.donateButtons{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 900px;
    justify-content: center;
	 margin-bottom: 60px;
}

.donateBtn{
	background: #fefade;
	border: 1px solid #003b75;
    color: #003b75;
    max-width: 400px;
    flex-basis: 50%;
    margin-right: 20px;
    text-align: center;
    padding: 20px 0;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 20px;
    transition: all 0.5s ease;
    cursor: pointer;
}

.donateBtn.monthly{
    margin-right: 0px;
}

.donateBtn.selected{
	background: #003b75;
    color: #fefade;
}

.ninjaForm{
	padding: 50px 0px;	
}

.ninjaWrap{
	width: 90%;
	max-width: 800px;
	margin: auto;
}

.mobile{
	display: none;
}

.simpleLinks .newsBlock{
	height: 250px;
    background-size: cover;
    margin-bottom: 30px;
}

.simpleLinks .newsBlock h2{
    text-align: center;
    color: #fefade!important;
    margin-top: 20px;
}

.page-id-1305 .contentPage p{
	padding: 0px!important;
}

.page-id-1305 .newsTitle{
height: 24px;
}

.breadcrumb-container {
    width: 100%;
    padding: 10px 60px;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: #fefade!important;
}

.ninjaForm {
    padding: 50px 0px;
    max-width: 1000px;
    margin: auto;
}

.ninjaWrap {
    width: 90%;
    max-width: 1000px;
    margin: 0;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #133b75!important;
    border-radius: 30px!important;
    color: #f7f7f7!important;
    padding: 0px 80px!important;
}

.page-template-aoh-page .newsBlock {
    flex-basis: calc(25% - 23px);
    margin-left: 30px;
    margin-bottom: 30px;
}

.page-template-aoh-page .newsBlock:nth-child(3n+3) {
    margin-right: 30px;
}

.page-template-aoh-page .newsBlock:nth-child(3n+4) {
    margin-right: 0px;
    margin-left: 0px;
}

#backToTop{
	cursor: pointer;
}

.appLink{
    float: left;
    width: 150px;
    margin-right: 30px;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}


.resourcesContainer, .shopContainer{
    padding: 30px 80px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.resourcesContainer h1, .shopContainer h1{
	flex-basis: 100%;
    font-family: 'Brown-bold';
    font-size: 50px;
    line-height: 56px;
    text-align: center;
    margin-bottom: 50px;
}

.resourceFilters{
	flex-basis: 100%;
	color: #432f2e;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.resourceFilters span{
	margin-right: 30px;
}

/* The container */
.resourceFilters .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 40px;
}

/* Hide the browser's default radio button */
.resourceFilters .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.resourceFilters .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fefade;
  border: 2px solid #432f2e;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.resourceFilters .container:hover input ~ .checkmark {
 	background-color: #fefade;
    border: 2px solid #432f2e;
}

/* When the radio button is checked, add a blue background */
.resourceFilters .container input:checked ~ .checkmark {
  background-color: #fefade;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.resourceFilters .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.resourceFilters .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.resourceFilters .container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #432f2e;
}

.resourceFilters .container:hover .checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #432f2e;
}

.resourceSection, .shopSection{
    flex-basis: 100%;
    border-top: 1px solid #3f2e63;
    padding-top: 20px;
}

.resourceHolder, .productHolder{
	display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.resourceBlock, .productBlock{
    flex-basis: calc(25% - 30px);
	margin-right: 40px;
	margin-bottom: 60px;
}

.resourceImage, .productImage{
    width: 100%;
    position: relative;
    padding-bottom: 100%;
}

.resourceImage img, .productImage img{
	width: 100%;
	height: auto;
	position: absolute;
}

.resourceImage img{
	display: none;
}

.resourceImage img:nth-child(1){
	display: block;
}

.resourceDownload .optionDownload{
	display: none;
}

.resourceTitle{
	width: 74%;
    text-align: center;
    font-size: 22px;
    line-height: 32px;
    min-height: 32px;
    font-family: 'Brown-Bold';
    margin: auto;
    margin-top: 30px;
    margin-bottom: 20px;
    overflow: hidden;
}

.productTitle{
	width: 74%;
    text-align: center;
    font-size: 22px;
    line-height: 32px;
    font-family: 'Brown-Bold';
    margin: auto;
    margin-top: 30px;
    margin-bottom: 20px;
    overflow: hidden;
}

.productPrice{
	text-align: center;
	font-family: 'Brown-Bold';
	font-size: 20px;
}

.resourceDownload{
	text-align: center;
	text-decoration: underline;
}

.resourceBlock.active:nth-child(4n+4) , .productBlock.active:nth-child(4n+4){
	margin-right: 0px;
}

.productDescription{
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 22px;
}

.resourceOptions{
	display: flex;
	justify-content: center;
    margin-bottom: 20px;
}

.resourceColour{
	margin-right: 10px;
}


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

.footerRow {
    	flex-basis: 100%;
		margin: 40px 30px;
    }
    
    footer .thirdCol {
    	flex-basis: 50%;
    	margin-bottom: 30px;
	}
	
	footer .quarterCol{
		flex-basis: 50%;
		margin-bottom: 30px;
	}
	
}

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

	.resourceFilters span {
		flex-basis: 100%;
		margin-bottom: 20px;
	}
	
	.resourceFilters .container{
	    flex-basis: 100%;
	    margin-right: 0px;
	    margin-bottom: 10px;
	}
	
	.resourceBlock, .productBlock{
		flex-basis: calc(33.33% - 20px);
		margin-right: 30px!important;
	}
	
	.resourceBlock.active:nth-child(3n+3), .productBlock.active:nth-child(3n+3){
		margin-right: 0px!important;
	}
	
	.resourceTitle {
    	width: 90%;
    	overflow: hidden;
    }

}

@media screen and ( max-width: 1000px ){
	
	.contentPage img {
    	width: calc(100% + 50px);
    	height: auto;
	}
	
	.contentPage h3 {
    	padding-right: 0px;
	}
	
	.donateBtn{
		margin-right: 0px;
	}

	.mainLogo {
	    left: 30px;
	}
	
	.menuBtn{
	    right: 30px;
	}
	
	.slideshowBanner {
    	width: calc(100% - 60px);
    }
    
    .instaSlider {
    	width: calc(100% - 60px);
    	left: 30px;
    }
    
    .instagram .instaImage {
    	padding-bottom: 2.2%;
    }
    
    .closeBtn {
	    right: 30px;
    }
    
    .drop {
	    width: 100%;
	    font-size: 25px;
	}
    
    nav:after{
        left: 30px;
    }
    
    nav.open:after {
    	width: calc(100% - 60px);
	}
	
	nav ul {
    	flex-basis: 100%;
	}
	
	.csPreview{
		display: none;
	}
	
	.textBlock {
	    width: calc(100% - 60px);
	    padding: 80px 30px;
	}
	
	.leftCol {
    	flex-basis: 100%;
		margin-right: 0px;
	    margin-bottom: 0px;
	}
	
	.imagesBlock {
    	width: calc(100% - 60px);
    }
    
    .imageHolder {
	    flex-basis: 100%;
	    margin-right: 0px;
	}
	
	.rightCol {
    	flex-basis: 100%;
	}
	
	.caseStudies {
    	width: calc(100% - 60px);
    	padding: 40px 30px;
    }
    
    .caseStudyLink {
    	position: relative;
		flex-basis: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	    padding: 20% 0px;
	}
	
	.slideshowBanner {
    	width: 100%;
	}
	
	.slideOverlay {
    	width: 70%;
    }
	
	.slideOverlay h1 {
    	font-size: 50px;
    	line-height: 60px;
    }
    
    .downArrow {
    	top: calc(100vh - 130px);
    }
    
    .twoCol {
    	display: flex;
		flex-wrap: wrap;
    }
    
    .latestNews {
	    padding: 20px 30px;
	}
    
    .newsBlock {
    	flex-basis: 100%!important;
		margin-right: 0px!important;
		margin-left: 0px!important;
	}
	
	.resourceBlock , .productBlock{
		flex-basis: calc(50% - 15px);
		margin-right: 30px;
	}
	
	.resourceBlock.active:nth-child(3n+3), .productBlock.active:nth-child(3n+3){
		margin-right: 30px!important;
	}
	
	.resourceBlock.active:nth-child(2n+2), .productBlock.active:nth-child(2n+2){
		margin-right: 0px!important;
	}
	
	.resourceTitle {
    	width: 90%;
    	overflow: hidden;
    }
    
    .resourcesContainer {
    	padding: 30px 40px;
    }
    
    .half-width-label{
	    width: 100%;
	    margin-top: 0px;
    }
    
    .third-width-label{
	    width: 100%;
	    margin-top: 0px;
    }
    
    .first-name{
	    margin-right: 0px;
    }
    
    .wpcf7 .ajax-loader{
		display:none!important;   
    }
    
    .your-message{
	    width: 100%;
    }
    
    .contactForm {
    	padding: 30px 0px;
	}
	
	.third-width-label{
    	width: 100%;
	}

}

@media screen and ( max-width: 640px ){
	
	.mobile{
		display: block;
	}
	
	.mainLogo{
		top: 8px;
		width: 33px;
	    height: 33px;
    }
    
    .topNav{
        top: 50px;
    }
    
    .menuBtn {
    	position: fixed;
    	top: 16px;
    }
    
    .closeBtn img {
    	width: 28px;
	}
    
    .closeBtn{
        top: 16px;
    }
    
    .menuBtn img{
    	width: 30px;
	}
	
	nav.open .drop {
    	transform: translateY(50px);
	}
	
	.desktop{
		display: none;
	}
	
	nav{
		height: 50px;
	}
	
	.navBg{
	    height: 50px;
	}
	
	nav ul li {
    	padding: 15px 0px;
	}
	
	.content {
    	margin-top: 63px;
    }
	
	.instagram .instaImage {
	    padding-bottom: 4.4%;
	}
	
	.contact h1{
	    width: 80%;
	    margin: auto;
	    margin-bottom: 50px;
	}
	
	footer .thirdCol {
    	flex-basis: 100%;
	}
	
	footer .twoThirdCol {
    	flex-basis: 100%;
	}
	
	footer .quarterCol{
		flex-basis: 100%;
	}
	
	.newsContainer{
		max-width: 100%;	
	}
	
	.footerLogo2 {
    	height: 50px;
	}
	
	.resourceBlock, .productBlock{
		flex-basis: 100%;
		margin-right: 0px!important;
	}
	
}

@media screen and ( max-width: 640px ){
	
	.topNavBlock {
	    height: 30px;
	    font-size: 15px;
    }	
}