/*
 *	Theme Name:   Touraine Chapter France
 *	Theme URI:    OurTCFChildtheme.dude
 *	Description:  Twenty Seventeen Theme Personnalise pour T.C.F.
 *	Author:       Jiloo, Jan. 2020, revised May 2020, June 2020, March
 *				  2021, March 2023
 *	Author URI:   https://www.tourainechapter.fr/
 *	Template:     twentyseventeen
 *	Version:      1.2.11
 *	License:      GNU General Public License v2 or later
 *	License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 *	Tags:         Touraine, Chapter, HOG, France, Bikers, Chapitre 
 *	Text Domain:  twentyseventeenchild
 *
 */

/** 	CHARTE TCF
 * 
 * 	Dans cette feuille de style on trouve les attributs globaux 
 *	Complementaires du theme Parent des pages du site (menu, pied de
 *	pages, couleurs, etc.)
 *	Le theme enfant est en mode blog 2 colonnes avec un CSS Additionnel
 *	(Apparence/Personnaliser) qui passe toutes les autres pages en 1
 *	colonne.  
	Tailles d'ecrans assumees 	
	> Mobile
	only screen and (min-width: 480px)
	> Tablet
	only screen and (min-width: 768px) 
	> Desktop
	only screen and (min-width: 992px)
	> Huge
	only screen and (min-width: 1280px)
 */
/**	---------------------------------
  *	00.	POLICES DE CARACTERES TCF
  *	---------------------------------
  *	Dafont ttf converties avec Font Squirrel (https://www.fontsquirrel.com) Avril 17, 2020 
	Google Fonts ttf converties avec Font Squirrel (https://www.fontsquirrel.com) Avril 18, 2020 
  *	Toutes les polices utilisees ici sont libres de droits ou sous conditions que nous respectons.

  */
@font-face {
    font-family: 'centie_sans';
    src: url('tcf-fonts/centiesans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'grettanabold';
    src: url('tcf-fonts/grettana_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brada_riders';
    src: url('tcf-fonts/brada_riders-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'courgette';
    src: url('tcf-fonts/courgette-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lemonada';
    src: url('tcf-fonts/lemonada-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat-black';
    src: url('tcf-fonts/montserrat-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat-bold';
    src: url('tcf-fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat-extrabold';
    src: url('tcf-fonts/montserrat-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'caveat-bold';
    src: url('tcf-fonts/caveat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'caveat-regular';
    src: url('tcf-fonts/caveat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*  ----------------------------------------------------------
 *	01.	PAGES - Force le passage des pages en mode pleine page
 * 	--------------------------------------------------------- */
@media screen and (min-width: 48em) {
body.page-two-column:not(.archive) #primary .entry-header,body.page-two-column:not(.archive) #primary .entry-content {
float:none;
width: 100%;
	}
}
.em-page-contents { /* Pour affichage dans colonne à 90% de la largeur de la page */
	margin: auto;
	width:90%;
}
/*	------------------------------------------------------------
 * 	02. HEADER - Change header image size depending on media used
 *	------------------------------------------------------------ */
/* For browsers that support 'object-fit' correctly size image or video */
@supports ( object-fit: cover ) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
 }
}
/* Mobile screen 480px landscape oriented */
@media screen and (min-width: 480px) and (orientation: landscape) {
.custom-logo-link img {
	max-height: 150px;
	}
.has-header-image.twentyseventeen-front-page .custom-header {
	background-position: center center;
	background-repeat: no-repeat;
	}
}
/* Mobile screen 480px portrait oriented */
@media screen and (min-width: 480px) and (orientation: portrait) {
.custom-logo-link img {
	max-height: 150px;
	}	
.has-header-image.twentyseventeen-front-page .custom-header {
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	/*width: 100%;*/
	}
}
/* Tablet screen 768px landscape oriented */
@media only screen and (min-width: 768px) and (orientation: landscape) {
.custom-logo-link img {
	max-height: 150px;
	}
.has-header-image.twentyseventeen-front-page .custom-header {
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	}
}
/* Tablet screen 768px portrait oriented */
@media only screen and (min-width: 768px) and (orientation: portrait) {
.custom-logo-link img {
	max-height: 140px;
	}
.has-header-image.twentyseventeen-front-page .custom-header {
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	}
}
/* Laptop */
@media screen and (min-width: 992px) {
.custom-logo-link img {
    display: inline-block; 
	max-height: 200px;
	}
.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: 1200px;*/
	/*height: 100vh;*/
	height: 50vh;
	/*max-height: 100%;*/
	/*overflow: hidden;*/
	}
}
/* Laptop screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 992px) {
	.custom-logo-link img {
    display: inline-block; 
	max-height: 180px;
	}
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px);
	}
}
/*  ------------------------------------------------------------
*	02b. TITRE ET ACCROCHE DU SITE 
 	---------------------------------------------------------- */  
/* MOBILE min 480px (30em) */  
 
.site-title,.site-title a {
	font-family: "montserrat-bold";
	font-weight: 500;
	font-size: 1.30em !important;
}
.site-description,.site-description a {
	font-family: "caveat-bold";
	color: #F3F3F3 !important;
	font-weight: 300;
	font-size: 1.6em !important;
}
.wf-active .site-title {
	max-width:330px;
	width:100%;
}

/* LAPTOP, DESKTOP min 1140px */

@media only screen and (min-width: 71.25em){
	.site-title,.site-title a {
	font-family: "montserrat-bold";
	color: #F3F3F3 !important;
	font-weight: 500 !important;
	font-size: 1.68em !important;
	}
	.site-description,.site-description a {
	font-family: "caveat-bold";
	color:#F3F3F3 !important;
	font-weight: 200;
	font-size: 1.8em !important;
	}
	.wf-active .site-title {
		max-width:600px;width:100%;
	}
}

/* TABLETTE min 768px */

@media only screen and (min-width: 48em){   
	.site-title,.site-title a {
	font-family: "montserrat-bold";
	color:#F3F3F3;
	font-weight: 500;
	font-size: 1.9em;
	}
	.site-description,.site-description a {
	font-family: "caveat-bold";
	color:#F3F3F3;
	font-weight: 200;
	font-size: 1.6em;
	}
	.wf-active .site-title {
		max-width:500px;width:100%;
	}
}   
/*
@media only screen and (min-width: 71.25em){
}
*/
/** -------------------------------------------------------
	03.		TCF Custom style and displays
   ----------------------------------------------------- */
// Set the width of the widget area on blog page if there is a side bar (Vie du Chapter)
.tcfFF6600 { 
	color:#FF6600 !important;
	font-weight:500 !important;
}
.tcf-riderstyle { 
	color:#FF6600 !important;
	font-weight:500 !important;
	font-family: "brada_riders";
	font-size: 1.2em;
}
.rockmylink {
	border: 0px !important;
	box-shadow: none !important;
	text-decoration: none !important;
	border-collapse: unset !important;
}
.tcffull-page {
    float: none;
    width: 95%;
}
.tcf404box { /* attributs de boite de message: notamment pour page not foud(404) */
	margin: auto;
	width:50%;
	background-color: #2a2a2a; /* dark */
}
.tcf-counterusers {
	color: #FF6600;
	font-family: "centie_sans";
	letter-spacing: 1px;
	font-size: 20px;
}
a.tcf-suite  {
 	font-size: 1.05em !important;
	text-decoration: none !important; 
	box-shadow: none!important; 
	border: none !important; 
}
.tcf-suite a:hover { box-shadow: none!important; color: #FF6600 !important;
}
.tcf-signature {  /* style pour les signatures de fonctions du Chapter */
	text-align: top !important;
	font-family: "caveat-bold";
	font-size: 2em;
	color: #FFF;
	letter-spacing: 0px
}
/**
 *  Mailto style when used in HTML widget and theme pages
 */
.tcf-mailto {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.tcf-mailto span {
	height:28px !important;
}
.tcf-mailto a {
	padding: 0px 12px 0px 12px;
	color: #ABABAB;	
	background-color: #373737 !important; 
	box-shadow: none !important;
	border-radius: 10px !important;
	font-size: 1.05em !important;
	text-decoration: none !important;
	text-align: center;
	border-collapse: none !important;
	border: none !important;
}
.tcf-mailto a:hover  {
 	color: #F3F3F3 !important;
	box-shadow: none!important;
	background-color: #FF6600 !important;
} 
/**
 *	Home made fire rolling button style
 * 	used on home page for connection to facebook
 */
.tcf-fbbutton a:link {
	text-decoration: rgba(255,255,255) !important;
	box-shadow: none !important;
	border: rgba(255,255,255) !important; 
}
.tcf-fbbutton > table, tbody, tr {
	border-collapse: unset;
	border: 0 !important;
}
.tcf-fbbutton_table {  /* container 150*50px for button + text */
	width: 150px; height: 50px
}
.tcf-fbbutton_container {   /* box 100*50px that holds button */
	display:block; justify-content:center; align-items:center;
	padding: 0px;
	width: 50px; height: 50px;
}
.tcf-fbbutton-txt {  /* box 100*50px that holds text */ 
	width: 100px; height: 50px;
	margin: 7px;
	font-family: "Verdana"; color:#FFF !important; font-size:0.7em;
}
.tcf-fbbutton { /* button characteristics */
	width: 30px; height: 30px;
	padding: 0px;
	margin: 7px;
	line-height: 30px;
	font-size: 28px; 
	text-align: bottom !important; 
	border-radius: 50%;
	background: linear-gradient(to bottom, #66a5dc 15%, #3B5998 85%);
}
/* what happens when mouse on button */
.tcf-fbbutton:hover, .tcf-fbbutton:active { 
	width: 36px; height:36px;
	margin:	7px;
	line-height: 36px;
	font-size: 30px !important;
	transform: rotate(360deg); transition: 0.5s;
 	transition-timing-function: ease-out !important;
	background: linear-gradient(to bottom, #ffc000 15%, #900000 85%) !important;
}
/** End of button setup */
/**
 *  Affichage widget hmtl wordpress dansle blog, colonne de droite
 */
.tcfbloghtml { 
	width:90%;
}
.tcfbloghtml h2 {
	color:#FF6600 !important;
	text-align:center;
	font-size:1.4em;
	font-weight:bold!important;
	}
.tcfbloghtml img {
	display:block !important;
	margin-left:auto !important;
	margin-right:auto !important;
	width:11em ;
	margin: 0px;
	}
.tcfbloghtml p {
	text-align:justify;
	line-height:1.6 !important;
	width:100%;
	}
.tcf-rubrik-cover {
	background-image: cover !important;
	background-repeat: no-repeat !important;
}
.tcf-rubrik-column  {  /* set the site look & feel of a rubric column */ 
    display: grid;
	grid-template-columns: 150px;
	grid-template-rows: 150px ;
	grid-gap: 0px;
	padding: 15px;
/*	border: solid 1px #373737; */
	margin: 15px;
	padding: 0px;
}

.tcf-rubrik-column > .tcf-rubrik-img { /* The image is fixed size */
	width: 150px;
/*	background-position: top center; */
	margin: 0px;
	padding: 0 0 0 0;
	border: 0px;
}

.tcf-rubrik-column > .tcf-rubrik-txt { /* The text is variable height */
	text-align :top;
	width: 150px;
    color: #F3F3F3;   /* text color is pale white */
	line-height: 1.6;
	text-decoration: none;
	background-color: #373737; /* background colon is dark grey */
	margin: 0px;
	padding: 12px !important;
}
.tcf-rubrik-txt-white { /* The text is variable height */
	display: flex;
	width: 180px;
	text-align: top;
    color: #FFF;  /* text color is black */
	line-height: 1.6;
	text-decoration: none;
	background-color: #F3F3F3; /* background color pale white */
	margin: 0px;
	padding: 12px !important;
	flex-grow: 1; 
}
.tcf-tablewidget {
	border-collapse: unset;
	border: none !important;
	box-shadow; 0px !important;
}
/** -------------------------------------------------------
 *	04. Menu principal : Barre de navigation
 *   --------------------------------------------------- */
/* ==== Barre de navigation menus ==== */
ul#top-menu.menu li {
  	font-size: 1em; 
}
.navigation-top .menu > .menu-item > a {
	color: #F3F3F3;
}
/* changer la couleur du texte du menu principal */
.navigation-top a,
.menu-toggle {
	color: #F3F3F3 !important;
	font-family: Libre Franklin, sans-serif;
}
/* changer la couleur de fond du menu principal: gris foncé */
.navigation-top,
.main-navigation ul {
	background: #323232 !important; 
}
.colors-dark .navigation-top .current-menu-item > a {
	color: white;
}
/** -------------------------------------------------------
 *	05.		Footer Pied de page avec visuel logo tcf
 *  ----------------------------------------------------- */
footer {
background-image: url("https://www.tourainechapter.fr/wp-content/uploads/2020/02/AB0D6BFF-C957-4A4A-9A6F-A5F9FBB9ED20.jpeg");
background-size: cover;
background-position: left center;
}
/**	-----------------------------------------------------
*	06.		Feuille de style pour affichage évènements
*	--------------------------------------------------- */
.events-list { margin: 0; padding: 0; }
.events-list li { display: block; margin: 0 0 0 0;}
.events-list li:after { display: block; float: none; height: 0; visibility: hidden; content: "."; clear: both; }
.events-img img { float: left; width: 100px; margin: 20px 0px 20px 0px;}
.events-list .events-title { line-height: 1.2; margin: 0 0 0.1em; font-size: 1.2rem; font-weight: normal; color:#FF6600; }
.events-list .events-lines { line-height: 1.2; margin: 0 0 0.1em; font-size: 12px; color: white; }
/** --------
*	07.		Feuille de style pour teaser box à 3 colonnes
*			des evenements affiches (groupe,seul) par Events Manager 
*			ou avec shortcode [events_list] du plugin
*/
// Multiple events display style 
.grid-container {
	margin:center auto;
	max-width: 75%;
	display: grid;
	grid-template-columns: auto auto auto; 
	grid-template-rows: auto-flow;
	grid-gap: 0px;
	padding: 15px;
}
.grid-container > .grid-when {
	background-color: #FF6600;
	text-align: center;
	padding: 5px;
	font-size: 20px; color: #FFFFFF; font-family: 'Gill Sans', sans-serif; border-left: 1px solid #F3F3F3;
	border-top: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
}
.grid-container > .grid-what {
	background-image: url("https://www.tourainechapter.fr/wp-content/uploads/2020/04/skull_small.jpg"); 
	background-size: cover; 
 /*	filter: blur(2px) !important; */
	background-position: left center;
	padding: 7px;
	font-size: 19px; font-weight: bold; font-family: 'Gill Sans', sans-serif;
	text-align: left;
	border-top: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
}
.grid-container > .grid-where {
	text-align: center;
	background: #585858;
	padding: 7px;
	font-size: 16px; font-weight: bold; font-family: 'Gill Sans', sans-serif;
	line-height: 1.2;
	border-right: 1px solid #F3F3F3;
	border-top: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
}
@media screen and (max-width: 500px) {
	 .grid-container > .grid-when {font: 10px bold "Gill Sans", sans-serif; }	
	 .grid-container > .grid-what {font:  8px bold "Gill Sans", sans-serif; }	
	 .grid-container > .grid-where {font: 8px bold "Gill Sans", sans-serif; }
}
/**
 *	single event display style
 */
.em-box-container { /* contains complentary text like event extract, Organisation, person in charge */
	display: block;
	background-size: auto !important;
	background-position: center !important;
	opacity: 1;
	border-bottom: 0px !important;
	margin-left: 20%;
	margin-right: 20%;
	text-align: center;
/*	margin: 3px 12px 3px -10px; */
	padding: 5px;
	color: #FFFFFF;
	font-family: "Verdana", sans-serif;
}
.em-box-container p, td {
	border-collapse: collapse;
	font-family: "Verdana", sans-serif; text-align: left;
	margin: 0 0 0 0;
}
.em-box-container > p >  h3 {
	font-family: "Verdana", sans-serif;
	color: #FF6600;
}
/**	----------------------------------
 * 	08.	WP-Members Forms customisation
 	---------------------------------*/
div #wp-members {
	background-image: url("../../uploads/2020/04/skull_small.jpg") !important;
}
div #wpmem_login legend, #wpmem_reg legend  {
	font-family: "Verdana", sans-serif;
	font-size: 1.1em;
	color: #FF6600;
}
div #wpmem_login label, #wpmem_reg label {
	font-family:"Verdana", sans-serif;
	font-size:0.95em;
	color: #F0F0F0;
}
div #wpmem_msg, .wpmem_msg  {
	font-family: "Verdana", sans-serif;
	font-size: 0.95em;
	color: #F0F0F0; 
	background-color : #373737 !important;
/*	background-size: cover !important;
	background-image: url("https://www.tourainechapter.fr/wp-content/uploads/2020/04/skull_small.jpg") !important; */
}
#wpmem_pwdreset_form > fieldset > div.link-text {
	color:white;
	font-family: "Verdana", sans-serif;
	font-size: 1em;
}
div #wpmem_login label, #wpmem_reg label {
	color:white;
	font-family: "Verdana", sans-serif;
	font-size: 0.95em;
}
/**	-------------------------------------------------
 *	09. Re-Style wpm showcase slider background color
	for both teams (id7 and ID10)
	------------------------------------------------*/
.wpm_6310_team_style_7_caption, .wpm_6310_team_style_10_caption {
	background-color:rgba(135, 128, 128, 0.8) !important;
}
	
/**	--------------------------------------------------
 *	10. Redefine the style of Elemetor Icon list <a links
 	-------------------------------------------------*/
.elementor-icon-list-item > a {
	border-collapse: unset;
	border: 0px !important;
	box-shadow: none !important;
	text-decoration: none !important;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 10px;
}
/**	--------------------------------------------------
 *	11. Redefine the style of Sassy Social Share title
 *	------------------------------------------------ */
.heateor_sss_sharing_title > div {
    color: #ff6600; font-family: system-ui; 
}
/**	--------------------------------------------------
 *	12. Style for quote or citation
 *	------------------------------------------------ */
blockquote {
	word-wrap: break-word;
    font-family: Georgia, serif;
    font-size: 15px;
    font-style: italic;
    width: auto;
    margin: 0.25em 0;
    padding: 0.35em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
}
blockquote:before {
    display: block;
    padding-left: 14px;
    content: "\201C" !important;
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: #7a7a7a;
}
blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}
/**	--------------------------------------------------
 *	13. Redefine some Events-Manager styles 
 *	------------------------------------------------ */
table.em-calendar td.eventless-today, table.em-calendar td.eventful-today { background-color: #FF6900;}
table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {color: white;}
td.eventful > ul > li, td.eventful-today > ul > li {
	list-style-type: none;
}

tr:nth-child(even).tcf-bookinglist{
  	background-color: #898989;
	color: black;
}
.em.em-calendar {
	--nav-color: #777;
    --nav-border: 1px solid #dedede;
    --nav-background: none;
    --event-border-color: #ccc;
    --event-background-color: #dedede;
    --event-color: #fff;
    --header-border: 1px solid #dedede;
    --header-background: transparent;
    --header-color: #888;
    --date-box-border: 1px solid #dedede;
    --date-color: #FFFFFF;
    --date-background: ##989796cc;
    --date-border-color: #cdcdcd;
    --date-border: 1pxsolidvar(--date-border-color);
    --date-today-color: #fff;
    --date-today-background: #aaa;
    --date-today-border: 1px solid #cdcdcd;
    --date-more-color: var(--nav-color);
    --calendar-background: #373737;
    --counter-background: #F36752;
    display: block;
    width: 100%;
}
.em.em-calendar .em-cal-nav .month-nav .em-calnav-today.is-today {
	    opacity: .4;
		color: #FFFFFF !important;
}

ul.event-attendees {
	list-style-type: none !important;
}

#tcf-bookinglist-single {
	width: auto;
}

.tcf-bookinglist {
	border: 1px solid #373737;
	font-family: "Calibri";
	font-weight:200;
	font-size:1.1em;
	text-align: left;
  	padding: 6px;
}
.tcf-bookinglist > th:last-child, td:last-child {
    padding-right: 6px;
}
.tcf-bookinglist > th:first-child, td:first-child {
	padding-left: 6px;
}
@media only screen and (max-width: 360px) {
	.tcf-bookinglist {
	border: 1px solid #373737;
	font-family: "Calibri";
	font-weight:200;
	font-size:0.75em;
	text-align: left;
  	padding: 3px;
	}
}

#em-booking {
	box-shadow: 0px 0px 5px 6px #1A1A1A;
	background-color: #373737;
	border-radius: 25px;
	padding: 12px;
}
.em-warning {
	font-family: "Verdana", sans-serif;
	font-weight:400;
	font-size: 0.85em;
	background-color: #373737;
}
.em-warning p {
	color:white;
	display: block;
	text-align: center;
}
.em-booking-form {
	padding: 3%;
}
div.em-item-actions.input > a {
	color: #373737 !important;
}
div.em-booking-form-details p.input-field-data_privacy_consent label {
	font-family: "Verdana", sans-serif;
	font-size: 0.85em;
	font-weight:400;
	display: inline-block;
	width: auto;
}
#em-booking > form > div > p:nth-child(1) > label {
	font-family: "Verdana", sans-serif;
	font-size: 0.85em;
	font-weight:400;
}
#em-booking > form > div > p:nth-child(1) > textarea {
	width: 444px;
}
.em-ticket-select {
	width: 50px;
}
th.em-bookings-ticket-table-type, th.em-bookings-ticket-table-price, th.em-bookings-ticket-table-spaces {
	font-family: montserrat-bold;
	font-weight: 500;
	font-size: 1.2em;
}
td.em-bookings-ticket-table-type, td.em-bookings-ticket-table-price, td.em-bookings-ticket-table-spaces {
	font-family: "Verdana", sans-serif;
}
.em-booking-form label {
	font-family: "Verdana", sans-serif;
	font-weight:400;
	width:200px;
}
#em-booking-submit {
	font-family: "Verdana", sans-serif;
	font-weight:400;
	background-color: #FF6600;
	border-radius: 25px;
	color:white;
}	
.em.em-modal .em-modal-popup.active {
	background-color: #322b2b !important;	
} 
/* -----------------------------------------
 * Luxcal related stuff
 * -------------------------------------- */
.tcf-luxcal-div { 
	position: relative;
    display: block;
    width:320px;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    border: none;
    box-shadow:none; 
}
.tcf-luxcal-iframe {
	background-color:#222222;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 80%;
    border: 0;
    box-shadow:none;
}
#tcf-luxcal-mini{ 
	color: white; background-color: white;font-family: Arial; font-size: 0.8em;
	width:210px; height:233px; overflow:hidden;
}
.frm_style_style-formidable {
	background-color:#373737 !important;
}
/* -----------------------------------------
 * Formidable plugin related stuff
 * -------------------------------------- */
/* Override error msgs colors */
.frm_style_style-formidable.with_frm_style .frm_blank_field label{
    color: #FF8600 !important;
}
.frm_style_style-formidable.with_frm_style .frm_error,.frm_style_style-formidable.with_frm_style .frm_limit_error {
    color: #F3F3F3 !important;
}
/*
 * Events Manager : Single event special display for bookings
 * */
/* Supprime Precedent Suivant sur les articles et eventements seuls 
.nav-previous,
.nav-next
{
display: none !important;
} */