/* GENERAL
=================================================== */

html { 
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	height: 100%;	
}

body {
	font-size: 16px; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-weight: 400;
	font-family: "Roboto", sans-serif;
	color: #444;  
	height: 100%;
	background: #F0F0F0;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.bleu { background: #2196F3; } /* Light Blue A700 (material design colors) */
.bleu-text { color: #2196F3; }
.bleu-hover { color: #1565c0 }

.rouge { background: #e53935; }
.rouge-text { color: #e53935; }
.rouge-hover { color: #c62828; }

.jaune { background: #ffeb3b; } /* Yellow A200 (material design colors) */
.jaune-text { color: #ffeb3b; }

.white-text { color: white; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "Roboto", sans-serif; }

a { color: #2196F3; transition: color 0.5s ease; text-decoration: none; }
a:hover { color: #D50000; }

p:last-child { margin-bottom: 0; }
p:first-child { margin-top: 0; }

.text-center { text-align: center; }
.left { float: left; }
.right { float: right; }

.boxshadow { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
.textshadow { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }

.btn-xl { padding: 0.4em 1em; display: inline-block; text-transform: uppercase; font-weight: 500; }
.btn-xs { padding: 0.3em 0.6em; display: inline-block; font-size: 12px; text-transform: uppercase; }

.btn-primary { background: #2196F3; color: white; transition: all 0.3s; }
.btn-primary:hover, .btn-primary:focus { color: white; background: #2e97ec; }

.btn-danger { background: #E53935; color: white; transition: all 0.3s; } /* Red 600 (material design colors) */
.btn-danger:hover, .btn-danger:focus { color: white; background: #D32F2F; } /* Red 700 (material design colors) */

.outline-white { background: rgba(0, 0, 0, 0.5); color: white; transition: all 0.5s; border: 1px solid #FFF; }
.outline-white:hover, .outline-white:focus { color: #444; background: #FFF; }

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

/* SITE
=================================================== */

body.fixed { position: fixed; top: 0; left: 0; right: 0; overflow: hidden; height: 100vh; }
.body_overlay { display: none; position: fixed; background: rgba(0, 0, 0, 0.9); top: 0; left: 0; bottom: 0; right: 0; height: 100vh; z-index: 13; cursor: cell; z-index: 3; }
.body_overlay.show { display: block; transition: all 0.4s ease; }

#catholica-site { display: flex; flex-flow: column wrap; justify-content: center; margin: 0 auto; margin-top: -120px; z-index: 2; }
.container { max-width: calc(1340px - 2px); width: 100%; margin: 0 auto; padding: 0; border: 1px solid #FFF; background: #F5F5F5; z-index: 2; }
.separator { height: 2px; background: #FFF; }


/* HEADER
=================================================== */

.catholica-menu { height: 60px; padding: 0!important; background: #2196F3; width: 100%; display: block; }

.catholica-menu .menu-icon { width: 60px; height: 60px; line-height: 60px; color: #FFF; text-align: center; background: #444; transition: 0.5s all ease; } 
.catholica-menu .menu-icon:hover { cursor: pointer; background: #222; }

.catholica-menu .search-icon { width: 60px; height: 60px; line-height: 60px; color: #FFF; text-align: center; background: #E53935; transition: 0.5s all ease; } 
.catholica-menu .search-icon:hover { cursor: pointer; background: #c12c29; }

.catholica-menu .home-icon { width: 60px; height: 60px; line-height: 68px; color: #FFF; text-align: center; background: #EF6C00; transition: 0.5s all ease; } 
.catholica-menu .home-icon:hover { cursor: pointer; background: #01579B; }
.catholica-menu .home-icon a { color: white; }

.catholica-menu .map-icon { width: 40px; height: 60px; line-height: 55px; color: #FFF; text-align: center; transition: 0.5s all ease; } 
.catholica-menu .map-icon:hover { cursor: pointer; background: #01579B; }
.catholica-menu .map-icon a { color: white; }

.catholica-menu .mail-icon { width: 40px; height: 60px; line-height: 55px; color: #FFF; text-align: center; transition: 0.5s all ease; } 
.catholica-menu .mail-icon:hover { cursor: pointer; background: #01579B; }
.catholica-menu .mail-icon a { color: white; }

.sidebar_menu { width: 320px; height: 100vh; max-height: 100vh; position: fixed; margin-right: 0; right: -320px; background: #F5F5F5; z-index: 5; transition: all 0.5s ease-in-out; overflow-y: scroll; }
.sidebar_menu.show_menu { right: 0px; }
.sidebar_menu .fa-times { transition: color 0.3s; margin-left: 7px; margin-top: 7px; color: #FFF; }
.sidebar_menu .fa-times:hover { color: #FFEA00; cursor: pointer; }

.sidebar_menu .sidebar-header { position: relative; display: block; width: 100%; background: #2196F3; height: auto; }
.sidebar_menu .sidebar-content { display: block; height: auto; margin: 20px 20px 60px 20px; }

.sidebar_menu .logo { width: 100%; margin-top: 20px; text-align: center; }
.sidebar_menu .logo img { border-radius: 4px; margin-bottom: 15px; align-self: center; }
.sidebar_menu .infos { color: white; text-align: center; }
.sidebar_menu .infos p { line-height: 22px; margin: 0; }

.sidebar_menu .social ul li a { display: inline-block; width: 30px; height: 30px; border: 1px solid #FFF; color: white; line-height: 30px; font-size: 14px; }
.sidebar_menu .social ul li { list-style: none; display: inline-block; }
.sidebar_menu .social ul { display: block; text-align: center; width: 100%; padding: 0; margin: 0; }
.sidebar_menu .social { padding: 20px 0 30px 0; }

.sidebar_menu .social ul .twitter:hover a { background: #039be5; }
.sidebar_menu .social ul .facebook:hover a { background: #3b5998; }
.sidebar_menu .social ul .google:hover a { background: #dd4b39; }
.sidebar_menu .social ul .contact:hover a { background: #FFEA00; } 
.sidebar_menu .social ul .ytube:hover a { background: #FF0000; } 
.sidebar_menu .social ul .login:hover a { background: #4CAF50; } 

/* CATHOLICA-PRÉSENTATION
=================================================== */

.page-template-accueil #catholica-footer { margin-top: 0; padding-top: 1em; }

#catholica-presentation { padding: 3em 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
#catholica-presentation .container { background: transparent; border: 0; }

#catholica-presentation .title { margin: 1em 0 2em 0;  text-align: center; }
#catholica-presentation .logo { width: 100px; height: 100px; border-radius: 3px; }
#catholica-presentation .title h5 { margin-top: 15px; }

#catholica-presentation .flex-presentation > .box { padding: 1em; border: 1px solid #FFF; }
#catholica-presentation .flex-presentation > .box > h2 { text-transform: uppercase; padding: 0 0 0.7em 0; margin: 0; }
#catholica-presentation .flex-presentation > .box > .content { text-align: center; }
#mouvement a, #formation a { color: white; font-weight: 600; }
#mouvement a:hover, #formation a:hover { color: #ffeb3b; }
#activites a, #services a { color: #2196F3; font-weight: 600; }
#activites a:hover, #services a:hover { color: #1A237E; } 
#catholica-presentation ul { list-style: none; margin: 0 0 10px 0; padding: 0; }

	
	@media (min-width: 300px) and (max-width: 374px) {
		.flex-presentation { display: grid; grid-template-columns: 1fr; background: transparent; grid-gap: 1em; margin: 1em; }
		#catholica-presentation .title h1 { font-size: 50px; }
		#catholica-presentation .title h2 { font-size: 25px; }
	}
	
	@media (min-width: 375px) and (max-width: 413px) {
		.flex-presentation { display: grid; grid-template-columns: 1fr; background: transparent; grid-gap: 1em; margin: 1em; }
		#catholica-presentation .title h1 { font-size: 50px; }
		#catholica-presentation .title h2 { font-size: 22px; }
	}
	
	@media (min-width: 414px) and (max-width: 767px) {
		.flex-presentation { display: grid; grid-template-columns: 1fr; background: transparent; grid-gap: 1em; margin: 1em; }
		#catholica-presentation .title h1 { font-size: 50px; }
		#catholica-presentation .title h2 { font-size: 25px; }		
	}
	
	@media (min-width: 768px) and (max-width: 833px) {
		.flex-presentation { display: grid; grid-template-columns: 1fr 1fr; background: transparent; grid-gap: 1em; margin: 1em; }
		#formation { grid-column: 2/2; grid-row: 2/2; }
		#catholica-presentation .title h1 { font-size: 50px; }
		#catholica-presentation .title h2 { font-size: 32px; }
	}
	
	@media (min-width: 834px) and (max-width: 1023px) {
		.flex-presentation { display: grid; grid-template-columns: 1fr 1fr; background: transparent; grid-gap: 1em; margin: 1em; }
		#formation { grid-column: 2/2; grid-row: 2/2; }
		#catholica-presentation .title h1 { font-size: 50px; }
		#catholica-presentation .title h2 { font-size: 32px; }
	}
	
	@media (min-width: 1024px) and (max-width: 1111px) {
		.flex-presentation { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; background: transparent; grid-column-gap: 1em; margin: 1em; }
		#catholica-presentation .title h1 { font-size: 60px; }
		#catholica-presentation .title h2 { font-size: 42px; }
	}
	
	@media (min-width: 1112px) and (max-width: 1199px) {
		.flex-presentation { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; background: transparent; grid-column-gap: 1em; margin: 1em; }
		#catholica-presentation .title h1 { font-size: 60px; }
		#catholica-presentation .title h2 { font-size: 42px; }
	}

	@media (min-width: 1200px) {
		.flex-presentation { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; background: transparent; grid-column-gap: 1em; }
		#catholica-presentation .title h1 { font-size: 60px; }
		#catholica-presentation .title h2 { font-size: 42px; }
	}

/* CATHOLICA-PUBLICATIONS
=================================================== */	

#catholica-publications { padding: 3em 0 2em 0; border-top: 1px solid #FFF; border-bottom: 1px solid #CECECE; }
#catholica-publications .container { background: transparent; border: 0; }
#catholica-publications .entry-title { margin-bottom: 1em; }
#catholica-publications .entry-title h1 { font-weight: 900; font-size: 22px; text-transform: uppercase; line-height: 26px; }
#catholica-publications .entry-title span { display: block; font-weight: 600; font-size: 16px; margin-top: 0.6em; }

	/* CATHOLICA-PELE-NUIT */
	#catholica-pele-nuit .entry-content { text-align: center; }
	#catholica-pele-nuit .affiche { max-width: 100%; height: auto; border: 1px solid #FFF; margin-bottom: 1em; }
	.deroulement-type { background: url('../images/ostensoir.jpg') center center; background-size: cover; background-repeat: no-repeat; border: 1px solid #FFF; margin-bottom: 1em; padding: 1em; } 
	.deroulement-histoire { background: url('../images/hist-nuit.jpg') center center; background-size: cover; background-repeat: no-repeat; border: 1px solid #FFF; padding: 1em; } 
	.deroulement-type h3, .deroulement-histoire h3 { color: #ffeb3b; line-height: 22px; }
	.deroulement-type ul, .deroulement-histoire ul { list-style: none; margin: 0; padding: 0; color: #FFF; text-align: left; }
	.deroulement-type .fa, .deroulement-histoire .fa { margin-right: 12px; }
	.deroulement-type a, .deroulement-histoire a { color: #FFF; font-weight: 700; }

	/* CATHOLICA-INFOS */
	#catholica-infos article { margin-bottom: 1em; }
	
	/* CATHOLICA-ACTUS */
	#catholica-actus article { margin-bottom: 1em; }	
	
	/* CATHOLICA-PELE-ECLAIR */
	#catholica-pele-eclair .box-eclair { margin-bottom: 1em; border: 1px solid #FFF; }
	#catholica-pele-eclair .box-eclair .thumbnail { position: relative; height: 240px; }
	#catholica-pele-eclair .box-eclair .entry-title { margin-bottom: 0; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: -webkit-linear-gradient(rgba(101, 101, 101, 0), rgba(0, 0, 0, 0.1) 48.32%, #000000); 	height: 240px; }
	#catholica-pele-eclair .box-eclair .entry-title h3 { position: absolute; bottom: 15px; left: 15px; right: 15px; color: #fff; font-weight: 800; }
	#catholica-pele-eclair .eclair-content { background: #fafafa; display: block; font-size: 12px; }
	#catholica-pele-eclair .depart, #catholica-pele-eclair .arrivee { padding: 10px 15px; }
	#catholica-pele-eclair .date { position: absolute; top: 15px; right: 15px; width: 60px; height: 60px; background: #ffeb3b; border-radius: 50%; color: #2196F3; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; height: 60px; line-height: 20px; }
	#catholica-pele-eclair .date .jour { font-weight: 700; font-size: 18px; }
	#catholica-pele-eclair .date .mois { font-weight: 300; text-transform: uppercase; font-size: 13px; }
	#catholica-pele-eclair .inscription { position: absolute; top: 30px; right: 68px; background: #ffeb3b; padding: 5px 17px 5px 10px ; font-size: 12px; border-radius: 3px; color: #444; font-weight: 500; }

/* SECTION-DEUX
=================================================== */	

#section-deux { padding: 2em 0; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; display: block; }
#section-deux .container { border: none; background: #F0F0F0; }
#section-deux .grid-section { background: #F0F0F0; margin: 1em; }

#section-deux .entry-title { margin-bottom: 1em; }
#section-deux .entry-title h1 { font-weight: 900; font-size: 22px; text-transform: uppercase; line-height: 26px; }
#section-deux .entry-title span { display: block; font-weight: 600; font-size: 16px; margin-top: 0.6em; }

#section-deux .box { border: 1px solid #FFF; padding: 1em; }

#catholica-phil .box { background: #F3E5F5; }
#catholica-phil .entry-logo { display: block; text-align: center; margin: 1.5em 0; } 
#catholica-phil .entry-logo img { border-radius: 50%; border: 1px solid #FFF; }
#catholica-phil p { color: #7B1FA2; }
#catholica-phil .entry-bouton { margin: 1.5em 0; text-align: center; }
#catholica-phil .btn-xs { background: #AB47BC; padding: 10px; color: white; transition: all 0.3s; } 

#liste-chroniques .box { display: grid; grid-template-columns: 80px 1fr; grid-column-gap: 15px; grid-row-gap: 1em;; margin-bottom: 1em; background: #F5F5F5; }
#liste-chroniques .box h3 { font-size: 18px; line-height: 26px; }
#liste-chroniques .entry-content p { font-size: 14px; }


	@media (min-width: 300px) and (max-width: 374px) {
		#section-deux .grid-section { display: grid; grid-template-columns: 1fr; grid-gap: 1em; margin: 1em; }
		#catholica-phil { margin-bottom: 1em; }
	}
	
	@media (min-width: 375px) and (max-width: 413px) {
		#section-deux .grid-section { display: grid; grid-template-columns: 1fr; grid-gap: 1em; margin: 1em; }
		#catholica-phil { margin-bottom: 1em; }
	}
	
	@media (min-width: 414px) and (max-width: 767px) {
		#section-deux .grid-section { display: grid; grid-template-columns: 1fr; grid-gap: 1em; margin: 1em; }	
		#catholica-phil { margin-bottom: 1em; }	
	}
	
	@media (min-width: 768px) and (max-width: 833px) {
		#section-deux .grid-section { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1em; margin: 1em; }	
		#catholica-phil { grid-column: 1/3; margin-bottom: 1em; }	
	}
	
	@media (min-width: 834px) and (max-width: 1023px) {
		#section-deux .grid-section { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1em; margin: 1em; }	
		#catholica-phil { grid-column: 1/3; margin-bottom: 1em; }
	}
	
	@media (min-width: 1024px) and (max-width: 1111px) {
		#section-deux .grid-section { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1em; margin: 1em; }	
		#catholica-phil { grid-column: 1/3; margin-bottom: 1em; }
	}
	
	@media (min-width: 1112px) and (max-width: 1199px) {
		#section-deux .grid-section { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1em; margin: 1em; }	
	}

	@media (min-width: 1200px) {
		#section-deux .grid-section { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1em; margin: 1em; }	
	}


/* GÉNÉRAL
=================================================== */

	/* CATHOLICA-HERO */
	.catholica-hero { height: 300px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
	#wrapper-site { display: block; height: auto; padding: 2em; }
	
	@media (min-width: 320px) and (max-width: 374px) { .catholica-hero { height: 200px; } }	
	@media (min-width: 375px) and (max-width: 760px) { .catholica-hero { height: 200px; } }	

	/* TITRE DES PAGES */
	.entry-title-page { display: block; margin-bottom: 2em; }
	.entry-title-page .content-titre h2 { color: #444; text-shadow: none; margin-bottom: 15px; }
	.entry-title-page .content-titre h6 { color: #777; text-shadow: none; text-transform: uppercase; font-weight: 200; }	

	
	@media (min-width: 320px) and (max-width: 374px) {
		.entry-title-page .content-titre h2 { font-size: 20px; line-height: 25px; }
		.entry-title-page .content-titre h6 { font-size: 13px; line-height: 13px; }
	}
	
	@media (min-width: 375px) and (max-width: 413px) {
		.entry-title-page .content-titre h2 { font-size: 20px; line-height: 25px; }
		.entry-title-page .content-titre h6 { font-size: 13px; line-height: 13px; }
	}
	
	@media (min-width: 414px) and (max-width: 767px) {
		.entry-title-page .content-titre h2 { font-size: 20px; line-height: 25px; }
		.entry-title-page .content-titre h6 { font-size: 13px; line-height: 13px; }
	}
	
	@media (min-width: 768px) and (max-width: 833px) {
		.entry-title-page .content-titre h2 { font-size: 24px; line-height: 28px; }
		.entry-title-page .content-titre h6 { font-size: 15px; line-height: 15px; }
	}
	
	@media (min-width: 834px) and (max-width: 1023px) {
		.entry-title-page .content-titre h2 { font-size: 28px; line-height: 33px; }
		.entry-title-page .content-titre h6 { font-size: 18px; line-height: 18px; }
	}
	
	@media (min-width: 1024px) and (max-width: 1111px) {
		.entry-title-page .content-titre h2 { font-size: 32px; line-height: 37px; }
		.entry-title-page .content-titre h6 { font-size: 18px; line-height: 18px; }
	}
	
	@media (min-width: 1112px) and (max-width: 1199px) {
		.entry-title-page .content-titre h2 { font-size: 32px; line-height: 37px; }
		.entry-title-page .content-titre h6 { font-size: 18px; line-height: 18px; }
	}
	
	@media (min-width: 1200px) {
		.entry-title-page .content-titre h2 { font-size: 40px; line-height: 45px; }
		.entry-title-page .content-titre h6 { font-size: 18px; line-height: 18px; }
	}

	/* POST DEFAULT */
	.post-default .box { border: 1px solid #FFF; display: block; }
	.post-default .thumbnail { height: 240px; position: relative; display: block; }
	.post-default .entry-title { margin-bottom: 0; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: -webkit-linear-gradient(rgba(101, 101, 101, 0), rgba(0, 0, 0, 0.1) 48.32%, #000000); 	height: 240px; }
	.post-default .entry-title h3 { position: absolute; bottom: 15px; left: 15px; right: 15px; color: #fff; font-weight: 800; }
	.post-default .entry-category { position: absolute; top: 15px; right: 15px; display: inline-block; background:  #ffeb3b; padding: 3px 6px; font-size: 12px; font-weight: 600; border-radius: 2px; color: 	#444; }
	.post-default .entry-excerpt { font-size: 12px; padding: 15px; background: #2196F3; color: white; }
	.post-default .entry-metas { padding: 8px 15px; font-size: 10px; text-align: center; background: #F0F0F0; color: #444; }
	.post-default .entry-metas a { color: #444; }
	
	/* POST ASIDE */
	.post-default .content-aside { padding: 55px 15px 15px 15px; color: #fff; font-weight: 400; font-size: 12px; height: auto; }
	.post-default .content-aside h3 { font-size: 22px; color: #fff; font-weight: 800; line-height: 26px; }
	.post-default .title-aside { background: none; }
	.post-default .thumbnail-aside { height: auto; position: relative; display: block; }

/* AUTHOR PAGE
=================================================== */

@media (min-width: 320px) and (max-width: 374px) {
	.category-posts { display: block; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; min-height: 500px; width: 100%; margin: -0.6em; }
	.category-posts article { display: inline-block; width: 100%; margin: 0.6em;  }
}

@media (min-width: 375px) and (max-width: 413px) {
	.category-posts { display: block; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; min-height: 500px; width: 100%; margin: -0.6em; }
	.category-posts article { display: inline-block; width: 100%; margin: 0.6em;  }
}

@media (min-width: 414px) and (max-width: 767px) {
	.category-posts { display: block; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; min-height: 500px; width: 100%; margin: -0.6em; }
	.category-posts article { display: inline-block; width: 100%; margin: 0.6em;  }
}

@media (min-width: 768px) and (max-width: 833px) {
	.category-posts { display: block; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; min-height: 500px; width: 100%; margin: -0.6em; }
	.category-posts article { display: inline-block; width: 100%; margin: 0.6em;  }
}

@media (min-width: 834px) and (max-width: 1023px) {
	.category-posts { display: block; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; min-height: 500px; width: 100%; margin: -0.6em; }
	.category-posts article { display: inline-block; width: 100%; margin: 0.6em;  }
}

@media (min-width: 1024px) and (max-width: 1111px) {
	.category-posts { display: block; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; min-height: 500px; width: 100%; margin: -0.6em; }
	.category-posts article { display: inline-block; width: 100%; margin: 0.6em;  }
}

@media (min-width: 1112px) and (max-width: 1199px) {
	.category-posts { display: block; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; min-height: 500px; width: 100%; margin: -0.6em; }
	.category-posts article { display: inline-block; width: 100%; margin: 0.6em;  }
}

@media (min-width: 1200px) {
	.category-posts { display: block; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; min-height: 500px; width: 100%; margin: -0.6em; }
	.category-posts article { display: inline-block; width: 100%; margin: 0.6em;  }
}

/* SINGLE-ARTICLE
=================================================== */


.simple-page #sidebar { border: 1px solid #FFF; padding: 1em; background: #B0BEC5; }
#sidebar .vignette { border: 1px solid #FFF; margin-bottom: 1em; }
.archive-date { text-transform: capitalize; text-decoration: underline; }
.archive-list { list-style: none; padding: 0; }
.archive-list li:before { content: '\f061'; color: #777; font-family: 'FontAwesome'; margin-right: 8px; }
#sidebar .archive-list { padding: 0; }
#sidebar .archive-list li a { text-transform: capitalize; color: #37474F; } 
#sidebar .archive-list li a:hover { color: rgba(59, 59, 59, 1); }
#sidebar .archive-list li:before { color: #FFF; }

.simple-article #sidebar { border: 1px solid #FFF; padding: 1em; background: #B0BEC5; }
.simple-article #sidebar .vignette { border: 1px solid #FFF; }


@media (min-width: 300px) and (max-width: 700px) {
	.single-eclair #sidebar { margin-bottom: 2em; }
	.single-nuit #sidebar { margin-bottom: 2em; }
	.simple-article #sidebar { margin-top: 2em; }
	.single-profilegrid_blogs #sidebar { margin-bottom: 2em; }
	.portfolio .items { display: block; margin: 10px; }
	.nuit-posts #postype { width: 280px; height: 400px; }
	.nuit-posts { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: flex-start; }
}

@media (min-width: 768px) and (max-width: 833px) {
	.archive .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.single-post .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.single-eclair .simple-article { display: grid; grid-template-columns: 320px 1fr; grid-column-gap: 2em; }
	.single-nuit .simple-article { display: grid; grid-template-columns: 320px 1fr; grid-column-gap: 2em; }
	.page-template-chronologie .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-prieresmouv .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-conseil .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-local .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.portfolio .items { float: left; width: calc( 25% - 20px ); margin: 10px; }
	.nuit-posts #postype { width: 212px; height: 300px; }
	.nuit-posts { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
	.page-template-adhesion .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-mouvement .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
}

@media (min-width: 834px) and (max-width: 1023px) {
	.archive .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.single-post .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.single-eclair .simple-article { display: grid; grid-template-columns: 320px 1fr; grid-column-gap: 2em; }
	.single-nuit .simple-article { display: grid; grid-template-columns: 320px 1fr; grid-column-gap: 2em; }
	.page-template-conseil .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-chronologie .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-prieresmouv .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-local .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.portfolio .items { float: left; width: calc( 25% - 20px ); margin: 10px; }
	.nuit-posts #postype { width: 232px; height: 330px; }
	.nuit-posts { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
	.page-template-adhesion .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-mouvement .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
}

@media (min-width: 1024px) and (max-width: 1111px) {
	.archive .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.single-post .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.single-eclair .simple-article { display: grid; grid-template-columns: 320px 1fr; grid-column-gap: 2em; }
	.single-nuit .simple-article { display: grid; grid-template-columns: 320px 1fr; grid-column-gap: 2em; }
	.page-template-conseil .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-chronologie .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-prieresmouv .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-local .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-adhesion .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-mouvement .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.portfolio .items { float: left; width: calc( 20% - 20px ); margin: 10px; }
	.nuit-posts #postype { width: 218px; height: 320px; }
	.nuit-posts { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
}

@media (min-width: 1112px) and (max-width: 1199px) {
	.archive .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.single-post .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.single-eclair .simple-article { display: grid; grid-template-columns: 320px 1fr; grid-column-gap: 2em; }
	.single-nuit .simple-article { display: grid; grid-template-columns: 320px 1fr; grid-column-gap: 2em; }
	.page-template-conseil .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-chronologie .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-prieresmouv .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.portfolio .items { float: left; width: calc( 20% - 20px ); margin: 10px; }
	.nuit-posts #postype { width: 187px; height: 280px; }
	.nuit-posts { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
	.page-template-local .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-adhesion .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-mouvement .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
}

@media (min-width: 1200px) {
	.archive .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.single-post .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.single-eclair .simple-article { display: grid; grid-template-columns: 320px 1fr; grid-column-gap: 2em; }
	.single-nuit .simple-article { display: grid; grid-template-columns: 320px 1fr; grid-column-gap: 2em; }
	.page-template-conseil .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-chronologie .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-prieresmouv .simple-page { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.portfolio .items { float: left; width: calc( 20% - 20px ); margin: 10px; }
	.nuit-posts #postype { width: 232px; height: 320px; }
	.nuit-posts { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; }
	.page-template-local .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-adhesion .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
	.page-template-mouvement .simple-article { display: grid; grid-template-columns: 1fr 320px; grid-column-gap: 2em; }
}

	/* ADHESION */
	@media (min-width: 1020px) {
		.adhesion { display: grid; grid-template-columns: 220px 1fr; grid-gap: 1em; }
	}
	.affiche-adhesion img { margin-bottom: 1em; }
	.adhesion { margin-top: 1em; }
	
	/* MOUVEMENT */
	#mouv-menu { margin-bottom: 2em;} /* Blue 700 (material design colors) */
	#mouv-menu ul { list-style: none; margin: 0; padding: 0; display: inline-block; height: 40px; }
	#mouv-menu li { background: #2196F3; display: inline-block; line-height: 40px; height: 40px; transition: all 0.4s ease; margin-bottom: 5px; }
	#mouv-menu a { text-align: center; color: #FFF; padding: 0 15px; line-height: 40px; height: 40px; display: block; }
	#mouv-menu li:hover { background: #03A9F4; } /* Light Blue (material design colors) */
	
	/* SEARCH */	
	.recherche-terms { list-style: none; padding: 0; }
	.recherche-terms li:before { content: '\f061'; color: #444; font-family: 'FontAwesome'; margin-right: 8px; }
	.recherche-terms { padding: 0; } 
	

	/* SINGLE ECLAIR */
	.eclair-content { border: 1px solid #FFF; background: #fafafa; display: block; }
	.depart, .arrivee { padding: 15px; }
	.arrivee { border-top: 1px solid #FFF; }
	.depart span, .arrivee span { display: block; text-transform: uppercase; color: #777; font-weight: 500; }
	.eclair-content .fa { margin: 0 8px; color: #2196F3; }
	.eclair-content .fa-calendar { margin-left: 0; }
	.depart { border-bottom: 1px solid #CECECE; }
	.conditions { margin-top: 1em; }
	.conditions p { font-size: 12px; }
	.inscription-eclair { margin-bottom: 1em; }
	#prix { margin: 1em 0; background: #FAFAFA; }
	#prix .tableau { border: 1px solid #FFF; padding-bottom: 8px; }
	#prix .entete { border-bottom: 1px solid rgba(0, 0, 0, 0.5); padding: 5px 15px; background: #2196F3; color: #FFF; margin-bottom: 8px; }
	#prix .entete h3 { text-transform: uppercase; }
	#prix .ligne { padding: 5px 15px; font-size: 14px; }
	
	/* SINGLE NUIT */
	#invites { margin-top: 1em; }
	.box-invites { border: 1px solid #FFF; background: #F0F0F0; padding: 1em; margin-bottom: 1em; }
	.box-invites h4 { border-bottom: 1px solid #CECECE; padding-bottom: 10px; }
	.box-invites h6 { text-transform: uppercase; font-weight: 200; }
	.content-invites { border-top: 1px solid #FFF; padding-top: 1em; font-size: 12px; }
	.invite-img { width: 60px; height: 60px; border-radius: 50%; margin-top: 0.5em; float: left; margin-right: 0.8em; margin-bottom: 0.3em; }
	.theme-nuit { color: #0091EA; } /* Light Blue A700 (material design colors) */

	/* CATEGORY ECLAIR */
	.category-posts .box-eclair { margin-bottom: 1em; border: 1px solid #FFF; }
	.category-posts .box-eclair .thumbnail { position: relative; height: 240px; }
	.category-posts .box-eclair .entry-title { margin-bottom: 0; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: -webkit-linear-gradient(rgba(101, 101, 101, 0), rgba(0, 0, 0, 0.1) 48.32%, #000000); 	height: 240px; }
	.category-posts .box-eclair .entry-title h3 { position: absolute; bottom: 15px; left: 15px; right: 15px; color: #fff; font-weight: 800; }
	.category-posts .eclair-content { background: #fafafa; display: block; font-size: 12px; }
	.category-posts .depart, .category-posts .arrivee { padding: 10px 15px; }
	.category-posts .date { position: absolute; top: 15px; right: 15px; width: 60px; height: 60px; background: #ffeb3b; border-radius: 50%; color: #2196F3; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; height: 60px; line-height: 20px; }
	.category-posts .date .jour { font-weight: 700; font-size: 18px; }
	.category-posts .date .mois { font-weight: 300; text-transform: uppercase; font-size: 13px; }
	.category-posts .inscription { position: absolute; top: 30px; right: 68px; background: #ffeb3b; padding: 5px 17px 5px 10px ; font-size: 12px; border-radius: 3px; color: #444; }
	.page-template-peles-eclair .catholica-hero { background: url('../images/pieds.jpg') bottom right; background-size: cover; }
	
	/* PAGINATION */
	.pagination { display: block; padding: 2em 0; }	
	
	/* CATEGORY NOCTURNE */
	.nuit-posts #postype  { margin: 10px; align-self: flex-start; align-self: flex-start; border: 1px solid #FFF; }
	.page-template-peles-nocturnes .catholica-hero { background: url('../images/nuit-141.jpg') center center; background-size: cover; }
	
	/* LOGIN */
	.login-content #loginform p { margin-top: 2rem; display: flex; flex-flow: column wrap; justify-content: center; }
	.login-content #loginform input { flex: 1 0 auto; height: 30px; padding: 0 15px; outline: none; margin-top: 10px; }
	#loginform p.login-remember { display: none!important; }
	#loginform .button-primary { background: #2196F3; color: #FFF; font-weight: 400; text-transform: uppercase; font-size: 13px; padding: 4px 8px; border: 1px solid #FFF; transition: 0.5s ease all; margin-bottom: 10px; }
	#loginform .button-primary:hover { background: #B71C1C;  }
	.logout { list-style: none; margin: 0 0 1em 0; padding: 0; text-align: center; }
	.logout a { color: #FFF; }
	.wpforo-list-item .posttitle a { color: #FFF; font-weight: 600; }
	.wpforo-list-item .postuser a { color: #444; }
	
	/* TRANSPORTS */
	.venir p { margin: 0px; }
	.table { display: table; width: 100%; height: 100%; margin-bottom: 5px; vertical-align: middle; position: relative; padding: 5px 0 0 0; } 
	.table > span { position: absolute; top: 8px; left: 70px; }
	.bus > img { margin-top: 5px; margin-right: 2px; }	
	.venir .item { padding: 15px; border: 1px solid #FFF; margin: 1em 0; background-color: #EEEEEE; } 
	.bus-logo { background-image: url('../images/transports/bus.png'); background-position: center right; background-repeat: no-repeat; }
	.auto-logo { background-image: url('../images/transports/autolib.png'); background-position: center right; background-repeat: no-repeat; background-color: #EEEEEE; }
	.park-logo { background-image: url('../images/transports/parking.png'); background-position: center right; background-repeat: no-repeat; background-color: #EEEEEE; }
	.velo-logo { background-image: url('../images/transports/velib.png'); background-position: center right; background-repeat: no-repeat; background-color: #EEEEEE; }
	.metro-logo { background-image: url('../images/transports/metro.png'); background-position: center right; background-repeat: no-repeat; background-color: #EEEEEE; }
	.venir .fa { margin-right: 8px; color: #B0BEC5; }
	.grid-venir .fa { margin-right: 8px; color: #B0BEC5; }
	.info-venir p { margin: 2px 0; }	
	#ecrire #prenom { font-size: 12px; margin-bottom: 8px; }
	#ecrire #adresse { font-size: 12px; }
	#ecrire #message { font-size: 12px; }
	#ecrire #sujet { font-size: 12px; }	
	#ecrire .wpcf7-form-control { height: 30px; outline: none; width: calc(100% - 10px); margin-top: 8px; padding: 3px; font-size: 16px; line-height: 30px; border: 1px solid #CECECE; }
	#ecrire .wpcf7-textarea { height: auto; }
	#ecrire .btn-xl { border: 1px solid #FFF; }
	
.video-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); 
	margin: 25px 0; 
	border: 1px solid #FFF; 
}

.video-container iframe { 
	position: absolute; 
	top: 0; left: 0; 
	bottom: 0; 
	right: 0; 
	width: 100%; 
	height: 100%; 
	vertical-align: middle; 
}
	

/* #SIDEBAR
=================================================== */

#sidebar .jrm-widget h3 { text-transform: uppercase; }
.fa-download { margin-right: 7px; }

.widget_media_image img {
	border: 1px solid #FFF;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.widget_media_video iframe {
	border: 1px solid #FFF;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	max-width: 100%;	
}

.jrm-widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jrm-widget li:before {
	content: "\f18e";
	font-family: 'FontAwesome';
	color: #E3F2FD; /* Blue 50 (material design colors) */
	margin-right: 5px;
}

.jrm-widget a {
	color: #37474F; /* Blue Grey 800 (material design colors) */
}

.jrm-widget a:hover {
	color: #C62828; /* Red 800 (material design colors) */
}

#sidebar h3 {
	margin-top: 1em;
	margin-bottom: 12px;
}

.widget_nav_menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget_nav_menu li:before {
	content: "\f18e";
	font-family: 'FontAwesome';
	color: #1976D2;
	margin-right: 5px;
}

.widget_nav_menu a {
	color: #444; /* Brown 50 (material design colors) */
}

.widget_nav_menu a:hover {
	color: #B71C1C; /* Red 900 (material design colors) */
}

/* PORTFOLIO
=================================================== */
.portfolio { display: block; width: 100%; margin: 2em auto 0 auto; }
.jrm-folio h3 { margin-bottom: 1em; }

.card-image { height: 200px; }
.card-title { background: #F0F0F0; padding: 15px; }
.card-fonction { background: #2196F3; color: #FFF; padding: 10px;  }
.nom { text-transform: uppercase; }
.bouton { background: #2196F3; color: #FFF; font-weight: 400; text-transform: uppercase; font-size: 13px; padding: 4px 8px; border: 1px solid #FFF; transition: 0.5s ease all; margin-bottom: 10px; }
.bouton:hover, .bouton.active, .bouton:focus { background: #B71C1C; } 

/* SHARING ARTICLES
=================================================== */

#sharing ul li a { display: inline-block; width: 30px; height: 30px; border: 1px solid #FFF; color: #FFF; line-height: 30px; font-size: 14px; transition: all 0.5s ease; }
#sharing ul li { list-style: none; display: inline-block; }
#sharing ul { display: block; text-align: center; width: 100%; padding: 0; margin: 0; }
#sharing .social { padding: 20px 0; }

#sharing a.twitter { background: #039be5; color: white; }
#sharing a.facebook { background: #3b5998; color: white; }
#sharing a.google { background: #dd4b39; color: white; }
#sharing a.dkpdf-button { background: #4CAF50; color: white; } 

#sharing a.twitter:hover { background: #444; color: white; }
#sharing a.facebook:hover { background: #444; color: white; }
#sharing a.google:hover { background: #444; color: white; }
#sharing a.dkpdf-button:hover { background: #444; color: white; } 

/* PRIERES MOUVEMENT
=================================================== */ 

.content-priere .hide { display: none; }
.content-priere .active { display: block; }
.priere ul li.active { color: #FFF; background: #2196F3; border-bottom: 3px solid #314c7a; }

.priere ul { margin: 0; padding: 0; display: flex; background: #FFF; list-style: none; justify-content: space-between; background: #F5F5F5; }
.priere ul li { margin: 0; padding: 5px 0; box-sizing: border-box; text-align: center; cursor: pointer; border-bottom: 3px solid #607D8B; width: 100%; } 

.priere-title { margin: 2em 0 1em 0; }
.content-priere { margin: 15px; font-size: 12px; }
.content-priere .illustration { margin-bottom: 1em; }
.content-priere .text-priere { padding-bottom: 1em; }

@media (min-width: 320px) and (max-width: 374px) {
	.priere h5 { display: none; }
}

@media (min-width: 375px) and (max-width: 413px) {
	.priere h5 { display: none; }
}

@media (min-width: 414px) and (max-width: 767px) {
	.priere h5 { display: none; }
}

@media (min-width: 768px) and (max-width: 833px) {
	.priere h5 { display: none; }
}

@media (min-width: 834px) and (max-width: 1023px) {
	.priere h5 { display: none; }
}

@media (min-width: 1024px) and (max-width: 1111px) {
	.priere h5 { display: none; }
	.content-priere .illustration { text-align: center; }
}

@media (min-width: 1112px) and (max-width: 1199px) {
	.grid-priere { display: grid; grid-template-columns: 320px auto; grid-gap: 2em; }
}

@media (min-width: 1200px) {
	.grid-priere { display: grid; grid-template-columns: 320px auto; grid-gap: 2em; }
}

/* FOOTER
=================================================== */

#catholica-footer { display: block; background: #444; margin-top: -120px; padding-top: calc(120px + 1em); border-top: 1px solid #222; padding-bottom: 2em; color: white; } 
#catholica-footer > .container { background: transparent; border: none; }
.jrm-footer { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; }
.jrm-footer a { color: #FFF; }

.jrm-footer h2 { text-transform: uppercase; }
.jrm-footer h3 { margin-bottom: 1em; font-weight: 400; text-transform: uppercase; }

#footer-copy { text-align: center; font-size: 10px; background: #222; padding: 2em 0; color: #888; }
#footer-copy a { font-size: 14px; color: #FFF; }

#catholica-footer .social ul li a { display: inline-block; width: 30px; height: 30px; border: 1px solid #FFF; color: white; line-height: 30px; font-size: 14px; text-align: center; }
#catholica-footer .social ul li { list-style: none; display: inline-block; }
#catholica-footer .social ul { display: block; width: 100%; padding: 0; margin: 0; }
#catholica-footer .social { padding: 20px 0 30px 0; }

#catholica-footer .social ul .twitter:hover a { background: #039be5; }
#catholica-footer .social ul .facebook:hover a { background: #3b5998; }
#catholica-footer .social ul .google:hover a { background: #dd4b39; }
#catholica-footer .social ul .contact:hover a { background: #FFEA00; } 
#catholica-footer .social ul .ytube:hover a { background: #FF0000; } 
#catholica-footer .social ul .login:hover a { background: #4CAF50; }

#footer-un p { font-size: 12px; }
#footer-un hr { border: 1px dotted white; }

#footer-deux ul { margin: 0; padding: 0; list-style: none; font-size: 14px; }
#footer-deux .fa { margin-right: 8px; }
#footer-deux a:hover { color: #ffeb3b; }

#footer-trois .wpcf7-submit { border: 1px solid #226ff3; }
#footer-trois .wpcf7-email { height: 30px; outline: none; max-width: 100%; color: #444; padding-left: 8px; font-size: 14px; border: 1px solid #333; }
#footer-trois .wpcf7-mail-sent-ok { margin-left: 0; margin-right: 0; width: calc(100% - 1em); border: 0; background: #398f14; color: #FFF; font-size: 14px; padding: 10px; }
#footer-trois .wpcf7-validation-errors { margin-left: 0; margin-right: 0; width: calc(100% - 1em); border: 0; background: #f7e700; color: #BF360C; font-size: 14px; padding: 10px; } 
#footer-trois .wpcf7-not-valid-tip { margin-top: 10px; font-size: 13px; color: #f7e700; }

#footer-quatre .widgets-photos { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; }
#footer-quatre .widgets-photos .thumbnail { flex: 1 0 auto; width: 80px; height: 80px; border: 1px solid #FFF; margin: 3px; position: relative; }
#footer-quatre .widgets-photos .thumbnail .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 80px; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.4s; }
#footer-quatre .widgets-photos .thumbnail:hover .overlay { opacity: 1; }
#footer-quatre .widgets-photos .thumbnail .overlay .fa { display: flex; justify-content: center; align-items: center; height: 80px; }


@media (min-width: 320px) and (max-width: 374px) {
	.jrm-footer { display: block; padding: 1em 1em 0 1em; }
	.jrm-footer > .box { width: 100%; margin-bottom: 1em; }
}

@media (min-width: 375px) and (max-width: 413px) {
	.jrm-footer { display: block; padding: 1em 1em 0 1em; }
	.jrm-footer > .box { width: 100%; margin-bottom: 1em; }
}

@media (min-width: 414px) and (max-width: 767px) {
	.jrm-footer { display: block; padding: 1em 1em 0 1em; }
	.jrm-footer > .box { width: 100%; margin-bottom: 1em; }
}

@media (min-width: 768px) and (max-width: 833px) {
	.jrm-footer > .box { width: calc(50% - 2em); padding: 1em; }
}

@media (min-width: 834px) and (max-width: 1023px) {
	.jrm-footer > .box { width: calc(50% - 2em); padding: 1em; }
}

@media (min-width: 1024px) and (max-width: 1111px) {
	.jrm-footer > .box { width: calc(25% - 2em); padding: 1em; }
}

@media (min-width: 1112px) and (max-width: 1199px) {
	.jrm-footer > .box { width: calc(25% - 2em); padding: 1em; }
}

@media (min-width: 1200px) {
	.jrm-footer > .box { width: calc(25% - 2em); padding: 1em; }
}

/* PAGINATION-CATEGORY
=================================================== */

.page-numbers { list-style: none; margin: 0; padding: 0; display: block; text-align: center; }
.page-numbers li { display: inline-block; margin: 30px 0; line-height: 15px; padding: 0 1px; }
.page-numbers li a { display: inline-block; height: 15px; width: 15px; text-align: center; background: #444; color: white; padding: 8px; font-size: 16px; transition: background 0.3s ease; }
.page-numbers li .page-numbers.current { display: inline-block; height: 15px; width: 15px; text-align: center; background: #777; color: white; line-height: 15px; padding: 8px; font-size: 16px; }
.page-numbers li:hover a { background: #777; }


/* MODAL-FOOTER
=================================================== */

.modal { 
	display: none;
	position: fixed;
	left: 0; top: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 5;
}

.modal-content {
	background: #FAFAFA;
	margin: 10% auto;
	padding: 20px;
	width: 70%;
	color: #444;
	animation-name: modalopen;
	animation-duration: 1.2s;
}

.modal-header { position: relative; }
.modal-header h2 { position: relative; height: 30px; padding-bottom: 30px; padding-top: 10px; }
.modal-body { position: relative; }
.modal-footer { position: relative; padding-top: 30px; }

#closeBtn { position: absolute; top: -10px; right: 0px; font-size: 20px; cursor: pointer; transition: color 0.3s ease; z-index: 6; }
#closeBtn:hover, #closeBtn:focus { color: #e53935; }

@keyframes modalopen {
	from{opacity: 0 }
	to {opacity: 1 }
}

/* SEARCH-MODAL
=================================================== */

#searchModal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; overflow: hidden; background: #2196F3; z-index: 10; }
#searchModal.show { display: block; transition: all 0.4s ease; }
.box-modal { display: flex; flex-flow: column wrap; justify-content: center; align-items: center; color: #FFF; height: 100vh; overflow: hidden; }
.box-modal .entry-content { display: block; width: 100%; height: 100vh; z-index: 15; }
.box-modal .box-content { display: flex; flex-flow: column wrap; justify-content: center; align-items: center; height: 100vh; }
.box-modal .fa-times { color: #FFF; z-index: 15; cursor: pointer; transition: all 0.3s ease; margin-bottom: 40px; }
#searchModal .logo { margin-bottom: 20px; border-radius: 5px; }
#searchModal h2 { margin-bottom: 20px; }
#jrm_search { display: block; width: 300px!important; text-align: center; }
#jrm_search #search-txt { height: 35px; width: 265px; border: 2px solid #FFD600; outline: none; padding: 0 7px; color: #444; font-size: 13px; } 

/* SCROLL TO TOP
=================================================== */

	.scrollToTop { 
		width:35px; 
		height:35px; 
		text-align:center; 
		background: rgba(0,0,0,.3); 
		border-radius: 3px; 
		color: #FFF; 
		font-weight: bold; 
		text-decoration: none; 	
		position:fixed; 
		bottom:80px; 
		right:60px; 
		display:none; 
		cursor: pointer; 
		z-index: 9999; 
	} 
	
	.scrollToTop:hover { 
		text-decoration:none; 
		background:rgba(0,0,0,.6); 
	}
	.scrollToTop i { 
		font-size: 25px; 
		line-height: 35px; 
		color: #fff; 
	}
	.scrollToTop i:hover { 
		font-size: 25px; 
		line-height: 35px; 
		color: #FFF; 
	}



/* IMAGES WORDPRESS
=================================================== */

.sticky,
.bypostauthor,
.gallery-caption {
   display: normal;
}

.alignnone {
   margin: 1em 1em 1em 0;
}

.aligncenter,
div.aligncenter {
   display:block;
   margin: .5em auto;
}

.alignright {
   float:right;
   margin: 0 0 1em 1em;
}

.alignleft {
   float:left;
   margin: 0 1em 1em 0;
}

.aligncenter {
   display: block;
   margin: 1em auto;
}

img[class*="align"],
img[class*="wp-image-"] {
   max-width: 100%;
   height: auto;
}

img.wp-smiley {
   border: none;
   margin-bottom: 0;
   margin-top: 0;
   padding: 0;
}

img.alignright {
   margin-left: 1em 0 1em 1em;
}

img.alignleft {
   margin: 1em 1em 1em 0;
}

img.aligncenter{
   display: block;
   margin: 1em auto;
}

img#wpstats {
   display: block;
   margin: 0 auto;
}

img[class*="align"],
img[class*="wp-image-"],
   .gallery .gallery-icon img {
   border: 1px solid #666;
}

.wp-caption {
   margin-bottom: 1em;
   margin-left: 0;
   max-width: 96%;
   text-align: center;
   position: relative;
}

.wp-caption img {
   display: block;
   margin: 0 auto;
}

.wp-caption-text {
   position: absolute; left: 0; bottom: 0; right: 0;
   font-size: .8em;
   color: white;
   padding: 5px;
   background: rgba(0, 0, 0, 0.5);
}

/* GALLERY WORDPRESS
=================================================== */

.gallery {
   margin: 25px auto 0 auto;
   display: block;
}

.gallery:after {
	content:'';
	clear: both;
	display: block;
}

.gallery .gallery-caption { display: none; }

.gallery .gallery-item  {
   margin: 0px;
   float: left;
   text-align: center;
   width: 33%;
}

.gallery .gallery-icon { padding: 5px;  }
 
.gallery a img {
   border: none;
}

.gallery a:hover {
   cursor: -webkit-zoom-in;
}

.gallery-columns-4 .gallery-item {
   width: 25%;
}

.gallery-columns-4 .gallery-item img {
   width: 100%;
   height: auto; 
}

.gallery-columns-5 .gallery-item {
   width: 20%;
}

.gallery-columns-5 .gallery-item img {
   width: 100%;
   height: auto;
   border: 1px solid #90A4AE;
   padding: 2px; 
}

.gallery-columns-6 .gallery-item {
   width: 16.6666%;
}

.gallery-columns-6 .gallery-item img {
   width: 100%;
   height: auto;
}


@media only screen and (max-width: 800px) {

   embed,
   object {
      max-width: 100%;
   }

}

.featherlight .featherlight-content .caption {
	font-weight: 600!important;
	top:10px;
	left: 10px;
}