/**
Theme Name: astra child JNJ
Author: JNJ / Sébastien Oberson
Author URI: http://www.jnj.swiss
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child-jnj
Template: astra
*/



/* -------------------------------------------------------------- */
/* Global refining */
/* -------------------------------------------------------------- */




h1.entry-title {
    font-size: 3rem !important;
    line-height: 1.2;
}

nav.post-navigation {
    display: none;
}

.cat-links a::before {
    font-family: fontawesome;
    content: "\f02b ";
    padding-right: 5px;
}


/* entry content columns for products */

body.produits, .products, .produckte,  .site-main .wp-block-columns {
    margin-bottom: 10px;
    width: 100%;
}*/
body.produits .site-main .wp-block-columns .wp-block-column {
    font-size: 0.9rem;
    line-height: 1.5;
}
/*body.produits .site-main .wp-block-columns .wp-block-column > ul {
    margin-left: 0px;
}*/
.site-main .wp-block-columns .wp-block-column > ul > li {
    border-bottom: 1px solid #b8b8b8;
    padding: 0.3rem 0;
    margin-right: 1rem;
    list-style-type: "✔ ";
	
}

body.produits .site-main .wp-block-columns .wp-block-column > ul li li {
    list-style-type: "- ";
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Theme template */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* -------------------------------------------------------------- */
/* Custom Header design */
/* -------------------------------------------------------------- */

#masthead .main-header-bar-wrap {
    border-bottom: 1px solid rgb(51, 49, 49);
}

#masthead .site-primary-header-wrap {
    background: url("assets/images/bg_header-001.png") top left no-repeat #2e1748;
}



/* -------------------------------------------------------------- */
/* Menus */
/* -------------------------------------------------------------- */



.widget_polylang li.lang-item {
    display: inline-block;
    padding-right: 5px;
}


#primary-site-navigation-desktop .main-navigation .main-header-menu {
    background-color: transparent;
}
#primary-site-navigation-desktop .main-navigation ul.main-header-menu > li > a {
    
    margin-right: 1rem;    
    
    font-size: 1em;
    letter-spacing: 1px;
    font-weight: lighter;
    line-height: 1.3;
    color: #FFF;
    text-transform: uppercase;

}
#primary-site-navigation-desktop .main-navigation ul.main-header-menu > li:last-child > a {
    margin-right: 0px;
}
#primary-site-navigation-desktop .main-navigation ul.main-header-menu > li > a:hover {
    color: #e40e0e;
}




/* -------------------------------------------------------------- */
/* Sidebar */
/* -------------------------------------------------------------- */

.wp-block-custom_download-files {
    margin-left: 0;
    padding-bottom: 4rem;
}

.wp-block-custom_download-files li {
 list-style-type: none;
}
   




/* -------------------------------------------------------------- */
/* Global Helpers */
/* -------------------------------------------------------------- */

.btn-download {
    display: block;    
    background-color: #ec1a39;
    color: #FFF;
    padding: 0.25rem 1rem;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.btn-download::before {
    font-family: fontawesome;
    content: "\f1c1";
    display: inline-block;
    width: 2rem;
    padding-top: 0rem
}
.btn-download:visited {  
    background-color: #ec1a39;
    color: #FFF;
}

.btn-download:hover {
    color: #FFF;
    background-color: #ac1010;
}
.btn-download:hover::before {
    font-family: fontawesome;
    content: "\f019";
    display: inline-block;
    width: 2rem;
}

.pa-none,
.wp-block-group.has-background.pa-none {
    padding: 0px !important;
}

.mb-none,
.entry-content p.mb-none {
    margin-bottom: 0px !important;
}

.mw-250 {
    max-width: 250px !important;
}



.pad-style {
    opacity: 0.9;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.pad-style * {
    opacity: 1 !important;
}

.ml-25p {
    margin-left: 25% !important;
}

@media (max-width: 1200px) {

    .ml-25p {
        margin-left: 0px !important;
        padding: 2em;
    }
}

/*
@media (min-width: 782px)
*/

/* -------------------------------------------------------------- */
/* Customize form - helper .form-inline */
/* -------------------------------------------------------------- */

/* Form Styling */

.form-inline form.wpcf7-form .form-row {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.2rem;
}

.form-inline form.wpcf7-form .form-row > label {
	float: left;
    width: 200px;
    padding-top: 0.2rem;
    padding-right: 24px;
}

.form-inline form.wpcf7-form .form-row > span {
    display: inline-block;
    float: left;
    width: calc(100% - 200px);	
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Page content */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* -------------------------------------------------------------- */
/* Customize front-page */
/* -------------------------------------------------------------- */


#primary.front-page {
    width: 100%;
}
#primary.front-page .page {
    padding: 0;
}




body.home ul.wp-block-latest-posts li {
    border-bottom: 1px solid #CCC;
}


body.home div.bg_banner-home span {
    
    /*background: url("assets/images/bg_BannerHome-001.png") center center no-repeat transparent !important;*/
    background-image:  url("assets/images/bg_BannerHome-001.png") !important;
    background-size: cover !important;
    background-position: center center;
    opacity: 0.8 !important;
}

body.home div.bg_banner-home h1,
body.home div.bg_banner-home p {
    color: #f5f5f5 !important;
}

/* has-ast-global-color-4-background-color has-background-dim-60 wp-block-cover__gradient-background has-background-dim */
/* has-background-dim-30 wp-block-cover__gradient-background has-background-dim */
/*
#masthead .site-primary-header-wrap {
    
}
*/




/* -------------------------------------------------------------- */
/* Customize archives */
/* -------------------------------------------------------------- */

body.archive #main .ast-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2em;
    padding: 0 20px;
}

/*@media (min-width: 768px)*/
@media (max-width: 544px) {
    body.archive #main .ast-row {
      display: block;
    }
}

body.archive #main .ast-row > article {
    flex: 1;
    flex-basis: 40%;

    background-color: #f5f5f5;
    /*border: 1px solid #424242;*/

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

body.archive #main .ast-row > article .post-thumb {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 1em;

    /*
    background: rgb(245,245,245);
    background: -moz-linear-gradient(191deg, rgba(245,245,245,0) 50%, rgba(184,184,184,0.7399160347732843) 100%);
    background: -webkit-linear-gradient(191deg, rgba(245,245,245,0) 50%, rgba(184,184,184,0.7399160347732843) 100%);
    background: linear-gradient(191deg, rgba(245,245,245,0) 50%, rgba(184,184,184,0.7399160347732843) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5",endColorstr="#b8b8b8",GradientType=1); 


    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    */

}

body.archive #main .ast-row > article .wp-post-image {
    max-height: 220px;
    width: auto;
    margin: 0 auto;
}

body.archive #main .ast-row > article .entry-title {
    font-size: 1.4rem;
    border-bottom: 1px solid #b8b8b8;
}
body.archive #main .ast-row > article .cat-links a {
    font-size: 12px;
}
body.archive #main .ast-row > article .posted-on {
    display: none;
}


/* -------------------------------------------------------------- */
/* Customize single */
/* -------------------------------------------------------------- */

body.single-post .post-thumb-img-content {

    /*background-color: #e6e6e6;*/

    background: rgb(238,238,238);
    background: -moz-linear-gradient(78deg, rgba(238,238,238,1) 50%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(78deg, rgba(238,238,238,1) 50%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%);
    background: linear-gradient(78deg, rgba(238,238,238,1) 50%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#ffffff",GradientType=1);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    text-align: center;

}


body.single-post .post-thumb-img-content .wp-post-image {
    max-height: 400px;
    width: auto;
}

body.single-post .entry-header .ast-single-post-order {

    display: inline-block;

    padding: 0.5rem 1rem;
    
    background-color: #2e1748;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

body.single-post .entry-header .ast-single-post-order h1.entry-title {
    
    padding-top: 0.5em;
    margin-bottom: 0px;
    font-weight: 700;
    color: #FFF;
    font-size: 3.5rem !important;
    line-height: 1.2;

    text-transform: uppercase;
}

body.single-post .entry-header .ast-single-post-order .cat-links a {
    font-size: 0.9rem;
    color: #bdabd2;
}
body.single-post .entry-header .ast-single-post-order .cat-links a:hover {
    color: #e40e0e;
}
body.single-post .entry-header .ast-single-post-order .posted-on {
    display: none;
}




/* -------------------------------------------------------------- */
/* Customize single Jobs */
/* -------------------------------------------------------------- */

body.emplois .entry-header {
    display: none;
}

body.emplois .entry-content h3 {
    border-top: 1px solid #CCC;
    font-size: 160%;
}
body.emplois .entry-content h4 {    
    font-size: 80%;
    color: #89b47e;
}
body.emplois .entry-content h4::before {
    font-family: fontawesome;
    content: "\f007 ";
    padding-right: 5px;
}
body.emplois .entry-content li {    
    font-size: 90%;
}


/* -------------------------------------------------------------- */
/* Customize presse list */
/* -------------------------------------------------------------- */
/*
ul.presse-list {
    display: table;
}
ul.presse-list > li {
    display: table-row; 
    border: 1px solid black !important;
    position: relative;
    direction: rtl;
}
ul.presse-list > li > a,
ul.presse-list > li > time {
    display: table-cell;
    font-size: 12px;
    direction: ltr;
}
*/


ul.presse-list li {
    border-bottom: 1px solid #b8b8b8;
    margin-bottom: 1rem;
    position: relative;
}

ul.presse-list li a {
    line-height: 1.1;
    font-size: larger;
}
ul.presse-list li div,
ul.presse-list li div a {
    font-size: smaller;
}
ul.presse-list p.read-more {
    display: none;
}


ul.presse-list > li > div {
    padding-left: 30px;
}
ul.presse-list > li > div::before {
    content: '\f1ea';
    font-family: fontawesome;
    margin-right: 1rem;
    position: absolute;
    left: 0px;
}

ul.presse-list > li > time::before {
    content: '\f073';
    font-family: fontawesome;
    margin-right: 1rem;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Page elements */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* -------------------------------------------------------------- */
/* Home- homePostView */
/* -------------------------------------------------------------- */

/*
#home-post-part {};

.post-part {};
*/

/*.entry-content [class*="__inner-container"] > :not(.alignwide):not(p):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe)*/


/*.alignfull .wp-block-group__inner-container .post-parts,
.alignfull .wp-block-group__inner-container .post-parts .post-part-wrapper {
    max-width: none !important;
}

/*
.alignfull .wp-block-group__inner-container .post-parts .post-part-wrapper {
    
}
*/

.alignfull .wp-block-group__inner-container .post-parts.view-list .post-part-content {
    display: block;
}

/*
.alignfull .wp-block-group__inner-container .post-parts.view-slide .post-part-content {

    A faire si besoin d'afficher en slide

    display: inline-block;
    float: left;    

}
*/

/*.alignfull .wp-block-group__inner-container .post-parts .post-part-content {
max-width: 58em;
width: calc(100% - 4em);
margin-left: 0px;
margin-right: 0px;
}*/


/.alignfull .wp-block-group__inner-container .post-parts .post-part-content .alignwide {
    margin-left: calc(-41vw + 50%);
    margin-right: calc(-41vw + 50%);
    max-width: unset;
    width: unset;        
}
.alignfull .wp-block-group__inner-container .post-parts .post-part-content .alignfull {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    width: 100vw;
}



/*
.alignfull .wp-block-group__inner-container .post-parts .post-part-wrapper .is-light {
    max-width: 58em;
    width: calc(100% - 4em);
    margin-left: auto;
    margin-right: auto;
    
}
*/








/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Plugin styles */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* -------------------------------------------------------------- */
/* Cookies Notice */
/* -------------------------------------------------------------- */

.lwpcngNotice {
    font-family: 'Roboto',sans-serif !important;
    font-size: 12px !important;
    
}