/*
Theme Name: Newsmatic Pro Child
Template: newsmatic-pro-premium
Text Domain: newsmatic-pro-child
Version: 1.0.0
*/

/* SNAA - lisibilité barre secondaire */
.site-header.layout--default .top-header .snaa-top-secondary-menu-wrap a,
.site-header.layout--default .top-header .snaa-top-secondary-menu-wrap a:visited {
    color: #ffffff;
    font-weight: 600;
}

.site-header.layout--default .top-header .snaa-top-secondary-menu-wrap a:hover,
.site-header.layout--default .top-header .snaa-top-secondary-menu-wrap a:focus {
    color: #ffffff;
    text-decoration: underline;
}

/* SNAA - alignement barre secondaire à droite */
.site-header.layout--default .top-header .row {
    justify-content: flex-end;
}

.site-header.layout--default .top-header .snaa-top-secondary-menu-wrap {
    margin-left: auto;
}

.site-header.layout--default .top-header #top-header-menu {
    text-align: right;
}

/* SNAA - bouton Adhérer dans le header */
.site-header .newsletter-element a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    color: #1b8415;
    font-weight: 700;
    padding: 8px 14px;
    border-radius: 999px;
    line-height: 1;
    text-decoration: none;
}

.site-header .newsletter-element a:hover,
.site-header .newsletter-element a:focus {
    background: #f3f7f3;
    color: #146610;
    text-decoration: none;
}

/* SNAA - bouton Adhérer version CTA visible */
.site-header.layout--default .newsletter-element a,
.site-header.layout--two .newsletter-element a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #ef6c1a !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 14px 24px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    line-height: 1 !important;
    border: 2px solid #ef6c1a !important;
    box-shadow: none !important;
}

.site-header.layout--default .newsletter-element a:hover,
.site-header.layout--default .newsletter-element a:focus,
.site-header.layout--two .newsletter-element a:hover,
.site-header.layout--two .newsletter-element a:focus {
    background: #d85f14 !important;
    border-color: #d85f14 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.site-header .newsletter-element .title-text {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.site-header .newsletter-element .title-icon,
.site-header .newsletter-element .title-icon i {
    color: #ffffff !important;
}

/* SNAA - phase 1 recoloration header */
.site-header.layout--default .top-header {
    background: #044A99 !important;
    border-bottom-color: #044A99 !important;
}

.site-header.layout--default .site-title,
.site-header.layout--default .site-title a,
.site-header.layout--default .site-title a:visited {
    color: #044A99 !important;
}

.site-header.layout--default .menu-section .row {
    border-top-color: #044A99 !important;
    border-bottom-color: #044A99 !important;
}

.site-header.layout--default .main-navigation ul.menu > li.current-menu-item > a,
.site-header.layout--default .main-navigation ul.menu > li.current_page_item > a,
.site-header.layout--default .main-navigation ul.nav-menu > li.current-menu-item > a,
.site-header.layout--default .main-navigation ul.nav-menu > li.current_page_item > a {
    color: #DA1F24 !important;
}

.site-header.layout--default .main-navigation ul.menu > li > a:hover,
.site-header.layout--default .main-navigation ul.nav-menu > li > a:hover {
    color: #DA1F24 !important;
}

/* SNAA - phase 2 recoloration accueil / headlines */
body .headline-section,
body .headline-section .headline-title,
body .headline-section .headline-title-wrap,
body .headline-section .headline-title span,
body .headline-section .slick-arrow,
body .headline-section .slick-arrow:hover,
body .headline-section .slick-arrow:focus,
body .headline-section .pause-icon,
body .headline-section .play-icon {
    background: #044A99 !important;
    border-color: #044A99 !important;
    color: #ffffff !important;
}

body .headline-section .headline-title:before,
body .headline-section .headline-title:after {
    border-left-color: #044A99 !important;
    border-right-color: #044A99 !important;
}

/* SNAA - phase 2 bis recoloration forte de la zone HEADLINES sur l'accueil */
body.home .headline-section .headline-title,
body.home .headline-section .headline-title-wrap,
body.home .headline-section .headline-label,
body.home .headline-section [class*="headline-title"],
body.home .headline-section [class*="headline-label"],
body.home .headline-section [class*="headline-icon"],
body.home .headline-section .slick-arrow,
body.home .headline-section .slick-arrow:hover,
body.home .headline-section .slick-arrow:focus,
body.home .headline-section [class*="pause"],
body.home .headline-section [class*="play"],
body.home .headline-section [class*="control"] {
    background: #044A99 !important;
    background-color: #044A99 !important;
    border-color: #044A99 !important;
    color: #ffffff !important;
}

body.home .headline-section .headline-title *,
body.home .headline-section .slick-arrow *,
body.home .headline-section [class*="pause"] *,
body.home .headline-section [class*="play"] * {
    color: #ffffff !important;
}

body.home .headline-section .headline-title:before,
body.home .headline-section .headline-title:after,
body.home .headline-section [class*="headline-title"]:before,
body.home .headline-section [class*="headline-title"]:after {
    border-left-color: #044A99 !important;
    border-right-color: #044A99 !important;
}

/* SNAA - CTA Adhérer en rouge */
.site-header.layout--default .newsletter-element a,
.site-header.layout--two .newsletter-element a {
    background: #DA1F24 !important;
    border-color: #DA1F24 !important;
    color: #FFFFFF !important;
}

.site-header.layout--default .newsletter-element a:hover,
.site-header.layout--default .newsletter-element a:focus,
.site-header.layout--two .newsletter-element a:hover,
.site-header.layout--two .newsletter-element a:focus {
    background: #B71C1C !important;
    border-color: #B71C1C !important;
    color: #FFFFFF !important;
}

.site-header .newsletter-element a::after {
    color: #DA1F24 !important;
}

/* SNAA - correction forte du bouton pause/play de droite */
body.home [class*="headline"] .slick-arrow,
body.home [class*="headline"] .slick-arrow::before,
body.home [class*="headline"] .slick-arrow i,
body.home [class*="headline"] .slick-arrow svg,
body.home [class*="headline"] [class*="pause"],
body.home [class*="headline"] [class*="pause"]::before,
body.home [class*="headline"] [class*="pause"] i,
body.home [class*="headline"] [class*="play"],
body.home [class*="headline"] [class*="play"]::before,
body.home [class*="headline"] [class*="play"] i,
body.home [class*="headline"] button,
body.home [class*="headline"] button::before {
    background: #044A99 !important;
    background-color: #044A99 !important;
    border-color: #044A99 !important;
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* SNAA - carré pause droit du bloc headlines */
body.home .headline-section .pause-icon-wrap,
body.home .headline-section .play-icon-wrap,
body.home .headline-section .pause-icon,
body.home .headline-section .play-icon,
body.home .headline-section .slick-pause,
body.home .headline-section .slick-play,
body.home .headline-section [class*="pause-icon"],
body.home .headline-section [class*="play-icon"],
body.home .headline-section [class*="pause"],
body.home .headline-section [class*="play"] {
    background: #044A99 !important;
    background-color: #044A99 !important;
    border-color: #044A99 !important;
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

body.home .headline-section .pause-icon-wrap *,
body.home .headline-section .play-icon-wrap *,
body.home .headline-section .pause-icon *,
body.home .headline-section .play-icon *,
body.home .headline-section .slick-pause *,
body.home .headline-section .slick-play *,
body.home .headline-section [class*="pause-icon"] *,
body.home .headline-section [class*="play-icon"] *,
body.home .headline-section [class*="pause"] *,
body.home .headline-section [class*="play"] * {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}
