/*

	Theme Name: PureDays
	Author: TheDigitalCube Pte Ltd
	Author URI: https://www.thedigitalcube.com
	Version: 1.0.0

*/

h1, h2, h3, h4, h5, h6, p, blockquote, pre { display: inherit; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; -webkit-margin-after: 0; -webkit-margin-before: 0; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { scroll-behavior: smooth; }
body { line-height: 1; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, select, label { cursor: pointer; outline: none; border-radius: 0; }
b, strong, em { font-weight: bold; }
pre, i { font-style: italic; }
sup { font-size: smaller; vertical-align: top; }
a, input[type="submit"], input[type="button"], svg * { transition: all .4s; }
a, label, input { cursor: pointer; }
img { width: auto; height: auto; max-width: 100%; display: block; }
.clear { clear: both; }

/* General */
body { font: 12pt/1.4 'Avenir', 'Lato', 'Arial', sans-serif; -webkit-appearance: none; }
.container { width: 750px; max-width: 95%; margin: auto; }
.cn-close-icon { opacity: .9; }
.cn-close-icon:before, .cn-close-icon:after { background-color: #fff; }

/* Header */
header { position: fixed; top: 0; left: 50%; transform: translateX( -50% ); display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: #fff; border-radius: 0 0 10px 10px; padding: 20px 30px; width: 1240px; max-width: 100%; margin: auto; box-sizing: border-box; z-index: 99; transition: all .4s; }
header.open { border-radius: 0; }
header img { width: clamp( 170px, 16vw, 200px ); max-width: 100%; aspect-ratio: 2.314; }
header ul { display: flex; flex-wrap: wrap; align-items: center; }
header li a { padding: 13px 20px; text-decoration: none; font: 700 clamp( 10pt, 2.5vw, 12pt ) 'Avenir', 'Lato', 'Arial', sans-serif; transition: .4s; color: #693B8F; }
header li.current-menu-item a, header li a:hover { color: #E60F76; }
header > a { margin: 0 0 -45px; position: relative; z-index: 2; }
header li:nth-of-type( 6 ) { margin: 0 30px 0 0; }
header > div { display: flex; }
header > div > span { display: none; }
.admin-bar > header { top: 32px; }
.lang-en .item-en a, .lang-fr .item-fr a { color: #E60F76; }
#menu-languages li { display: flex; align-items: center; }
#menu-languages li:first-of-type:after { content: ' '; width: 1px; background: #EFDFED; height: 20px; display: flex; }

/* Hero */
body > #hero { position: relative; background: url( '../images/bg/a-girls-first-choice.webp' ) no-repeat left center/cover; padding: 40px; display: flex; align-items: center; justify-content: center; height: clamp( 300px, 32vw, 507px ); box-sizing: border-box; z-index: 0; }
body > #hero:before { content: ' '; display: block; position: absolute; top: 0; left: 0; background: linear-gradient( 180deg, #000000 0%, rgba(0,0,0,0.5) 100% ); opacity: .3; width: 100%; height: 100%; z-index: -1; }
h1 { color: #fff; font: 700 clamp( 25pt, 3vw, 45pt )/1.2 'Avenir', 'Lato', 'Arial', sans-serif; margin: 0 0 16px; }

/* Article */
article { margin: 55px 0; }
article h2 { color: #693B8F; font-size: 28px; margin: 10px 0 15px; }
article p, article a, article li, article p i { color: #5c5c5c; font-size: 12pt; line-height: 1.5; margin: 0 0 20px; }
article ul { margin: 0 0 20px; }
article li { list-style: disc; margin: 0 0 0 24px; padding: 3px 0; }
article a { text-decoration: none; color: #693B8F; transition: all .3s; }
article a:hover { color: #932B86; }

/* Forms */
.result > div { margin: 0 0 12px; text-align: left; font-size: 10pt; padding: 10px 20px; background: #F4F4F4; font-weight: 400; line-height: 1.3; }
.result .success { border-left: 4px solid #84dd19; }
.result .errors { border-left: 4px solid #FF1000; }
.result .notification { border-left: 4px solid #0098ce; }
.result > div *:last-child, #popup .result > div *:last-child { margin-bottom: 0; }
.line { display: flex; align-items: start; gap: 10px; }

/* Footer */
footer { background: #932b861a; padding: 30px 20px 10px; }
footer .container { width: 1220px; }
footer section { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; }
footer section:first-of-type > div { width: calc( ( 100% - 60px ) / 3 ); padding: 30px 0; box-sizing: border-box; }
footer h4 { font-size: 20px; font-weight: 700; color: #693B8F; margin: 0 0 20px; }
footer img { width: 180px; aspect-ratio: 3.529; margin: 0 0 20px; }
footer p, footer label { font: 400 12pt/1.5 'Avenir', 'Lato', 'Arial', sans-serif; color: #5c5c5c; margin: 0 0 14px; }
footer p b { color: #693b8f; display: block; }
footer a, footer p a { color: #693b8f; font-weight: 400; text-decoration: none; }
footer a:hover { color: #932B86; }
footer sup { color: #c02b0a; }
footer label { margin: 0 0 10px; line-height: 1; display: block; font-size: 11pt; }
footer input[type="email"] { border: 0; border-radius: 10px; padding: 20px; width: 100%; margin: 0 0 16px; box-sizing: border-box; font-size: 10.5pt; }
footer input[type="checkbox"] { -webkit-appearance: auto; margin: 0; }
footer button, footer .button { display: inline-block; border: 0; background: #E60F76; border-radius: 10px; padding: 20px 30px; color: #fff; font: 700 clamp( 10pt, 4vw, 13pt )/1 'Avenir', 'Lato', 'Arial', sans-serif; text-transform: uppercase; box-sizing: border-box; cursor: pointer; transition: all .4s; }
footer button:hover, footer .button:hover { background: #932B86; color: #fff; }
footer button { padding: 17px 30px; margin: 5px 0 0; }
footer section:last-of-type { margin: 54px 0 0; padding: 10px 0; border-top: 1px solid #5c5c5c33; gap: 0 15px; }
footer section:last-of-type p, footer section:last-of-type a { display: inline-block; font-size: 10pt; color: #5C5C5C9C; font-weight: 400; margin: 0; }
footer section:last-of-type ul { display: flex; align-items: center; flex-wrap: nowrap; gap: 15px; }
footer section:last-of-type a:hover { color: #E60F76; }

@media (max-width: 1024px) {
	header > div:last-of-type { display: flex; align-items: center; gap: 15px; }
	.menu-languages-container { order: 0; }
	#menu-languages li a { padding: 13px 10px; }
	#menu-main-menu { display: none; box-shadow: 0 10px 10px -8px #0000005c; position: fixed; top: 100%; left: 0; width: 100%; background: #fff; padding: 30px 15px; z-index: 1; }
	header > div > span { display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; width: 20px; height: 17px; order: 1; transition: all .4s; }
	header > div > span:before, header > div > span:after { content: ' '; display: block; width: 100%; height: 3px; background: #932B86; transition: all .4s; }
	header > div > span:hover span, header > div > span:hover:before, header > div > span:hover:after, header > div > .open span, header > div > span.open:before, header > div > span.open:after { background: #E60F76; }
	header > div > span span { display: inline-block; width: 100%; height: 3px; background: #932B86; text-indent: -9999px; }
	#menu-main-menu li a { display: block; }
}

@media (max-width: 760px) {
	footer section:first-of-type { flex-direction: column; width: 450px; max-width: 100%; margin: auto; }
	footer section:first-of-type > div { width: 100%; padding: 0; }
	footer section:first-of-type > div:first-of-type { padding: 30px 0 0; }
}

@media (max-width: 620px) {
	header > div:last-of-type { gap: 10px; }
	#menu-languages li a { padding: 13px 5px; }
}