/*
 Custom CSS stylesheet for 'On adore Châteaugiron' website
 Version: 1.4
 Beaver Builder Theme
*/

/*

CONTENTS:
1. GLOBAL
	1.1 Theme Variables
	1.2 Layout
	1.3 Heading
	1.4 Text
	1.5 Icons
	1.6 Image
	1.7 Link + Button
	1.8 List
	1.9 Misc
2. HEADER
3. COMPONENTS
4. EQUIPE
5. PROGRAMME
6. FLUENT FORMS
7. GDPR COOKIE CONSENT (WebToffee)
	6.1 Modal banner
	6.2 Modal button
8. STYLES TEMPLATE

*/


/*/////////////////////////////////////////////////////
1. GLOBAL
/////////////////////////////////////////////////////*/

/* --------------------------
THEME VARIABLES
-------------------------- */

:root {

	/* COLORS VARIABLES */

	--primary: #e74c1a;
	--primary-medium: #ee825f;
	--gray: #36333e;
	--gray-light: #e1e0e2;
	--gray-ultra-light: #f5f5f5;
	--gray-cold-medium: #667184;

	--olive: #516235;
	--blue-dark: #004176;
	--brown-red: #8b0205;
	--gold: #7d5c00;
	--green: #006d65;
	--purple: #8c0044;
	--blue: #006991;
	--brown-yellow: #b96713;

	--error: #ca228e;

	/* MISC VARIABLES */

	--transition-1: all .3s ease-out;
	--transition-2: all .6s ease-out;
	--mobile-max-width: 520px;
	--mobile-max-width-narrow: 320px;

}

/* --------------------------
LAYOUT
-------------------------- */

/* --- RESPONSIVE --- */

@media (min-width: 811px) {
	.oac-mobile {
		display: none !important;
	}
}
@media (max-width: 810px) {
	.oac-desktop {
		display: none !important;
	}
}

/* --------------------------
HEADING
-------------------------- */

/* FLUID TYPOGRAPHY */

/* 
https://utopia.fyi/type/calculator
*/

html {
	/* 16px (browser default) */
	font-size: 100%; 
}
body, 
code, kbd, tt, var {
	font-size: clamp(0.9375rem, 0.8819rem + 0.2778vw, 1.125rem); /* 15-18 */
	line-height: 1.4;
}
:is(h1,h2,h3,h4,h5), 
[class*="oac-heading-fake"] :is(h2,h3,h4,h5,h6,p), 
:is(h1,h2,h3,h4,h5,p)[class*="oac-heading-fake"] {
	margin-bottom: 0.5em;
	font-family: "Nunito Sans",Helvetica,Arial,sans-serif;
	font-weight: 700;
	letter-spacing: -.015em;
	line-height: 1.2;

}
h1, 
.oac-heading-fake-h1 :is(h2,h3,h4,h5,h6,p), 
:is(h2,h3,h4,h5,h6,p).oac-heading-fake-h1 {
	/* font-size: clamp(2rem, 1.4074rem + 2.963vw, 4rem); /* 32-64 */
	font-size: clamp(2rem, 1.5185rem + 2.4074vw, 3.625rem); /* 32-58 */
	color: var(--primary);
}
h2, 
.oac-heading-fake-h2 :is(h1,h3,h4,h5,h6,p), 
:is(h1,h3,h4,h5,h6,p).oac-heading-fake-h2, 
.oac-heading-small h1 {
	font-size: clamp(1.5625rem, 1.2106rem + 1.7593vw, 2.75rem); /* 25-44 */
	color: var(--gray);
}
h3, 
.oac-heading-fake-h3 :is(h1,h2,h4,h5,h6,p), 
:is(h1,h2,h4,h5,h6,p).oac-heading-fake-h3, 
.oac-heading-small h2, 
.oac-heading-smallest h1 {
	font-size: clamp(1.1875rem, 0.8727rem + 1.5741vw, 2.25rem); /* 19-36 */
}
h4, 
.oac-heading-fake-h4 :is(h1,h2,h3,h5,h6,p), 
:is(h1,h2,h3,h5,h6,p).oac-heading-fake-h4, 
.oac-heading-small h3, 
.oac-heading-smallest h2 {
	font-size: clamp(1.0625rem, 0.8218rem + 1.2037vw, 1.875rem); /* 17-30 */
}
h5, 
.oac-heading-fake-h5 :is(h1,h2,h3,h4,h6,p), 
:is(h1,h2,h3,h4,h6,p).oac-heading-fake-h5, 
.oac-heading-small h4, 
.oac-heading-smallest h3 {
	font-size: clamp(1rem, 0.8333rem + 0.8333vw, 1.5625rem); /* 16-25 */
}
h6, 
.oac-heading-fake-h6 :is(h1,h2,h3,h4,h5,p), 
:is(h1,h2,h3,h4,h5,p).oac-heading-fake-h6, 
.oac-heading-small h5, 
.oac-heading-smallest h4 {
	font-size: clamp(0.9375rem, 0.8079rem + 0.6481vw, 1.375rem); /* 15-22 */
}

/* MISC */

:is(h1,h2,h3,h4,h5,h6) a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
} 
p+:is(h1,h2,h3,h4,h5,h6), 
ul+:is(h1,h2,h3,h4,h5,h6), 
ol+:is(h1,h2,h3,h4,h5,h6) {
	margin-top: 1em;
}

/* --------------------------
TEXT
-------------------------- */

p {
	margin-bottom: 1em;
	text-wrap: pretty;
}
/* strong,
.fl-builder-content .fl-rich-text strong {
	font-weight: 600;
} */
small, 
.fl-builder-content [data-node].fl-module-rich-text.fl-rich-text small {
	font-size: 75%
}
[class^="oac-text-"] {
	line-height: 1.4;
	font-weight: 400;
}
.oac-text-xl {
	font-size: clamp(1.25rem, 1.1759rem + 0.3704vw, 1.5rem); /* 20-24 */
}
.oac-text-l {
	font-size: clamp(1rem, 0.9259rem + 0.3704vw, 1.25rem); /* 16-20 */
}
.oac-text-m {
	font-size: clamp(0.875rem, 0.838rem + 0.1852vw, 1rem); /* 14-16 */
}
.oac-text-s, 
.fl-builder-content .oac-text-s :is(a.fl-button, a.fl-button:visited) {
	font-size: clamp(0.75rem, 0.713rem + 0.1852vw, 0.875rem); /* 12-14 */
	font-weight: 400;
}

.oac-text-no-margin-b p, 
p.oac-text-no-margin-b, 
.oac-text-no-margin-b :is(h1,h2,h3,h4,h5), 
:is(h1,h2,h3,h4,h5).oac-text-no-margin-b {
	margin-bottom: 0;
}

/* PATCH SIMPLE TEXT MODULE */

[data-node] :where(p,div,h2,h3,h4,h5,h6).fl-simple-text {
	display: block;
}

/* --------------------------
ICONS
-------------------------- */

[class^="oac-icon-"], 
[class*=" oac-icon-"] {
	display: inline-block;
}

/* --------------------------
IMAGE
-------------------------- */

.alignnone {
	margin: 0;
}
.wp-caption {
	background: none;
	border: none;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin-top: 15px;
	padding: 0;
	font-size: 13px;
	line-height: 1.4;
}

/* --------------------------
LINK + BUTTON
-------------------------- */

/* LINK */ 

html {
	scroll-behavior: smooth;
}
[id] {
	scroll-margin-top: 70px; /* adjust to your sticky header height */
}
a, 
a .fl-heading-text, 
input[type="submit"], 
button, 
input[type=button], 
input[type=submit] {
	transition: all .2s;
}
a[href^=tel] {
	color: var(--primary);
}
a[href^=tel]:hover {
	color: var(--gray);
}
a:hover, 
a:focus, 
a:active, 
a:visited {
	/*text-decoration: none;*/
	outline: none;
}

.fl-row .fl-col [data-node] :is(h1,h2,h3,h4,h5,h6).fl-heading a:hover .fl-heading-text {
	color: var(--gray);
}

/* BUTTON */ 

/* button:not(.fl-builder-settings-lightbox *),  */
.button a,
button.button, 
a:is(.button, .fl-button), 
.fl-page button, 
.fl-page a.fl-button,
.fl-page input:where([type=button], [type=submit]),
.fl-page button[type=submit], .fl-page button[type=submit]:hover, 
.fl-builder-content :where(a.fl-button, a.fl-button:visited) {
	border: 1px solid var(--primary);
	border-radius: clamp(5px, 4.1111px + 0.2778vw, 8px);
}
/* button:not(.fl-builder-settings-lightbox *), */
.button a,
button.button, 
a:is(.button, .fl-button), 
.fl-page button, 
.fl-page input:where([type=button], [type=submit]),
.fl-page button[type=submit], 
.fl-builder-content :where(a.fl-button, a.fl-button:visited), 
form[class*="fluent_form"] .ff-btn-submit:not(.ff_btn_no_style) {
	padding: clamp(8px, 6.2222px + 0.5556vw, 14px) clamp(15px, 12.9259px + 0.6481vw, 22px);;
	font-size: clamp(0.9375rem, 0.8819rem + 0.2778vw, 1.125rem) !important; /* 15-18 */
	font-weight: 700;
	line-height: 1.2;
}
.fl-builder-content .fl-button i {
	font-size: clamp(0.9375rem, 0.8819rem + 0.2778vw, 1.125rem); /* 15-18 */
	line-height: 1.2;
}
/* button:not(.fl-builder-settings-lightbox *):hover,  */
.button a:hover,
button.button:hover, 
a:is(.button, .fl-button):hover, 
.fl-page button:hover, 
.fl-page a.fl-button:hover,
.fl-page input:where([type=button], [type=submit]):hover,
.fl-page button[type=submit]:hover, 
.fl-builder-content :where(a.fl-button, a.fl-button:visited):hover, 
form[class*="fluent_form"] .ff-btn-submit:not(.ff_btn_no_style):hover {
	background-color: var(--gray);
	border-color: var(--gray);
	border-radius: clamp(5px, 4.1111px + 0.2778vw, 8px);
}
html .ff-default .ff_btn_style:focus, 
html .ff-default .ff_btn_style:hover {
	opacity: 1;
}
#fl-to-top {
	right: 40px;
	bottom: 30px;
	background-color: rgba(231,76,26, .5);
	border: 1px solid white;
	border-radius: 5px;
}
#fl-to-top:hover {
	background-color: rgba(231,76,26, .7);
}
#fl-to-top i {
	top: 14px;
}
#fl-to-top i.fas.fa-chevron-up::before {
	content: "\e905";
	font-family: "OAC-icons";
	font-style: normal;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	#fl-to-top {
		right: 30px;
	}
}
@media (max-width: 810px) {
	#fl-to-top {
		right: 25px;
	}
}
@media (max-width: 468px) {
	#fl-to-top {
		bottom: 10px;
		right: 10px;
		width: 36px;
		height: 36px;
	}
	#fl-to-top i {
		top: 10px;
		left: 11px;
	}
}

/* --------------------------
LIST
-------------------------- */

ul, ol {
	margin-bottom: 1em;
	padding-left: 2em;
}
#fl-main-content .fl-rich-text ul:not(.fl-module-overlay *) {
	list-style: none;
}
#fl-main-content .fl-rich-text ul li:not(.fl-module-overlay *)::before {
	content: "\25AA";
	color: var(--primary);
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
ul ul, 
ol ul, 
ul ol, 
ol ol, 
ul > li, 
ol > li {
	margin-bottom: .35em;
}
ul ul li, 
ol ol li, 
ul ol li, 
ol ul li {
	margin-bottom: 0;
}

/* --- RESPONSIVE --- */

@media (max-width: 468px) {
	ul, ol {
		padding-left: 2em;
	}
}

/* ---------------------- */
/* MISC */
/* ---------------------- */

hr {
	margin: 2em 0;
	border: none;
	border-top: 1px solid var(--gray-light);
}
.overflow-hidden {
	overflow: hidden;
}


/*/////////////////////////////////////////////////////
2. HEADER
/////////////////////////////////////////////////////*/

header {
	/* transition: var(--transition-1); */
	transition: background .3s ease-out;
}
header [data-node] .pp-advanced-menu .menu > li:last-child > a, 
header [data-node] .pp-advanced-menu .menu > li:last-child > .pp-has-submenu-container > a {
    border-right: none;
}

/* SHRINK */

/* header.fl-theme-builder-header-sticky,  */
/* header.fl-theme-builder-header-shrink, */ 
header.fl-theme-builder-header-scrolled {
	/* background-color: white; */
	box-shadow: 0 0 30px rgba(0,0,0,.15);
}
/* header.fl-theme-builder-header-shrink .fl-row-content-wrap, */ 
header.fl-theme-builder-header-scrolled .fl-row-content-wrap {
	border-color: transparent;
}
header.fl-theme-builder-header-shrink .oac-main-wrapper {
	margin-top: 10px;
	margin-bottom: 10px;
}
/* header.fl-theme-builder-header-shrink [data-node] .pp-advanced-menu .menu > li:not(.current-menu-item) > a, 
header.fl-theme-builder-header-shrink [data-node] .pp-advanced-menu .menu > li:not(.current-menu-item) > .pp-has-submenu-container > a,  */
header.fl-theme-builder-header-scrolled [data-node] .pp-advanced-menu .menu > li:not(.current-menu-item) > a, 
header.fl-theme-builder-header-scrolled [data-node] .pp-advanced-menu .menu > li:not(.current-menu-item) > .pp-has-submenu-container > a {
	color: var(--gray);
	border-color: var(--gray-light);
}
/* header.fl-theme-builder-header-shrink [data-node] .pp-advanced-menu .menu > li:not(.current-menu-item) > a:hover, 
header.fl-theme-builder-header-shrink [data-node] .pp-advanced-menu .menu > li:not(.current-menu-item) > .pp-has-submenu-container > a:hover,  */
header.fl-theme-builder-header-scrolled [data-node] .pp-advanced-menu .menu > li:not(.current-menu-item) > a:hover, 
header.fl-theme-builder-header-scrolled [data-node] .pp-advanced-menu .menu > li:not(.current-menu-item) > .pp-has-submenu-container > a:hover {
	color: var(--primary);
}

/* --- RESPONSIVE --- */

@media (max-width: 900px) {
	header [data-node] .pp-advanced-menu .menu > li > a {
		padding-right: 9px;
		padding-left: 9px;
	}
}


/*/////////////////////////////////////////////////////
3. COMPONENTS
/////////////////////////////////////////////////////*/

/* ---------------------- */
/* AGENDA CARD */
/* ---------------------- */

.oac-agenda-card {
	position:relative;
}
.oac-agenda-card::before {
	content: "\e909" !important;
	font-family: "OAC-icons";
	font-style: normal;
	font-size: clamp(22px, 19.6296px + 0.7407vw, 30px);
	color: var(--primary);
	position: absolute;
	top: clamp(10px, 8.5185px + 0.463vw, 15px);
	right: clamp(15px, 13.5185px + 0.463vw, 20px);
}
.oac-agenda-card.oac-past-event > *, 
.oac-agenda-card.oac-past-event::before {
	filter: opacity(0.3);
	pointer-events: none;
}

.oac-agenda-card .oac-date {
	position: relative;
}
.oac-agenda-card .oac-date * {
    line-height: 1.1 !important;
}
.oac-agenda-card .oac-date .oac-mois p {
    line-height: 0.6 !important;
}
.oac-agenda-card .oac-date::after {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    border-right: 3px dotted var(--primary-medium);
}

/* --- RESPONSIVE --- */

@media (max-width: 420px) {
	.oac-agenda-card .oac-date {
		min-width: 32% !important;    
	}
}

/*/////////////////////////////////////////////////////
4. EQUIPE
/////////////////////////////////////////////////////*/

.oac-team-group {
	height: fit-content;
}
.oac-team-group .oac-photo {
	aspect-ratio: 1/.5;
	background-position-y: top;
}
.oac-team-group .oac-team-member .oac-wrapper {
	display: block !important;
	font-size: 0;
	line-height: 1.3;
}
.oac-team-group .oac-team-member .oac-wrapper .fl-module:not([data-accepts]):before, 
.oac-team-group .oac-team-member .oac-wrapper .fl-module:not([data-accepts]):after, 
.oac-team-group .oac-team-member .oac-wrapper .fl-module-content:before, 
.oac-team-group .oac-team-member .oac-wrapper .fl-module-content:after {
	content: none !important;
}
.oac-team-group .oac-team-member > .oac-wrapper :where(div,span) {
	display: inline;
}
.oac-team-group .oac-team-member > div.oac-num {
	min-width: 1.8em;
}
.oac-team-group .oac-team-member > div.oac-num span, 
.oac-team-group .oac-team-member > .oac-wrapper > div span {
	/* font-size: clamp(0.875rem, 0.838rem + 0.1852vw, 1rem); /* 14-16 */
	font-size: clamp(0.75rem, 0.713rem + 0.1852vw, 0.875rem); /* 12-14 */
}
.oac-team-group .oac-team-member > .oac-wrapper > div:not(:nth-last-child(-n+2)) > div > span::after {
	content: "\0000a0-\0000a0";
}
.oac-team-group .oac-team-member > .oac-wrapper > div.oac-statement > div > span::before {
	content: "\0000a0: ";
}
.oac-team-group .oac-team-member > .oac-wrapper > div.oac-age > div > span::after {
	content: " ans\0000a0-\0000a0";
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	.oac-team-group {
		grid-column: auto !important;
	}
	.oac-team-group .oac-photo {
		max-width: 420px;
	}
}


/*/////////////////////////////////////////////////////
5. PROGRAMME
/////////////////////////////////////////////////////*/

/* VARIABLES */

.oac-programme-theme {
	--border-width-1: clamp(12px, 10.9615px + 0.2885vw, 15px);
	--border-width-2: clamp(8px, 7.3077px + 0.1923vw, 10px);
}

:where(.oac-programme-menu, .oac-programme-theme) {
	--theme-color: var(--gray);
}
.oac-programme-theme.oac-extras {
	--theme-color: var(--blue);
}
.oac-programme-menu :where(#menu-1, #menu-9), 
.oac-programme-theme:where(#theme-1, #theme-9) {
	--theme-color: var(--olive);
}
.oac-programme-menu :where(#menu-2), 
.oac-programme-theme#theme-2 {
	--theme-color: var(--blue-dark);
}
.oac-programme-menu :where(#menu-3), 
.oac-programme-theme#theme-3 {
	--theme-color: var(--brown-red);
}
.oac-programme-menu :where(#menu-4), 
.oac-programme-theme#theme-4 {
	--theme-color: var(--gold);
}
.oac-programme-menu :where(#menu-5), 
.oac-programme-theme#theme-5 {
	--theme-color: var(--green);
}
.oac-programme-menu :where(#menu-6, #menu-10), 
.oac-programme-theme:where(#theme-6, #theme-10) {
	--theme-color: var(--purple);
}
.oac-programme-menu :where(#menu-7, #menu-extras), 
.oac-programme-theme:where(#theme-7, #theme-extras) {
	--theme-color: var(--blue);
}
.oac-programme-menu :where(#menu-8), 
.oac-programme-theme#theme-8 {
	--theme-color: var(--brown-yellow);
}

/* --------------------------
PROGRAMME MENU
-------------------------- */

.oac-programme-menu .oac-card {
	background-color: var(--theme-color);
}
.oac-programme-menu .oac-card {
	transition: var(--transition-1);
}
body:not(.fl-builder-edit) .oac-programme-menu .oac-card:hover {
	filter: brightness(1.2);
}
.oac-programme-menu .oac-card [data-node] p.fl-simple-text {
	display: block;
	margin-bottom: 0;
}

/* --- RESPONSIVE --- */

@media (min-width: 810px) {
	body:not(.fl-builder-edit) .oac-programme-menu .oac-card:hover {
		transform: scale(1.05);
	}
}

/* --------------------------
PROGRAMME THEME
-------------------------- */

.oac-programme-theme:not(.oac-extras):nth-child(even) .fl-row-content-wrap {
	background-color: var(--gray-ultra-light);
}
.oac-programme-theme p.fl-simple-text, 
.oac-programme-theme p, 
.oac-programme-theme h2 {
	margin-bottom: 0 !important;
}
.oac-programme-theme .oac-content ul {
	padding-left: 1em;
}
.oac-programme-theme :is(.oac-title, .oac-conclusion) {
	font-weight: 800; 
}
.oac-programme-theme .oac-demande {
	border-color: var(--border-color);
}
.oac-programme-theme .oac-demande, 
.oac-programme-theme .oac-engagement {
	position: relative;
}
.oac-programme-theme .oac-demande::before, 
.oac-programme-theme .oac-engagement::before {
	content: "";
	display: block;
	width: 0; 
	height: 0;
	border-style: solid;
	border-width: var(--border-width-2) 0px var(--border-width-2) var(--border-width-1);
	border-color: transparent transparent transparent var(--theme-color);
	transform: rotate(0deg);
}
.oac-programme-theme .oac-demande::before {
	top: 1.5rem;
	left: 0;
}
.oac-programme-theme .oac-engagement::before {
	bottom: 0;
	left: 3rem;
	transform: translateY(100%);
	border-width: var(--border-width-1) var(--border-width-1) 0 var(--border-width-1);
	border-color: var(--theme-color) transparent transparent transparent;
}
.oac-programme-theme .oac-conclusion {
	margin-top: 1.5em;
	padding-left: 15%;
	text-align: right;
}
.oac-programme-theme :where(.oac-title, .oac-demande, .oac-conclusion), 
#fl-main-content .oac-programme-theme .fl-rich-text ul li:not(.fl-module-overlay *)::before {
    color: var(--theme-color);
}
.oac-programme-theme .oac-engagement {
	background-color: var(--theme-color);
}

/* --- RESPONSIVE --- */

@media (min-width: 810px) {
	.oac-programme-theme:not(.oac-extras) .oac-content {
		columns: 2;
		gap: clamp(40px, 26.1538px + 3.8462vw, 80px);
	}
	.oac-programme-theme:not(.oac-extras) .oac-content :where(p,li) {
		break-inside: avoid;
	}
}
@media (max-width: 1080px) {
	.oac-programme-theme .oac-conclusion {
		padding-left: 10%;
	}
}


/*/////////////////////////////////////////////////////
6. FLUENT FORMS
/////////////////////////////////////////////////////*/

/* --------------------------
GLOBAL
-------------------------- */

.fluentform {
	--fluentform-danger: var(--error);
	--fluentform-primary: var(--primary);
}
.fluentform .ff-el-input--label, 
.fluentform .ff-el-form-check, 
.fluentform .ff-el-form-control::placeholder {
	font-size: clamp(0.875rem, 0.838rem + 0.1852vw, 1rem); /* 14-16 */
}
/* .fluentform input[type=text], 
.fluentform input[type=password], 
.fluentform input[type=email], 
.fluentform input[type=tel], 
.fluentform input[type=date], 
.fluentform input[type=month], 
.fluentform input[type=week], 
.fluentform input[type=time], 
.fluentform input[type=number], 
.fluentform input[type=search], 
.fluentform input[type=url], 
.fluentform textarea,  */
.fluentform input:is([type=text],[type=password],[type=email],[type=tel],[type=date],[type=month],[type=week],[type=time],[type=number],[type=search],[type=url]), 
.fluentform textarea {
	font-size: clamp(0.9375rem, 0.8819rem + 0.2778vw, 1.125rem); /* 15-18 */
	color: var(--gray);
}
.fluentform .ff-el-group.ff_list_inline .ff-el-form-check {
	display: inline-block !important;
	margin: 0 1em 0 0 !important;
}
html .ff-default .ff-el-form-check label.ff-el-form-check-label {
	margin-bottom: unset;
}
.fluentform .ff_tc_checkbox {
	padding-right: .5em;
}
.fluentform .ff-el-form-control::placeholder {
	color: var(--gray);
	opacity: .5;
}
.ff_submit_btn_wrapper {
	margin-top: 1.5em;
}

/* --------------------------
VALIDATION
-------------------------- */

.fluentform .text-danger {
	color: var(--error) !important;
}
html .fluentform .ff-el-is-error .text-danger {
	font-size: clamp(0.75rem, 0.713rem + 0.1852vw, 0.875rem); /* 12-14 */
}
html .fluentform:has(input[aria-invalid="true"]) .ff-el-form-control::placeholder {
	color: var(--error);
	opacity: .5;
}

/* --------------------------
NOTIFICATION
-------------------------- */

/* FRONTEND */

html .ff-message-success, 
html [class*="fluentform"].ffs_default_wrap .ff-message-success {
	padding: clamp(20px, 14.0741px + 1.8519vw, 40px);
	background-color: var(--gray-ultra-light);
	text-align: center;
	border: unset;
	box-shadow: unset;
}
html .ff-message-success .oac-heading-fake-h4, 
html [class*="fluentform"].ffs_default_wrap .ff-message-success .oac-heading-fake-h4 {
	color: var(--primary);;
}


/*/////////////////////////////////////////////////////
7. GDPR COOKIE CONSENT (WebToffee CookieYes)
/////////////////////////////////////////////////////*/

/* --------------------------
MODAL BANNER
-------------------------- */

/* 2025 */

html [class*="cky-btn-"] {
	border-width: 1px;
}

/* Pre 2025 */

/* #cookie-law-info-bar[data-cli-style=cli-style-v2][data-cli-type=popup] {
	padding: 45px 45px 45px;
}
.cli-style-v2 {
	font-size: 15px;
	line-height: 1.5em;
}
.cli-style-v2 .cli-bar-message a {
	text-decoration: underline;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message, 
#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message {
	margin-bottom: 40px;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
	margin: 0 10px 10px 0;
}
.cli-bar-message::before {
	display: block;
	margin-bottom: 20px;
	content: "\f563";
	font-family: "Font Awesome 6 Pro";
	font-size: 40px;
	font-weight: 400;
	color: var(--primary);
	text-align: center;
}

.cli-plugin-button, 
.cli-plugin-button:visited, 
.medium.cli-plugin-button, 
.medium.cli-plugin-button:visited {
	font-size: 15px;
}
.cli-plugin-button:focus, 
.medium.cli-plugin-button:focus {
	outline: none;
}

.cli-modal .cli-tab-container h4, 
.cli-modal .cli-tab-container h1 {
	letter-spacing: 0;
}
.cli-modal .cli-switch input:checked + .cli-slider, 
.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn {
	background-color: var(--primary);
}
.cli-modal .cli-tab-header a.cli-nav-link:focus {
	outline: none;	
}
.cli-modal table.cookielawinfo-winter thead th {
	background-color: var(--primary);
} */

/* --- RESPONSIVE --- */

/* @media (max-width: 810px) {
	#cookie-law-info-bar[data-cli-style=cli-style-v2][data-cli-type=popup] {
		padding: 30px 20px;
	}
	.cli-style-v2 {
		font-size: 13px;
	}
	.cli-plugin-button, 
	.cli-plugin-button:visited, 
	.medium.cli-plugin-button, 
	.medium.cli-plugin-button:visited {
		font-size: 13px;
	}
} */

/* --------------------------
MODAL BUTTON
-------------------------- */

/* .fl-module-content .cli-cookie-settings-bt a {
	display: inline-block;
	margin: 1.5em 0 .15em 0;
	padding: 10px 25px;
	background-color: var(--primary) !important;
	border-radius: 5px;
	font-size: inherit;
	line-height: 1.5em;
	color: white !important;
	text-decoration: none;
	transition: all .2s;
}
.fl-module-content .cli-cookie-settings-bt a:hover {
	background-color: white !important;
	color: var(--primary) !important;
	cursor: pointer;
}
footer a.cli_settings_button {
	color: unset !important;
	background-color: unset !important;
}
footer a.cli_settings_button:hover {
	color: var(--primary) !important;
} */


/*/////////////////////////////////////////////////////
8. STYLES TEMPLATE
/////////////////////////////////////////////////////*/

div[class*="av-demo-font-"] {
	font-size: 24px;
}
div[class*="av-demo-font-"] h2 {
	color: var(--primary);
}
.av-demo-font-1, 
.av-demo-font-1 h2, 
.av-demo-font-1 p {
	font-family: "Nunito Sans", Helvetica, Arial, sans-serif; 
	line-height: 1.2em;
}
.av-demo-font-2, 
.av-demo-font-2 h2 {
	font-family: "Nunito Sans", Helvetica, Arial, sans-serif; 
	line-height: 1.2em;
}
.av-demo-font-2 h2 {
	font-weight: 700;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	div[class*="av-demo-font-"] {
		font-size: 22px;
	}
}
@media (max-width: 810px) {
	div[class*="av-demo-font-"] {
		font-size: 18px;
	}
}