@font-face {
    font-family: 'freebooter_scriptregular';
    src: url('fonts/freebooterscript-webfont.woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'edwardian_script_itcregular';
    src: url('fonts/edwardianscriptitc-webfont.woff2') format('woff2'),
         url('fonts/edwardianscriptitc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
    background-image: url("pictures/background.png");
    background-repeat: repeat;
}
.form-group:not(:first-child) {
    margin-top: 0.7vw  !important;
}
#main_title {
    font-family: 'freebooter_scriptregular';
    font-size: calc(2.5rem + 4.5vw) !important;
}
@media (min-width: 992px) {
    #main_title {
        font-size: calc(2.0rem + 3.2vw) !important;
    }
}

#event_subtitle {
    letter-spacing: 3px;
    margin-top: 1vw;
    font-family: 'edwardian_script_itcregular'!important;
    color: #c70038;
    font-size: calc(2.0rem + 3.2vw) !important;
}
@media (min-width: 992px) {
    #event_subtitle {
        font-size: calc(1.8rem + 2.0vw) !important;
    }
}

.sub-title {
  font-family: 'edwardian_script_itcregular' !important;
  font-size: calc(1.0rem + 1.8vw) !important;
  letter-spacing: 3px;
}

#login_form_bloc form {
    border-radius: 1.2%;
}

@media (min-width: 992px) {
    #login_form_bloc {
        z-index: 1200;
        right: 12vw;
        top: 10vw;
        width: 27vw;
        position: fixed;
        min-width: 322px;
    }
}

#main_picture {
    max-width: 90% !important;
    margin: auto;
    z-index: 1000;
    position: relative;
}
@media (max-width: 992px) {
    #main_picture {
        max-width: 100% !important;
        margin: auto;
  }
}

/* recaptcha */
.grecaptcha-badge{
    z-index: 2000;
}





/* PRIVATE PART */
.guest-block .card {
    border: 1px solid #788B67;
    /* border-radius: 0.2vw; */
    /* padding-left: 0.2vw;
    padding-right: 0.2vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    margin-top: 0.5vw !important; */
}


#map, #cardReception {
    padding-bottom: 3vw;
    height: 30vw;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
}

.guest-blocks {
  margin-left: 3.5vw !important;
  margin-right: 3.5vw !important;
}

#logout-tab:hover {
    color: #c70038 !important;
}


.btn-primary {
    background-color: #788b67 !important;
    border: None !important;
}

.nav-link.active {
    background-color: #788b67 !important;
}





/* INPUT RANGE STYLE WITH REALLY BAD CSS CODE <3 */
input[type=range] {
    height: 34px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
  }
  input[type=range]:focus {
    outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 11px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 2px #000000;
    background: #E3E3E3;
    border-radius: 1px;
    border: 0px solid #010101;
  }
  input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 1px #000031;
    border: 1px solid #4D4D4D;
    height: 27px;
    width: 27px;
    border-radius: 28px;
    background: #788B67;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -8.5px;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
    background: #E3E3E3;
  }
  input[type=range]::-moz-range-track {
    width: 100%;
    height: 11px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 2px #000000;
    background: #E3E3E3;
    border-radius: 1px;
    border: 0px solid #010101;
  }
  input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 1px #000031;
    border: 1px solid #4D4D4D;
    height: 27px;
    width: 27px;
    border-radius: 28px;
    background: #788B67;
    cursor: pointer;
  }
  /* DIRTY FIX FOR THUMB */
  input[type=range]:active::-ms-thumb {
    /* color: #788B67 !important; */
    background-color: #788B67 !important;
    color: #788B67 !important;
    box-shadow: 0px 0px 1px #788B67 !important;
  }
  input[type=range]:active::-webkit-slider-thumb {
    /* color: #788B67 !important; */
    background-color: #788B67 !important;
    color: #788B67 !important;
    box-shadow: 0px 0px 1px #788B67 !important;
  }
  input[type=range]:active::-moz-range-thumb {
    /* color: #788B67 !important; */
    background-color: #788B67 !important;
    color: #788B67 !important;
    box-shadow: 0px 0px 1px #788B67 !important;
  }
  input[type=range]:focus::-ms-thumb {
    /* color: #788B67 !important; */
    background-color: #788B67 !important;
    color: #788B67 !important;
    box-shadow: 0px 0px 1px #788B67 !important;
  }
  input[type=range]:focus::-webkit-slider-thumb {
    /* color: #788B67 !important; */
    background-color: #788B67 !important;
    color: #788B67 !important;
    box-shadow: 0px 0px 1px #788B67 !important;
  }
  input[type=range]:focus::-moz-range-thumb {
    /* color: #788B67 !important; */
    background-color: #788B67 !important;
    color: #788B67 !important;
    box-shadow: 0px 0px 1px #788B67 !important;
  }

  input[type=range]::-ms-track {
    width: 100%;
    height: 11px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }
  input[type=range]::-ms-fill-lower {
    background: #E3E3E3;
    border: 0px solid #010101;
    border-radius: 2px;
    box-shadow: 0px 0px 2px #000000;
  }
  input[type=range]::-ms-fill-upper {
    background: #E3E3E3;
    border: 0px solid #010101;
    border-radius: 2px;
    box-shadow: 0px 0px 2px #000000;
  }
  input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 1px #000031;
    border: 1px solid #4D4D4D;
    height: 27px;
    width: 27px;
    border-radius: 28px;
    background: #788B67;
    cursor: pointer;
  }
  input[type=range]:focus::-ms-fill-lower {
    background: #E3E3E3;
  }
  input[type=range]:focus::-ms-fill-upper {
    background: #E3E3E3;
  }
  
  .cagnottelink {
    text-decoration: none !important;
  }
  .cagnottelink:hover {
    text-decoration: underline !important;
    text-decoration-color: #c70038  !important;
  }

  .cagnottetext {
    margin-top: 2.5vw !important;
    text-align: center !important;
  }
  
  .cagnottesubtitle {
    letter-spacing: 3px;
    /* margin-top: .8vw; */
    font-family: 'edwardian_script_itcregular'!important;
    color: #c70038;
      font-size: calc(1.8rem + 2.5vw) !important;
  }
  @media (min-width: 992px) {
      .cagnottesubtitle {
          font-size: calc(1.8rem + 1.5vw) !important;
      }
  }