/***********************************************************************/
/**	                            Custom CSS 	                          **/
/** Add Custom CSS styles here, to avoid losing it when theme updated **/
/***********************************************************************/

@font-face{
	font-family: 'brandon_grotesque';
		src:url('../font/brandon_grotesque_regular/BrandonGrotesque-Regular.otf');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family: 'brandon_grotesque_bold';
		src:url('../font/brandon_grotesque_bold/BrandonGrotesque-Bold.otf');
	font-weight:bold;
	font-style:normal;
}

body{
	/*padding: 3em 0em 3em 0em;*/
	max-width: 100% ;
	background-color: #ffffff;
}

#primary-menu-wrapper {
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 1.5em;
}

a {
	color: #E32119 ;
}
a:hover,
a:focus {
	color: #E32119;
	background: none;
}

.main-menu ul > li {
	padding: 0em 1.5em;
}
.main-menu ul > li:hover {
	background: #ffffff;
  opacity: 1 ;
}

.main-menu ul > li a {
	padding: 0;
	text-transform: uppercase;
	color: #636363;
	font-size: 2em ;
  font-family: "BrandonGrotesque","Open Sans",Arial,sans-serif ;
  float: left ;
  position: static ;
}

.main-menu ul > li a:after {
  content: '\f501' ;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font: normal 8px/1 'Genericons';
  vertical-align: middle;
  padding-left: 10px;
  /*position: absolute;*/
  top: 42%;
}

.main-menu ul li ul {
  padding-top: 0em ;
}

.main-menu ul li ul li {
  background-color: #FFFFFF ;
  padding: 0em 2em ;
  position: static ;
  float: left ;
  border : none !important ;
}

.main-menu ul li ul li a {
  background-color: #FFFFFF ;
  opacity : 0.5 ;
}

.main-menu ul li ul li a:hover {
  color: #EC732B ;
  opacity: 1 ;
}

.main-menu .sub-menu {
  margin-left: 2em ;
  font-size: 0.8em ;
  position: static ;
  float: left ;
}

.main-menu .sub-menu item {
  height: 30px ;
}

.single-content {
	margin-right: 0px;
	margin-top: 2em ;
}

#secondary-menu-container {
	/*margin-left: -30px;
	margin-right: -30px;*/
	background: #ffffff ;
}
/*
.secondary-menu-wrapper {
	border-top: 5px ;
	border-bottom: 5px ;
	border: #DCDCDC ;
}*/

.secondary-menu{
	position:relative;
	border:5px solid #dcdcdc;
	border-left:none;
	border-right:none;
	background:#fff;
	height: 30px ;
}
.secondary-menu .current-menu-ancestor,
.secondary-menu .current-menu-item,
.secondary-menu .current-menu-parent{
	background : none;
	color: #E32119 ;
	border-top-color: #E32119 ;
	border-top-width: 5px ;
	border-top-style: solid;
	line-height: 15px ;
}

.secondary-menu .current-menu-item a,
.secondary-menu .current-menu-parent a{
	color: #E32119 ;
}

.menu-items-secondary{
	float:left;
	margin:-5px .5em -5px 0;
	border:5px solid transparent;
	border-left:none;
	border-right:none;
}
.secondary-menu ul{
	margin-top: -10px ;
}
.secondary-menu ul > li {
	position: static;
}
.secondary-menu ul > li a {
	color:#636363 ;
  font-size: 1em ;
  font-family: "BrandonGrotesque","Open Sans",Arial,sans-serif ;
}
.secondary-menu ul > li:hover {
    background: #f8b333;
}
.secondary-menu ul > li a:hover {
    color: #E32119;   /* rouge */
}
.secondary-menu ul li ul li {
	float: left;
	position: static;
	text-transform: none;
  padding-top: 0em;
  min-width: 130px;
}
.secondary-menu ul li ul li:hover {
	background-color: #E32119 ;
}
.secondary-menu ul li ul li a {
	color: #ffffff !important;
  padding: 4px 12px ;
  text-transform: none ;
}
.secondary-menu .current-menu-item ul li ul li a {
	color: #ffffff ;
  padding: 4px 12px ;
}
.secondary-menu ul li ul li a:hover {
	background-color: rgba(255, 255, 255, 0.5);
  color: #ffffff ;
  border-radius: 3px ;
}
#secondary-menu-container .sub-menu{
	background-color: #E32119 !important;
	color: #ffffff !important;
  margin-top: 6px ;
  min-width: 100% ;
  z-index: 10 ;
}

.sub-menu{
  z-index: 10 ;
}

#secondary-menu-container .current-menu-item .sub-menu{
  visibility: visible;
  opacity: 1 ;
  z-index: 9;
  margin-top: 11px ;
}
#secondary-menu-container .current-menu-parent .sub-menu{
  visibility: visible;
  opacity: 1 ;
  z-index: 9;
  margin-top: 11px ;
}

#container-slide {
	margin:auto;
}


/*** Titres et textes ***/
.item h2 a:hover{
  color : #E32119 ;
}


/*** Header ***/
.header-wrapper {
  margin-bottom: 1em;
  background: #ffffff;
}
#header-container {
/*  display: table; */
}
#logo-wrapper {
  display: table-cell;
  vertical-align: middle;
  float: left;
  width: 23em;
  max-width: 19% ;
  margin: 5px;
}
/*.website-logo {
  text-align: center;
}*/

.logo-heading {
  margin: 0;
}
.text-logo-group {
  margin-top: 0;
}
.text-logo {
  margin-bottom: 0;
  margin-top: 0;
}
.text-logo a {
  color: #333333;
}
.text-logo a:hover {
  color: #636363;
}
.text-tagline {
  margin: 0;
  font-size: 1em;
  font-family: 'open_sanslight', sans-serif;
}

/*******   Header menu  ********/

#mobile-header-menu-btn,
.mobile-header-menu {
  display: none;
}


#header-menu-container {
  background: #5f6a1c;
}

#header-menu-wrapper {
  vertical-align: middle;
  float: right;
}

.header-menu ul {
  list-style: none;
  margin: 0;
  z-index: 9999;
}
.header-menu ul > li {
  float: right;
  padding: 0.5em 1.5em;
  position: relative;
}
.header-menu ul > li ul li ul li:first-of-type {
  border-top: none;
}
.header-menu ul > li a {
  font: 12px/17px 'open_sansregular', sans-serif;
  color: #999999;
}
.header-menu ul > li a:only-child:after {
  content: '';
}
.header-menu ul > li a:hover {
  color: #E32119;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.header-menu ul > li a:after {
  content: '\f502';
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font: normal 8px/1 'Genericons';
  vertical-align: middle;
  padding-left: 5px;
  position: absolute;
  top: 48%;
}
.header-menu ul li ul {
  left: 0;
  margin: 0 0;
  padding-top: 0.45em;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.header-menu ul li ul li {
  /*background: #2c3e50;*/
  float: none;
  position: relative;
  padding: 0em 2.5em;
  white-space: nowrap;
}
.header-menu ul li ul li ul {
  left: 100%;
  padding-top: 0;
  position: absolute;
  top: 0;
}
.header-menu ul li ul li a:only-child:after {
  content: '';
}
.header-menu ul li ul li a:after {
  content: '\f501';
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font: normal 8px/1 'Genericons';
  vertical-align: middle;
  padding-left: 10px;
  position: absolute;
  top: 45%;
}
.header-menu ul > li:hover {
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.header-menu ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  height: auto;
  transition-delay: 0s;
}
.header-menu .current-menu-item,
.header-menu .current-menu-ancestor,
.header-menu .current_page_ancestor {
  background: none;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

.header-menu .current-menu-item a{
  color: #E32119;   /* rouge */
}


/* Footer */

.footer-container {
  background-color: #F8B334 ;
}
.footer-container a {
  color: white ;
}

/* tas */

.breadcrumb-trail.breadcrumbs {
	margin-top: 2em ;
}

.main-menu ul > li a:hover {
  color: none ;
}

/*
.menu-item-141:hover,
.menu-item-141:focus {
	color: white ;
}*/

#menu-item-299 a {
	opacity: 0.5;
	border-left: 5px ;
}
/*
#menu-item-299 a:hover,
#menu-item-299 a:focus{
  opacity: 1;
}*/

#menu-item-299 a:hover,
#menu-item-299 a:focus {
	color: #EC732B ;
  opacity: 1;
}

.mobile-main-menu #menu-item-299 a:hover,
.mobile-main-menu #menu-item-299 a:focus {
	color: #ffffff ;
  opacity: 1;
}

#content-wrapper {
	/*margin-left: 0px ;*/
}

/*** Sidebar accueil ***/

.sidebar-accueil {
  /*margin-left: 0 ;*/
}
#sidebar-accueil .widget {
	margin-left: 10px ; 
	margin-bottom: 0em ;
}

/*** Meta Slider ***/

#container-slide .metaslider {
  margin: auto;
}

.metaslider-flex{
  margin-left: auto ;
  margin-right: auto ;
}

/*** Style pour le don sur la premiere page ***/

#widget-don {
  background-image: url("https://rcf.be/wp-content/uploads/sites/2/2014/12/RCF_EMPREINTE_COLORIELLE_QUADRI.png") ;
  background-color: #E32119 ;
  background-size: cover;
  color: #ffffff ;
  font-family: 'BrandonGrotesque' ;
}

#widget-don .titre {
  text-transform: uppercase ;
  font-size: 1.25em ;
  line-height: 1.25em ;
  padding : 0.5em;
}

#widget-don .texte {
  padding: 5px ;
  line-height: 1.5em ;
}

#widget-sticker-don {
  background-color: #F8B334 ;
  padding: 0.5em 0.5em 0.5em 2em;
  height: 5em ;
  background-image: url("https://rcf.be/wp-content/themes/neutro-rcf/images/sprite.png") -120px -30px no-repeat;
}


/*** Block support, copie de rcf.fr ***/
.support-block-rcf {
  padding-bottom: 0em;
  background-color: #EC732B;
}

.support-block-rcf .a{
  width: 100% ;
}

.support-block-rcf:hover {
  background-color: #E32119 ;
  transition: all 0.25s ease-in-out;
}


.block-support{
	/*position:absolute;
	padding-top:1.5em ;
  padding-bottom: 0em ;
  padding-left: 84px ;*/
  /*padding-right: 11px;*/
	/*background:#ec732b;*/
	color:#ffffff ;
  font-family: 'Arial', 'sans-sherif' ;
}

.block-support-rcf[href]:hover,.block-support-rcf[href]:focus{
	background:#e32119;
  color: #ffffff ;
  text-decoration: none ;
}

/*.sticker-block-support{/*
	position:absolute;*
	top:50%;
	left:-0.5em;
	width:3em;
	height:3em;
	padding:1em;
	margin-top: 0em;
	border-radius:50%;
  border-width : 3em ;
	background:#fff;
	color:#e32119;
	line-height:0em;
	text-transform:uppercase;
	text-align:center;
	box-shadow:rgba(68,68,68,0.5) 0 5px 5px;
}*/

/** Anneau **/
/*.sticker-block-support:before{
	content:'';
	display:block;
*	position:absolute;*
	top:49%;
	left:50%;
	width:78px;
	height:78px; 
  margin-left: -25px ;
  margin-top: -25px ;
	background:url("http://rejoice.tiri.fr/wp-content/themes/neutro-rcf/images/sprite.png") -120px -29px no-repeat ;
}*/

.text-sticker-block-support{
  content: '' ;
	display:inline-block;
  text-transform: uppercase ;
	font-size:1.1em;
	line-height:1.2;
	vertical-align:middle;
  text-align: center ;
	top:50%;
	left:-0.5em;
	width:58px;
	height:58px;
	padding:12px;
	margin-top: -5px;
  margin-left: -17px ;
	border-radius:50%;
  border-width : 1em ;
	background:#fff;
	color:#e32119;
  	box-shadow:rgba(68,68,68,0.5) 0 5px 5px;
}

.text-sticker-block-support strong{
	display:block;
}

.text-sticker-block-support::before {
  content: '';
  display: block ;
  	background:url("https://rcf.be/wp-content/themes/neutro-rcf/images/sprite.png") -120px -29px no-repeat ;
    height: 80px;
    width: 80px;
  position: absolute ;
  margin-left: -9px ;
  margin-top: -10px ;
}

.cta-block-support{
	font-size:1.14em;
	text-transform:uppercase ;
  float: right ;
  display:inline-block;
	/*font-size:1em;*/
	line-height:1.2;
	vertical-align:middle;
  text-align: right ;
	top:50%;
	max-width:9em;
	height:3em;
	padding:1em;
  padding-left: 0em ;
	margin-top: 0em;
	color:#fff;
}

.sticker-support {
  padding-left: -5px;
  padding-top: -20px ;/*
  margin-left: -1em ;*/
}

/*.cta-block-support:after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:0;
	width:10px;
	height:12px;
	margin-top:-6px;
	background:url("http://rejoice.tiri.fr/wp-content/themes/neutro-rcf/images/sprite.png") -30px -60px no-repeat
}*/

@media (min-width:768px) and (max-width:979px){
	.cta-block-support{
		max-width: 6em ;
   	padding-right: 3px;
   	text-align: center ;
	}
}

@media (min-width:1200px) {
	.cta-block-support{
   	padding-right: 3em ;
   	padding-top: 1.5em ;
   	text-align: center ;
	}
}
@media only screen and (max-width: 767px) {
	.mobile-main-menu ul,
	.mobile-secondary-menu ul {
		margin: inherit;
		margin-bottom: 4px ;
	}
	body{
		padding: 0em 0em 0em 0em;/*
		max-width: 100% ;
		background-color: #ffffff;*/
	}
}

@media  (max-width:979px) {
	#primary-menu-wrapper {
		margin-top: 0em;
	}
}

/*** Changements de couleurs ***/
/** Main.css ***/

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	opacity: 0.5 ;
	background-color: #E32119;
}