@import url(https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap);

@font-face{font-family:'Gobold Regular';src:url(./fonts/gobold/Gobold-Regular.otf) format("opentype")}
@font-face{font-family:'Gobold High';src:url(./fonts/gobold/Gobold-High.otf) format("opentype")}
@font-face{font-family:'Gobold Light';src:url(./fonts/gobold/Gobold-Light.otf) format("opentype")}
@font-face{font-family:'Gobold Cuts';src:url(./fonts/gobold/Gobold-CUTS.otf) format("opentype")}
@font-face{font-family:'Gobold Bold';src:url(./fonts/gobold/Gobold-Bold.otf) format("opentype")}
@font-face{font-family:'Gobold Uplow';src:url(./fonts/gobold/Gobold-Uplow.otf) format("opentype")}
@font-face{font-family:'SourceSansPro Regular';src:url(./fonts/sourcesanspro/SourceSansPro-Regular.otf) format("opentype")}
@font-face{font-family:'SourceSansPro Light';src:url(./fonts/sourcesanspro/SourceSansPro-Light.otf) format("opentype")}
@font-face{font-family:'SourceSansPro Bold';src:url(./fonts/sourcesanspro/SourceSansPro-Bold.otf) format("opentype")}

body {
	color:#333;
	font-family: 'SourceSansPro Regular',Tahoma,sans-serif; 
	overflow-x:hidden;
	font-size:1.7rem;
	/**background:#f7f7f7;*/
}

a, a:visited {
	color: #c00b5e /*#6C7CE0*/;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Gobold Regular', Arial Black, Arial;
}

h1::before, h2::before, .onenews h2::before {width:0;margin:0;padding:0}
.onenews h2 {padding:0;} 
#breadcrumb {  border-bottom:0;}

h1 {
	font-size:2em;
	font-family: 'Gobold Cuts', Arial Black, Arial;
	color:#221452;
	border-left: 10px solid #0aaeda;
	padding-left: 0.5em;
}
h1::before {width:0}

h2 {
	color:#00b6dd; /* color:#233A4D;*/
	text-transform: uppercase;
}
h2::before {width:0}
h2 a, h2 a:visited {color:#00a97d;transition:color linear 0.15s;}
h2 a:hover,h2 a:focus { color: #233A4D; }

h2.tag-filtered {color:#233A4D;}

h3 {
	border-bottom: 2px solid #d72577;
    color: #d72577;
}
button, input[type="submit"] {
	font-family:'Gobold Bold', Arial Black, Arial;
}

.nav-butt:hover {background-color: #dd4f5b;transition: background 0.3s;}

header {
  height: 220px;
  background-color:#f3f6ff; /* #e6ebfb;*/
  background-image: url('../images/banner.png');
  background-position: center;
  background-repeat: no-repeat;
}
header h3 {
	display:none ! important;
}

#user-menu {
background:#221452; /*#2f3335;*/
}

div.user-panel-over {
    border-top:9px solid #ffed00;
}

div.user-panel-over ul li {border-top:1px dotted #4e37a0;padding:0.3em 0;font-size:1em;}
div.user-panel-over ul li:first-child {border:none;}
div.user-panel-over h3 {font-size:1em;text-align:center;text-transform:uppercase;font-weight:normal;color: #fff;background-color: #00a97d !important;padding: 0.6em 1em 0.6em 1em;}
div.user-panel-over ul li a {font-weight:normal;color:#221452 !important;text-transform: none;font-weight:bold;}

#user-menu i.fa {color:#00b6dd;margin-right:0.5em;}

#user-menu div.myaccount {
	background-color: #221452;
}

#logo-header {display:none;position: fixed;top:5px;left:2em;z-index: 99999;width:100px;height: auto;margin-left:1em}

#logo-header img {height:65px;width:auto;}

#menu {font-size:0.9em;}
#menu a {
	color:#221452;
	font-size:1.5em;
}

#menu li:hover>a,#menu .actif>a{text-decoration:none;color:#fff;background-color:#221452}
#menu>ul>li>a{padding:10px 14px;display:inline-block;margin:10px 0}

#menu>ul>li:after {height: 0px;}

#menu>ul>li:hover>a,#menu>ul>.actif>a{text-decoration:none;color:#fff;}

.sub-menu{width:140%;padding:5px 0px;position:absolute;top:100%;left:0px;z-index:-1;display:none;transition:opacity linear 0.15s;box-shadow:0px 2px 3px rgba(0,0,0,0.2);background:white;}

.switchnav a.button { background-color:#bcbcbc;}
.switchnav a.button:hover {background-color:#474d53;}

.internal-nav {
	background: #00a97d;
}
.internal-nav a {
	font-family: 'Gobold Bold', Arial Black, Arial;
}

.menu-wrap {width:100%;background-color: #fff;font-family: 'Gobold Regular', Arial Black, Arial;}

#search-input input[type='text'] {
    background-color: #00b6dd;
    border: none;
}
#search-input i.fa {
	color:white;
}
#search-input label, #newsletter-form label:first-child {display:none;}
#searchadv a {font-size:0.85em;color:#8694B1;}

footer {
	font-family: Helvetica, Georgia, Garamond, Arial,sans-serif;
	background: #221452;
}
footer h3 {
	font-family: 'Gobold Bold', Arial Black, Arial;
}

span.impacts-in-range {color:#DD4F5B;padding-left:0.5em;}

div.grid-indicator:hover {border:2px solid #DD4F5B;/*background-color:#F7F7F7;*/}

div.grid-indicator .indicator-name {font-weight:bold;font-size: 1.1em;display:block;margin:0.5em 0;color:#4d5360}

#anchor-comment,#anchor-post-comment {
	margin: 0.5em 1em;
	display: inline-table;
	padding: 0;
	font-family: 'Gobold Regular', Arial Black, Arial;
	color:#00a97d; /*#fff02b;*/
	font-weight: normal;
	text-decoration:none;
	transition:all linear 0.20s;
}

#anchor-comment:after,#anchor-post-comment:after {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    padding-top:5px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}
#anchor-comment:hover:after,#anchor-post-comment:hover:after {
    width: 100%;
    background: #00b6dd;
}

a.readmore:hover {
	color: #221452 !important;
	background-color: #ffed00;
}

.readmore::after {
    background: #221452;
}

.readmore:hover::after {
    background: #221452;
}

a.see-detail-chart:hover {color: #474D53 !important}

.onenews, .directory-entry { margin-bottom:1em;box-shadow: 2px 2px 2px 0px rgba(138,138,138,0.4);border:1px solid #e4e4e4;background-color:#fff;}
.onenews img, .directory-entry img {margin:0 0 0.5em 0 !important}

.newsmore { background-color: #ffed00;color: #221452 !important; border-radius: 4px; border: 3px solid #ffed00; padding: 0.7em 1.4em; transition: all linear 0.15s;font-weight:bold;font-size:0.9em;}
.newsmore:hover {background-color: white;color:#221452 !important;text-decoration:none;}

div.votes div.votes-number {padding:0.4em;position: relative;color:#EF4B4F;width:17%;font-weight: bold;}

div.votes div.i-like-it a:hover {color:#DD4F5B;background-color: #dedede/*#EF4B4F*/;text-decoration: none;}

.icon-block p a:hover {color:#fff;background-color: #DD4F5B;}

.switchnav a.button {
	background: white url(../images/filigrane-bleu-turquoise.png) 0 bottom repeat-x;
	font-family: 'Gobold Bold', Arial Black, Arial;
	color:#221452;
}
.switchnav a.button:hover {
background-color: #c00b5e; /*#221452;*/
color: white;
}

.nav-butt {
  background-color: #00a97d;
}
.nav-butt:hover {
  background-color: #221452;
}
.nav-butt i.fa:hover {color:#fff;}

.menu-wrap {
	background: white url(../images/gradient.png) 0 bottom repeat-x;
}

#main-container {background-color:white;}

#logo-header {display:none;position: fixed;top:5px;left:2em;z-index: 99999;width:100px;height: auto;margin-left:1em}

#logo-header img {height:60px;width:auto;}

#menu a {
	font-size:1.5em;
}

#menu li:hover>a,#menu .actif>a{text-decoration:none;color:#fff;background-color:#00b6dd}
#menu>ul>li:hover:after, #menu>ul>li.actif:after  {
    background: #00b6dd;
}
#menu>ul>li:hover>a,#menu>ul>.actif>a{text-decoration:none;color:#fff;}

footer {
	font-family: Helvetica, Georgia, Garamond, Arial,sans-serif;
}

footer h3 {
	margin:1em;;
}


#gdpr-cookie-message {
  background-color: #221452 ! important;
}

#gdpr-cookie-message p, #gdpr-cookie-message ul { color:#fff !important;}
#gdpr-cookie-message h4, #gdpr-cookie-message h5, #gdpr-cookie-message a {
  color: #00b6dd ! important;
}
#gdpr-cookie-message h4 {
  font-size:1.3em !important;
  padding-top:0 !important;
}
button#gdpr-cookie-advanced {color:#fff ! important;}
#gdpr-cookie-message button {background:#00b6dd ! important;border:0 ! important;}
#gdpr-cookie-message button:hover {color: #fff ! important; border:0 ! important;}

footer .social {margin:1em 0 2em 0;} 
footer .social a {font-size: 1.3em;margin-left:0.3em;padding:0.5em;text-align: center;min-width:40px;transition:color linear 0.15s;background-color:#00b6dd;color:#233a4d;}
footer .big-link a {color:#fff;text-transform: uppercase;font-family: Arial,Verdana,sans-serif;font-size:1.3em;transition:color linear 0.15s;}
footer .social a:hover, footer .big-link a:hover, footer .navigation li a:hover {color:#fff ! important;text-decoration:none;}
footer .big-link .icon-footer {margin-left:1em;}


div#bottom-footer {
    background-color: #d5c5b9;
    text-transform: uppercase;
    font-size: 0.7em;
    color: #222;
}

div#bottom-footer a, div#bottom-footer a:visited {
	color:#221452;
}

button, input[type="submit"] {
    background:#00A97D;
}

.section_publication .switchnav a.archive, .section_project .switchnav a.archive {display:none;}


.section_publication .published_by {display:none;}
.initiative {margin:1em 0;border-bottom:1px dotted #00b6dd}
.initiative:last-child {border-bottom:none;}
.initiative a.button {background-color:#ffed00;text-decoration:none;border:0;transition:all linear 0.15s; }
.initiative a.button:hover {background-color:#00a97d;color:#fff; }
.initiative a.button:before {content: "\f055";font-family: FontAwesome;margin-right:0.5em;}

span.project-item-l {
  font-weight: bold;
  text-transform: uppercase;
  color: #c00b5e;
}

.project-opgoal, .project-target {
  color: #456F7F;
  background-color: #f7f7f7;
  padding: 0.8em 1em;
  margin: 1em 0 1em 0;
}

.project-goal {font-weight:normal;color:#221452}
.project-goal span.project-item-l {display:none;}

.section_project .body {border:8px solid orange;padding:0 1em;margin:1em 0;border:8px solid #f0e880}
.section_project.project-0 .body {border:0;margin:0;}

.section_project .body span.project-item-l {margin:0 0 0 -1em; background-color:#f0e880;padding: 0.5em 1em;text-align: center;color: #444;display: inline-block;}

.project-impacts h3 {text-align:center;border-bottom:1px solid #ea82b2;display:block;}

div.votes div.votes-number { color:#00B6DD; }

div.votes div.i-like-it a:hover {
  color: #221452;
  background-color: #fff;
}


#main a.big-button {
  font-family: 'Gobold Bold', Arial Black, Arial;
  padding:1em 1.5em;
  color:#0aaeda;
  border:5px solid #00a97d;
  border-radius:25px;
  background-color:transparent;
  transition: all linear 0.15s;
  text-decoration:none;
}

#main a.big-button:hover {
  /**
  background-color:#0aaeda;
  color:white;
  */
  border:5px solid #221452;
}