/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/*-----
 * CSS GENERAL
 * COMPLEMENT AU THEME OPTION
 -------*/


	/*----RANGÉE ÉTROITE EN DESKTOP-----*/

    
    	@media (min-width:960px) {
        	.rangee-etroite {
            	padding-left: 20%;
            	padding-right: 20%;
        	}
    	}

    	@media (min-width:1240px) {
        	.rangee-etroite {
            	padding-left: 25%;
            	padding-right: 25%;
        	}
    	}

	/*------HEADER HEIGHT MOBILE---------*/

	@media (max-width: 569px) {
		.header-wrapper .header-bg-wrapper + div {
    		min-height: 150px !important;
		}
	}

	/*----
	 * TITRES
	 -----*/

		/*--------h1 h2 hauteur de ligne-------*/

		.h1, .h2 {
    		line-height: 1 !important;
		}


		/*-----h1 plus petit a 1170px-----*/

		@media (max-width: 1170px) {
			.h1:not([class*="fontsize-"]) {
    			font-size: 46.666666666667px;
			}
		}

	/*--------
	 * BOUTON
	-------*/

	/*-----BOUTON BLANC ECRIT EN BLEU----*/

	.btn-color-xsdn {
    	color: #16304a !important;
	}

	/*------TYPO BOUTON GENERAL THEME-----*/

	.btn {
    	font-size: 18px;
    	letter-spacing: 0em !important;
	}

	/*----scroll to top*/
	
	.style-light .btn-default {
    	color: #ffffff !important;
    	background-color: #931b3c !important;
    	border-color: #931b3c !important;
	}



/* ------------------------- LOGO FOOTER INLINE ------------------------------- */

@media (min-width:560px) {
	.photo-inline {
    	display: inline !important;
    	vertical-align: middle !important;
    	margin: 16px;
	}
}

@media (max-width:559px) {
	.photo-inline {
    	padding: 16px;
	}
}



/*-----CONTACT FORM---------*/

	/*----------FULL WIDTH INPUT TXT-----*/
	
	.style-light input {
		width: 100%;
		border-color: #16304a;
	}

	.style-dark input {
		width: 100%;
	}

	/*---------FULL WIDTH TEXT AREA------*/

	.style-light textarea {
		width: 100%;
		border-color: #16304a;
	}

	.style-dark textarea {
		width: 100%;
	}

	/*----- BOUTON SUBMIT---------*/

	.style-light input[type="submit"]  {
		color: #16304a;
		background-color: #f9d548;
		border-color: transparent;
		font-size: 18px;
    	letter-spacing: 0em !important;
		max-width: 200px;
	}

	.style-dark input[type="submit"]  {
		color: #16304a;
		background-color: #f9d548;
		border-color: transparent;
		font-size: 18px;
    	letter-spacing: 0em !important;
		max-width: 200px;
	}



	/*------ FONT AWESOME PAS DE PADDING------*/

	.fa {
		margin-right:0;
	}





/*------
 * CSS ADDITIONNEL
 * CLASSES AJOUTEES
 * ET INVENTEES
-------*/



/* ------------------------- SPECTACLES ------------------------------- */

	/*-----MAIN - BOITE CONTENU COMPLET-----*/

	.liste-spectacles {
		width: 100%;
		font-family: 'Roboto Condensed';
		color: #FFFFFF;
	}

	/*-----BOITE CONTENU SIMPLE SHOW-----*/

	.liste-spectacles .simple-spectacles {
		width: 100%;
		margin-bottom: 30px;
		overflow: hidden;
		background-color: #16304a;
	}

		/*-----BOITE DATE A GAUCHE-----*/

		.liste-spectacles .simple-spectacles .date {
			float: left;
    		width: 15%;
    		min-height: 130px;
    		max-height: 180px;
    		text-align: center;
    		padding-top: 20px;
		}

			/*--------BOITE DATE GAUCHE - CHIFFRE DU JOUR-------*/

			.liste-spectacles .simple-spectacles .date .jour {
				display: block;
    			font-size: 60px;
    			line-height: 60px;
				font-weight: 700;
			}
	
			/*------BOITE DATE GAUCHE - NOM DU MOIS -----------*/	

			.liste-spectacles .simple-spectacles .date .mois {
				display: block;
    			font-size: 30px;
    			text-transform: uppercase;
    			font-weight: 700;
			}

		/*------ BOITE INFORMATION ----- */

		.liste-spectacles .simple-spectacles .endroit {
			position: relative;
			float: right;
			width: 85%;
			min-height: 130px;
			max-height: 165px;
			padding-left: 25px;
		}
		

		.liste-spectacles .simple-spectacles .endroit i {
			width: 20px;
    		height: 20px;
    		text-align: left;
    		margin-top: 4px;
    		margin-right: 5px;
		}


			/*------ NOM DE LA VILLE ----- */	

			.liste-spectacles .simple-spectacles .endroit .ville {
				display: block;
    			text-transform: uppercase;
    			font-size: 28px;
    			padding-top: 15px;
				font-weight: 700;
				color: #f9d548;
			}

			/*------ DATE COMPLET EN PETIT AVEC L'ICONE ----- */	

			.liste-spectacles .simple-spectacles .endroit .date-complet {
				display: block;
    			font-size: 16px;
    			margin-top: 10px;
    			margin-bottom: 10px;
    			font-family: 'Lato';
			}	

			/*------ NOM DE LA SALLE EN PETIT AVEC ICONE ----- */	

			.liste-spectacles .simple-spectacles .endroit .lieu {
				display: block;
				font-size: 16px;
				font-family: 'Lato';
			}


		/*------ BOITE BOUTON ET BOUTON ----- */

		.liste-spectacles .simple-spectacles .lien-spectacles {
    		position: absolute;
    		top: 50%;
    		right: 20px;
    		color: #16304a !important;
    		background-color: #f9d548;
    		padding: 10px 20px;
    		text-transform: uppercase;
    		font-size: 18px;
    		transform: translate(0%, -50%);
    		font-weight:700;
		}

			/*------ BOUTON HOVER ----- */

			.liste-spectacles .simple-spectacles .lien-spectacles:hover {
    			background-color: #ecc83b;
			}

			/*------ BOUTON SANS LIEN ----- */

			.liste-spectacles .simple-spectacles .lien-spectacles.sans {
				opacity: 0.4;
			}

.pagination > li:first-child > a, .navigation > li:first-child > a, .pagination > li:first-child > span, .navigation > li:first-child > span, .pagination > li:last-child > a, .navigation > li:last-child > a, .pagination > li:last-child > span, .navigation > li:last-child > span {
    border-radius: 100px;
}

.cpagination .pagination {
    padding: 0px 0px 20px 0px !important;
}

	/*------- MOBILE--------*/

	@media only screen and (max-width: 768px) {
		
		/*----BOITE DATE MOBILE ----*/
		
		.liste-spectacles .simple-spectacles .date {
			width: 25%;
			min-height: 130px;
	    	max-height: 180px;
		}

			/*--------BOITE DATE MOBILE - CHIFFRE DU JOUR-------*/
		
			.liste-spectacles .simple-spectacles .date .jour {
	    		font-size: 30px;
	    		line-height: 40px;
				font-weight: 700;
			}
		
			/*--------BOITE DATE MOBILE - NOM DU MOIS -------*/

			.liste-spectacles .simple-spectacles .date .mois {
	    		font-size: 20px;
	    		line-height: 20px;
			}
		
		/*----BOITE INFORMATION MOBILE ----*/

		.liste-spectacles .simple-spectacles .endroit {
			width: 75%;
			min-height: 130px;
	    	max-height: 180px;
		}

			/*------ NOM DE LA VILLE MOBiLE ----- */	
		
			.liste-spectacles .simple-spectacles .endroit .ville {
	    		font-size: 22px;
				font-weight: 700;
			}
	
			/*------ DATE COMPLET AVEC ICONE MOBiLE ----- */	

			.liste-spectacles .simple-spectacles .endroit .date-complet {
	    		margin-top: 5px;
	    		margin-bottom: 2px;
			}
		
		/*------ BOITE BOUTON ET BOUTON MOBILE ----- */	

			.liste-spectacles .simple-spectacles .lien-spectacles {
				top: auto;
				bottom: 0;
				right: 0;
	    		transform: none;
	   			width: 100%;
	    		text-align: center;
			}
	
	}




/* ---------------------------- SEARCH PAGE --------------------- */

.search .row-menu {
	max-width: 1200px;
    margin: auto;
}

.search .heading-text span {
	text-transform: none;
}

.search .text-lead {
	display: none;
}

.search #page-header .header-wrapper > .header-bg-wrapper, #page-header .header-wrapper .header-scrolldown, #page-header .header-wrapper .row-container > .row-background {
	opacity: 0 !important;
}

.search .style-color-wayh-bg {
    background-color: #253861;
}

.search #colophon {
	display: block;
	height: auto;
}

.search #colophon .mobile-hidden {
	display: none;
}

.search .sections-container {
	background-color: #FFF;
}

.search .row {
	max-width: 1200px;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.search .search-field {
	border: 2px solid #d2d2d2;
}



        /*---HEADER-----*/
        
        .search #page-header .header-wrapper > .header-bg-wrapper {
    opacity: 1 !important;
}




/* ------------------------------ PAGINATION ------------------------------------ */

.custom-pagination {
	text-align: center;
}

.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 10px 20px;
}

.custom-pagination a {
  background-color: #FFf;
  color: #253861;
  border: 1px solid #253861;
  font-size: 18px;
}
.custom-pagination a:hover {
  background-color: #253861;
  color: #FFF !important;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 10px 20px;
  border: 1px solid #253861;
  font-size: 18px;
	color: #253861 !important;
}
.custom-pagination span.dots {
  padding: 0;
  color: #253861;
  font-size: 18px;
}
.custom-pagination span.current {
  background-color: #253861;
  color: #FFF;
  font-size: 18px;
}



@media only screen and (max-width: 768px) {
	.custom-pagination span,
	.custom-pagination a {
	  padding: 5px 10px;
	}

	.custom-pagination span.page-num {
	  padding: 5px 10px;
	}

	.custom-pagination a,
	.custom-pagination span.page-num,
	.custom-pagination span.dots,
	.custom-pagination span.current {
	  font-size: 12px;
	}	
}



	/*-------DIVISER FORMULAIRE EN DEUX------*/

		/*----DIV FORMULAIRE -- MAIN CONTENT----*/

    	.formulaire {
	    	width: 100%;
    	}

			/*----DIV GAUCHE - .gauche----*/

    		.formulaire .gauche {
	    		float: left;
	    		width: 47%;
    		}

			/*----DIV DROITE - .droit----*/
    		.formulaire .droit {
	    		float: right;
    			width: 47%;
    		}

		/*------------ MOBILE FULL WIDTH---------*/

    	@media only screen and (max-width: 768px) {
	    	.formulaire .gauche, .formulaire .droit {
		    	float: none;
		    	width: 100%;
	    	}

	    	 
    	} /*RETOUR A DESKTOP*/
    	
/*------
 * CSS 2022
-------*/



/* ------------------------- MENU ------------------------------- */
.menu-light .menu-smart a:hover, .menu-light .menu-smart a:focus {
    color: #931b3c;
}

body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.active > a, body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li a.active, body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-parent > a, body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-ancestor > a, body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
     color: #931b3c !important;   
}

body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li > a:hover, body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li > a:focus {
     color: #931b3c !important;    
}

.submenu-light .menu-smart li.active > a, .submenu-light .menu-smart li.current-menu-ancestor > a, .submenu-light .menu-smart li.current-menu-item:not(.menu-item-type-custom) > a {
    color: #931b3c;
}

.submenu-light:not(.isotope-filters) .menu-smart a:hover, .submenu-light:not(.isotope-filters) .menu-smart a:focus {
    color: #931b3c;
}





/* ------------------------- HEADER ------------------------------- */
.page-id-11 #page-header .header-bg, .page-id-25 #page-header .header-bg, .page-id-98 #page-header .header-bg {
    background-image: url("https://pamethot.com/wp-content/uploads/2018/04/background-rouge_2022.jpg") !important;
}


@media only screen and (max-width: 959px) {
	.header-wrapper .header-content.header-align-left  {
        padding-top: 92px !important;
    }
}





/* ------------------------- GÉNÉRAL ------------------------------- */
::selection {
    background: #931b3c;
    color: #ffffff !important;
}

.style-light .link-hover, .style-dark .style-light .link-hover, .style-light a:not(.btn-text-skin):hover, .style-dark .style-light a:not(.btn-text-skin):hover, .style-light a:not(.btn-text-skin):focus, .style-dark .style-light a:not(.btn-text-skin):focus, .style-light a.active, .style-dark .style-light a.active, .style-light .tmb .t-entry-text .t-entry-title a:hover, .style-dark .style-light .tmb .t-entry-text .t-entry-title a:hover, .style-light .tmb .t-entry-text .t-entry-title a:focus, .style-dark .style-light .tmb .t-entry-text .t-entry-title a:focus, .style-light .tmb .t-entry p.t-entry-comments .extras a:hover i, .style-dark .style-light .tmb .t-entry p.t-entry-comments .extras a:hover i, .style-light .tmb .t-entry p.t-entry-comments .extras a.active i, .style-dark .style-light .tmb .t-entry p.t-entry-comments .extras a.active i, .style-light .tmb .t-entry p.t-entry-comments .extras a:focus i, .style-dark .style-light .tmb .t-entry p.t-entry-comments .extras a:focus i, .style-light .widget_nav_menu li.active > a, .style-dark .style-light .widget_nav_menu li.active > a, .style-light div[class*=sharer-].share-button label:hover, .style-dark .style-light div[class*=sharer-].share-button label:hover, .style-light div[class*=sharer-].share-button label:focus, .style-dark .style-light div[class*=sharer-].share-button label:focus {
     color: #931b3c !important;    
}

.style-dark input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus, .style-dark textarea:focus, .style-light .style-dark input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus, .style-light .style-dark textarea:focus {
    border-color: #931b3c;
}

.style-light input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus, .style-light textarea:focus, .style-dark .style-light input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus, .style-dark .style-light textarea:focus {
    border-color: #931b3c;
}

.color-accent-color, body.textual-accent-color .post-content > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn), body.textual-accent-color .post-content > div ul:not(.menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn), body.textual-accent-color .post-content > div dt a:not(.btn), body.textual-accent-color .post-content > div dd a:not(.btn), body.textual-accent-color .post-content > div dl a:not(.btn), body.textual-accent-color .post-content > div address a:not(.btn), body.textual-accent-color .post-content > div label a:not(.btn), body.textual-accent-color .post-content > div small a:not(.btn), body.textual-accent-color .row-container .post-content p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn), body.textual-accent-color .row-container .post-content ul:not(.menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn), body.textual-accent-color .row-container .post-content dt a:not(.btn), body.textual-accent-color .row-container .post-content dd a:not(.btn), body.textual-accent-color .row-container .post-content dl a:not(.btn), body.textual-accent-color .row-container .post-content address a:not(.btn), body.textual-accent-color .row-container .post-content label a:not(.btn), body.textual-accent-color .row-container .post-content small a:not(.btn), .wpcf7 .wpcf7-mail-sent-ok, .wpcf7 .wpcf7-validation-errors, .wpcf7 span.wpcf7-not-valid-tip, .nav-tabs > li.active > a, .panel-title.active > a, .panel-title.active > a span:after, .plan-accent.plan .plan-title > h3, .plan-accent.plan .plan-price .price {
     color: #931b3c !important;    
}

.custom-pagination a.page-numbers:hover {
    color: #ffffff !important;
}

.liste-spectacles .simple-spectacles .lien-spectacles:hover {
    background-color: #ffffff;
}