/*
Theme Name: Narratium
Theme URI: 
Author: Rafael Martín
Author URI: 
Description: Narratium is clean, blog-focused, and designed for clarity. Best suited for writers and bloggers.
Version: 1.1.8
Text Domain: narratium
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, theme-options, translation-ready
Edited: Xenia Maximova <kmaximov@greenpeace.org>
*/

/* CUSTOM FONTS */

@font-face {
	font-family: 'Activist';
	src: url('/font/Activist/Activist.eot');
	src:
	     url('/font/Activist/Activist.eot?#iefix') format('embedded-opentype'),
	     url('/font/Activist/Activist.woff2') format('woff2'),
	     url('/font/Activist/Activist.woff') format('woff'),
	     url('/font/Activist/Activist.ttf') format('truetype'),
	     url('/font/Activist/Activist.svg#Activist') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GeometriaNarrowLight';
	src: url('/font/GeometriaNarrow/GeometriaNarrow-Light/GeometriaNarrow-Light.eot');
	src:
	     url('/font/GeometriaNarrow/GeometriaNarrow-Light/GeometriaNarrow-Light.eot?#iefix') format('embedded-opentype'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Light/GeometriaNarrow-Light.woff2') format('woff2'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Light/GeometriaNarrow-Light.woff') format('woff'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Light/GeometriaNarrow-Light.ttf') format('truetype'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Light/GeometriaNarrow-Light.svg#GeometriaNarrow-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'GeometriaNarrow';
	src: url('/font/GeometriaNarrow/GeometriaNarrow-Regular/GeometriaNarrow-Regular.eot');
	src:
	     url('/font/GeometriaNarrow/GeometriaNarrow-Regular/GeometriaNarrow-Regular.eot?#iefix') format('embedded-opentype'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Regular/GeometriaNarrow-Regular.woff2') format('woff2'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Regular/GeometriaNarrow-Regular.woff') format('woff'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Regular/GeometriaNarrow-Regular.ttf') format('truetype'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Regular/GeometriaNarrow-Regular.svg#GeometriaNarrow-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GeometriaNarrowMedium';
	src: url('/font/GeometriaNarrow/GeometriaNarrow-Medium/GeometriaNarrow-Medium.eot');
	src:
	     url('/font/GeometriaNarrow/GeometriaNarrow-Medium/GeometriaNarrow-Medium.eot?#iefix') format('embedded-opentype'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Medium/GeometriaNarrow-Medium.woff2') format('woff2'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Medium/GeometriaNarrow-Medium.woff') format('woff'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Medium/GeometriaNarrow-Medium.ttf') format('truetype'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Medium/GeometriaNarrow-Medium.svg#GeometriaNarrow-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GeometriaNarrowBold';
	src: url('/font/GeometriaNarrow/GeometriaNarrow-Bold/GeometriaNarrow-Bold.eot');
	src:
	     url('/font/GeometriaNarrow/GeometriaNarrow-Bold/GeometriaNarrow-Bold.eot?#iefix') format('embedded-opentype'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Bold/GeometriaNarrow-Bold.woff2') format('woff2'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Bold/GeometriaNarrow-Bold.woff') format('woff'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Bold/GeometriaNarrow-Bold.ttf') format('truetype'),
	     url('/font/GeometriaNarrow/GeometriaNarrow-Bold/GeometriaNarrow-Bold.svg#GeometriaNarrow-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'GeometriaBold';
	src: url('/font/Geometria/Geometria-Bold/Geometria-Bold.eot');
	src:
	     url('/font/Geometria/Geometria-Bold/Geometria-Bold.eot?#iefix') format('embedded-opentype'),
	     url('/font/Geometria/Geometria-Bold/Geometria-Bold.woff2') format('woff2'),
	     url('/font/Geometria/Geometria-Bold/Geometria-Bold.woff') format('woff'),
	     url('/font/Geometria/Geometria-Bold/Geometria-Bold.ttf') format('truetype'),
	     url('/font/Geometria/Geometria-Bold/Geometria-Bold.svg#Geometria-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'GeometriaBoldItalic';
	src: url('/font/Geometria/Geometria-BoldItalic/Geometria-BoldItalic.eot');
	src:
	     url('/font/Geometria/Geometria-BoldItalic/Geometria-BoldItalic.eot?#iefix') format('embedded-opentype'),
	     url('/font/Geometria/Geometria-BoldItalic/Geometria-BoldItalic.woff2') format('woff2'),
	     url('/font/Geometria/Geometria-BoldItalic/Geometria-BoldItalic.woff') format('woff'),
	     url('/font/Geometria/Geometria-BoldItalic/Geometria-BoldItalic.ttf') format('truetype'),
	     url('/font/Geometria/Geometria-BoldItalic/Geometria-BoldItalic.svg#Geometria-BoldItalic') format('svg');
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: 'GeometriaMedium';
	src: url('/font/Geometria/Geometria-Medium/Geometria-Medium.eot');
	src:
	     url('/font/Geometria/Geometria-Medium/Geometria-Medium.eot?#iefix') format('embedded-opentype'),
	     url('/font/Geometria/Geometria-Medium/Geometria-Medium.woff2') format('woff2'),
	     url('/font/Geometria/Geometria-Medium/Geometria-Medium.woff') format('woff'),
	     url('/font/Geometria/Geometria-Medium/Geometria-Medium.ttf') format('truetype'),
	     url('/font/Geometria/Geometria-Medium/Geometria-Medium.svg#Geometria-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'GeometriaMediumItalic';
	src: url('/font/Geometria/Geometria-MediumItalic/Geometria-MediumItalic.eot');
	src:
	     url('/font/Geometria/Geometria-MediumItalic/Geometria-MediumItalic.eot?#iefix') format('embedded-opentype'),
	     url('/font/Geometria/Geometria-MediumItalic/Geometria-MediumItalic.woff2') format('woff2'),
	     url('/font/Geometria/Geometria-MediumItalic/Geometria-MediumItalic.woff') format('woff'),
	     url('/font/Geometria/Geometria-MediumItalic/Geometria-MediumItalic.ttf') format('truetype'),
	     url('/font/Geometria/Geometria-MediumItalic/Geometria-MediumItalic.svg#Geometria-MediumItalic') format('svg');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'Geometria';
	src: url('/font/Geometria/Geometria-Regular/Geometria-Regular.eot');
	src:
	     url('/font/Geometria/Geometria-Regular/Geometria-Regular.eot?#iefix') format('embedded-opentype'),
	     url('/font/Geometria/Geometria-Regular/Geometria-Regular.woff2') format('woff2'),
	     url('/font/Geometria/Geometria-Regular/Geometria-Regular.woff') format('woff'),
	     url('/font/Geometria/Geometria-Regular/Geometria-Regular.ttf') format('truetype'),
	     url('/font/Geometria/Geometria-Regular/Geometria-Regular.svg#Geometria-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'GeometriaItalic';
	src: url('/font/Geometria/Geometria-RegularItalic/Geometria-RegularItalic.eot');
	src:
	     url('/font/Geometria/Geometria-RegularItalic/Geometria-RegularItalic.eot?#iefix') format('embedded-opentype'),
	     url('/font/Geometria/Geometria-RegularItalic/Geometria-RegularItalic.woff2') format('woff2'),
	     url('/font/Geometria/Geometria-RegularItalic/Geometria-RegularItalic.woff') format('woff'),
	     url('/font/Geometria/Geometria-RegularItalic/Geometria-RegularItalic.ttf') format('truetype'),
	     url('/font/Geometria/Geometria-RegularItalic/Geometria-RegularItalic.svg#Geometria-RegularItalic') format('svg');
	font-weight: 400;
	font-style: italic;
}

/* CUSTOM FONTS end */


			.meta, .meta b, .post-item-meta, .post-item-meta strong, .post-item-meta b, .icon-tag, .widget-title, .post-date, .by-user, .paginator, .wp-block-quote cite, .wp-block-quote footer, .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-latest-posts__post-date, .header-menu-wrap .menu-handle > span, .link-chip {font-family:'Activist';font-weight:normal!important;}
			.aktivist, .activist, .ktt-interview-question:before, .ktt-interview-answer:before {font-family:'Activist'!important;font-weight:normal!important;}
			.geometriabold, p.has-drop-cap:not(:focus):first-letter, .wp-block-latest-posts.is-grid li a, .project-page-title {font-family:'GeometriaBold'!important;}
			.geometrianarrow, .site-body-content {font-family:'GeometriaNarrow'!important;}
			.geometriamedium, .site-typeface-title, .site-typeface-title-1, .site-typeface-title-2, .site-typeface-title-3, .site-header-subtitle, .site-typeface-headline {font-family:'GeometriaMedium'!important;}
			.site-header-title {font-size: 1.8em;}

html .site-body-content > h1, html .site-body-content > h2, html .site-body-content > h3, html .site-body-content > h4, html .site-body-content > h5, html .site-body-content > h6, html .site-body-content > hr, html .site-body-content > table, html .site-body-content > dl, html .site-body-content > address, html .site-body-content > code, html .site-body-content > section, html .site-body-content > pre, html .site-body-content > audio {font-family: 'Geometria';}

.site-typeface-title em, .site-typeface-title i, .site-header-subtitle i, .site-typeface-headline i span {font-family: 'GeometriaItalic';}


html .site-body-content > h6 {
	line-height: 1.4em;
}

html .site-body-content > blockquote, .wp-block-pullquote>p {
    font-size: 1.3em;
	line-height: 1.1em;
	font-family:'GeometriaBold';
}
.wp-block-pullquote>p {
    font-size: 1.2em;
    line-height: 1.2em;
    font-family: Activist;
}
.wp-block-pullquote {
	border-width: 4px 0!important;
	background-color: transparent;
}
.wp-block-pullquote cite {
	font-family: 'GeometriaNarrow';
    text-align: center!important;
    color: #666;
    font-size: 0.8em;
    display: inherit;
}
html .site-body-content ol li {
    padding-bottom: 20px;
}
html .site-body-content ol li strong, html .site-body-content ol li b, .widgettitle {
    font-family:'GeometriaBold';
}
.opacity-05 {
    opacity: 0.95;
}
.widgettitle {
    font-size: 1.5em;
	text-align: left;
}
.project-page-title {font-size: 2.5em;}
.material-icons-content {
	font-family: 'Material Icons';
    font-size: inherit;
    vertical-align: middle;
    position: absolute;
    width: 200px;
    text-align: right;
    margin-left: -220px;
}
.ktt-interview-name {
    position: absolute;
    width: 200px;
    text-align: right;
    margin-left: -220px;
    font-size: 0.65em;
    /* font-weight: 200; */
    font-family: 'Activist';
    font-weight: normal!important;
    line-height: 1.7em;
    margin-top: 2px;
}

.paginator {
	font-size: 1rem;
}

.paginator:nth-child(1n+2) {
	margin-top: -30px!important;
}

.multi-page-pagination {display:none}

.wp-user-avatar {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    border-bottom: white solid 3px;
	padding-bottom: 0px;
}
.user-sideheader-subtitle {
	font-size: 0.9em;
    text-align: left;
    line-height: 1.4em;
}
.wp-block-ugb-expand, .widget_ktt_posts_column_widget, .widget_ktt_posts_list_widget {text-align:left;}

.widget_ktt_posts_list_widget {
	margin: 0 40px!important;
}

.wp-block-columns {

}
.wp-block-column {
    text-align: left;
    margin-right: 30px;
}
.wp-block-column:last-child {
    margin-right: 0;
}
.wp-block-column .wp-block-button {
    margin-bottom: 0;
	word-break: break-word!important;
}

.header-menu-wrap .menu-handle > span  {
	font-size: 12px;
}

.color-scheme-blue_night .howto-card, .color-scheme-radar .howto-card  {
    background-color: rgba(144, 121, 121, 0.2);
    text-align: left;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 40px;
	margin: 30px 0!important;
	color: #28324d;
}

.color-scheme-light_blue .howto-card, .color-scheme-sand .howto-card, .color-scheme-base_light .howto-card, .color-scheme-violet .howto-card {
    background-color: rgb(255, 255, 255)!important;
    text-align: left;
    border-radius: 0;
    border: 1px solid rgba(225, 225, 225, 0.59)!important;
    padding: 10px 40px;
    margin: 30px 0!important;
}

.md-button.md-default-theme.md-fab:not([disabled]):hover, .md-button.md-fab:not([disabled]):hover {
    background-color: rgb(96, 125, 139);
}

.at-share-btn {
	width: 80px;
	/*height: 50px;*/
    margin: 0!important;
	text-align: center;
	border-style: solid!important;
    border-width: 0 1px 0 0!important;
    border-color: rgba(255, 255, 255, 0.15)!important;
}
.at-resp-share-element .at-share-btn:focus, .at-resp-share-element .at-share-btn:hover {
    transform: none!important;
    background-color: rgba(255, 255, 255, 0.2)!important;
    text-decoration: none;
}
.at-icon-wrapper {
    float: inherit!important;
}


    .act-button {
      background: linear-gradient(-45deg, #ee77523d, #e73c7e45, #23a6d542, #23d5ab57);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
    }
@-webkit-keyframes Gradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}

@-moz-keyframes Gradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}

@keyframes Gradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}
.resp-container-horizontal {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
	margin-bottom: -230px!important;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.basic-sideheader .wp-user-avatar{
	width:auto;
	max-width:120px;
	height: auto;
}

.news_main{
	height:calc(40vw - 15px);
	min-height:calc(500px - 15px);
	display:table;
	position:relative;
	margin-top: 15px;
}
.news_main ._bg{
	display:none!important;
	position:absolute;
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover;
	z-index:2;
	opacity:0.4;
}
.news_main ._it1{
	height:0;
	opacity:0;
/*	position:relative;
	top:-100px;
	opacity:0;*/
}
.news_main div{
	display:table-row;
	height:16%;
	width:100%;
}
.news_main a{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	font-family:'GeometriaMedium';
	font-size: 0.9em;
	line-height: 1.3em;
	color:#fff !important;
	padding: 0 30px;
	position:relative;
	z-index:10;
}
.news_main a:hover{
	background:rgba(255, 255, 255, 0.2) !important; 
}
.news_main #news_item {
	text-align:left;
}
.news_main #news_item a {
	padding-left: 50px;
}
.news_main #news_item i{
    margin-left: -22px;
    margin-right: 5px;
}

.news_main ._it1 a{
	background:rgba(255, 255, 255, 0.2);
}
.news_main ._hr{
	height:1px;
}
.news_main hr{
	margin-left:30px;
	margin-right:30px;
}
.news_main ._al a{
	font-family:"Activist";
	height:50px;
	font-weight: 400;
	font-size:0.8em;
	padding-bottom:5px;
}

.gpSlider{
	position: relative !important;
	height: 40vw;
	overflow:hidden;
}
.gpSlider.button-behaviour:active{
	transform:none;
}
.gpSlider .gpSlide{
	position: absolute !important;
	width: 100%;
}
.gpSlider .slider-arrow{
	font-size:60px;
	z-index:11;
	position:absolute;
	height:100%;
	opacity:0.7;
	padding-bottom:60px;
	cursor:pointer;
}
.gpSlideLeft{
	left:0;
}
.gpSlideRight{
	right:-5px;
}
.gpSlider .slider-arrow:before{
	position:relative;
	top:50%;
}
.gpSlider .slider-arrow:hover{
	opacity:1;
}

.gpSlider .slider-arrow .material-icons{
	position: relative;
    top: 50%;
    font-size: 0.6em;
    margin: 0 15px;
	font-weight: normal;
}

.addthis_inline_share_toolbox .at4-visually-hidden {
display:none !important;
}
.at-icon-wrapper {
display: inline-block;
line-height: 48px;
height: 48px;
cursor: pointer;
}
a.at-share-btn, a.at-share-btn:hover, div.addthis_native_toolbox a, div.addthis_native_toolbox a:hover, div.addthis_tool a, div.addthis_tool a:hover, div.addthis_toolbox a, div.addthis_toolbox a:hover {
height: 58px;
padding:5px;
}


html .site-body-content figcaption {
	font-family:'Activist';
    margin: 0.8em 20px;
    font-size: 0.7em;
    line-height: 1.4em;
}
.site-body-content figcaption em {
	font-family:'Activist';
}
html .site-body-content .blocks-gallery-item figure {
	padding-top:0;
	padding-bottom:0;
}
html .site-body-content figure a {
    display: inline;
}
.sidebar, .sidebar-right {
	width: 400px;
    float: right;
    font-family: Activist;
    font-size: 0.8em;
    line-height: 1.5em;
	margin-bottom: 10px!important;
	margin-left: 25px!important;
}
.sidebar strong {
	float: right;
    margin-top: 15px;
}
.sidebar strong.by-user {
	float:left!important;
	margin: 0;
	display: contents;
	font-size: 0.8em;
} 
.sidebar-medium, .sidebar-right-medium {
	width: 330px;
    float: right;
    font-family: Activist;
    font-size: 0.8em;
    line-height: 1.5em;
	margin-bottom: 10px!important;
	margin-left: 25px!important;
}
.sidebar-300, .sidebar-right-300 {
	width: 300px;
    float: right;
    font-family: Activist;
    font-size: 0.8em;
    line-height: 1.5em;
	margin-bottom: 10px!important;
	margin-left: 25px!important;
}
.sidebar-left-300 {
	width: 300px;
    float: left;
    font-family: Activist;
    font-size: 0.8em;
    line-height: 1.5em;
	margin-bottom: 10px!important;
	margin-left: 25px!important;
}
.sidebar-left-medium {
	width: 330px;
    float: left;
    font-family: Activist;
    font-size: 0.8em;
    line-height: 1.5em;
	margin-bottom: 10px!important;
	margin-left: 25px!important;
}
.sidebar-small, .sidebar-right-small {
	width: 250px;
    float: right;
    font-family: Activist;
    font-size: 0.8em;
    line-height: 1.5em;
	margin-bottom: 10px!important;
	margin-left: 25px!important;
}
.sidebar-left-small {
	width: 250px;
    float: left;
    font-family: Activist;
    font-size: 0.8em;
    line-height: 1.5em;
	margin-bottom: 10px!important;
	margin-left: 25px!important;
}

.post-template-template-simple-featured-image .at-share-btn, .page  .at-share-btn {
    padding: 5px;
    width: 20%;
}
.post-template-template-simple-featured-image .at-share-btn:hover, .page .at-share-btn:hover {
	background-color: #f4f4f4!important;
}
.post-template-template-simple-featured-image .at-icon-wrapper>svg, .page .at-icon-wrapper>svg {
	fill: #607D8B!important;
}
.news-sharing-buttons .at-icon-wrapper>svg {
	fill: #607D8B!important;
}

div.stick-share {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 5px 0 0;
	z-index: 10;
}
.stick-share::before{
	border-right-color:rgba(237, 186, 129, 0.5);
}
div.sticky {
    /*position: -webkit-sticky;
    position: sticky;*/
	position: relative;
    top: 0;
    /*padding: 5px 0 0;*/
	z-index: 10;
}
.sticky::before{
	/*border-right-color:rgba(237, 186, 129, 0.5);*/
}
.sticky::after{
	font-family:"pin";
	content:"\E800";
}
div.spc_blc::after{
	content:"";
}
div.spc_blc::before{
	content:none;
}
.wp-block-faq-block-for-gutenberg-faq {
    color: #666;
    font-size: 0.7em;
    background: transparent;
    line-height: 1.6em;
    padding: 10px 40px;
    margin-bottom: 10px;
}
.wp-block-faq-block-for-gutenberg-faq .question {
	font-family: 'Activist';
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	padding: 0;
}
.wp-block-faq-block-for-gutenberg-faq .answer {
	padding: 0 40px;
	background: transparent;
    text-align: left;
    overflow-wrap: break-word;
    font-size: 1.4em;
    line-height: 1.4em;
    font-family: GeometriaNarrow;
	border-width: 0 0 0 4px;
    border-style: solid;
	border-color: #009688;
    margin: 30px 0 40px;
}

.rotate {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	margin:0!important;
}
.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
    height: 100%!important;
}
.wp-block-gallery.is-cropped .blocks-gallery-item img {
    height: 100%!important;
}

.aligncenter {
	margin: 0 auto!important;
}

ol { counter-reset: item }
ol li { display: block }
ol li:before { content: counter(item) ". "; counter-increment: item; color: #333; font-family:'Activist'!important;    margin-right: 5px; font-weight: bold; font-size:inherit!important; }

.wp-block-quote cite {
	font-size: 0.7em;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
    margin: 0 0 16px;
    padding: 0 1em 0.5em;
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
    font-size: 1.2em;
    font-style: normal;
    line-height: 1.2;
}
.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {
	font-size: 0.9em;
}
.gallerycaption {
	font-family: 'Activist';
    font-size: 0.7em;
    line-height: 1.4em;
	color: #6c7781;
    text-align: center!important;
}

.frontpage-extra-menu  .menu-item{
    font-family: Activist;
    opacity: 0.7;
}
.frontpage-extra-menu  .menu-item:hover{
    opacity: 1;
}
#search-2 {
	background:none!important;
	padding: 0 0 10px;
}
.navi-menu-categories {
	padding: 0 20px;
    text-align: center;
	margin-top: -30px;
}
.navi-menu-categories ul li {
	margin: 0 10px;
}
.navi-menu-categories-include{
	padding-bottom: 15px!important;
}
.navi-menu-categories-include li{
	padding: 10px 0 0 0!important;
}
.navi-menu-categories-include li{
	font-size: 0.5em!important;
    margin: 0 0 0 25px!important;
}
.navi-menu-categories-include li:before {
    content: '\e81b';
    font-family: 'icons'!important;
    padding-right: 10px;
    opacity: 1!important;
    margin-left: -20px;
}
.navi-menu-categories ul li a{
	color: #026e80!important;
}
.navi-menu-main ul {
    font-size: 1.5em;
    font-family: GeometriaBold;
    float: left;
    text-align: left;
}
.navi-menu-main ul li{
    line-height: 1.2em;
    padding: 10px 0;
}
.navi-menu-main ul li a{
    color: #026e80!important;
}
.navi-menu-main ul li a:hover{
    color: #4596a5!important;
}

.material-icons.favorite_border {
	padding-left: 10px;
	animation: blink 1s linear infinite;
}
@keyframes blink{
0%{opacity: 0;}
20%{opacity: 0.1;}
100%{opacity: 1;}
}
.footer-firm {
	font-family: GeometriaMedium;
}
.direct-dialog-button{
	padding-top: 10px;
    background: #026e8069;
}

html .site-body-content .wp-block-button a {
    margin: 30px;
	word-break: keep-all!important;
}
.text-tooltip {
	border-bottom: 2px #4a3ddd dashed;
}

.material-icons.back-home {
	font-size: 2em;
}
.story-footer-meta {
	font-size: 1.2em;
	font-family: 'Activist';
}

.scrlLdr{
	width:100%;
	display:block;
	height:60px;
	background:url(/wp-content/uploads/2018/09/preloader.svg) no-repeat center center;
}
.job, .listing {
	list-style-position: outside!important;

}
.job li {
	padding: 10px 0;
	margin-left: 8px!important;
	list-style-type: none!important;
	/*color: #606060;*/
}
.listing li {
	padding: 10px 0;
	margin-left: 8px!important;
	list-style-type: none!important;
	/*color: #606060;*/
	line-height: 1.3em;
    font-family: 'GeometriaMedium';
}
.job li:before, .listing li:before {
	content: '\e81b';
	font-family: 'icons'!important;
	padding-right: 15px;
	opacity: 1!important;
}

.expert-card {
	text-align: left;
	position: relative;
	padding-bottom: 30px;
}
.expert-avatar {position: relative;}
.expert-avatar img {border-bottom: 1px #d2d8d9 solid;padding-bottom: 20px;padding-right: 20px; margin-bottom:20px;position: absolute;/*bottom: 0;*/}
.expert-text {border-left: 1px #d2d8d9 solid;padding-left: 20px;}
.expert-name {padding: 0px!important;font-size: 1.1em;}
.expert-description {
	font-family: Activist;
    font-size: 0.7em;
    line-height: 1.5em;
	opacity: 0.8;
}
.menu-page-breaker {font-size: 0.8em;padding: 30px 0;}
.menu-page-breaker li:first-child {padding-top: 15px;}
.menu-page-breaker li:last-child {padding-bottom: 15px;}
.menu-page-breaker li {padding: 0 10px;}
.widget_ktt_featured_post_widget, .widget_ktt_posts_column_widget {
	    padding: 0 40px 30px;
}
.category-news .post-subtitle b, .category-news .post-subtitle strong {
	font-family: 'Activist'!important;
}

.wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption {
    display: -webkit-box;
    caption-side: bottom;
}
.wp-block-separator.is-style-wide {
    border-bottom-width: 0.01em;
}
html .site-body-content .wp-block-separator {
    max-width: 300px;
}
.instagram-media {
	margin:auto!important;
}

.theme-background-color {
	background-color: rgb(96, 125, 139);
}
.edit-drop-cap {
	float: left;
	font-size: 8.4em;
	line-height: .68;
	font-weight: 800;
	margin: .05em .1em 0 0;
	text-transform: uppercase;
	font-family: 'GeometriaBold'!important; 
}

.circle-mask, .circle-mask .aligncenter, .circle-mask .alignleft, .circle-mask .alignright {
    -webkit-clip-path: circle(40% at 50% 50%);
    clip-path: circle(40% at 50% 50%);

}
figure.message-mask {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 75%, 65% 76%, 65% 85%, 50% 75%, 0% 75%);
clip-path: polygon(0 20%, 100% 20%, 100% 75%, 65% 76%, 65% 85%, 50% 75%, 0% 75%);
}
.bevel-mask {
-webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}

figure.rounded-corners {
  border-radius: 10px;
}

figure.message-mask, figure.bevel-mask, figure.circle-mask {
	margin-left:0!important;
	margin-right: 30px!important;
    width: 120px!important;
}

body.home .hide.show-xs{
	display:none !important;
}

.howto-card > p:empty  {
    display: none;
}

.mobile {
	display:none;
}

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    vertical-align: bottom;
    position: relative;
	font-size:0.8em;
}

sup {
bottom: 1ex;
}

sub {
top: .1ex;
}

.news-post-subtitle, .news-post-subtitle i, .news-post-subtitle strong {
font-family: 'Activist'!important;
}

.full-width {
	width:100%;
}

.lineheight-1-7 {
	line-height: 1.7em;	
}

.cups-collection .wp-block-column {
	font-size: 15px;
    line-height: 18px;
    text-align: center;
    margin: auto 0;
}
.cups-collection .wp-block-column p {
	background: url(--https://greenpeace.ru/wp-content/uploads/2019/01/coffe-togo-background2.png);
  	background-repeat: no-repeat;
  	background-position: center;
    background-size: auto 200px;
    padding: 40px 0;
    min-height: 200px;
}
.cups-collection .wp-block-column .wp-block-button.is-style-squared a{
	color: #313131;
	font-family: 'Activist';
	padding-top: 20px;
}
.small-quote-text cite{
	font-size: 0.6em;
    line-height: 0.6em;
}
.small-activist{
	font-size: 0.8em;
    line-height: 1.5em;
	font-family: 'Activist';
}

.header-in-columns .wp-block-column h4 {
    padding: 0;
}

.font08em {
	font-size: 0.8em;
}

.spoiler .question h4 {
    font-size: 1.2em;
    line-height: 1.4em;
    font-family: GeometriaNarrow;
	text-transform: none;
	padding: 15px 40px;
	color: #000;
}

.spoiler .question:first-child:before {
	content: '\2186';
    font-size: 25px;
	color: #4A3Ddd;
	padding: 20px;
}

.spoiler .answer {
    border-style: dotted;
	border-color: #d2d2d2;
    color: #000;
}

.whalestory {margin-top:25px!important;}
.whalestory .wp-block-column:nth-child(2) {border-left: solid grey 1px;}
.whalestory .wp-block-column .wp-block-image {margin-bottom:0;}
.whalestory .wp-block-column .wp-block-image figure {padding:0;}

.timeline-line {
	border-left: solid #898989 1px;
}
.timeline-line p {
    padding: 0px 1em;
    text-align: left;
}
.timeline-line .timeline {
    padding-top: 1em;
}
.timeline {
    overflow: hidden;
    text-align: left;
    padding-left: 30px;
}
.timeline:before {
    background-color: #898989;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    right: 0.5em;
    margin-left: -50%;
}

.site-typeface-title.text-size-2xlarge {
    font-size: 1.9em;
    line-height: 1.3em;
}
.h1-title {
    font-size: 1em!important;
}

.button-w-icon:before{
    position: relative;
    margin-right: -100px;
    padding: 0 50px;
}

.button-w-icon a{
  padding-left: 50px;
}

.widget_ktt_featured_post_widget {
		padding:0 0 10px;
	}

.widget_ktt_featured_post_widget .by-user {
		font-size: 0.8em;
	}

.float-left {
	float:left;
}
.float-right {
	float: right;
}
.float-right-img img {
	float: right;
}
.width-60px img {
	width:60px!important;
}
.width-65px img {
	width:65px!important;
}
.width-70px img {
	width:70px!important;
}
.width-75px img {
	width:75px!important;
}
.width-80px img {
	width:80px!important;
}
.width-90px img {
	width:90px!important;
}
.width-120px img {
	width:120px!important;
}
.media-block-firefighters-tour {
	grid-template-columns: auto!important;
}

.media-block-firefighters-tour .wp-block-media-text__content {
    grid-area: media-text-content;
    padding: 0 15px;
    word-break: break-word;
}

.firefighters-menu-column {
	margin:0!important;
}


.text-button {
	text-decoration: underline;
	background: #ff980096;
    padding: 0 3px 3px;
}
.text-button-2 {
    text-decoration: underline;
    background: #FF9800;
    padding: 0 3px 3px;
    color: #ffffff!important;
}

.padding-bottom-0-important {
    padding-bottom: 0px!important;
}

.two-columns-30-70 .wp-block-column:first-child {
	flex-basis: 30%;
}
.two-columns-30-70 .wp-block-column:last-child {
	flex-basis: 70%;
}

.tooltip-copy {
  position: relative;
  display: inline-block;
}

.tooltip-copy .tooltiptext-copy {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 0.9em;
  font-family: 'Geometria';
}

.tooltip-copy .tooltiptext-copy::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip-copy:hover .tooltiptext-copy {
  visibility: visible;
  opacity: 1;
}
.button-copy-clipboard {
	background-color: #b70610;
    margin: 12px 20px;
    color: white!important;
    font-family: 'GeometriaBold';
    background-image: url(https://greenpeace.ru/wp-content/uploads/2020/05/copy-url-white.png);
    background-repeat: no-repeat;
    background-size: 20px;
	background-position: 15px center;
	padding-left:  40px;
}
.wp-block-column ul, .wp-block-column ol {
    list-style-position: outside!important;
}
.wp-block-column ul li {
    list-style-type: disc;
    margin-left: 10px!important;
}

.wp-block-table.text-table.is-style-stripes {
	border-collapse: collapse;
	padding: 10px!important;
    font-size: 0.85em!important;
    line-height: 1.3em!important;
}
.text-table tbody{
	border: 0!important;
	margin: 0!important;
    font-family: 'GeometriaNarrow'!important;
}
.wp-block-table.text-table.is-style-stripes tr:nth-child(odd) {
    background-color: #fff!important;
	border-bottom: 1px dashed rgb(221, 221, 221)!important;
}
.wp-block-table.text-table.is-style-stripes tr:nth-child(even) {
    background-color: #F7F7F7!important;
	border-bottom: 1px dashed rgb(221, 221, 221)!important;
}
.wp-block-table.text-table.is-style-stripes tr:first-child {
    border-bottom: 1px solid rgba(128, 128, 128, 0.85)!important;
}
.wp-block-table.text-table.is-style-stripes td {
	min-width: 100px;
}
.text-faq {margin: 20px 0!important;}
.text-faq .question:first-child:before {
    font-size: 2em;
    float: left;
    margin: 0 10px 0 0;
    background: #dcdbdb;
    padding: 2px 4px;
}
.text-faq .question h4{
    font-size: 1em;
	margin-left:30px;
}

.text-faq .answer {
    border-width: 0 0 0 1px;
    border-color: #929292;
	margin: 30px 0 0;
}

.text-transform-normal .question{
text-transform: initial!important;
}

.text-smaller .question{
font-size: 0.9em!important;
}

.arrow-faq .question:before {
  content: '⇣'!important;
    font-size: 20px;
    float: left!important;
    margin-right: 5px!important;
}

a.wp-block-file__button {
	color: white!important;
	font-family: 'GeometriaBold';
}

p.has-drop-cap.small-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 5em;
    font-style: normal;
    font-weight: 100;
    line-height: .68;
    margin: .12em .1em 0 0;
    text-transform: uppercase;
}

html .site-body-content .wp-block-separator {
	margin: 1.5em auto 1.5em auto!important;
	border-style: outset;
	border: 0;
    height: 1px;
    /* background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); */
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.podcast-announce-block {
	display: block;
	width: 100%;
	padding: 20px 40px 23px;
	font-family: 'Activist';
	font-size: 0.8em;
	background: #27262b;
	-webkit-box-shadow: inset 0px 0px 20px -2px rgba(92,91,92,0.66);
	-moz-box-shadow: inset 0px 0px 20px -2px rgba(92,91,92,0.66);
	box-shadow: inset 0px 0px 20px -2px rgba(92,91,92,0.66);
}

.podcast-announce-block a:hover {
  color: #fff;
}
.podcast-announce-block .episode{
	font-family: GeometriaMedium;
    font-size: 1.2em;
}

.act-page-button {
	background-color: transparent;
    border: white solid 1px;
}





































@media screen and (max-width: 1330px) and (min-width: 701px) {
	.regular-page .basic-sideheader {min-width: 150px;}
	
}
@media screen and (max-width: 1330px) and (min-width: 960px) { 
    .regular-page .site-header-title, .regular-page .site-header-subtitle {
        display:none;
    }
	.regular-page .nextprev-buttons {
		display: inline-block;
	}
	.regular-page .flex-50 {
		display: inline-block;
    	border-style: solid;
    	border-width: 0px 0 1px 0!important;
    	border-color: rgba(255, 255, 255, 0.15);
    	width: 100%;
		max-width: 100%;
}
}
@media screen and (max-width: 960px) {
	.at-share-btn {
		width: 20%;
	}
}
@media screen and (max-width: 864px) { 
	.gpSlider {height: 500px!important;}
	.gpSlider .wp-user-avatar {width:90px!important;}
}
@media screen and (max-width: 700px) { 
	.wp-block-columns { display: block; }
	.sidebar, .sidebar-left, .sidebar-left-small, .sidebar-right-small, .sidebar-small, .sidebar-left-medium, .sidebar-right-medium, .sidebar-medium { width: 100%; margin-bottom: 20px; }
	.gpSlider .wp-user-avatar {width:70px!important;}
	.wp-block-column {
    	margin-right: 0;
    	margin-bottom: 30px;
	}
	.wp-block-column p {
		margin: 0 30px;
	}
	.wp-block-column:last-child {
    	margin-bottom: 0;
	}
	html .site-body-content > blockquote, .wp-block-pullquote>p {
    font-size: 1em;
	}
	#breadcrumbs li {
    font-size: 0.9em;
	}
	html .site-body-content figure.alignleft, html .site-body-content img.alignleft, html .comment figure.alignleft, html .comment img.alignleft, html .site-body-content figure.alignright, html .site-body-content img.alignright, html .comment figure.alignright, html .comment img.alignright {
    margin-right: 0;
    float: inherit;
}
	html .site-body-content figcaption, .gallerycaption {
    margin: 0.8em 20px 0;
    font-size: 0.5em;
}
	.blocks-gallery-item figure figcaption {
		font-size: 0.4em!important;
	}
	.mobile {
		display:block;
	}
	.desktop {
		display:none;
	}
	.resp-container-horizontal {
	margin-bottom: -100px!important;
}
	
	.header-in-columns .wp-block-column h4 {
    text-align: center;
}
	.header-in-columns .wp-block-column figure.wp-block-image {
    margin: 0 auto;
}
	.header-in-columns .wp-block-column h6 {
	    padding: 0 1em;
		font-size: 22px;
	}
	.whalestory .wp-block-column:nth-child(2) {border-left: none;}
	
.id-ktt_featured_post_widget--1-content .meta .by-user {
	font-size: 0.8em;
}
	.site-body-content-wrap .site-body-content p, .site-body-content-wrap .site-body-content h2, .site-body-content-wrap .site-body-content h4, .site-body-content-wrap .site-body-content h6 {
    padding-left: 20px;
    padding-right: 20px;
}
	.widget_ktt_posts_list_widget {
    margin: 0 20px!important;
}
	.basic-sideheader-content .site-typeface-title.text-size-2xlarge {
    font-size: 1.7em;
    line-height: 1.2em;
}
	.h1-title {
    font-size: 1em!important;
}
	
.media-block-firefighters-tour {
    grid-template-columns: 30% auto;
}
	.wp-block-table.text-table.is-style-stripes td {
    min-width: auto;
}
}

@media screen and (max-height: 700px) {
.basic-sideheader-content .use-responsive-text-sizes-fixes .padding-both-20{
	display:none;
}
.single-post .site-header-subtitle p {
	display:none;
}

}
@media screen and (max-width: 400px) { 

.wp-block-gallery {
    display: block;
}
.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    width: 100%;
	margin: 0 0 20px;
}
.wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child {
	margin: 0;
}
	p.has-drop-cap:not(:focus):first-letter, .edit-drop-cap {
    float: left;
    font-size: 3em;
    line-height: .68;
    font-weight: 800;
    margin: 0.1em .4em 0 0;
    text-transform: uppercase;
    font-family: 'GeometriaBold'!important;
}
.user-sideheader-subtitle {
	font-size: 0.7em;
}
.user-sideheader-title {
	font-size: 1.5em!important;
}
	.gpSlider .slider-arrow .material-icons {
    margin: 0 0 0 10px;
}
	
	.site-body-content-wrap .padding-both-30 {
    /* padding: 0; */
}
	.spoiler {
    margin: 0 -20px!important;
}
.wp-block-faq-block-for-gutenberg-faq {
    padding: 10px 10px 0 0;
}
.wp-block-faq-block-for-gutenberg-faq .question {
    font-size: 90%;
}
.wp-block-faq-block-for-gutenberg-faq .answer {
    padding: 0 0 0 15px;
    font-size: 1.2em;
}

.spoiler .question h4 {
    padding: 15px 20px;
}
.spoiler .answer {
    padding: 0 20px;
}
.color-scheme-base_light .howto-card {
		padding:10px;
	}
.color-scheme-base_light .howto-card h4 {
    font-size: 1.2em;
	}
.color-scheme-base_light .howto-card h6 {
    font-size: 1em;
	}
	
html .site-body-content ol li {
    margin-left: 25px;
}
.sidebar-left-small {
		float: unset;
		margin-bottom: -30px!important;
	}
figure.message-mask, figure.bevel-mask, figure.circle-mask {
    margin-left: 10px!important;
    margin-right: 20px!important;
    width: 120px!important;
    margin-bottom: 0px!important;
}
	.bevel-mask.sidebar-left-small {
		float:left;
	}
	.message-mask.sidebar-left-small {
		margin-bottom: -30px!important;
		margin-left: 20px!important;
	}
.resize-h2 {
	font-size: 1.8rem;
    line-height: 2rem;
}
.firefighters-menu-column {
    line-height: 0.5rem;
}
.media-block-firefighters-tour .wp-block-media-text__content {
    grid-area: media-text-content;
    padding: 0;
    word-break: break-word;
}
.text-button {
	padding: 0 3px;
    line-height: 1.4em;
}
}

@media screen and (max-height: 340px) {
.button-w-icon:before {
    display: none;
}
}
@media screen and (max-width: 360px) {

.site-body-content-wrap .site-body-content p, .site-body-content-wrap .site-body-content h2, .site-body-content-wrap .site-body-content h4, .site-body-content-wrap .site-body-content h6 {
    padding-left: 15px;
    padding-right: 15px;
}
.basic-sideheader-content .site-typeface-title.text-size-2xlarge {
    font-size: 1.5em;
    line-height: 1.2em;
}
	.h1-title {
    font-size: 1em!important;
}
.widget_ktt_posts_list_widget {
    margin: 0!important;
}
}
