/*
Theme Name: Nexus Child
Theme URI: http://www.elegantthemes.com/gallery/
Version: 1.6
Description: 2 Column theme from Elegant Themes
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Nexus
*/

@import url("../Nexus/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

/* FONT */
/* integration lemonde-courrier dans head dans le theme, ainsi dans balise style :
@import url("https://use.typekit.net/emx4thv.css");
*/

/* FONT TITRES */
	@font-face {
		font-family: 'DIN Next Stencil Regular';
		font-style: normal;
		font-weight: normal;
		src: local('DIN Next Stencil Regular'), url('https://r2j.ch/fonts/DINNextStencil-Regular.woff') format('woff');
	}
	@font-face {
		font-family: 'DIN Next Stencil Heavy';
		font-style: normal;
		font-weight: 500;
		src: local('DIN Next Stencil Heavy'), url('https://r2j.ch/fonts/DINNextStencil-Heavy.woff') format('woff');
	}

/* MAIN */
	html * {
		font-family: 'lemonde-courrier', serif !important;
		font-weight: 400;
		font-style: normal;
	}
	#main-content h1.main-title, #main-content h2 a, * h3 a, * h4 a, .entry-content .main-titleIFWarticle {
		font-family: 'DIN Next Stencil Regular', serif !important;
		color: #000000!important;
	}
	body {
		background: #eeeeee url("") repeat !important;
	}
	.page-wrap {
	    margin-bottom: 0px;
	}


/* PLEINE LARGEUR SITE */


	@media only screen and (max-width: 959px) {
			#content, body.page #content, .container, #featured .container, .home #content {
			    width: auto!important;
			}	
			#sidebar, .footer-widget, #sidebar .widget {
			    float: none;
			    clear: both;
			    width: auto!important;
			}
		}


	@media only screen and (max-width: 767px) {
			#content, body.page #content, .container, #featured .container, .home #content {
			    width: auto!important;
			}	
			#sidebar, .footer-widget, #sidebar .widget {
			    float: none;
			    clear: both;			    
			    width: auto!important;
			}
		}

    @media only screen and (max-width: 478px)  {
			#content, body.page #content, .container, #featured .container, .home #content {
			    width: auto!important;
			}
			#sidebar, .footer-widget, #sidebar .widget {
			    float: none;
			    clear: both;			    
			    width: auto!important;
			}
		}


/* TACHES JAUNES */
	#content {
	    background-image: 
		    url(images/tachetopleft.png),
	    	url(images/tachetopright.png);
	
		background-position:
			top left,
			bottom right;
			
		background-repeat:
	    	no-repeat;
	}
	#footer-widgets
	{
	    background-image: 
		    url(images/tachetopleft.png),
	    	url(images/tachebottomleft.png);
	
		background-position:
			top left,
			bottom center;
			
		background-repeat:
	    	no-repeat;
	}


/* TOP */
	#main-header {
		padding-top: 0px;
	}
    #top-info {
        position: relative !important;
        background: url("https://r2j.ch/wp-content/uploads/reprisdejustesse.png") 80px 92% no-repeat, url("https://r2j.ch/wp-content/uploads/top.jpg") top right no-repeat;
        background-size: 240px, 1280px; 
   }

    @media screen and (max-width: 1300px) {
		#top-info {
        background-size: 20%, cover!important;
		}
	}
	@media screen and (max-width: 959px) {
		#top-info {
         background: url("https://r2j.ch/wp-content/uploads/reprisdejustesse.png") 10% 94% no-repeat, url("https://r2j.ch/wp-content/uploads/top.jpg") top right no-repeat;           
        background-size: 25%, cover!important;

		}
	}
	@media screen and (max-width: 767px) {
		#top-info {
            background-size: 25%, cover!important;

		}
	}
	@media screen and (max-width: 478px) {
		#top-info {
            background-size: 33%, cover!important;

		}
	}


/* LOGO Attention dans l'ordre du plus grand au plus petit */
	#logo {
		padding: 20px 0 70px 20px!important;
	}

    img#logo { max-width: 15%!important; }


    @media screen and (max-width: 1300px) {
		#logo {
			float: left!important;
    		padding: 15px 0 5% 15px!important;
		}
	}
    @media screen and (max-width: 959px) {
		#logo {
			float: left!important;
    		padding: 15px 0 6% 15px!important;
		}
	}
	@media screen and (max-width: 767px) {
		#logo {
			float: left!important;
    		padding: 10px 0 7% 10px!important;
		}
	}
    @media screen and (max-width: 478px) {
		#logo {
			float: left!important;
    		padding: 8px 0 8% 8px!important;
        }
	}

/* NAV */
	#top-navigation {
	    background-color: #000000!important;
		padding: 15px 0;
	    }

	nav {
		font-size: 1.1em;
	}

	nav * {
		font-family: 'DIN Next Stencil Regular', serif !important;
		line-height: 0;
		font-weight: 400;
		font-style: normal;    
	    text-transform: uppercase;
	    text-shadow: 0px 0px 0 #000000;
		vertical-align: baseline;
		padding-left: 10px!important;
		background: transparent;
		background-color: rgb(0, 0, 0) !important;
		background-color: #000000!important;
	    border: 0px!important;
		box-shadow: inset 0 0px 0 #000000, inset 0 0px 0 #000000, 0 0 0px rgba(0, 0, 0, 0.07);
		border-width: 0px !important;
		border-style: initial !important;
		border-color: initial !important;
		border-image: initial !important;
	}

	nav li a  {
		color: #fee21a!important;

	}
	
	nav li a:hover {
		color: #ff0000!important;
	}
	
	nav li ul {
		padding: 10px 15px !important;
	}

/* SUBNAV */
	
	nav li li {
		padding: 15px 0 !important;
	}
	
	nav li li a {
		text-shadow: 0px 0px 0 rgba( 0,0,0,0.0 );
	}
	
	nav li ul {
	    width: 380px!important;
	}

/* NAV MOBILE */
	/* petite fleche d'entree dans dossier image child  */
	.mobile_nav > span {
	    background: url(images/load-more-yellow-bg.png) no-repeat;
	}
	
	ul#mobile_menu.et_mobile_menu {
		opacity: 1;
		width: 380px!important;	
	}
	
	/* tout est nécessaire */
	.mobile_nav, .et_mobile_menu, .et_mobile_menu li a {
		font-family: 'DIN Next Stencil Regular', serif !important;
		font-weight: 400;
		font-style: normal;    
	    text-transform: uppercase;
		vertical-align: baseline;
		font-size: 16px!important;	
		color: #fee21a!important;
		background: transparent;
		background-color: rgb(0, 0, 0) !important;
		background-color: #000000!important;
		box-shadow: inset 0 0px 0 #000000, inset 0 0px 0 #000000, 0 0 0px rgba(0, 0, 0, 0.07);
		text-shadow: 0px 0px 0 rgba( 0,0,0,0.0 );
	}
	
	#et_mobile_nav_menu {
	    padding: 0 0!important;
	}

    #et_mobile_nav_menu .et_mobile_menu li {
	    background-color: #000000!important;
	}
	/* pas de hover sur une nav mobile ;-) */
	#et_mobile_nav_menu .et_mobile_menu li a:hover {
	    color: #ff0000!important;
	}
	
/* CONTENT */
	
	/* LISTES NUMEROTEES */
	.entry-content ol, .comment-content ol {
		list-style-position: outside; /* Aligns the list vertically */
		padding-left: 30px; /* Optional */
	}
	.entry-content ol li, .comment-content ol li { 
		margin-bottom: 15px; 
	}
	
/* POST */

	/* POST petite fleche */
	.load-more a:before {
	    background: url(images/load-more-yellow-bg.png) no-repeat;
	}
	/* POST BUTTON CATEGORY */
	.pagination, .load-more {
		font-family: 'DIN Next Stencil Regular', serif !important;
		font-size: 0.8em;
	    text-transform: uppercase;
	    width: 60%;
		margin: 20px auto 20px auto;
	}

	.pagination a, .load-more a {
		background-color: #fee21a;
		width: 60%;
		padding: 10px;
		border-radius: 3px;
		color: #000000;
	}	
	/* POST TITRE : article single.php */
	.entry-content .main-titleIFWarticle {
		font-size: 30px;
		font-weight: 900;
		margin: 0 0 12px;
		color: #000000;
	}
	
	/* POST TITRE : listing article */
	.et-description h2 {
		font-size: 30px;
		font-weight: 900;
		margin: 0 0 12px;
		color: #000000;
	}
	
	/* POST IMAGE : image de fond categorie */
	#featured {
		background-image: none !important;
		box-shadow: none;
	}
	/* POST AUTHOR HIDDEN :Masquer auteur en fin d'article */
	#et-bio-author {
		display: none !important;
	}
	
	/* POST ICONE FACEBOOK : align right */
	#et-social-icons li {
		float: right;
	}
	
	/* Masquer pavé orange avec date de publication qui prete à confusion etc. */
	.et-description .post-meta {
		display: none !important;
	}
	h1.module-title, #breadcrumbs {
		display: none !important;
	}
	/* Masquer pavé orange avec date sur image à la une (recherche) */
	.meta-info {
		display: none !important;
	}
	label.screen-reader-text {
		display: none !important;
	}
	
/* FOOTER */
	#main-footer, #et-bio-author, #et-post-share {
		background-color: #ffffff;
	}
	footer-info {
		color: #fee21a !important;
	}
	#main-footer, #et-bio-author {
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.0), inset 0 0px 0px rgba(0, 0, 0, 0.0) !important;
		-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.0), inset 0 0px 0px rgba(0, 0, 0, 0.0) !important;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.07), inset 0 0px 0px rgba(0, 0, 0, 0.0) !important;
		border-bottom: 0px solid #ffffff !important;
	}
	.footer-widget, .footer-widget h4.title {
		color: #555555;
		text-shadow: none;
		margin-bottom: 0px !important;
	}
	#footer-bottom {
		background-color: #000000 !important;
		height: 30px;
		border: none;
		color: #fee21a !important;
	}
	#footer-bottom p, #footer-bottom p a {
		color: #fee21a !important;
	}


/* PLUGINS ET WIDGET */

/* COMNTACT FORM 7 */
span.wpcf7-list-item { display: block; }
span.requis { color: red; font-size: 1.6em; line-height: 5px; }

/* GOOGLE TRANSLATE */

	.switcher::before {
		 content: "GOOGLE TRADUCTION";
		 color: #ffffff;
		 font-size: 10px;
   		 background: #ff0000;
   		 display: block;
   		 width: 163px;
   		 height: 30px;
   		 position: absolute;
   		 top: 13px;
   		 margin:0px auto;
   		 text-align: center;
   		 float: center;
	}
	.switcher {
	  padding: 30px 10px 10px 10px;
	  margin-bottom: 10px;
	  background-color: rgba(255, 255, 255, 0.5);  
	  border: #dddddd 1px solid;
	}
	.switcher a {
	  font-family: 'DIN Next Stencil Regular', serif !important;
	  text-transform: uppercase;
	}