@charset "utf-8";

/*
===================================================================
    X-Small devices (portrait phones, less than 576px)   // 320px
===================================================================
*/

/* ===============================
 *  BREADCRUMB
=============================== */
.breadcrumb {
    font-size: .688rem;
}

.breadcrumb-item,
.breadcrumb-item a {
    color: #000;
}

.breadcrumb-item a:hover,
.breadcrumb-item a:focus {
    color: #000;
    text-decoration: underline;
}

.breadcrumb-item a:link,
.breadcrumb-item a:visited {
    color: #000;
}

.breadcrumb-item.active {
    color: #000;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url("/assets/img/ic_breadcrumb-separator.svg") no-repeat center / contain;
    float: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

/* ===============================
 *  FORMS
=============================== */
label.required::after {
    content: " *";
    font-weight: 700;
    color: #dc3545;
}

/* ===============================
 *  NATIVE
=============================== */
* {
    outline: none !important;
}

::selection {
    background: var(--primary-light);
    color: var(--neutral-2x-dark);
}

html, body {
    background-color: #FFF;
    padding-top: 0;
}

body {
    font-family: var(--ff-body) !important;
    letter-spacing: .5px;
    font-size:1rem;
    line-height: 1.6;
    color:var(--neutral-2x-dark);
    position: relative;
    background:var(--bg-body);
    background-size: 20% !important;
}

a,
a:link,
a:visited {
    text-decoration: none;
    color:var(--primary-x-dark);
    transition: all .2s ease;
}

a:hover,
a:focus {
    color:var(--primary-2x-dark);
}

b,
strong,
.strong {
    font-family: var(--fw-bold) !important;
}

hr {
    border-top: 1px solid rgba(0, 0, 0, .25);
    width: 100%;
}

/* ===============================
 *  TRICK
=============================== */
html {
    scroll-behavior: smooth;
}

img {
    height: auto;
    max-width:100%;
    object-fit: contain;
}

/* ===============================
 *  HEADLINES
=============================== */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6  {
    font-family: var(--ff-headline);
    position: relative;
    display: inline-block;
    width: 100%;
    color:var(--neutral-2x-dark);
    text-transform: uppercase;
    text-wrap-style: balance;
}

/* HEADLINES SIZE */
h1,.h1 {
    font-size: clamp(32px, 2.5vw, 48px);
}

h2, .h2 {
    font-size: clamp(30px, 2.25vw, 36px);
}

h3, .h3 {
    font-size: clamp(24px, 2vw, 28px);
}

h4, .h4 {
    font-size: clamp(21px, 1.78vw, 24px);
}

h5, .h5 {
    font-size: clamp(16px, 1.5vw, 21px);
}

h6, .h6 {
    font-size: clamp(14px, 1vw, 16px);
}

/* STRONG HEADLINES */
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.h1 strong,
.h2 strong,
.h3 strong,
.h4 strong,
.h5 strong,
.h6 strong {
    font-family: var(--ff-headline);
    font-weight: var(--fw-bold);
}

/* BICOLOR HEADLINES */
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
.h1 span,
.h2 span,
.h3 span,
.h4 span,
.h5 span,
.h6 span {
    color: var(--primary-dark);
}

/* HEADLINES ALIGNMENT, MARGIN... */
h1,.h1 {
    margin-bottom: 2vmax;
}

h1 {
    text-align: center;
}

/* ===============================
 *  HEADER MOBILE
=============================== */
#logo-mobile.ON {
    position: fixed;
    top: 0;
    margin-top:0!important;
    z-index: var(--zindex-logo-mobile);
    width: 100% !important;
    padding: 10px 0;
    background: #FFF;
    opacity:0;
    animation-name: logo-mobile-disappear;
    animation-duration: 4s;
    animation-delay: .05s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}

#logo-mobile img {
    max-width:320px;
    margin: 0 auto;
}

#logo-mobile.ON img {
    height:30px;
    margin: 0 auto;
}

@keyframes logo-mobile-disappear {
    from {
        opacity:0;
    }

    10% {
        opacity:1;
    }

    to {
        opacity:0;
    }
}

/* ===============================
 *  SECTION
=============================== */
section.row.mb-BIG {
    margin-bottom: 10vmax;
}

/* ===============================
 *  CONTENT
=============================== */
.text-w480 {
    max-width: 480px !important;
}

.text-w760 {
    max-width: 760px !important;
}

/**
* DISPLAY INFO
*/
.displayInfo {
    cursor: pointer;
}

.displayBTN,
.hiddenInfo.ON {
    display: inline-block;
}

.displayBTN.OFF,
.hiddenInfo {
    display: none;
}


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

/* ===============================
 *  HEADLINES
=============================== */
h1,.h1 {
    margin-bottom: 2vmin;
}

h1 {
    text-align: left;
}

/* ===============================
 *  CONTENT
=============================== */
.text-intro {
    text-align: left;
}

}/*/mediaquery*/


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

/* ===============================
 *  SECTION
=============================== */
section.row.mb-BIG {
    margin-bottom: 10vmin;
}

}/*/mediaquery*/