@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin');
@import url("https://use.typekit.net/gur7ewp.css");:root {--main-font-family: Libre Franklin;--main-font-size: 12px;--main-bg: #ffffff;--main-color: #ed1b2f;--second-bg: #ed1b2f;--third-bg: #91171a;--second-color: #ed1b2f;--white: #ffffff;--header-home-background-color: #ed1b2f;--btn-transparent-color: #ed1b2f;--btn-transparent-hover-color: #ffffff;--btn-default-background: #ed1b2f;--btn-default-color: #ffffff;--btn-default-border-color: #c32026;--btn-default-border-size: 2px;--btn-default-border-radius: 48px;--btn-default-margin-x: 0px;--btn-default-margin-y: 8px;--btn-default-padding-x: 16px;--btn-default-padding-y: 16px;--btn-default-hover-background: #ffffff;--btn-default-hover-color: #ed1b2f;--btn-default-hover-boder-color: #000000;--btn-primary-background: #ed1b2f;--btn-primary-color: #ffffff;--btn-primary-border-color: #ed1b2f;--btn-primary-border-size: 2px;--btn-primary-border-radius: 48px;--btn-primary-margin-x: 0px;--btn-primary-margin-y: 8px;--btn-primary-padding-x: 16px;--btn-primary-padding-y: 16px;--btn-primary-hover-background: #ffffff;--btn-primary-hover-color: #e30613;--btn-primary-hover-boder-color: #000000;}



h1 {
    font-family: "hey-eloise", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size:5rem;
    text-transform:uppercase;
}

h1, h2 {
    color:#ed1b2f;
}


body {
    color:var(--second-color);
}

body > header {
    background:var(--third-bg)!important;
}

body.page-home, body.page-main, body.page-main {
    background:var(--header-home-background-color);
}

body > header.home:before, body > header.main:before {
    top:0;
    height:250px;
    background-size: contain;
    background-position: top, center;
    background-image: url('/custom/carrefourdunord/pn-fond-rouge.png'), url('/custom/carrefourdunord/canne-svg.svg');
}

body > header.login:before, body.page-register > header.home:before, body.page-surveys-index > header.children:before {
    top:0;
    height:250px;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url('/custom/carrefourdunord/pn-fond-rouge.png');
}

body > header.children:before {
    height:230px;
    background-image: url('/custom/carrefourdunord/header-children.png');
}

body > header.schedules:before {
    background:none;
}

body > header.schedules > div {
    height:200px;
    background-image: url('/custom/carrefourdunord/header-schedules.png');
}

body.page-me-edit > header.home:before, body.page-transactions-index > header.children:before {
    height: 230px;
    top: 30px;
    background-image: url('/custom/carrefourdunord/header-me.png');
}

body > header.video:before, body > header.photo:before {
    height:200px;
    background-image: url('/custom/carrefourdunord/header-photo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center;
    top:40px;
}

body > header.login > div {
    background:none;
}

.child, .schedule, .form-control {
    border-style:dotted;
    border-color:var(--btn-primary-background);
}

.form-control::placeholder {
    color:var(--second-color);
}

.form-control {
    color:var(--btn-primary-background);
}

.child .col-8, .schedule .col-8 {
    font-weight:bold;
    font-size: 1.5rem;
}

.child, .schedule, .child .btn-transparent, .schedule .btn-transparent {
    color: var(--btn-primary-background);
}

.child:hover, .schedule:hover {
    border-color: var(--third-bg);
    background-color: var(--white);
}

.child:hover, .schedule:hover, .child:hover .btn-transparent, .schedule:hover .btn-transparent {
    color: var(--third-bg);
}

.menu.irl {
    font-size:1.5rem;
    font-weight:bold;
}

.btn-primary, .btn-default {
    border:3px solid transparent;
}

.btn-primary:hover, .btn-default:hover {
    border:3px solid #ed1b2f;
}

#window_loading {
    background-image:url('/custom/carrefourdunord/loading-background.png');
}

#window_loading .progress-bar {
    background-image: url('/custom/carrefourdunord/loading-bar.svg');
}

#window_loading .progress-bar .progress-infinite {
    background-size:85% auto;
    width:245px;
    height:100px;
}

footer a { 
    color: var(--white);
}

.menu.irl a, body.page-main .container-small a {
 background: white;
 color:var(--main-color);
}

.container-small > img {
    margin-bottom:1rem;
}

p#countdown,body > section > h2 > span {color: white; }