/*!
Theme Name: Valenti Child
Theme URI: https://themeforest.net/item/valenti-wordpress-hd-review-magazine-news-theme/5888961
Description: Theme child of Valenti
Version: 1.0
Author: Codetipi
Author URI: http://www.codetipi.com
Template: valenti
Text Domain: codetipi
*/


/* =Theme customization starts here. Any CSS code entered here will overwrite the parent theme's CSS.
-------------------------------------------------------------- */
.display-flex {
    display: flex;
}


/******************************************************************************/
/***************************** HEADER *****************************************/
/******************************************************************************/
header .bg-area {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo.logo-main {
    width: 100%;
    height: auto;
    margin: 20px;
}

.logo.logo-main img {
    max-width: 150px;
}

header .bg-area .secondary-menu {                                     
    position: absolute;
    right: 0;
    top: 50%;
      transform: translateY(-50%);
}

header .bg-area .secondary-menu ul {   
    font-size: 14px;
}

header .bg-area .secondary-menu ul a {
    color: black;
}

.secondary-menu-wrap .menu-icons {
    margin-top: 10px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    .main-nav-wrap {
        padding: 0;
    }
}

@media only screen and (max-width: 1020px) {
    .mob-menu-wrap .vertical-menu>li>.sub-menu,
    .site-skin-2, .footer-widgets-skin-2 {
        background: black;
        color: #fff;
    }
    
    .logo-mobile img {
        filter: invert(100%);
        max-width: 150px;
    }

    .menu-mobile a {
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 768px) {
    html #wpadminbar {
        top: -45px;
    }

    .logo-mobile {
        width: auto!important;
        height: auto!important;
    }
    
    .header-padding {
        padding-right: 35px !important;
        padding-left: 35px !important;
    }
}


/******************************************************************************/
/***************************** FOOTER *****************************************/
/******************************************************************************/
.footer-widget-wrap {
    padding-top: 20px;
    padding-bottom: 0;
    background-color: black;
}

.site-footer > .bg-area,
.footer-widget-wrap {
    border-color: black; 
}

.site-footer .bg-area {
    background-color: black;
}

.site-footer .cb-footer-wrap .footer-widget {
    margin: 0;
    padding-bottom: 10px;
}

.menu-footer-pages-container,
.menu-footer-categories-container {
    text-align: center;
}

.footer-widget-area {
    background-color: #242424;
}

.footer-widget-area a {
    color: #e5e5e5;
    text-transform: uppercase;
    font-weight: 500;
    flex: 0 0 calc(33.333% - 16px);
}

.footer-widget .title {
    color: white;
    font-size: 24px !important;
    font-family: 'Tenor Sans', serif!important;
}

.footer-social-links-title {
    text-align: center;
    padding-bottom: 20px;
    color: white;
    text-transform: uppercase;
    font-family: 'Montserrat';
}

.footer-social-links {
    text-align: center;
    align-content: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 16px;
    max-width: 200px;
    margin: auto auto 20px;
}

.footer-social-links a i {
    font-size: 20px;
/*    border: solid 2px;
    border-radius: 50%;*/
    padding: 5px;
    width: 35px;
    margin: 0 10px;
}

.site-footer a:hover {
    color: #AD8439 !important;
}

.footer-logo {
    text-align: center;
    margin-top: 40px;
}

.footer-logo img {
    width: 200px
}

.filter-invert {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.footer-btn a {
    border: solid 1px white;
    padding: 10px 30px;
    border-radius: 10px;
    font-size: 16px;
    font-family: 'Montserrat';
}

.footer-btn {
    text-align: center;
    margin-top: 30px;
}

.footer-btn a:hover {
    border-color: #AD8439 !important;
}

.grecaptcha-badge {
    display: none !important;
}


/******************************************************************************/
/****************************** MENU ******************************************/
/******************************************************************************/
.main-menu-c .main-menu-wrap .logo-menu-wrap {
    display: none;
}

.main-menu {
    width: 100%;
    max-width: 1400px;
    align-content: center;
    justify-content: space-evenly;
}

.main-navigation .horizontal-menu > li {
    flex: 1 1 auto;
    text-align: center;
}

.main-navigation .horizontal-menu .preview-mini-wrap {
    text-align: left;
}

.main-navigation .horizontal-menu > li > a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Tenor Sans', serif!important;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    color: black !important;
}

.menu-item-has-children>a:after {
    display: none;
}

.main-menu a {
    color: white!important;
    text-transform: uppercase;
}

.main-navigation .menu-bg-area {
    background-color: #F1F1F1 !important
}

.menu-wrap {
    background: black;
}

.menu-wrap .block-to-see .byline {
    opacity: 1!important;
}

.menu-wrap .spon {
    color: #AD8439 !important;
    font-size: 14px!important;
    font-style: italic;
}

.byline .byline-part {
    margin: 0 5px;
}

.main-menu .entry-date,
.main-menu .author a {
    color: #AD8439 !important;
    font-size: 12px;
}

.main-menu .title {
    color: white;
}

.main-navigation article.preview-grid a img {
    filter: brightness(0.5);
    opacity: 1!important;
}

.main-navigation article a:hover img {
    opacity: 0.6!important;
}

/* Menu secondaire **/
.secondary-menu-wrap .menu-bg-area  {
    background: #F1F1F1 !important;
}
.secondary-menu li:hover {
    background: unset!important;
}
    
.secondary-menu-wrap .secondary-menu li:hover a {
    color: black;
}

.secondary-menu i {
    top: 0!important;
}

.cb-top-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
/*    border-radius: 50%;
    border: solid 2px;*/
    transition: all 0.3s ease;
/*    margin: 5px 10px;*/
    margin: 5px;
}

.cb-top-nav a:hover {
    color: #AD8439!important;
    transform: scale(1.1);
}

/* Menu mobile avec flexbox */
.menu-mobile.vertical-menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
}

.menu-mobile.vertical-menu li {
    flex: 0 0 auto;
    margin-bottom: 12px;
}

.menu-mobile .menu-logo {
    order: 999;
    max-width: 150px;
    margin: 0 auto   ;
}

.menu-mobile .footer-social-links {
    padding: 10px;
    order: 998;
    width: 220px;
    max-width: 100%;
    margin-top: 0;
}

.mob-menu-wrap .content {
    padding: 20px;
}

.mob-menu-wrap .content .mobile-navigation {
    margin-bottom: 0;
}

@media only screen and (min-width: 1020px) {
    .cb-meta-style-4 .meta {
        padding: 10px 20px 30px;
    }
}

@media only screen and (min-width: 768px) {
    .secondary-menu-wrap .secondary-menu {
/*        margin: auto;*/
    }
}

@media only screen and (max-width: 1020px) {
    .sub-menu a:not(.tipi-button) {
        padding: 0 25px;
    }
}

@media only screen and (max-width: 480px) {
    .sub-menu a:not(.tipi-button) {
        padding: 0;
    }
}


/******************************************************************************/
/****************************** ACCUEIL ***************************************/
/******************************************************************************/
.home .block-wrap-slider,
.home .block-wrap-custom {
    padding: 0;
}

.home .block-inner-style,
.home .block-wrap-custom:first-child,
.home .block-wrap-custom:first-child .block-inner-style {
    margin: 0 !important;
}

.home .block-wrap-custom {
    margin-top: 80px !important;
}

.home .block-wrap-slider .block-title-wrap {
    background-color: white;
}

.home .author {
    margin-bottom: 5px;
}

.home .author i, .home .author a {
    color: #AD8439 !important;
}

.home .block-title-wrap .title {
    font-size: 38px;
    margin: 0;
    padding: 50px 0 10px;
    font-family: 'Tenor Sans' !important;
}

.home article .title {
    font-family: 'Tenor Sans', serif !important;
    font-weight: 500 !important;
    font-style: normal;
    letter-spacing: 0px;
}

.home .preview-slider.title-s .title {
    font-size: 16px;
    font-weight: 700 !important;
    line-height: 1.3;
    margin: 0;
}

.preview-grid.title-s .title {
    font-size: 20px;
    font-weight: 700 !important;
    line-height: 1.3;
    margin-bottom: 0;
}

.preview-grid.title-m .title {
    font-size: 38px;
    font-weight: 700 !important;
    line-height: 1.3;
}

.block article {
    border: 0;
}

.block-wrap .slider article {
    width: 25.3%;
    margin: 0 !important;
    border: 0 !important;
}

.category .block-wrap-grid article img ,
.home .contents-wrap article img {
    opacity: 0.6;
}

.luxe-sponsored-post img {
    filter: brightness(0.5);
    transition: transform 1s ease, opacity .5s ease;
}

.luxe-sponsored-post a:hover img {
    transform: scale(1.1); 
}

/***** Article sponsorisé ******/
#cb-section-a .block-wrap-custom:first-child .block-inner-box .block {
    padding: 0;
}

.luxe-sponsored-block-title {
    position: absolute;
    flex-direction: column;    
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5), transparent);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.luxe-sponsored-post img {
    width: 100%; 
    height: 250px; 
    object-fit: cover; 
    display: block;
}

.luxe-sponsored-title {
    font-family: 'Tenor Sans', serif!important;
    color: white;
    text-transform: uppercase;
    margin: 0;
}

@media only screen and (max-width: 1020px) {
    .preview-grid.title-m .title {
        font-size: 24px;
    }
    
    .home .title-s .title {
        font-size: 16px!important;
        margin: 0;
    }
    
    .home .preview-slider.title-s .title {
        margin: 0;
    }    
}

@media only screen and (max-width: 768px) {
    .home .block-title-wrap .title {
        line-height: normal;
        font-size: 32px;
    }

    .block-wrap .slider article {
        width: 100%!important;
        max-width: 50% !important;
    }
    
    .preview-slider.title-s .title,
    .preview-slider.title-m .title {
        font-size: 24px!important;
    }
    
    .home .slider,
    .home .slider .flickity-slider,
    .home .block-wrap .slider article {
        height: 300px!important;
    }
    
    .home .block-wrap img {
        min-height: 300px;
        max-height: 400px;
    }
    
    .home  .campaign-banner img {
        min-height: unset !important;
    }
    
    .home span.byline-part.spon {
        font-size: 16px;
    }
    
    .slider-rdy .slider-arrow {
        opacity: .1!important;
    }
}

@media only screen and (max-width: 480px) {
    .preview-slider.title-s .title,
    .preview-slider.title-m .title {
        font-size: 18px;
    }
    
    .home .title-s .title {
        font-size: 22px !important;
    }
    
    .block-wrap .slider article {
        max-width: 100% !important;
    }
}


/******************************************************************************/
/****************************** NEWSLETTER ************************************/
/******************************************************************************/
.block-css-27960 .block-inner-style,
.block-css-28770 .block-inner-style {
    background-color: black;
}

.newsletter-block {
    justify-content: space-between;
    align-items: center;    
    margin: 30px 20px;
}

.newsletter-form {
    flex-direction: column;
}

.newsletter-title {
    color: #eee;
    font-size: 42px;
    line-height: 42px;
    text-align: center;
}

.newsletter-form-1 {
    gap: 30px;
}

.newsletter-form-1 input {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    line-height: 1.8;
    padding: 6px 12px 6px 0;
    vertical-align: middle;
    border: none;
    border-bottom: solid 1px #EEEEEE !important;
    background-color: transparent;
}

.newsletter-form-1 .sib-email-area {
    width: 200px;
}

.newsletter-form-1 input::placeholder {
  color: #EEEEEE; 
  opacity: 1;   
}

.newsletter-form-1 input:-webkit-autofill,
.newsletter-form-1 input:-webkit-autofill:hover, 
.newsletter-form-1 input:-webkit-autofill:focus, 
.newsletter-form-1 input:-webkit-autofill:active {
    -webkit-text-fill-color: #eee;
    transition: background-color 5000s ease-in-out 0s;
}

.newsletter-form-2 {
    justify-content: space-between;
    align-items: center;
}

.newsletter-form label.sib-OPT_IN-area {
    color: #EEEEEE;
    font-size: 14px;
}

.newsletter-form-2 p {
    margin: 0;
}

.newsletter-form-2 .sib-default-btn {
    background-color: transparent;
    text-transform: none;
    color: #EEEEEE;
    margin-bottom: 0;
    padding: 10px;
    border: solid 2px #EEEEEE !important;
    border-radius: 10px;
    font-family: 'Montserrat', sans-serif !important;
}

.newsletter-form-2 .sib-default-btn:hover {
    border-color: #AD8439 !important;
    color: #AD8439 !important;
}

@media only screen and (max-width: 768px) {
    .home .newsletter-block,
    .home .newsletter-form ,
    .home .newsletter-form-1,
    .home .newsletter-form-2 {
        gap: 30px;
        flex-direction: column;
    }
    
    .home .newsletter-form-1 input, 
    .home .newsletter-form-1 .sib-email-area {
        width: 100% !important;
    }
}


/******************************************************************************/
/****************************** ARTICLE ***************************************/
/******************************************************************************/
.entry-content .wp-block-image img {
    width: 100%;
}

.entry-content p {
    text-align: justify;
}

.single .chapeau {
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
    font-size: 1.25rem;
    text-align: center;
    width: 100%;
    margin: 20px 0 75px;
}

.single .chapeau:before {
    content: '';
    width: 53px;
    height: 5px;
    background-color: #ad8439;
    margin: auto;
    display: block;
    margin-top: -1px;
    position: unset;    
}

.single.post .chapeau p {
    padding: 50px 0;
    margin: 0 !important;
}

.post-excerpt {
    padding: 50px 0;
    margin: 1em 0 !important;
    font-family: 'Tenor Sans' !important;
    font-size: 1.25rem;    
    text-transform: uppercase;
}

.single .entry-content-wrap h2,
.single .entry-content-wrap h3,
.single .entry-content-wrap h4,
.single .entry-content-wrap h5 {
    font-family: 'Tenor Sans', serif!important;
    text-transform: uppercase;
}

.details-wrap {
    margin-top: 20px;
}

.wp-block-spacer {
    height: 50px !important;
}

.single.post .entry-content {
    margin-top: 75px;    
}

.single .author a, .single cb-date a {
    color: white;
}

.wp-block-image img.landscape,
.wp-block-image img.portrait {
    display: block;
    margin: 40px auto;
    width: 100%;
    height: 350px !important;
    object-fit: cover;
}

.wp-block-image figcaption {
    display: none!important;
}
    
.single-post .hero img,
.single-post .block-to-see img {
    filter: brightness(0.5);
    transition: transform 1s ease, opacity .5s ease;
}

.single-post .block-to-see .title {
    font-family: 'Tenor Sans', serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-style: normal;
    line-height: 1.2;
    margin: 0!important;
}

.caption {
    display: none;
}

.single .heateor_sss_horizontal_sharing {
    display: flex;
    justify-content: center;
    margin: 50px 0 50px 95px;
}

.single .single-content #main {
    transform: translateX(-125px);
}

.single .single-content footer {
    transform: translateX(75px);
}

.single .heateor_sss_sharing_ul a {
    margin: 0 6px !important;
}

.single .heateor_sss_sharing_ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.single .heateor_sss_sharing_ul span {
    border: none !important;
}

.single .author-box {
    background: white;
}

.side-author__wrap.detail a {
    font-size: 14px;
    font-family: 'Tenor Sans', serif!important;
}

.side-author__wrap.detail div, 
.side-author__wrap.detail span {
    font-family: 'Montserrat';
    color: black !important;
    opacity: 1;
    text-transform: uppercase;
}

.side-author__wrap img {
    width: 100%;
    max-width: 100px;
    filter: contrast(110%) grayscale(100%);
    border-radius: 45px !important;
    border: 8px solid whitesmoke;
}

.entry-content .wp-block-columns p {
    margin-bottom: 0;
}   

.entry-content .wp-block-columns .wp-block-column {
    margin: auto;
}

/***** Navigation *********/
.post-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-family: 'Montserrat', sans-serif;
    margin-left: 45px;
}

nav.post-pagination a.page-numbers {
    color: #242424;
    background: unset;
    border: unset;
    margin: 7px 30px !important;
    font-family: 'Tenor Sans', serif !important;
    font-size: 20px !important;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.3s ease, letter-spacing 0.3s ease;   
}

.separator {
    width: 2px;
    height: 50px;
    background-color: #AD8439;
}

.nav-btn:hover {
    color: #AD8439 !important;
    background: unset !important;
}

/* Articles similaires */
.post-footer-block-title {
    font-size: 30px;
    margin-top: 120px;
    border-bottom-color: #AD8439;
    border-bottom-width: 3px;
    font-family: 'Tenor Sans', serif !important;
    font-weight: normal !important;
    font-style: normal;
    line-height: 1.2;
}

.single .flickity-viewport .title {
    font-family: 'Tenor Sans', sans-serif !important;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
    .layout-side-info .entry-content-wrap {
        width: calc(100% - 250px);
        margin-left: auto;
    }
    
    .details-wrap {
        width: 250px!important;
        margin-top: 20px;
        padding-right: 100px!important;
    }

}

@media only screen and (max-width: 768px) {
    .single .single-content #main,
    .single .single-content footer {
        transform: none;
    }
    
    .author-box:not(.author-page-box) .mask {
        width: 150px;
    }    

    .author-box:not(.author-page-box) .title {
        margin: auto;
    }
    
    .single .hero-wrap {
        display: grid;
        grid-template-areas: "overlay";
        align-items: center;
        justify-items: center;
        min-height: 300px;
    }

    .single .hero-wrap .hero {
        grid-area: overlay;
        height: 100%!important;
        max-height: 100%!important;
    }

    .single .hero-wrap .meta-wrap {
        grid-area: overlay;
        width: 100%;
        padding: 80px 20px 20px;
        position: relative;
        left: unset;
        top: unset;
        transform: unset;
    }   
    
    .wp-block-image .aligncenter {
        margin: 0;
        width: 100%;
    }

    .single .side-spacing {
        padding-left: 15%;
        padding-right: 15%;
    }
}

@media only screen and (max-width: 480px) {
    .single .block-wrap-grid .preview-grid {
        height: 70vw;
    }
    
    .wp-block-paragraph {
        font-size: 15px;
    }
    
    .single .entry-content-wrap h2 {
        font-size: 36px;
    }
    
    .single .heateor_sss_sharing_ul a {
        margin: 0 2px !important;
    }
    
    .breadcrumbs-wrap .breadcrumbs {
        padding-right: 20px;
        padding-left: 20px;
    }
}


/******************************************************************************/
/****************************** CATEGORIE *************************************/
/******************************************************************************/
.archive-block-title {
    background-color: #EEEEEE;
}

.archive-block-title .title {
    font-size: 38px !important;
}
    
.single .author i, .single .author a,
.archive .author i, .archive .author a {
    color: #AD8439 !important;
}

.archive article .cb-mask {
    height: 100%;
}

.block-archive-skin-11 .preview-classic .preview--with-bg {
    background-color: #EEEEEE;
}

.preview-classic .title {
    font-size: 38px;
    letter-spacing: normal;
    line-height: 1.15;    
}

.archive .pagination {
    text-align: center;
    margin-bottom: 120px;
}

.archive .pagination span,
.archive .pagination a.page-numbers {
    font-family: 'MONTSERRAT';
    font-size: 16px;
    font-weight: 600 !important;
}

@media only screen and (max-width: 1020px) {
    .archive .preview-grid.title-s .title {
        font-size: 18px;
    }
    
    .archive .preview-classic .title {
        font-size: 34px;
    }
}

@media only screen and (max-width: 768px) {
    .block-title-wrap .block-title {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .block-title-wrap .title {
        font-size: 28px;
    }
    
    .archive .preview-classic .title,
    .archive .preview-grid .title {
        font-size: 30px!important;
        margin: 0;
    }    
    
    .split-1 .preview-mini-wrap {
        flex-direction: column;
    }
    
    .split-1:not(.preview-thumbnail) .mask {
       width: 100%;  
    }
    
    .archive .block-wrap img {
        min-height: 300px;
        max-height: 400px;
    }
    
    .block-archive-skin-11 .preview-classic .preview--with-bg {
        height: fit-content;
    }
}

@media only screen and (max-width: 480px) {
    .archive .block-wrap-grid .preview-grid {
        height: 70vw;
    }
}


/******************************************************************************/
/****************************** PAGES *****************************************/
/******************************************************************************/
.page-template-default .single-content .title-wrap {
    text-align: center;
    margin-bottom: 75px;
    margin-top: 75px;
}

.breadcrumbs {
    background: #EEEEEE;
    font-family: 'Tenor Sans', serif!important;
    font-size: 14px;
}

.breadcrumbs .crumb {
    border-right: solid 1px #ad8439;
    padding-right: 15px;
}

.breadcrumbs .crumb, .breadcrumbs .crumb span, .breadcrumbs i {
    color: black;
}

.breadcrumbs .crumb span {
    text-transform: uppercase !important;
}

.breadcrumbs .crumb:last-child {
    border: none!important;
}

.breadcrumbs .crumb:last-child span,
.breadcrumbs .crumb:last-child a span {
    color: #ad8439 !important;
}

.breadcrumbs-wrap .breadcrumbs {
    text-align: center;
}

@media only screen and (max-width: 1020px) {
    .wp-singular .tipi-m-8 {
        width: 80%;
    }
}

@media only screen and (max-width: 768px) {
    .wp-singular .tipi-m-8 {
        width: 100%;
    }

    .page-template-default h1 {
        font-size: 26px!important;
    }
}


/******************************************************************************/
/***************************** CONTACT *****************************************/
/******************************************************************************/
.contact-name {
    display: flex;
    gap: 50px;
}

.contact-name p {
    width: 100%;
    margin: 0;
}

.wpcf7-form label {
    font-size: 14px;
    font-weight: 700;
}

.wpcf7-form .required {
    color: red;
    margin-left: 5px;
}

.wpcf7-form input, .wpcf7-form textarea {
    font-family: 'Montserrat';
    font-size: 14px;
    color: black !important;
    border-radius: 10px;
}

.form-rgpd span {
    margin: 0;
}

.form-rgpd span span {
    font-weight: normal;
}

.submit-btn p {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: row;
}

.wpcf7-form .submit-btn input {
    background-color: white;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid black;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7-response-output {
    padding: 15px !important;
    border-radius: 10px;
    text-align: center;
}

.wpcf7-form input:-webkit-autofill,
.wpcf7-form input:-webkit-autofill:hover, 
.wpcf7-form input:-webkit-autofill:focus, 
.wpcf7-form input:-webkit-autofill:active {
    -webkit-text-fill-color: #000; 
    -webkit-box-shadow: inset 0 0 0px 1000px #EEEEEE !important; 
    border: 1px solid #ddd !important; 
    transition: background-color 5000s ease-in-out 0s;
}


/******************************************************************************/
/***************************** AUTEUR *****************************************/
/******************************************************************************/
.author .site-main {
    background: white;
}

.archive.author h1.title {
    font-size: 38px !important;
}

.author .block-title-wrap h1 span {
    display: none;
}

.archive.author .author-page-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.author-box {
/*    border-bottom-color: #ad8439 !important;
    border-bottom: solid 3px;*/
    padding: 30px;
}

.author-box .mask {
    height: 150px;
    width: 150px;
    padding: 0;
    margin: 30px;
}

.author-box .mask img {
    width: 100%;
    filter: contrast(110%) grayscale(100%);
    border-radius: 60px !important;
    border: 8px solid whitesmoke;
}

.archive.author .author-page-box,
.archive.author .author-box .mask,
.archive.author .author-box .meta {
    background: white
}

.author-box .meta .title-wrap {
    flex-direction: column;
    align-items: flex-start;
}

.author-box .meta .title {
    font-weight: 300;
    font-size: 21px;
    font-family: 'Tenor Sans', sans-serif;
    text-transform: uppercase;
}

.author-box .meta .title span {
    color: #ad8439 !important;
}

.author-box .meta .position {
    margin-left: -2px!important;
    padding: 15px 0;
    color: black;
    font-family: 'Tenor Sans', serif!important;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.author-box .cb-author-position i {
    display: none;
}

.author-box .meta .biography {
    font-family: 'Montserrat';
    text-align: justify;
    font-weight: normal;    
    padding: 15px 0 30px;
    line-height: 1.666;
}

.author-box .contact-details {
    padding: 15px 0;
}

.author-box .contact-details i {
    font-size: 22px;
    color: #AD8439;
}

.author-box .contact-details a {
    color: #ad8439 !important;
    margin: 0 20px 10px 0 !important;
}

.author-box.post-footer-block {
    align-items: center;
}

.no-posts-found-wrap {
    display: none;
}

@media only screen and (max-width: 768px) {
    .author-box .meta .position {
        padding: 15px 20px;
    }
}


/******************************************************************************/
/***************************** PAGE NEWSLETTER ********************************/
/******************************************************************************/
.page-id-46010 .newsletter-block {
   flex-direction: column;
    margin: 30px 20px 100px;
}

.page-id-46010 .newsletter-title {
    display: none;
}

.page-id-46010 .newsletter-form {
     display: flex;
}

.page-id-46010 .newsletter-form-1 input {
    font-size: 14px;
    color: black !important;
    border-radius: 10px;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    transition: background .35s;
    background: #eee;
    border: 0 !important;
}

.page-id-46010 .newsletter-form-1 input::placeholder {
  color: black; 
  opacity: 1;   
}

.page-id-46010 .newsletter-form-1 input:-webkit-autofill,
.page-id-46010 .newsletter-form-1 input:-webkit-autofill:hover, 
.page-id-46010 .newsletter-form-1 input:-webkit-autofill:focus, 
.page-id-46010 .newsletter-form-1 input:-webkit-autofill:active {
    -webkit-text-fill-color: black;
    transition: background-color 5000s ease-in-out 0s;
}

.page-id-46010 .newsletter-form-2 .sib-default-btn,
.page-id-46010 .sib-OPT_IN-area {
    color: black!important;     
}

.page-id-46010 .sib-OPT_IN-area {
    border-color: black !important;
}

.page-id-46010 .newsletter-form-2 .sib-default-btn {
    border-color: black !important;
    text-transform: uppercase;
    padding: 15px 25px;
    font-weight: 600;
    font-size: 14px;
}

.page-id-46010 .newsletter-form-2 .sib-default-btn:hover {
    border-color: #AD8439 !important;
    color: #AD8439 !important;
}

@media only screen and (max-width: 768px) {
    .page-id-46010 .newsletter-form ,
    .page-id-46010 .newsletter-form-1,
    .page-id-46010 .newsletter-form-2 {
        gap: 30px;
        flex-direction: column;
    }
    
    .page-id-46010 .newsletter-form-1 .sib-email-area {
        width: 100%!important;
    }
}


/******************************************************************************/
/********************************* MARQUES ************************************/
/******************************************************************************/
.marques-container { padding: 40px 20px; }

.marques-letter-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 90px;
    justify-content: center;
}

.letter-btn {
    padding: 8px 14px;
    border: 2px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: all 0.3s;
}

.letter-btn:hover,
.letter-btn.active {
    background-color: #ad8439;
    color: white!important;
    border-color: #ad8439;
}

.marques-list {
    display: flex;
    flex-wrap: wrap;
}

.marque-item {
    width: 29%;
    margin-right: 2%;
    margin-left: 2%;
    display: flex;
    flex-direction: column;
    margin-top: 70px;
    margin-bottom: 30px;
    height: auto;
    float: left;
    text-align: center;
    -webkit-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.05);
    box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.05);
    border-top: 5px solid lightgrey;
    border-bottom: 6px solid whitesmoke;
    background: white;
    border-top: #ad8439 solid 5px;
}

.marque-logo {
    width: 150px;
    height: 150px;
    -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.10);
    box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.10);
    border-radius: 60px !important;
    margin-top: -80px;
    border: 8px solid whitesmoke;
    margin-left: auto;
    margin-right: auto;
    background-size: cover !important;
}

.marque-info {
    padding: 20px;
    flex-grow: 1;
}

.marque-name {
    font-size: 32px;
    margin-bottom: 20px;
    margin-top: 10px;
    font-weight: 300;
    line-height: 24px;
    text-transform: uppercase;
}

.marque-description {
    font-size: 13px;
    color: #666;
    margin: 0;
    line-height: 1.5;
}

.marques-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
}

.pagination-btn {
    padding: 10px 20px;
    background: #ad8439;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}

.pagination-btn:hover {
    background: #8b6f47;
}

.pagination-numbers {
    display: flex;
    gap: 5px;
}

.pagination-number {
    padding: 8px 12px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
}

.pagination-number:hover,
.pagination-number.active {
    background: #ad8439;
    color: white;
    border-color: #ad8439;
}

@media only screen and (max-width: 768px) {
    .marque-item {
        width: 46%;
    }
}

@media only screen and (max-width: 480px) {
    .marque-item {
        width: 100%;
    }
}