/*
///////
////////////// *** CLIENT CSS 2 ***
*/

/* *** COLORS *** */
:root {

  --bleu: #071D49;
  --bleu-deep: #04122F;
  --bleu-soft: #0C2A5E;
  --sable: #D9C89E;
  --sable-light: #E8DDC0;
  --sable-deep: #C9B584;
  --gold: linear-gradient(105deg,#9A7A33 0%,#D6B768 20%,#F6E7B4 42%,#C9A24B 58%,#F0D89E 78%,#A7843A 100%);
  --gold-solid: #C2A05A;
  --blanc: #FFFFFF;
  --cream: #FBF8F2;
  --cream-2: #F3ECDF;
  --ink: #0B0F18;
  --ink-soft: #39414F;
  --bordeaux: #691C32;
  --vert: #5D7261;
  --ambre: #DAA900;

  --dark-blue: var(--bleu);
  --blue: var(--sable);
  --light-blue: var(--cream-2);
  --grey: var(--ink-soft);
  --light-grey: var(--cream-2);
  --light-grey2: var(--cream);
  --green: var(--vert);
  --light-green: var(--sable-light);
  --red: var(--bordeaux);
  --orange: var(--ambre);
  --pink: var(--sable-light);
  --yellow: var(--gold-solid);
  --white: var(--blanc);
  --black: var(--ink);

  --bleu: #071D49;
--bleu-deep: #04122F;
--bleu-soft: #0C2A5E;
--sable: #D9C89E;
--sable-light: #E8DDC0;
--sable-deep: #C9B584;
--blanc: #FFFFFF;
--cream: #FBF8F2;
--cream-2: #F3ECDF;
--ink: #0B0F18;
--ink-soft: #39414F;
--gold: linear-gradient(105deg,#9A7A33 0%,#D6B768 20%,#F6E7B4 42%,#C9A24B 58%,#F0D89E 78%,#A7843A 100%);
--gold-solid: #C2A05A;
--maxw: 1320px;
--gutter: clamp(1.5rem,5vw,5.5rem);
--sans: 'Mulish-Light','Helvetica Neue',Arial,sans-serif;
--sans-medium: 'Mulish-Medium','Helvetica Neue',Arial,sans-serif;
--sans-semibold: 'Mulish-SemiBold','Helvetica Neue',Arial,sans-serif;
--ease: cubic-bezier(.22,.61,.36,1);
--ease-out: cubic-bezier(.16,1,.3,1);

}




/* *** FONTS *** */

@font-face {
    font-family: 'Mulish-Bold';
    src: url('fonts/Mulish-Bold.eot');
    src: url('fonts/Mulish-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mulish-Bold.woff2') format('woff2'),
        url('fonts/Mulish-Bold.woff') format('woff'),
        url('fonts/Mulish-Bold.ttf') format('truetype'),
        url('fonts/Mulish-Bold.svg#Mulish-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish-Black';
    src: url('fonts/Mulish-Black.eot');
    src: url('fonts/Mulish-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mulish-Black.woff2') format('woff2'),
        url('fonts/Mulish-Black.woff') format('woff'),
        url('fonts/Mulish-Black.ttf') format('truetype'),
        url('fonts/Mulish-Black.svg#Mulish-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish-Light';
    src: url('fonts/Mulish-Light.eot');
    src: url('fonts/Mulish-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mulish-Light.woff2') format('woff2'),
        url('fonts/Mulish-Light.woff') format('woff'),
        url('fonts/Mulish-Light.ttf') format('truetype'),
        url('fonts/Mulish-Light.svg#Mulish-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish-Medium';
    src: url('fonts/Mulish-Medium.eot');
    src: url('fonts/Mulish-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mulish-Medium.woff2') format('woff2'),
        url('fonts/Mulish-Medium.woff') format('woff'),
        url('fonts/Mulish-Medium.ttf') format('truetype'),
        url('fonts/Mulish-Medium.svg#Mulish-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish-Regular';
    src: url('fonts/Mulish-Regular.eot');
    src: url('fonts/Mulish-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mulish-Regular.woff2') format('woff2'),
        url('fonts/Mulish-Regular.woff') format('woff'),
        url('fonts/Mulish-Regular.ttf') format('truetype'),
        url('fonts/Mulish-Regular.svg#Mulish-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish-SemiBold';
    src: url('fonts/Mulish-SemiBold.eot');
    src: url('fonts/Mulish-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mulish-SemiBold.woff2') format('woff2'),
        url('fonts/Mulish-SemiBold.woff') format('woff'),
        url('fonts/Mulish-SemiBold.ttf') format('truetype'),
        url('fonts/Mulish-SemiBold.svg#Mulish-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spectral-Light';
    src: url('fonts/Spectral-Light.eot');
    src: url('fonts/Spectral-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Spectral-Light.woff2') format('woff2'),
        url('fonts/Spectral-Light.woff') format('woff'),
        url('fonts/Spectral-Light.ttf') format('truetype'),
        url('fonts/Spectral-Light.svg#Spectral-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spectral-Italic';
    src: url('fonts/Spectral-Italic.eot');
    src: url('fonts/Spectral-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Spectral-Italic.woff2') format('woff2'),
        url('fonts/Spectral-Italic.woff') format('woff'),
        url('fonts/Spectral-Italic.ttf') format('truetype'),
        url('fonts/Spectral-Italic.svg#Spectral-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Spectral-LightItalic';
    src: url('fonts/Spectral-LightItalic.eot');
    src: url('fonts/Spectral-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Spectral-LightItalic.woff2') format('woff2'),
        url('fonts/Spectral-LightItalic.woff') format('woff'),
        url('fonts/Spectral-LightItalic.ttf') format('truetype'),
        url('fonts/Spectral-LightItalic.svg#Spectral-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Spectral-Regular';
    src: url('fonts/Spectral-Regular.eot');
    src: url('fonts/Spectral-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Spectral-Regular.woff2') format('woff2'),
        url('fonts/Spectral-Regular.woff') format('woff'),
        url('fonts/Spectral-Regular.ttf') format('truetype'),
        url('fonts/Spectral-Regular.svg#Spectral-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}














/* BUTTONS */

.yu-btn,
.IWIMail-Button,
.IWIHtml-Button {
	font-family: 'Spectral-Regular', sans-serif !important;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    text-transform: none !important;
    border-width: 1px;
}

.yu-btn {
	padding: 9px 15px 9px 15px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
}

.yu-btn-small {
	padding: 5px 11px 5px 11px;
}

.yu-btn-primary {
	background-color: var(--blue);
	border-color: var(--blue);
	color: var(--white);
}

.yu-btn-primary:hover,
.yu-btn-primary:focus,
.yu-btn-primary:active {
	background-color: var(--white);
	border-color: var(--blue);
	color: var(--blue);
}

.yu-btn-secondary {
	background-color: var(--dark-blue);
	border-color: var(--dark-blue);
	color: var(--white);
}

.yu-btn-secondary:hover,
.yu-btn-secondary:focus,
.yu-btn-secondary:active {
	background-color: var(--white);
	border-color: var(--dark-blue);
	color: var(--dark-blue);
}

.yu-btn-cancel {
	background-color: var(--orange);
	border-color: var(--orange);
	color: var(--white);
}

.yu-btn-cancel:hover,
.yu-btn-cancel:focus,
.yu-btn-cancel:active {
	background-color: var(--white);
	border-color: var(--orange);
	color: var(--orange);
}

/* HOVERIZE BUTTONS FROM EDITOR */

.IWIHtml-Button:hover,
.IWIHtml-Button:active,
.IWIHtml-Button:focus,
.IWIMail-Button:hover,
.IWIMail-Button:active,
.IWIMail-Button:focus {
	background-color: var(--white) !important;
	border-color: var(--dark-blue) !important;
	color: var(--dark-blue) !important;
}

/* UPLOAD BUTTON */

.iwi-upload-button > label > input[type=file] {
    color: var(--grey);
    background: transparent;
    border-radius: 3px;
    border: 1px solid var(--grey);
    font-family: 'Spectral-Light', sans-serif;
}

.iwi-upload-button > label > span {
	color: var(--grey);
	font-family: 'Spectral-Regular', sans-serif;
}

.iwi-upload-button > label > input[type=file]::file-selector-button {
	background-color: var(--blue);
	color: var(--white);
	border-radius: 3px;
	font-family: 'Spectral-Regular', sans-serif;
}












/*
	***FORM ELEMENTS ***
*/

/* FORM FONT */

.yu-form,
.yu-select {
	font-family: 'Spectral-Regular', sans-serif;
}

/* UNFOCUSED FORM ELEMENTS */

.yu-form > input,
.yu-form > textarea,
.yu-select > select {
	color: var(--black);
	border-color: var(--light-grey);
}

.yu-form > label,
.yu-select > label {
	color: var(--grey);
}

.yu-form-icon > span.yu-ficon {
	color: var(--light-grey);
}

/* FORM ELEMENTS - FOCUSED */

.yu-form > input:focus ~ label,
.yu-form > input:valid ~ label,
.yu-form > input:disabled ~ label,
.yu-form > textarea:focus ~ label,
.yu-form > textarea:valid ~ label,
.yu-form > textarea:disabled ~ label,
.yu-form-icon > input:focus ~ span.yu-ficon,
.yu-form-icon > input:valid ~ span.yu-ficon,
.yu-select:focus > label,
.yu-phone > label,
.yu-select > select:focus ~ label,
.yu-select > select:valid ~ label {
	color: var(--blue);
}

.yu-form > span.bar:before {
	background: var(--blue);
}

.yu-select:focus > select,
.yu-select > select:focus,
.liststandard-searchbar-right input[type="text"]:focus {
	border-color: var(--blue);
}

input[type='radio'],
input[type='checkbox'] {
    accent-color: var(--blue);
}

/* REGISTRATION FORMS */

.content-panel-body h1,
.content-panel-body h1.regtitle,
.reginput-container h1,
.formfield-title h1 {
	font-family: 'Spectral-Regular', sans-serif;
}

.registration-closed,
.regsection-container p,
.form-legal-text,
.maxCaps {
	font-family: 'Spectral-Light', sans-serif;
}

.htmlfield-title b,
.htmlfield-title strong,
.form-plusone-guesttitle span,
.regsection-container b,
.regsection-container strong {
	font-family: 'Spectral-Regular', sans-serif;
}

/* PLUS ONE BORDER */

.form-plusone-guest {
	border-color: var(--light-grey);
}

/* REGISTRATION FORMS - UPLOADED FILE NAME */
.form-uploaddoc-file {
	color: var(--green);
}

/* TAG FIELD */

.yu-tag-item > div {
	border-color: var(--light-grey);
	border-radius: 5px;
}

.yu-tag-item > div.yu-tag-item-disabled {
	background-color: var(--light-grey2);
}

.yu-tag-item > div.yu-tag-item-selected {
	background-color: var(--dark-blue);
	border-color: var(--dark-blue);
	color: var(--white);
}


/* PHONE FIELDS */

.yu-phone > label {
	top: 0;
	left: 0;
	font-size: 70%;
	color: var(--blue) !important;
}

.yu-phone input.iti__tel-input {
	color: var(--black);
	border-bottom: 1px solid var(--light-grey);

}

/* COUNTRY DROPDOWN */

.iti__dropdown-content {
	background-color: var(--white);
	color: var(--black);
}

/* FORM RESPONSES (SUCCESS AND ERROR) */

.iwi-upload-progressbar > span.iwi-upload-progresstext,
.iwi-upload-progressbar2 > span.iwi-upload-progresstext {
	font-family: 'Spectral-Light', sans-serif;
	color: var(--grey);
}

.resp,
.iwi-upload-errormessage,
.iwi-upload-errormessage2{
	color: var(--red);
}

.iwi-upload-errormessage2 {
	font-family: 'Spectral-Regular', sans-serif;
}

.iwi-upload-errormessage2 {
	font-family: 'Spectral-Light', sans-serif;
}

.success{
	color: var(--green);
}









/* EVENT LOGIN - USER LOGIN - SIGN UP - RECOVER PASSWORD */

body.login-body {
	background-color: var(--cream);
    color: var(--ink);
	font-family: 'Spectral-Light', 'Spectral-Regular', Georgia, 'Times New Roman', serif, sans-serif;
}

pre{
	font-family: 'Spectral-Light', Georgia, 'Times New Roman', serif, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-family: 'Spectral-Regular', sans-serif;
}

.language-selector {
	color: var(--grey);
	font-family: 'Spectral-Light', sans-serif;
}

.box,
.login-page-container > div{
    color: var(--grey);
    background-color: var(--white);
	padding: 20px;
	-moz-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
    -o-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
    -ms-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
    -webkit-box-shadow: 0px 6px 10px -1px rgb(173 173 173 / 37%);
    box-shadow: 0px 6px 10px -1px rgb(173 173 173 / 37%);
    border: none;
}

.box-header-title > h1,
.static-content .login-page-title h1{
	font-family: 'Spectral-Regular', sans-serif;
	color: var(--dark-blue);
	text-transform: uppercase;
}

.box-header-title > p{
	font-weight: 400;
	font-family: 'Spectral-Light', sans-serif;
	font-size: 85%;
	margin: 0;
	padding: 0;
	line-height: normal;
}

.box-after,
.box-after a {
	color: var(--grey);
}

/* Verification code - Digit */
.code-digit > div > input {
	font-family: 'Spectral-Regular', sans-serif;
}

@media screen and (max-width : 600px) {
	body.login-body {
		background-color: var(--white);
	}
	.box-after,
	.box-after a,
	.language-selector,
	.language-dropdown > div:hover,
	.language-dropdown > div:active {
		color: var(--grey);
	}
	.box{
	    -webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}
}












/* GENERAL - WEBSITE */

/* body.website-body {
	font-family: 'Spectral-Light', 'Spectral-Regular', Georgia, 'Times New Roman', serif, sans-serif;
} */

/* Width available for content */

.body-spacer-centered,
.page-element-center{
	width: 100vw;
}

























/* SIDE MENU */

.side-menu{
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    background-color: var(--white);
}

.side-menu-header{
	border-bottom: 1px solid var(--light-grey);
	color: var(--grey);
}

.side-menu-item {
    font-family: 'Spectral-Regular', sans-serif;
    font-size: 110%;
    color: var(--dark-blue);
}

.side-menu-item > span.side-menu-item:hover,
.side-menu-item > span.side-menu-item:active{
	opacity: 0.8;
}

.side-active > span.side-menu-item:after {
	background-color: var(--sable);
	bottom: -5px;
	height: 3px;
}

.side-active > span:after {
	background-color: var(--sable);
}

.side-menu-footer > img{
	max-height: 35px;
	max-width: 90%;
	opacity: 1;
}

.side-menu-topnotification,
.side-menu-notification {
	color: var(--dark-blue);
	background-color: var(--light-green);
}
















/* FOOTER */

.footer{
	display: none !important;
	background-color: var(--dark-blue);
	color: var(--white);
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 3px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 3px rgba(0,0,0,0.3);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 3px rgba(0,0,0,0.3);
}

.footer-copyright > span{
	font-family: 'Spectral-Light', sans-serif;
}

.footer-social > a{
	color: var(--dark-blue);
	background-color: var(--white);
}

.footer-menu-clickitem > span {
	text-transform: uppercase;
	font-size: 90%;
	font-family: 'Spectral-Regular', sans-serif;
}

.footer-logo > img {
	max-height: 50px;
}

.footer-social > a > i {
	top: -1px;
}













/* BANNER */

.body-spacer {
	background-color: transparent;
}

.body-spacer-opacity {
	background-color: transparent;
}

.banner-container {
	padding: 80px 0 80px 0;
	text-align: center;
}

.banner-container img {
	max-width: 85%;
	max-height: 200px;
}

.banner-countdown-container {
	margin-top: 50px;
}

.home-countdown {
	width: 300px;
}

.countdown-row {
	border: 1px solid var(--dark-blue);
	background-color: var(--dark-blue);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}

.countdow-cell {
	color: var(--white);
	font-family: 'Spectral-Regular', sans-serif;
	font-size: 280%;
}

.countdown-text {
	color: var(--white);
	font-family: 'Spectral-Regular', sans-serif;
	font-size: 80%;
    top: -7px;
}

.banner-button-container {
	text-align: center;
	margin-top: 50px;
}

/* CONTENT COUNT DOWN */
.IWIHtml-CountdownCell {
	font-family: 'Spectral-Regular', sans-serif;
}

.IWIHtml-CountdownText {
	font-family: 'Spectral-Regular', sans-serif;
}











/* CONTENT */

.content-panel {
	background-color: transparent;
}

.page-element {
	background-color: transparent;
	padding: 0 0 0 0;
}

.form-z-index {
	background-color: var(--cream);
	padding: 50px 0 50px 0;
}

.form-element {
	width: 1100px;
	margin: auto;
	padding: 20px;
	background-color: var(--white);
	max-width: 100%;
	border-radius: 15px;
}

@media screen and (max-width : 1000px){
	.form-z-index {
		padding: 0;
	}
}

.ugcb-form-banner {
	display: block;
	padding: 100px 0 100px 0;
	background-image: url(https://ugcbevents.com/registration/0.9.0/public/images/bg-panorama.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	min-width: 100%;
	color: white;
}












/* CALENDAR */

.calendar-frame {
	-moz-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
    -o-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
    -ms-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
    -webkit-box-shadow: 0px 6px 10px -1px rgb(173 173 173 / 37%);
    box-shadow: 0px 6px 10px -1px rgb(173 173 173 / 37%);
}

.calendar-header {
	font-family: 'Spectral-Regular', sans-serif;
	color: var(--dark-blue);
	background-color: var(--light-grey2);
}

.iwi-session-header > span.iwi-calendar-button {
	border-radius: 7px;
	font-family: 'Spectral-Regular', sans-serif;
}

/* add to calendar button */
.iwi-session-header > span.iwi-addtocalendar-button {
	background-color: var(--dark-blue);
	border-color: var(--dark-blue);
	color: var(--white);
}

.iwi-session-header > span.iwi-addtocalendar-button:hover,
.iwi-session-header > span.iwi-addtocalendar-button:active,
.iwi-session-header > span.iwi-addtocalendar-button:focus {
	background-color: var(--white);
	border-color: var(--dark-blue);
	color: var(--dark-blue);
}

/* register button button */
.iwi-session-header > span.iwi-signup-button,
.iwi-session-header > span.iwi-waitingqueue-button {
	background-color: var(--blue);
	border-color: var(--blue);
	color: var(--white);
}

.iwi-session-header > span.iwi-signup-button:hover,
.iwi-session-header > span.iwi-signup-button:active,
.iwi-session-header > span.iwi-signup-button:focus,
.iwi-session-header > span.iwi-waitingqueue-button:hover,
.iwi-session-header > span.iwi-waitingqueue-button:active,
.iwi-session-header > span.iwi-waitingqueue-button:focus {
	background-color: var(--white);
	border-color: var(--blue);
	color: var(--blue);
}

/* already registered / unregister button */
.iwi-session-header > span.iwi-registered-button {
	background-color: var(--green);
	border-color: var(--green);
	color: var(--white);
}

.iwi-session-header > span.iwi-registered-button:hover,
.iwi-session-header > span.iwi-registered-button:active,
.iwi-session-header > span.iwi-registered-button:focus {
	background-color: var(--white);
	border-color: var(--green);
	color: var(--green);
}

/* In queue */
.iwi-session-header > span.iwi-inqueue-button {
	background-color: var(--dark-blue);
	border-color: var(--dark-blue);
	color: var(--white);
}

.iwi-session-header > span.iwi-inqueue-button:hover,
.iwi-session-header > span.iwi-inqueue-button:active,
.iwi-session-header > span.iwi-inqueue-button:focus {
	background-color: var(--white);
	border-color: var(--dark-blue);
	color: var(--dark-blue);
}

.iwi-session-name > div {
	font-family: 'Spectral-Regular', sans-serif;
	text-transform: uppercase;
	color: var(--dark-blue);
}

.iwi-session-description,
.iwi-session-info {
	font-family: 'Spectral-Light', sans-serif;
}

.iwi-session-description b,
.iwi-session-description strong {
	font-family: 'Spectral-Regular', sans-serif;
}

.iwi-session-description a {
	text-decoration: underline;
}

.iwi-session-image {
	height: 100px;
}

.iwi-session-like > i.far {
	color: var(--dark-blue);
}

.iwi-session-like > i.fas {
	color: var(--red);
}

/* Advanced search button */
.liststandard-searchbar-advancedsearch {
	border-color: var(--light-grey);
}

.liststandard-searchbar-advancedsearch:hover {
	border-color: var(--grey);
}

.liststandard-searchbar-advancedactive {
	color: var(--blue);
	border-color: var(--blue);
}













/* MODAL WINDOW */

.modal-content{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: var(--grey);
}

.modal-content,
.modal-html-loader {
	background-color: var(--white);
}

.modal-header > h3.modal-title{
	color: var(--dark-blue);
	font-family: 'Spectral-Regular', sans-serif;
}

.modal-body b {
	font-family: 'Spectral-Regular', sans-serif;
}



















/* INFORMATION PAGE */

.static-content h1,
.static-content h2,
.static-content h3{
	font-family: 'Spectral-Regular', sans-serif;
}

.static-content p{
	font-family: 'Spectral-Light', sans-serif;
}

.static-content b,
.static-content strong {
	font-family: 'Spectral-Regular', sans-serif;
}

.static-content ul,
.static-content ol {
	margin-left: 30px;
}










/* LANGUAGE MODAL - LIST */

.languages-current-item {
	background-color: var(--light-grey);
}

.languages-item-selected {
	background-color: var(--dark-blue);
	color: var(--white);
}

















/* MEDIA GALLERY */

.gallery-container > div {
    color: var(--white);
}

.gallery-container > div,
.gallery-controller-background {
	background-color: var(--black);
}

.gallery-miniatures,
.gallery-miniatures-cell {
	border-color: var(--black);
}

.gallery-miniatures-cell-active {
    border-color: var(--blue);
}

.gallery-miniatures-cell:hover,
.gallery-miniatures-cell:active {
	border-color: var(--light-grey);
}

.gallery-miniatures-cell > div {
	background-color: rgba(255,255,255,0.2);
}

.gallery-toolbar {
	font-family: 'Spectral-Light', sans-serif;
}

/* END MEDIA GALLERY */















/* MEDIA VIDEO & IFRAME */

.mvideo-container > div,
.mvideo-player-loader,
.miframe-container > div {
	background-color: var(--black);
}

.mvideo-toolbar,
.mvideo-player-video .video-js .vjs-control-bar,
.mvideo-player-video .video-js .vjs-big-play-button {
    background-color: rgba(0,0,0,0.5);
    color: var(--white);
}

.miframe-container .mvideo-toolbar {
	background-color: rgba(0,0,0,0.7);
	color: var(--white);
}

/* END MEDIA VIDEO & IFRAME */














/* MEDIA PDF VIEWER */

.mpdf-container {
	text-align: center;
}

/* END MEDIA PDF VIEWER */




















/* QUIZZ */

.quizz-question-index,
.quizz-question-indexerror {
	color: var(--dark-blue);
	font-family: 'Spectral-Regular', sans-serif;
	display: none;
}

.quizz-optionimage-selected {
	background-color: var(--cream);
	border: 1px solid var(--dark-blue);
}

.quizz-numeric-values {
	font-family: 'Spectral-Regular', sans-serif;
}

.quizz-question-rating > span,
.quizz-smiley-icon {
	color: var(--dark-blue);
}

.quizz-sortable-icon > i {
	color: var(--blue);
}

.quizz-question-qcm .yu-radio label,
.quizz-question-qcm .yu-checkbox label {
	background-color: transparent;
	border: 1px solid var(--light-grey);
}

.quizz-question-qcm .yu-checkbox label.qcm-label-selected,
.quizz-question-qcm .yu-radio label.qcm-label-selected {
	background-color: var(--dark-blue);
	border-color: var(--dark-blue);
	color: var(--white);
}













/*
	*** ITEMS CARDS GRIDS ***
	    (media, who's who)
*/

/* 	MEDIA BACKGROUND */

.userRecap {
	background-color: var(--white);
}

/* 	MEDIA ICON/IMAGE BACKGROUND */

.userRecapItem .userRecap-left {
	background-color: var(--light-grey2);
}

/* WHO'S WHO AVATARS */

.userRecap-left > span,
.userRecap-left-layer2 > span,
.iwi-session-speakerleft > span {
	border-color: var(--light-grey);
	color: var(--light-grey);
}

.iwi-session-contentleft > span {
	color: var(--grey);
}

.userRecap-left .userRecap-left-layer2 > img,
.iwi-session-speakerleft > img {
	border-color: var(--light-grey);
	background-color: var(--light-grey);
}

/* MEDIA ICONS */

.mediasList .userRecap-left > span,
.mediasList .userRecap-left-layer2 > span {
	border-color: var(--dark-blue);
	color: var(--dark-blue);
}

/* ITEMS TITLE */

.userRecap-title,
.iwi-session-speakerright > span {
	font-family: 'Spectral-Regular', sans-serif;
	color: var(--dark-blue);
}

/* ITEMS TEXT */

.userRecap-subtitle {
	font-family: 'Spectral-Light', sans-serif;
}

/* CARDS LIKES */

.userRecap-left-layer3 > i {
	color: var(--dark-blue);
}

.userRecap-left-layer3 > i.white-like-icon {
	color: var(--white);
}

.red-like-icon,
.userRecap-left-layer3 > i.red-like-icon {
	color: var(--red);
}






/* PROFILE MODAL */

.profile-card-avatar > img {
	border: 5px solid var(--light-grey);
	background-color: var(--light-grey);
}

.profile-card-avatar > span {
	border: 5px solid var(--light-grey);
	color: var(--light-grey);
}

.profile-card-title {
	color: var(--dark-blue);
	font-family: 'Spectral-Regular', sans-serif;
}

.profile-field-label {
	font-family: 'Spectral-Regular', sans-serif;
	color: var(--dark-blue);
}

.profile-field-value,
.profile-card-subtitle {
	font-family: 'Spectral-Light', sans-serif;
}











/* SHOPPING CART - TOTAL & TAXES */

.check-table-header{
	font-family: 'Spectral-Regular', sans-serif;
}

.check-table-footer{
	font-family: 'Spectral-Regular', sans-serif;
	text-transform: uppercase;
	font-size: 120%;
}

.checkout-title h1,
.transaction-title h1 {
	font-family: 'Spectral-Regular', sans-serif;
    font-size: 130%;
    color: var(--dark-blue);
}

.checkout-amount-reminder {
	font-family: 'Spectral-Regular', sans-serif;
}

.transaction-ref-item {
	color: var(--dark-blue);
	font-family: 'Spectral-Regular', sans-serif;
}

.transaction-status {
	font-family: 'Spectral-Regular', sans-serif;
}















/* Rooming */

/* User selected */
.krd-userslist-selecteditem {
	background-color: var(--blue) !important;
	color: var(--white);
}

/* Selected room */
.rooming-unfinished-cell-selected {
	background-color: var(--blue);
	border-color: var(--blue);
	color: var(--white);
}

/* Hoverized room */
.rooming-unfinished-cell:hover,
.rooming-unfinished-cell:focus {
	border-color: var(--blue);
}

/* Room name */
.rooming-unfinished-name {
	text-transform: uppercase;
	font-family: 'Spectral-Regular', sans-serif;
}



























/* LIVE STREAM BACKGROUND */

.streaminterface-background {
	background: var(--white);
}

/* LIVE STREAM HEADER */

.streaminterface-header {
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    background-color: var(--white);
    color: var(--grey);
}

.streaminterface-header-left {
	width: 250px;
}

.streaminterface-header-right {
	left: 250px;
}

.streaminterface-header-right span {
	margin-right: 15px;
	font-size: 150%;
}

.streaminterface-header-right i {
	margin-right: 15px;
	font-size: 150%;
}

.streaminterface-header-left img {
	max-height: 35px;
	max-width: 230px;
	margin-left: 10px;
}

.streamscreen-header {
	color: var(--white);
}

/* LIVE STREAM BUTTONS */

.streambtn {
  	color: var(--sable) !important;
    background-color: var(--grey);
}

.streambtn-green {
	background-color: var(--green) !important;
}

.streambtn-blue {
	background-color: var(--blue) !important;
}

.streambtn-red {
	background-color: var(--red) !important;
}

.streambtn-orange {
	background-color: var(--orange);
}

/* LIVE STREAM NOTIFICATION */

.streamside-header-notif {
	color: var(--blanc);
	background-color: var(--red);
}

/* LIVE STREAM CHAT LIKE */

.streamchat-comment-right i.liked {
	color: var(--red);
}

/* LIVE STREAM CAMERA PREVIEW */

.camera-preview-container {
	background-color: var(--black);
}

/* LIVE STREAM FONTS */

.conference-inprogress-countdown {
	font-family: 'Spectral-Light', sans-serif;
}

.conference-inprogress-title {
	font-family: 'Spectral-Regular', sans-serif;
}

.streamchat-username,
.streamchat-moderator {
	font-family: 'Spectral-Regular', sans-serif;
}

.streamchat-time,
.streamchat-post > div,
.conference-inprogress-text {
	font-family: 'Spectral-Regular', sans-serif;
}

/* LIVE STREAM PLACEHOLDER */

.screenplaceholder-html b,
.screenplaceholder-html strong,
.screenplaceholder-html h1,
.screenplaceholder-html h2,
.screenplaceholder-html h3,
.screenplaceholder-html h4
.screenplaceholder-html h5 {
	font-family: 'Spectral-Regular', sans-serif !important;
	font-weight: normal !important;
}

.screenplaceholder-html a {
	color: var(--blue);
}

/* LIVE STREAM SCREEN */

.streaminterface-screen,
.screen-placeholder-moderator div.screenplaceholder-content,
.streamscreen-body > div.screen-placeholder-moderator > div.screenplaceholder-toolbar,
.streamscreen-body > div.screen-placeholder-reduced,
.publisher-container-wrapper > div.publisher-container-background,
.stream-video,
.stream-screen-sharing div.stream-screen-screen,
.hls-waiting {
	background-color: var(--black);
}

.streamscreen-body > div.screen-loader {
	background-color: var(--black);
}

.publisher-container-wrapper {
	border: 2px solid var(--black);
}

.publisher-container-focused {
	border-color: var(--blue);
}

span.screenfooter-text,
.screenplaceholder-empty p {
	color: var(--light-grey2);
}

.streamscreen-body > div.screen-placeholder-moderator > div.screenplaceholder-toolbar,
div.screenplaceholder-toolbar i,
.screenplaceholder-content,
.conference-inprogress-title {
	color: var(--white);
}

.streamscreen-body > div.screen-inprogress,
.streamscreen-body > div.screen-auth {
	background-color: rgba(0,0,0,0.8);
	color: var(--white);
}

.stream-username,
.stream-buttons {
	background-color: rgba(0,0,0,0.45);
}

.stream-username {
	color: var(--white);
}



/* MOBILE DESIGN */

@media screen and (max-width : 1000px){
	.body-container{
		top: 0;
		bottom: 0;
	}
	.header-container {
		height: 50px;
	}
}

@media screen and (max-width : 600px) {
	.header-container {
		-moz-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
	    -o-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
	    -ms-box-shadow: 0px 6px 10px -1px rgba(173,173,173,0.37);
	    -webkit-box-shadow: 0px 6px 10px -1px rgb(173 173 173 / 37%);
	    box-shadow: 0px 6px 10px -1px rgb(173 173 173 / 37%);
	}
	.mobile-background {
		padding: 0;
		margin: 0;
		min-width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
	}
	.body-spacer-opacity {
		background-color: transparent;
	}

}
















/*** PERSO NEW HEADER ***/


.iwiheader {

    /* --- HAUTEUR ---------------------------------------------------
     * Hauteur du header à l'état normal.
     * --------------------------------------------------------------- */
    --header-height: var(--gutter);

    /* --- POSITIONNEMENT : SÉPARÉ ou SUPERPOSÉ ----------------------
     *
     *   Header séparé (pousse le contenu vers le bas) :
     *     --header-placeholder: var(--header-height)
     *
     *   Header superposé (flotte au-dessus, contenu commence à y=0) :
     *     --header-placeholder: 0px
     *
     * --------------------------------------------------------------- */
    /* Mod\u00e8le UGCB : header SUPERPOS\u00c9 (flotte au-dessus de la banni\u00e8re). */
    --header-placeholder: 0px;

    /* --- COULEUR ET OPACITÉ DU FOND --------------------------------
     * Utilise le format rgba() pour contrôler simultanément
     * la couleur et l'opacité du fond.
     * --------------------------------------------------------------- */
    --header-bg: transparent;

    /* --- DURÉE DE TRANSITION ---------------------------------------
     * Durée et courbe des animations (hauteur + couleur de fond).
     * Exemples : 0.3s ease-in-out | 0.5s linear | 0.2s ease-in
     * --------------------------------------------------------------- */
    --header-transition: 0.3s ease-in-out;

    /* --- TAILLE DU LOGO --------------------------------------------
     * Le logo a une taille fixe — il ne rétrécit ni ne grandit.
     * Modifier ces deux valeurs selon le ratio de votre logo.
     * --------------------------------------------------------------- */
    --header-logo-width: none;
    --header-logo-height: 80%;

    /* --- ORDRE DES ZONES (layout) ----------------------------------
     *
     * Valeurs par défaut :
     *   logo=1  nav=2  actions=3
     *   → [ LOGO ]  [ MENU ]  [ ACTIONS ]
     *
     * --------------------------------------------------------------- */
    --header-logo-order:    1;
    --header-nav-order:     2;
    --header-actions-order: 3;

    /* --- ALIGNEMENT DES ITEMS DU MENU ------------------------------
     *   center     → items centrés dans la zone (défaut)
     *   flex-start → items collés à gauche de la zone
     *   flex-end   → items collés à droite de la zone
     * --------------------------------------------------------------- */
    --header-nav-align: center;

    /* --- SOULIGNEMENT NAVIGATION -----------------------------------
     * Couleur, épaisseur et position du soulignement actif/hover.
     * --------------------------------------------------------------- */
    --header-nav-underline-color: var(--sable, #D9C89E);
    --header-nav-underline-height: 2px;
    --header-nav-underline-offset: 3px;

    /* --- SENS D'APPARITION AU HOVER --------------------------------
     * left center   → gauche vers droite
     * right center  → droite vers gauche
     * center center → centre vers gauche et droite
     * --------------------------------------------------------------- */
    --header-nav-underline-origin: left center;

    /* --- TEXTE AU HOVER --------------------------------------------
     * Couleur et opacité appliquées uniquement aux items non actifs.
     * --------------------------------------------------------------- */
    --header-nav-text-color: var(--cream, #FBF8F2);
    --header-nav-active-text-color: var(--sable, #D9C89E);
    --header-nav-hover-text-color: var(--sable, #D9C89E);
    --header-nav-hover-text-opacity: 0.65;

    /* --- SCROLL-SPY (menu en mode ANCRES) -------------------------
     * Décalage (px) sous le header à partir duquel une section est
     * considérée « courante » lors du scroll. Augmenter pour activer
     * le soulignement plus tôt, diminuer pour plus tard.
     * --------------------------------------------------------------- */
    --header-nav-scroll-offset: 40px;
}


/* --------------------------------------------------------------------
 * OMBRE DU HEADER
 * Modifier les valeurs de box-shadow selon l'effet souhaité.
 * L'ombre est automatiquement retirée quand un sous-menu est ouvert
 * -------------------------------------------------------------------- */
.header-container {
    -webkit-box-shadow: 0px 4px 12px -2px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 12px -2px rgba(0, 0, 0, 0.12);
}

/* Placeholder qui réserve l'espace vertical.
 * Sa hauteur est pilotée par --header-placeholder (défini dans client2.css) :
 *   = var(--header-height) → header séparé du contenu
 *   = 0px                      → header superposé au contenu */
 .header {
    height: var(--header-placeholder);
    position: relative;
    z-index: 30;
    background: transparent;
    transition: height var(--header-transition);
}


/* --------------------------------------------------------------------
 * COULEURS DES ÉLÉMENTS DU HEADER
 * -------------------------------------------------------------------- */

/* Couleur du texte des items de navigation */
.header-nav-item-text {
	font-family: "Mulish-SemiBold", sans-serif;
	font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .18em;
    color: var(--header-nav-text-color);
    padding: 8px 14px;
}

/* Item actif (page courante) */
.header-nav-item--active > .header-nav-item-text,
.header-nav-item--active-submenu > .header-nav-item-text,
.header-nav-item--has-active > .header-nav-item-text {
    color: var(--header-nav-active-text-color);
}

/* Soulignement de l'item actif et du hover */
.header-nav-item-text::after {
    background-color: var(--header-nav-underline-color);
}

/* Dropdown — fond et texte */
.header-dropdown-item {
    background-color: transparent;
    color: var(--white);
    text-align: center;
}

.header-dropdown-item:hover {
    opacity: 0.7;
}

.header-dropdown-item--active {
    background-color: transparent;
    color: inherit;
}

/* Zone actions — couleur du texte (langue, icônes) */
.header-actions {
    color: var(--grey);
}


/* ====================================================================
 * EFFET AU SCROLL
 * ┌─────────────────────────────────────────────────────────────────┐
 * │  Pour ACTIVER l'effet   → décommenter le bloc ci-dessous        │
 * │  Pour DÉSACTIVER l'effet → commenter le bloc ci-dessous         │
 * └─────────────────────────────────────────────────────────────────┘
 * ==================================================================== */

/* --- Début de l'effet scroll — commenter/décommenter ce bloc --- */
.iwiheader.iwiheader-scrolled,
.iwiheader.header-scrolled {
    /* Hauteur réduite au scroll, mettre la même valeur que --header-height pour désactiver la réduction */
    --header-height: var(--gutter);

    /* Fond blanc au scroll */
    --header-bg: var(--white, #ffffff) !important;
}

.iwiheader.iwiheader-scrolled .header-container,
.iwiheader.header-scrolled .header-container,
.header.header-scrolled .header-container,
.header.scrolled-header .header-container {
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}







/* Header Dropdown menu */

.header-dropdown-item{
	font-family: 'Spectral-Regular', sans-serif;
	background-color: var(--white);
	color: var(--grey);
	text-align: center;
	text-transform: capitalize;
	box-shadow: 0px 4px 12px -2px rgba(0, 0, 0, 0.12);
}

.header-dropdown-item:hover{
	opacity: 0.7;
}

.header-dropdown-item-active{
	background-color: var(--light-green) !important;
}




/* ====================================================================
 * HEADER — COULEURS CHARTE UGCB
 * --------------------------------------------------------------------
 * On NE touche PAS à la disposition des items (logo, navbar, actions) :
 * elle reste celle de template2.css. On modifie uniquement les COULEURS,
 * et on conserve la superposition du header au-dessus du contenu
 * (via --header-placeholder: 0px défini dans .iwiheader).
 * Palette : sable #D9C89E · bleu nuit #071D49 · crème #FBF8F2 · sable clair #E8DDC0
 * ==================================================================== */

/* Header superposé : transparent au repos, sans ombre flottante */
.header-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: var(--header-bg, transparent);
    box-shadow: none;
    transition: background var(--header-transition, .3s ease-in-out),
                box-shadow var(--header-transition, .3s ease-in-out);
}

/* Liens de navigation au survol : texte clair -> sable */
/* .header-nav-item-text:hover {
    color: var(--header-nav-hover-text-color, #D9C89E);
} */

/* Zone actions : langue + icônes en crème sur le header transparent */
.header-actions {
    color: var(--header-nav-text-color, #FBF8F2);
}

.header-lang:hover,
.header-burger-icon:hover,
.header-profile-icon:hover {
    color: var(--sable, #D9C89E);
}

/* Boutons du header : recoloration charte (forme et typo inchangées) */
.header-actions .yu-btn-primary,
.header-actions .yu-btn-secondary {
    background-color: var(--sable, #D9C89E);
    border-color: var(--sable, #D9C89E);
    color: var(--bleu, #071D49);
}

.header-actions .yu-btn-primary:hover,
.header-actions .yu-btn-primary:focus,
.header-actions .yu-btn-primary:active,
.header-actions .yu-btn-secondary:hover,
.header-actions .yu-btn-secondary:focus,
.header-actions .yu-btn-secondary:active {
    background-color: var(--bleu, #071D49);
    border-color: var(--bleu, #071D49);
    color: var(--sable, #D9C89E);
}

/* --------------------------------------------------------------------
 * ÉTAT SCROLLÉ : fond blanc -> texte bleu nuit
 * (déclenché par la classe .iwiheader-scrolled — option prédéfinie)
 * -------------------------------------------------------------------- */
.iwiheader.iwiheader-scrolled .header-container,
.iwiheader.header-scrolled .header-container,
.header.header-scrolled .header-container,
.header.scrolled-header .header-container {
    background: var(--white, #ffffff);
    box-shadow: 0 1px 0 rgba(7, 29, 73, .08), 0 6px 24px -16px rgba(7, 29, 73, .4);
}

.iwiheader.iwiheader-scrolled .header-logo img,
.iwiheader.header-scrolled .header-logo img,
.header.header-scrolled .header-logo img,
.header.scrolled-header .header-logo img {
    /* Le logo fourni est blanc : on le rend sombre pour rester visible sur le fond blanc */
    filter: brightness(0) saturate(100%);
}

.iwiheader.iwiheader-scrolled .header-nav-item-text,
.iwiheader.iwiheader-scrolled .header-nav-item--active > .header-nav-item-text,
.iwiheader.iwiheader-scrolled .header-nav-item--active-submenu > .header-nav-item-text,
.iwiheader.iwiheader-scrolled .header-nav-item--has-active > .header-nav-item-text,
.iwiheader.header-scrolled .header-nav-item-text,
.iwiheader.header-scrolled .header-nav-item--active > .header-nav-item-text,
.iwiheader.header-scrolled .header-nav-item--active-submenu > .header-nav-item-text,
.iwiheader.header-scrolled .header-nav-item--has-active > .header-nav-item-text,
.header.header-scrolled .header-nav-item-text,
.header.header-scrolled .header-nav-item--active > .header-nav-item-text,
.header.header-scrolled .header-nav-item--active-submenu > .header-nav-item-text,
.header.header-scrolled .header-nav-item--has-active > .header-nav-item-text,
.header.scrolled-header .header-nav-item-text,
.header.scrolled-header .header-nav-item--active > .header-nav-item-text,
.header.scrolled-header .header-nav-item--active-submenu > .header-nav-item-text,
.header.scrolled-header .header-nav-item--has-active > .header-nav-item-text {
    color: var(--bleu, #071D49);
}

.iwiheader.iwiheader-scrolled .header-actions,
.iwiheader.header-scrolled .header-actions,
.header.header-scrolled .header-actions,
.header.scrolled-header .header-actions {
    color: var(--bleu, #071D49);
}

.iwiheader.iwiheader-scrolled .header-actions .yu-btn-primary,
.iwiheader.iwiheader-scrolled .header-actions .yu-btn-secondary,
.iwiheader.header-scrolled .header-actions .yu-btn-primary,
.iwiheader.header-scrolled .header-actions .yu-btn-secondary,
.header.header-scrolled .header-actions .yu-btn-primary,
.header.header-scrolled .header-actions .yu-btn-secondary,
.header.scrolled-header .header-actions .yu-btn-primary,
.header.scrolled-header .header-actions .yu-btn-secondary {
    background-color: var(--bleu, #071D49);
    border-color: var(--bleu, #071D49);
    color: var(--sable, #D9C89E);
}

.iwiheader.iwiheader-scrolled .header-actions .yu-btn-primary:hover,
.iwiheader.iwiheader-scrolled .header-actions .yu-btn-secondary:hover,
.iwiheader.header-scrolled .header-actions .yu-btn-primary:hover,
.iwiheader.header-scrolled .header-actions .yu-btn-secondary:hover,
.header.header-scrolled .header-actions .yu-btn-primary:hover,
.header.header-scrolled .header-actions .yu-btn-secondary:hover,
.header.scrolled-header .header-actions .yu-btn-primary:hover,
.header.scrolled-header .header-actions .yu-btn-secondary:hover {
    background-color: var(--sable, #D9C89E);
    border-color: var(--sable, #D9C89E);
    color: var(--bleu, #071D49);
}

/* Dropdown (sous-menu) : recoloration uniquement */
.header-dropdown-item {
    background-color: var(--cream, #FBF8F2);
    color: var(--bleu, #071D49);
}

.header-dropdown-item:hover {
    background-color: var(--sable-light, #E8DDC0);
    opacity: 1;
}

.header-dropdown-item--active,
.header-dropdown-item-active {
    background-color: var(--sable, #D9C89E) !important;
    color: var(--bleu, #071D49) !important;
}

/* ====================================================================
 * SECTION EXPLORER — UGCB
 * --------------------------------------------------------------------
 * Alignée sur assets/css/style.css du site statique de référence.
 * ==================================================================== */

.Claude_ugcb26_section {
    padding-block: clamp(4.5rem,9vw,9rem) !important;
}

.Claude_ugcb26_wrap {
    max-width: var(--maxw) !important;
    margin-inline: auto !important;
    padding-inline: var(--gutter) !important;
}

.Claude_ugcb26_center {
    text-align: center !important;
}

.Claude_ugcb26_bg-cream-2 {
    background: var(--cream-2) !important;
}

.Claude_ugcb26_h-l {
    font-family: 'Spectral-Light',Georgia,'Times New Roman',serif,sans-serif !important;
    font-size: clamp(1.9rem,3.2vw,3rem) !important;
    font-weight: 300 !important;
    line-height: 1.08 !important;
    letter-spacing: .004em !important;
    color: black !important;
}

.Claude_ugcb26_numeral {
    font-family: 'Spectral-Light',Georgia,'Times New Roman',serif,sans-serif !important;
    font-size: .95rem !important;
    letter-spacing: .2em !important;
    color: var(--gold-solid) !important;
    background: var(--gold) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.Claude_ugcb26_divider {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.1rem !important;
    margin: 1.6rem 0 !important;
}

.Claude_ugcb26_divider::before,
.Claude_ugcb26_divider::after {
    content: "" !important;
    height: 1px !important;
    width: clamp(40px,9vw,110px) !important;
    background: linear-gradient(90deg,transparent,var(--sable-deep)) !important;
}

.Claude_ugcb26_divider::after {
    background: linear-gradient(90deg,var(--sable-deep),transparent) !important;
}

.Claude_ugcb26_divider .Claude_ugcb26_mark {
    color: var(--gold-solid) !important;
    font-size: .7rem !important;
    transform: translateY(-1px) !important;
}

.Claude_ugcb26_cards {
    display: grid !important;
    grid-template-columns: repeat(3,1fr) !important;
    gap: clamp(1.4rem,2.6vw,2.4rem) !important;
}

.Claude_ugcb26_card {
    display: block !important;
    background: var(--blanc) !important;
    overflow: hidden !important;
    color: inherit !important;
    text-decoration: none !important;
    transition: transform .6s var(--ease),box-shadow .6s var(--ease) !important;
}

.Claude_ugcb26_card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 28px 60px -34px rgba(7,29,73,.45) !important;
}

.Claude_ugcb26_card__img {
    aspect-ratio: 4/3 !important;
    overflow: hidden !important;
}

.Claude_ugcb26_card__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 1.1s var(--ease) !important;
}

.Claude_ugcb26_card:hover .Claude_ugcb26_card__img img {
    transform: scale(1.06) !important;
}

.Claude_ugcb26_card__body {
    padding: 1.8rem 1.7rem 2rem !important;
}

.Claude_ugcb26_card__body h3 {
    font-family: 'Spectral-Light',Georgia,'Times New Roman',serif,sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 300 !important;
    line-height: 1.08 !important;
    letter-spacing: .004em !important;
    color: var(--bleu) !important;
    margin-bottom: .6rem !important;
}

.Claude_ugcb26_card__body p {
    font-family: var(--sans) !important;
    font-size: .95rem !important;
    line-height: 1.75 !important;
    color: var(--ink-soft) !important;
    font-weight: 300 !important;
}

.Claude_ugcb26_card__body .Claude_ugcb26_more {
    margin-top: 1.1rem !important;
    display: inline-block !important;
    font-family: var(--sans) !important;
    font-size: .7rem !important;
    text-transform: uppercase !important;
    letter-spacing: .2em !important;
    color: var(--gold-solid) !important;
    font-weight: 600 !important;
}

.Claude_ugcb26_cards > .Claude_ugcb26_card__img:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.Claude_ugcb26_cards > .Claude_ugcb26_card__body:nth-child(2) {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

.Claude_ugcb26_cards > .Claude_ugcb26_card__img:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.Claude_ugcb26_cards > .Claude_ugcb26_card__body:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
}

.Claude_ugcb26_cards > .Claude_ugcb26_card__img:nth-child(5) {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

.Claude_ugcb26_cards > .Claude_ugcb26_card__body:nth-child(6) {
    grid-column: 3 !important;
    grid-row: 2 !important;
}

.Claude_ugcb26_cards:has(> .Claude_ugcb26_card__img) {
    row-gap: 0 !important;
}

.Claude_ugcb26_cards > .Claude_ugcb26_card__img,
.Claude_ugcb26_cards > .Claude_ugcb26_card__body {
    background: var(--blanc) !important;
}

.Claude_ugcb26_reveal {
    opacity: 0 !important;
    transform: translateY(26px) !important;
    transition: opacity 1s var(--ease-out),transform 1s var(--ease-out) !important;
}

.Claude_ugcb26_reveal.Claude_ugcb26_in {
    opacity: 1 !important;
    transform: none !important;
}

.Claude_ugcb26_reveal.Claude_ugcb26_d1 {
    transition-delay: .12s !important;
}

.Claude_ugcb26_reveal.Claude_ugcb26_d2 {
    transition-delay: .24s !important;
}

@media (prefers-reduced-motion: reduce) {
    .Claude_ugcb26_reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

@media (max-width: 860px) {
    .Claude_ugcb26_cards {
        grid-template-columns: 1fr !important;
        max-width: 460px !important;
        margin-inline: auto !important;
    }

    .Claude_ugcb26_cards > .Claude_ugcb26_card__img,
    .Claude_ugcb26_cards > .Claude_ugcb26_card__body {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .Claude_ugcb26_cards > .Claude_ugcb26_card__body:nth-child(2),
    .Claude_ugcb26_cards > .Claude_ugcb26_card__body:nth-child(4) {
        margin-bottom: clamp(1.4rem,2.6vw,2.4rem) !important;
    }
}




/* ====================================================================
 * THEME GLOBAL — COULEURS UGCB
 * --------------------------------------------------------------------
 * Recoloration des composants du template selon la charte :
 * clair dominant, bleu nuit structurant, sable pour les CTA et états,
 * or uniquement en accents graphiques.
 * ==================================================================== */

::selection {
	background: var(--bleu) !important;
	color: var(--sable) !important;
}

/* h1,
h2,
h3,
h4,
h5,
h6,
.box-header-title > h1,
.static-content .login-page-title h1,
.content-panel-body h1,
.content-panel-body h1.regtitle,
.reginput-container h1,
.formfield-title h1,
.calendar-header,
.modal-header > h3.modal-title,
.static-content h1,
.static-content h2,
.static-content h3,
.iwi-session-name > div,
.userRecap-title,
.iwi-session-speakerright > span,
.profile-card-title,
.profile-field-label,
.checkout-title h1,
.transaction-title h1,
.transaction-ref-item,
.quizz-question-index,
.quizz-question-indexerror,
.quizz-question-rating > span,
.quizz-smiley-icon {
	color: white !important;
} */

.language-selector,
.box-after,
.box-after a,
.yu-form > label,
.yu-select > label,
.iwi-upload-button > label > input[type=file],
.iwi-upload-button > label > span,
.iwi-upload-progressbar > span.iwi-upload-progresstext,
.iwi-upload-progressbar2 > span.iwi-upload-progresstext,
.modal-content,
.streaminterface-header,
.iwi-session-description,
.iwi-session-info,
.userRecap-subtitle,
.profile-field-value,
.profile-card-subtitle,
.iwi-session-contentleft > span {
	color: var(--ink-soft) !important;
}

.yu-form > input,
.yu-form > textarea,
.yu-select > select,
.yu-phone input.iti__tel-input,
.iti__dropdown-content {
	color: var(--ink) !important;
	background-color: var(--blanc) !important;
	border-color: rgba(217,200,158,.62) !important;
}

.yu-form-icon > span.yu-ficon {
	color: var(--sable-deep) !important;
}

.yu-form > input:focus ~ label,
.yu-form > input:valid ~ label,
.yu-form > input:disabled ~ label,
.yu-form > textarea:focus ~ label,
.yu-form > textarea:valid ~ label,
.yu-form > textarea:disabled ~ label,
.yu-form-icon > input:focus ~ span.yu-ficon,
.yu-form-icon > input:valid ~ span.yu-ficon,
.yu-select:focus > label,
.yu-phone > label,
.yu-select > select:focus ~ label,
.yu-select > select:valid ~ label {
	color: var(--gold-solid) !important;
}

.yu-form > span.bar:before {
	background: var(--gold) !important;
}

.yu-select:focus > select,
.yu-select > select:focus,
.liststandard-searchbar-right input[type="text"]:focus {
	border-color: var(--gold-solid) !important;
}

input[type='radio'],
input[type='checkbox'] {
	accent-color: var(--sable) !important;
}

.yu-btn,
.IWIMail-Button,
.IWIHtml-Button,
.iwi-session-header > span.iwi-calendar-button {
	border-radius: 0 !important;
	box-shadow: 0 18px 42px -28px rgba(7,29,73,.55) !important;
}

.yu-btn-primary,
.iwi-session-header > span.iwi-signup-button,
.iwi-session-header > span.iwi-waitingqueue-button,
.rooming-unfinished-cell-selected,
.krd-userslist-selecteditem {
	background-color: var(--sable) !important;
	border-color: var(--sable) !important;
	color: var(--bleu) !important;
}

.yu-btn-primary:hover,
.yu-btn-primary:focus,
.yu-btn-primary:active,
.iwi-session-header > span.iwi-signup-button:hover,
.iwi-session-header > span.iwi-signup-button:active,
.iwi-session-header > span.iwi-signup-button:focus,
.iwi-session-header > span.iwi-waitingqueue-button:hover,
.iwi-session-header > span.iwi-waitingqueue-button:active,
.iwi-session-header > span.iwi-waitingqueue-button:focus {
	background-color: var(--bleu) !important;
	border-color: var(--bleu) !important;
	color: var(--sable) !important;
}

.yu-btn-secondary,
.iwi-session-header > span.iwi-addtocalendar-button,
.iwi-session-header > span.iwi-inqueue-button,
.yu-tag-item > div.yu-tag-item-selected,
.quizz-question-qcm .yu-checkbox label.qcm-label-selected,
.quizz-question-qcm .yu-radio label.qcm-label-selected,
.languages-item-selected {
	background-color: var(--bleu) !important;
	border-color: var(--bleu) !important;
	color: var(--sable) !important;
}

.yu-btn-secondary:hover,
.yu-btn-secondary:focus,
.yu-btn-secondary:active,
.iwi-session-header > span.iwi-addtocalendar-button:hover,
.iwi-session-header > span.iwi-addtocalendar-button:active,
.iwi-session-header > span.iwi-addtocalendar-button:focus,
.iwi-session-header > span.iwi-inqueue-button:hover,
.iwi-session-header > span.iwi-inqueue-button:active,
.iwi-session-header > span.iwi-inqueue-button:focus {
	background-color: var(--sable);
	border-color: var(--sable);
	color: var(--bleu);
}

.yu-btn-cancel,
.streambtn-red,
.streamside-header-notif {
	background-color: var(--bordeaux) !important;
	border-color: var(--bordeaux) !important;
	color: var(--blanc) !important;
}

.yu-btn-cancel:hover,
.yu-btn-cancel:focus,
.yu-btn-cancel:active {
	background-color: var(--blanc) !important;
	border-color: var(--bordeaux) !important;
	color: var(--bordeaux) !important;
}

.IWIHtml-Button:hover,
.IWIHtml-Button:active,
.IWIHtml-Button:focus,
.IWIMail-Button:hover,
.IWIMail-Button:active,
.IWIMail-Button:focus {
	background-color: var(--bleu) !important;
	border-color: var(--bleu) !important;
	color: var(--sable) !important;
}

.iwi-upload-button > label > input[type=file]::file-selector-button {
	background-color: var(--sable) !important;
	color: var(--bleu) !important;
}

.registration-closed,
.resp,
.iwi-upload-errormessage,
.iwi-upload-errormessage2,
.red-like-icon,
.userRecap-left-layer3 > i.red-like-icon,
.iwi-session-like > i.fas,
.streamchat-comment-right i.liked {
	color: var(--bordeaux) !important;
}

.form-uploaddoc-file,
.success,
.iwi-session-header > span.iwi-registered-button {
	color: var(--vert) !important;
}

.iwi-session-header > span.iwi-registered-button {
	background-color: var(--vert) !important;
	border-color: var(--vert) !important;
	color: var(--blanc) !important;
}

.iwi-session-header > span.iwi-registered-button:hover,
.iwi-session-header > span.iwi-registered-button:active,
.iwi-session-header > span.iwi-registered-button:focus {
	background-color: var(--blanc) !important;
	border-color: var(--vert) !important;
	color: var(--vert) !important;
}

.box,
.login-page-container > div,
.side-menu,
.modal-content,
.modal-html-loader,
.userRecap,
.streaminterface-header,
.calendar-frame {
	background-color: var(--blanc) !important;
	box-shadow: 0 28px 60px -42px rgba(7,29,73,.42) !important;
	border: 1px solid rgba(217,200,158,.32) !important;
}

.box,
.login-page-container > div {
	color: var(--ink-soft) !important;
}

.side-menu-header,
.form-plusone-guest,
.yu-tag-item > div,
.liststandard-searchbar-advancedsearch,
.quizz-question-qcm .yu-radio label,
.quizz-question-qcm .yu-checkbox label,
.userRecap-left > span,
.userRecap-left-layer2 > span,
.iwi-session-speakerleft > span,
.userRecap-left .userRecap-left-layer2 > img,
.iwi-session-speakerleft > img,
.profile-card-avatar > img,
.profile-card-avatar > span {
	border-color: rgba(217,200,158,.6) !important;
}

.yu-tag-item > div.yu-tag-item-disabled,
.languages-current-item,
.userRecapItem .userRecap-left,
.calendar-header {
	background-color: var(--cream-2) !important;
}

.side-menu-item,
.side-menu-notification,
.side-menu-topnotification {
	color: var(--bleu) !important;
	text-transform: uppercase;
	letter-spacing: .18em;
	font-family: "Mulish-SemiBold";
	font-size: 90%;
}

.side-active > span.side-menu-item:after {
	background: var(--gold) !important;
}

.side-menu-topnotification,
.side-menu-notification {
	background-color: var(--sable-light) !important;
}

.footer,
.countdown-row {
	background-color: var(--bleu) !important;
	border-color: var(--sable) !important;
	color: var(--cream) !important;
}

.footer-social > a {
	background-color: var(--sable) !important;
	color: var(--bleu) !important;
}

.countdow-cell,
.countdown-text {
	color: var(--cream) !important;
}

.calendar-frame {
	background-color: var(--blanc) !important;
}

.calendar-header {
	color: var(--bleu) !important;
	border-bottom: 1px solid rgba(217,200,158,.45) !important;
}

.liststandard-searchbar-advancedsearch:hover,
.rooming-unfinished-cell:hover,
.rooming-unfinished-cell:focus {
	border-color: var(--gold-solid) !important;
}

.liststandard-searchbar-advancedactive,
.gallery-miniatures-cell-active,
.publisher-container-focused {
	color: var(--gold-solid) !important;
	border-color: var(--gold-solid) !important;
}

.quizz-optionimage-selected {
	background-color: var(--cream-2) !important;
	border-color: var(--sable) !important;
}

.quizz-sortable-icon > i,
.iwi-session-like > i.far,
.userRecap-left-layer3 > i,
.mediasList .userRecap-left > span,
.mediasList .userRecap-left-layer2 > span {
	color: var(--gold-solid) !important;
}

.mediasList .userRecap-left > span,
.mediasList .userRecap-left-layer2 > span {
	border-color: var(--gold-solid) !important;
}

.gallery-container > div,
.gallery-controller-background,
.mvideo-container > div,
.mvideo-player-loader,
.miframe-container > div,
.camera-preview-container,
.streaminterface-screen,
.screen-placeholder-moderator div.screenplaceholder-content,
.streamscreen-body > div.screen-placeholder-moderator > div.screenplaceholder-toolbar,
.streamscreen-body > div.screen-placeholder-reduced,
.publisher-container-wrapper > div.publisher-container-background,
.stream-video,
.stream-screen-sharing div.stream-screen-screen,
.hls-waiting,
.streamscreen-body > div.screen-loader {
	background-color: var(--bleu-deep) !important;
	color: var(--cream) !important;
}

.gallery-miniatures,
.gallery-miniatures-cell,
.publisher-container-wrapper {
	border-color: var(--bleu-deep) !important;
}

.gallery-miniatures-cell:hover,
.gallery-miniatures-cell:active {
	border-color: var(--sable) !important;
}

.gallery-miniatures-cell > div {
	background-color: rgba(251,248,242,.18) !important;
}

.mvideo-toolbar,
.mvideo-player-video .video-js .vjs-control-bar,
.mvideo-player-video .video-js .vjs-big-play-button,
.miframe-container .mvideo-toolbar,
.streamscreen-body > div.screen-inprogress,
.streamscreen-body > div.screen-auth,
.stream-username,
.stream-buttons {
	background-color: rgba(7,29,73,.72) !important;
	color: var(--cream) !important;
}

.streambtn {
	background-color: var(--bleu) !important;
	color: var(--sable) !important;
}

.streambtn-green {
	background-color: var(--vert) !important;
	color: var(--blanc) !important;
}

.streambtn-blue {
	background-color: var(--sable) !important;
	color: var(--bleu) !important;
}

.streambtn-orange {
	background-color: var(--ambre) !important;
	color: var(--bleu) !important;
}

.streamscreen-header,
.screenplaceholder-content,
.conference-inprogress-title,
.stream-username,
.streamscreen-body > div.screen-placeholder-moderator > div.screenplaceholder-toolbar,
div.screenplaceholder-toolbar i {
	color: var(--cream) !important;
}

span.screenfooter-text,
.screenplaceholder-empty p {
	color: rgba(251,248,242,.76) !important;
}

.header-dropdown-item {
	background-color: var(--cream) !important;
	color: var(--bleu) !important;
	box-shadow: 0 18px 44px -32px rgba(7,29,73,.55) !important;
}

.header-dropdown-item:hover {
	background-color: var(--sable-light) !important;
	color: var(--bleu) !important;
	opacity: 1 !important;
}

.header-dropdown-item--active,
.header-dropdown-item-active {
	background-color: var(--sable) !important;
	color: var(--bleu) !important;
}