/*
Theme Name: Gjosa
Theme URL: https://divlahdpa.preview.infomaniak.website/
Description: Gjosa Theme
Theme Author: OZ - communication-design
Author URL: https://ozed.ch/
Template: veloce
Version: 1.0.0
Text Domain: gjosa
*/


@font-face {
    font-family: 'GT-America-regular';
    src: url("GT-America-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GT-America-light';
    src: url("GT-America-Light.OTF") format("opentype");
    font-weight: 200;
    font-style: normal;
}

body {
  font-family: GT-America-regular;
  font-weight: normal;
  font-size: 1.2rem;
  max-width: 1400px;
  padding: 0;
  background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
  font-family: GT-America-regular !important;
  font-weight: normal;
}
h6 {
  font-size: 1.4em;
  color: #fff;
}

header {
  border-bottom: none;

}
.titres_images {
  font-size: 0.85em;
}
.news_realease .elementor-background-overlay {
    margin-top: 15%;
}
.news_realease a:link, .news_realease a:visited {
    color: #79FFE1;
}
.news_realease a:hover {
    text-decoration: underline;
}
.wp-caption .wp-caption-text {
  font-size: 0.8em !important;
}
#elementor-popup-modal-2107 .dialog-widget-content {
  z-index: 999 !important;
}

/*** calculateur ***/

    #gj_Calculator label {
      color:#0A2F5A;
    }
    #gj_WaterPrice, #gj_ElectricityPrice {
      font-size: 1em;
      width:120px;
    }
    .gj_chart {
      width: 85%
    }

    .gj_chart {
        padding: 0;
    }

    .gj_chart li {
      display: block;
      height: 34px;
      margin-top: 0;
      position: relative
    }

    .gj_chart li:before {
      color: #fff;
      content: attr(title);
      left: 5px;
      top: 2px;
      position: absolute;
    }

    .gj_chart li.title:before {
      color: #0A2F5A;
      font-weight: 400;
      left: 0;
    }

    .gj_chart li:first-child { margin-top: 0 }

    .gj_chart li .gj_bar {
      background: #bcbcbc;
      height: 100%;
      min-width: 185px
    }

    .gj_chart li .gj_number {
      color: #50605c;
      font-size: 18px;
      font-weight: 400;
      padding-left: 5px;
      position: absolute;
      width:200px;
    }

    .gj_chart li.past .gj_bar {
      background: #11d6a8;
    }

    .gj_chart li.past .gj_number {
      color: #11d6a8;
    }
    #gj_Results {
      margin-bottom: 35px;
    }

    ul #gj_WaterSaving {
      margin-bottom: 25px;
    }
    #gj_Calculator input[type=range] {
      background: none;
      border: none;
      padding-left: 0;
      width: 100%;
    }
    input[type=range]::-moz-range-thumb {
      /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0A2F5A;*/
      border: 1px solid #0A2F5A;
      height: 30px;
      width: 30px;
      border-radius: 16px;
      background: #ffffff;
      cursor: pointer;
}
    .input_calculate {
      display: block !important;
      margin-left: auto !important;
      margin-right: auto !important;
}
    #gj_CalculateButton {
      font-size: 25px;
      font-weight: 400;
      margin:15px 0 50px 0;
      padding: 8px 24px;
      background-color: #fff;
      border: 2px solid #0A2F5A;
      border-radius: 25px;
      color: #0A2F5A;
    }
    #gj_CalculateButton:hover {
      background-color: #0A2F5A;
      border: 2px solid #0A2F5A;
      color: #fff;
    }

    /*** style curseur***/

    .gj_rangeslider {
      padding-left: 95px;
      height: 75px;
      margin-bottom: 20px;
    }
    .showerheads {
      background: url(icons/showerheads.png);
      background-repeat: no-repeat;
    }
    .users_per_sh {
      background: url(icons/users_per_sh.png);
      background-repeat: no-repeat;
    }
    .occupancy {
      background: url(icons/occupancy.png);
      background-repeat: no-repeat;
    }
    .showers_per_user {
      background: url(icons/showers_per_user.png);
      background-repeat: no-repeat;
    }
    .min_per_person {
      background: url(icons/min_per_person.png);
      background-repeat: no-repeat;
    }
    .gj_input {
      padding:15px 0 0 95px;
      height: 75px;
      margin-bottom: 20px;
    }
    .gj_input label, #gj_WaterPrice, .gj_currency, #gj_ElectricityPrice {
      float: left;
      margin-right: 7px;
    }
    #gj_WaterPrice, #gj_ElectricityPrice {
      padding: 0.75rem;
      margin-top: -9px;
      border: 1px solid #0a2f5a;
    }
    .price_of_water {
      background: url(icons/price_of_water.png);
      background-repeat: no-repeat;
    }
    .price_of_electricity {
      background: url(icons/price_of_electricity.png);
      background-repeat: no-repeat;
    }

    input[type=range] {
      width: 100%;
      margin: 11.5px 0;
      background-color: transparent;
      -webkit-appearance: none;
    }
    input[type=range]:focus {
      outline: none;
    }
    input[type=range]::-webkit-slider-runnable-track {
      background: #eaeef2;
      border: 1px solid #0a2f5a;
      border-radius: 5px;
      width: 100%;
      height: 7px;
      cursor: pointer;
    }
    input[type=range]::-webkit-slider-thumb {
      margin-top: -12.5px;
      width: 30px;
      height: 30px;
      background: #ffffff;
      border: 1px solid #0a2f5a;
      border-radius: 17px;
      cursor: pointer;
      -webkit-appearance: none;
    }
    input[type=range]:focus::-webkit-slider-runnable-track {
      background: #ffffff;
    }
    input[type=range]::-moz-range-track {
      background: rgb(10,47,90);
      background: linear-gradient(90deg, rgba(10,47,90,1) 15%, rgba(234,238,242,1) 60%);
      border: 1px solid #0a2f5a;
      border-radius: 5px;
      width: 100%;
      height: 7px;
      cursor: pointer;
    }
    input[type=range]::-moz-range-thumb {
      width: 30px;
      height: 30px;
      background: #11d6a8;
      /*border: 1px solid #0a2f5a;*/
      border: none;
      border-radius: 17px;
      cursor: pointer;
    }
    input[type=range]::-ms-track {
      background: transparent;
      border-color: transparent;
      border-width: 18.1px 0;
      color: transparent;
      width: 100%;
      height: 7px;
      cursor: pointer;
    }
    input[type=range]::-ms-fill-lower {
      background: #a2b3c5;
      border: 1px solid #0a2f5a;
      border-radius: 10px;
    }
    input[type=range]::-ms-fill-upper {
      background: #eaeef2;
      border: 1px solid #0a2f5a;
      border-radius: 10px;
    }
    input[type=range]::-ms-thumb {
      width: 30px;
      height: 30px;
      background: #ffffff;
      border: 1px solid #0a2f5a;
      border-radius: 17px;
      cursor: pointer;
      margin-top: 0px;
      /*Needed to keep the Edge thumb centred*/
    }
    input[type=range]:focus::-ms-fill-lower {
      background: #eaeef2;
    }
    input[type=range]:focus::-ms-fill-upper {
      background: #ffffff;
    }
    /*TODO: Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out
    how to remove the virtical space around the range input in IE*/
    @supports (-ms-ime-align:auto) {
      /* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */
      input[type=range] {
        margin: 0;
        /*Edge starts the margin from the thumb, not the track as other browsers do*/
      }
    }

    /*** fin calculateur ***/


    @media screen and (max-width:1028px) {

      .eicon-chevron-right, .eicon-chevron-left {
        display:none;
      }
      .gj_input label, #gj_WaterPrice, .gj_currency, #gj_ElectricityPrice {
        float: none;
        margin-right: 7px;
      }
      #gj_WaterPrice, #gj_ElectricityPrice {
        margin-top: 7px;
      }
      #gj_CalculateButton {
        margin-top: 55px;
      }
      .price_of_water, .price_of_electricity {
        height: auto;
        display: block;
        margin-top: 25px;
}

    }