/*
 Theme Name:   Energia- ja materiaaliloikka
 Theme URI:    
 Description:  
 Author:       Matti Lindholm
 Author URI:   
 Template:     customizr
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, buddypress, custom-menu, custom-colors, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post, post-formats, rtl-language-support, editor-style
 Text Domain:  customizr-child
*/

:root {
	--lime: #daff01; 
  	--pinkki: #ffa4f0;
	--petrooli: #005b7f;
	--ruoho: #8dc63f;
	--ruoho2: #X72a130;	
	--tiili: #bf621e;
	--turkoosi: #16becf;
	--white: #fff;
	--black: var( --white );
	--light: #f7f8f9;´
	--grey: #ccc;
	--dark: #303133;
	
	--kpkt: #26326c;	
}

@media (min-width: 60em) {
	h2 {
    	font-size: 1.66em !important;
	}
}

.leap-frontpage .sek-container-fluid, .leap-frontpage .sek-column { padding: 0 !important; }
.leap-frontpage form.czr-form .czr-focus { margin-top: 0 !important; }
.max-width-1090 { max-width: 1090px; margin: 0 auto; padding: 0 20px !important; }

.leap-aspectratio { display: block; position: relative; }
.leap-aspectratio>div { position: absolute; top: 0; left: 0; width: 100%; }

.leap-aspectratio-20-9 { padding-top: 45% !important; }
.leap-aspectratio-33-9 { padding-top: 27.27% !important; }
.leap-aspectratio-34-9 { padding-top: 26.47% !important; }
.leap-aspectratio-35-9 { padding-top: 25.71% !important; }
.leap-aspectratio-36-9 { padding-top: 25.00% !important; }
.leap-aspectratio-99-9 { padding-top: 9.09% !important; }

@media (max-width: 767px) {	
	X.article-container {
		padding-bottom: 0 !important;
	}
	X.post-content.entry-content  { 
		margin-bottom: 8px !important;
	}
	X.right.sidebar {
    	padding: 0em 15px !important;
	}
	h1, h2, h3, h4, h5, h6 { font-weight: 600 !important; }
}

@media (min-width: 768px) {
	.right.sidebar {
    	padding-top: 8px;
	}
	.leap-frontpage-categories { 
		font-size: 1.6vw; 
	}
}

@media (max-width: 767px) {
	.leap-frontpage-categories { 
		font-size: 5vw; 
	}
	.article-container {
		padding-bottom: 0 !important;
	}
	.post-content.entry-content  { 
		margin-bottom: 8px !important;
	}
	.leap_actors_widget .flex-wrap { margin-top: 15px !important; }
}

.text-align-right figure { text-align: right !important; }

@media (min-width: 768px) {
	.leap-frontpage-hexagon-img { width: 304px; position: absolute !important; top: -108px !important; right: 0; }
	.leap-frontpage-hexagon-txt { Xpadding-left: 8px; padding-right: 300px; }
}

.leap-frontpage blockquote { border-left: none; color: var( --petrooli ) !important; }
.leap-frontpage blockquote>* { color: var( --petrooli ) !important; }
.leap-frontpage cite { position: relative; display: block; text-align: right; margin: 30px; 40px 20px; font-size: 90%; }

.leap-frontpage-category-link .row .col-5  { transition: 0.1s; padding: 12px 20px; }
.leap-frontpage-category-link .row .col-7  { transition: 0.1s; padding-left: 12px; opacity: 1; }
X.leap-frontpage-category-link .row .col-7 i { padding: 0 12px; }
.leap-frontpage-category-link:hover .row .col-5 { padding: 10px 19px !important; }
.leap-frontpage-category-link:hover .row .col-7 { opacity: 1; }
.leap-frontpage-category-link:hover .row div { Xtext-decoration: underline !important; }

.leap-frontpage-category-link input { color: var( --petrooli ) !important; }
.leap-frontpage-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var( --petrooli );
	font-size: 90%;
	font-weight: 600;
  opacity: 0.5; /* Firefox */
}

.leap-frontpage-category-link input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var( --petrooli );;
}

.leap-frontpage-category-link input::-ms-input-placeholder { /* Microsoft Edge */
  color: var( --petrooli );;
}

.container[role=main] {
    margin-top: 4em !important;
}

.leap_title_award { display: inline-block; position: relative; top: -1px; background-color: var( --ruoho ); border-radius: 3px; padding: 4px 6px 2px 6px; font-family: Pirulen; font-size: 11px; line-height: 14px; letter-spacing: 1px; color: var( --white ); }
.leap_title_award_hinku { background-color: var( --ruoho ); color: var( --white ); }
.leap_title_award_kpkt { background-color: var( --kpkt ); color: var( --white ); }

.post-info { font-size: 1em !important; }

.awac-wrapper { margin-top: 3em; }

section.post-related-articles {
    margin-top: 2em !important;
}
.post-related-articles-inner {
	padding: 3em 4em;
    background-color: var( --light );
}

section.post-related-articles .related-posts_title { 
	font-size: 1.44em !important;
    font-weight: normal !important;
    background-color: transparent;
    color: var( --dark ) !important;	
}

.comment-respond {
    margin-top: 1em !important;
}

#wp-admin-bar-bp-login, #wp-admin-bar-bp-register, #wp-admin-bar-search { display: block !important; margin-left: 5px !important; }

.branding-aside { max-width: 250px !important; margin: 0 2em !important; }
.branding .header-tagline {
	font-family: 'Pirulen';
	font-style: normal;
    font-size: 15px !important;
	color: var( --petrooli ) !important;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.widget-area .widget {
    margin-bottom: 1em !important;
}

.the_champ_sharing_container { padding: 10px 5px; }
.widget_thechamphorizontalsharing .the_champ_sharing_ul { margin-top: 8px !important; }
.widget-text, .widget_thechamphorizontalsharing { text-align: left; color: var( --petrooli ) !important; }
.widget-text a { color: var( --petrooli ) !important; text-decoration: underline !important; }

.widget-title, .related-posts_title { 
	padding: 3px 6px !important;
	margin: 3px 0 3px 0 !important;
	Xtext-align: left !important; 
    Xline-height: 33px !important;
    color: var( --petrooli ) !important;
	background-color: var( --lime );	
    font-size: 14px !important;
    font-weight: 600 !important;
	letter-spacing: normal !important;
    text-transform: none !important;
	Xpadding-top: 3px;
	Xpadding-bottom: 3px;
}
.widget-title {
	Xpadding: 3px 15px !important;
	Xmargin: 1em -15px 0.5em -15px !important;align-content;
}
.widget-title::after { content: none !important; }

.leap_actors_widget .widget-title { background-color: var( --petrooli ) !important; color: var( --white ) !important; }
.leap_basic_info_widget .widget-title { background-color: var( --lime ) !important; }
.leap_economy_widget .widget-title { background-color: var( --ruoho ) !important; }
.leap_impact_widget .widget-title { background-color: var( --tiili ) !important; color: var( --white ) !important; }
.leap_taxonomies_widget .widget-title { background-color: var( --turkoosi ) !important; }
.widget_thechamphorizontalsharing .widget-title { background-color: var( --petrooli ) !important; color: var( --white ) !important; }
.leap_location_widget .widget-title { background-color: var( --pinkki ) !important; }
.leap_location_widget .ol-control button { color: var( --pinkki ) !important; }
.leap_location_widget .ol-control { background: transparent; }
.leap_location_widget .ol-control button { 
	background-color: rgba( 255, 255, 255, 0.9 ) !important; 
	height: 24px;
	width: 24px;
	border: 1px solid var( --gray );
	border-radius: 2px;
}
.leap_location_widget .ol-zoom { top: 2px; left: 2px; }
.leap_location_widget .ol-full-screen { top: 2px; right: 2px; }
.leap_location_widget .ol-attribution { bottom: 2px; right: 2px; }

.widget-row { 
	padding: 0px 6px; 
	font-size: 13px !important;
}

.hexagon {
    position: absolute;
    float: left;
    text-align: inherit;
}

.hexagon:before, .hexagon:after {
    content: "";
    position: absolute;
    width: 0;
}

.hexagon:before {
    bottom: 100%;
}

.hexagon:after {
    top: 100%;
}

.hexagon a { color: var( --white ); }
.hexagon a:hover { color: var( --white ); text-decoration: underline; }

.hexagon.hexagon_120px {
    width: 120px;
    height: 69.28px;
    background-color: #64C7CC;
    margin: 34.64px 0;
    font-size: 90%;
}

.hexagon.hexagon_120px:before {
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-bottom: 34.64px solid #64C7CC;
}

.hexagon.hexagon_120px:after {
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 34.64px solid #64C7CC;
}

.hexagon.hexagon_133px {
    width: 133px;
    height: 76.79px;
    background-color: #64C7CC;
    margin: 38.39px 0px;
}

.hexagon.hexagon_133px:before {
    border-left: 66.5px solid transparent;
    border-right: 66.5px solid transparent;
    border-bottom: 38.39px solid #64C7CC;
}

.hexagon.hexagon_133px:after {
    border-left: 66.5px solid transparent;
    border-right: 66.5px solid transparent;
    border-top: 38.39px solid #64C7CC;
}

.hexagon.hexagon_133px div {
	padding: 0 1em;
	line-height: 74px;
	text-align: center;
}

.hexagon.hexagon_133px div span {
	display: inline-block;
  	vertical-align: middle;
	line-height: 20px;
	font-size: 16px;
	font-family: Pirulen;
	letter-spacing: 1px;
	color: var( --white );
	text-transform: uppercase;
}

.hexagon.ELcolor_1:before {
    border-bottom-color: #64C7CC;
}

.hexagon.ELcolor_1:after {
    border-top-color: #64C7CC;
}

.hexagon.color_petrooli { background-color: var( --petrooli ); }
.hexagon.color_petrooli:before { border-bottom-color: var( --petrooli ); }
.hexagon.color_petrooli:after { border-top-color: var( --petrooli ); }

.hexagon.color_ruoho { background-color: var( --ruoho ); }
.hexagon.color_ruoho:before { border-bottom-color: var( --ruoho ); }
.hexagon.color_ruoho:after { border-top-color: var( --ruoho ); }
.hexagon.color_ruoho div span { color: var( --petrooli ); }
.hexagon.color_ruoho a { color: var( --petrooli ); }
.hexagon.color_ruoho a:hover { color: var( --petrooli ); text-decoration: underline; }

.hexagon.color_kpkt { background-color: var( --kpkt ); }
.hexagon.color_kpkt:before { border-bottom-color: var( --kpkt ); }
.hexagon.color_kpkt:after { border-top-color: var( --kpkt ); }
.hexagon.color_kpkt div span { color: var( --white ); }
.hexagon.color_kpkt a { color: var( --white ); }
.hexagon.color_kpkt a:hover { color: var( --white ); text-decoration: underline; }

.section-slider .wordcloud { background-image: url( '//www.energialoikka.fi/wp-content/themes/customizr-child/wordcloud_bg.png' ); background-position: center; }
.section-slider .el_wordcloud_widget { border-bottom: 1px solid var( --grey ); }	

blockquote { border-top: none !important; border-bottom: none !important; margin: 0 !important; margin-top: 2.5em !important; padding-bottom: 1.5em !important;}
blockquote p { margin-top: 0.75em !important; margin-left: 2.5em !important; padding-left: 0 !important; padding-right: 0 !important; }
cite::before { position: static !important; top: 0.5em !important; width: inherit !important; margin-left: 2em !important; border-bottom: none !important; content: "\2014 \2009" !important;}
blockquote::before { left: 0 !important; top: 0.5em !important; content: "\201D" !important; margin: 0 !important; text-align: left !important; font-family: "Georgia" !important; font-size: 5em !important; font-style: italic !important; }

@media (max-width: 767px) {	
	blockquote:before {
		position: relative !important;
		top: 0.25em !important;
	}
	blockquote p { 
		margin-left: 1.75em !important;
		font-size: calc( 14px + 1vw ) !important;
	}
}


.post-footer .justify-content-between { margin: 0 !important; }

.post_actors_title, .post_taxonomies_title {
    text-transform: uppercase;
    font-size: 1.35rem;
    font-weight: 400;
	margin: 3rem 0 1.5rem 0;
}

.archive-header  li.cat-item {
	display: inline-block;
	margin: 3px 2px;
	padding: 3px 6px;
	border: 1px solid #ddd;
	border-radius: 5px;
	Xfont-size: 80%;
	white-space: nowrap;
}

.archive-header  li.cat-item  a:hover {
	text-decoration: underline;
}

h1.entry-title { line-height: 1.2; }
.entry-content p { line-height: 1.5em; }

a.navbar-brand-sitelogo img { max-height: 140px; min-height: 96px; }

.oembedvideo {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.oembedvideo:before {
    content: "";
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    display: block;
    overflow: hidden;
}

.oembedvideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.simplefavorite-button .simplefavorite-button-txt:lang(en) span::before { content: "Add to favourites"; }
.simplefavorite-button.active .simplefavorite-button-txt:lang(en) span::before { content: "Remove from favourites"; }

.simplefavorite-button .simplefavorite-button-txt:lang(fi) span::before { content: "Lisää suosikkeihin"; }
.simplefavorite-button.active .simplefavorite-button-txt:lang(fi) span::before { content: "Poista suosikeista"; }

@media (max-width: 1199px) { 
	#customizr-slider-main_slider.czr-carousel, #customizr-slider-main_slider .czr-slider-loader-wrapper { height:450px !important; }
}

@media (max-width: 991px) {
	#customizr-slider-main_slider.czr-carousel, #customizr-slider-main_slider .czr-slider-loader-wrapper { height:375px !important; }
}

@media (max-width: 767px) {
    #customizr-slider-main_slider.czr-carousel, #customizr-slider-main_slider .czr-slider-loader-wrapper { height:300px !important; } 
}

@media (max-width: 575px) {
    #customizr-slider-main_slider.czr-carousel, #customizr-slider-main_slider .czr-slider-loader-wrapper { height:225px !important; }
}

@media (max-width: 320px) {
    #customizr-slider-main_slider.czr-carousel, #customizr-slider-main_slider .czr-slider-loader-wrapper { height:200px !important; }
}

a.icn-search { 
	font-size: 144%;
}

html:lang(en-GB) .hideWhenLang_en { display: none; }
html:lang(fi) .hideWhenLang_fi { display: none; }

.image_max_height_100px img { max-heigh: 100px; }

.btn-skin-dark, .search-form__container button, a.sek-btn { color: var( --white ) !important; background-color: var( --petrooli ) !important; border-color: var( --petrooli ) !important; }
.btn-skin-dark.disabled { background-color: #aaa !important; }
[class*=" icn-"]:before, [class^=icn-]:before { font-weight: 600 !important; }
a.btn-skin-dark:hover, .search-form__container button:hover, a.sek-btn:hover { background-color: var( --white ) !important; color: var( --petrooli ) !important; }
.search-form__container input { border-bottom-color: var( --petrooli ) !important; }
a.moretag.btn.btn-more.btn-skin-dark { text-transform: none !important; }
input:not([type=submit]):not([type=button]):not([type=number]):not([type=checkbox]):not([type=radio]):focus, textarea:focus { outline: none !important; }
.sek-grid-items.sek-shadow-on-hover article { box-shadow: none !important; }

.post_actors_title, .post_taxonomies_title, .related-posts_title { text-transform: none !important; }

.tc-grid-caption { display: none !important; }
.grid-container__square-mini .tc-content-inner { display: none !important; }

.article-container .el_actors_widget h2, .article-container h2.post_taxonomies_title, .article-container h2.related-posts_title { 
	background-color: var( --lime );
	margin-left: -200px;
	margin-right: -200px;
	padding: 2px 200px;
	line-height: 33px;
	color: var( --petrooli );
	font-size: 22px;
	font-weight: 600 !important;
}

.post-related-articles .carousel-inner { margin-left: -6px; margin-right: -6px; }
.related-posts_nav { margin-top: 0 !important; text-align: center; }

a.tooltip { cursor: pointer; }