/*
 Theme Name:   Solution Digitale Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Solution Digitale Child
 Author:       Xavier Gerber
 Author URI:   http://example.com
 Template:     SolutionDigitale
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfifteenchild
*/
.carousel-caption {
    height: 95% !important
}

.carousel-caption > div {
    padding: 0px !important
}

.ck-content {
    max-height: 50vh !important
}

#main .element_bloc_politique_confidentialite h1 {
    color: black !important;
    font-size: 40px !important;
}

.page_2 .sd_element_text_20_item h5 {
    color: lightgray !important;
}

/************************ FONT ****************************/

@font-face {
    font-family: 'West Django';
    src: url(https://brandons.ch/wp-content/uploads/2024/11/West-Django.ttf) format('truetype');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'DesertWestern';
    src: url(https://brandons.ch/wp-content/uploads/2024/11/DesertWestern.ttf) format('truetype');
    font-style: normal;
    font-weight: 300;
}

h4, h2 {
    letter-spacing: 1px;
}

.text_img.container a {
    color: white !important;
    text-decoration: none !important;
}


.page_2 .countdown a {
    transition: 0.3s;
    color: inherit;
    text-decoration: none;
    padding: 10px;
    background-color: #dd0c15 !important;
    font-weight: 100;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    border: solid 1px #dd0c15 !important;
}

.page_2 .countdown a:hover {
    color: inherit;
    text-decoration: none;
    background-color: white !important;
    color: #dd0c15;
    border: solid 1px #dd0c15;
}

.page_85 .sd_element_6_6_text_image_6 .sd_col_2 a,
.page_85 .sd_element_6_6_image_text_20 .sd_col_2 a,
.page_85 .sd_element_text_10_container p a {
    transition: 0.3s;
    color: white;
    text-decoration: none;
    padding: 10px;
    background-color: #dd0c15;
    font-weight: 100;
    border: solid 1px #dd0c15;
}

/*Suppression des colonnes images elements vides*/

.a_l, .a_r {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px !important;
    width: 30px !important;
}


.xg_container_blog_10_36 * {
    color: white;
}

.xg_container_blog_10_36 > div > div {

    background-color: rgba(0, 0, 0, 0.2);
}


.page_2 .sd_element_text_139_container {
    display: none
}

.element_html_89_5,
.element_html_1117_6 {
    background-color: rgba(0, 0, 0, 0.5);
}

.page_66 .sd_element_text_10 > div > div:first-of-type + div + div + div,
.page_66 .sd_element_text_10 > div > div:first-of-type + div + div,
    /*.page_75 .sd_element_text_8_container >div>div>div:first-of-type+div+div+div,*/

.page_260 .sd_element_text_12_container div > div > div:first-of-type + div + div + div,
.page_260 .sd_element_text_12_container div > div > div:first-of-type + div + div + div + div,
.page_260 .sd_element_text_12_container div > div > div:first-of-type + div + div + div + div + div {
    background-color: red;
    display: none !important
}

/*AJOUT DE L'ENVELOPPE AVANT LES LIEN SUR LA PAGE COMITE*/
.page_75 .sd_element_text_6_container a[href="https://brandons.ch/contact/"],
.page_75 .sd_element_text_7_container a[href="https://brandons.ch/contact/"],
.page_75 .sd_element_text_8_container a[href="https://brandons.ch/contact/"],
.page_75 .sd_element_text_9_container a[href="https://brandons.ch/contact/"] {
    display: inline-block;
    height: 25px;
    width: 25px;
    overflow: hidden;
    text-decoration: none;
}

.page_75 .sd_element_text_6_container a[href="https://brandons.ch/contact/"]:before,
.page_75 .sd_element_text_7_container a[href="https://brandons.ch/contact/"]:before,
.page_75 .sd_element_text_8_container a[href="https://brandons.ch/contact/"]:before,
.page_75 .sd_element_text_9_container a[href="https://brandons.ch/contact/"]:before {
    text-indent: 0;
    color: black !important;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    content: "\f0e0";
}


html #main footer h5 {
    color: white !important;
}

#main {
    overflow-x: hidden;
}

/*MENU CHAGEMENT DE LANGUE MASQUE*/
#container_switch_langue {
    display: none !important;
}

/*Sous menus*/
nav .dropdown-item {
    color: black !important;
}

/*
nav .dropdown-item:hover,
.nav-link:hover
{
    color: black!important;
}
*/

/************************************************* REGLES TYPOGRAPHIQUES ET IMPORT TYPO *************************************************************/
/* @font-face {
    font-family: 'Magic-Retro';
    src: url(https://brandons.ch/wp-content/uploads/2023/11/Magic-Retro.ttf) format('truetype');
    font-style: normal;
    font-weight: 100;
    } 

@font-face {
    font-family: 'burn-light';
    src: url(https://brandons.ch/wp-content/uploads/2023/11/Magic-Retro.ttf) format('truetype');
    font-style: normal;
    font-weight: 100;
    } 


#main h1 {font-family:'Magic-Retro';
			font-weight:400;
			font-size: 70px;}

#main h2 {font-family:'GROCHES';
			font-weight:600;
			font-size: 40px;}

#main h3 {font-family:'GROCHES';
			font-weight:400;
			font-size: 60px;}

#main h4 {font-family:'Magic-Retro';
			font-weight:400;
			font-size: 40px;}

#main h5 {font-family:'GROCHES';
			font-weight:400;
			font-size: 28px;}
*/


/*****************************************************************************************************************************************/

body {
    background-image: url(https://brandons.ch/wp-content/uploads/2024/11/Brandons-Accueil-fond-1.png);
    background-attachment: fixed;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}


/****** BARRE AU-DESSUS MENU *********/

#main > div.container-fluid.py-3 {
    background: #dd0c15 !important;
}


#main > div.container-fluid.py-3 h5 {
    font-size: 35px !important;
    color: #f9c12d !important;
}

#main > div.container-fluid.py-3 .flex-column {
    display: flex !important;
    flex-direction: row !important;
}

#main > div.container-fluid.py-3 > div > div > div.sd_col_3.col-lg-4.d-flex.justify-content-end.text-end.flex-column > div.d-flex.sd_social_footer {
    padding-top: 7px !important;
}

#main > div.container-fluid.py-3 {
    padding-bottom: 0px !important;
}


/****** ACCUEIL*********/

.carousel-item img {
    position: absolute;
    object-fit: contain !important;
    left: 0;
    min-height: 100vh;
    top: 50%;
    transform: translateY(-50%);
}

.page_2 .sd_element_6_6_text_image_3 {
    background: linear-gradient(140deg, rgba(5, 151, 57, 1) 37%, rgba(61, 241, 125, 1) 100%);
    border-radius: 20px !important;
}

.page_2 .sd_element_6_6_text_image_3 h2,
.page_2 .sd_element_6_6_text_image_3 h3,
.page_2 .sd_element_6_6_text_image_3 p {
    color: white !important;
}

.page_2 .sd_element_6_6_text_image_3 .sd_col_2.col-lg-6.d-flex.align-items-center.justify-content-start {
    padding: 30px 60px
}

.page_2 .sd_element_6_6_text_image_3 img {
    border-radius: 20px !important;
}


/* TYPES DE BOUTONS */

/****** BOUTONS 1 ********/
.sd-button-header p,
.sd-button-header a {
    color: white !important;
    text-decoration: none;
}

.sd-button-header {
    text-transform: uppercase;
    cursor: default;
    transition: 0.3s;
    padding: 5px 20px 5px 20px;
    border: solid 1px white;
    background-color: transparent;
}

.sd-button-header:hover p,
.sd-button-header:hover a {
    color: #003e28 !important;
}

.sd-button-header:hover {
    padding: 5px 20px 5px 20px;
    border: solid 1px transparent;
    background-color: white;
}

/****** BOUTONS 2 ********/

#main .sd-button-sombre p,
#main .sd-button-sombre a {
    color: white !important;
    font-size: 20px !important;
    font-weight: 400;
    text-decoration: none !important;
}

.sd-button-sombre {
    text-decoration: none !important;
    color: white !important;
    text-transform: uppercase;
    cursor: default;
    transition: 0.3s;
    padding: 10px 20px 10px 20px;
    border: solid 1px transparent;
    background-color: #dc0c15 !important;
}

#main .sd-button-sombre:hover p,
#main .sd-button-sombre:hover p,
#main .sd-button-sombre:hover,
#main .sd-button-sombre:hover a {
    color: #dc0c15 !important;
}

#main .sd-button-sombre:hover {
    padding: 5px 20px 5px 20px;
    border: solid 1px #dc0c15;
    background-color: white !important;
}

/*BOUTON DU FORMULAIRE*/
input[type=submit] {
    border-radius: initial;
    width: auto !important;
    text-transform: uppercase;
    cursor: default;
    transition: 0.3s;
    padding: 5px 20px 5px 20px;
    border: solid 1px transparent;
    background-color: #dc0c15;
    cursor: pointer;
}

/* COUNTDOWN */

#main > div.container.countdown > div > div.col-lg-6 > div {
    background: linear-gradient(140deg, rgba(249, 193, 45, 1) 22%, rgba(255, 229, 8, 1) 100%);
}

#main > div.container.countdown > div > div:nth-child(2) > div {
    background: linear-gradient(140deg, rgba(249, 193, 45, 1) 24%, rgba(221, 12, 21, 1) 82%);
}

#main > div.container.countdown > div > div:nth-child(3) > div {
    background: linear-gradient(140deg, rgba(221, 12, 21, 1) 22%, rgba(153, 1, 8, 1) 100%);
}

#main > div.container.countdown > div > div > div > div {
    padding: 10% 12%;
}

#main > div.container.countdown > div > div.col-lg-6.d-flex.align-items-stretch.align-items-center > div > h3 {
    padding-top: 20px
}

#time_elapse {
    color: white !important
}

#main > div.container.countdown > div > div h3,
#main > div.container.countdown > div > div p {
    color: white !important;
}


/* ACTUALITE ACCUEIL */
.page_2 .sd_element_shortcode_11_container {
    background: url("https://brandons.ch/wp-content/uploads/2024/11/Brandons2025-Accueil-Fond-Articles.png") bottom center no-repeat;;
    padding: 100px !important;
    background-size: cover;
}

.page_2 .sd_element_shortcode_11_container > div > div {
    padding: 150px 0px !important;
}

.page_2 .card {
    background: transparent !important;
}

.page_2 .card-title {
    display: block;
    background-color: unset !important;
    border-radius: 3px;
    padding: unset !important;
}

.page_2 .card-body {
    color: black !important;
    background-color: rgba(255, 255, 255, 0.8);
}

.page_2 .card-img-top {
    border-radius: 10px !important
}

.page_2 h3 {
    font-size: 30px !important;
}


/* Typo titre actualité */

#main > div.container.pt-5.pb-5 > div > div.col-lg-8.pb-5 > h1 {
    font-size: 40px !important;
}

/* FOOTER */

#main > footer > div.container-fluid.pt-5 > div > div > div {
    max-width: 100px !important;
    margin-bottom: -50px;
}

/* PAGE PROGRAMME */

.page_66 h5 :not(footer) {
    color: #c39200 !important;
    font-size: 36px !important;
}

.page_66 h3 {
    color: #059739 !important;
    font-size: 50px !important;
}

.page_66 .sd_element_text_3_container p,
.page_66 .sd_element_text_7_container p,
.page_66 .sd_element_text_11_container p,
.page_66 .sd_element_text_5_container p,
.page_66 .sd_element_text_9_container p,
.page_66 .sd_element_text_10_container p,
.page_66 .sd_element_text_45_container p {
    border-left: solid 3px #dc0c15 !important;
    padding-left: 10px !important;
}


.sd_element_text_45_container a {
    color: #059739 !important;
    text-decoration: none !important;
}

/* PAGE GUGGENS*/

.page_68 .sd_element_text_27_container img {
    max-width: 200px
}

.page_68 .sd_element_text_23_container img,
.page_68 .sd_element_text_24_container img,
.page_68 .sd_element_text_25_container img,
.page_68 .sd_element_text_26_container img {
    padding: 20px 30px !important;
}


.page_68 .sd_element_text_23_container > div > div > div:hover img,
.page_68 .sd_element_text_24_container > div > div > div:hover img,
.page_68 .sd_element_text_25_container > div > div > div:hover img,
.page_68 .sd_element_text_26_container > div > div > div:hover img {
    transform: scale(1.2);
    opacity: 70%
}

.page_68 .sd_element_text_23_container > div > div > div img,
.page_68 .sd_element_text_24_container > div > div > div img,
.page_68 .sd_element_text_25_container > div > div > div img,
.page_68 .sd_element_text_26_container > div > div > div img {
    transition: 0.5s
}


.page_260 .sd_element_text_9_container .col-lg,
.page_260 .sd_element_text_10_container .col-lg,
.page_260 .sd_element_text_11_container .col-lg,
.page_260 .sd_element_text_12_container .col-lg,
.page_260 .sd_element_text_13_container .col-lg,
.page_260 .sd_element_text_14_container .col-lg,
.page_68 .sd_element_text_23_container > div > div > div,
.page_68 .sd_element_text_24_container > div > div > div,
.page_68 .sd_element_text_25_container > div > div > div,
.page_68 .sd_element_text_26_container > div > div > div {
    position: relative;
    border: solid 1px white;
    border-radius: 6px;
    background: white;
    box-shadow: 5px 5px 15px 5px #e1e1e1;
    margin: 10px
}

/* PAGE COMITE*/

.page_75 .sd_element_text_6_container img,
.page_75 .sd_element_text_7_container img,
.page_75 .sd_element_text_8_container img {
    padding-bottom: 20px !important
}


/*PAGE HISTOIRE */

.page_77 .sd_element_6_6_image_text > div {
    align-items: center !important;
}

/* PAGE DATES*/

.page_79 .sd_element_text_3_container > div > div > div > div,
.page_79 .sd_element_text_7_container > div > div > div > div,
.page_83 .sd_element_text_6_container > div > div > div > div {
    border: solid 1px white;
    border-radius: 6px;
    background: white;
    margin: 5px !important;
    box-shadow: 5px 5px 15px 5px #e1e1e1;
    padding: 20px;
}

.page_83 .sd_element_text_6_container {
    background: radial-gradient(circle, rgba(255, 212, 0, 1) 37%, rgba(242, 145, 0, 1) 100%);
    padding-top: 100px;
    padding-bottom: 100px;
}


/*PAGE ARCHIVES DES BRANDONS*/

.page_81 .element_accordion_81_12 h4 {
    font-size: 30px !important;
}


.page_81 .element_accordion_81_12 > div {
    column-count: 2;
    display: block !important;
    column-width: 100% !important;
}


form input[type=checkbox] {
    width: auto !important
}


/****PAGES NEWS****/

#main .card-title {
    background-color: unset !important;
}

/*/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 1024px) {

.page_2 .sd_element_text_21_container {
        width: 80% !important;
        margin: auto !important;
}

    #main > div.sd_element_text_21_container > div > div > div:nth-child(2),
    #main > div.sd_element_text_21_container > div > div > div:nth-child(3),
    #main > div.sd_element_text_21_container > div > div > div:nth-child(4) {
        border-left: 1px solid lightgray;
    }
}


/***************************************************************/
/*******************VERSION MOBILE*****************************/
/***************************************************************/
@media screen and (min-width: 1400px) {
    .sd_element_text_26_container > div {
        width: 670px !important
    }

    /*.page_75 .sd_element_text_8_container >div{
        width:1000px
    }*/
    .page_260 .sd_element_text_12_container > div {
        width: 680px
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .sd_element_text_26_container > div {
        width: 580px !important
    }

    .page_75 .sd_element_text_8_container > div {
        width: 870px
    }

    .page_260 .sd_element_text_12_container > div {
        width: 600px
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .sd_element_text_26_container > div {
        width: 490px !important
    }

    .page_75 .sd_element_text_8_container > div {
        width: 700px
    }

    .page_260 .sd_element_text_12_container > div {
        width: 510px
    }
}

@media screen and (max-width: 992px) {

    #main > div.sd_element_text_20_container > div {
        padding 0px !important;
    }

    .page_2 .sd_element_text_21_container .row > div {
        width: 50% !important;
    }

	
	
	
#main > div.sd_element_text_21_container > div > div > div:nth-child(3),
#main > div.sd_element_text_21_container > div > div > div:nth-child(1){
      border-right: 1px solid lightgray;
      border-bottom: 1px solid lightgray;
}

#main > div.sd_element_text_21_container > div > div > div:nth-child(4),
#main > div.sd_element_text_21_container > div > div > div:nth-child(2){
      border-bottom: 1px solid lightgray;
}
	
	
       
    html #main nav .menu-item a {
        font-size: 18px !important;
    }

    #main > div.sd_element_text_9_container {
        padding-top: 50px !important;
    }


    html nav .container .navbar-brand img {
        max-height: 68px !important;
        height: 68px !important;
    }

    .a_l, .a_r {
        margin: 5px !important;
        padding: 5px !important;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
    }

    .page_260 .sd_element_text_14 {
        justify-content: start !important
    }


    .page_260 .sd_element_text_9_container .col-lg,
    .page_260 .sd_element_text_10_container .col-lg,
    .page_260 .sd_element_text_11_container .col-lg,
    .page_260 .sd_element_text_12_container .col-lg,
    .page_260 .sd_element_text_13_container .col-lg,
    .page_68 .sd_element_text_23_container > div > div > div,
    .page_68 .sd_element_text_24_container > div > div > div,
    .page_68 .sd_element_text_25_container > div > div > div,
    .page_68 .sd_element_text_26_container > div > div > div {
        position: relative;
        border: solid 1px white;
        border-radius: 6px;
        background: white;
        margin: 0px !important;
        margin-bottom: 10px !important

    }

    #main > div.sd_element_text_shortcode2_container .order-1,
    #main > div.sd_element_text_shortcode6_container .order-1 {
        order: 2 !important
    }

    #main > div.sd_element_text_shortcode2_container .order-2,
    #main > div.sd_element_text_shortcode6_container .order-2 {
        order: 1 !important
    }

    .image_text img {
        margin-bottom: 30px !important;
    }

    .text_img img {
        margin-top: 30px !important;
    }


    /*Accordion espace des images*/
    .accordion-item img {
        margin-top: 30px !important
    }

    /*Alignement des logos dans colonne images*/
    /*
    .sd_element_text_23_container .justify-content-center,
    .sd_element_text_24_container .justify-content-center,
    .sd_element_text_25_container .justify-content-center,
    .sd_element_text_26_container .justify-content-center{
        justify-content:left!important
    }
    */
    /*Espacement des carousels*/
    .carousel {
        /*	margin-top:20px!important;*/
        margin-bottom: 20px !important
    }

    #main .carousel-caption,
    #main .carousel-indicators {
        display: none !important
    }

    nav .d-flex {
        display: block !important
    }

    /****** TYPO*********/
    #main h1 {
        font-size: 34px !important
    }

    #main h2 {
        font-size: 30px !important
    }

    #main h3 {
        font-size: 28px !important
    }

    #main h4 {
        font-size: 25px !important
    }

    #main h5 {
        font-size: 25px !important
    }

    #main p {
        font-size: 17px !important
    }


    #main .sd_element_header {
        height: 250px !important;
    }


    /****** BARRE AU-DESSUS MENU *********/
    #main > div.container-fluid.py-3 h5 {
        font-size: 25px !important;
    }

    #main > div.container-fluid.py-3 {
        padding-top: 5px !important;
        padding-bottom: 0px !important;
    }

    #main > div.container-fluid.py-3 .justify-content-start {
        justify-content: center !important;
    }

    #main > div.container-fluid.py-3 > div > div > div.sd_col_3.col-lg-4.d-flex.justify-content-end.text-end.flex-column > div:nth-child(1) {
        display: none
    }

    #main > div.container-fluid.py-3 > div > div > div.sd_col_3.col-lg-4.d-flex.justify-content-end.text-end.flex-column > div.d-flex.sd_social_footer {
        padding-top: 0px;
        padding-bottom: 10px;
    }

    #main > div.container-fluid.py-3 .row > * {
        flex-shrink: 0;
        width: 50%;
        max-width: 100%;
    }

    #main > div.container-fluid.py-3 > div > div > div.sd_col_2.col-lg-4.d-flex.justify-content-center.text-center {
        display: none !important;
    }

    #main > div.container-fluid.py-3 .d-flex {
        display: flex !important;
        align-items: center;
    }

    #main > div.container-fluid.py-3 > div > div > div.sd_col_3.col-lg-4.d-flex.justify-content-end.text-end.flex-column > div.d-flex.sd_social_footer {
        padding-top: 5px !important;
    }

    nav .container .navbar-brand img {
        max-height: 70px !important;
        height: 70px !important;
    }

    /****** ACCUEIL*********/
    .carousel-item img {
        position: absolute !important;
        object-fit: cover !important;
        left: 0;
        min-height: 200px !important;

    }


    #main > div.no-padding.sd_element_shortcode_1_container {
        height: 200px !important;
    }

    .page_2 .sd_element_6_6_text_image_3 .sd_col_2.col-lg-6.d-flex.align-items-center.justify-content-start {
        padding: 30px 40px;
    }

    #main > div.container.countdown > div > div > div > div {
        padding: 10% 8%;
    }

    #main > div.sd_element_shortcode_11_container > div > div > div > div > div {
        padding-bottom: 20px !important;
    }


    .page_81 .element_accordion_81_12 > div {
        column-count: 1;
        display: block !important;
        column-width: 100% !important;


    }
}