body {
  color: #323232;
}
body, p, a, li {
    font-family: Montserrat, Roboto, sans-serif !important;
}
.bg-primary { background-color: #488e0a !important;}
.bg-dark { background-color: #00696f !important;}
.bg-light { background-color: #dadada !important; }
.border-primary { border-color: #488e0a !important; }

.text-primary { color: #488e0a !important; }
.text-dark { color: #00696f !important; }
#main { margin-top: 0;}

#navbar-main .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	width: 2.5em; 
	height: 2.5em;
}
.nav-item { font-weight: 600; } 
.nav-item.active { background-color: #00696f; }

#block-prevklyuchvatelnaezici ul { margin: 0; }
#block-prevklyuchvatelnaezici li {
	text-transform: uppercase;
	display: inline-block;
	padding: 0 0.25rem;
	font-weight: 600;
}
#block-prevklyuchvatelnaezici li.is-active { background-color: #00696f; }
#block-searchicon { padding-left: 1.25rem; }

.dropdown:hover>.dropdown-menu { display: block; }

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
article ul li,article ol li {
    position: relative;
    left: 1.5em;
    padding-right: 1em;
}
article time {
	font-weight: bold;
}
#search-modal fieldset {
    width: 100%;
}

#navbar-main {
	background-color: #313131;
	padding-bottom: 1.5rem;
}
#navbar-main nav ul li { text-align: right; }

#navbar-main a { color: #ffffff; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5,
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a{
	color: #488e0a;
	font-family: Montserrat, Roboto, sans-serif !important;
}
h1, .h1, h1 a, .h1 a { color: #00696f; }

.path-frontpage #main-wrapper h1,
.path-frontpage #main-wrapper h1 a,
.path-frontpage #main-wrapper h1 a:hover,
.path-frontpage #main-wrapper h2,
.path-frontpage #main-wrapper h2 a,
.path-frontpage #main-wrapper h2 a:hover { color: #fff; }

h3, h3 a {
    font-weight:600 !important;
    text-transform: none !important;
}
h1, h2, h3 {
	letter-spacing: 0.1rem;
}
h4, h5, h6 {
	letter-spacing: 0.05rem;
}

@media (max-width: 576px) {
	h1 { font-size: 1.8rem; }
	h2 { font-size: 1.6rem; }
	h3 { font-size: 1.4rem; }
	h4 { font-size: 1.2rem; }
	h5 { font-size: 1.1rem; }
	h6 { font-size: 1rem; }
}

a {
	text-decoration: none;
	color: #488e0a;
	font-weight: 700;
}
a:hover {
	color: #00696f;
	text-decoration: underline;
	text-decoration-style: dashed;
}
a.home-button-link:hover {
	text-decoration: none;
}
#block-languageswitcher {padding-right: 0;}

#block-languageswitcher ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0 !important;
  white-space: nowrap;
}
#block-languageswitcher li a {
	font-size: 1.5rem;
}
#block-languageswitcher li {
	display: inline-block;
	padding: 0 0 0 5px;
}
#block-languageswitcher li:after {
	margin-left: 5px;
	font-size: 1.3rem;
	content: '|';
}
#block-languageswitcher li:last-child:after { content: ''; }

.region-top-header { width: 100%; }

.view-home-block .view-content .row img {
	width: 100%;
	height: auto;
}
.view-home-block .view-content .row .overlay-ipagents {
	position: absolute;
	width: 30%;
	height: auto;
	top: 0;
	left:0;
	padding-left: 15px;
}

.header-image { clear: both; }
.header-image .overlay-ipagents img{
	position: absolute;
	width: 20%;
	height: auto;
	top: 17%;
	left:0;
}
.view-home-block .view-content .row .overlay-iplogo-full{
	position: absolute;
	width: 50%;
	height: auto;
	top: 40%;
	left:2rem;
	padding-left: 15px;
}
.header-image .overlay-iplogo-full img {
	position: absolute;
	width: 30%;
	height: auto;
	bottom: 2rem;
	left:2rem;
}
.header-image .slogan {
	position: absolute;
	left:2rem;
}
.header-image .slogan .slogan-top {
	font-family: 'Oswald', sans-serif !important;
	font-weight: 600;
	text-shadow: 1px 1px 1px rgba(49,49,49,0.8);
}
.header-image .slogan .slogan-bottom {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 400;
	color:#00696f;
	text-shadow: 1px 1px 1px rgba(49,49,49,0.8);
}

figure { position: relative; }
figure figcaption {
	position: absolute;
	bottom:0;
	left:0;
	background: #6c6d70;
	color: white;
	width: 100%;
	padding: 0.5rem;
	font-size: 1rem;
}
figure figcaption em { font-style: normal; }
figure figcaption div{ margin: 0.2rem 0.5rem 0.2rem 0.5rem; }

.site-footer { 
	font-family: Montserrat, Roboto, sans-serif !important;
	padding-top: 0;
}

.site-footer .block { margin: 0; }

svg { width: 100%; height: auto; }


.btn-primary {
    color: #fff;
    background-color: #488e0a;
    border-color: #488e0a;
}
.btn-primary:hover {
    background-color: #00696f;
    border-color: #00696f;
}

.image_picker_image, .webform-element-type-webform-image-select img {
    max-width: 100px;
}
ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background: #00696f;
}

.webform-element-description {color: white;}

img.left {float: left; margin: 0.5rem 1rem 0.5rem 0;}
.align-left  { margin-right: 1.3rem; }
.align-right { margin-left: 1.3rem; }

.view-frontpage .views-row img {
	width: 100%;
	height: auto;
}

.view-frontpage .field--type-image { margin: 0; }
.view-frontpage .field--name-field-date, .view-frontpage .field--name-node-title {
	margin: 0 1em;
}
.card {
	background: #434343;
	border: none;
	height: 100%;
}
.card h4 {
	font-size: 1.1rem;
}

.node--view-mode-teaser h2 a { color: #488e0a; }
.node--view-mode-teaser h2 a:hover { color: #00696f; }

.node-readmore a {
	color: #fff;
}

.field__label {
	color: #00696f;
}

/*Containers*/
.container { max-width: 1280px;}

/*Backgrounds*/
#navbar-top { padding-right: 0;}

/*Colors*/
.block-language, .block-language a, .block-language a:hover {
	color: #fff;
}

/*Sizes*/
#main-wrapper { min-height: 30rem; }

/*Social icons*/

.social_profiles a:hover {
	text-decoration: none;
} 

.social_profiles i.fab, .social_profiles i.fas {
	color: #323232;
	font-size: 1.5rem;
}

.svg-google-podcasts {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23323232' viewBox='0 0 32 32'%3E%3Cpath d='M2 12.906c-1.104 0-2 0.896-2 2v2.172c0 2.667 4 2.667 4 0v-2.172c0-1.104-0.896-2-2-2zM30 12.906c-1.104 0-2 0.896-2 2v2.172c0 2.667 4 2.667 4 0v-2.172c0-1.104-0.896-2-2-2zM8.906 19.453c-1.104 0-2 0.896-2 2v2.172c0 2.667 4 2.667 4 0v-2.156c0-1.109-0.891-2-2-2zM8.906 6.359c-1.104 0-2 0.896-2 2v7.146c0 2.667 4 2.667 4 0v-7.156c0-1.109-0.891-2-2-2zM23.094 6.359c-1.109 0-2 0.896-2 2v2.188c0 2.667 4 2.667 4 0v-2.188c0-1.104-0.896-2-2-2zM16 0c-1.104 0-2 0.896-2 2v2.172c0 2.667 4 2.667 4 0v-2.172c0-1.104-0.896-2-2-2zM16 25.813c-1.104 0-2 0.896-2 2v2.188c-0.010 2.667 3.99 2.682 4 0.016v-2.188c0-1.094-0.896-2-2-2zM23.094 14.531c-1.109 0-2 0.906-2 2v7.109c0 2.667 4 2.667 4 0v-7.109c0-1.104-0.896-2-2-2zM16 8.172c-1.104 0-2 0.906-2 2v11.641c0 2.667 4 2.667 4 0v-11.625c0-1.109-0.896-2-2-2z'/%3E%3C/svg%3E");
	width: 1.4rem;
	height: 1.4rem;
	display: inline-block;
}

div#sliding-popup { background: #dadada; }
#sliding-popup h1, #sliding-popup h2, #sliding-popup h3, #sliding-popup p, #sliding-popup label, #sliding-popup div, .eu-cookie-withdraw-tab {
    color: #040707;
}

article.node--view-mode-full .field--name-field-image img { margin-bottom: 0;}
article.node--view-mode-full .field--name-field-image blockquote { 
	background: #6c6d70;
	color: white;
	padding: 0.5rem;
	font-size: 1rem;
}
article.node--view-mode-list-full-content .field--name-field-image blockquote,
article.node--view-mode-teaser .field--name-field-image blockquote,

@media (min-width: 768px){
	#botModal > .modal-dialog,  .botModalClass > .modal-dialog{
		position: absolute;
		bottom: -10px;
		right: 18px;
		width: 100vw;
	}
}

.modal-header {
	background-color: #00696f;
}
.modal-header h5 {
	color: white;
}

.section-head {
	font-size: 1.1rem;
	color: white;
	padding: 0.5rem 1rem;
	margin: 1rem 0;
	background: #41ad49;
	display:inline-block
}


.addtoany_list {
	clear: both;
	display: block;
	margin: 1rem 0;
}
.addtoany_list.a2a_kit_size_32 > a {
    font-size: 16px;
}
.addtoany_list.a2a_kit_size_32 a > span {
    height: 36px;
    width: 36px;
}

.img-fluid img{
	max-width: 100%;
	height: auto;
}

.field-node--field-images {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
	overflow: hidden;
}
.field-node--field-images img {
	width: 100%;
	height: auto;
}

.carousel-item {
	display: none;
}

.field-node--field-images .carousel-item .carousel-caption {
	bottom: 2.5rem;
	margin: 0 1rem;
	background: rgba(0,0,0,0.5);
	text-align: center;
}

.node__content .field--name-field-related-articles .field__label {
	font-size: 2.4rem;
	font-weight: bold;
	font-family: 'Noto Sans', 'Roboto', sans-serif !important;
	letter-spacing: 0.1rem;
	color: #00696f;
}
.node__content .field--name-field-related-articles .field__label::after {
	content: ":"
}

.page-link {
	color: #00696f;
}

.page-item.active .page-link {
    background-color: #00696f;
    border-color: #00696f;
}

/* Webform confirmation modal */
.webform-confirmation-modal {
	width: 20rem !important;
}

.webform-confirmation-modal .ui-widget-header {
	background: #00696f;
}

.webform-confirmation-modal--content strong {
    background: #00696f;
    padding: 0.5rem 1rem;
	border-radius: 0.25rem;
}
.webform-confirmation-modal--content strong a {
	color: white;
}
.webform-confirmation-modal--content strong a:focus-visible {
	outline: none;
}
.ui-dialog .ui-dialog-titlebar-close { padding: 0 1px; top: 45%; width: 24px; height: 24px;}
.ui-dialog .ui-dialog-titlebar-close::after { content: "X"; }


/* Quotation */
blockquote {
	font-style: italic;
	font-weight: 600;
	color: #00a0b2;
}
.field--name-field-image blockquote, .fart-image blockquote {
	font-style: normal;
	font-weight: 400;
}
blockquote p, blockquote div {
	margin-bottom: 1rem;
	padding: 0 1rem;
	font-family: 'Montserrat','Roboto',sans-serif !important;
	display: flex;
	align-items: center;
	text-align: justify;
}

blockquote p::before, blockquote div::before {
	content: "\201C";
	padding-right: 1rem;
}
blockquote p::after, blockquote div::after {
	content: "\201D";
	
}
blockquote p::before, blockquote p::after, 
blockquote div::before, blockquote div::after {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	font-size: 4rem;
	font-style: normal;
	font-weight: 400;
}
/* Embeds */
.embed-responsive {
	max-width: 800px;
}

/* CAP */
footer {
	border-top: 20px solid;
	border-top-color: #00696F;
}
.path-frontpage #main-wrapper {
	background-image: url('/sites/default/themes/plan_b/images/BG.webp');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	background-clip: content-box;
}
.path-frontpage #main-wrapper > div:nth-child(even) { background: rgba(72,142,10,0.6); }
.path-frontpage #main-wrapper > div:nth-child(odd) { background: rgba(0,105,111,0.4);}
.path-frontpage #main-wrapper > div:first-child { background: rgba(72,142,10,0); }

#header-logo-wide {
	background-image: url('/sites/default/themes/plan_b/images/meadow-wide.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-bottom: 10%;
}
#block-views-block-content-wide-imaghe-block-1,
#block-views-block-content-wide-imaghe-block-2 { width: 100%; }
#views-bootstrap-frontpage-page-1 time {
	font-weight: 600;
}
@media (min-width: 1200px) {
	#views-bootstrap-frontpage-page-1 h3 {
		min-height: 6.6rem;
	}
}
.view-content {
	margin-left: 0;
	margin-right: 0;
	display: block;
}
.view-id-content_wide_imaghe .views-field-field-image .field-content {
	padding-bottom: 30%;
	overflow: hidden;
	position: relative;
}
.view-id-content_wide_imaghe .views-field-field-image .field-content img {
	width: 100%;
	height: auto;
	top:-50%; bottom:-50%;
    margin:auto;
	position: absolute;
}
.front-page-square { width: 50%; position: relative; overflow: hidden; }
.front-page-square img:hover { transform: scale(1.2); }
.front-page-square img {
    transition: .4s ease-in-out;
    display: block;
}

.front-page-square a.arrow {
	display: block;
	position: absolute;
	width: 15px;
	height: 50px;
	background-size: cover;
	top: -50%; bottom: -50%;
    margin: auto;
}

.front-page-square:last-child a.arrow {
	left: 0;
	background: url('/sites/default/themes/plan_b/images/dark_arrow.svg');
	z-index: 999;
}
.front-page-square:first-child a.arrow {
	right: 0;
	background: url('/sites/default/themes/plan_b/images/dark_arrow.svg');
	transform: rotate(180deg);
	z-index: 999;
}
.front-page-square:last-child a.arrow.white-arrow {
	left: 0;
	background: url('/sites/default/themes/plan_b/images/white_arrow.svg');
	z-index: 999;
}
.front-page-block-navigation { font-size: 1.4rem; font-weight: 600;}
.front-page-block-navigation .category-description { font-size: 1.2rem; } 

@media (min-width: 768px) {
  #header {
	background-image: url('/sites/default/themes/plan_b/images/header-wide.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center bottom;
  }
  .front-page-block-navigation { font-size: 1.6rem; }
  .front-page-block-navigation .category-description { font-size: 1.3rem; } 
  /*@-moz-document url-prefix() {
    #header {
       padding-bottom: 2px;
    }
  }*/
  .front-page-square a.arrow { width: 21px; height: 70px; }
}
@media (min-width: 992px) {
  .front-page-block-navigation .col-lg-6:first-child { padding-right: 0; }
  .front-page-block-navigation .col-lg-6:last-child { padding-left: 0; }
 }
.text-disclaimer-footer { font-size: 1rem; }
.text-disclaimer-header { font-size: 0.8rem; }
.site-footer .content a, .site-footer .content a { color: #488e0a; }
.site-footer .content a:hover, .site-footer .content a:hover { color: #00696f; }

.row-five-banners {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.row-five-banners .past-campaign{
    width: 210px;
	background: #e3e3e3;
	color: #555;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	height: 8rem;
}
.past-campaign a, .past-campaign div { 
	display: block;
	position: relative;
	color: #555;
	background: #e3e3e3;
	height: 100%;
}
.past-campaign a:hover, .past-campaign a:focus,
 .past-campaign div:hover {
	background: #00696f;
	color: #fff;
}
.past-campaign a p, .past-campaign div p { 
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 1rem;
}

.row-five-banners .topic {
    width: 230px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	height: 8rem;
	font-size: 1.1rem;
}
.row-five-banners .topic a { 
	display: block;
	position: relative;
	color: #fff;
	background: #555;
	height: 100%;
	transition: .4s ease-in-out;
}

.row-five-banners .rga-bg a {
	background-color: #105B10;
}
.row-five-banners .pra-bg a {
	background-color: #5e760a;
}
.row-five-banners .lvs-bg a {
	background-color: #9b558a;
}
.row-five-banners .lbr-bg a {
	background-color: #c97610;
}
.row-five-banners .eco-bg a {
	background-color: #008190;
}
.row-five-banners .topic a:hover {
    transform: scale(1.2);
	z-index: 100;
}

.row-five-banners .topic a p, .row-five-banners .topic div p { 
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 1rem;
}

.three-banners img {
    transition: .4s ease-in-out;
    display: block;
}
.three-banners img:hover {
    transform: scale(1.1);
    box-shadow: 0.5rem 0.5rem 0.2rem #888888;
}

form .checkbox, form .radio  {
	margin-left: 1rem;
}
form .radio {
	display: inline-block;
}
input[type='radio'],  input[type='checkbox']{
    transform: scale(1.5);
}
form h2 {
	font-size: 1.2rem;
	margin-bottom: 0;
}
form legend {
	font-weight: 700;
	font-size: 1rem;
}
form label {
	font-size: 1rem;
	font-weight: 700;
}
.form-type-textarea label, .form-type-number label {
	font-weight: 700;
}
/* Webform confirmation */
.webform-confirmation-modal {
	width: 20rem !important;
}
.ui-dialog-title {
	color: #fff;
}
.ui-dialog .ui-dialog-titlebar-close { padding: 0 1px; top: 45%; width: 24px; height: 24px;}
.ui-dialog .ui-dialog-titlebar-close::after { content: "X"; }

.video-decription {
    max-width: 800px;
    background-color: #488e0a;
	color: #fff;
	padding: 0.5rem;
	margin-bottom: 1rem;
}
tr { background: #fff; }
.breadcrumb { 
	background-color: #fff;
	padding-left: 0;

}

.view-library .views-field-title { font-size: 1.5rem; }
.view-library .views-view-grid .views-field-title { font-size: 1.1rem; }
.view-library .h2 {  font-weight: 700; }
.view-library .vocabulary-vid-na-materiala h2,
.view-taxonomy-term .views-field-field-item-type h2  { display: none; }
.view-taxonomy-term .views-field-field-item-type { display: inline-block; margin-right: 1.5rem;}
.view-taxonomy-term .views-field-title { display: inline-block; font-size: 1.3rem; margin-right: 1rem; }
.view-taxonomy-term h3 { font-size: 1.5rem !important; color:  #00696f; }
.view-library .field--name-field-ikona,
.view-library .vocabulary-vid-na-materiala { display: inline-block; }
.view-library .views-view-grid .views-field { border-left: thin solid #ccc; border-right: thin solid #ccc; padding: 0.5rem 1.5rem; }
.view-library .views-view-grid .views-field:first-child { border-top: thin solid #ccc; padding: 0; }
.view-library .views-view-grid .views-field:first-child .lib-cat { min-height: 6rem; }
.view-library .views-view-grid .views-field:first-child .lib-cat > div { padding: 1rem 1.5rem; }
.view-library .lib-cat a, .view-library .lib-cat a:hover { color: white; font-size: 1.3rem; text-transform: uppercase;  }
.view-library .views-view-grid .views-field:last-child { border-bottom: thin solid #ccc; } 


.lbr-bg { background-color: #c97610; }
.lbr-bg-arrow { 
	width: 100%;
	padding-bottom: 5%;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 5' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' class='w-100'%3E%3Cpolygon style='fill:%23c97610;fill-opacity:1;stroke:none;' points='20,0 30,0 25,5' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
}
.lvs-bg { background-color: #9b558a; }
.lvs-bg-arrow { 
	width: 100%;
	padding-bottom: 5%;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 5' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' class='w-100'%3E%3Cpolygon style='fill:%239b558a;fill-opacity:1;stroke:none;' points='20,0 30,0 25,5' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
}
.rga-bg { background-color: #105B10; }
.rga-bg-arrow { 
	width: 100%;
	padding-bottom: 5%;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 5' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' class='w-100'%3E%3Cpolygon style='fill:%23105B10;fill-opacity:1;stroke:none;' points='20,0 30,0 25,5' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
}
.pra-bg { background-color: #5e760a; }
.pra-bg-arrow { 
	width: 100%;
	padding-bottom: 5%;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 5' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' class='w-100'%3E%3Cpolygon style='fill:%235e760a;fill-opacity:1;stroke:none;' points='20,0 30,0 25,5' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
}
.sfs-bg { background-color: #00596B; }
.sfs-bg-arrow { 
	width: 100%;
	padding-bottom: 5%;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 5' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' class='w-100'%3E%3Cpolygon style='fill:%2300596B;fill-opacity:1;stroke:none;' points='20,0 30,0 25,5' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
}
.srs-bg { background-color: #C96605; }
.srs-bg-arrow { 
	width: 100%;
	padding-bottom: 5%;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 5' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' class='w-100'%3E%3Cpolygon style='fill:%23C96605;fill-opacity:1;stroke:none;' points='20,0 30,0 25,5' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
}
.eco-bg { background-color: #008190; }
.eco-bg-arrow { 
	width: 100%;
	padding-bottom: 5%;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 5' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' class='w-100'%3E%3Cpolygon style='fill:%23008190;fill-opacity:1;stroke:none;' points='20,0 30,0 25,5' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.knowledge-bg { background-color: #750b3a; }
.knowledge-bg-arrow { 
	width: 100%;
	padding-bottom: 5%;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 5' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' class='w-100'%3E%3Cpolygon style='fill:%23750b3a;fill-opacity:1;stroke:none;' points='20,0 30,0 25,5' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

@media (min-width: 992px) {
	/*.view-library .views-view-grid .views-field-title { min-height: 6rem;}
	.view-library .views-view-grid .views-field-body { min-height: 9rem;}*/
}

.view-wf-graphs-list {
	display: flex;
	flex-direction: column;
}
.view-wf-graphs-list .view-header {
	order: 2;
}
.view-wf-graphs-list .view-filters {
	order: 1;
}
.view-wf-graphs-list .view-content {
	order: 3;
}

#views-exposed-form-library-block-1 fieldset,
#views-exposed-form-library-block-2 fieldset,
#views-exposed-form-wf-graphs-list-page-1 fieldset,
#views-exposed-form-map-exhibition-block-1 fieldset {
    display: inline-block;
    margin-right: 1.8rem;
	position: relative;
}

#views-exposed-form-library-block-1 fieldset > *,
#views-exposed-form-library-block-2 fieldset > *,
#views-exposed-form-wf-graphs-list-page-1 fieldset > *,
#views-exposed-form-map-exhibition-block-1 fieldset > *  {
    display:inline-block;
}
#views-exposed-form-library-block-1 fieldset label,
#views-exposed-form-library-block-2 fieldset label,
#views-exposed-form-wf-graphs-list-page-1 fieldset label,
#views-exposed-form-map-exhibition-block-1 fieldset label {
    background: #488e0a;
    padding: 0.85rem 1rem;
    color: white;
    text-transform: uppercase;
    border-radius: 4px 0 0 4px;
}
#views-exposed-form-library-block-1 select,
#views-exposed-form-library-block-2 select,
#views-exposed-form-wf-graphs-list-page-1 select,
#views-exposed-form-map-exhibition-block-1 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
/* 	display: inline-block; */
    margin: 0.5rem 0;
    padding: 0 2.5rem 0 1.5rem;
    border: 1px solid #488e0a;
	border-left: none;
    border-radius: 0 4px 4px 0;
    margin-left: -0.2rem;
	width: initial;
	cursor: pointer;
}

/*#views-exposed-form-library-block-1 fieldset.form-type-select:after,
#views-exposed-form-library-block-2 fieldset.form-type-select:after {
    content: '+';
    font-size: 1.5rem;
    border-left: 1px solid #004e8b;
	position: absolute;
    right: 0rem;
    top: 1rem;
    padding: 0 0.5rem;
    pointer-events: none;
	cursor: pointer;
}*/
#views-exposed-form-library-block-2 fieldset input {
	width: auto;
	border: 1px solid #488e0a;
	border-radius: 0 4px 4px 0;
	height: 3.2rem;
	margin-left: -5px;
}
@media (min-width: 992px) {
	#views-exposed-form-library-block-2 select { max-width: 18rem; }
	#views-exposed-form-library-block-2 input { max-width: 18rem; }
	#views-exposed-form-library-block-2 fieldset:nth-child(3n) {
		margin-right: 0;
	}
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.eu-cookie-compliance-default-button { 
	background-image: linear-gradient(#488e0a,#488e0a);
}

#block-views-block-podcast-latest-block-3 .datetime,
#block-views-block-podcast-latest-block-3 h3,
#block-views-block-podcast-latest-block-3 h3 a {
	color: #fff;
}
.home-podcast-icon { width: 4rem; height: auto; margin-bottom: 1rem; }
.path-node .field--name-field-farmalb-nivo {
	 color: #488e0a;
	 font-weight: 700;
	 font-size: 1.5rem;
 }
 .view-taxonomy-term .taxonomy-term .field--name-description {
	 margin-bottom: 2rem;
 }
 .no-format {
    font-size: 1rem;
    color: #000;
    font-weight: 400;
	letter-spacing: normal;
}
 .view-taxonomy-term .views-field-field-subtitle {
	 display: inline-block;
 }
 
 /* Implement embed-responsive on .field--name-field-file with A4 size */
 /* Implement embed-responsive-item on .field--name-field-file iframe */
.path-node .field--name-field-file {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.path-node .field--name-field-file::before {
  display: block;
  content: "";
}
 
.path-node .field--name-field-file iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.path-node .field--name-field-file::before {
  padding-top: 134%;
}

#block-views-block-next-fl-content-block-1 h2 {
	font-size: 1.3rem;
	color: #00696f;
}

/* Open Science animated Diag*/
.os-diagram {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: end;
  width: 100&;
  height: 200px;
}
.box1, .box2, .box3, .box4, .box5 {
  border-radius: 20px;
  margin: 0 10px;
  width: 60px;
  height: 60px;
  box-shadow:  0 0 0 #cccccc,
			   0 0 0 #ffffff,
			   10px 10px 10px #cccccc inset,
			  -10px -10px 10px #ffffff inset;
  /* animation-fill-mode: forwards; */
}
.box1 { background: #00696F; animation: anime1 3s cubic-bezier(0.16, 1, 0.3, 1) 1s infinite alternate;}
.box2 { background: #ea5b0b; animation: anime2 3s cubic-bezier(0.16, 1, 0.3, 1) 1s infinite alternate;}
.box3 { background: #f7a600; animation: anime3 3s cubic-bezier(0.16, 1, 0.3, 1) 1s infinite alternate;}
.box4 { background: #488E0A; animation: anime4 3s cubic-bezier(0.16, 1, 0.3, 1) 1s infinite alternate;}
.box5 { background: #00a3a6; animation: anime5 3s cubic-bezier(0.16, 1, 0.3, 1) 1s infinite alternate;}

@keyframes anime1 {
  0% {
	width: 60px;
	height: 60px;
	box-shadow:  0 0 0 #cccccc,
				 0 0 0 #ffffff,
				  10px 10px 10px #cccccc inset,
				  -10px -10px 10px #ffffff inset;
  }
  50% {
	width: 60px;
	height: 60px;
	box-shadow:  10px 10px 10px #cccccc,
				 10px 10px 10px #ffffff,
				 0 0 0 #cccccc inset,
				 0 0 0 #ffffff inset;
  }
  100% {
	width: 60px;
	height: 160px;
	box-shadow:  10px 10px 10px #cccccc,
				 10px 10px 10px #ffffff,
				 0 0 0 #cccccc inset,
				 0 0 0 #ffffff inset;
  }
}
@keyframes anime2 {
  0% {
	width: 60px;
	height: 60px;
	box-shadow:  0 0 0 #cccccc,
				 0 0 0 #ffffff,
				  10px 10px 10px #cccccc inset,
				  -10px -10px 10px #ffffff inset;
  }
  50% {
	width: 60px;
	height: 60px;
	box-shadow:  10px 10px 10px #cccccc,
				 10px 10px 10px #ffffff,
				 0 0 0 #cccccc inset,
				 0 0 0 #ffffff inset;
  }
  100% {
	width: 60px;
	height: 120px;
	box-shadow:  10px 10px 10px #cccccc,
				 10px 10px 10px #ffffff,
				 0 0 0 #cccccc inset,
				 0 0 0 #ffffff inset;
  }
}
@keyframes anime3 {
  0% {
	width: 60px;
	height: 60px;
	box-shadow:  0 0 0 #cccccc,
				 0 0 0 #ffffff,
				  10px 10px 10px #cccccc inset,
				  -10px -10px 10px #ffffff inset;
  }
  50% {
	width: 60px;
	height: 60px;
	box-shadow:  10px 10px 10px #cccccc,
				 10px 10px 10px #ffffff,
				 0 0 0 #cccccc inset,
				 0 0 0 #ffffff inset;
  }
  100% {
	width: 60px;
	height: 90px;
	box-shadow:  10px 10px 10px #cccccc,
				 10px 10px 10px #ffffff,
				 0 0 0 #cccccc inset,
				 0 0 0 #ffffff inset;
  }
}
@keyframes anime4 {
  0% {
	width: 60px;
	height: 60px;
	box-shadow:  0 0 0 #cccccc,
				 0 0 0 #ffffff,
				  10px 10px 10px #cccccc inset,
				  -10px -10px 10px #ffffff inset;
  }
  50% {
	width: 60px;
	height: 60px;
	box-shadow:  10px 10px 10px #cccccc,
				 10px 10px 10px #ffffff,
				 0 0 0 #cccccc inset,
				 0 0 0 #ffffff inset;
  }
  100% {
	width: 60px;
	height: 200px;
	box-shadow:  10px 10px 10px #cccccc,
				 10px 10px 10px #ffffff,
				 0 0 0 #cccccc inset,
				 0 0 0 #ffffff inset;
  }
}
@keyframes anime5 {
  0% {
	width: 60px;
	height: 60px;
	box-shadow:  0 0 0 #cccccc,
				 0 0 0 #ffffff,
				  10px 10px 10px #cccccc inset,
				  -10px -10px 10px #ffffff inset;
  }
  50% {
	width: 60px;
	height: 60px;
	box-shadow:  10px 10px 10px #cccccc,
				 10px 10px 10px #ffffff,
				 0 0 0 #cccccc inset,
				 0 0 0 #ffffff inset;
  }
  100% {
	width: 60px;
	height: 100px;
	box-shadow:  10px 10px 10px #cccccc,
				 10px 10px 10px #ffffff,
				 0 0 0 #cccccc inset,
				 0 0 0 #ffffff inset;
  }
}

/* 1Q Webform */
.node--type-webform.node--view-mode-full .field--type-image {
	width: 100%;
}
.node--type-webform.node--view-mode-full .field--type-image img {
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}
@media (min-width: 992px) {
	.node--type-webform.node--view-mode-full .field--name-webform {
		display: inline-block;
		width: 50%;
		float: left;
	}
	.node--type-webform.node--view-mode-full .field--type-image {
		display: inline-block;
		width: 45%;
		float: right;
	}
}

/* SIB form */
#sib-container {
	padding: 0.5rem 0!important;
}
.sib-form {
    font-family: Montserrat, Roboto, sans-serif !important;
	padding: 0 !important;
}

@media (min-width: 576px) {
	.sib-form .entry__field {min-width: 400px !important;}
}
.sib-form-block {
	padding: 0!important;
}
.sib-text-form-block {
	color: #488e0a;
}
.sib-form .input {
	color: #323232 !important;
}
#sib-form-title {
	font-size: 1.5rem;
	color: #00696f;
	font-weight: 700;
}
.sib-form label.entry__label {
	color: #323232;
	font-weight: 400;
}
.view-display-id-page_2 h3 {
	margin-top: 1rem;
}
.view-display-id-page_2 .views-field-title {
	max-width: 90%;
}

/* Leaflet */
.leaflet-container {
	border: thin solid #00696f;
}
.leaflet-tile-container img {
	filter: sepia(60%) grayscale(60%);
}
/*.leaflet-marker-icon {
	height: 1.5rem;
	width: auto;
}*/
/* Make leaflet popup fixed */
.leaflet-popup-tip {
    display: none;
}
.leaflet-popup {
	transform: none !important;
	bottom: auto ! important;
	left: 50px ! important;
	top: 20px !important;
	/*right: 20px ! important;*/
}
.leaflet-popup-title {
    font-weight: 700;
    font-size: 1.2rem;
    color: #fff;
    background: #00696f;
    padding: 1rem;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.leaflet-tooltip { font-size: 1rem;}
a.leaflet-control-zoom-out, a.leaflet-control-zoom-in {
	text-decoration: none;
}
.leaflet-popup-content {
	margin-top: 0;
	margin-bottom: 0;
}
.leaflet-popup-body {
	margin-top: 0 !important;
}
.leaflet-popup-content p {
	margin: 0.5rem 0;
}
.leaflet-container a {
    color: #488e0a;
}

.leaflet-container a.leaflet-popup-close-button {
    background: url("data:image/svg+xml,%3Csvg fill='%2300696f' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z'/%3E%3C/svg%3E") #fff center center no-repeat;
    background-size: 16px auto;
	width: 20px;
	height: 20px;
	top: 5px;
	right: 5px;
}
.leaflet-container a.leaflet-popup-close-button span {
	display: none;
}

/* Exhibition submission */
#main-wrapper.bg-dark .container-fluid,
#main-wrapper.bg-dark .col-lg-6:first-child,
#exhibition-slider {
	background: #fff;
	padding: 1rem;
}
#main-wrapper.bg-dark h1 {
	color: white;
}
#main-wrapper.bg-dark .field--name-body {
	display: none;
}

#main-wrapper.bg-dark .col-lg-6:nth-child(2) h2 {
	background: #fff;
	padding: 1rem;
}
#main-wrapper.bg-dark .form-actions {
	margin-top: 1rem;
}
#main-wrapper.bg-dark #edit-preview {
	display: none;
}
#main-wrapper.bg-dark .col-lg-6:nth-child(2) .form-group {
	margin-bottom: 0;
}

#main-wrapper #above-footer {
	background: #fff;
}
#main-wrapper #above-footer #views-bootstrap-frontpage-block-2 .views-field-view-node,
#main-wrapper #above-footer #views-bootstrap-frontpage-block-2 .views-field-title,
.view-artcycle-gallery .views-field-view-node,
.view-artcycle-gallery .views-field-title {
	border: thin #c0ccda;
	border-style: none solid;
}
#views-bootstrap-frontpage-block-2 .views-field-body,
#views-bootstrap-frontpage-block-2 .views-field-field-image-exhibition,
.view-artcycle-gallery .views-field-body,
.view-artcycle-gallery .views-field-field-image-exhibition {
	border: thin #c0ccda;
	border-style: solid solid none;
}

#main-wrapper #above-footer #views-bootstrap-frontpage-block-2 .views-field-view-node h3,
#main-wrapper #above-footer #views-bootstrap-frontpage-block-2 .views-field-title h3,,
.view-artcycle-gallery .views-field-view-node h3,
.view-artcycle-gallery .views-field-title h3 {
	margin-bottom: 0;
}
.exh_auth {
	font-weight: 600;
}

#block-views-block-rules-exhibition-block-1 h2 {
	text-transform: uppercase;
	color: #00696f;
}

div.art-font {
	font-family: Caveat, Montserrat, sans-serif;
	color: #646464;
	display: flex;
	align-items: center;
	padding-left: 2rem;
	font-size: 2rem;
	line-height: 2rem;
	margin: 0.5rem 0;
}
div.art-font::before {
	content: "";
	width: 2.84rem;
	height: 3rem;
	background-image: url(/sites/default/files/uploads/icons/art_bullet.png);
	background-size: cover;
	display: flex;
	padding-right: 3rem;
}

 .node--type-exhibition.node--view-mode-full .field--name-field-image-exhibition img { 
	width: 100%;
	height: auto;
}

.view-id-artcycle_gallery .views-field-title {
	max-width: 100%;
}
.view-id-artcycle_gallery.view-display-id-page_2 h3 {
	margin-top: 0;
}
.rating-option-result {
	display: none !important;
}
div.thumbsup-rating-wrapper > div > label.thumbsup-rating-label-up:before {
    content: "\f164";
	color: #c0ccda;
}
div.thumbsup-rating-wrapper > div > label.thumbsup-rating-label-up.rate-voted:before {
	color: #488e0a;
}
.rating-table-label, .rating-table-td {
	display: none !important;
}

#views-bootstrap-artcycle-gallery-page-1 .views-field-node-rate-widget-field,
#views-bootstrap-artcycle-gallery-page-1 .views-field-addtoany-share {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border: thin #c0ccda;
	border-style: none solid;
}
#views-bootstrap-artcycle-gallery-page-1 .views-field-addtoany-share {
	border-bottom: thin solid #c0ccda;
}

#views-bootstrap-artcycle-gallery-page-1 .vote-result {
	display: inline-block;
}
#views-bootstrap-artcycle-gallery-page-1 .addtoany_list {
	margin: 0;
	padding-bottom: 1rem;
}

#views-bootstrap-artcycle-gallery-page-1 .views-field-body .field-content > div {
	margin-top: 1.5rem;
}
#views-bootstrap-artcycle-gallery-page-1 .rating-table-label {
	font-size: 1.3rem;
	color: #00696f;
}