@import url(https://fonts.googleapis.com/css?family=Patua+One);
.node--unpublished {background-color:transparent !important}
body {
background-image:url('/sites/default/files/2025-11/fond_noel_cadeaux.webp'),
url('/sites/default/files/2025-11/fond_ikalendrier.png'),
radial-gradient(circle, #4178C8 0%, #87ceeb 100%);
background-position: right -100px, center 500px, center top;
background-size:100%, 30%;background-repeat:repeat-x,repeat-x;
}
#overlay-body h2, #avent h2 { color:#e21a2d !important; font-family:'Patua One',cursive !important; text-align:center;font-size:2.5em;margin:0}
#overlay-body h3, #avent h3 { margin:0 0 7px; color:#000 !important;font-family:'Patua One',cursive !important;text-align:center;font-size:2em;margin:0;line-height:120% }
#avent h4 { margin:0 0 0px; color:#000; font-family:'Patua One',cursive !important; }
#flake {color:white}
/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.clearfix:after, .component-calendar:after, .daydetail-content:after { content:''; display:block; clear:both; }
.clock_days { width:20%; height:20px; background-repeat: no-repeat; float:left; margin:0 2%; position: relative;}
.clock_hours { 
    width:20%;
    height:20px;
    background-repeat: no-repeat;
    float:left;
    margin: 0 2%;
    position: relative;
}
.clock_minutes { 
    width:20%;
    height:20px;
    background-repeat: no-repeat;
    float:left;
    margin: 0 2%;
    position: relative;
}
.clock_seconds {
    width:20%;
    height:20px;
    background-repeat: no-repeat;
    float:left;
    margin:0 2%;
    position: relative;
}
.clock {
    height:120px;width:100%;max-width:600px;
    margin:0 auto;display:inline-block;text-align:center;
}

.text {
    position: absolute;
    width:100%;
    top:5px;
    left:0;background-color:white;border-radius:12px;padding:15px 0;
background: url(/sites/default/files/2025-11/neige_menu.png) no-repeat center top white;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 40px -30px;
}
.text .val {
    margin:0;
    line-height:100%;
    font-size: 4em;
    color:#e21a2d;
    font-weight: bold;text-align:center;letter-spacing:-2px;
}
.text .type_days,
.text .type_hours,
.text .type_minutes,
.text .type_seconds
{
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#111;
    text-transform: uppercase;text-align:center;letter-spacing:0;
}
#neige {background:url('/sites/default/files/2025-11/fond_noel.png') no-repeat center top;display:block;width:100%;position:relative;left:0;background-color:white;padding:50px 0 100px 0;margin-top:0px }
.single-flake {background-color: #fff;position: fixed;top: 0;z-index: 99999;}
.snow-animate {top: 99.5%;}
#avent h1, #avent h2, #avent h3,#avent h4, #avent h5,#avent h6,#avent p{font-family:'Patua One',cursive !important;letter-spacing:.7px;  text-align: center}
#avent {position:relative;margin:0 auto;}
#counter {display:block;padding:0px;text-align:center}
#avent h3 {color:white !important;font-size:2em !important;text-align:center;margin-top:70px;margin-bottom:20px}
#avent h4 {color:#1E195A !important;text-align:center !important;text-transform:uppercase;font-size:2.5em;margin-bottom:0}

#avent p.everyday {text-align:left;font-size:2.438em;float:left;width:54%;line-height:35px}
#avent p.everyday sup {color:#e21a2d}
#avent p.everyday strong {display:block;font-weight:700;color:#e21a2d;font-size:1.155em}
#avent p.everyday i {color:#e21a2d;float:right;font-size:3em;margin-top:5px}
#avent p.everyday:hover i {color:#111 !important;}

#avent p.hohoho {display:none;font-weight:700;font-size:1.813em;right:100px;position:absolute}
#avent p.hohoho strong {color:#e21a2d}
#avent p.hohoho span {font-weight:300;display:block;font-size:0.95em}
#avent p.hohoho i  {color:#e21a2d;display:block;font-size:2em}
body.i18n-en #avent p.hohoho,body.i18n-nl #avent p.hohoho {margin-right:65px}

#avent p.cadeaux {margin-left:8%;font-size:3em;text-align:left}
body.i18n-en #avent p.cadeaux, body.i18n-nl #avent p.cadeaux  {margin-left:80px;}
#avent p.cadeaux strong {color:#e21a2d;display:block;font-size:0.8em !important;}
#avent p.cadeaux i {color:#e21a2d;font-size:2em;margin-left:40px;}

#avent p.souhait {font-size:4em !important;width:100% !important;margin:60px 0 0 0;line-height:120%;}
#avent p.souhait strong {display:block;font-weight:700;color:#e21a2d;font-size:1.25em}
#avent p.souhait i {font-size:2.6em;color:#111;margin-right:30px;position:relative;top:50px}

#counter h4 i {font-size:4em;margin-top:-20px;margin-bottom:0px}
/* WRAPPER
------------------------------------------------------------------------------------- */
#container { position:relative; margin:0 auto; padding:0; text-align:left;max-width:920px;margin-top:20px;}

/*gCALENDAR
------------------------------------------------------------------------------------- */
#calendar { background-color:white;padding:20px 5px;border-radius:8px;text-align:center;margin-top:50px;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 40px -30px;
}/* -- Calendar UL */
.component-calendar { margin:0px 0 0 0 !important; }
.component-calendar li {text-align:left; position:relative; width:130px; height:130px; float:left; display:inline; overflow:hidden; list-style:none; color:#fff; z-index:10;border:2px solid #fff;background-color:#eee;padding:0 !important}
.component-calendar .active:hover { box-shadow:0 0 9px #222; -moz-box-shadow:0 0 9px #222; -webkit-box-shadow:0 0 9px #222; }
.component-calendar .remove-css:hover { box-shadow:0 0 0; -moz-box-shadow:0 0 0; -webkit-box-shadow:0 0 0; }
.component-calendar .indent-3 { margin-left:0px; }
.component-calendar a { position:relative; width:100%; height:126px; display:block; color:#fff; cursor:default;text-decoration:none }
.component-calendar a:hover { opacity:.14; text-decoration:none; background:url(/sites/default/files/2025-11/bg-sprite-24.png) no-repeat 0 -126px; }
.component-calendar .active a:hover { opacity:1; background:none; cursor:pointer;background-color:#96C8FF50; }
.component-calendar .active a:hover .day {  }
/* -- 'Day' element */
.component-calendar .day { position:absolute; top:0; left:0; width:100%; height:126px; display:block; font-size:48px;font-family:'Patua One',cursive !important; z-index:20; }
.component-calendar .day strong{ position:absolute; top:0; left:0; padding:29px 10px 0; width:100%; height:126px; color:#231f20 !important;  z-index:20; }
.component-calendar .active a:hover .day strong { background:url('/sites/default/files/2025-11/bg-sprite-24.png') no-repeat 0 0 #e21a2d;border:1px solid #e21a2d;color:white !important }
.component-calendar .day span { position:absolute; top:0; left:0; width:126px; height:126px; opacity:0; z-index:15; -moz-border-radius:5px; border-radius:5px; }
/* -- JS-Enabled 'Fade In/Out' Hover */
.component-calendar .hover { background:none !important; }

/* -- Content Element */
.component-calendar .content { position:relative; margin:0 0 0 100%; width:100%; height:126px; display:block; z-index:30; }
.component-calendar p {position:absolute; top:20px; display:block; font-size:12px;font-weight:500;color:#231f20 !important;letter-spacing:0;text-align:center;width:100%}
.component-calendar small { color:#111; line-height:21px; z-index:40;width:100%;text-align:left;padding-left:10px;font-size:10px;position:relative;top:-5px }
.component-calendar strong { position:absolute; bottom:10px; padding:0; display:block; color:#231f20; }
.component-calendar i {float:right;position:absolute;font-size:2.5em;bottom:0;margin-bottom:5px;color:#111;margin-left:20%;padding:10px; border-radius:8px;background-color:var(--bg-menu)}
/* OVERLAY BOX
------------------------------------------------------------------------------------- */
.component-box { position:absolute; padding:0 0 13px; display:none; background:url(bg-box-arrow.png) no-repeat 0 100%; z-index:100; }
.arrow-left { background-position:20% 100%; }
.arrow-center { background-position:50% 100%; }
.arrow-right { background-position:80% 100%; }
.component-box .inner { position:relative; padding:21px 15px; background:#121212; box-shadow:0 0 9px #121212; -moz-box-shadow:0 0 9px #121212; -webkit-box-shadow:0 0 9px #121212; }
.component-box .close { position:absolute; top:6px; right:5px; width:10px; height:10px; overflow:hidden; background:url('/sites/default/files/2025-11/bg-sprite.png') no-repeat 0 -180px; cursor:pointer; }
.component-box .close span { position:absolute; top:0; left:0; width:10px; height:10px; overflow:hidden; background:url('/sites/default/files/2025-11/bg-sprite.png') no-repeat 0 -180px; cursor:pointer; }
/* -- Overlay Specifics */
#overlay-mask { position:absolute;z-index:999;background-color:#000;display:none;top:0px;left:0px; }
#overlay-main { position:absolute; top:0; left:0; margin:0 auto; text-align:left; background:#d9d9d9 url(/sites/default/files/2025-11/bg-overlay-main.png) repeat-x 0 0; box-shadow:0 0 19px #000; -moz-box-shadow:0 0 19px #000; -webkit-box-shadow:0 0 19px #000; z-index:999999; }
#overlay-body { overflow:hidden; margin:0 auto; padding:15px 30px; background-color:#fff}
#overlay-close { position:absolute; top:10px; right:10px;overflow:hidden;  cursor:pointer; }
#overlay-close span { width:30px; height:30px; display:block; background:url('/sites/default/files/2025-11/bg-sprite.png') no-repeat -6px -203px #FFF; cursor:pointer; }
#overlay-main .right {  padding:10px 0 10px 0; max-width:380px; float:right; display:inline; word-wrap:break-word;text-align:center;}
#overlay-main .right h2:last-child {display:none}
#overlay-main p { margin:0 0 20px;font-size:1.25em;color:#e21a2d;text-align:center; line-height:130%}
#overlay-main p  a {background-color:#e21a2d; padding:10px 20px;text-decoration:none;font-family:'Patua One',cursive !important;border-radius:6px;color:white !important}
#overlay-main p  a:hover {color:#fff;background-color:#111; }
#overlay-main .caption { margin:4px 0 0; }
#overlay-main .gift{margin:0 auto;text-align:center;width:260px;}
#overlay-main p a i {margin-left:10px}
#overlay-body small { font-size: 11px; line-height: 180%; display: inline-block; text-align: justify;}
#calendar span.content p {color:#e21a2d !important;line-height:100%;margin:0}
/* 'DAY' DETAIL
------------------------------------------------------------------------------------- */
#daydetail { margin:0px 0 0; }
.js #daydetail { display:none; }
/* -- List Styles */
#daydetail-list { margin:0 auto; width:450px; }
#daydetail-list li { margin:0 0 25px; list-style:none; }
#daydetail-list .top { margin:8px 0 0; width:100%; text-align:right; }
#daydetail-list p { margin:0 0 7px; }
/* -- Content */
.daydetail-content { padding:10px; width:200px; background:#d9d9d9 url(/sites/default/files/2025-11/bg-overlay-main.png) repeat-x 0 0; }
p.cpromo {border:1px dotted red;text-align:center;padding:6px 10px;margin:20px 0 30px 0 !important;font-family:'Patua One',cursive !important;}
p.cpromo i { font-size:1em !important;position:absolute;margin:25px 0 0 -20px !important;text-align:left !important}
.daydetail-content .left { width:356px; float:left; display:inline; }
.daydetail-content .right { margin-right:27px; padding:19px 0 0; width:200px; float:right; display:inline; }
/* -- Caption */
.caption { margin:4px 0 0; color:#666; }
.caption strong { color:#000; font-size:16px; }
ul.share-buttons {position:fixed;top:60%;z-index:98;margin:0;left:0}
ul.share-buttons li {list-style-type:none;padding:15px;margin:0;text-align:center;margin-bottom:5px;-webkit-transition: background-color 0.5s ease-out;-moz-transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;transition: background-color 0.5s ease-out;}
ul.share-buttons li:hover:first-child {background-color:#3b5998 }
ul.share-buttons li:hover:nth-child(2) {background-color:#55acee}
ul.share-buttons li:hover:nth-child(3) {background-color:#d34836}
ul.share-buttons li:hover:nth-child(4) {background-color:#007ab6}
ul.share-buttons li:hover:last-child {background-color:#111 }
ul.share-buttons li {background-color:white;}
ul.share-buttons li a i {color:#e21a2d;font-size:2em}
ul.share-buttons li:hover a {color:white}
ul.share-buttons li:hover a i {color:white;}
span.small {text-align:center;margin:20px auto !important;width:80%;display:block;font-family:'Patua One',cursive !important;letter-spacing:1px;line-height:160%;color:black;font-size:1em}
span.small a {color:#e21a2d !important}
img.ikneige-calendrier {position:absolute;margin-top:-20px;z-index:99;width:100%;height:60px}
img.ikneige-calendrier-bas {position:absolute;left:60px;margin-top:-35px;z-index:99}
span.ikmois {font-size:5em;color:#ccc;font-family:'Patua One',cursive !important;text-align:right;display:inline-block;width:98%;position:absolute;margin-top:-150px}
span.ikdonoel img {max-width:140px;z-index:-1;position:relative;left:115px}
span.ikdonoel img.sd {max-width:130px;z-index:-1;position:relative;left:120px;}
img.iksmall {max-width: 100px; position: absolute; bottom: 0px;}

@media only screen and (max-width: 930px) {
img.ikneige-calendrier-bas {left:0}
#avent p.souhait {font-size:2em !important}
ul.share-buttons {top:20%}
ul.share-buttons li {padding:3px;font-size:11px}
.component-calendar li {width:16.6%}
.ikmois {display:none !important}
#avent h4 {font-size:2em !important}
#avent h3{font-size:1.5em !important}
.text .val {font-size:3em}
}

@media only screen and (max-width: 820px) {
.component-calendar li {width:20%}
#avent h3 {margin-top:20px}
ul.share-buttons li a i {font-size:1.5em}
}

@media only screen and (max-width: 720px) {
.component-calendar li {width:25%}
}

@media only screen and (max-width: 520px) {
.component-calendar li {width:33.3%}
#overlay-main {scale:0.9}
}