/* @override 
	http://j709eatgly.preview.infomaniak.website/themes/custom/stable9plus/css/styles.css?*
	https://j709eatgly.preview.infomaniak.website/themes/custom/stable9plus/css/styles.css?* */


/**
 * @file
 * Subtheme specific CSS.
 */


/* +P
  __      ____
 /\ \    /\  _`\  
 \_\ \___\ \ \L\ \
/\___  __\\ \ ,__/
\/__/\ \_/ \ \ \/ 
    \ \_\   \ \_\ 
     \/_/    \/_/ 
     Yeah! 2021 plusproduit.com
     
     stable9plus subtheme 21.08.26
*/

@font-face {
    font-family: "infofauna";
    src: url("fonts/infofauna.eot");
    src: url("fonts/infofauna.eot?#iefix") format("embedded-opentype"),
        url("fonts/infofauna.woff") format("woff"),
        url("fonts/infofauna.ttf") format("truetype"),
        url("fonts/infofauna.svg#infofauna") format("svg");
    font-weight: normal;
    font-style: normal;

}


html {
    font-size: 16px;
    background-color: #FFF;
    height: 100%;
}

body {
    font-family: 'Inter', Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.01rem;
    line-height: 1.5;
    text-align: inherit;
    background: transparent;

    color: #666;
}


a.field-group-link .contextual button.trigger {
    display: none !important;
    visibility: hidden !important;

}

/* @group PRELOADER */


/* affichage du contenu */
#page {
    opacity: 0;
    animation: reveal .8s 5s;
    animation-fill-mode: forwards;
}

@keyframes reveal {
    to {
        opacity: 1;
    }
}

.js .p-loaded #page {
    opacity: 1;
    transition: opacity .8s .5s;
    animation: none;
}

/* @end */


/* @group FORM */

.form-group {
    margin-bottom: 1rem;
}

.form-control {
    border-radius: 0;
    color: #777;
}

.form-control:focus {
    color: #333;
    border-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
}

.webform-required {
    display: none;
}

.form-required::after {
    content: "*";
}


/* @end */

.path-user .block-system-main-block,
.path-connexion .block-system-main-block {
    max-width: 500px;
    margin: 6rem auto 8rem;
}

/* @group REVEAL ON SCROLL */

.js .p-reveal-class {
    position: relative;
    opacity: 0;
    top: 30px;

    transition: opacity 1s .2s, top 1s .2s ease-out;
}

.js .p-visible {
    opacity: 1;
    top: 0;
}

/* @end */




/* @group HOVER ZOOM */

.p-zoom {
    overflow: hidden;
}

.p-zoom img {
    display: block;
    transform: scale(1);
    transition: transform 3s linear;
}

.p-zoom:hover img {
    transform: scale(1.2);
}

/* @end */

/* @group MODAL */

/* voile */
.p-modal {
    background: rgba(0, 0, 0, 0.8);
}

/* fenêtre */
.p-modal-inner {
    /* largeur modal ------ */
    max-width: 600px;
    /* fermé */
    /*transform: scale(.7) rotateX(15deg);*/
}

.p-modal-open .p-modal-inner {
    /* ouvert */
    /*transform: scale(1) rotateX(0deg);*/
}

.p-modal-overflow {
    /* hauteur et position de la modale ---- */
    max-height: 70vh;
    margin: 15vh 10px;

    background: #fafafa;
    color: #333;
}

.p-modal-overflow a {
    color: #034D7C;
}

.p-modal-overflow a:hover {
    color: #333;
}

/* @end */









/* @group MEDIA QUERIES */

/* @group MOBILE FIRST */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* @end */

/* @group DESKTOP FIRST */


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    /*html {
        font-size: 15px;
    }*/
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    /* module nbsp */
    .nbsp {
        display: inline-block;
    }
}

/* @end */

/* @end */