/* ===== Responsive Styles =====================================================
   Author: Dan Mitchell / Vitamin Cornwall
   ========================================================================== */
   


@media only screen and (max-height: 840px) {
	
	h1 {
		font-size: 3vw;
		line-height: 1.2;
	}
	
	.hero .wrapper .inner p {
		font-size: 1.5vw;
	}
	
}

@media only screen and (max-width: 1500px) {
	
	.section_new_text {
		padding: 2vw 8vw;
		padding-right: 10vw;
	}
		.section_new_text p {
			font-size: 16px;
		}
	
}

@media only screen and (max-width: 1140px) {
	.footer_top {
		margin-top: -8vw;
	}
	
	.footer_line {
		bottom: 130px;
	}
	
	.section_new_text {
		padding: 8vw;
	}
	
	.section_new_text h2 {
		font-size: 28px;
		line-height: 1.2;
	}
	
	.section_new_text p {
		font-size: 18px;
	}
}

@media only screen and (max-width: 1024px) {
	h1 {
		font-size: 3.5vw;
		line-height: 1.2;
	}
	h3 {
		line-height: 1.2;
	}
	.hero .wrapper .inner p {
		font-size: 2vw;
	}

	.section-levels__levels {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.section-levels__level {
		flex: 0 0 48%;
		margin: 0 0 1em 0;
	}

}

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

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

	h1 {
		font-size: 8vw;
		line-height: 1.2;
	}
	
	.hero .wrapper .inner p {
		font-size: 2.5vw;
	}
	
	nav {
		font-size: 30px;
	}
	
	nav .wrapper {
		display: block;
		padding-bottom: 100px;
	}
	
	nav ul {
		min-width: 0;
		margin-right: 0;
	}
	
	footer {
		min-height: 0;
	}
	
	footer a {
		font-size: 4vw;
	}
	
	.footer__p {
		font-size: 1.8vw;
	}
	
	.footer_logo {
		bottom: auto;
		top: 50px;
	}
	
	.search {
		text-align: center;
	}
	.search input {
		width: 90%;
		font-size: 30px;
		margin: 0 auto;
	}
	
	.search-results {
		padding: 30px 0;
	}
	
	.search-result {
		display: block;
	}
	
}

@media only screen and (max-width: 670px) {
	
	* {
		cursor: default !important;
	}
	
	.cursor {
		display: none !important;
	}
	
	header .logo {
		width: 160px;
	}
	
	header .btn-become-a-member {
		display: none !important;
	}
	
	.nav-button {
		margin-left: 15px;
	}
	
	header .btn-search {
		margin-left: 10px;
	}
	
	h1 {
		line-height: 1.2;
	}
	
	h3 {
		font-size: 7vw;
		line-height: 1.2;
	}
	
	.hero .wrapper .inner p {
		font-size: 4vw;
	}
	
	footer {
		padding-bottom: 1em;
	}
	
	.footer_line {
		display: none;
	}
	
	.footer__p {
		font-size: 3vw;
		justify-content: center;
	}
	
	.footer_logo {
		top: 120px;
		right: 30px;
	}
	
	.section_new {
		flex-direction: column;
		padding: 0 1em 1em 1em;
	}
	.section_new_right {
		flex-flow: column-reverse;
	}
	.section_new_pic,
	.section_new_pic_2,
	.section_new_pic_right {
		min-height: 50vw;
		border-top-left-radius: 24px;
		border-top-right-radius: 24px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.section_new_text {
		max-width: 100%;
		padding: 30px;
		background: #ededed;
		border-bottom-left-radius: 24px;
		border-bottom-right-radius: 24px;
	}
	.section_new_text p {
		font-size: 4vw;
		margin: 1em 0;
	}
	.section_new_text p:last-child {
		margin-bottom: 0;
	}
	.section_new_text .btn {
		margin-bottom: 0;
	}
	
	.line_spacer_1,
	.line_spacer_2,
	.line_spacer_white_1, 
	.line_spacer_white_2 {
		display: none;
	}
	
	.section_new_events {
		margin-top: 0;
		padding-top: 40px;
		min-height: 0;
	}
	
	.section-events__bigpanel {
		flex-direction: column;
		min-height: 0;
	}
	.section-events__bigpanel--pic {
		min-height: 50vw;
		border-top-left-radius: 24px;
		border-top-right-radius: 24px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	.section-events__bigpanel .inner {
		padding: 20px 30px;
	}
	.section-events__bigpanel .inner p {
		font-size: 6vw;
		margin: 0;
	}
	.section-events__bigpanel h3 {
		margin-top: 3vw;
		line-height: 1.2;
	}
	.section-events__bigpanel .inner .btn {
		margin-top: 20px;
	}
	
	.tile__text {
		min-height: 0;
	}
	.tile__text h3 {
		margin-bottom: 1em;
	}
	.tile__text p:first-child {
		margin: 0;
	}
	
	.section-content-2 {
		padding: 30px 0;
	}
	.section-content-2__head {
		padding-right: 0%;
	}
	.section-content-2__body {
		column-count: 1;
	}
	
	.section-content-1 {
		padding: 30px 0;
	}
	.section-content-1__head {
		padding-right: 0%;
	}
	.section-content-1__body {
		column-count: 1;
	}
	
	.section-content-3__body {
		column-count: 1;
	}
	
	.section-content-3 {
		padding: 30px 0;
	}

	.section-ourwork__cell {
		flex: 0 0 100%;
		margin: 0 0 3em 0;
	}
	
	.section-levels__levels {
		flex-direction: column;
	}
	
	.section-levels__level {
		margin-bottom: 2em;
	}
	
	.section-levels__aboutbox__body__panel {
		width: 100%;
	}
	
	.section-levels__aboutbox__head {
		display: block;
		text-align: center;
	}
	
	.section-levels__aboutbox__body {
		padding: 20px;
	}
	
	.section-levels__aboutbox__head__title {
		margin-bottom: 20px;
	}
	
	.level-infobox {
		padding-right: 20px;
	}

	.regform select {
		width: 100%;
	}
	
	.regform .row-group {
		display: block;
	}
	
	.regform .row-group input {
		margin: 0 0 10px 0;
	}
	.regform .row-group input:last-child {
		margin-bottom: 0;
	}
	.regform .row-group h3 {
		margin-bottom: 10px !important;
	}
	
	.paymentdetails-inner {
		padding-right: 0%;
	}
	
	.section-events__grid {
		flex-direction: column;
	}
	
	.section-eventsfilters__row {
		display: block;
	}
	
	.section-eventsfilters__row input,
	.section-eventsfilters__row select {
		width: 100%;
		border-radius: 0 !important;
		margin: 2px 0;
	}
	.section-eventsfilters__row__top button {
		width: 100%;
		margin: 0;
	}
	
	.section-singleevent .wrapper {
		flex-direction: column-reverse;
	}
	.section-singleevent__image {
		height: 60vw;
		margin: 0 0 1em 0;
	}
	
	.jobrow {
		display: block;
	}
	
	.team__grid {
		display: block;
	}
	
	.section-impact__body {
		display: block;
	}
	
	.section-spacelist__item {
		flex-direction: column-reverse;
	}
	
	.section-spacelist__item__left {
		padding: 30px;
	}
	.section-spacelist__item__middle {
		min-height: 60vw;
	}

	.section-newsfilters__row {
		display: block;
	}
	
	.section-newsfilters__row .social {
		text-align: center;
	}
	
	.section-newsfilters__row__categories {
		margin-bottom: 20px;
	}
	
	.section-news__grid {
		margin: 0;
	}
	
	.section-news__grid .tile {
		flex: 0 0 100%;
		margin: 0 0 3em 0;
	}
	
	.section-article__body {
		column-count: 1;
	}
	
	.section-imagecarousel__image {
		height: 70vw;
	}
	
	.section-findus__content {
		padding-right: 0;
	}
	
	.section-supporters {
		padding: 40px 0;
	}
	
	.section-ourwork__cell .inner {
		margin-top: 50vw;
	}
	
	.team-profile {
		padding: 0 0 50px 0;
	}
	
	.team-profile .wrapper {
		flex-direction: column-reverse;
	}
	
	.team-profile .wrapper > div {
		padding-right: 0;
		min-width: 100%;
	}
	
	.team-profile__image {
		height: 39vh;
		margin: 0 0 40px 0;
	}
	
	.section-supporters .swiper-slide {
		width: 100% !important;
	}
	
	.section-supporters__image {
		width: 200px;
		min-width: 200px;
		margin: 0 auto;
	}
	
	.section-furthercontent .wrapper {
		column-count: 1;
	}
	
	.section-generic {
		padding: 10px 0;
	}
	
	.section-generic p .btn {
		display: block;
		margin: 10px 0;
	}
	
	.section-generic p .btn + .btn {
		margin-left: 0;
	}
	
	.block .wrapper {
		flex-direction: column;
	}
	
	.block .text {
		max-width: 100%;
	}
	.block .img {
		min-width: 0;
		width: 90vw;
	}
	
	.block--team .side {
		width: 90vw;
	}
	
	iframe {
		max-width: 100%;
	}
	
	.team__slide {
		width: 90vw;
		height: 90vw;
	}
	
	.grid2x2 {
		flex-direction: column;
	}
	
	footer::before {
		background-size: cover;
	}
	
	.featurepanel {
		flex-direction: column;
	}
	
	.block--logos {
		padding: 50px 0 !important;
		margin-top: 0 !important;
	}
	
	.block--logos .blogo {
		width: 100%;
		margin-bottom: 50px;
	}
	
	.block--2cols .text {
		column-count: 1;
	}
	
	.standards {
		flex-direction: column;
	}
	
	.standard__image {
		height: 80vw;
	}
	
	nav {
		align-items: flex-start;
	}
	
	nav .wrapper {
		padding-top: 40vw;
		padding-bottom: 50px;
	}
	
	nav li ul {
		position: relative;
		left: auto;
		top: auto;
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
		padding: 0;
	}
	
	nav li::after {
		display: none !important;
	}
	
	.block--school .img {
		display: none;
	}
	
}