/*
  * Custom code goes here.
  * A template should always ship with an empty custom.css
  */
  /* new modification */
  @media (min-width: 800px) {
      .container {
          width: 100vw;
      }
      .carousel .carousel-item img {
        height: 70vh;
      }
      .carousel .carousel-inner {
        height: 70vh;
      }
      #header .header-top {
        padding-bottom: 0.15rem;
      }
      #wrapper {
        background-color: #a4ff0642 !important;
      }
  }
 /*modification color Header*/
 #header .header-nav {
   background-color: rgba(3,193,215,1);
 }
 .header-top {
   background: linear-gradient(180deg, rgba(3,193,215,1) 0%, rgba(4,218,97,1) 45%, rgba(77,230,179,1) 100%);
 }
 /*.top-menu {
   background-color: white;
 }
 */
 #header .logo {
   margin-top: 0px;
 }

 #header .header-nav{
   margin-bottom: 15px;
 }

 #header .header-top .menu {
     width: 100%;
     margin-top: 10px;
     font-size: 14px;
 }

 #header #contact-link {
   color: white;
 }
 #header .header-top a[data-depth="0"] {
     color: white;
     border-right: 1px solid #dad9d9;
     margin-top: 10px;
     margin-bottom: 6px;
     margin-left: 10px
 }

 #header .header-top a:hover[data-depth="0"] {color: #00023b;}

 /*border container & footer */
 #wrapper , #footer {
   border-color: rgba(77,230,179,1);
   border-style: solid;
   border-width: 12px;
 }
 #wrapper{
   background-color: #a4ff0675;
 }
 /*block category height*/
 .block-category {
   min-height: min-content;
 }

 /*footer modification*/

 .footer-container li a:hover , ._blank {
   color: white;
 }

 .footer-container li a {
   color: #00023b;
 }

 .footer-container .hidden-sm-down, .footer-container .hidden-sm-down a, #block_myaccount_infos .myaccount-title a, .block-contact .block-contact-title, .linklist .blockcms-title a  {
   color: #00023b;
 }

 .footer-container {
   background: linear-gradient(0deg, rgba(3,193,215,1) 0%, rgba(4,218,97,1) 45%, rgba(77,230,179,1) 100%);
 }


 @media (max-width: 767px) {
   #header .header-nav .top-logo {
     background: linear-gradient(90deg, rgba(3,193,215,1) 0%, rgba(77,230,179,1) 45%, rgba(4,218,97,1) 100%);
   }

   #header .header-top a[data-depth="0"] {
       color: #01004b;
     }
   #header .header-top a {
     font-size: 12px;
   }

   .footer-container .links .h3 {
   font-size: 14px;
   }
   ._blank p {
     font-size: 10px;
   }
 }