/* Add here all your CSS customizations */
.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
    border-color: #ffffff;
}
.jqx-widget-header-material {
    background-color: #336;
    border-color: #E0E0E0;
    background: #336;
    color: #ffffff;
	font-size: 14px;
	text-align: center;
}
.buttonimage{
	max-width: 160px;
}
.titleicon{
	max-width: 42px;
    top: -8px;
    position: inherit;
    left: 0px;
    display: inline;
}
#header .header-column.header-column-center .header-logo-1 {
	width: 100% !important;
	padding: 9px 0;
}

#header .header-logo-1 img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
	margin: 3px 15px 15px 0;
	top: 0;
}

#header.header-narrow .header-logo img {
	margin: 3px 12px 12px 0;
}


.texties{
	color: rgb(51,51,153) !important;
	
}

.texties a:hover{
	text-decoration: underline !important;
}

.texties a:active{
	text-decoration: underline !important;
}



.darktexties{
	color: rgb(51,51,102) !important;
}

.darktexties p{
	text-align:justify !important;
}

.padev{
	padding-bottom: 50px;
}

.genev{
	margin-top: 65px;
	align-content: center;
}

.filter_buttons a:focus{
     color: white !important;
}

.filter_buttons a:hover{
	color: white !important;
}

.filter_buttons a:active{
	color: white !important;
}

.filter_buttons{
	color: white;
}

/* What was a custom map*/
/* Custom Map */
section.section-custom-x {
	background: transparent url(../img/x_3.png) center 0 no-repeat;
	padding: 129px 0 0;
	margin: 20px 0 0;
	border: 0;
}

section.section-custom-x section.section {
	border-top-color: rgba(241, 241, 241, 0.8);
	background: rgba(244, 244, 244, 0.8);
}

section.section-custom-x-2 {
	background: transparent url(../img/map-2.png) center 0 no-repeat;
	padding: 129px 0 0;
	margin: 50px 0 0;
	border: 0;
}

section.section-custom-x-2 section.section {
	border-top-color: rgba(241, 241, 241, 0.8);
	background: rgba(244, 244, 244, 0.8);
}

/* End of what was a custom map*/

.smaller{
	margin-bottom: 0px !important;
}

.newsletter_custom {
	color: white !important;
}



.findings a:focus{
    color: rgb(71,71,153) !important;
}

.findings a:active{
	background-color:#FFF !important;
	color:rgb(51,51,102);
	
}

.findings a:hover{
	background-color:#FFF !important;
	
}

.finding_drops{
	background-color: #FFF;
	color: rgb(51,51,102);
	margin-right: 10%;
	margin-bottom: 2%;

}

.white_texties{
	color: white;
}

.white_texties a:active, a:hover{
	color: rgb(244,255,255);
}

.light_bgs{
	background-color:rgb(164,185,225); 
}

.dark_bgs{
	background-color: rgb(51,51,102) !important;
	border-bottom:rgb(51,51,102) !important;
	border-top:rgb(51,51,102) !important 
}




.thumb-info .thumb-info-title-1 {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: rgba(51, 51, 102, 0.6);
	bottom: 10%;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	left: 0;
	letter-spacing: -1px;
	padding: 9px 11px 9px;
	position: absolute;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	z-index: 2;
	max-width: 90%;
}

.hover_bgs :hover{
	background-color: rgb(164,185,225) !important;
}

#header .dropdown{
	color:rgb(49, 206, 250) !important;
}

#header .active{
	color:rgb(49, 206, 250) !important;	
}

.footer_eu_text{
	color:#004494 !important;
	
	padding: 40% 0 20% 20%;
	margin: 0;
	text-align: right;
}
#footer .footer-copyright {
    background: #ffffff;
    border-top: 4px solid #004494;
    margin-top: 5px;
    padding: 5px 0 5px;
}

#heading_mission{
	padding-left: 45px;
}

.findings {
     color: rgb(0,0,0);
}

.ecosection{
	padding-bottom: 50px;
}

.aboutus-panel-img{
	padding-right:80px;	
}


/* COLLAPSING */

p.content-one {
    display:none;
}


@media (min-width: 992px){
	html #header.header-flex .header-nav {
	    padding-top: 77px;
		height: 20px;
		padding-bottom:20px;	
	}
	#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
	    padding: 20px 13px;
	}
    #header .header-logo img{
		top:10%;
		position:relative;
		position: relative;
	    margin: 0 0 0 0;
	    top: 0;
	}

	.smallupevents{
		display: none;
	}
	
    .smallscreens{
		display: none;
	} 
	#header.header-mobile-nav-only .header-nav {
		margin-top: -35px;
		float:none;
	}	
    
}


@media (max-width: 991px){
	html.sticky-header-negative.sticky-header-active #header .header-logo {
        padding-top: 10px;
	}
	
	html.sticky-header-active #header.has-nav-bar .header-logo-1 img {
		top: 86px;
		padding: 5px 8px;
		z-index: 1;
	}

	.mobcentlog{
		margin-left:15%;
	}

	#header.header-logo{
		margin-top: -30px !important;
	}


	.bigupevents{
		display: none;
	}

	.smallupevents{
		display: block;
	}
	
	#header.header-mobile-nav-only .header-nav {
		margin-top: -65px !important;
		float:top;
	}

	.finding_drops{
	    background-color: rgb(164,185,225);	
		color: rgb(51,51,102);
		margin-right: 10%;
		margin-bottom: 2%;
	
	}

    .padev{
		display: none;
	}

    .genev{
		display: block;
		
	}

	.genevsm{
		display: block;
		margin-top: 20%;
	}
     
    .bigscreens{
		display: none;
	}
	#spreadthe{
		display:none;
	}
	#heading_mission{
		padding-left: 235px;
	}

	#icon_mission{
		padding-left: 280px;
		
	}

	.findings {
		color: rgb(0,0,0);
        padding-left: 275px;  
	}

    .findings_icon{
		padding-left:280px;
	}

    .text-sections{
		text-align: center;
	}

    .img-sections{
	
		padding-left:160px;
	}

	.ecosection{
		padding-bottom: 10px;
	}

	.aboutus-panel-img{
		padding-right:10px;	
	}

	.saflogo{
	padding-top: 10px !important;
	}
}


@media (max-width: 500px){
	html.sticky-header-negative.sticky-header-active #header .header-logo {
        padding-top: 10px;
    }


	#heading_mission{
		padding-left: 75px;
	}

	#icon_mission{
		padding-left: 125px;
		bottom: 15px;
	}

	.findings {
		color: rgb(0,0,0);
        padding-left: 130px;  
	}

	.findings_icon{
		padding-left:130px;
	}

	


	.text-sections{
		text-align: center;
	}
	.img-sections{
		
	    padding-left: 8px;
	}

	.ecosection{
		padding-bottom: 20px;
	} 

	.aboutus-panel-img{
		padding-right:5px;	
	}

	.saflogo{
		padding-top: 10px !important;
	}
}
.accordion .card-header a {
  color: #0088cc;
}
html .accordion.accordion-primary .card-header {
  background-color: #0088cc !important;
}
html .accordion.accordion-primary .card-header a {
  color: #ffffff;
}
html .accordion.accordion-secondary .card-header {
  background-color: #e36159 !important;
}
html .accordion.accordion-secondary .card-header a {
  color: #ffffff;
}
html .accordion.accordion-tertiary .card-header {
  background-color: #2baab1 !important;
}
html .accordion.accordion-tertiary .card-header a {
  color: #ffffff;
}
html .accordion.accordion-quaternary .card-header {
  background-color: #383f48 !important;
}
html .accordion.accordion-quaternary .card-header a {
  color: #ffffff;
}
html .accordion.accordion-dark .card-header {
  background-color: #2e353e !important;
}
html .accordion.accordion-dark .card-header a {
  color: #ffffff;
}
html .accordion.accordion-light .card-header {
  background-color: #ffffff !important;
}
html .accordion.accordion-light .card-header a {
  color: #777777;
}
.accordion_rnp{
	display: block;
	border-radius: 4px;
	background-color: #fff;
}
.card-header_rnp{
	display: block;
	background-color: #ccc;
	border-radius: 4px;
	height: 30px;
}
.card-default {
	padding: 10px;
}