/*********************
* GLOBAL ********************
*********************/

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto-Regular.ttf");
 }

 @font-face {
     font-family: "Roboto";
     src: url("../fonts/Roboto-Bold.ttf");
     font-weight: bold;
 } 

 @font-face {
     font-family: "Dechorian";
     src: url("../fonts/Dechorian.otf");
     font-weight: bold;
 }

 body {
     margin: 0 !important;
     font-family: 'Roboto', sans-serif;
 }

 /*------------------------------------*\
   ENLEVER LES MESSAGES PAYPAL 
\*------------------------------------*/

/* Cache tout le bloc Pay Later pour la locale FR */
.message__container.locale--FR {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

 /*------------------------------------*\
   MASQUER DES BLOCKS DANS LA SIDEBAR
\*------------------------------------*/

 #block-3,
 #block-4,
 #block-5 {}

 h2.widget-title {
     color: var(--color__blanc);
     background-color: var(--color__1);
     font-weight: bold;
 }


 /*------------------------------------*\
	            COULEURS
\*------------------------------------*/
 :root {

     /*---------- Couleurs Soldevilla ----------*/
     --color__1: #a20e28;
     /* Rouge bordeaux */
     --color__2: #4d2122;
     /* Rouge bordeaux foncé */
     --color__3: #640d0d;
     /*  */
     --color__4: ;
     /*  */
     --color__5: ;
     /*  */
     --defaultcolor__n124: #4169e1;
     /* hover #191970; */

     /*------------------------------------*/

     --color__blanc: #ffffff;
     --color__noir: #111111;

     --color__text_main: #242021;
     --color__text_input: #666;
     --color__text_input_focus: #111;

     --color__link_menu: var(--color__noir);
     --color__link_menu_hover: var(--color__1);
     --color__link_text: var(--color__1);
     --color__link_text_hover: var(--color__noir);

     --color__border_button: var(--color__1);
     --color__background_button: var(--color__1);
     --color__border_button_hover: var(--color__3);
     --color__background_button_hover: var(--color__3);

     --color__border_input: #ccc;
     --color__border_abbr: #666;

     --color__background_screen: #f1f1f1;
     --color__background_hr: #ccc;
     --color__background_pre: #eee;
     --color__background_ins: #fff9c0;
     --color__text_screen: #21759b;


     /* Structure */
     --content_width: 1024px;
     --size__site_main: 100%;
     --size__site_sidebar: 25%;

     /* Typography */
     --font__main: 'Roboto', sans-serif;
     --font__titles: 'Roboto', sans-serif;
     --font__code: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
     --font__pre: "Courier 10 Pitch", courier, monospace;
     --font__line_height_body: 1.5;
     --font__line_height_pre: 1.6;
 }

 /*------------------------------------*\
            GUTENBERG COLORS
\*------------------------------------*/

 .has-color-1-background-color {
     background-color: var(--color__1);
 }

 .has-color-1-color {
     color: var(--color__1);
 }

 .has-color-2-background-color {
     background-color: var(--color__2);
 }

 .has-color-2-color {
     color: var(--color__2);
 }

 .has-color-3-background-color {
     background-color: var(--color__3);
 }

 .has-color-3-color {
     color: var(--color__3);
 }

 .has-color-4-background-color {
     background-color: var(--color__4);
 }

 .has-color-4-color {
     color: var(--color__4);
 }

 .has-color-5-background-color {
     background-color: var(--color__5);
 }

 .has-color-5-color {
     color: var(--color__5);
 }

 .has-blanc-background-color {
     background-color: var(--color__blanc);
 }

 .has-blanc-color {
     color: var(--color__blanc);
 }

 .has-noir-background-color {
     background-color: var(--color__noir);
 }

 .has-noir-color {
     color: var(--color__noir);
 }

 /*------------------------------------*\
       TITRE / TEXTE / BOUTON WP
\*------------------------------------*/


 h1,
 h2,
 h3,
 h4,
 h5,
 b,
 s,
 a {
     color: var(--color__1);
 }

 h1,
 h2,
 h3,
 h4,
 h5 {
     font-weight: bold;
     text-transform: uppercase;
 }

 h1 {
     font-size: 3rem;
     text-align: center;
     margin-bottom: 0.5em;
 }

 h2 {
     font-size: 2rem;
 }

 h3 {
     font-size: 1rem;
 }

 .woocommerce div.product .product_title {
     font-size: 2rem
 }

 ;

 p {
     font-size: 1em;
 }

 a {
     text-decoration: none;
 }

 ul {
     margin-left: 0;
     font-size: 1.2rem;
 }

 a:link,
 a:visited,
 a:hover,
 a:focus,
 a:active {
     color: var(--color__1);
     outline: none;
 }

 hr {
     background-color: var(--color__1);
     border: 0;
     height: 2px;
     margin-bottom: 3em;
 }

 hr.blanc {
     background-color: var(--color__blanc);
     border: 0;
     height: 2px;
     margin-bottom: 3em;
 }

 .btn,
 .button {
     /* width: 100%; */
     background-color: var(--color__1) !important;
     border-color: var(--color__1) !important;
     color: white !important;
     font-size: 1.2rem;
     border-width: 0 !important;
 }

 .btn-pro-new {
     /* width: 100%; */
     background-color: var(--color__2) !important;
     border-color: var(--color__2) !important;
     color: white !important;
     font-size: 1.2rem;
     border-width: 0 !important;
 }


 .btn-pro-new:hover {
     background-color: var(--color__noir) !important;
     border-color: var(--color__noir) !important;
 }

 .btn:hover,
 .button:hover {
     background-color: var(--color__noir) !important;
     border-color: var(--color__noir) !important;
 }

 .btn:focus,
 .button:focus,
 .btn:active,
 .button:active {
     background-color: var(--color__1) !important;
     border-color: var(--color__1) !important;
 }

 .btn-primary,
 .woocommerce .card a.button,
 .woocommerce div.product form.cart button.button,
 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
 #place_order {
     --bs-btn-bg: var(--color__1);
     --bs-btn-border-color: var(--color__1);
     --bs-btn-hover-bg: var(--color__noir);
     --bs-btn-hover-border-color: var(--color__noir);
     --bs-btn-active-bg: var(--color__noir);
     --bs-btn-active-border-color: var(--color__noir);
     --bs-btn-disabled-bg: var(--color__1);
     --bs-btn-disabled-border-color: var(--color__1);
 }

 .scale {
     transition: 0.25s;
 }

 .scale:hover {
     transform: scale(0.95);
 }

 .white {
     color: white;
 }

 .black {
     color: black;
 }

 .wc-breadcrumb .breadcrumb-item:first-child a::before {
     background-color: var(--color__1);
 }

 /*********************
* NAVIGATION ********************
*********************/

 .site-header .navbar-brand img {
     display: block;
     margin: 0 auto;
 }

 .navbar-brand img {
     max-height: 60px;
 }

 #wp-admin-bar-edit {
     display: none !important;
 }

 .menu-item {
     height: 100px;
     display: grid;
     align-items: center;
 }

 nav {
     background-color: var(--color__blanc);
 }

 /*********************
* SLIDER ********************
*********************/

 .box-slider {
     margin-top: 126px;
 }

 .box-slider a {
     position: relative;
     display: inline-block;
 }

 .tab-slider {
     display: table;
     width: 100%;
     height: 100%;
     position: absolute;
 }

 .cell-slider {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
     text-align: center;
 }

 .title-slider {
     font-size: 3.3rem;
     text-transform: uppercase;
     line-height: 1;
     color: white;
     font-weight: bold;
     text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
     font-family: 'Dechorian';
 }

 .content-slider {
     font-size: 2rem;
     line-height: 1.5;
     color: white;
     text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
 }

 .img-slider {
     background-size: cover;
     background-position: center;
     width: 100%;
     height: 200px;
 }

 .slick-dots {
     bottom: 25px;
     z-index: 1000;
 }

 .slick-dots li button::before {
     opacity: 1;
     color: white;
 }

 .slick-dots li.slick-active button::before {
     opacity: 1;
     color: var(--color__1);
 }

 .slick-dotted.slick-slider {
     /* margin-bottom: 0px;*/
 }

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

 .link-product {
     display: block;
     border: solid 1px grey;
     padding: 5px;
     min-height: 430px;
 }

 .link-product-new {
     background-color: white;
 }

 .link-product img {
     width: 100%;
     max-width: none;
 }

 .link-event {
     display: block;
     position: relative;
 }

 .tab-event {
     display: table;
     width: 100%;
     height: 100%;
     position: absolute;
 }

 .cell-event {
     display: table-cell;
     width: 100%;
     height: 100%;
     vertical-align: middle;
     text-align: center;
 }

 .title-event {
     font-size: 3rem;
     text-transform: uppercase;
     line-height: 1;
     color: white;
     font-weight: bold;
     text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
 }

 .bg-new {
     background-color: var(--color__1);
 }

 .div-cc {
     border-radius: 1rem;
     background-color: #148ac7;
     text-align: center;
 }

 .div-cc h1,
 .div-cc h2,
 .div-cc h3,
 .div-cc h4,
 .div-cc h5,
 .div-cc h6 {
     color: white;
     font-size: 2rem;
     font-weight: bold;
     margin: 0;
 }

 .div-cc p {
     color: white;
     padding-bottom: 15px;
 }

 .icon-cc {
     font-size: 4rem;
     color: white;
 }

 /*********************
* CONTACT ********************
*********************/

 .map-contact iframe {
     height: 530px;
 }

 .txt-contact {
     font-size: 1rem;
 }

 .text-center {
     margin-top: 0.8em;
 }

 /*********************
* ACCESSIBILITÉ ********************
*********************/

 .img-acces {
     display: inline;
     width: 100px;
     margin-right: 10px;
     float: left;
 }

 /*********************
* ARCHIVE ********************
*********************/

 .nav-filter-archive {
     text-align: center;
 }

 .nav-filter-archive li {
     list-style: none;
     display: inline;
     margin-right: 10px;
 }

 .link-archive,
 .link-galerie {
     /*overflow: hidden;*/
     /*  position: relative; */
     display: block;
     min-height: 540px;
 }

 .title-archive {
     /*position: absolute;*/
     /* top: -150px; */
     background-color: rgba(255, 255, 255, 0.75);
     width: 100%;
     /* transition: 0.25s; */
     color: black;
     font-size: 1.5rem;
     font-weight: 700;
     text-align: center;
 }

 .content-archive {
     /* position: absolute;*/
     /* bottom: -150px; */
     background-color: rgba(255, 255, 255, 0.75);
     width: 100%;
     /*  transition: 0.25s; */
     color: black;
     font-size: 1rem;
 }

 .img-archive,
 .img-galerie {
     background-size: cover;
     background-position: center;
     width: 100%;
     height: 350px;
 }

 .pagination {
     margin: 0;
 }

 a.lireplus {
     color: var(--color__blanc);
     text-align: center;
     background-color: var(--color__1);
     display: block;
 }

 a.lireplus:hover {
     color: var(--color__blanc);
     background-color: var(--color__noir);
 }

 /*********************
* CONTENT ARCHIVE ********************
*********************/

 .nav-archive {
     font-size: 1.2rem;
 }

 .nav-archive a {
     width: auto;
     background-color: var(--color__1);
     border-color: var(--color__1);
     color: white !important;
     font-size: 1.2rem;
     display: inline-block;
     font-weight: 400;
     border-radius: .25rem;
     padding: .375rem .75rem;
     line-height: 1.5;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }

 .nav-archive a:hover {
     background-color: var(--color__noir);
     border-color: var(--color__noir);
     text-decoration: none;
 }



 /*********************
* FOOTER ********************
*********************/

 .bloc-footer-map {
     height: 400px;
     position: relative;
 }

 .bloc-footer-map iframe {
     width: 100%;
     height: 400px;
 }

 .bloc-footer-icon {
     color: white;
     text-align: center;
     background-color: #414141;
     padding-top: 15px;
     padding-bottom: 15px;
 }

 .txt-cart,
 .txt-card,
 .txt-delivery,
 .txt-inch {
     display: inline;
     padding-left: 50px;
     padding-right: 50px;
     font-weight: bold;
 }

 .icon-cart,
 .icon-card,
 .icon-delivery,
 .icon-inch {
     vertical-align: middle;
     display: inline;
 }

 .icon-delivery {
     margin-right: 10px;
 }

 .bloc-footer-1 {
     background-color: #222222;
     color: white;
     font-size: 1.2rem;
 }

 .bloc-footer-1 a {
     font-size: 1.2rem;
 }

 .bloc-footer-2 {
     background-color: #222222;
     font-size: 12px;
     color: white;
 }

 .bloc-footer-1 a,
 .bloc-footer-2 a {
     color: white;
 }

 .bloc-footer-1 a:hover,
 .bloc-footer-2 a:hover {
     text-decoration: underline;
 }

 .icon-footer {
     color: white !important;
     transition: 0.25s;
 }

 .icon-footer:hover {
     color: var(--color__1) !important;
 }

 .icon-footer i {
     font-size: 3rem;
 }

 /*********************
* RESPONSIVE ********************
*********************/

 @media (max-width: 575px) {
     .box-new {
         width: auto;
         margin: auto;
     }
 }

 @media (min-width: 576px) and (max-width: 767px) {
     .box-new {
         width: 540px;
         margin: auto;
     }
 }

 @media (min-width: 768px) and (max-width: 991px) {
     .box-new {
         width: 720px;
         margin: auto;
     }
 }

 @media (min-width: 992px) and (max-width: 1199px) {
     .box-new {
         width: 960px;
         margin: auto;
     }
 }

 @media (min-width: 1200px) and (max-width: 1399px) {
     .box-new {
         width: 1140px;
         margin: auto;
     }
 }

 @media (min-width: 1400px) {
     .box-new {
         width: 1320px;
         margin: auto;
     }
 }

 @media (max-width: 991px) {

     .menu-item {
         height: auto;
     }

     .btn,
     .btn-pro-new {
         font-size: 1rem;
     }

     .nav-archive {
         font-size: 1rem;
     }

     .nav-archive a {
         font-size: 1rem;
     }

     ul {
         font-size: 1rem;
     }

     h1 {
         font-size: 2rem;
         margin-bottom: 0.6em;
     }

     p {
         font-size: 1rem;
     }

     .title-slider {
         font-size: 2rem;
         line-height: 1;
     }

     .content-slider {
         font-size: 1rem;
         line-height: 1.5;
     }

     .title-event {
         font-size: 2rem;
     }

     .title-archive {
         top: 0px;
         font-size: 1.5rem;
     }

     .content-archive {
         bottom: 0px;
         font-size: 1rem;
     }

     .bloc-footer-1 {
         font-size: 1rem;
     }

     .bloc-footer-1 a {
         font-size: 1rem;
     }

     .bloc-footer-icon {
         display: none;
     }


     #offcanvas-navbar .social-icons i {
         font-size: 40px;
         /* taille icones réseaux sociaux dans le menu mobile */
     }

     #offcanvas-navbar .navbar-nav .nav-link {
         font-size: 1.4rem;
         /* taille du texte dans le menu mobile */
     }

     .navbar-brand img {
         max-height: 60px;
         height: auto;
         width: auto;
     }

 }