/*
*
* POP UP BOTTOM
*
*/
#pop-up-bot .close{
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 1.125rem;
    height: 1.125rem;
    cursor: pointer;
}
#pop-up-bot .close div{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.125rem;
    background-color: var(--wp--preset--color--white);
    transform: rotate(45deg);
    transform-origin: center;
}
#pop-up-bot .close div:last-of-type{
    transform: rotate(-45deg);
}
.popupbot{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
}

.popupbot__main{
    position: relative;
    width: 100%;
    max-width: 60.625rem;
    background-color:  var(--wp--preset--color--dark);
    color:  var(--wp--preset--color--white);
    text-align: center;
    padding: 5.625rem 1.25rem 2.5rem 1.25rem;
    max-height: 100%;
    overflow: auto;
}
.popupbot__logo-site{
    opacity: .3;
    margin: auto;
}

@media (max-width: 47.9375rem) {
    .popupbot__main{
        padding: 1.875rem 1.25rem 3.125rem 1.25rem;
    }
    .popupbot__row{
        display: block;
    }
    .popupbot__advantage--border{
        border-right: none;
        border-left: none;
        margin: 0.25rem 0;
    }
    .popupbot__text{
        margin-bottom: 1.875rem;
    }
    .popupbot__advantage{
        font-size: 0.8125rem;
        padding: 0;
    }
    .popupbot__logo-site{
        display: none;
    }
}


/*
*
* POP UP ADBLOCK
*
*/

.adblock{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
}

.adblock__main{
    width: 100%;
    max-width: 60.625rem;
    background-color:  var(--wp--preset--color--primary);
    color:  var(--wp--preset--color--white);
    text-align: center;
    padding: 2.5rem 1.25rem 2.5rem 1.25rem;
    max-height: 100%;
    overflow: auto;
}
.adblock__logo{
    margin: auto;
    margin-bottom: 1.875rem;
}
.adblock__title{
    margin-bottom: 1.875rem;
    text-transform: uppercase;
    color:  var(--wp--preset--color--white);
}
.adblock__text{
    color:  var(--wp--preset--color--white);
    font-size: 0.875rem;
    line-height: 1.25rem;
    max-width: 37.5rem;
    margin: auto;
    margin-bottom: 3.125rem;
    text-align: center;
}
.adblock__row{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.875rem;
}
.adblock__advantage{
    color:  var(--wp--preset--color--white);
    padding: 0.25rem 1.875rem;
    font-weight: bold;
}
.adblock__advantage--border{
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
}
.adblock__cta{
    margin-bottom: 1.875rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.adblock__logo-site{
    opacity: .3;
    margin: auto;
}

@media (max-width: 47.9375rem) {
    .adblock__main{
        padding: 3.75rem 1.25rem;
    }
    .adblock__row{
        display: block;
    }
    .adblock__advantage--border{
        border-right: none;
        border-left: none;
        margin: 0.25rem 0;
    }
    .adblock__text{
        margin-bottom: 1.875rem;
    }
    .adblock__advantage{
        font-size: 0.8125rem;
        padding: 0;
    }
}

/**
 *
 * Parts : New section abonnement page single post
 *
**/

.post-donation{
    background-color:  var(--wp--preset--color--donation);
    color:  var(--wp--preset--color--white);
    padding: 1.875rem;
    text-align: center;
    margin-bottom: 1.875rem;
}
.post-donation__text{
    margin-bottom: 1.875rem;
    line-height: 1.625rem;
}

@media (max-width: 47.9375rem) {
    .post-donation{
        padding: 1.25rem;
    }
    .post-donation__text{
        margin-bottom: 1.5rem;
        font-size: 1rem;
        line-height: 1.25rem;
    }
}


/**
 *
 * Parts : top-divider
 *
**/

#top-divider{
    padding-bottom: 1.5rem;
    background-color: var(--wp--preset--color--primary);
    background-image: linear-gradient(
        90deg, 
        var(--wp--preset--color--primary), 
        var(--wp--preset--color--primary-light));
}

@media (max-width: 47.9375rem) {
    #top-divider{
        display: none;
    }
}


/**
 *
 * Parts : modules block
 * Template : modules
 * Block containing bottom modules
 *
**/

#modules-bottom {
    background-color: #F5F5F5;
    padding: 0.3125rem; /* 5px */
    padding-bottom: 0;
    margin-bottom: 1.25rem; /* 20px */
    overflow: hidden;
}

#modules-bottom .container {
    padding: 1.25rem; /* 20px */
    padding-bottom: 0;
}

@media (max-width: 47.9375rem) {
	#modules-bottom {
        padding: 0.3125rem 0; /* 5px */
    }
    
    #modules-bottom .container {
        padding: 0; /* 20px */
    }
}

/**
 *
 * Parts : sub-header
 * Template : sub-header
 * Block displayed on top of the content
 *
**/
#subheader{
    background: var(--wp--preset--color--light-grey);
    padding-bottom: 2.5rem;
   /* min-height: 12.5rem; /* 200px */
    display: flex;
    align-items: center;
}

#subheader .toptitle {
    font-weight: 500;
    font-size: 1.25rem;
    text-align: center;
    color: var(--wp--preset--color--dark);
}

#subheader .title {
    font-weight: 700;
    font-size: 3.375rem;
    line-height: 1.3em;
    text-align: center;
    color: var(--wp--preset--color--primary);
    text-align: center;
    margin: 1rem 0;
}

#subheader .subtitle {
    font-weight: 500;
    font-size: 1.25rem;
    text-align: center;
    color: var(--wp--preset--color--dark);
}

@media (max-width:47.9375rem){
    #subheader{
        padding-top: 2.5rem;
        min-height: unset;
    }
    #subheader .title {
        font-size: 2rem;
        margin: 0;
    }
    
}

/**
 *
 * Parts : user-sub-header
 * Template : user-sub-header
 * Block displayed on top of the user pages
 *
**/
#user-subheader{
    background-color: linear-gradient(#002e98 0%, #0553d2 100%);
    background-image: url(/wp-content/themes/air-journal-2021/imgs/user/header-user-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    margin-bottom: 0; /* 50px */
    min-height: 15rem; /* 240px */
    display: flex;
    align-items: center;
}

#user-subheader .toptitle {
    font-weight: 500;
    font-size: 1.25rem;
    text-align: center;
    color: #fff;
}

#user-subheader .title {
    font-weight: 700;
    font-size: 3.375rem;
    line-height: 1.3em;
    text-align: center;
    color: #fff;
    text-align: center;
    margin: 1rem 0;
}

@media (max-width: 47.9375rem) {
    #user-subheader .title {
        font-size: 2rem;
    }
    #user-subheader .user-header-icon img{
        width: 2.1875rem;
    }
}

#user-subheader .subtitle {
    font-weight: 500;
    font-size: 1.25rem;
    text-align: center;
    color: #fff;
}


/**
 *
 * Parts : donation
 *
**/
/**
 *
 * Parts : donation
 *
**/

.donation{
    margin-bottom: 1.25rem;
    width: 100%;
    background-color: var(--wp--preset--color--donation);
    color: var(--wp--preset--color--dark);
    padding: 1.875rem;
}
.donation__title{
    color: var(--wp--preset--color--dark);
    font-weight: 700;
    text-align: center;
    line-height: 1.875em;
    margin-bottom: 2.25rem;
}
.donation__message{
    margin: 0 auto 1.875rem auto;
    text-align: center;
    max-width: 13.5rem;
    font-size: 1.125rem;
    color: var(--wp--preset--color--dark);
}
.donation__logo{
    margin: 0 auto 0.625rem auto;
    opacity: .5;
}
.donation__cta{
    text-align: center;
    margin-bottom: 1.5rem;
}
@media (max-width:47.9375rem){
    #donation{
        padding: 1.25rem;
        margin-bottom: 0;
    }
    .donation__title{
        color: var(--wp--preset--color--white);
        margin-bottom: 1.875rem;
        line-height: 1em;
    }
    .donation__message{
        text-align: center;
        max-width: 100%;
        line-height: 1.625rem;
        font-size: 1rem;
    }
    .donation__cta{
        text-align: center;
        margin-bottom: 1.875rem;
    }
    .donation__logo{
        margin: 0 auto 0 auto;
        opacity: .5;
    }

}
/**
 *
 * Parts : loop
 *
**/

#loop-container>div{
    padding-bottom: 2rem;
}
#loop-container>div:nth-of-type(2n+1){
    padding-right: 0.625rem; /* 10px */
}
#loop-container>div:nth-of-type(2n){
    padding-left: 0.625rem; /* 10px */
}
@media (max-width: 47.9375rem){
    #loop-container>div:nth-of-type(2n){
        padding-left: 0;
    }
    #loop-container>div:nth-of-type(2n+1){
        padding-right: 0; /* 10px */
    }
}

.wp-pagenavi{
    text-align: center;
    font-weight: 700;
    font-size: 1.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp-pagenavi .current{
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    margin: 0 .5rem;
}
.wp-pagenavi .page{
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--wp--preset--color--primary);
    margin: 0 .5rem;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
    display: inline-block;
    font-size: 0;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    margin: 0 .5rem;
    background-image: url(/wp-content/themes/air-journal-2021/imgs/chevron-left.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.wp-pagenavi .nextpostslink{
    background-image: url(/wp-content/themes/air-journal-2021/imgs/chevron-right.svg);
}


/**
 *
 * Parts : article
 * Article en colonne
 *
**/
article.column-article{
    border-bottom: solid 0.0625rem /* 1px */ var(--wp--preset--color--light);
    height: 100%;
}
article.column-article .vignette{
    margin-bottom: 0.625rem;
}
article.column-article .vignette img{
    width: 100%;
}
article.column-article .category{
    margin-bottom: auto;
}
article.column-article .post-categories{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.625rem;
}
article.column-article .post-categories li{
    padding: 0 0.5rem;
    border-left: solid 0.0625rem /* 1px */ var(--wp--preset--color--light);
    list-style-type: none;
}
article.column-article .post-categories li:first-of-type{
    padding-left: 0;
    border-left: none;
}
article.column-article .post-categories li a{
    color: var(--wp--preset--color--primary);
    line-height: 1.25rem;
}
article.column-article .post-categories li a:hover{
    text-decoration: underline;
}
article.column-article .title-container .title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3; 
    -webkit-box-orient: vertical;
    line-height: 1.25em;
    min-height: 3.75em;
    margin-bottom: 0.625rem;
}
article.column-article .title-container .title:hover{
    text-decoration: underline;
}
article.column-article .date{
    font-weight: 300;
}
article.column-article .date .post-author{
    font-style: italic;
}
article.column-article .comments{
    text-align: right;
}
article.column-article .comments a{
    text-decoration: underline;
    text-align: right;
}
article.column-article .excerpt{
    margin: 1.25rem 0;
}
article.column-article .excerpt p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3; 
    -webkit-box-orient: vertical;
    color: var(--wp--preset--color--grey);
    font-size: inherit;
    line-height: 1.6em;
}
article.column-article .cta-read{
    text-transform: uppercase;
    color: var(--wp--preset--color--white);
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.625rem;
    background-color: var(--wp--preset--color--secondary);
    width: fit-content;
    padding: 0.25rem 1.25rem;
    line-height: 1.3125rem;
}
@media (max-width: 47.9375rem) {
    article.column-article .cta-read{
        margin-top: 0.9375rem;
    }
}
article.column-article .cta-read:hover{
    text-decoration: underline;
}
article.column-article .cta-read img{
    margin-left: 0.40rem;
    width: 0.625rem;
    height: 0.625rem;
    display: block;
    filter: brightness(0) invert(1);
}

/**
 *
 * Parts : last post
 *
**/
#blog-last-post article{
    border-bottom: none;
    background: var(--wp--preset--color--white-2);
    margin-bottom: 1.75rem;
}
#blog-last-post article .meta{
    padding: 1.25rem;
}
#blog-last-post article .vignette{
    margin-bottom: 0;
}

/**
 *
 * Parts : article
 * Article en ligne
 *
**/
article.line-article{
    border-bottom: solid 0.0625rem /* 1px */ var(--wp--preset--color--light);
    height: 100%;
}
article.line-article .g {
    align-items: center;
}
article.line-article .vignette{
    margin-right: 0.725rem;
    margin-top: -0.5rem; /* -8px */
}
article.line-article .vignette img{
    width: 100%;
}
article.line-article .category{
    margin-bottom: auto;
}
article.line-article .post-categories{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.625rem;
}
article.line-article .post-categories li{
    padding: 0 1rem;
    border-left: solid 0.0625rem /* 1px */ var(--wp--preset--color--light);
    list-style-type: none;
}
article.line-article .post-categories li:first-of-type{
    padding-left: 0;
    border-left: none;
}
article.line-article .post-categories li a{
    color: var(--wp--preset--color--primary);
    line-height: 1.25rem;
}
article.line-article .post-categories li a:hover{
    text-decoration: underline;
}
article.line-article .title-container .title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
    line-height: 1.25em;
    min-height: 1.75em;
    margin-bottom: 0.225rem;
    text-transform: none;
}
article.line-article .title-container .title:hover{
    text-decoration: underline;
}
article.line-article .date{
    font-weight: 300;
}
article.line-article .date .post-author{
    font-style: italic;
}
article.line-article .comments a{
    text-decoration: underline;
}
article.line-article .excerpt{
    margin: 0.6rem 0 1.6rem 0;
}
article.line-article .excerpt p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
    color: var(--wp--preset--color--grey);
    font-size: inherit;
    line-height: 1.3em;
}

article.line-article .cta-read{
    text-transform: uppercase;
    color: var(--wp--preset--color--white);
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.625rem;
    background-color: var(--wp--preset--color--secondary);
    width: fit-content;
    padding: 0.25rem 1.25rem;
    line-height: 1.3125rem;
}
article.line-article .cta-read:hover{
    text-decoration: underline;
}
article.line-article .cta-read img{
    margin-left: 0.40rem;
    width: 0.625rem;
    height: 0.625rem;
    display: block;
    filter: brightness(0) invert(1);
}
@media (max-width: 35.4375rem){
    article.line-article .title-container .title{
        margin-bottom: 1rem;
    }
}
/**
 *
 * Parts : subscription block
 * Template : blocks/block-subscription 
 * Block abonnement full width
 *
**/


.block-subscription {
    margin-bottom: 2.5rem; /* 40px */
    background: var(--wp--preset--color--dark);
    color: var(--wp--preset--color--white);
    padding: 1.875rem;
}

.block-subscription__title{
    text-align: center;
    font-family: Inter;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin-bottom: 2.5rem;
}

.block-subscription__row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.5rem;
    margin-bottom: 2.5rem;
}

.block-subscription__card {
    text-align: center;
}
.block-subscription__card-line {
    display: block;
    margin: 0 auto 1.25rem auto;
}
.block-subscription__card-content {
    max-width: 15rem;
    margin: auto;
    margin-top: 1.875rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--wp--preset--color--white);
}

.block-subscription__cta {
    text-align: center;
}

@media (max-width: 47.9375rem) {
	.block-subscription{
        padding: 1.875rem 1.25rem;
    }
    .block-subscription__card-content {
        display: none;
    }
    .block-subscription__card-title{
        font-size: 0.8125rem;
    }
    .block-subscription__card-line {
        width: 1.875rem;
        height: 0.1875rem;
        margin-bottom: 1.25rem;
    }
    .block-subscription__card-line rect {
        height: 0.1875rem;
    }
    .block-subscription__row {
        gap: 1.25rem;
    }
}
.block-subscription--popup {
    margin-bottom: 1.875rem;
    padding: 0;
}
@media (max-width: 47.9375rem) {
    .block-subscription--popup {
        margin-bottom: 0;
    }
}
@media (max-width: 22.5rem) {
    .block-subscription__card-title{
        font-size: 10px;
        line-height: 1rem;
    }
}


/**
 *
 * Parts : comments
 * Template : sidebar/comments 
 * Sidebar last comments block
 *
**/

#last-comments {
    background: #f5f5f5;
    padding: 1.25rem; /* 20px */
    margin-bottom: 1.25rem;
}

#last-comments .block-title {
    margin-top: 0.625rem; /* 10px */
    margin-bottom: 1.875rem; /* 30px */
}

#last-comments .block-title h2 {
    font-family: Inter;
    font-weight: bold;
    line-height: 1.625rem; /* 26px */
    text-align: center;
    color: #25262b;
}

#last-comments .block-content .comment {
    background: white;
    padding: 1.25rem; /* 20px */
    margin-top: 0.625rem; /* 10px */
}

#last-comments .block-content .comment p {
    font-family: Inter;
    font-weight: normal;
    font-size: 0.75rem; /* 12px */
    line-height: 1.625rem; /* 26px */
    text-align: left;
    color: #25262b;
}

#last-comments .block-content .comment .pseudo {
    font-style: italic;
    color: #002AB4;
    text-decoration: none;
}

#last-comments .block-content .comment .article {
    font-family: Inter;
    font-weight: normal;
    text-decoration: underline;
    font-size: 0.75rem; /* 12px */
    line-height: 1.25rem; /* 20px */
    text-align: left;
    color: #808080;
}
@media screen and (max-width: 47.9375rem) {
    #last-comments .block-content .comment:nth-last-of-type(1),
    #last-comments .block-content .comment:nth-last-of-type(2){
        display: none;
    }
}

/**
 *
 * Parts : text block
 * Template : sidebar/text-block
 * Display a text block in the sidebar
 *
**/

#text-block {
    background: #f5f5f5;
}

#text-block::after {
    content: "";
    display: block;
    height: 0.625rem; /* 10px */
    width: 100%;
    background: linear-gradient(75deg, #0553d2 0%, #002e98 100%);
}

#text-block::before {
    content: "";
    display: block;
    height: 0.625rem; /* 10px */
    width: 100%;
    background: linear-gradient(-75deg, #0553d2 0%, #002e98 100%);
}

#text-block .module-container {
    padding: 2.5rem 1.875rem;
}

#text-block .module-container h3 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    font-size: 1.125rem; /* 18px */
}

#text-block .module-container p {
    text-align: center;
    color: #808080;
    margin: 1.875rem 0;
    font-weight: 400;
    line-height: 1.4375rem; /* 14px */
}

#text-block .module-container .primary-bt {
    display: block;
    max-width: 80%;
    text-align: center;
    margin: auto;
    font-size: 0.75rem; /* 12px */
    letter-spacing: 0.1em;
}


/**
 *
 * Parts : most viewed articles block
 * Template : blocks/block-mostviewed 
 * Block most viewed articles of the month fullwidth
 *
**/

#most-viewed-articles {
    padding: 1.875rem 2.8125rem 3.75rem 2.8125rem; /* 30px 70px 60px 70px */
}

#most-viewed-articles .block-title {
    padding-left: 1.5625rem;
    padding-bottom: 1rem;
}


@media (max-width: 47.9375rem) {
    #most-viewed-articles {
        padding: 1.875rem 0rem 1.875rem 0.9375rem;
    }
    
	#most-viewed-articles .block-title {
        width: 90%;
        padding-left: 0;
        padding-bottom: 3.125rem;
    }

    #most-viewed-articles .slider.slick-slider {
        max-width: 70%;
    }
}

#most-viewed-articles .block-title h2 {
    line-height: 1.9375rem; /* 31px */
}

@media (max-width: 47.9375rem) {
	#most-viewed-articles .block-title h2 {
        font-size: 1.125rem;
        max-width: 80%;
        position: relative;
        top: 0.625rem;
    }
}

#most-viewed-articles .block-content .slider-nav {
    width: 100%;
    position: relative;
}

#most-viewed-articles .block-content .slider-nav .slider-inner-nav {
    position: absolute;
    bottom: 0;
    right: 1.5625rem;
    width: 20%;
    min-width: 4.375rem;
}

@media (max-width: 47.9375rem) {
	#most-viewed-articles .block-content .slider-nav .slider-inner-nav {
        margin-bottom: 1.5625rem;
    }
}

#most-viewed-articles .block-content .slider-nav .slide-number {
    font-family: Inter;
    font-weight: bold;
    font-size: 0.875rem; /* 14px */
    line-height: 1.125rem; /* 18px */
    color: #a3a3a3;    
    background-color: #fff;
    padding: 0.3125rem; /* 5px */
    text-align: center;
}

#most-viewed-articles .block-content .slider-nav .slide-number .current {
    font-family: Inter;
    font-weight: bold;
    font-size: 1.75rem; /* 28px */
    line-height: 2.3125rem; /* 37px */
    color: #002ab4;
}

#most-viewed-articles .block-content .slider-nav .arrow-left,
#most-viewed-articles .block-content .slider-nav .arrow-right {
    background-color:#002ab4;
    padding: 0.3125rem; /* 5px */
    cursor: pointer;
    transition: all ease .4s;
}

@media (max-width: 47.9375rem) {
	#most-viewed-articles .block-content .slider-nav .arrow-left,
    #most-viewed-articles .block-content .slider-nav .arrow-right {
        padding: 0.8125rem; /* 5px */
    }
}

#most-viewed-articles .block-content .slider-nav .arrow-left:hover,
#most-viewed-articles .block-content .slider-nav .arrow-right:hover{
    filter: brightness(1.4);
}

#most-viewed-articles .block-content .slider-nav .arrow-left svg,
#most-viewed-articles .block-content .slider-nav .arrow-right svg {
    margin: auto;
    position: relative;
    top: 0.5rem; /* 8px */
}

@media (max-width: 47.9375rem) {
	#most-viewed-articles .block-content .slider-nav .arrow-left svg,
    #most-viewed-articles .block-content .slider-nav .arrow-right svg {
        top: 0;
    }
}

#most-viewed-articles .block-content article {
    height: 16.6875rem; /* 267px */
    background-color: #fff;
}

@media (max-width: 47.9375rem) {
	#most-viewed-articles .block-content article {
        height: fit-content;
    }
}

#most-viewed-articles .block-content article.column-article {
    border: none;
    border-left: solid 0.1875rem var(--wp--preset--color--secondary);
    margin: 0 1.5625rem;
    transition: all ease .3s;
}
@media (max-width: 47.9375rem) {
	#most-viewed-articles .block-content article.column-article {
        margin: 0 1.25rem 0 0;
    }
}
#most-viewed-articles .block-content .slick-slide:not(.slick-current) article.column-article{
    opacity: .3;
}

@media (max-width: 47.9375rem) {
	#most-viewed-articles .block-content .slick-slide:not(.slick-current) article.column-article{
        opacity: 1;
    }
}

#most-viewed-articles .block-content article.column-article.g {
    align-items: center;
}

#most-viewed-articles .block-content article.column-article.g .article-content {
    padding: 1.25rem; /* 20px */
}

#most-viewed-articles .block-content article.column-article .title-container .title {
    font-weight: 500;
    font-size: 2rem; /* 32px */
    text-transform: none;
    line-height: 2.6875rem;
}
@media (max-width: 47.9375rem) {
	#most-viewed-articles .block-content article.column-article .title-container .title {
        font-size: 1rem;
        line-height: 1.25rem;
    }
}
#most-viewed-articles .block-content article .article-photo{
    height: 100%;
}
#most-viewed-articles .block-content article .article-photo.hide-sm{
    display: inline-block;
}
#most-viewed-articles .block-content article.column-article.g img {
    width: 100%;
    max-height: 16.6875rem; /* 267px */
    object-fit: cover;
    height: 100%;
}

#most-viewed-articles article.column-article .comments{
    text-align: left;
    margin-top: 0.625rem;
}
#most-viewed-articles .slick-list{
    overflow: visible;
}

/**
 *
 * Parts : categories block
 * Template : blocks/block-categories 
 * Block category picker full width
 *
**/

#categories-selector {
    background: linear-gradient(90deg, #002e98 0%, #0553d2 100%);
    margin: 0 -1.5625rem; /* -25px */
    padding-bottom: 3.75rem; /* 60px */
}

@media (max-width: 47.9375rem) {
    #categories-selector {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        padding-bottom: 1.875rem; /* 60px */
    }
}

#categories-selector .block-title {
    padding: 4.375rem 6.25rem 1.875rem 6.25rem; /* 70px 100px 30px 100px */
}

@media (max-width: 47.9375rem) {
	#categories-selector .block-title {
        padding: 2.875rem 2.25rem 1.25rem 2.25rem; /* 70px 100px 30px 100px */
    }
}

#categories-selector .block-title h2 {
    font-family: Inter;
    font-weight: bold;
    font-size: 1.5rem; /* 24px */
    text-align: left;
    color: #fff;
}

#categories-selector .block-title p {
    font-family: Inter;
    font-weight: 500;
    font-size: 0.875rem; /* 14px */
    text-align: left;
    color: #fff;
}

@media (max-width: 47.9375rem) {
    #categories-selector .slider-nav {
        float: right;
        position: relative;
        bottom: 0.625rem;
    }
	#categories-selector .slider-nav .arrow-left,
	#categories-selector .slider-nav .arrow-right {
        display: inline-block;
        background: white;
        padding: 0.625rem 0.9375rem;
    }
    #categories-selector .slider-nav .arrow-right {
        float: right;
    }
}

#categories-selector .block-content {
    padding: 0 3.4375rem; /* 30px */
}

#categories-selector .block-content .category-overlay {
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
}

/* #categories-selector .block-content .category-overlay::after {
    content:'';
    position:absolute;
    left:0.625rem;
    bottom:0;
    height:40%;
    display: block;
    background: linear-gradient(rgba(0, 42, 180, 0) 0%, #0f31a3 100%);
    opacity: 1;
    width: 100%;
} */

@media (max-width: 47.9375rem) {
    #categories-selector .block-content .category-overlay::after {
        left:0; /* 10px */
    }    
}

#categories-selector .block-content .category {
    height: 12.5rem; /* 200px */
    margin: 0 0.625rem;
    position: relative;
    background-position: center bottom;
    cursor: pointer;
    background-size: cover;
}

@media (max-width: 47.9375rem) {
    #categories-selector .block-content{
        padding: 0 1.25rem;
    }
    #categories-selector .block-content a.slick-slide {
        margin: 0 0.9375rem;
    }
    #categories-selector .block-content .category {
        height: 12.5rem; /* 200px */
        margin: 0; /* 10px */
    }

    #categories-selector .block-content .slick-list {
        position: relative;
        right: 0.625rem;
    }

    #categories-selector .block-content .slick-slider {
        max-width: 80%;
    }

    #categories-selector .block-content .slick-slider .slick-list {
        overflow: visible;
    }

    #categories-selector .block-content p {
        color: white;
        margin-top: 1.875rem;
        font-size: 0.875rem;
    }
}

#categories-selector .block-content .category::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height:0rem; /* 0px */
    background-color: #fff;
    transition: all ease-in-out 0.2s;
}


#categories-selector .block-content .category-overlay:hover .category::after {
    height:0.3125rem; /* 5px */
}

#categories-selector .block-content .category h4 {
    position: absolute;
    bottom: 0.9375rem; /* 15px */
    left: 0.9375rem; /* 15px */
    text-transform: unset;
    font-family: Inter;
    font-weight: 500;
    font-size: 0.875rem; /* 14px */
    line-height: 0.9375rem; /* 15px */
    text-align: left;
    color: #fff;
    z-index: 3;
}


/**
 *
 * Parts : selection
 * Template : selection 
 *
**/
#selection{
    background: var(--wp--preset--color--white-2);
    margin-bottom: 1.25rem;
    padding: 1.875rem 1.25rem;
}
@media (max-width:47.9375rem){
    #selection{
        padding: 1.875rem 0;
    }
}
#selection article .article-content{
    padding-bottom: 1.25rem;
    border-bottom: solid 0.0625rem var(--wp--preset--color--light);
}
#selection article .vignette{
    width: 7.5rem;
}
#selection article .infos {
    width: calc(100% - 7.5rem);
    padding-left: 0.625rem;
}
#selection article .infos .title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3; 
    -webkit-box-orient: vertical;
    line-height: 1.25em;
}
#selection article:hover .infos .title{
    text-decoration: underline;
}

#selection article:nth-of-type(1),
#selection article:nth-of-type(3){
    padding-right: 0;
}
#selection article:nth-of-type(2),
#selection article:nth-of-type(4){
    padding-left: 0;
}
#selection article{
    margin-bottom: 1.25rem;
}
@media (min-width: 48em){
    #selection article:nth-of-type(3),
    #selection article:nth-of-type(4){
        margin-bottom: 0;
    }
    #selection article:nth-of-type(1),
    #selection article:nth-of-type(3){
        padding-right: 2.1875rem;
    }
    #selection article:nth-of-type(2),
    #selection article:nth-of-type(4){
        padding-left: 2.1875rem;
    }
}


/* BLOCK RIRE */
#block-rire{
    padding-right: 0;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
}
#block-rire .card-rire{
    background-color: #fff;
    padding: 1.25rem;
    width: 100%;
    height: 100%;
}
#block-rire .card-rire img{
    margin-bottom: 1.25rem;
    width: 100%;
    max-width: 100%;
}
#block-rire .card-rire a{
    width: 16.25rem;
    max-width: 100%;
}

/* BLOCK RIRE */
#block-video{
    padding-left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
}
#block-video .picto-play{
    position: absolute;
    top: calc(50% - 1.25rem);
    left: calc(50% - 1.25rem);
    width: 2.5rem;
    height: 2.5rem;
    transition: all ease .2s;
}
#block-video .card-thumbnail:hover .picto-play{
    transform: scale(1.1);
}
@media (min-width: 35.5em){
    #block-video .picto-play{
        top: calc(50% - 2.5rem);
        left: calc(50% - 2.5rem);
        width: 5rem;
        height: 5rem;
    }
}
@media (min-width: 48em){
    #block-video .picto-play{
        top: calc(50% - 3.4375rem);
        left: calc(50% - 3.4375rem);
        width: 6.875rem;
        height: 6.875rem;
    }
}
#block-video .card-video{
    background-color: #fff;
    padding: 1.25rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
}
#block-video .card-thumbnail{
    margin-bottom: 1.25rem;
    position: relative;
}
#block-video .card-meta{
    margin: auto;
}
#block-video .card-video img:not(.picto-play){
    width: 100%;
    max-width: 100%;
}
#block-video .card-video .primary-bt{
    width: 100%;
}
#block-video .titre{
    padding-right: 0.625rem;
    margin-bottom: 1em;
}

@media (min-width: 48em){
    #block-rire{
        padding-right: 0.625rem;
    }
    #block-video{
        padding-left: 0.625rem;
    }
}

/* Nav page rire */

#main .ngg-galleryoverview .ngg-navigation .current{
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    margin: 0 0.5rem;
    border-radius: 0;
}

#main .ngg-galleryoverview .ngg-navigation a.next,
#main .ngg-galleryoverview .ngg-navigation a.prev{
    color: var(--wp--preset--color--primary) !important;
}
#main .ngg-galleryoverview .ngg-navigation .ellipsis,
#main .ngg-galleryoverview .ngg-navigation .page-numbers{
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--wp--preset--color--primary) !important;
    margin: 0 0.5rem;
    background: #fff;
    border-radius: 0;
}