/*
 Theme Name:   New Aus Urban Observatory Theme
 Theme URI:    http://example.com/australian-urban-observatory/
 Description:  New Australian Urban Observatory Theme
 Author:       Andrew MacAulay
 Author URI:   http://example.com
 Version:      1.0.8
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         australia urban environment liveability
 Text Domain:  australian-urban-observatory
*/

* {
	font-family: 'Poppins', sans-serif;
}

html {
  	scroll-behavior: smooth; 
}

body {
	margin: 0;
	padding: 0;
}

header {
	position: absolute;
	height: 17vh;
	background-color: transparent;
	display: flex;
	align-items: center;
	z-index: 9999;
}

.general-header {
	position: relative;
	background-color: #131846;
}

.main-header {
	position: relative;
	background-color: transparent;
}

header ul {
    text-align: right;
    width: 65vw;
}

header li {
	margin: 2.5vmin;
	display: inline;
	position: relative;
}

/*li ul {
	display: none;
}

li:hover ul {
    display: block;
    position: absolute;
	width: 5vmin;
}

.list-item-dropdown {
	position: relative;
}

.list-item-dropdown ul li {
	position: absolute;
} */


header a {
	text-decoration: none;	
	font-family: 'Poppins', sans-serif;
	font-size: 1.7vh;
	font-weight: bolder;
	color: white;
}

header a:hover {
	color: #24C9AC;
}

header img {
	height: 10vmin;
	padding: 0;
	margin: 0;
}

header button {
	position: relative;
	font-size: 0.8vw;
	height: 5vh;
	width: 5vw;
	/*min-width: 35px;*/
	border-radius: 0.5vmin;
	border-color: white;
	border-style: solid;
	border-width: 0.2vmin;
	background-color: transparent;
	margin-right: 1vw;
	right: 0;
}

#login {
	font-family: 'Poppins', sans-serif;
	font-weight: bolder;
	color: white;
}

#login:hover {
	color: #24C9AC;
	border-color: #24C9AC;
}

#join {
	font-family: 'Poppins', sans-serif;
	font-weight: bolder;
	color: black;
	background-color: white;
}

#join:hover { 
	color: white;
	background-color: #EC4497;
	border-color: #EC4497;
}

h1 {
	font-family: 'Poppins', sans-serif;
	font-size: 7vmin;
	line-height: 8vmin;
}

h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 5vmin;
	line-height: 5vmin;
	font-weight: bold;
	color: white;
}

h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 2.5vmin;
	font-weight: bold;
	color: #131846;
}

h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 2.5vmin;
	font-weight: lighter;
	color: #131846;
}

p {
	font-family: 'Poppins', sans-serif;
	font-size: 2.3vmin;
	font-weight: normal;
	color: #131846;
}

a {
	font-family: 'Poppins', sans-serif;
	font-size: 2.1vmin;
	font-weight: normal;
	color: #131846;
}

table {
	font-family: 'Poppins', sans-serif;
}

.main-img {
	padding: 0;
	position: absolute;
	max-width: 100%;
	min-width: 100%;
	top: 0;
	left: 0;
}

.main-img h1 {
	position: absolute;
	color: white;
	background-color: transparent;
	font-weight: lighter;
	top: 26vh;
	left: 17vw;
	z-index: 99;
}

.main-img img {
	opacity: 0.998;
	position: absolute;
	min-width: 100vw;
	max-height: 68vh;
	left: 0px;
	top: 0px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 9;
}

.main-img2 img {
	opacity: 0.5;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 9;
}

.auo-logo {
	top: 10vh;
	left: 10vw;
}

.header-video {
	width: 90%;
	max-height: 50vh;
}

.header-video:focus-within {
	position: fixed;
	top: 5vh;
	left: 5vw;
	max-height: 75vh;
	height: 75vh;
	z-index: 9999;
}

#blue-box {
	position: absolute;
	top: 68vh;
	left: 0vw;
	height: 32vh;
	width: 100vw;
	background-color: #131846;
	z-index: 99;
}

#blue-box table {
	position: absolute;
	table-layout: fixed;
	height: 16vh;
	width: 55vw;
	left: 13vw;
	top: 8vh;
	border-collapse: separate;
	border-spacing: 7vmin 0vmin;
}

#blue-box td {
	vertical-align: top;
  	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 50%;
}

.big-white-text {
	font-family: 'Poppins', sans-serif;
	font-size: 2vh;
	color: white;
}

.small-white-text {
	font-family: 'Poppins', sans-serif;
	font-size: 1.7vh;
	color: white;
}

.page-footer {
	position: relative;
	margin: 0;
	padding: 0;
}

.green-bar {
	height: 25vh;
	margin: 0;
	padding: 0;
	background-color: #24C9AC;
}

.grey-bar {
	background-color: #EDEDED;
	width: 100%;
	overflow: hidden;
	display: flex;
}

.gb-container {
	position: relative;
	display: inline-block;
	width: 100%;
	top: 10%;
}

.gb-container h2 {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	left: 10%;
}

.gb-container img {
	display: inline-block;
	vertical-align: middle;
}

.become-a-partner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 18vw;
	left: 15%;
}

footer button {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 6vh;
	width: 8vw;
	font-family: 'Poppins', sans-serif;
	font-size: 1vw;
	font-weight: bold;
	border: solid 1px;
	border-radius: 3px;
	color: #131846;
}

#join-footer {
	color: white;
	background-color: #131846;
	border-color: #131846;
	left: 25%
}

#join-footer:hover {
	background-color: #EC4497;
	border-color: #EC4497;
}

.content-block {
	position: relative;
	padding: 0;
	margin: 0;
}

.content-block-page {
	position: relative;
	width: 100vw;
	max-width: 100%;
}

.content-page {
	width: 50%;
	padding-left:15%;
	padding-right:15%;
}

.site-main {
	margin-bottom: 5vh;
}

.hlc-logo-footer {
	height: 12vmin;
	width: 55vmin;
	margin-left: 20vmin;
	vertical-align: bottom;
}
.case-studies-h1 {
	color: #24C9AC;
	width: 100%;
	padding-left: 22vmin;
	padding-top: 10vh;
}

.content-block-items {
	padding-left: 20vmin;
	padding-right: 20vmin;
}

.case-study-table-item {
	display: inline-block;
	width: 30%;
	height: 30%;
	margin: 1%;
	background-color: #EDEDED;
}

.case-study-table-item:hover {
	background-color: #DDDDDD;
}

.case-study-summary-text {
	margin-left: 5vmin;
	margin-right: 10vmin;
}

.case-study-title {
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
	font-size: 2vw;
	color: #24C9AC;
}

.case-study-text {
	overflow: hidden;
	font-family: 'Poppins', sans-serif;
	font-size: 2.8vmin;
	color: #131846;
}

.case-study-link {
	font-family: 'Poppins', sans-serif;
	font-size: 2vmin;
	font-weight: bold;
	color: #131846;
	text-decoration: none;
}

.underline-green {
  border-bottom: 2px solid #24C9AC;
}

.size-custom-small {
	width: 100%;
	object-fit: cover;
}

/* GENERAL CONTENT & SINGLE PAGE STYLYING */
#general-content-nav-box {
	position: absolute;
	top: 0vh;
	left: 0vw;
	height: 22vh;
	width: 100vw;
	background-color: #131846;
	z-index: 9;
}

.green {
	color: #24C9AC;
}

.pink {
	color: #EC4497;
}

.navy {
	color: #131846;	
}

.light-grey {
	color: #EDEDED;
}

.dark-grey {
	color: #DDDDDD;
}

#measure {
	position: relative;
	top: 0;
	left: 22vw;
	width: 60vw;
	margin-bottom: 15vmin;
}

#overview-block {
	position: relative;
	top: 12vmin;
	left: -20vmin;
	height: 40vmin;
	width: 40%;
	text-align: left;
	display: inline-block;
	background-color: white;
	z-index: 99;
	vertical-align:top;
}

#overview-block h2 {
	font-weight: lighter;
	font-size: 5vmin;
}

#snake-top-lines-grey {
	position: absolute;
	top: 18vh;
	left: calc(15vmin + 40vh);
	height: 60vh;
	width: calc(100vw - 15vmin - 120vh);
	background-color: #EDEDED;
	z-index: 2;
}

#snake-top-lines-white {
	position: relative;
	top: 10vh;
	left: 0;
	height: 40vh;
	width: calc(100vw - 15vmin - 110vh);
	background-color: white;
}

#snake-right-curve-grey {
	position: absolute;
	top: 18vh;
	left: calc(100vw - 80vh);
	height: 60vh;
	width: 60vh;
	background-color: #EDEDED;
	border-color: transparent;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	z-index: 1;
}

#snake-right-curve-white {
	position: relative;
	top: 10vh;
	left: 10vh;
	height: 40vh;
	width: 40vh;
	background-color: white;
	border-color: transparent;
	border-bottom-right-radius: 50%;
	border-top-right-radius: 50%;
}

#snake-left-curve-grey {
	position: absolute;
	top: 68vh;
	left: 15vmin;
	height: 60vh;
	width: 60vh;
	background-color: #EDEDED;
	border-color: transparent;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	z-index: 1;
}

#snake-left-curve-white {
	position: relative;
	top: 10vh;
	left: 10vh;
	height: 40vh;
	width: 40vh;
	background-color: white;
	border-color: transparent;
	border-bottom-left-radius: 50%;
	border-top-left-radius: 50%;
}

#snake-bottom-lines-grey {
	position: absolute;
	top: 68vh;
	left: calc(15vmin + 40vh);
	height: 60vh;
	width: calc(100vw - 15vmin - 100vh);
	background-color: #EDEDED;
	z-index: 2;
}

#snake-bottom-lines-white {
	position: relative;
	top: 10vh;
	left: 0;
	height: 40vh;
	width: calc(100vw - 15vmin - 100vh);
	background-color: white;
}

.arrow-right {
	position: absolute;
	top: 118vh;
	left: calc(100vw - 55vh);
	width: 0; 
	height: 0; 
	border-top: 5vh solid transparent;
	border-bottom: 5vh solid transparent;
	border-left: 8.5vh solid #24C9AC;
	z-index: 2;
}

.measure-icons {
	position: relative;
	left: calc(50% - 7.5vmin);
	width: 10vmin;
	height: 10vmin;
	
	background-repeat: no-repeat;
	background-size: 10vmin 10vmin;
	
	background-position: center;
	background-color: white;
	padding-left: 2vmin;
	padding-right: 2vmin;
}

.indicator-block {
	position: relative;
	top: 18vh;
	width: 22%;
	height: 50vmin;
	text-align: center;
	display: inline-block;
	margin-bottom: 0vmin;
	z-index: 99;
	background-color: transparent;
	vertical-align:top;
}

.indicator-block p {
	width: 75%;
	font-family: 'Poppins', sans-serif;
	font-size: 2vh;
	font-weight: normal;
	color: #131846;
	text-align: center;
	margin: auto;
	padding-bottom: 2vmin;
	z-index: 99;
}

.indicator-block a {
  border-bottom: 2px solid;
  display: inline-block;
  line-height: 0.85;
}

#employment {
	/*position: relative;
	top: 22vh;*/
}

#employment-icon {
	background-image: url('/wp-content/uploads/2020/01/AUO_Employment_Circle.png');
}

#employment:hover #employment-icon{
	background-image: url('/wp-content/uploads/2020/01/AUO_Employment.png');
	background-size: 8vmin 9vmin;
}

#employment a{
	border-bottom-color: #EE4C9B; 
}

#employment:hover a{
	color: #EE4C9B;
}


#food {
	/*position: relative;
	top: 22vh;*/
}

#food-icon {
	background-image: url('/wp-content/uploads/2020/01/AUO_Food-Environment_Circle.png');
}

#food:hover #food-icon{
	background-image: url('/wp-content/uploads/2020/01/AUO_Food-Environment.png');
	background-size: 8vmin 9vmin;
}

#food a{
	border-bottom-color: #05B59A; 
}

#food:hover a{
	color: #05B59A;
}


#walkability {
	/*position: relative;
	top: 22vh;*/
}

#walkability-icon {
	background-image: url('/wp-content/uploads/2020/01/AUO_Walkability_Circle.png');
}

#walkability:hover #walkability-icon{
	background-image: url('/wp-content/uploads/2020/01/AUO_Walkability.png');
	background-size: 8vmin 9vmin;
}

#walkability a{
	border-bottom-color: #00AEEF; 
}

#walkability:hover a{
	color: #00AEEF;
}


#housing {
	/*position: relative;
	top: 22vh;*/
}

#housing-icon {
	background-image: url('/wp-content/uploads/2020/01/AUO_Housing-Affordability_Circle.png');
}

#housing:hover #housing-icon{
	background-image: url('/wp-content/uploads/2020/01/AUO_Housing-Affordability.png');
	background-size: 8vmin 9vmin;
}

#housing a{
	border-bottom-color: #35459D; 
}

#housing:hover a{
	color: #35459D;
}


#social-inf {
	/*position: relative;
	top: 22vh;*/
}

#social-inf-icon {
	background-image: url('/wp-content/uploads/2020/01/AUO_Social-Infrastructure_Circle.png');
}

#social-inf:hover #social-inf-icon{
	background-image: url('/wp-content/uploads/2020/01/AUO_Social-Infrastructure.png');
	background-size: 8vmin 9vmin;
}

#social-inf a{
	border-bottom-color: #FBA919; 
}

#social-inf:hover a{
	color: #FBA919;
}


#public-open-space {
	/*position: relative;
	top: 22vh;*/
}

#public-open-space-icon {
	background-image: url('/wp-content/uploads/2020/01/AUO_Public-Open-Space_Circle.png');
}

#public-open-space:hover #public-open-space-icon{
	background-image: url('/wp-content/uploads/2020/01/AUO_Public-Open-Space.png');
	background-size: 8vmin 9vmin;
}

#public-open-space a{
	border-bottom-color: #90278F; 
}

#public-open-space:hover a{
	color: #90278F;
}


#transport {
	/*position: relative;
	top: 22vh;*/
}

#transport-icon {
	background-image: url('/wp-content/uploads/2020/01/AUO_Public-Transport_Circle.png');
}

#transport:hover #transport-icon{
	background-image: url('/wp-content/uploads/2020/01/AUO_Public-Transport.png');
	background-size: 8vmin 9vmin;
}

#transport a{
	border-bottom-color: #00529C; 
}

#transport:hover a{
	color: #00529C;
}


#alcohol {
	/*position: relative;
	top: 22vh;*/
}

#alcohol-icon {
	background-image: url('/wp-content/uploads/2020/01/AUO_Alcohol-Environment_Circle.png');
}

#alcohol:hover #alcohol-icon{
	background-image: url('/wp-content/uploads/2020/01/AUO_Alcohol-Environment.png');
	background-size: 8vmin 9vmin;
}

#alcohol a{
	border-bottom-color: #F26522; 
}

#alcohol:hover a{
	color: #F26522;
}


#liveability {
	/*position: relative;
	top: 22vh;*/
}

#liveability-icon {
	background-image: url('/wp-content/uploads/2020/01/AUO_Liveability-index_Circle.png');
}

#liveability:hover #liveability-icon{
	background-image: url('/wp-content/uploads/2020/01/AUO_Liveability-index.png');
	background-size: 8vmin 9vmin;
}

#liveability a{
	border-bottom-color: #88C653; 
}

#liveability:hover a{
	color: #88C653;
}

.footer-nav {
}

.footer-nav a {
	display: inline-block;
	width: 35vmin;
	font-size: 1.8vmin;
	font-weight: bold;
	text-decoration: none;
	color: #131846;
}

.footer-nav a:hover {
	color: #24C9AC;
}

.footer-nav p {
	display: block;
	margin: 1vmin;
	font-size: 1.8vmin;
	width: 100%;
}

.footer-nav-item {
	float: left;
	margin-left: 2vw;
}

.footer-logos {
	margin-top: 5vh;
}

.footer-logos img {
	height: 7.5vmin;
	width: 18vmin;
	margin-right: 5vmin;
}

.mailing-list {
	height: 30vmin;
	width: 30vmin;
	margin-left: 5vmin;
}

.mailing-list h3 {
	font-size: 2.0vmin;
	font-weight: bold;
	text-decoration: none;
	color: #131846;
	margin-bottom: 0;
}

.mailing-list p {
	font-size: 1.8vmin;
}

.mailing-list-button {
	height: 5vmin;
	width: 20vmin;
	background-color: #131846;
	border-radius: 12.5%/50%;
	color: white;
	font-size: 2vmin;
	font-weight: normal;
	margin-top: 3vmin;
}

.mailing-list-button:hover {
	background-color: #24C9AC;
}

.mailing-list input {
	font-size: 2vmin;
	line-height: 2vmin;
}

.blah{
	padding-top: 5vmin;
}

.blah-icons {
	/*height: 3vmin;
	width: 30vmin;
	padding-top: 5vmin;*/
}

.blah-icons img {
	height: 3vmin;
	width: 3vmin;
	margin-right: 2vmin;
}

.blah-icons img:hover {
	background-color: #24C9AC;
	border: solid 1px #EC4497;
}

.blah-icons a {
	all: unset;
}

#hamburger {
	display: none;
}


/* ======================== Sidebar ========================== */
#sidebar {
	position: absolute;
	left: 70vw;
	top: 25vh;
	width: 20vw;
	height: 70vh;
	border: solid 2px black;
	z-index: 9999;
	text-align: left;
	color: black;
}

/* ======================== Posts page ======================== */
.positioner { /* div to allow correct alignment of carousel on anchor change */
	position: relative;
	top: -20vh;
	margin: 0;
	padding: 0;
}

#latest-news-link {
	position: relative;
	top: 5vh;
	left: 5vw;
	font-family: 'Poppins', sans-serif;
	font-weight: bolder;
	font-size: 3.5vmin;

	background-color: transparent;
	color: #EC4497;
	text-decoration: none;
	z-index: 9999;
	text-align: right;
	padding-right: 1vw;
}

#latest-news {
	position: relative;
	height: 20vh;
}

#latest-news h1 {
	position: relative;
	top: 5vh;
	left: 5vw;
	width: 90vw;
	color: #24C9AC;
}

.post-preview {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #EDEDED;
}

.post-preview h3,p {
	display: inline-block;
	width: 80%;
	text-align: left;
	padding: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

.post-preview h3 {
	margin-top: 4%;	
}

.post-preview a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1vw;
}

.post-preview a:hover {
	border-bottom: 0.2vh solid #24C9AC;
}

.carousel_container {
	position: relative;
	width: 70vw;
	/*height: 60vh; commented out for carousel plugin */
	left: 10vw;
	margin-bottom: 7vh;
	box-sizing: border-box;
	scrollbar-color: transparent transparent; /* thumb and track color */
	scrollbar-width: 0px;
	-ms-overflow-style: none;
}

/* To use with carousel plugin only ===================================: */
.carousel_container h2 {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.carousel_container a {
	font-family: 'Poppins', sans-serif !important;
	font-size: 2.5vmin !important;
	font-weight: bold !important;
	color: #131846 !important;
	padding: 0 !important;
	margin-top: 1vmin !important;
	margin-bottom: 1vmin !important;
}

.carousel_container p {
	font-size: 0.8vw !important;
	font-size: 2vmin !important;	
	text-align: justify !important;
	font-weight: normal;
	width: 100%;
	padding: 0;
	margin-top: 1vmin !important;
	margin-bottom: 1vmin !important;
}

.carousel_container img {
	object-fit: cover;
	width: 100%;
}

/* cheating... */
.wpcp-post-title {
	/*line-height: 10vmin;*/
	height: 10vmin;
	width: 100%;
	overflow: hidden;
}

.wpcp-post-title a {
	/*color: red !important;*/
}

.wpcp-carousel-section p {
	height: 12vh;
}

/* end ================================================================= */

.vertical-center {
  margin: 0;
}

.thumbnail {
	position: relative;
	/*height: 60%;
	width: 100%;
	overflow: hidden;*/
	
	height: 30vh;
	width: 30vw;
	overflow: hidden;
}

.thumbnail img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.post-info {
	position: relative;
	height: 40%;
	width: calc(100% - 4px);
	z-index: 999;
}

.post-excerpt p {
	font-size: 1vw;
	text-align: justify;
}


/* ---------------------- Posts page Carousel --------------------*/
@keyframes tonext {
  75% {
    left: 0;
  }
  95% {
    left: 100%;
  }
  98% {
    left: 100%;
  }
  99% {
    left: 0;
  }
}

@keyframes tostart {
  75% {
    left: 0;
  }
  95% {
    left: -300%;
  }
  98% {
    left: -300%;
  }
  99% {
    left: 0;
  }
}

@keyframes snap {
  96% {
    scroll-snap-align: center;
  }
  97% {
    scroll-snap-align: none;
  }
  99% {
    scroll-snap-align: none;
  }
  100% {
    scroll-snap-align: center;
  }
}

.carousel__viewport::-webkit-scrollbar,
.carousel_container::-webkit-scrollbar {
  width: 0;
}

.carousel__viewport::-webkit-scrollbar,
.carousel_container::-webkit-scrollbar-track {
  background: transparent;
}

.carousel__viewport::-webkit-scrollbar,
.carousel_container::-webkit-scrollbar-thumb {
  background: transparent;
  border: none;
}

ol, li {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	padding: 0;
}

.carousel {
	position: relative;
	height: 100%;
}

.carousel__viewport {
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	overflow-x: scroll;
	counter-reset: item;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
}

.carousel__slide {
  	position: relative;
 	counter-increment: item;
	flex: 0 0 50%;
	width: 100%;
	/*To account for hidden scrollbar and ensure heights are the same for next/prev arrows*/
	height: calc(100% + 10px); 
	background-color: white;
}

.carousel__snapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	scroll-snap-align: start;
	height: 100%;
	text-align: center;
}

.carousel:hover .carousel__snapper,
.carousel:focus-within .carousel__snapper {
	animation-name: none;
}

.carousel::before,
.carousel::after,
.carousel__next,
.carousel__prev {
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
	width: 4vw;
	height: 4vw;
	border-radius: 50%;
	font-size: 0;
	outline: 0;
}

.carousel:hover::after,
.carousel:hover::before {
	border: solid 2px red;
}

.carousel::after {
	right: 1vw;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='100,50 20,100 20,0' fill='%23fff'/%3E%3C/svg%3E");
}

.carousel::before {
	left: 0;
  	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,50 80,100 80,0' fill='%23fff'/%3E%3C/svg%3E");
}

.carousel__prev {
	z-index: 9999;
	left: -2vw;
	width: 6vw;
}

.carousel__next {
	z-index: 9999;
	right: -2vw;
	width: 6vw;
}

.carousel__next:focus,
.carousel__prev:focus {
	border: solid 2px violet;
}

.carousel::before,
.carousel::after {
  	content: '';
  	z-index: 999;
	border: 1px solid #131846;
	background-color: #EDEDED;
	background-size: 2vw 2vw;
  	background-repeat: no-repeat;
  	background-position: center center;
  	color: #fff;
  	font-size: 2.5rem;
  	line-height: 4rem;
  	text-align: center;
  	pointer-events: none;
}

.post-blah {
	position: relative;
	width: 70vw;
	left: 10vw;
	text-align: center;
	margin-bottom: 2vh;
}

.post-blah-icons a {
	color: transparent;
}

.post-blah-icons img{
	height: 6vh;
	width: auto;
	margin-right: 1vw;
	margin-left: 1vw;
}

.post-blah-icons img:hover{
	background-color: #EC4497;
}

.wpcp-single-item {
	/*height: 60vh !important; Commented out for production - different carousel version??*/
}





/* ======================= Scaled for phone ================== */
/*@media only screen and (max-width: 850px) {*/
@media only screen and (max-aspect-ratio: 4/3) {
	div[id^="snake-"] {
    	display: none; 
	}
	
	.arrow-right {
		display: none;
	}
	
	#latest-news-link {
		top: 5%;
		left: 5%;
	}
		
	.indicator-block {
		height: 25vmin;
		margin: 4vmin;
		padding-bottom: 5vmin;
	}
	
	.indicator-block p{
		display: none;
	}
	
	.indicator-block h3 {
		padding-bottom: 0;
		margin-bottom: 0;
		font-size: 3vmin;
	}
	
	.indicator-block a {
		font-size: 2.5vmin;
	}

	#measure {
		position: relative;
		top: 0;
		left: 0;
		width: 90vw;
		margin-bottom: 35vmin;
	}
	
	#overview-block {
		top: 0;
		left:0;
		height: 15vmin;
		width: 100%;
		padding-left: 3vmin;
		padding-right: 3vmin;
		padding-bottom: 10vmin;
		position: relative;
		text-align: left;
		display: inline-block;
		background-color: white;
		z-index: 99;
		vertical-align:top;
	}

	#overview-block a {
		font-size: 4vmin;
	}

	#overview-block h2 {
		font-size: 7vmin;
	}
	
	.page-footer {
		height: unset;
	}
		
	.become-a-partner h3{
		display: none;
	}
	
	#join-footer {
		width: 25vmin;
		height: 10vmin;
		font-size: 2.5vmin;
	}
	
	#main-img-text {
		display: none;
		visibility: hidden;
	}
	
	#main-img-overlay {
		display: none;
		visibility: hidden;
	}
	
	/*.grey-bar {
		height: 62vh;
	}
	
	.grey-bar a {
		font-size: 2.5vmin;
		line-height: 3vmin;
	}
	
	.grey-bar h3 {
		font-size: 4vmin;
	}
	
	.footer-nav {
		text-align: center;
		width: 90%;
	 	left: 0;
		margin: 5%;
	}

	.footer-nav p {
		font-size: 2.5vmin;
	}
	
	.mailing-list {
		width: 100%;
		text-align: center;
		margin: 0;
	}

	.footer-logos {
		width: 100%;
		text-align: center;
		padding-top: 10vmin;
		margin: 0;
	}

	.footer-logos img {
		height: 7.5vmin;
		width: 18vmin;
		margin-right: 5vmin;
	}

	nav {
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		display: inline-block;
	}*/
	
	
	header button {
		font-size: 1.25vw;
		width: 12vw
	}
	
/*================= hamburger menu - only in small screen size ================ */
	
	#hamburger {
    	position: absolute;
		left: 25vw;
    	clip: rect(0, 0, 0, 0);
	}
	
	label[for="hamburger"] {
		width: 10vmin;
		height: 10vmin;
		cursor: pointer;
		background-image: url("/wp-content/uploads/2020/02/hamburger-menu-white.png");
		background-size: contain;
	}
	
	label[for="hamburger"]:hover {
		background-image: url("/wp-content/uploads/2020/02/hamburger-menu-teal.png");
	}
	
		
	#hamburger ~ .navbar {
		display: none;
	}
	
	#hamburger:checked ~ .navbar {
		display: block;
		position: absolute;
		top: 6vh;
		left: 35vw;
		transition-duration: 1s;
		background-color: #EDEDED;
		width: 50vw;
		z-index: 9999;
	}

	#hamburger:checked ~ .navbar ul{
		all: unset;
		list-style-type: none;
		width: 0vw;
		height: 0vh;
		z-index: 9999;
	}
	
	#hamburger:checked ~ .navbar li{
		display: list-item;
	}
	
	#hamburger:checked ~ .navbar a{
		width: 25vw;
		left: 0;
		margin: 0;
		padding: 0;
		font-size: 4vmin;
		text-align: left;
		color: #131846;
	}
	
	#hamburger:checked ~ .navbar a:hover{
		color: #24C9AC;
	}
}