@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap);:root {
    --main-color: #DE1517!important
}

/* HACK Liferay */
 .autofit-float{
     display: none;
 }

 .col-12, .col-lg-6{
     padding-left: 0;
     padding-right: 0;
 }

@media (min-width: 1200px){
     .col-xl-3{
         width: 25%;
         flex-basis: auto;
         max-width: none;
     }
 }

 .col-11{
     flex-basis: auto;
     max-width: none;
 }

 @media (min-width: 1200px){
     .me-xl-4 {
         margin-right: 1.5rem!important;
     }
 }

 .fw-bold {
     font-weight: 700!important;
 }

 .link-dark {
     color: #212529;
 }

 .list-unstyled {
     padding-left: 0;
     list-style: none;
 }

 .ms-auto {
     margin-left: auto!important;
 }

 .fixed-top {
     z-index: 15;
 }

 .has-control-menu .fixed-top {
     top: 57px;
 }

 .has-edit-mode-menu .fixed-top {
    top: 120px;
    width: calc(100% - 321px);
    left: 42px;
 }

 .portlet{
    margin-bottom: 0;
 }

 .portlet .portlet-content{
    padding: 0;
 }
 /* HACK Liferay */

 /* HACK Leaflet */
 .leaflet-container{
    z-index: 10;
 }
 /* HACK Leaflet */

#wrapper * {
    font-family: Rubik,sans-serif!important
}

html {
    scroll-behavior: smooth;
    font-size: 18px
}

.ED-lh-200 {
    line-height: 200%
}

.ED-p8 {
    padding: 0 8vw
}

.ED-text-primary {
    color: var(--main-color)
}

.ED-bg-primary {
    background-color: var(--main-color)
}

.ED-bg-hero {
    background-color: #f2f3fa
}

.ED-bg-light {
    background-color: #f9f9f9!important
}

#wrapper .navbar-brand {
    font-weight: 700;
    font-size: xx-large
}

#wrapper .navbar-brand span {
    color: red;
    text-transform: uppercase
}

#wrapper .nav-link {
    color: #000!important
}

#wrapper .collapse .nav-link {
    margin-right: 15px
}

#wrapper .nav-link.active {
    color: var(--main-color)!important;
    font-weight: 700
}

#main-content > div:nth-child(3) {
    margin-top: 75px;
}

.hero {
    background-image: url(../images/background-hero.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5vw 8vw;
    position: relative
}

#techno img {
    width: auto;
    height: auto
}

.ED-btn {
    background-color: var(--main-color);
    padding: 10px;
    border-radius: 8px;
    color: #fff;
    font-weight: 700
}

.ED-underline {
    color: #000;
    border-bottom: 2px solid var(--main-color);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500
}

.ED-cards-container .ED-cards {
    min-width: 30%
}

.ED-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    font-weight: 500;
    padding: 25px
}

.ED-cards span {
    color: var(--main-color);
    font-size: 48px;
    font-weight: 400;
    line-height: 1
}

.ED-cards img {
    padding-top: 20px
}

.ED-cards h4 {
    font-weight: 700;
    padding: 15px 0
}

.ED-cards ul li {
    line-height: 36px;
    font-weight: 400
}

#references ul li img {
    opacity: .75
}

#wrapper .form-floating>.form-control {
    margin-top: 10px;
    padding: 0;
    height: 3rem;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #000
}

#wrapper .form-floating>label {
    font-weight: 300;
    padding: 1rem 0 0 0
}

#wrapper .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    padding: .6rem 0 0 0
}

#wrapper .form-floating>.form-control:not(:-ms-input-placeholder)~label {
    padding: .6rem 0 0 0
}

#wrapper .form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label {
    padding: .6rem 0 0 0
}

#wrapper .form-floating>.form-control:-webkit-autofill {
    padding-top: 2.2rem;
    padding-bottom: .8rem
}

.ED-contact {
    border: 8px solid #e3e7fa;
    border-radius: 4px
}

#map {
    height: 400px;
    border: 8px solid #fff;
    border-radius: 4px
}

#wrapper .form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color)
}

#wrapper .form-check-input:focus {
    border-color: var(--main-color);
    box-shadow: 0 0 0 .25rem rgb(222 21 23 / 32%)
}

#wrapper .form-control:focus {
    box-shadow: 0 0 0 .25rem rgb(222 21 23 / 32%);
    border-color: var(--main-color)
}

@media (min-width: 992px) {
    .ED-stats-container {
        position:absolute;
        left: 0;
        bottom: -55px;
        width: -webkit-fill-available;
        width: -moz-available
    }
}