/*
Theme Name: BVI Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ASTERIUM
Author URI:  https://www.asterium.fr/
Template: salient
Version: 1.0
*/

:root {
  --black: #000;
  --white: #fff;
  --green: #3F6D0B;
  --grey: #ccc;
  --grey-light: #f5f5f5;
  --blue: #00519E;
  --red: #FF0000;
}


/* Barlow Condensed */
@font-face {
  font-family: "Barlow Condensed";
  src: url("./fonts/BarlowCondensed-SemiBold.woff2") format("woff2"),
    url("./fonts/BarlowCondensed-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("./fonts/BarlowCondensed-SemiBoldItalic.woff2") format("woff2"),
    url("./fonts/BarlowCondensed-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("./fonts/BarlowCondensed-BoldItalic.woff2") format("woff2"),
    url("./fonts/BarlowCondensed-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("./fonts/BarlowCondensed-Bold.woff2") format("woff2"),
    url("./fonts/BarlowCondensed-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("./fonts/BarlowCondensed-Regular.woff2") format("woff2"),
    url("./fonts/BarlowCondensed-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("./fonts/BarlowCondensed-Italic.woff2") format("woff2"),
    url("./fonts/BarlowCondensed-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}



*,
body {
  font-family: "Barlow Condensed";
}
h1,
h2,
h3,
h4 {
  font-family: "Barlow Condensed";
  margin-bottom: 26px;
  text-transform: capitalize;
}

h1 {
  color: var(--blue) !important;
}
h2 {
  color: var(--blue);
}

/**** Common ****/

a.bouton {
  padding: 10px 40px 12px 24px;
  border: 1px solid var(--blue);
  border-radius: 80px;
  background: transparent url("./images/arrow-right-green.png") no-repeat;
  background-position: 92% center;
  background-size: 10px 17px;
  color: var(--black);
  display: block;
  max-width: fit-content;
}
@media (min-width: 1200px) {
  a.bouton:hover {
    border: 1px solid var(--red);
    color: var(--red);
    background: transparent url("./images/arrow-right-grey.png") no-repeat;
    background-position: 95% center;
  }
}
.chapeau {
  font-size: 28px;
  font-weight: 400;
}
.legende {
  font-style: italic;
}
/* UL > Li */
.wpb_text_column .wpb_wrapper li {
  list-style: circle;
}



/* HEADER -------------------------------------------------------------------------------------------------- */
/* Menu principal */
#top nav .sf-menu li:not(:last-child) span {
  padding-right: 20px;
  border-right: 1px solid var(--black);
}
#top nav .sf-menu span {
  text-transform: uppercase;
  color: var(--black);
}
/* Menu secondaire */
#header-secondary-outer nav .nectar-center-text {
  text-align: left;
  padding-left: 24px !important;
  max-width: unset;
}
    #header-secondary-outer nav .nectar-center-text:before {
        content: "";
        position: absolute;
        left: 0;
        margin: 0 6px 0 0;
        width: 17px;
        height: 18px;
        background: transparent url('./images/icon_pin.png') no-repeat;
        background-size: 17px 18px;
    }
    #header-secondary-outer nav .sf-menu li.phone a:before {
        content: "";
        position: absolute;
        left: 0;
        margin: 0 6px 0 0;
        width: 17px;
        height: 18px;
        background: transparent url('./images/icon_phone.png') no-repeat;
        background-size: 17px 18px;
    }
    #header-secondary-outer nav .sf-menu li.phone a span {
        padding-left: 24px;
        color: var(--black);
        font-size: 20px;
    }


/* Slider */
.nectar-slider-wrap .swiper-wrapper .container h2 {
  font-family: "Barlow Condensed";
  font-weight: 600;
  line-height: 56px;
  text-transform: uppercase;
}






/* NEWS ------------------------------------------------------------------------------------------*/
/* News list */
#liste_actualites {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px 0;
}
    #liste_actualites .actu_element {
      flex: 0 0 100%;
      border-top: 8px solid var(--blue);
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
        #liste_actualites .actu_element .actu_image {
          width: 100%;
          height: 200px;
          display: flex;
          border-bottom: 1px solid;
          overflow: hidden;
        }
        #liste_actualites .actu_element .actu_image img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: 0.3s ease-in-out;
        }
        @media (min-width: 1200px) {
            #liste_actualites .actu_element:hover .actu_image img {
                transform: scale(1.1);
            }
        }
@media (min-width: 921px) {
    #liste_actualites {
        gap: 0;
    }
    #liste_actualites .actu_element {
        flex: 0 0 30%;
    }
}

/* News - single */
.single-post #page-header-wrap .section-title {
    top: 74%;
}
.single-post #page-header-wrap .inner-wrap a {
    display: none !important;
    opacity: 0;
}
.single-post #page-header-wrap .inner-wrap h1 {
    .text-shadow: 2px 2px 2px #000;
}





/* Contact form footer */
@media (min-width: 1450px) {
    .nectar_hook_global_section_after_content {
        position: relative;
    }
    /*
    .nectar_hook_global_section_after_content:after {
        content:"";
        position: absolute;
        bottom: 0;
        right: -3%;
        width: 338px;
        height: 784px;
        background: transparent url('./images/mutezibiroli-pacifique.png') no-repeat;
        background-size: 338px 784px;
        z-index: 10;
    }
    */
    .gdpr {
        max-width: 90%;
    }
}
@media (min-width: 1600px) {
    .nectar_hook_global_section_after_content:after {
        right: -7%;
    }
}
@media (min-width: 1700px) {
    .nectar_hook_global_section_after_content:after {
        right: -13%;
    }
}
@media (min-width: 1900px) {
    .nectar_hook_global_section_after_content:after {
        right: -15%;
    }
}
.nectar_hook_global_section_after_content {
    margin-top: 60px;
}
.nectar_hook_global_section_after_content .contact-us h2:before {
    content: "Contact us";
    text-transform: uppercase;
    display: block;
    font-size: 20px;
    font-weight: 400;
}
.nectar_hook_global_section_after_content .contact-us a {
    font-size: 24px;
    font-weight: 500;
    color: var(--black);
}

.nectar_hook_global_section_after_content .wpcf7 .contact-name p,
.nectar_hook_global_section_after_content .wpcf7 .contact-details p {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  margin: 10px 0;
}
.nectar_hook_global_section_after_content .wpcf7 .contact-name p br,
.nectar_hook_global_section_after_content .wpcf7 .contact-details p br {
    display: none;
}
.nectar_hook_global_section_after_content .wpcf7-text,
.nectar_hook_global_section_after_content .wpcf7-textarea  {
    background: var(--white);
    border: 1px solid var(--grey);
    border-radius: 10px;
}
.nectar_hook_global_section_after_content .wpcf7-submit {
    padding-right: 40px !important;
    border: 1px solid var(--blue);
    border-radius: 20px !important;
    background: transparent url("./images/arrow-right-blue.png") no-repeat;
    background-position: 92% center;
    background-size: 10px 17px;
    color: var(--black);
    display: block;
    max-width: fit-content;
}
.gdpr {
    font-size: 17px;
    line-height: 21px;
}



/* Footer ------------------------------------------------------------------------------------------- */
#footer-outer .widget h4 {
    font-size: 28px !important;
}
#block-12,
#nav_menu-2 {
    display: none;
}
#menu-social-network li {
    display: inline-block;
}
    #menu-social-network li a {
        text-indent: -9999px;
        width: 32px;
        height: 32px;
        margin: 0 6px 0 0;
    }
        #menu-social-network li.linkedin a {
          display: block;
          background: transparent url("./images/sn_linkedin.png") no-repeat;
          background-size: 32px;
        }