*{font-family: "Auctav-Montserrat"; font-size: .9rem;}
      header{ background: rgba(255, 255, 255, .96); box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 20px; height: 110px;}
      nav *{font-size: 15px;}
      nav ul{align-items: center;  justify-content: center;}
      .nav-item{text-align: center; max-width: 200px; margin: 0 5px; font-size: 15px;}
      nav form{ border-bottom: 1px solid #AA5A14; color: #AA5A14; }
      nav form input{ background:transparent; border: 0; width: 230px; padding: 0 10px;}

      main{  position: relative; top: 110px; margin-bottom: 150px; min-height: calc(100vh - 527px)}
    .logo{max-height: 80px; }

    @media (min-width: 992px) {
      .navbar-brand{position: relative; top: -20px; left: -20px;}
    }


    @media (max-width: 1000px) {
      header{height:100px;}
      main{top: 128px;}
    }


    @font-face {
        font-family: "Auctav-Montserrat";
        src: url("fonts/Montserrat-Light.otf");
        font-weight: normal;
    }
    

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

    @font-face {
        font-family: "Auctav-Montserrat";
        src: url("fonts/Montserrat-Bold.otf");
        font-weight:500;
    }

    @font-face{
      font-family: "BAHNSCHRIFT";
      src: url('fonts/Bahnschrift.eot');
      src: url('fonts/Bahnschrift.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift.woff2') format('woff2'),
        url('fonts/Bahnschrift.woff') format('woff'),
        url('fonts/Bahnschrift.ttf') format('truetype'),
        url('fonts/Bahnschrift.svg#Bahnschrift') format('svg');
      font-weight:500;  

    }

    @font-face{
      font-family: "BAHNSCHRIFT";
      src: url('fonts/Bahnschrift.eot');
      src: url('fonts/Bahnschrift.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bahnschrift.woff2') format('woff2'),
        url('fonts/Bahnschrift.woff') format('woff'),
        url('fonts/Bahnschrift.ttf') format('truetype'),
        url('fonts/Bahnschrift.svg#Bahnschrift') format('svg');
      font-weight:bold;  

    }

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

    h3{font-size: 18px;}


    .d-flex#cards{overflow: hidden; };
    #cards *{font-family: "BAHNSCHRIFT";}

    #cards h3{font-size: 16px; margin: 5px auto 0; min-height: 40px;}
    #cards p{margin: 5px auto 10px; height: 80px;}

    .card{cursor: pointer;}



    .blur{backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);}


    #cards .countdownBlock{ font-size: .9rem; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex;  align-items: center;  justify-content: center; height: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px;}
    #cards .countdownBlock > h3{background: rgba(255, 255, 255, .4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: white; font-family: "BAHNSCHRIFT"; font-size: 25px; padding: 10px; height: auto;}
    #cards .countdownBlock .countdown{background: rgba(255, 255, 255, .4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: white; padding: 5px; text-transform: uppercase; font-size: 9px; color: white; width: 68px;}
    #cards .countdownBlock .countdown span{font-family: "BAHNSCHRIFT"; font-size: 24px; color: white;}
    #cards .btn{ font-size: .9rem;}

    #cards span.title{text-transform: uppercase;}


    @media (max-width: 768px) {
      #cards{overflow-x: auto;}
      #cards .countdownBlock{height: 120px;}
    }

    .live{background: #518242; color: white}
    .live .btn-primary{background: white; border-color:white;; color: #518242;}   
    .live .btn-primary:hover{background: #518242; border-color:white; color: white;}
    .live span{color: #F2E8D3; font-weight: bold;}

    .results{background: #F8F7F2; color: #12152D}
    .results .btn-primary{background: #12152D; border-color:#12152D;; color: white;}    
    .results .btn-primary:hover{background: white; border-color:#12152D; color: #12152D;}
    .results .btn-secondary{background: white; border-color:#12152D;; color: #12152D;}    
    .results .btn-secondary:hover{background: #12152D; border-color:#12152D;; color: white;}
    .results span{color: #AA5A14; font-weight: bold;}

    .inscriptions{background: #F2E8D3; color: #12152D}
    .inscriptions .btn-primary{background: #12152D; border-color:#12152D;; color: white;}
    .inscriptions .btn-primary:hover{background:#32366B ; border-color:white;; color:white;}
    .inscriptions span{color: #AA5A14; font-weight: bold;}

    .flash{background: #32366B; color: white}
    .flash .btn-primary{background: white; border-color:white;; color: #12152D;}
    .flash .btn-primary:hover{background: #99A0D6; border-color:#99A0D6;; color: white;}
    .flash span{color: #DFBEA0; font-weight: bold;}

    .catalog {background: #AA5A14; color: white}
    .catalog .btn-primary{background: white; border-color:white;; color: #AA5A14;}
    .catalog .btn-primary:hover{background: #DFBEA0; border-color:#DFBEA0;; color: white;}
    .catalog .btn-secondary{background: #AA5A14; border-color:white;; color: white;}
    .catalog .btn-secondary:hover{background: #DFBEA0; border-color:#DFBEA0;; color: white;}
    .catalog span{color: #F2E8D3; font-weight: bold;}

    .catalog_soon{background: #F8F7F2; color: #12152D}
    .catalog_soon .btn-primary{background: #12152D; border-color:#12152D;; color: white;}    
    .catalog_soon .btn-primary:hover{background: white; border-color:#12152D; color: #12152D;}
    .catalog_soon .btn-secondary{background: white; border-color:#12152D;; color: #12152D;}    
    .catalog_soon .btn-secondary:hover{background: #12152D; border-color:#12152D;; color: white;}
    .catalog_soon span{color: #AA5A14; font-weight: bold;}


    .btn-primary{background: #12152D; border:0; color: white} .btn-primary:hover, .btn-primary:first-child:active{background: #32366B;}
    .btn-secondary{background: #AA5A14; border:0; color: white} .btn-secondary:hover, .btn-secondary:first-child:active{background: #DFBEA0;}

    #docs a{text-decoration: none; color: black;}

    #home .inscriptions{background: white;}
    #connect .row div:first-child{background: #F2E8D3;}
    #connect .row div:first-child a{color: black;}
    #connect .row div:first-child input.form-control, #connect .row div:first-child select.form-control{border: 1px solid #AA5A14;}



      #sale_entete{border-bottom: 2px solid #aa5a14;}
      #sale_entete form input{background: #f1f1f1; border: 0;}

    #sidebarFilter input[type='button']{display: none; background: #aa5a14; color: white; border: 0;}
      #sidebarFilter h3{display: none;}

      @media (max-width: 480px) {
        #sidebarFilter{display: none;}
        #sidebarFilter input[type='button']{display: block;}
        #sidebarFilter h3{display: block; text-align: center;}
        #sidebarFilter h3 i{float: right;}
        #sidebarFilter{position: fixed; height: 100vh !important; top: 0; padding: 50px 20px; background: white; z-index: 1050; overflow: auto;}
      }

      #filtres{ margin: 0; padding: 0;}
      #filtres > li{border-bottom:1px solid #f1f1f1; font-size:14px; font-weight: bold; list-style: none; padding: 10px 0; margin: 0;}
      #filtres > li > span > i{font-size:18px; float: right; color: black;}
      #filtres > li > span{display: block; text-transform: uppercase;}
      #filtres > li > span a{color: black;}

      #filtres > li ul{padding: 0; margin: 10px 0; display: none;}
      #filtres > li ul.active{display: block;}
      #filtres > li ul li{list-style: none; padding: 3px 0; margin: 0; font-weight: normal;}

      #docs{padding: 10px; border: 2px solid #aa5a14; border-radius:5px; }
      #docs h2{font-size:14px;}
      #docs ul{ margin: 0; padding: 0;}
      #docs li{list-style: none; padding: 5px; margin: 0;}
      
      #sales_infos{background: #F2E8D3;}
      #sales_infos h1{ font-size:1.8rem; color:black; text-transform: uppercase;}
      #sales_infos .infos{ font-size:1.2rem; color:#aa5a14; font-weight: bold;}

nav.navbar > .container{position: relative;}

nav a{color: black; text-decoration: none;}

.nav-item {
  padding: 0.5rem 0px;
}

.dropdown-hover >.dropdown-menu.show {
display: inline-block;
top:65px; 
left: 0;
border:0; 
background: transparent;
}

.dropdown-toggle::after{border: 0;}

.dropdown-menu .row{background: rgba(255,255,255, 0.95);}

.dropdown-menu h3{display: none;}
.dropdown-menu li{list-style: none;}

@media (max-width: 480px) {
  .dropdown-hover >.dropdown-menu.show{
    position: fixed;
    top: 130px;
    left: 0;
    background: white;
    height: calc(100% - 130px);
    overflow: hidden;
  }


  .dropdown-menu h3{display: block; text-align: center;}
  .dropdown-menu h3 i{float: right;}
}


#auctavArtMenu{background: #F2E8D3;}
  

#contact_presentation{
    background: rgba(255, 255, 255, .4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: white;
    font-family: "BAHNSCHRIFT";
    font-size: 25px;
    padding: 10px;
    text-align: center;
}

#page h1, #page h2{font-size: 1.8rem; border-bottom: 2px solid #AA5A14; }
#page h3{color: black; font-size: 1.5rem;text-transform: none;}
#page h4{font-size: 1.3rem; text-transform: none;}
.teamMember b{color: #AA5A14; text-transform: uppercase;}

    .bg-primary{background-color: #12152D !important;}
    .bg-secondary{background-color: #F2E8D3 !important;}


    .border-primary{border-color: #12152D !important;}
    .border-secondary{border-color: #AA5A14 !important;}



  .success{cursor: pointer}
  .success .horse_infos{border-bottom: 1px solid #f1f1f1;}
  .success .img{height: 230px; background-color: #f1f1f1;  background-size: cover; background-position: center center; background-repeat:no-repeat;}
  .success .horse_infos{background: white top 5px right 5px no-repeat;}

  .success.Plat .horse_infos{background-image: url(img/plat.svg);}
  .success.Trot .horse_infos{background-image: url(img/trot.svg);}
  .success.Obstacle .horse_infos{background-image: url(img/obstacle.svg?v=2025);}
  .success.Elevage .horse_infos{background-image: url(img/elevage.svg);}

  #page .success .horse_infos h3, .success .horse_infos h3{font-size:20px; color:#AA5A14; font-weight: bold; text-transform: uppercase; margin-top: 5px;}
  .success .horse_infos b, .success .horse_infos b a{color:black; padding-top: 5px;  display: block; text-transform: uppercase; text-decoration: none;}
  .success .horse_sales{font-size: .85rem; font-style: italic;}

  #header_shortcuts{ z-index: 9999;}



  button.badge {
    font-size: 12px;
    font-weight: normal;
    border: 0;
    background: #e3e4f2;
    color: #323672;
    padding: 5px;
}

#list_filtres a{color: black;}

.lightbox-carousel img.img-fluid{
    background: white;
}

.btn-xs-dark{background: black; font-size: 12px; color: white !important; padding: 5px 10px; text-decoration: none;}
.btn-xs-whatsapp{background: #49d36e; font-size: 12px; color: white !important; border-radius:15px; padding: 5px; text-decoration: none;}
.btn-xs-mail{background: #12152D; font-size: 12px; color: white !important; border-radius:15px; padding: 5px; text-decoration: none;}

@media (max-width: 480px) {
.lightbox-carousel .ratio-16x9 {   --bs-aspect-ratio: 100%; }
}