/*
Theme Name: CEFC Ecobox
Theme URI: http://www.nonlinearcreations.com
Author: nonlinear
Author URI: http://www.nonlinearcreations.com
Description: Wordpress theme for the Canada's Ecofiscal Comission
Version: 1.2
License: GNU General Public License
License URI: license.txt
Text Domain: cefc
Domain Path: /languages/
Tags: green, orange, white, light, one-column, two-columns, right-sidebar, responsive-layout, custom-menu, featured-images, translation-ready
*/

/*
all of this theme's styles are defined in /library/theme/less/ (source) and /library/css/ (generated)
*/


/*--------------------------------------------------------------
Over-rides
--------------------------------------------------------------*/
.logo-retina img {
	/* fix logo size issue on retina screens*/
	width: auto!important;
	height: 44px!important;
}

.widget-posts-list > li .thumb {
	height: 85px!important;
	margin-bottom: 0!important;
}

.thumb-reports {
	height: 95px!important;
	margin-bottom: 0!important;
}

.footer-cc-logo {
	width: 30px;
	height: auto;
	margin-bottom: 10px;
}

.cc-logo-left {
	margin-right: 5px;
}

@media screen and (max-width: 400px){
	.logo-retina img {
		height: 30px!important;
	}
}

.hangingindent {
 padding-left: 105px;
 text-indent: 0;
}

.owl-item p.button-text a {
	color: #4298b5!important;
}

.owl-item p.button-text a:hover {
	color: #2e697d!important;
}

/* inline video embeds */

.post-video-right {
	width: 50%;
	float: right;
	display: inline-block;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.post-video-left {
	width: 50%;
	float: left;
	display: inline-block;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.post-video-full {
	width: 100%;
	float: none;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.post-video-top {
	margin-top: 0!important;
}

@media screen and (max-width: 640px){
	.post-video-left, .post-video-right, .post-video-full {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		float: none;
} 
}

.post-inline-video-wrap {
	margin: 20px 0 40px;
	width: 100%;
	background-color: #3e4040;	
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/* padding-top: 25px; */
	height: 0;
}

.post-inline-video-wrap > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/*--------------------------------------------------------------
Images
--------------------------------------------------------------*/
.alignleft {
  float: left;
  margin: 0 20px 10px 0;
}
.alignright {
  float: right;
  margin: 0 0 10px 20px;
}
.aligncenter, .centered-column {
	margin: 0 auto 10px auto;
	text-align: center;
}
/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.post-preview {
	padding: 15px;
	
}

.post-more {
	text-decoration: underline;
	display: block;
}

/*--------------------------------------------------------------
Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {}

/*--------------------------------------------------------------
Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {}

/*--------------------------------------------------------------
Custom
--------------------------------------------------------------*/
.tp-grid li {
	max-height: 220px;
}
.tp-title {
	width: 100% !important;
	opacity: 0.85;
}
.tp-open .tp-info, .tp-title-cover .tp-title {
	left: 0 !important;
    bottom: 0;
    top: auto !important;
    font-size: 14px;
    line-height: 16px !important;
    padding: 5px !important;
    opacity: 0.85;
    width: 100% !important;
}
.foogallery-stack-album .topbar h3 {
	text-align: left !important;
    padding: 10px 0 0 0 !important;
}
.foogallery-stack-album .topbar h3:empty {
	display: none;
}
.foogallery-stack-album .tp-grid li a.last img {
	opacity: 0;
}
.foogallery-stack-album .tp-grid.tp-open li a.last img {
	opacity: 1;
}
.tp-title-cover .tp-title span:nth-child(1){
	text-align: left !important;
    width: 100% !important;
    display: block !important;
    padding-right: 20px !important;
}
.tp-title-cover .tp-title span:nth-child(2){
	line-height: 16px !important;
	padding: 5px !important;
}
.foogallery-stack-album .back {
	left: auto !important;
	right: 0 !important;
}
.case-study-boxes h2 {
	background-color: #4398b5;
	margin: 0;
    padding: 15px;
    color: #fff;
    text-align: center;
    line-height: 1.3em;
}
.case-study-boxes .case-content {
	background: #f8f7f3;
	padding: 10px;
	margin-bottom: 25px;
	clear: both;
}
.case-study-boxes .case-content p {
	padding: 10px 5px;
    margin-bottom: 10px;
    line-height: 30px;
}
.case-study-boxes img {
	width: 100%;
	margin: 0;
}
.case-study-boxes blockquote {
	text-align: center;
	margin: 5px 5px 15px 5px;
	padding: 0;
}
.case-study-boxes blockquote p { margin-bottom: 0 !important; }
.center { text-align: center; }
.js-tubepress-gallery .js-tubepress-player-normal {
	width: 100% !important;
	height: auto;
}
.tubepress-big-title {
	display: none;
}
.video2 {
	text-align: center;
}
.video2 h3 {
	color: #fff;
    padding: 20px;
    margin: 20px;
    font-size: 2em;
}
.video2 a {
	position: relative;
	display: inline-block;
    margin-bottom: 20px;
    color: #666;
    font-size: 1.5em;
    background: rgba(255,255,255,0.75);
    padding: 10px;
    border-radius: 6px;
}
.video2 a img {
	max-width: 700px;
}
.video2 a span {
	position: absolute;
    top: 55%;
    left: 30%;
    color: #fff;
    padding: 12px 25px;
    border-radius: 5px;
    border: 3px solid white;
    background-color: rgba(66,152,181,0.6);
    font-size: 32px;
}
.video2 a span:after {
	display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0da";
    padding-left: 10px;
}

.video-container {
	padding: 20px 0;
}


.responsive-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;

}

.responsive-video-frame {
	border: 5px solid #cfcfcf;
	margin-bottom: 20px;
	background-color: #000;
}
/*
a .responsive-video-container:hover {
	 background-color: rgb(0,0,0);
	 z-index: 100;
	 box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.2);
}
*/



.responsive-video-container iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;

}


#video-preview-image:hover {
		opacity: .6;
}

@media screen and (max-width: 767px) {
	.video2 a img {
		width: 100%;
	}
	.video2 a span {
		top: 50%;
	    left: 23%;
	    background-color: rgba(66,152,181,0.75);
	    font-size: 28px;
	}
}
@media screen and (max-width: 460px) {
	.video2 a span {
		top: 45%;
	    left: 20%;
	    background-color: rgba(66,152,181,0.75);
	    font-size: 24px;
	}
}
.video2 a:hover span {
	background-color: rgba(66,152,181,0.75);
}
.fullwidth-wrapper.mailchimp {
	padding-top: 20px;
}
@media screen and (max-width: 460px) {
	.fullwidth-wrapper.mailchimp .row {
		margin: 0;
	}
}
.fullwidth-wrapper.mailchimp h2 {
	margin: 0;
	color: #d53044;
	text-align: center;
}
.fullwidth-wrapper.mailchimp h2 span {
	font-weight: 900;
}
.fullwidth-wrapper.mailchimp p {
	text-align: center;
}
.fullwidth-wrapper.mailchimp label {
	text-align: left;
}
.fullwidth-wrapper.mailchimp input {
	padding: 4px 6px;
    border: 1px solid #000;
    border-radius: 4px;
}
.fullwidth-wrapper.mailchimp select {
    height: 30px;
    border: 1px solid #000;
    border-radius: 4px;
}
.fullwidth-wrapper.mailchimp input[type=checkbox] {
	zoom: 1.6;
}
.fullwidth-wrapper.mailchimp input[type=submit] {
	background: #d53044;
	color: #fff;
	padding: 12px 40px;
	border: 0;
	border-radius: 4px;
}
.team-member .member-header > h3 > a {
	color: #4298b5 !important;
}
.meet-the-people {
	padding-top: 10px !important;
}
.landingpages img {
	width: 100%;
	border-radius: 2px;
}
/*.landingpages h1 {
	margin-bottom: 8px;
}*/
.landingpages h3 a {
	color: #fff;
}
.hide-me {
	display: none;
}
.hide-me li {
	padding: 6px 0;
	border-bottom: 1px solid #e5e4df;
}
.hide-me li:last-child {
	padding-bottom: 20px;
	border: none;
}
.theposts .post-excerpt {
	clear: both;
    padding-top: 10px;
}
.theposts {
	border: none !important;
    padding-top: 0;
}

a[href*='youtube.com/watch']{
	display: inline-block;
    position: relative;
}
a[href*='youtube.com/watch']:before {
	content: "";
    position: absolute;
    /* width: 220px; */
    width: 100%;
    /* height: 130px; */
    height: 100%;
    z-index: 100;
    background: transparent url(./images/play-btn.png) no-repeat center;
    pointer-events: none;
   
}
a[href*='youtube.com/watch']:hover:before {
    background: transparent url(./images/play-btn-hover.png) no-repeat center;
}

a[href*='youtube.com/watch'].btn:before {
	display: none;
}

.no-play-button:before {
	display: none!important;
}

.no-play-button:hover:before {
	display: none!important;
}

.stacked-button {
	margin-bottom: 1em!important;
}

@media screen and (max-width: 868px){
	/* remove 5/6 prviews from tubepress on mobile */
	.tubepress-thumb:nth-child(5), .tubepress-thumb:nth-child(6){
		display: none;
	}
}

/* email sign up form fixes */
form#mc4wp-form-1 {
	color: #3e4040;
}
form#mc4wp-form-1 input[type=text]::placeholder, form#mc4wp-form-1 input[type=email]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a9a9a9;
  opacity: 1; /* Firefox */
}

form#mc4wp-form-1 input[type=text]:-ms-input-placeholder, form#mc4wp-form-1 input[type=email]:-ms-input-placeholder  { /* Internet Explorer 10-11 */
  color: #a9a9a9;
}

form#mc4wp-form-1 input[type=text]::-ms-input-placeholder, form#mc4wp-form-1 input[type=email]::-ms-input-placeholder { /* Microsoft Edge */
  color: #a9a9a9;
}
/*
form#mc4wp-form-1 select[name="MMERGE4"], form#mc4wp-form-1 select[name="MMERGE5"]{
	border-color: #a9a9a9;
}

form#mc4wp-form-1 select[name="MMERGE4"] option:first-child, form#mc4wp-form-1 select[name="MMERGE5"] option:first-child {
	color: #a9a9a9;
}

form#mc4wp-form-1 input[type=submit]{
	color: #fff;
	border: none;
}
*/

form#mc4wp-form-1 input[type=submit]{
	background: #d53044;
	color: #fff;
	padding: 12px 40px;
	border: 0;
	border-radius: 4px;
}

form#mc4wp-form-1 input[type=submit]:hover {
	background: #DD5968;
}

body { 
	height: 100%;
	display: block;
}
	.notification-banner-active { 
		margin-top: 36px;
	}
	
	#video-modal.modal {
		position: fixed;
		width: 100%;
		height: 100%;
		display: none;
		top: 0;
		left: 0;
		z-index: 9999;
		background: rgba(0,0,0,0.8);
		padding: 60px;
			
	}
	
	#close-modal {
			position: absolute;
			text-align: right;		
			width: 100%;		
			margin-left: -120px;
			margin-top: -60px;
			z-index: 20000;
		}

	
	@media screen and (max-width: 480px){
		#video-modal.modal {
			padding: 20px!important;
		}
		
		.top-wrapper {
			padding-top: 0!important;
		}
		
		#close-modal {
			margin-left: -40px;
			margin-top: -20px;
		}
		
	}
	
	#video-modal .modal-content {
		height: 100%;
		position: relative;
		background: none!important;
		background-color: none;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: none!important;
		border: none;	
	}
	
	.modal-content .wp-video {
		/* force video player to >600px */
    		width: 100% !important;
	}
	
	#show-video-modal {
		cursor: pointer;	
		margin-left: 10px;
		padding: 2px 4px;
		border: 1px solid #fff;
		-webkit-transition: background .2s, color .2s, border .2s;
		transition: background .2s, color .2s, border .2s;
	}
	
	#show-video-modal:hover{
		border: 1px solid #000;
		background: #000;
		color: #fdffe8;		
	}
	
	#video-modal .wp-video {
		/* force video player to >600px */
    		width: 100% !important;
	}
	
	/* OPEN LETTER */
	
	.open-letter {
		
	}
	
	.open-letter p.drop-para {
		padding: 10px 0px;
		font-size: 24px;
		font-weight: 200;
		line-height: 1.6;
		font-style: italic;
		text-transform: none;
	}
	
	.open-letter h2 {
		padding-top: 20px;
		font-size: 24px;
		color: #8c9d03;
	}
	
	.open-letter h3 {
		color: #8c9d03;
		padding: 10px 0px;
		font-size: 20px;
		font-weight: 200;
		line-height: 1.6;
		font-style: italic;
		text-transform: none;
	}
	
	.open-letter a {
		color: #21759b;
	}
	
	.letter-signatures {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-top: 40px;
		margin-bottom: 100px;
	}
	
	.letter-signature {
		width: calc(25% - 30px);
		margin: 15px;
	}
	
	.letter-name {
		font-size: .9em;
		line-height: 1.4em;
		margin-bottom: 5px;
	}
	
	.letter-title {
		font-size: .8em;
		line-height: 1.4em;
		font-style: italic;
		color: #999;
	}
	.letter-school {
		font-style: normal;
	}
	
	
	
	/* NOTIFICATION BAR */
	
	a.modal-show-button {
		color: #fdffe8;
		font-size: 14px;
		cursor: pointer;	
		margin-left: 10px;
		padding: 2px 4px;
		border: 1px solid #fdffe8;
		-webkit-transition: background .2s, color .2s, border .2s;
		transition: background .2s, color .2s, border .2s;
	}
	
	a.modal-show-button:hover {
		background: #fdffe8;
		color: #4298b5;
	}
	
	/* LETTER MODAL */
	
	.modal-letter-wrapper {
		display: block;
		padding: 60px;
		/* height: 60vh; */
		width: 50vw;
		background: #fff;
	}
	
	.modal-letter-wrapper h1 {
		text-align: center;
	}
	
	p.center-text {
		text-align: center;
	}
	
	.modal-letter-wrapper p.drop-para {
		padding: 10px 0px;
		font-size: 24px;
		/* font-weight: 200; */
		line-height: 1.2;
		/* font-style: italic; */
		text-transform: none;
	}
	
	.modal-cta-wrapper {
		margin-top: 40px;
		text-align: center;
	}
	
	.modal-letter-wrapper a {
		color: #fdffe8;
		background:#4298b5; 
		font-size: 14px;
		cursor: pointer;	
		padding: 10px 20px;
		border: 1px solid #fdffe8;
		-webkit-transition: background .2s, color .2s, border .2s;
		transition: background .2s, color .2s, border .2s;
		margin: 20px auto;
	}
	
	.modal-letter-wrapper a:hover {
		color: #fdffe8;
		background: #8c9d03;
		
	}
	
	
	@media screen and (max-width: 640px){
		
		.modal-letter-wrapper h1 {
			font-size: 1.6em;
			margin-bottom: 5px;
		}
		.modal-letter-wrapper {
			width: 90vw;
			padding: 10px;
		}
		
		.modal-letter-wrapper p {
			margin-bottom: 10px;
		}
		
		.modal-letter-wrapper p.drop-para {
			font-size: 14px;
			line-height: 1.428571429;
			padding: 0;
		}
		
		.letter-signature {
			width: calc(33.3333% - 30px);
		}
	}
	
	@media screen and (max-width: 480px){
		.letter-signature {
			width: calc(50% - 30px);
		}
	}
	
	/* fix case studies on /carbon-pricing/fast-facts/ */
	
	.case-study-boxes-flex {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	.case-study-boxes-flex .col-md-4  {
		width: 33.33333%;
	}
	
	@media screen and (max-width: 992px){
		.case-study-boxes-flex .col-md-4  {
			width: 50%;
		}
	}
	
	@media screen and (max-width: 640px){
		.case-study-boxes-flex .col-md-4  {
			width: 100%;
		}
	}
	
	/* Fix main nav */
	
	.navbar-collapse-holder {
		-webkit-box-shadow: none!important;
		box-shadow: none!important;
	}