html {
    -filter: grayscale(0);
}
body {
    background-color: #eaeef5;
    background-image: url(../img/circle.gif);
    background-repeat: no-repeat;
    background-position: center center ;
    background-blend-mode: multiply;
    background-size: contain;
    min-height: 90vh;
}

#contenu_page.principal {
    position: fixed;
    top: 70px;
    bottom: 82px;
    width: 100%;
    overflow: auto;
    max-width: 600px;
    box-shadow: 0 0 10px #CCC;
    background-color: #eaeef5;
}
.home header {
    display: none;
}
.home_site {
    position: absolute;
    display: flex;
    transition: .3s;
    width: 100%;
    padding: 0 2%;
    z-index: 1;
    background: #eaeef5;
    text-align: center;
    align-content: center;
    align-items: flex-end;
    top: 0px;
    height: calc( 100vh - 0px);
    background: url("/wp-content/uploads/2023/05/bebou23.png") no-repeat bottom  center;
    background-size: cover;
}
.home_site h3 {
    margin-top: 0 !important;
    font-size: 17px!important;
}
.home_site img {
    width: 100% ;
}
.home_text {
}
.bebou {
    width: 80% !important;
    margin:10px 0 20px 0;
}
.demo-install {
    color: var(--main-light);
    margin-bottom: 80px;
    line-height: 26px;
    opacity: 0;
    transition: .3s;
}
.demo-install div {
    font-size: 22px;
    text-decoration: none;
    border: 1px solid #FFF;
    border-radius: 50px;
    padding: 4px 24px;
    margin: 10px 0 5px 0;
    display: inline-block;
    background: #fff;
    color: var(--main-dark);
    font-family: var(--font-600);
    cursor: pointer;
}
.demo-install a:last-child {
    -margin-right: 26px;
}
.popup-install {
    display: none;
    position: absolute;
    z-index: 200;
    background: var(--main-light);
    margin: 0 5%;
    padding: 6% 7% 4% 7%;
    top: 5%;
    border-radius: 5px;
    transition: .3s;
}
.popup-install img {
    margin: 12px 0 16px 0;
}
.lang-selector {
    position: absolute;
    right: 120px;
    border-radius: 5px;
    cursor: pointer;
    top: 20px;
    background: #FFFA;
    transition: .3s;
    border: 1px solid var(--main-color1);
    border-top: 0;
}
.lang-selected {
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 10px;
    font-family: var(--main-font);
}
.lang-selector img{
    width: 10px;
    margin: 0 0px 1px 7px;
}
.lang-list {
    font-size: 14px;
    font-family: var(--main-font);
    cursor: pointer;
    background: #FFF;
    text-transform: uppercase;
    border-radius: 0px 0px 5px 5px;
    transition: .3s;
    opacity: 0;
    max-height: 0px;
    overflow: hidden;
}
.lang-list.show {
    opacity: 1;
    max-height: 6000px;
}
.lang-list-choice:first-child {
    padding-top: 8px;
}
.lang-list-choice:last-child {
    padding-bottom: 8px;
}
.lang-list-choice {
    text-align: center;
    padding: 5px 10px;
    display: block;
}
.lang-list-choice:hover a {
    font-family: var(--main-font);
}

@media (min-width: 600px) {
    #contenu_page.principal, header, footer {
        max-width: 450px;
        left: calc( 50% - 225px );
    }
    footer .container {
        max-width: 450px;
    }
    .slogan {
        display: none;
    }
    #onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-right {
        right: calc(50% - 220px)!important;
    }
    .home_site {
        max-width: 450px;
        left: calc(50% - 225px);
        right: calc(50% - 225px);
    }
    .popup-install {
        max-width: 450px;
        left: calc(50% - 225px);
        right: calc(50% - 225px);
        margin: 0 3%;
        padding: 3%;
    }
}
.screen-favoris, .screen-stations, .screen-signaler, .screen-notifs, .screen-info-station,
.screen-aide {
    position: absolute;
    transition: .3s;
    opacity: 0;
    width: 100%;
    z-index: 1;
    visibility: hidden;
    -display: none;
    background: #eaeef5;
    top: 0;
    bottom: 0;
    overflow: auto;
}
.screen-favoris.show, .screen-stations.show,
.screen-signaler.show, .screen-notifs.show,
.screen-info-station.show, .screen-aide.show {
    opacity: 1;
    z-index: 50;
    visibility: visible;
    -display: block;
}
.container-screen {
    padding: 0!important;
}
.container-screen h2 {
    font-family: var(--font-italic-900);
    color: var(--main-dark);
}
.screen-header {
    padding: 10px 16px;
    background: var(--main-light);
}
#shokola_map_search .screen-header {
    text-align: center;
    box-shadow: 0 0px 9px #8888;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 0;
}

.scrollToTop{
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 6px;
    font-size: 0;
    text-align: center;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    border: 3px solid var(--main-color1);
    background: var(--main-color1) url(../img/chevron-up-light.svg) no-repeat center center;
    background-size: 21px;
    transition: .3s;
}
.scrollToTop:hover{
    text-decoration:none;
    background: var(--main-light) url(../img/chevron-up-dark.svg) no-repeat center center;
    background-size: 21px;
}
#shokola_map_search_header {
    border-bottom: 1px solid #888;
    padding: 10px 16px;
}
.row-pied-page {
    width: 100%;
    line-height: 18px;
}
.row-pied-page .col-3,
.row-pied-page .col-3 * {
    transition: .3s;
}
.row-pied-page .col-3:hover,
.row-pied-page .col-3.selected {
    font-family: var(--font-600);
    color: var(--main-color1) !important;
}
.row-pied-page .col-3.selected {
    --background: var(--main-light);
    border-radius: 5px;
    color: var(--main-color1) !important;
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right {
    bottom: 30px!important;
}
.menu-light-mode {
    cursor: pointer;
    width: 85px;
    position: absolute;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    top: 0 !important;
    justify-content: center;
    color: var(--main-color1);
    right: 10px !important;
    z-index: 100;
    cursor: pointer;
}
.text-light-mode {
    font-size: 9px;
    text-align: left;
    font-family: var(--main-font);
    margin-left: 6px;
    line-height: 11px;
}
.mode-sombre h2 , .mode-sombre h3 , .mode-sombre ul , .mode-sombre li , .mode-sombre p ,
.mode-sombre .station-nom, .mode-sombre .station-ouverture,  .mode-sombre  .contact-signaler div,
.mode-sombre .station-message-statut, .mode-sombre .station-message-title,
.mode-sombre .station-message-details .btn, .mode-sombre .adresse-details,
.mode-sombre .iti-texte, .mode-sombre .contenu-horaire * {
    color: #000000!important;
}
.mode-sombre #shokola_result_details a.btn-more, .mode-sombre .station-options .btn-more {
    background: #000000;
    border-color: #000000;
}
.mode-sombre .contact-signaler .btn-more {
    color: #000000;
    border-color: #000000;
}
.mode-sombre .btn-type.selected {
    border-color: var(--main-color1);
}

.contenu_page.mode-sombre {
    background: #FFF;
}

.mode-sombre {
    filter: invert(0.9) hue-rotate(180deg) saturate(1.5);
}
.mode-sombre .except {
    filter: invert(1) hue-rotate(180deg);
}
.mode-sombre .screen-favoris, .mode-sombre .screen-stations,
.mode-sombre .screen-signaler, .mode-sombre .screen-notifs {
    background: #FFFFFF;
}
.mode-sombre .station-message,.mode-sombre .favoris-details {
    background: #eaeef5;
}
.mode-sombre .station-details .station-message {
    background: #FFFFFF;
}
.header-sombre {
    -background: var(--main-dark);
    -test-img: url("/wp-content/uploads/2023/05/cropped-cropped-logo_GazUp-01-1.png");
}

#mapwrapper_custom_buttons {
    padding: 10px!important;
    top:0!important;
}

#shokola_map {

}
.noConnexion {
    background: url('/wp-content/themes/wp-theme-gazup/assets/img/nomap.png') no-repeat center center;
    background-size: cover;
    text-align: center;
    font-size: 18px;
    padding: 80px 40px 0 40px;
    display: inline-block;
    font-family: var(--font-700);
    width: 100%;
    height: 300px;
}
.preload-panel-infos-bio,
.preload-panel-infos-eco {
    display: none;
}
#shokola_result_details h2, #shokola_result_details h2 strong {
    font-family: var(--font-italic-900) !important;
    font-size: 22px;
    margin: 0 0 0 0;
}
.contact-signaler h2, .contact-signaler h2 strong {
    font-size: 32px;
}

#shokola_result_details h3, #shokola_result_details h3 strong,
.contact-signaler h3, .contact-signaler h3 strong {
    font-family: var(--font-italic-900) !important;
    font-size: 18px;
    margin: 1.5rem 0;
}
#shokola_result_details li {
    list-style-type: disc;
}
#shokola_result_details a.btn-more, .station-options .btn-more {
    display: inline-block;
    background: var(--main-dark);
    color: var(--main-light);
    transition: .3s;
    margin-right: 10px;
}
#shokola_result_details a.btn-more:hover, .station-options .btn-more:hover {
    background: var(--main-color1);
}
#shokola_result_details {
    display: none;
}


#shokola_map_container {
    padding: 0;
    display: block;
}
#shokola_map_search #map_custom_buttons {
    background-color: #FFF;
    cursor: pointer;
    text-align: center;
}
#shokola_map_search .ol-zoom {
    position: absolute;
    top: 10px;
    right: 10px;
}
#shokola_map_search .ol-rotate {
    display: none;
}

#shokola_map_search .map-button,
#shokola_map_search .ol-zoom button {
    width: 30px;
    height: 30px;
    font-size: 0px;
    color: #333;
    text-shadow: none;
    line-height: 27px;
    border: 1px solid #CCC;
    user-select: none;
    background-color: #FFF;
    display: block;
}
#shokola_map_search .ol-zoom button.ol-zoom-in::before {
    content: "\f067";
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
}
#shokola_map_search .ol-zoom button.ol-zoom-out::before {
    content: "\f068";
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
}
.fa-light, .fa-regular, .fal {
    font-family: 'Font Awesome 5 Pro' !important;
}
.fa-brands {
    font-family: 'Font Awesome 5 Brands' !important;
    font-size: 28px;
    font-style: normal;
}
#shokola_map_search .ol-control button.ol-scroll {
    background-image: url(../img/no-mouse.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    display: none;
}
#shokola_map_search .ol-control button.ol-scroll.allow {
    background-image: url(../img/mouse.png);
}

#shokola_map {
    height: 366px;
    min-height: 366px
}

#shokola_map_search #map_zoom_out, #map_lock_wheel {
    border-top: none;
}

#shokola_map_search #map_lock_wheel {
    position: relative;
    background: url("../img/mouse.png") no-repeat center;
    font-size: 12px;
    line-height: 32px;
    text-indent: -9999px;
    background-size: 32px 30px;
}

.touch #shokola_map_search #map_lock_wheel {
    /*display: none;*/
}

#shokola_map_search #map_lock_wheel.disabled:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 2px solid #333;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.filter-type {
    padding: 10px 0px 0px 0px;
}
.filter-type .btn-type {
    border: 2px solid transparent;
    color: var(--main-color1);
    border-radius: 50px;
    padding: 0px 11px;
    margin: 0 5px 0 0;
    font-family: var(--font-900);
    font-size: 18px;
    line-height: 36px;
}
.filter-type .btn-type:last-child {
    margin-right: 0;
}
.filter-type .btn-type:hover {
    -color: var(--main-light);
}
.btn-type.btn-gnc, .btn-type.btn-gnl,
.btn-type.btn-bio, .btn-type.btn-eco {
    border: 0px solid var(--main-color1);
    background-color: #e8f4c8;
    color: var(--main-color1);
}
.filter-type .btn-type.btn-gnc, .filter-type .btn-type.btn-gnl,
.filter-type .btn-type.btn-bio, .filter-type .btn-type.btn-eco {
    border-width: 1px;
    background-color: #FFFFFF;
}

.filter-type .show-select {
    display: inline-block;

    color: var(--main-color1);
    border-radius: 50px;
    margin-right: 0px;
    padding: 0px;
    font-size: 23px;
    height: 0px;
    width: 0px;
    opacity: 0;
    line-height: 12px;
    transition: .3s;
}
.filter-type .btn-type.selected .show-select {
    height: 18px;
    width: 18px;
    opacity: 1;
    margin-right: 0px;
    padding: 2px;
}
.btn-type.selected {
    border: 0px solid var(--main-dark);
    -background-color: #d0d9ea;

    background: var(--main-dark) !important;
}
.filter-type .btn-type.selected {
    -border-width: 1px;
}
.sep-gnc-gnl {
    display: inline-block;
    font-family: var(--font-600);
    margin: 0 1px;
}

.icon-borne-light, .icon-borne-dark {
    width: 32px;
}
.icon-borne-dark, .mode-sombre .icon-borne-light {
    display: none!important;
}
.mode-sombre .icon-borne-dark {
    display: inline!important;
}

#ol-popup {
    display: none;
}
.msg-install, .msg-trajet {
    display: none;
}

@media (max-width: 768px) {
    .slogan {
        display: none;
    }
}

.preload-liste-stations {
    display: none;
}

.station-details {
    padding: 10px 16px;
}
.station-details h3, .home_site h3 {
    font-family: var(--font-italic-900);
    color: var(--main-dark);
    margin-top: 30px;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 22px;
}
.station-ouverture {
    margin-top: 20px;
    font-family: var(--font-600);
}
.station-adresse-details {
    display: block;
    margin-bottom: 26px;
}
.station-adresse-details i {
    line-height: 40px;
}
.adresse-details {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    color: var(--main-dark);
    margin-left: 10px;
    line-height: 20px;
    width: calc(100% - 55px);
}
.station-nom {
    font-family: var(--font-italic-900);
    color: var(--main-dark);
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 25px;
    margin-top: 4px;
}
.station-nom .icon-borne-light, .station-nom .icon-borne-dark {
    height: 24px;
}
.station-nom .fa-star {
    color: var(--main-color1);
    font-size: 22px;
}
.station-tiret {
    display: inline-block;
    border: 1px dashed #2A2658;
    width: 2px;
    height: 12px;
    margin-left: 15px;
}
.station-statut {
    border: 1px solid var(--main-color1);
    color: var(--main-color1);
    font-size: 12px;
    border-radius: 50px;
    padding: 2px 12px;
    margin: 6px 0px;
    display: inline;
    font-family: var(--font-700);
}
.station-statut::before {
    content: " ";
    display: inline-block;
    background: var(--main-color1);
    border-radius: 50px;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
}
.screen-favoris .station-statut {
    float: right;
    margin-top: 0;
}
.screen-info-station .station-statut {
    float: right;
}
.screen-info-station .station-details h3:first-child {
    margin-top: 8px;
}
.station-statut-orange,
.station-statut-en-travaux
{
    border-color: #F7A535;
    color: #F7A535;
}
.station-statut-orange::before,
.station-statut-en-travaux::before {
    background: #F7A535;
}
.station-statut-rouge,
.station-statut-fermee
{
    border-color: #FA6053;
    color: #FA6053;
}
.station-statut-rouge::before,
.station-statut-fermee::before {
    background: #FA6053;
}

.screen-favoris .station-carbu {
    margin-top: 20px;
    clear: both;
    margin-bottom: 6px;
}
.station-carbu .btn.btn-type {
    font-family: var(--font-900);
    font-size: 14px;
    line-height: 36px;
    margin-right: 5px;
    padding: 0px 9px;
}
.screen-favoris .station-carbu .btn.btn-type {
    font-size: 13px;
    line-height: 30px;
    padding: 1px 10px;
}
.station-carbu .btn.btn-gnc {
    color: var(--main-dark);
    background: #d0d9ea;
}

.station-carbu .btn.btn-type:last-child {
    margin-right: 0px;
}
.station-cartes > div:first-child {
    display: inline-flex;
    width: 50px;
    height: 42px;
    margin-bottom: 7px;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.station-cartes img {
    max-width: 50px;
    max-height: 36px;
    object-fit: contain;
}
.station-adresse-iti {
}
.iti-details {
    font-size: 14px;
    font-family: var(--main-font);
}
.iti-details .fa-route {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.iti-details a {
    display: inline-block;
    vertical-align: middle;
    border: 0px solid #CCC;
    height: 38px;
    text-align: center;
    border-radius: 5px;
    width: auto;
}
.iti-details .fa-brands {
    font-size: 30px;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.iti-details .fal {
    font-size: 26px;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.iti-details .btn {
    white-space: nowrap;
}
.iti-details .btn div {
    display: inline-block;
}
.iti-texte {
    margin-bottom: 5px;
}
.station-cartes {
    text-align: center;
    background: var(--main-light);
    border-radius: 5px;
    margin: 0 5px 5px 0;
    width: calc(25% - 10px);
    font-size: 12px;
    line-height: 16px;
    font-family: var(--font-600);
    padding: 6px 0;
}
.station-cartes i {
    color: var(--main-dark);
    font-size: 34px;
}
.station-options {
    margin: 20px 0;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.station-options i {
    font-size: 16px;
}
.station-options .btn {
    padding: 0px 15px;
}
.station-message {
    background: #FFF;
    border-radius: 5px;
    padding: 16px;
    margin-bottom: 10px;
}
.station-message-statut {
    margin-top: -4px;
    margin-bottom: 10px;
}
.message-liste .station-message-statut {

}
.station-message-statut .station-statut {
    margin: 2px 0px;
    float: none;
}
.station-message-nom .station-nom {
    font-size: 16px;
    margin-bottom: 0;
}
.station-message-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 4px;
}
.station-message-details {
    font-size: 14px;
    line-height: 20px;
}
.favoris-liste .station-message-details {
    float: right;
    margin-top: 0;
    box-shadow: -4px 4px 6px -2px #CCC;
    border-radius: 5px;
}
.favoris-liste .station-message-details .btn {
    font-size: 13px;
    height: 26px;
    line-height: 24px;
    margin-right: 0px;
    margin-top: -1px;
    border: 0;
    background: transparent;
    color: var(--main-dark);
}
.favoris-liste .station-message-details .btn:hover {
    background: transparent;
    color: var(--main-dark);
}
.favoris-details {
    background: #FFF;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
}
.favoris-liste {
    padding: 0px 6px;
}
.notification-details {
    padding: 10px 16px;
}
.message-liste  {
    padding: 10px 16px;
}
.message-liste h3 {
    font-family: var(--font-italic-900);
    color: var(--main-dark);
    margin-top: 10px;
    margin-bottom: 8px;
}
.msg-vide .fa-gas-pump-slash {
    display: inline-block;
}
.msg-vide .fa-gas-pump-slash::before {
    display: inline-block;
    font-size: 64px;
}
.form-details {
    padding: 10px 16px;
}
.form-details h2 {
    display: none;
}
#field_1_1 label {
    display: none!important;
}
.gform_required_legend {
    display: none;
}
.gform-body .charleft.ginput_counter.gfield_description {
    -height: 0!important;
    -overflow: hidden!important;
    -padding: 0 !important;
}
.modebar-container {
    display: none;
}
.num-notif {
    position: absolute;
    width: 100%;
    font-family: var(--font-700);
    font-size: 14px;
    color: var(--main-light);
    margin-top: 8px;
    line-height: 22px;
}
.contenu-horaire {
    margin-top: 20px;
    margin-bottom: 35px;
}
.contenu-horaire .lc {
    font-family: var(--font-900);
    font-size: 14px;
    text-align: center;
    letter-spacing: 0px;
    margin-right: 2px;
    display: inline-block;
}
.ligne-horaire {
    font-family: var(--font-600);
    font-size: 14px;
    line-height: 19px;
}
.ligne-horaire .lh{
    display: inline-block;
    width: 110px;
    vertical-align: middle;
    text-align: left;
}
.bh, .bloc-horaire-0,.bloc-horaire-1, .bloc-horaire-2 {
    display: inline-block;
    width: 28px;
    height: 18px;
    margin: 0px 1px;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
}
.bh {
}
.bloc-horaire-0 {
    background-color: #94cc00;
}
.bloc-horaire-1 {
    background-color: #F9AE2A;
}
.bloc-horaire-2 {
    background-color: #FA6053;
}
.copyright {
    font-size: 14px;
    font-family: var(--font-600);
}

.contact-aide {
    padding: 10px 16px;
}
.contact-aide h2 {
    font-family: var(--font-700);
    font-size: 36px;
}
.screen-signaler .contact-signaler {
    padding: 10px 16px 0px 16px;
}
.screen-signaler .form-details {
    padding-top: 0;
}
.screen-signaler #field_1_4 {
    height: 0;
    overflow: hidden;
    display: none;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-family: var(--font-600);
}
.ginput_container.ginput_container_fileupload .gfield_description.gform_fileupload_rules {
    display: none;
}
.signaler-station {
    font-family: var(--font-italic-900);
    margin-top: 8px;
}
.signaler-station img {
    width: 20px;
    margin-right: 6px;
}
.contact-signaler p {
    padding: 0;
    margin: 0;
}


.panel-0 .icon-footer {
    display: inline-block;
    width: 32px;
    height: 32px;
    background:url("/wp-content/themes/wp-theme-gazup/assets/img/favoris_off.svg") no-repeat center;
    margin-top: 4px;
}
.panel-0:hover .icon-footer, .panel-0.selected .icon-footer {
    background:url("/wp-content/themes/wp-theme-gazup/assets/img/favoris_on.svg") no-repeat center;
}

.panel-1 .icon-footer {
    display: inline-block;
    width: 32px;
    height: 32px;
    background:url("/wp-content/themes/wp-theme-gazup/assets/img/carte_off.svg") no-repeat center;
    margin-top: 4px;
}
.panel-1:hover .icon-footer, .panel-1.selected .icon-footer {
    background:url("/wp-content/themes/wp-theme-gazup/assets/img/carte_on.svg") no-repeat center;
}

.panel-2 .icon-footer, .panel-5 .icon-footer {
    display: inline-block;
    width: 32px;
    height: 32px;
    background:url("/wp-content/themes/wp-theme-gazup/assets/img/aide_off.svg") no-repeat center;
    margin-top: 4px;
}
.panel-2:hover .icon-footer, .panel-2.selected .icon-footer,
.panel-5:hover .icon-footer, .panel-5.selected .icon-footer{
    background:url("/wp-content/themes/wp-theme-gazup/assets/img/aide_on.svg") no-repeat center;
}

.panel-3 .icon-footer {
    display: inline-block;
    width: 32px;
    height: 32px;
    background:url("/wp-content/themes/wp-theme-gazup/assets/img/notif_off.svg") no-repeat center;
    margin-top: 4px;
}
.panel-3:hover .icon-footer, .panel-3.selected .icon-footer {
    background:url("/wp-content/themes/wp-theme-gazup/assets/img/notif_on.svg") no-repeat center;
}


#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-sm {
    transform-origin: center center;
    right: 40px;
    bottom: 12px!important;
    background: #2a2459;
}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-sm .onesignal-bell-launcher-button {
    width: 58px!important;
    height: 58px!important;
}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-button svg {
    border-radius: 50px;
    test-filter: drop-shadow(0px 0px 4px rgba(255,255,255,1)) !important;
    test-webkit-filter: drop-shadow(0px 0px 4px rgba(255,255,255,1)) !important;
}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-message {
    color: #000!important;
    background: #fff!important;
    margin-right: 10px!important;
}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-inverse .onesignal-bell-launcher-button svg .foreground {
    fill: var(--main-light) !important;
}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-inverse .onesignal-bell-launcher-button svg .stroke {
    stroke: var(--main-light) !important;
    stroke-width: 2px!important;
}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-theme-inverse .onesignal-bell-launcher-button svg .background {
    fill: var(--main-dark) !important;
}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher-inactive {
    opacity: 1;
}
.home #onesignal-bell-container {
    display: none;
}

#onesignal-bell-container.onesignal-reset
.onesignal-bell-launcher.onesignal-bell-launcher-sm.onesignal-bell-launcher-active
.onesignal-bell-launcher-button::before {
    position: absolute;
    content:" ";
    background: transparent;
    border-radius: 50%;
    margin: 6px;
    height: 46px;
    width: 46px;

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    transform: scale(1);
    animation: pulse 2s infinite;

    z-index: 1;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.id-number {
    text-align: center;
    font-size: 13px;
    display: none
}
.otgs-development-site-front-end {
    display: none!important;
}

.gform_title {
    display: none!important;
}
.gform_legacy_markup_wrapper .gform_footer {
    text-align: center;
}