/* -------------------------------------------

	Name:		Ile en Musique
	Date:		2025/06/11
	Author:		http://psdhtml.me

---------------------------------------------  */
*, *:before, *:after {
	margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--theme); transform-origin: center center;
	justify-content: var(--justify);
}

html { overflow-y: scroll; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; }
body { overflow-x: hidden; width: 100%; min-height: 100%; background: var(--white); font-size: var(--fz_main); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }	


/*! Variables --------- */
:root {
    --white:      #ffffff; 
    --black:      #000000; 

    --coral:      #e88c6b; 
    --peach:      #efc5b1; 
    --orange:     #e28836; 
    --vanilla:    #f5ecbf; 
	--lemon:      #FFF9DD;
	--sun: 	      #f7e07b;
    --lime:       #d2e6cd; 
    --navy:       #0e2050; 
	--aqua:       #c7e3e4;
    --coal:       #494984; 
    --rose:       #e95266; 
    --theme:      var(--coal); 
	
	--rpp:     32px;
	--rpn:     calc(0px - var(--rpp));
	
	--fw_main: 400;
	--fw_bold: 700;
	--fw_head: 600;	
	
	--ff_main: Nunito, "Bouba Round", Arial, Helvetica, sans-serif;
	--ff_head: inherit;	
	
	--lh_main: 1.5555555556;
	--lh_head: 1.2;	
	
	--fz_main: 18px;	
	--fz_head: var(--fz_main);
	--fz_h1: 56px;
	--fz_h2: 48px;
	--fz_h3: 32px;
	--fz_h4: 24px;
		
	--mr_main: calc(var(--lh_main) * var(--fz_main) * 0.35);
	--mr_head: calc(var(--lh_main) * var(--fz_main) * 0.65);
	--mr_img: 34px;
	--mr_sect: 38px;
	
	--ta_start: left;
	--ta_end:   right;
	--justify:  flex-start;
	
	--cols: var(--rpp);
	
	--btn_fg: var(--white);
	--btn_bw: 0;
	--btn_bd: var(--theme);
	--btn_bg: var(--theme);
	--btn_fz: var(--fz_main);
	--btn_fw: 400;
	--btn_ff: var(--ff_main);
	--btn_lh: var(--lh_head);
	--btn_dist: 16px;
	--btn_miw: 186px;
	
	--b2r: 16px;
	--mtb: 60px;
	--mts: 66px;
	--mtt: 74px;
	--logo: min(200px, 14vw);
}


/*! Defaults --------- */
body, textarea, input, select, option, button { color: var(--coal); font-family: var(--ff_main); font-weight: var(--fw_main); line-height: var(--lh_main); }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: var(--mr_main); }

h1, h2, h3, h4, h5, h6, legend { margin: calc(var(--mr_sect) + 10px) 0 var(--mr_head); font-size: var(--fz_head); font-family: var(--ff_head); font-weight: var(--fw_head); line-height: var(--lh_head); }
h1, .h1 { font-size: var(--fz_h1); }
h2, .h2 { font-size: var(--fz_h2); }
h3, .h3 { font-size: var(--fz_h3); }
h4, .h4 { font-size: var(--fz_h4); }
	h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { display: block; margin: 0 0 10px; font-weight: 600; font-size: 0.7142857143em; }

a { background: none; color: inherit; font-weight: var(--fw_bold); text-decoration: underline; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a { color: inherit; } 

ul, ol, dd, blockquote { padding-left: 40px; }


/*! Mixins --------- */
/* cl:b */	form p:after { content: ""; display: block; overflow: hidden; clear: both; }
/* fill */	#nav:before, #nav:after, .list-box li:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; }
/* wide */	.module-featured article > figure, #footer:before, .module-wide:after, .module-wide:before { content: ""; display: block; position: absolute; left: 50%; right: auto; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; }
/* icon */ 	.list-legend li:before, #top:before, #logo:before, #logo:after { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }
/* i:bg */	.module-featured article > figure img, .list-box.b li > figure img { display: block; width: 100% !important; height: 100% !important;object-fit: cover; }
/* td:u */ 	[data-whatintent="mouse"] #footer nav a:hover { text-decoration: underline; }
/* td:n */ 	#footer nav a, #root .list-social a, #root .link-btn a, [data-whatintent="mouse"] a:hover { text-decoration: none; }

/* 44p	*/	#footer a:before, .list-social a:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; z-index: 8; width: 100%; min-width: 44px; height: 100%; min-height: 44px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border-width: 0; transform: translate(-50%, -50%); }


/*! Layout --------- */
#root { position: relative; width: 100%; padding: 0 var(--rpp); }
	#top { position: absolute; left: 0; right: 0; top: 0; z-index: 9; padding: 0 var(--rpp); }
		#logo { position: absolute; left: var(--rpp); top: var(--rpp); width: var(--logo); height: calc(var(--logo) * 0.535); margin: 0; }
			#logo:before, #logo:after { top: 0; margin: 0; font-size: calc(var(--logo) * 0.535); line-height: 1; }
				#logo:before { content: "\e902"; color: var(--rose); }
				#logo:after { content: "\e903"; color: var(--coal); }
			#logo a { display: block; overflow: hidden; position: relative; z-index: 2; width: 100%; height: 100%; text-indent: -3000em; direction: ltr; }
		#skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; }
			#skip ul { list-style: none; margin: 0; padding: 0; }
			#skip a { display: block; position: absolute; left: -3000em; top: 0; white-space: nowrap; outline: none; }
				#skip a:focus, #skip a:active { left: var(--rpp); top: var(--rpp); }
		#nav { position: absolute; right: var(--rpp); top: var(--rpp); --dist: 36px; }
			#nav > ul { list-style: none; min-width: 0; margin: 0 calc(0px - var(--dist)) 0 0; padding: 0; }
				#nav > ul > li { margin: 0 var(--dist) 0 0; }
				#nav > ul > li > a { display: block; margin: 0; font-weight: 400; text-decoration: none; }
				#nav > ul > li:not(.link-btn) > a { color: var(--navy); }
				#nav > ul > li.link-btn { padding-left: 10px; }
	#content { position: relative; z-index: 3; width: 100%; max-width: 892px; margin-left: auto; margin-right: auto; }
	#footer { overflow: hidden; position: relative; z-index: 2; margin: 0 calc(var(--rpn) - var(--dist_f)) 0 var(--rpn); padding: var(--pd) var(--rpp) calc(var(--pd) - var(--mr_main)) var(--rpp); background: var(--bg); font-size: 16px; --bg: var(--peach); --b2r: 0px; --dist_f: 84px; --pd: 38px; }
		#footer > * { margin-right: var(--dist_f); }
		#footer a { display: block; position: relative; font-weight: 400; }
		#footer nav ul { list-style: none; padding: 0; }
		#footer p:last-child { margin-left: auto; }
		#footer img { margin-left: auto; margin-right: auto; }
		#content:has(>.module-wide[style*="var(--peach)"]:last-child) ~ #footer { --bg: var(--vanilla); }


/*! Columns --------- */
[class*="width-"] { width: 100%; max-width: var(--width); --width: none; }
	.width-720 { --width: 720px; }


/*! Modules --------- */
.align-center { margin-left: auto; margin-right: auto; }

.module-aside { margin-left: calc(0px - var(--dist)); --hz: 40px; --dist: var(--rpp); --bw: 18px; --br: 30px; }
	.module-aside > * { border-left: var(--dist) solid rgba(0,0,0,0); }
	.module-aside > figure { max-width: 50%; margin-bottom: var(--mr_main); }
		.module-aside > figure img { display: block; border: var(--bw) solid var(--orange); --b2r: var(--br); }
	.module-aside h1:first-child, .module-aside h2:first-child, .module-aside h3:first-child, .module-aside h4:first-child, .module-aside h5:first-child, .module-aside h6:first-child { margin-bottom: var(--mr_main); font-size: var(--hz); font-weight: 600; }
	
.module-featured { margin: var(--mr_sect) 0; --hz: 56px; --hm: calc(var(--mr_main) * 0.5); --pd: 195px; --cpt: 180px; --di: 12px; }
	.module-featured article { position: relative; z-index: 2; padding: var(--pd) 0 max(0.1px, calc(var(--pd) - var(--mr_main))); }
	.module-featured article > figure { --b2r: 0px; }
		.module-featured article > figure img { object-position: center 0; }
	.module-featured h1:first-child, .module-featured h2:first-child, .module-featured h3:first-child, .module-featured h4:first-child, .module-featured h5:first-child, .module-featured h6:first-child { margin-bottom: var(--hm); font-size: var(--hz); font-weight: 700; }
	.module-featured p.size-20:before { content: "\e900"; display: inline-block; position: relative; top: .125em; margin-right: var(--di); color: var(--orange); font-size: 1.2em; font-weight: 400; font-family: i; font-style: normal; line-height: 1px; }
	#content > .module-featured:first-child article { padding-top: var(--cpt); }
	.module-featured + .module-wide { padding-top: 12px; }

.module-plan { position: relative; margin: var(--mr_sect) calc(0px - var(--offset)) 0 calc(0px - var(--offset) - var(--dist)); --dist: var(--rpp); --offset: 58px; }
	.module-plan > * { border-left: var(--dist) solid rgba(0,0,0,0); }
	.module-plan > figure { margin-bottom: var(--mr_main); }
	.module-plan > div { width: calc(var(--fz_main) * 15 + var(--dist)); margin-bottom: auto; margin-top: 15%; flex-shrink: 0; } 
	
.module-wide { position: relative; z-index: 2; margin: var(--mr_sect) 0; padding: var(--pd) 0 max(0.1px, calc(var(--pd) - var(--mr_main))); --bg: var(--vanilla); --pd: 68px; --d: 0px; }
	.module-wide:before { background: var(--bg); }
	.module-wide:after { z-index: 9; top: calc(0px - var(--d)); height: var(--d); background-image: var(--bg2); background-size: 100% 100%; pointer-events: none; }
	.module-wide + .module-wide, .module-featured + .module-wide, .module-wide + .module-featured { margin-top: calc(0px - var(--mr_sect)); }
	.module-wide:has(+.module-wide) > .list-box.a:last-child { margin-bottom: 40px; }
	.module-wide:has(+.module-wide) > .list-box.b:last-child { margin-bottom: 118px; }
	.module-wide:has(+.module-wide) > .list-news:last-child, .module-wide:has(+.module-wide) > .module-plan:last-child { margin-bottom: 56px; }
	#content > .module-wide:last-child { padding-bottom: 76px; }
.module-wide[style*="var(--vanilla)"] { --d: 20px; --bg2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' preserveAspectRatio='none' x='0' y='0' style='enable-background:new 0 0 1439.8 19.8' viewBox='0 0 1439.8 19.8'%3E%3Cstyle%3E.st0%7Bfill:%23f5ecbf%7D%3C/style%3E%3Cpath d='M1143.8.6C958.6 5.2 753 18.5 527.2 19.8h912.6V17C1373 7.1 1268.7-2.5 1143.8.6zM0 .8v19h457.4c-21.5-.1-43.2-.4-65.1-.8C172.7 15.2 41 5.4 0 .8z' class='st0'/%3E%3C/svg%3E"); }
	.module-wide[style*="var(--vanilla)"]:has(+.module-wide) { --pd: 74px; }
.module-wide[style*="var(--lime)"] { --d: 58px; --bg2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' preserveAspectRatio='none' style='enable-background:new 0 0 1440 57.4' viewBox='0 0 1440 57.4'%3E%3Cpath d='M1440 40.9C1294.2-22.9 1039.7-2 879.5 35.5 663 86.2 444.2 36.7 264.5 8.7 170-6.1 73.9 8.6 0 28.5v28.9h1440V40.9z' style='fill:%23d2e6cb'/%3E%3C/svg%3E"); }
	.module-wide[style*="var(--coal)"] + .module-wide[style*="var(--lime)"] { --pd: 80px; --d: 46px; --bg2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 1440 46' viewBox='0 0 1440 46' preserveAspectRatio='none'%3E%3Cpath d='M1130 25.6c-221.5.2-472 1-751.5.8-199.1-.1-326-.5-378.5-.7V46h1440V26.4c-65.7-.4-176.1-.9-310-.8z' style='fill:%23d2e6cb'/%3E%3Cpath d='M1130 .6C908.5 6.1 658 24.1 378.5 19.1 179.4 15.5 52.5 7.2 0 2.3v26c52.5 5 179.4 13.3 378.5 16.8 279.5 5 530-13 751.5-18.5 133.9-3.3 244.3 8 310 18.5v-26C1374.3 8.6 1263.9-2.7 1130 .6z' style='fill:%23efc5b1'/%3E%3C/svg%3E"); }
.module-wide[style*="var(--peach)"] { --pd: 44px; --d: 49px; --bg2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 1440 48.4' viewBox='0 0 1440 48.4' preserveAspectRatio='none'%3E%3Cpath d='M0 21.6h1440v26.8H0z' style='fill:%23efc5b1'/%3E%3Cpath d='M336 49.4c11.9-.3 24-.6 36.1-1H210.4c38.7 1.6 80.8 2.1 125.6 1z' style='fill:none'/%3E%3Cpath d='M210.4 48.4h161.7c212.5-6.4 451-22.2 715.4-17.5 171.6 3.1 289.6 9.7 352.5 14.6V17.3c-54.8-5-180.3-13-374.5-16.5-279.5-5-530 13-751.5 18.5C177.3 22.8 65.2 10.9 0 .2v26.1c42.4 8.1 116.3 18.2 210.4 22.1z' style='fill:%23e88c6b'/%3E%3C/svg%3E"); }
.module-wide[style*="var(--coal)"] { color: var(--white); --d: 58px; --bg2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' style='enable-background:new 0 0 1440 57.3' preserveAspectRatio='none' viewBox='0 0 1440 57.3'%3E%3Cstyle%3E.st0%7Bfill:%23494984%7D%3C/style%3E%3Cpath d='M0 31.6v25.7h680.7c-144.3-1-283.5-29.7-404.9-48.7C176.4-6.8 75.3 10.2 0 31.6zM890.8 35.5C826 50.7 761 56.9 696.9 57.3H1440V36.2c-147.3-58-393-37.2-549.2-.7z' class='st0'/%3E%3C/svg%3E"); }


/*! Content --------- */
.semi { font-weight: 600; }
.strong { font-weight: var(--fw_bold); }
.em { font-style: italic; }

.text-start { text-align: var(--ta_start); --justify: flex-start; }
.text-center { text-align: center; --justify: center; }
.text-end { text-align: var(--ta_end); --justify: flex-end; }
.text-justify { text-align: justify; --justify: space-between; }
.text-uppercase { text-transform: uppercase; }

.size-20 { font-size: 20px; }
.size-24 { font-size: 24px; }
	h1.size-24, h2.size-24, h3.size-24, h4.size-24, h5.size-24, h6.size-24 { margin-bottom: var(--mr_main); }
.size-26 { font-size: 26px; }

.overlay-lime { color: var(--lime); --btn_bg: var(--lime); --btn_fg: var(--coal); }
.overlay-vanilla { color: var(--vanilla); --btn_bg: var(--vanilla); --btn_fg: var(--coal); }


/*! Links --------- */
.link-btn { margin: 0 calc(0px - var(--btn_dist)) calc(var(--mr_main) - var(--btn_dist)) 0; }
	.link-btn > * { margin: 0 var(--btn_dist) var(--btn_dist) 0; }
	.link-btn + .link-btn { margin-top: calc(0px - var(--mr_main) + var(--btn_dist)); }
	header + .link-btn, h1 + .link-btn, h2 + .link-btn, h3 + .link-btn, h4 + .link-btn, h5 + .link-btn, h6 + .link-btn { margin-top: var(--mr_sect); }


/*! Media --------- */
img, iframe, object, embed { max-width: 100% !important; border-radius: var(--b2r); border-style: none; }
img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }
	img::selection { background: transparent; }
	img::-moz-selection { background: transparent; }
picture { width: 100%; }

figure { margin-bottom: var(--mr_img); }
	header + figure, h1 + figure, h2 + figure, h3 + figure, h4 + figure, h5 + figure, h6 + figure { margin-top: var(--mtt); }


/*! Lists --------- */
.list-box, .list-logo, .list-news, .list-social { list-style: none; padding: 0; margin-left: calc(0px - var(--dist)); margin-bottom: calc(var(--mr_main) - var(--dist)); padding: 0; --dist: var(--rpp); }
	.list-box li, .list-logo li, .list-news li, .list-social li { margin: 0 0 var(--dist); border-left: var(--dist) solid rgba(0,0,0,0); }	 

.list-box { margin-top: var(--mr_sect); margin-bottom: calc(var(--mr_sect) - var(--dist)); font-size: 16px; --bg: var(--vanilla); --w: 33.3333333333%; --p2: 25px; --p1: var(--p2); }
	.list-box li { position: relative; z-index: 2; width: var(--w); padding: var(--p1) var(--p2); }	
	.list-box li:before { border-radius: var(--b2r); background: var(--bg); }
	.list-box h1, .list-box h2, .list-box h3, .list-box h4, .list-box h5, .list-box h6 { margin-bottom: var(--mr_main); font-size: var(--fz_main); }
	.list-box .size-24.strong { display: block; line-height: var(--lh_head); }
	.list-box img, .list-news img { object-fit: cover; }
	header + .list-box, h1 + .list-box, h2 + .list-box, h3 + .list-box, h4 + .list-box, h5 + .list-box, h6 + .list-box, header + .list-news, h1 + .list-news, h2 + .list-news, h3 + .list-news, h4 + .list-news, h5 + .list-news, h6 + .list-news { margin-top: var(--mts); }
.list-box.a { font-weight: var(--fw_head); }
	.list-box.a li { min-height: 198px; }
		.list-box.a li:nth-child(3n-2) { --bg: var(--lemon); }
		.list-box.a li:nth-child(3n-1) { --bg: var(--vanilla); }
		.list-box.a li:nth-child(3n-0) { --bg: var(--peach); }
.list-box.b { --w: 50%; }
	.list-box.b li { padding: 0; }
	.list-box.b li > div { padding: var(--p1) var(--p2) max(0.1px, calc(var(--p1) - var(--mr_main))); }
	.list-box.b li > figure { overflow: hidden; max-width: 46%; margin-bottom: 0; border-radius: var(--b2r); }
	
.list-legend { list-style: none; padding: 0; --pd: calc(var(--fz_main) * 3.8888888889); --mb: 10px; }
	.list-legend li { position: relative; margin-bottom: var(--mb); padding-left: var(--pd); }
		.list-legend li:before { right: auto; width: calc(var(--fz_main) * 2.2222222222); margin-top: -15px; font-size: 1.2222em; line-height: 30px; text-align: center; }
		.list-legend li:nth-child(4n-3):before { content: "\e909"; }
		.list-legend li:nth-child(4n-2):before { content: "\e908"; }
		.list-legend li:nth-child(4n-1):before { content: "\e907"; }
		.list-legend li:nth-child(4n):before { content: "\e906"; font-size: 1.4444em; }
		.list-legend li[style*="--splash"]:before { color: var(--splash); }
	
.list-logo { margin-top: var(--mr_sect); margin-bottom: calc(var(--mr_sect) - var(--dist)); --b2r: 0px; }
	.list-logo li { max-width: 47%; }
	.list-logo + .list-logo { margin-top: calc(0px - var(--mr_sect) + var(--dist)); }
	
.list-news { margin-top: var(--mr_sect); margin-bottom: calc(var(--mr_sect) - var(--dist)); --w: 50%; }
	.list-news li { width: var(--w); }	
	.list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { margin-bottom: var(--mr_main); font-size: var(--fz_main); }
	
.list-social { --dist: 26px; --iz: 30px; }
	.list-social a { display: block; position: relative; }
	.list-social i { display: block; font-size: var(--iz); line-height: 1; }

	
/*! Forms --------- */
fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; }
		button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; }
		button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--input_bd); background: var(--input_bg); opacity: .25; cursor: default; pointer-events: none; }
::placeholder { opacity: 1; color: var(--input_pl); }
	:focus::placeholder { opacity: 0; }

/*form {}*/
	button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a, #skip a { display: block; overflow: hidden; min-width: var(--btn_miw); padding: 12px 24px; box-shadow: 0 4px 14px rgba(73,73,132,.38); border-radius: 8px; border: var(--btn_bw) solid var(--btn_bd); background: var(--btn_bg); color: var(--btn_fg); font-size: var(--btn_fz); font-weight: var(--btn_fw); font-family: var(--btn_ff); line-height: var(--btn_lh); text-decoration: none; text-align: center; }


/*! Helpers --------- */
.clear { clear: both; }
summary::-webkit-details-marker { display: none; }
.hidden, [hidden], template, #nav em, #top:before, #top > a.menu, #nav:before, #nav:after, .module-featured + .module-wide:after { display: none; }
article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, #footer img { display: block; }

.module-featured:first-child, .module-wide:first-child, .list-box:first-child, .list-news:first-child, .list-logo:first-child, .module-aside > figure:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6, .module-plan:first-child { margin-top: 0; }
#content > .module-wide:last-child { margin-bottom: 0; }

#root .margin-x2 { margin-bottom: calc(var(--mr_main) * 2); }


/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]), video[autoplay]:not([muted]) { display: none; }	
svg:not(:root) { overflow: hidden; }

::selection { background: var(--theme); color: var(--white); text-shadow: none; }
::-moz-selection { background: var(--theme); color: var(--white); text-shadow: none; }


/*! Outlines --------- */
[data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; outline-offset: -2px; }
[data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; }


/*! Flexbox --------- */
/* flex */ 	.module-plan, #nav, #nav > ul, #footer > nav, #footer nav ul, .list-social, #footer, .link-btn, .list-logo, .list-news, .list-box.b li > figure, .list-box.b li, .list-box.a li, .list-box, .module-aside { display: flex; flex-wrap: wrap; }
/* f:wn */	.module-plan, .list-box.b li, .list-box.a li, .module-aside { flex-wrap: nowrap; }

/* f:ds */	.module-aside { flex-direction: row-reverse; }
/* f:dc */	.list-box.a li { flex-direction: column; }

/* f:jc */	.list-logo, #footer > nav, .list-logo, .list-box.a li { justify-content: center; }
/* f:je */	#nav, #nav > ul { justify-content: flex-end; }
/* j:jb */	.module-plan, .module-aside { justify-content: space-between; }
	
/* f:ac */	#nav, #nav > ul, #footer > nav, #footer nav ul, .list-social, #footer, .link-btn, .list-logo { align-items: center; }

/* f:s0 */	.list-box figure, .module-aside > figure { flex-shrink: 0; }
/* f:g3 */	#nav > ul { flex-grow: 3; }


/*! Icons --------- */
@font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'); font-display: swap; }
[class*="icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.icon-facebook:before { content: "\e904"; }
	.icon-instagram:before { content: "\e905"; }
	.icon-li:before { content: "\e900"; }
	.icon-logo-1:before { content: "\e902"; }
	.icon-logo-2:before { content: "\e903"; }
	.icon-menu:before { content: "\e901"; }
	.icon-splash-1:before { content: "\e909"; }
	.icon-splash-2:before { content: "\e908"; }
	.icon-splash-3:before { content: "\e907"; }
	.icon-splash-4:before { content: "\e906"; }


/* Responsive --------- */
@media only screen and (max-width: 1200px) {
#nav { left: calc(var(--logo) + var(--rpp) * 1.5); font-size: 16px; --dist: 6px; }
	#nav > ul { justify-content: space-between; }
	#nav > ul > li.link-btn { padding-left: 0; }
	#nav .link-btn a { min-width: 0; }
#footer { --dist_f: var(--rpp); }
}
@media only screen and (max-width: 1100px) {
.list-legend { --pd: calc(var(--fz_main) * 3.25); }
.module-plan { --offset: 0px; }
}
@media only screen and (min-width: 1101px) {
/*#footer {}*/
	#footer > nav { position: absolute; left: calc(50% - var(--dist_f) * 0.5); top: 0; bottom: 0; padding: var(--pd) 0 calc(var(--pd) - var(--mr_main)); transform: translateX(-50%); }
}
@media only screen and (min-width: 1001px) {		
#root .desktop-hide, #root .tablet-only { display: none; }
}
@media only screen and (min-width: 761px) and (max-width: 1000px) {
#root .tablet-hide { display: none; }
}
@media only screen and (max-width: 1000px) {
:root { 
	--logo: 140px;
	--rpp: 24px; 
	--mtb: var(--mr_sect);
	--mts: var(--mtb);
	--mtt: var(--mtb);
}

/*#top {}*/
	#top:before { content: "\e901"; display: block; left: auto; right: var(--rpp); top: var(--rpp); margin: 0; color: var(--navy); font-size: 16px; line-height: 1; }
	#top > a.menu { display: block; overflow: hidden; position: absolute; right: var(--rpp); top: var(--rpp); width: 44px; height: 44px; margin: -14px -10px 0 0; text-indent: -3000em; text-align: left; }
	#nav { display: block; position: fixed; left: 0; top: 0; bottom: 0; right: auto; z-index: 50; width: calc(100% - var(--rpp) * 2 - 24px); max-width: 280px; font-size: 18px; }
	#nav { transition-property: visibility, opacity, transform; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; }
		#nav:before { display: block; right: 30px; background: var(--peach); }
		#nav:after { display: block; left: auto; width: 31px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 50.1 1440' viewBox='0 0 50.1 1440' preserveAspectRatio='none'%3E%3Cpath d='M28.4 0v1440H1.6V0h26.8z' style='fill:%23efc5b1'/%3E%3Cpath d='M.6 336c.3 11.9.6 24 1 36.1V210.4C0 249.1-.5 291.2.6 336z' style='fill:none'/%3E%3Cpath d='M1.6 210.4v161.7c6.4 212.5 22.2 451 17.5 715.4C16 1259.1 9.4 1377.1 4.5 1440h28.2c5-54.8 13-180.3 16.5-374.5 5-279.5-13-530-18.5-751.5C27.2 177.3 39.1 65.2 49.8 0H23.7C15.6 42.4 5.5 116.3 1.6 210.4z' style='fill:%23e88c6b'/%3E%3C/svg%3E"); background-size: 100% 100%; }
		#nav > ul { display: block; overflow: hidden; overflow-y: auto; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: 0; padding: calc(var(--rpp) - 8px) calc(var(--rpp) * 2.5) var(--rpp) var(--rpp); }
		#nav > ul > li { margin: 0; }
		#nav > ul > li:not(.link-btn) > a { padding: 8px 0; }
		#nav > ul > li.link-btn { padding-top: calc(var(--rpp) - 8px); }
		#nav > ul > li.link-btn a { width: min(100%, var(--btn_miw)); }
		html:not(.menu-active) #nav { visibility: hidden; opacity: 0; transform: translateX(-3px); }
#content { max-width: 720px; }
.module-featured { --cpt: 160px; }
	
.module-aside { --bw: 10px; --br: 24px; }
/*.module-wide {}*/
	.module-wide:has(+.module-wide) > .list-box.b:last-child, .module-wide:has(+.module-wide) > figure:last-child, .module-wide:has(+.module-wide) > .module-plan:last-child { margin-bottom: 40px; }
	.module-wide:has(+.module-wide) > .list-news:last-child { margin-bottom: calc(40px - var(--mr_main)); }
	
#root .desktop-only { display: none; }
}
@media only screen and (min-width: 761px) {
#root .mobile-only { display: none; }
}
@media only screen and (max-width: 760px) {
:root { 
	--logo: 76px;
	--rpp: 18px;
	
	--fz_main: 16px;	
	--fz_h1: 32px;
	--fz_h2: 24px;
	--fz_h3: 18px;
	--fz_h4: var(--fz_main); 
	
	--mtb: calc(var(--mr_sect) * 0.75);
}

.menu-active, .menu-active body { overflow: hidden; }

#footer { display: block; font-size: 14px; text-align: center; --pd: 20px; --mr_main: 14px; }

h1, h2, h3, h4, h5, h6, legend, h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: calc(var(--mr_main) * 2.75); }
	h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { font-size: 0.75em; }

.list-box { display: block; --w: 100%; --dist: 16px; --pd: 22px; }
	.list-box .size-24.strong { font-size: var(--fz_main); }
.list-box.a { font-size: 14px; --p1: 10px; }
	.list-box.a li { min-height: 96px; }
.list-box.b { --w: 100%; }
	.list-box.b li { display: block; }
	.list-box.b li > figure { max-width: none; }
	.list-box.b li > figure img { height: 42.3076923077vw !important; }
.list-legend { --pd: 36px; --mb: 0px; }
	.list-legend li:before { width: 26px; font-size: 1em; }
	.list-legend li:nth-child(4n):before { font-size: 1.125em; }
/*.list-logo {}*/
	.list-logo img { width: auto !important; max-height: 78px !important; }
.list-news { --w: 100%; --dist: 20px; }
	.list-news figure { margin-bottom: 16px; }
	.list-news img { height: 32.56410256vw !important; }
.list-social { --dist: 18px; --iz: 24px; }
.module-aside { display: block; text-align: center; --hz: var(--fz_h2); }
	.module-aside > figure { max-width: none; margin-top: 12px; margin-left: auto; margin-right: auto; }
	.module-aside > figure img { margin-left: auto; margin-right: auto; }
	.module-featured + .module-wide { padding-top: 18px; }
.module-featured { --cpt: 98px; --hz: var(--fz_h1); --hm: calc(var(--mr_main) * 1.5); --pd: 80px; --di: 6px; }
.module-plan { display: block; margin-top: 0; }
	.module-plan > div { width: auto; margin: 0; }
	.module-plan > figure { padding-left: 54px; }
	.module-plan > figure + div { margin-top: calc(var(--rpn) * 5.75); }
.module-wide { --pd: 32px; }
	.module-wide[style*="var(--lime)"] { --d: 20px; --bg2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 390 18.1' preserveAspectRatio='none' viewBox='0 0 390 18.1'%3E%3Cpath d='M390 18.1V.8c-40.7-3-87 2.5-120.2 10.4-67.8 16-136.4.4-192.7-8.5C49.9-1.5 22.3 2 0 7.5v10.7h390z' style='fill:%23d2e6cb'/%3E%3C/svg%3E"); }
	.module-wide[style*="var(--vanilla)"] { --d: 10px; --bg2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' style='enable-background:new 0 0 390 9.4' preserveAspectRatio='none' viewBox='0 0 390 9.4'%3E%3Cstyle%3E.st0%7Bfill:%23f5ecbf%7D%3C/style%3E%3Cpath d='M15.4 9C10.2 8.9 5 8.8 0 8.7v.6h42.3c-8.9 0-17.8-.1-26.9-.3zM390 0c-5.7 0-11.6.1-17.6.3-87 2.1-183.5 8.3-289.5 9.1H390V0z' class='st0'/%3E%3C/svg%3E"); }
		.module-wide[style*="var(--vanilla)"]:has(+.module-wide) { --pd: 48px; }
	.module-wide[style*="var(--peach)"] { --d: 36px; --pd: 32px; --bg2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 390 33.8' preserveAspectRatio='none' viewBox='0 0 390 33.8'%3E%3Cpath d='M28.8 33.3c-10-.2-19.6-.4-28.8-.6v1.1h390v-9.3c-106.5 2.7-226.9 11.2-361.2 8.8z' style='fill:%23efc5b1'/%3E%3Cpath d='M0 22.8v9.9c9.2.2 18.8.4 28.8.6 134.3 2.4 254.7-6.1 361.2-8.8V0C283.9.8 187.1 6.9 99.7 9.1 61.9 10 28 8.5 0 6.2v16.6z' style='fill:%23e88c6b'/%3E%3C/svg%3E"); }
	.module-wide[style*="var(--coal)"] { --d: 20px; --bg2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' preserveAspectRatio='none' style='enable-background:new 0 0 390.5 20.4' viewBox='0 0 390.5 20.4'%3E%3Cpath d='M390.5 20.4V0c-32.4 1.6-64.3 6.4-89.7 12.3-79.2 18.4-159.2.4-225-9.8C49.6-1.5 23.1.6 0 5v15.4h390.5z' style='fill:%23494984'/%3E%3C/svg%3E"); }
		.module-wide[style*="var(--coal)"] + .module-wide[style*="var(--lime)"] { --d: 20px; --pd: 32px; --bg2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 390 20.4' viewBox='0 0 390 20.4' preserveAspectRatio='none'%3E%3Cpath d='M0 9.2h390v11.2H0z' style='fill:%23d2e6cb'/%3E%3Cpath d='M336.9 0C259.1 2.3 171.7 8.3 74.6 6.5 45.5 6 20.6 5.2 0 4.3v15.4c5.6.1 11.3.2 17.2.3 117.7 2.1 223.3-5.5 316.6-7.8 20.2-.5 39-.2 56.2.6V0h-53.1z' style='fill:%23efc5b1'/%3E%3C/svg%3E"); }
	.module-wide:has(+.module-wide) > .list-box.a:last-child, .module-wide:has(+.module-wide) > .list-box.b:last-child { margin-bottom: 50px; }
	.module-wide:has(+.module-wide) > .list-news:last-child { margin-bottom: calc(var(--mr_main) - var(--dist)); }
	#content > .module-wide:last-child { padding-top: calc(var(--rpp) * 2 + 20px); padding-bottom: calc(var(--rpp) * 2 + 10px); }
.size-20 { font-size: var(--fz_main); }
.size-24, .size-26 { font-size: 18px; }

#footer .list-social { justify-content: center; }

#root .mobile-hide, #root .tablet-only { display: none; }
}
