/*
 * iCalendrier "modern" layout (type="modern"), ported from the v2 widget on https://icalendrier.fr/widget/.
 * Everything is scoped under .c-ef__widget and starts with a reset so host themes do not leak in.
 * Icons and the moon sprite are embedded so the layout needs this one file only.
 */
.c-ef__widget,
.c-ef__widget *,
.c-ef__widget *::before,
.c-ef__widget *::after {
    box-sizing: border-box;
}

.c-ef__widget {
    display: block;
    position: relative;
    font-family: Tahoma, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;
    color: #111;
    direction: ltr;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    max-width: none;
    min-width: 0;
    isolation: isolate;
}

.c-ef__widget a {
    color: inherit;
    text-decoration: none;
}

.c-ef__widget img {
    display: block;
    border: 0;
    max-width: none;
    height: auto;
}

.c-ef__widget div,
.c-ef__widget span,
.c-ef__widget a {
    margin: 0;
    padding: 0;
}

/* [class] outranks WordPress theme layout rules such as `.is-layout-constrained > *` (max-width, margins). */
.c-ef__widget[class] {
    min-width: 300px;
    max-width: 400px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 30px 32px 0 rgba(60, 53, 137, 0.06);
}

.c-ef__fulldate[class] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 40px;
    background-image: linear-gradient(65.68deg, #e53b47 0%, #f7963d 100%);
    color: #fff;
    white-space: nowrap;
    position: relative;
}

.c-ef__fulldate > * {
    font-family: Tahoma, sans-serif;
    line-height: 150%;
    font-weight: bold;
    font-size: 20px;
}

.c-ef__fulldate > a {
    font-size: 10px;
    position: absolute;
    bottom: 2px;
    left: 2px;
    color: #fbe0e2;
    line-height: 1;
    font-weight: normal;
}

.c-ef__day {
    font-size: 36px;
}

.c-ef__metadata[class], .c-ef__metadata-icons[class] {
    display: flex;
    justify-content: center;
    padding: 0 16px;
    background: #fff;
}

.c-ef__metadata-icons[class] {
    justify-content: space-around;
    padding-top: 16px;
    padding-bottom: 8px;
}

.c-ef__icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}

.c-ef__icon--cal {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAADFBMVEX///89P42am8TS0uTrvtX8AAAAs0lEQVR42t2VUQvEMAiDTfL///NBH7zbYpU+jdtXWKg1iBa6eCEir1tNBuDXAWBw8MggkQCYa+24swh7pnxnl8/1+ZIxb2UdraZhTWcNyy+nlKcXMlJfnBk0DJwAPNCgQ4NfOQGqww0Djxh42jRaw4MVCN2UbQUV2lZQoX0Pkkr9p3sAmDpX8HHOFVIHgzJBkWrnh6/GEPFnyw3o8qEihu4/UEcB3mne+46owBbGBrFC8TI+eHED9cGqvRQAAAAASUVORK5CYII=");
}

.c-ef__icon--moon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAADFBMVEX///+XmMHU1OU9P4xEb7OfAAAA+0lEQVR42t2TwRKEIAxDTfj/f97ZJVp2HgN6lQsVk4a05XjrkvyM0FrrgXUX335IfYOtmFtfnZlohw9OibQhQGLNkDrGp4m2dhKYL7nDt25VBdOCYWeXB0K8eJ6Zt9NZiQeEuJ93mP6vfywOrhoPUTfwZCgESLjDIVJf+ick+SkzlsFDSIJ7AM+xAwPORlBiuMicYajKP8pUh2N/qYB2ojBaEPhJBc6SC1EtgcRouBDIxuXgFxY2c2iOq+XsSj/wzpG0FvR5ogV8+qg9wD31NDuUXWDiIcvkbAk1NoloQzgEHhMuPCwgWVy1igEDhT3ZzB17siVJlnS8c30AwTkGLHxNml8AAAAASUVORK5CYII=");
}

.c-ef__icon--cheer {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAADFBMVEX///+XmMI+P43T1OVJVra1AAABBElEQVR42t2UQZKEMAwDp6X//3mLjMsVhmiSvW2tDmDAHdkx8PrX4pf5kg4zja+jJJ8BSLyB41ouggEYsQV8EQOocKfKRbY2AAL7OrtJvKllCFw32JVS6kwbQM7b08QLJj4BY2QwUjSLUFGHM8ARgCVh95NlRUzd+27o2EL1iqesJWB9dPnG2vwEaCQDczV9zXoSSGBc7Fh2ErsxDACjoeQwhb2CDbGHjuSH5RK4b+INIE+aCVAA2te1vX0jT7oymfbQs6e/fXF8eJZVJHgOvwzCtINnApaeDsDT2915BrJreDuOAZsAKJQzZB8CVmtXZ2kN2OTJGYRE8M1aAhwD1L/hD+sHUasFNEVHGuQAAAAASUVORK5CYII=");
}

.c-ef__metadata[class] {
    padding-bottom: 16px;
}

.c-ef__metadata > * {
    font-family: Tahoma, sans-serif;
    line-height: 150%;
    font-size: 16px;
}

.c-ef__weeknumber, .c-ef__saint, .c-ef__moonphase {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    padding: 0 8px !important;
    border-left: 1px solid #e1e3ed;
}

.c-ef__weeknumber {
    border-left: none;
}

.c-ef__moonphasechar {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-top: -2px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAAkBAMAAADbS/oRAAAAMFBMVEUAAAA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1STLyxAAAAEHRSTlMAd+7/iCJmzKozVZkRu0TdLxRlLgAAAu1JREFUeAHs0wFklHEcxvHnZXe3297WuzITVLwCJt2ebbfbai4hBGcDQGMAEKUYMQoIZkFAZwHAZQFgXBRBWSRBGoDYjCRJ97+353+/n6AE0Bf4fW6397md4X9/1nhOXm79s5QnyflTsCUnyJmJv5TqPYbqbS+dcS+chZMdLsLJ80ungfKZQwx6tDiBcs51L0d0Mj+xRic7LKpvOqlj5I6TWcBLE1aSmV2EPv+AelkDgIfke8mrIEf0kpBWHlMteMmQOJkFnNQBI+k7Ldtu6o/4NUzsP69t5YhOwmIjYxyUOZkCtiQaFCUnlwAj1zv4VekuivazYmpO1qJokJG9cEs0TyQprtKhkTBIskXyAJBE7/diA6HqEoqu6LNW56BBRkoMSUo5TW0r9fBgiQZJ9H5JpYNYeguh5VUMPvNCXzINspIwJDlG2zknLWBEokGFDId7ExjIVZiWPwLAW50VktMtAB+gQVYqDEnWaFt0kgF4INGgKNPhkJQaMCUHAMrfdQ6xV6cnU3GQlW44JHpRtSR6fSWKBknmwyEZ7cD2BcDxVV3l4t0S/T7Jk3BIxuhrWrkBYDiKBklq4ZB0N2GbBLANVWWvGeDTrhskORkOyRB9ZwvRAYxE0SDJXDgkk3B1W8AzqJTFN3wNbpBkJxySCn0NKxcBpFE0SLIUDsl9uCqrwDfE8uJ/YN0PkuyRjNKlbyGKFqxLNEjSABDlNlyjTaT6cS1opw1zGrlJUoIV+mpRtOBNX3RKdErOw5VsoHoBRXpkJtGgIDol2P9tkERfytO+aIFEp6QBV/IaY2bQz10GW8aH4SC+we+gQRdlgy5R0zLba2Fk+18Y2f4Xeranb8G4G6Ng3I1WMNK56liEUXUsQqs6Bl3lOuiaH2Q30HiJaaCVkN5AG2xNWAoa+ZPxNvIvgCk+WMEgTGwjf7B1gwZpR5GBB6MrzYPRleYhpSv9i8yuNNUHG0IoH2ygfDhmI8pwjDywuJSjYDiGMBgFANAmaH32mB1ZAAAAAElFTkSuQmCC");
    background-size: 144px auto;
    background-position: 0 0;
}

.c-ef__moonphasechar--0 {
    background-position: 0px 0;
}

.c-ef__moonphasechar--1 {
    background-position: -18px 0;
}

.c-ef__moonphasechar--2 {
    background-position: -36px 0;
}

.c-ef__moonphasechar--3 {
    background-position: -54px 0;
}

.c-ef__moonphasechar--4 {
    background-position: -72px 0;
}

.c-ef__moonphasechar--5 {
    background-position: -90px 0;
}

.c-ef__moonphasechar--6 {
    background-position: -108px 0;
}

.c-ef__moonphasechar--7 {
    background-position: -126px 0;
}