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

@media only screen and (max-height: 875px) {
	.homepagetargets .navigator {
		padding-top: 2em;
	}
	.homepagetargets .navigator h1 {
		font-size: 50px;
		line-height: 1;
	}
	.homepagetargets .paragraph {
		font-size: 15px;
	}
}

@media only screen and (max-height: 575px) {
	.homepagetargets .navigator {
		position: relative;
	}
}

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

	:root {
		--fontSize: 18px;
	}
	
	nav.main ul ul {
		flex-wrap: wrap;
		gap: 0.5em;
		margin-top: 0.25em;
	}
	
	.contentblocks .sectiontabs {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0.5em;
		font-size: 0.75em;
	}
	
	.contentblocks .section .block .contents {
		flex-direction: column;
		gap: 0;
		align-items: stretch;
	}
	
	.contentblocks .block h2.width-singlecol {
		width: auto;
	}
	
}

@media only screen and (max-width: 640px) {
	
	:root {
		--fontSize: 16px;
		
		--heading-H1-size: 50px;
		--heading-H1-lineheight: 42px;

		--heading-H2-size: 28px;
		--heading-H2-lineheight: 28px;

		--heading-H3-size: 20px;
	}
	
	.contentblocks .section .block {
		margin: 0;
	}
	
	.contentblocks .block h2 {
		font-size: var(--heading-H2-size);
		line-height: var(--heading-H2-lineheight);
	}
	
	.homepagehero .heading h1 {
		font-size: 4em;
		line-height: 1.1;
	}
	
	.homepagetargets .wrapper {
		flex-direction: column;
		align-items: stretch;
	}
	
	.homepagetargets .navigator {
		flex: 1;
/*		position: relative;*/
		background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(20,20,20,1) 20%, rgba(0,0,0,1) 100%);
		padding-top: 1em;
	}
	
	.homepagetargets .sections .section {
		
	}
	
	.homepagetargets .item {
		
	}
	
	.homepagetargets .item .image {
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
	}
	
	.homepagetargets .item .title {
		font-size: 25px;
		line-height: 1em;
	}
	
	.homepage_anchors {
		font-size: 0.8em;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.homepagetargets .paragraph {
		font-size: 1em;
		display: none;
	}
	
	nav.main {
		overflow: auto;
		justify-content: flex-start;
	}
	
	nav.main .inner {
		padding: 10em 0 5em 0;
		width: 90%;
		min-width: 0px;
		margin: 0 auto;
	}
	
	nav.main ul ul {
		flex-direction: column;
	}
	
	footer .frow {
		flex-direction: column;
		display: block;
	}
	
	footer .fcell-2 {
		margin-top: 1em;
	}
	
	.searchbar {
		display: none;
	}
	
	.reportitems {
		flex-direction: column;
	}
	
	.reportitems .report {
		flex-direction: column;
	}
	
}