/* 
Logo media css mod by SS: 070223
 */
	.pulsating-circle-link{
		display: none;	
	}

		.climatePartnerInfo{
		margin-right:115px;
		margin-left:115px;
	}

.sysStatText
{    
	color: white;
	font-size: 12px;
	display: inline-block;
	position: relative;
	right: 48px;
	top: -42px;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#main-header .logo{
		max-width:125px;
	}
	
	.climatePartnerInfo{
		font-size:75%;
			margin-right:0px;
		margin-left:0px;
	}
	
		.pulsating-circle-link{
		display: none;	
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	#main-header .logo{
		max-width:140px;
	}
	
		.climatePartnerInfo{
		font-size:85%;
		margin-right:0px;
		margin-left:0px;
	}
	
		.pulsating-circle-link{
		display: none;	
	}
	
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	#main-header .logo{
		max-width:200px;
	}
	
	.pulsating-circle-link{
		display: block;	
	}
		.climatePartnerInfo{
		margin-right:115px;
		margin-left:115px;
	}
	
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	#main-header .logo{
		max-width:250px;
	}
	
		.pulsating-circle-link{
		display: block;	
	}
	.climatePartnerInfo{
		margin-right:115px;
		margin-left:115px;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	#main-header .logo{
		max-width:300px;
	}
	
	.pulsating-circle-link{
		display: block;	
	}

	.climatePartnerInfo{
		margin-right:115px;
		margin-left:115px;
	}
	
}



	.pulsating-circle {
		position: absolute;
		right:0px;
		top: 20px;
		transform: translateX(-50%) translateY(-50%);
		width: 30px;
		height: 30px;
	}

	.pulsating-circle:before {
		content: '';
		position: relative;
		display: block;
		width: 160%;
		height: 160%;
		box-sizing: border-box;
		margin-left: -9px;
		margin-top: -9px;
		border-radius: 45px;
		background-color: #00ff00;
		animation: pulse-ring 3.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
	}

	.pulsating-circle:after {
		content: '';
		position: absolute;
		left: 0; 
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background-color: #47a848;
		border-radius: 15px;
		box-shadow: 0 0 8px rgba(0,0,0,.3);
		animation: pulse-dot 3.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;  
	}

	@keyframes pulse-ring {
		0% {
			transform: scale(.33);
		}
		80%, 100% {
			opacity: 0;
		}
	}

	@keyframes pulse-dot {
		0% {
			transform: scale(.8);
		}
		50% {
			transform: scale(1);
		}
		100% {
			transform: scale(.8);
		}
	}


/* End ss mods */

.unclickable{
	pointer-events:none;
}

.n2-ss-slider .n2-ss-layer{
    width: 100% !important;
}

.n2-ss-slider .n2-ss-layer img{
  width: 160px;
	height: 160px;
}
.alternate-blue-block .description a, 
.alternate-purple-block .description a {
    color: white !important;
}

}

@media (max-width: 767.98px) {
    .hero-block .hero-play-button {
        display: none !important;
    }
}


@media (max-width: 62.5rem) {
	  .hero-block .vimeo{
			top: 0 !important;
			left: 0 !important;
			bottom: 0 !important;
			right: 0 !important;
			width: 100% !important;
			height: 110% !important;
			transform: scale(2.25) !important;
    }
	
    .hero-block .vimeo iframe{
        min-height: 100% !important;
       min-width: 100% !important;
       top: 50% !important;
    }
	
	 .hero-block .hero-play-button {
        display: none !important;
    }
}


@media (max-width: 47.999rem) {
    .hero-block .youtube{
		display: none;
	}
}

.hero-block .youtube{
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	transform: scale(2);
	overflow: hidden;
}

.hero-block .youtube iframe{
	position: absolute;
	 top: 0;
	 left: 50%;
	 right: 0;
	 bottom: 0;
	width: 100%;
	min-width: 500px;
	transform: translatex(-50%);
}


/* Changes made by Russell Davies Aug 2022 
Hide vimeo video on several pages and display the featured image */

@media only screen and (min-width: 601px) {

#post-1781 .hero-block, #post-2111 .hero-block, #post-20 .hero-block
	 {
    background: transparent !important;
}
	
}

@media only screen and (max-width: 600px) {
	
#post-1781 .vimeo, #post-2111 .vimeo, #post-20 .vimeo {
    display: none;
}
	
}