/* @override 
	http://ef8.commpla.com/themes/copernicus/assets/css/extra.css?* */


/* changed to comply with Copernicus guidelines, 
@see https://efascom.smhi.se/jira/browse/EFCC-1925 
@see https://eu-copernicus.github.io/copernicus-component-library/
*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');*/

@font-face {
    font-family: 'opendyslexic3';
    src: url('https://antijingoist.github.io/web-accessibility/fonts/opendyslexic3-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'opendyslexic3';
    src: url('https://antijingoist.github.io/web-accessibility/fonts/opendyslexic3-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
	font-family: 'Lato', sans-serif ;
  font-display: swap;
    font-size: 17px;
    font-weight: 300;
}

/* labels in Bootstrap are white by default! */
body, .label { 
     color: #202121;
}

/* moved to efas module (/css/efas.module.css)
body.domain--stage--efas--eu {
  border: 5px solid blue;
}

body.domain--dev--efas--eu {
  border: 5px solid red;
}

body.domain--www--efas--local {
  border: 5px solid green;
}

body.domain--www--efas--local:before {
  content: 'LOCAL';
  position: fixed;
  right: 5px;
  top: 0px;
  color: green;
 font-size: 1.4em;
}*/

.navigazione {
	
	margin-bottom: 50px;
}


ul.inline li.node-readmore {
    padding: 0;
    float: right;
}
.header
{
	background:url(/themes/copernicus/assets/images/bg-header.jpg) repeat-x top center;
}
#phrase_home
{
	
	background:url(/themes/copernicus/assets/images/bg-phrase.jpg) repeat-x top center;
	padding:40px 40px;
}

#phrase_home h3
{
	text-align:center;
	color:#fff;
	margin-bottom:30px;
	font-size: 30px;
    font-weight: bold;
}
#phrase_home p
{
	text-align:center;
	color:#fff;
	font-size: 25px;
    font-weight: bold;
}
.region-phrase-home
{
	width: 80%;
    margin: 0 auto;
    /*background: #000;
    opacity: 0.9;*/
}
.owl-nav
{    font-size: 36px;
    color: #FAA73E;
    width: 100px;
	margin: 0 auto;
}
.owl-prev
{   display: inline-block;
    float: left;
}
.owl-next
{   display: inline-block;
    float: right;
}
.region-latestnews, .region-spotlight
{
	padding:15px;
}
#services {
    background: #FAA73E;
    color: #FFF;
    padding: 20px 0;
} 
#services a{
	color: #FFF;
}
#latestnews .owl-item h3
{  
    min-height: 70px;
}

#latestnews .owl-item .data
{  
    color: #BFBEBE;
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 15px;
}
#latestnews .owl-item .body
{  
    min-height: 90px;
}

#spotlight
{
	background-color: #2e5c7c;
	color:#fff;
}
#spotlight .owl-nav 
{
	color:#fff;
}
#spotlight .item .row
{
	background-color: #7c8483;/*fbb700;*/
}
#spotlight .body
{
	margin-right:30px;
}
#latestnews, #spotlight
{
	padding:20px;
}
h2
{
	font-size:28px;
}
h3
{
	font-size:26px;
}
h4
{
	font-size:20px;
}
.nopadding{
	padding: 0;
}
.mrt-10 {
	margin-top: 10px;
}
.mrb-10 {
	margin-bottom: 10px;
}
.mrb-20 {
	margin-bottom: 20px;
}
.mrb-30 {
	margin-bottom: 30px;
}
.mrb-40 {
	margin-bottom: 40px;
}
.mrb-50 {
	margin-bottom: 50px;
}
.mrb-60 {
	margin-bottom: 60px;
}
.bg-f9 {
	background: #f9f9f9;
}

.view-event-section .row
{
	margin-bottom:10px;
}
.btn.btn-primary, ul.inline li.node-readmore a {
    font-size: 18px;
	 background-color: transparent;
    border-color: #FAA73E;
    color: #FAA73E;
}
.btn.btn-primary:hover, ul.inline li.node-readmore a:hover {
    font-size: 18px;
	background-color: #FAA73E;
    border-color: #fff;
    color: #fff;
}

.view .field--name-field-date
{
	
	color:#999;
}

.view .field--name-body
{
	margin-bottom:20px;
}
/* Style the navbar 
#globalmenu {
  overflow: hidden;
}

#globalmenu a {
  float: left;
  display: block;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}*/

/* Page content */
/*
.content {
  padding: 16px;
}*/

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

.links .col-md-4
{
	min-height:420px;
}

.overall img,.hydrology img,.meteorology img
{
	border:1px solid #eee;
}
.overall .pager, .hydrology .pager, .meteorology .pager
{
	display:none;
}
.border .col-md-6
{
	border: 1px solid #eee;
    padding: 10px;
	background-color: #f5f5f5;
}
.links{
    float: right;
	padding:0;
    margin-top: 7px;
    margin-bottom: 0;
}
.links li
{
	display:inline-block;
	margin-left:10px;
}

.pdt-20{
	padding-top: 20px;	
}
.pdb-20{
	padding-bottom: 20px;	
}

.breadcrumb {
  margin-bottom: 0px !important;
  display: none;
}

.float-right
{
	float:right;
}

.card-header {
    padding: 1px;
    /*padding-bottom: 16px;*/
    background-color: whitesmoke;
	margin-top: 5px;
	min-height: 100px;
	position: relative;
	z-index: 3;
  cursor: pointer;

}
#countrieslist .in{
	position: relative;
	z-index: 1;
}
#countrieslist .in:before{
	display: block;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.36);
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.card-header .btn-nation {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
}

.partners-page #key {
  float: right;
  color: #999;
}

.partners-page #key .btn-nation {
  padding: 10px;
  margin: 5px;
  display: inline-block;
}
.card-header .btn-nation,
.partners-page #key .btn-nation {
  background: #FAA73E;
}


.card-header.third-party .btn-nation,
.partners-page #key .btn-nation.third-party {
	background-color: white;
  border: 1px solid #FAA73E;
}

.card-header.third-party .btn-nation a,
 .partners-page #key .btn-nation.third-party a {
	background-color: white;
  color: #FAA73E;
}

.card-header .btn-nation a,
.partners-page #key .btn-nation a {
	color: #fff;
	font-size: 13px;
}

.partners-page #key .btn-nation a,
.partners-page #key .btn-nation.third-party a {
  border-color: transparent;
  cursor:default; /* it is not a real button*/
}
.card-header .mb-0 a {
    font-size: 17px;
    text-align: left;
    font-weight: 600;
    color: #555;
    border: none;
}
.card-body{
	background-color: #eee;	
	border-top: none;
    padding-bottom: 10px;
	padding-top: 10px;
	

	
}
 .card-body .col-md-10
{
	padding-left: 30px;
}
 .card-body img
{
    padding-right: 15px;
}
.card-header h5.mb-0 {
	margin-top: 0;
}
.card-header h5.mb-0 a.btn.btn-link {
	white-space: normal;


}
.card-header div.row div.col-md-4 {
		text-align: right;
}

.card-header div.row div.col-md-4 a.btn.btn-link {
	font-size: 100% !important;
   text-align: left !important;
	white-space: normal;
   background-color: #337ab6;
   color: white;
   margin: 5px;
   padding: 3px;
   display: block;
}
.card-header div.row div.col-md-4 a.btn.btn-link:hover {
	text-decoration: none;
	background-color: #FAA73E;
}
/*LISTA LOGHI DATA PROVIDERS*/
.fix-col-5 li {
    width: 20%;
}
ul.fix-col.fix-col-5 {
	margin: 0;
	padding: 0;
}
.fix-col li {
    display: inline-block;
    vertical-align: middle;
    margin: 4% 2%;
    font-size: 11px;
}
.fix-col li img {
    width: 100%;
    height: auto;
}
@media only screen and (max-width: 640px) {
	.fix-col-5 li {
	    width: 45%;
	}
}
@media (max-width: 991px) {
	div.content-item .content-image .type {
	    position: absolute;
	    background: #f9f9f9;
		width: 100%;
		transform: none;
		writing-mode: unset;
		height: auto;
	}
}


/*STATUS*/
.bboxed2 {
    padding: 10px;
    border: 1px solid #eee !important;
    margin-bottom: 20px;
    background: #f5f5f5;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.bboxed2 p {
    text-align: center;
	font-weight: 800;
	text-transform: uppercase;
}
.bboxed2image 
{
	padding: 20px;
    height: 180px;
    text-align: center;
    margin-bottom: 20px;
	background-size: cover !important;
}
.bboxed2hydrology {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/status/hydrology.jpg) no-repeat;
 
}

.bboxed2meteorology {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/status/metereology.jpg) no-repeat;

}
.bboxed2notification {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/status/notifications.jpg) no-repeat;

}
.bboxed2snowcover {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/status/snow_cover.jpg) no-repeat;

}
.bboxed2soilmoisture {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/status/soil_moisture.jpg) no-repeat;

}
.bboxed2verification {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/status/verification.jpg) no-repeat;

}
.bboxed2forecast {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/status/forecast.jpg) no-repeat;

}
.bboxed2image  h4 a {
	background: rgba(255, 255, 255, 0.65);
	color: #226a9d;
	padding: 10px;
	display: block;
	font-weight: bold;
}

.bboxed2image  h4 a:hover {
	color: white;
	background-color: rgba(53, 118, 166, 0.61);
}

.latest-news-one .owl-carousel .owl-stage-outer {
    /*min-height: 400px;*/
}

#block-aggregatorfeed{
	display:none;
}

.bboxed2EFASCems {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/EFAS-CEMS.png) no-repeat;
    background-size: auto auto;
}


.bboxed2EFASmapviewer {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/EFASmapviewer.jpg) no-repeat;
    background-size: auto auto;
}


.bboxed2EFASwebservices {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/webservice.jpg) no-repeat;
        background-size: auto auto;
}

.bboxed2DataDownload {
    background: rgba(0,0,0,0.5) url(/sites/default/files/inline-images/data_download_without_text-01_0.jpg) no-repeat;
        background-size: auto auto;
}


.bboxed2EFASpartner {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/Partner.jpg) no-repeat;
        background-size: auto auto;
}


.bboxed2EFASresearch {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/research.jpg) no-repeat;
        background-size: auto auto;
}

.bboxed2ShareYourDataEfas {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/share-your-data.jpg) no-repeat;
        background-size: auto auto;
}


.bboxed2EFASSkillScoresVerification {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/verification.jpg) no-repeat;
        background-size: auto auto;
}

.bboxed2MonthlySummaries {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/monthly-summaries.jpg) no-repeat;
        background-size: auto auto;
}

.bboxed2EFASbullettin {
    background: rgba(0,0,0,0.5) url(/sites/default/files/inline-images/bulletin_2.jpg) no-repeat;
        background-size: auto auto;
}



.bboxed2Webinars {
    background: rgba(0,0,0,0.5) url(/sites/default/files/inline-images/webinar_0.jpg) no-repeat;
        background-size: auto auto;
}


.bboxed2Tutorials {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/Tutorials.jpg) no-repeat;
        background-size: auto auto;
}

.bboxed2Reports {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/Reports.jpg) no-repeat;
        background-size: auto auto;
}




.bboxed2News {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/news.jpg) no-repeat;
        background-size: auto auto;
}


.bboxed2Events {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/events.jpg) no-repeat;
        background-size: auto auto;
}

.bboxed2PastEvents {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/pastevents_0.jpg) no-repeat;
        background-size: auto auto;
}


.bboxed2Notifications2 {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/notifications.jpg) no-repeat;
        background-size: auto auto;
}


.bboxed2Partners2 {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/partners2.jpg) no-repeat;
        background-size: auto auto;
}


.bboxed2ConditionsOfAccess {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/partners2.jpg) no-repeat;
        background-size: auto auto;
}


.bboxed2Introduction {
    background: rgba(0,0,0,0.5) url(/sites/default/files/inline-images/Introduction.jpg) no-repeat;
        background-size: auto auto;
        background-position: center;
}


.bboxed2MediumRange {
    background: rgba(0,0,0,0.5) url(/sites/default/files/inline-images/Medium-range%20flood%20forecasts.jpg) no-repeat;
        background-size: auto auto;
}


.bboxed2FlashFlood {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/Meteorological%20forecasts.jpg) no-repeat;
        background-size: auto auto;
        background-position: center;
}

.bboxed2FlashFloodindicators {
    background: rgba(0,0,0,0.5) url(/sites/default/files/inline-images/Flash%20flood%20indicators.jpg) no-repeat;
        background-size: auto auto;
        background-position: center;
}


.bboxed2SeasonalOutlook {
    background: rgba(0,0,0,0.5) url(/sites/default/files/inline-images/Seasonal%20outlook.jpg) no-repeat;
        background-size: auto auto;
}


.bboxed2ImpactForecasts {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/floodimpact.jpg) no-repeat;
        background-size: auto auto;
        background-position: center;
}
.bboxed2ImpactForecastsskills {
    background: rgba(0,0,0,0.5) url(/sites/default/files/inline-images/Impact%20forecasts.jpg) no-repeat;
        background-size: auto auto;
        background-position: center;
}
.bboxed2Monitoring {
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/monitoring.jpg) no-repeat;
        background-size: auto auto;
        background-position: center;
}
.bboxed2Partner
{
    background: rgba(0,0,0,0.5) url(/themes/copernicus/assets/images/partnernew.jpg) no-repeat;
        background-size: auto auto;
        background-position: center;
}


nav.navigation .gva_menu > li > a {
	
	
    text-transform: none;
    padding: 12px 16px;
    font-size: 18px;

     font-weight: normal;
}


.navigation .gva_menu>li.menu-item--active-trail>a
{
	font-weight:700;
    border-bottom: 2px solid;
}
.fa.fa-home.grande
{
	font-size: 25px
	  
}
.btn.btn-normal{
	background:#FAA73E;
	color:#FFF;
	padding:5px 15px;
	border-radius:3px;
	border:0;
     line-height: 20px;
	 font-size:17px;
}

.btn.btn-primary, ul.inline li.node-readmore a {
    font-size: 17px;
	 background-color: #FAA73E;
    border-color: #FAA73E;
    color: #fff;
}

.btn.btn-primary:hover, ul.inline li.node-readmore a:hover {
    font-size: 17px;
	background-color: #FAA73E;
    border-color: #FAA73E;
    color: #fff;
}
.menu.menu-footer a {
    text-transform: none;

}
.timeline-Widget
{
	background-color:transparent!important;
}
.timeline-Header-title
{
	padding-top:20px;
}
.timeline-Header {
    padding: 0!important;
}

.owl-carousel-news-one .text-center
{text-align:left;}

.region-pagetop h4
{
	min-height:70px;
}

.menu-item--active-trail .menu.sub-menu
{
	display:block;
	visibility:visible;
	opacity:1;
}
.gva_menu ul.menu > li
{
	display:inline-block;
}
.navigation .gva_menu .sub-menu{
	position:fixed;
	text-align:center;
	width:100%;
	z-index: 2;
}

#page-title.margin-0
{
	margin-top:0;	
}
#page-title
{
	margin-top:47px;
}

#page-title.page-title-con-sticky
{
	margin-top:187px;
}
.navigation .gva_menu .sub-menu
{
	padding:0;
}
.menu-item.menu-item--expanded.menu-item--active-trail .menu-item--active-trail a
{
	font-weight:bold;
}
.menu.account a {
    text-transform: none;

}
.content-item .content-image, .teaser .content-item .content-image{
	position: relative;
}
.content-item  .content-image .type {
	position: absolute;
	left: 0px;
	top: 0;
	margin: 0;
	white-space: nowrap;
	vertical-align: middle;
	writing-mode: sideways-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-lr;
	-ms-transform: scale(-1);
	-webkit-transform: scale(-1);
	transform: scale(-1);
	background: #f9f9f9;
	height: 100%;
}
.content-item  .content-image .type span{
	display: inline-flex;
}
.content-item  .content-image .type{
	font-size: 90%;
}
.content-item  .content-image .type p {
	padding: 10px 5px 0px 5px !important;
	font-weight: 600;
}
.content-item  .content-image .type .datetime{
	padding: 10px 5px 0px 5px !important;
}

.content-item  .content-image img, .teaser .content-item .content-image img{
	width: 100%;
}
.teaser .content-item .content-image .bullettin {
	position: absolute;
	top: 40%;
	background: #fff;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	-webkit-box-shadow: 6px 0px 10px 0px rgba(50, 50, 50, 0.27);
	-moz-box-shadow:    6px 0px 10px 0px rgba(50, 50, 50, 0.27);
	box-shadow:         6px 0px 10px 0px rgba(50, 50, 50, 0.27);
}
.teaser .content-item .content-image .bullettin .field {
	font-weight: 600;
	color: #FAA73E;
}
.content-item .content-text, .teaser .content-item .content-text {
	padding: 20px 0px 0px 5px;
}
.content-item .btn{
	margin-left: 20px;
	float: right;
}
.teaser .content-item li {
	margin-left: 0px;
}

.content-item .content-text a{
	font-size: 110%;
	display: block;
}
.teaser .content-item .content-text h2 {
	font-size: 120%;
	font-weight: 300;
}
.teaser .content-item .node-readmore {
	float: right;
}

article .social span {
	display: inline-block;
}
article .social {
	font-size: 20px;
}
article .social span  p {
	margin: 0;
}
article hr {
	margin-top: 15px;
	margin-bottom: 15px;
}
article .social span:first-child{
	text-transform: uppercase;
	padding-right: 10px;
}
article .info {
	background: #f4f4f4;
	padding: 5px;
}
article .info span {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #ddd;
	color: #666;
}
article .info span, article .info span .field__label, article .info span .field__item {
	display:inline-block !important; 
}
.page-node-type-video .field--name-field-embed-code{
	height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
    
.page-node-type-video .field--name-field-embed-code iframe,
.page-node-type-video .field--name-field-embed-code object,
.page-node-type-video .field--name-field-embed-code embed {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.resources {
	margin: 0;
	padding: 0;
}
.resources > li {
	margin-bottom: 20px;
	font-weight: 600;
	list-style: none;
	padding-left: 50px;
	position: relative;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	color: #999;
}
.resources > li:last-child {
	border-bottom: 0px;
	
}
.resources > li:before {
	content: "\f1ea";
	font-family: 'FontAwesome';
	position: absolute;
	color: #FAA73E;
	font-size: 35px;
	left: 0;
	top: -6px;
}
.dys{
	border: 2px solid #fff;
}
.dys span #DysFont {
	border-right: 2px solid #fff;
	border-left: 0;
	border-top: 0;
	border-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: color 1000ms;
	transition: color 1000ms;
	position: relative;
}

.dys span #DysFont.off, .dys span #DysFont.on {
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: color 1000ms;
  transition: color 1000ms;
  background: none;
}

.dys .tooltip-efas {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.dys .tooltip-efas .top {
    min-width:200px; 
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#444444;
    background-color:#000000;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.dys:hover .tooltip-efas .top {
    visibility:visible; opacity:1;
}

.dys .tooltip-efas .top i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}
.dys .tooltip-efas .top p {
	color: #fff;
}
.dys .tooltip-efas .top i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#000000;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}
.dys span:first-child{
	right: -37px;
	top: 0px;
	height: 44px;
	width: 51px;
}
.dys span i {
	vertical-align: middle;
	font-size: 24px;
	color: #fff;
	padding-left: 10px;
	padding-top: 0px;
}

.dys span #DysFont.on {
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: color 1000ms;
  transition: color 1000ms;
  background: #fff;
  color: #FAA73E;
  padding: 2px 8px 2px 2px;
}
#block-blockdyslexic {
	position: fixed;
	left: -118px;
	width: 168px;
	top: 35%;
	z-index: 100;
	background: #FAA73E;
	transition: transform .5s ease-in-out;
	
}
#block-blockdyslexic:hover {
	transform: translateX(113px);
}
article .field--type-datetime .datetime{
	padding-left: 34px;
	padding-right: 10px;
	position: relative;
}
article .field--type-datetime .datetime:before {
	content: "\f073";
	font-family: 'FontAwesome';
	position: absolute;
	color: #aaa;
	font-size: 20px;
	left: 4px;
	top: -4px;
}
article .field--name-field-location{
	padding-left: 34px;
	padding-right: 10px;
	position: relative;
}
article .field--name-field-location:before {
	content: "\f124";
	font-family: 'FontAwesome';
	position: absolute;
	color: #aaa;
	font-size: 20px;
	left: 4px;
	top: -4px;
}
/*
.navigation .gva_menu > li:hover > ul.sub-menu
{
	display:none;
	visibility:hidden;
	opacity:0;
}*/


table#cems 
{
    border-collapse:separate;
    border-spacing:0 5px;

}

table#cems *[data-toggle=collapse] {
  cursor: pointer;
}

/* transition is not working, it just creates a lag, so we turn it off*/
table#cems .collapsing {

  transition-timing-function: linear;
  transition-duration: .001s;
}
    
.cems-row-bg {
	background-color:#f4f4f4;
}

.cems-row-bg-civil {
	background-color:#FAA73E;
	
}

#block-copernicus-content .item-archive {
	background: #f9f9f9;
	padding: 20px;
	position: relative;
}
#block-copernicus-content .item-archive p strong {
	font-size: 115%;
}

#block-copernicus-content #locator-list-pagination .next-item{
	float: right;
	display: inline-block;
}
#block-copernicus-content #locator-list-pagination .previous-item{
	display: inline-block;
}
#block-copernicus-content .item-archive .text{
	font-size: 80%;
}
#block-copernicus-content .notification{
	position: absolute;
	right: 0;
	display: flex;
	top: 0;
	background: #FAA73E;
}
#block-copernicus-content .notification .item {
	font-size: 17px;
	font-weight: 800;
	color: #fff;
	border-left: 1px solid #fbcc4b;
	text-align: center;
	padding: 5px 14px;
}

#block-copernicus-content .notification i{
	font-size: 17px;
	text-align: center;
	padding: 6px 8px 5px 9px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	display: block;
} 
.search .select-box{
	display: inline-block;
	position: relative;
}
.search .select-box select, .select-country select{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #fff;
  background-image: none;
}
/* Custom Select */
.search .select-box .select {
  position: relative;
  display:inline-block;
  height: auto;
  width: auto;
  line-height: 3;
  background: #fff;
  overflow: hidden;
  border-radius: 0;
  border: 1px solid #ddd !important;
}
.select-country.select-box {
  position: relative;
  display:inline-block;
  height: auto;
  width: auto;
  line-height: 3;
  background: #fff;
  overflow: hidden;
  border-radius: 0;
  border: 1px solid #ddd !important;
}

.search input {
	width: 100%;
}
.search .select-box select , .select-country select{
  width: auto;
  height: 100%;
  margin: 0;
  padding: 3px 35px 3px 10px;
  color: #999;
  cursor: pointer;
}

/* Arrow */
.search .select-box:before, .select-country.select-box:before {
  content: "\f0d7";
  font-family: 'FontAwesome';
  position: absolute;
  top: 4px;
  color: #888;
  right: -5px;
  bottom: 0;
  padding: 0 1em;
  pointer-events: none;
  z-index: 2;
}
/* Transition */
.search .select-box .select:hover::after {
  color: #f39c12;
}
.search .select-box .select:after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.search button {
	background: #FAA73E;
	color: #FFF;
	padding: 3px 15px;
	border-radius: 3px;
	border: 0;
}
#locator-list {
	list-style-type: none;
	padding-left: 0;
}
#locator-list .vis .item{
	background: #f9f9f9;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
}
#locator-list .icon {
	display: inline-block !important;
	border-right: 1px solid #ddd;
	text-align: center;
	font-size: 23px;
	color: #FAA73E;
	padding-top: 10px;
}
#locator-list .icon i {
	align-content: center;
}

#headerpage .bg-e #openid-connect-login-form input{
	background: transparent;
	color: #999;
	padding: 11px 60px;
	border-radius: 0;
	font-weight: 400;
	text-transform: uppercase;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

/* adjust copernicus component library footer icons */

body.ccl-style footer.ccl-footer a.ccl-service-button {
    height: 7rem;
    width: 6rem;
}

.ccl-style h1, .ccl-style .ccl-heading--h1 {
  font-size: 2em;
}