.card-zu {
    width: 100%;
    height: 100%;
    position: absolute;
}

.card-zu.show {
    z-index: 100;
}

.card-bg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;
}

.card-bg.hide {
    opacity: 0;
}

.flipbook {
    margin: 0 auto;
}

.flipbook .flipbook-container img.page.fixed {
    background-color: #ffffff;
}


/*--------------------------- 
Add Plugin Front-End CSS here 
---------------------------*/

html {
    height: 100%;
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

.zu-content {
    height: 100%;
}

.zedity-wrapper {
    z-index: 10000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

.zedity-editor {
    height: 100% !important;
    width: 100% !important;
}

.zedity-editor {
    overflow-y: initial !important;
    overflow-x: hidden;
}

.zedity-editor .zedibox-closer {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    display: none;
    position: absolute;
    transition: opacity 800ms ease-in-out;
    -webkit-transition: opacity 800ms ease-in;
    -moz-transition: opacity 800ms ease-in-out;
    -o-transition: opacity 800ms ease-in-out;
}

.zedity-editor .zedibox-closer.show {
    opacity: 0.4;
    z-index: 999;
    cursor: zoom-out;
    display: block;
}

.zedity-box {
    z-index: 1000;
}

body.logged-in:not(.subscription-on-hold) .zedity-box:not(.zedity-box-Color):not(.zoomed):not(.zedity-box-Draw):not(.zedity-box-Text):not([data-nozoom="true"]) {
    cursor: zoom-in;
}

body.subscription-on-hold .zedity-box.element-free:not(.zedity-box-Color):not(.zoomed):not(.zedity-box-Draw):not(.zedity-box-Text):not([data-nozoom="true"]),
body.subscription-on-hold .zedity-box.zedity-box-Post,
body:not(.logged-in) .zedity-box.element-free:not(.zedity-box-Color):not(.zoomed):not(.zedity-box-Draw):not(.zedity-box-Text):not([data-nozoom="true"]),
body:not(.logged-in) .zedity-box.zedity-box-Post {
    cursor: zoom-in;
}

.zedity-box[data-nozoom="true"],
.zedity-box[data-nozoom="true"] a {
    cursor: default;
}

.zedity-box {
    transition: all 200ms ease-in 0s;
    -webkit-transition: all 200ms ease-in 0s;
    -moz-transition: all 200ms ease-in 0s;
    -o-transition: all 200ms ease-in 0s;
}

.zedity-box {
    opacity: 0;
}

.zedity-box.nopublished {
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    display: none !important;
}

.zedity-box.published {
    opacity: 1;
    transition: all 0.5s east-in;
}

.zedity-box.zedity-box-Text,
.zedity-box.zedity-box-Draw,
.zedity-box.zedity-box-Color,
.zedity-box.zedity-box-Document,
.zedity-box.zedity-box-Audio {
    opacity: 1;
}

.zedity-box.nopublished>.hider {
    cursor: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.nopublished>div:not(.hider) {
    display: none;
}

.zedity-box.nopublished>.hider span {
    display: none;
    font-family: 'League Spartan', sans-serif;
    background-color: #aaabac;
    width: 62%;
    max-width: 88px;
    /*height: 76%;max-height: 88px;*/
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    font-size: 2rem;
    font-weight: 700;
    color: white;
    align-items: center;
    justify-content: center;
    padding-top: 6px;
}

.zedity-box .zedity-content article p {
    height: auto !important;
    width: auto !important;
}

.zedity-box.zedity-box-Simple-Image a {
    pointer-events: none;
}

.zedity-box.zedity-box-Simple-Image div.card-info a {
    pointer-events: auto;
}

.zedity-box .click-to-flip {
    z-index: 10;
    display: none;
}

.zedity-box.zedity-box-Post.zoom .zedity-content article {
    padding: 56px 18px 38px 25px;
    height: 100%;
}

.zedity-box.zedity-box-Post.zoom .zedity-content article.without_sidebar {
    padding: 15px 0;
}

.zedity-box.zedity-box-Post.zoom .zedity-content {
    transition: opacity 200ms ease-in-out 0ms;
    -webkit-transition: opacity 200ms ease-in 0ms;
    -moz-transition: opacity 200ms ease-in-out 0ms;
    -o-transition: opacity 200ms ease-in-out 0ms;
}

.zedity-box.zedity-box-Post .zedity-content.hide {
    opacity: 0;
}

.zedity-box.zedity-box-Post.zoom .zedity-content.show {
    opacity: 1;
}

.zedity-box.zedity-box-Post:not(.zoom) {
    padding: 15px 5px;
}

.zedity-box.zedity-box-Post:not(.zoom) .zedity-content {
    overflow: hidden !important;
}

.zedity-box.zedity-box-Post:not(.zoom) .zedity-content.content-post {
    max-width: 100%;
    flex: 0 0 100%;
}

.zedity-box .loader-back {
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
}

.zedity-box .loader-back.show {
    opacity: 1;
    z-index: 1000;
}

.zedity-box .card-back {
    height: 100%;
    width: 100%;
    position: absolute;
    transition: opacity 200ms ease-in-out 0ms;
    -webkit-transition: opacity 200ms ease-in 0ms;
    -moz-transition: opacity 200ms ease-in-out 0ms;
    -o-transition: opacity 200ms ease-in-out 0ms;
    opacity: 0;
}

.zedity-box .card-back.show {
    opacity: 1;
    z-index: 1000;
}

.zedity-box .card-back>article,
.zedity-box .card-back .entry-content,
.zedity-box .card-back .entry-content:not(.post_with_header)>div:not,
.zedity-box .card-back .entry-content>div>div,
.zedity-box .card-back .content-post {
    height: 100%;
}

body:not(.logged-in) .zedity-box.zedity-box-Post.zoom .content-post .post-content::after,
body.subscription-on-hold .zedity-box.zedity-box-Post.zoom .content-post .post-content::after {
    position: absolute;
    content: "";
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    pointer-events: none;
}

body:not(.logged-in) .zedity-box.zedity-box-Post.zoom.element-free .content-post .post-content::after,
body.subscription-on-hold .zedity-box.zedity-box-Post.zoom.element-free .content-post .post-content::after {
    content: "";
    display: none;
}

.zedity-box div.zedibox-close {
    position: absolute;
    top: 2%;
    left: 2%;
    width: 25px;
    height: 25px;
    background-image: url(../img/x-lg.svg);
    background-size: cover;
    cursor: pointer;
    z-index: 1103;
    opacity: 0;
    transition: opacity 0.5s ease-in-out 0s;
    -webkit-transition: opacity 0.5s ease-in-out 0s;
    -moz-transition: opacity 0.5s ease-in-out 0s;
    -o-transition: opacity 0.5s ease-in-out 0s
}

.zedity-box:not(.flip) div.zedibox-close.background--dark {
    background-image: url(../img/x-lg-white.svg);
}


.zedity-box div.zedibox-turn {
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 1103;
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: transparent url(../img/Page-curl-D.png);
    transform: scale(0);
    transform: translate(60px, -60px);
}


.zedity-box.flip div.zedibox-turn {
    opacity: 0;
    left: 0;
    transform: scale(1) translate(-15px, -15px) rotate(-90deg);
}

.zedity-box.flip:hover div.zedibox-turn {
    opacity: 1;
    transition-delay: 0s;
    transform: scale(1) translate(0px, 0px) rotate(-90deg);
}

.zedity-box.zoom:not(.flip) div.zedibox-turn {}

.zedity-box.zoom.zoomed:not(.flip):hover div.zedibox-turn:hover {
    transform: scale(1.3) translate(-7px, 7px);
    transition-delay: 0s;
}

.zedity-box.zoom.flip div.zedibox-turn:hover {
    transform: scale(1.3) translate(7px, 7px) rotate(-90deg);
    transition-delay: 0s;
}

.zedity-box.zoom .card-zu.turn div.zedibox-turn {
    transform: scale(0);
    display: none;
}

div.card-info {
    position: absolute;
    z-index: 100;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: white;
    opacity: 0;
    padding: 8px 8px 9px;
    transition: opacity 0.2s ease-in-out 0s;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -o-transition: opacity 0.2s ease-in-out 0s;
}

/* body:not(.logged-in) .zedity-box.zedity-box-Post:not(.zoomed) div.card-info,
body:not(.logged-in) .zedity-box.zedity-box-Image div.card-info,
body:not(.logged-in) .zedity-box.zedity-box-Post.element-free div.card-info,
body.subscription-on-hold .zedity-box.zedity-box-Post:not(.zoomed) div.card-info,
body.subscription-on-hold .zedity-box.zedity-box-Image div.card-info,
body.subscription-on-hold .zedity-box.zedity-box-Post.element-free div.card-info {
    display: none;
} */

.zedity-box div.not-connected h2 {
    padding: 0px;
    margin-bottom: 20px;
    font: normal normal 800 30px/34px Open Sans;
}

.zedity-box div.not-connected .row-subscribe {
    margin-top: 15px;
}

.zedity-box div.not-connected .row-subscribe .already-subscribed {
    font: normal normal normal 14px/32px Open Sans;
    color: #202529;
}

.zedity-box div.not-connected .row-subscribe span::before {
    content: none;
}

.zedity-box div.not-connected .row-subscribe .already-subscribed .se-connecter-modal {
    cursor: pointer;
    text-decoration: underline;
}

body:not(.logged-in) .zedity-box.zedity-box-Post.zoom div.card-info,
body.subscription-on-hold .zedity-box.zedity-box-Post.zoom div.card-info {
    opacity: 1;
    /* padding-top: 22px; */
    border: 1px solid rgba(0, 0, 0, .1);
}

div.card-info .btn-nav-card {
    display: block;
    width: 22px;
    height: 22px;
    background-image: url(../img/arrow-left.svg);
    background-color: #009EE4;
    background-repeat: no-repeat;
    background-position: center;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-size: 18px;
    cursor: pointer;
}

div.card-info .btn-nav-card.btn-prec {
    float: left;
}

div.card-info .btn-nav-card.btn-next {
    background-image: url(../img/arrow-right.svg);
    float: right;
}


.zedity-box.zoom {

    animation: animation-zoom 200ms ease-in;
    background-image: none !important;
    -ms-transform: rotate(0deg) !important;
    ;
    -webkit-transform: rotate(0deg) !important;
    ;
    transform: rotate(0deg) !important;
    cursor: auto;
    z-index: 1000 !important;
    right: 0;
    top: 50% !important;
    left: 49% !important;
    box-shadow: none !important;
    border: none !important;
    padding: inherit !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    background-color: inherit !important;

    width: 1040px !important;
    height: 694px !important;
    margin-left: -42% !important;
    margin-top: -347px !important;

}

@media only screen and (max-width: 1140px) {
    .zedity-box.zoom {
        width: 944px !important;
        height: 630px !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        left: 4% !important;
        top: 3% !important;
    }

    .zedity-box.zoom .zedity-content {
        height: 100% !important;
    }
}



.zedity-box.zoom .zedity-content {
    border-radius: 0 !important;
    position: relative;

}

.zedity-box.norotation {
    transform: rotate(0deg);
}

.zedity-box.animation-gazette-next {
    z-index: 1100 !important;

    -webkit-transform: translateX(-120%) !important;
    transform: translateX(-120%) !important;
    -webkit-animation: animation-gazette-next 200ms ease-in;
    animation: animation-gazette-next 200ms ease-in;
}

.zedity-box.animation-gazette-prev {
    z-index: 1100 !important;

    -webkit-transform: translateX(120%) !important;
    transform: translateX(120%) !important;
    -webkit-animation: animation-gazette-prev 200ms ease-in;
    animation: animation-gazette-prev 200ms ease-in;
}

.zedity-box.zedity-box-Simple-Image.zoom[data-bgwhitezoom=true] .zedity-content,
.zedity-box.zedity-box-Post.zoom .zedity-content {
    background-color: #fff;
}

.zedity-box.zedity-box-Simple-Image img {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.zedity-box.zedity-box-Simple-Image img.img-horizontal,
.zedity-box.zedity-box-Simple-Image img.img-vertical {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.zedity-box.zedity-box-Simple-Image.zoom img.img-horizontal,
.zedity-box.zedity-box-Simple-Image.zoom img.img-vertical {
    /* padding: 1rem !important; */
}

.zedity-box.underzoom {
    cursor: default;
    opacity: 0.4;
}

.zedity-box.underzoom .zedibox-close {
    cursor: default;
}

.zedity-box.zoom.zoomed:hover div.zedibox-close {
    opacity: 1;
}

.zedity-box.zoom.zoomed:not(.flip):hover div.zedibox-turn {
    opacity: 1;
    transform: scale(1) translate(0px, 0px);
}

.zedity-box.zoom.zoomed:not(.flip):hover div.card-info,
.zedity-box.zoom.zoomed.boxhover:not(.flip) div.card-info,
.modal .modal-dialog:hover .modal-content div.card-info {
    opacity: 1;
}

.zedity-box.zoom.zoomed.boxhover:not(.tablethover) div.card-info,
.zedity-box.zoom.zoomed.boxhover:not(.tablethover) div.zedibox-turn {
    opacity: 0;
}

.zedity-box.close-zoom {
    /*animation: 200ms ease-in forwards animation-zoom;*/
}


.zedity-box div.zedibox-switch {
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    width: 130px;
    height: 130px;
    background: transparent url(../img/pageflip-white.png);
    cursor: pointer;
    transform: scale(0);
    transform: translate(130px, -130px);
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s
}

.zedity-box.zoom div.zedibox-switch {
    display: block;
}

.zedity-box.zoom div.zedibox-switch {
    transform: scale(0.67) translate(32.5px, -32.5px);
    transition-delay: 0.5s;
}


.zedity-box.zoom div.zedibox-switch:hover {
    transform: scale(1) translate(0px, 0px);
    transition-delay: 0s;
}

.zedity-box.zoom .card-zu.switch div.zedibox-switch {
    transform: scale(0);
    display: none;
}

.zedity-editor .grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}

.zedity-editor .grid .grid-col {
    width: 31.333%;
    margin: 0 1%;
}

.zedity-editor .grid .grid-item {
    margin: 20px 0;
}


/*---------------------------
Animation Classes 
---------------------------*/

@keyframes animation-zoom {
    100% {}
}

@keyframes animation-gazette-next {
    100% {}
}

@keyframes animation-gazette-prev {

    100% {}
}

/*--------------------------- 
Responsive CSS here 
*
*   Remember these queries are a good start
*   but media queries go much deeper than this.
*
---------------------------*/
/*
Medium/Large Screens 
*/
@media only screen and (max-width: 1430px) {}

/*
Medium Screens 
*/
@media only screen and (max-width: 1280px) {}

/*
Large Tablet Screens 
*/
@media only screen and (max-width: 980px) {}

/*
Medium Tablet Screens 
*/
@media only screen and (min-width: 768px) {

    .zedity-box.zedity-box-Image[data-nozoom="false"]:not(.zedity-box-Simple-Image) .zedity-content>img {
        display: none;
    }

    .zedity-box.zedity-box-Image:not(.zoom.zoomed) .zedity-content a {
        display: none;
    }

    body:not(.logged-in) .zedity-box:not(.element-free):not(.zedity-box-Color):not(.zoomed):not(.zedity-box-Draw):not(.zedity-box-Text):not([data-nozoom="true"]),
    body.subscription-on-hold .zedity-box:not(.element-free):not(.zedity-box-Color):not(.zoomed):not(.zedity-box-Draw):not(.zedity-box-Text):not([data-nozoom="true"]) {
        filter: grayscale(70%);
    }

}

/*
Small Tablet/Largest Phone Screens 
*/
@media only screen and (max-width: 767px) {

    body:not(.logged-in) .zedity-box:not(.element-free):not(.zedity-box-Color):not(.zoomed):not(.zedity-box-Draw):not(.zedity-box-Text):not([data-nozoom="true"]),
    body.subscription-on-hold .zedity-box:not(.element-free):not(.zedity-box-Color):not(.zoomed):not(.zedity-box-Draw):not(.zedity-box-Text):not([data-nozoom="true"]) {
        opacity: 0.6;
    }

    .zedity-box.nopublished {
        display: flex !important;
        opacity: 1;
        height: 100%;
    }

    .zedity-box.nopublished>.hider {
        background-color: #DDDDDD;
    }

    .zedity-box.nopublished>.hider span {
        display: flex;
    }
}

/*
Large Phone Screens 
*/
@media only screen and (max-width: 420px) {}

/*
Medium Phone Screens 
*/
@media only screen and (max-width: 380px) {}

/*
Small Phone / Apple Watch Screens 
*/
@media only screen and (max-width: 320px) {}