.w-100 {
    width: 100% !important;
}

.btn--tag-medium, .tag--medium {
    font-size: 1.2rem !important;
    padding: 1rem 1.2rem;
}

.btn--tag-big, .tag--big {
    font-size: 1.4rem !important;
    padding: 1rem 1.4rem;
}

.landingpage {
    overflow-x: hidden;
}

/* Override to avoid wrong resize on content bloc editable Image with text & background */
.content-block--type-3 .media__ratio .media__source--logo {
    max-width: 100%;
    max-height: 100%;
}

@media (min-width: 576px) {
    .content-block--type-3 .media__ratio .media__source--logo {
        max-width: 100%;
        max-height: 100%
    }
}

/* Override to avoid bad breadcrumb display on page commercial */
@media (min-width: 992px) {
    .site-header--has-secondary-menu .site-header__body {
        padding-top: 9.75rem;
    }
}

/* Override to avoid bad render of buttons in edit mode */
.editmode-button-preview.btn--blur.btn--gradient-blue a,
.editmode-button-preview.btn--blur.btn--gradient-pink a,
.editmode-button-preview.btn--blur.btn--gradient-green a,
.editmode-button-preview.btn--blur.btn--gradient-red a,
.editmode-button-preview.btn--gradient-blue a {
    color: #32aaff
}

.editmode-button-preview.btn--gradient-pink a {
    color: #d645cc
}

.editmode-button-preview.btn--gradient-green a {
    color: #57de52
}

.editmode-button-preview.btn--gradient-red a {
    color: #fa6157
}

/* Override the klaro modal */
.ds-customize-klaro.klaro .cookie-modal .cm-modal .hide {
    top: 10px;
    right: 0;
}

.ds-customize-klaro.klaro .cookie-modal .cm-modal.cm-klaro {
    max-height: 85%;
}

.ds-customize-klaro.klaro .cookie-modal .cm-modal .cm-header h1,
.ds-customize-klaro.klaro.klaro .cookie-modal .cm-modal .cm-header p,
.ds-customize-klaro.klaro .cookie-modal .cm-body li.cm-service > div,
.ds-customize-klaro.klaro .cookie-modal li.cm-service p {
    text-align: justify;
}

.ds-customize-klaro.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service {
    padding-left: 4em !important;
}

.ds-customize-klaro.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p {
    padding-left: 20px;
}

.ds-customize-klaro.klaro .cookie-modal li.cm-service label.cm-list-label {
    margin-bottom: 0;
}

.ds-customize-klaro.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes {
    font-weight: bold;
    margin-top: 0.5em;
    font-size: 1em;
}

/* End override the klaro modal */

/* Fix double arrows on news carrousel (Ticket #152511) */
.swipper-button-news.swiper-button-prev:after, .swipper-button-news.swiper-button-next:after {
    content: none;
}

/* End fix double arrows on news carrousel (Ticket #152511) */

/* Fix bug about clic on select icon in forms */
form .select:after {
    pointer-events: none;
}

form .select select {
    cursor: pointer;
}

/* Template forms */
.form-field-container {
    opacity: 1;
    border: 1px solid #a7a7a77a;
}

.form-field-container.disabled-form-fields {
    opacity: 0.5;
    border: 1px dashed #000000;
}

.editmode-headline .option-edit {
    cursor: pointer;
    margin-left: 30px
}

.info-contact-form-tooltip-container {
    position: relative;
    display: inline-block;
}

.info-contact-form-icon {
    cursor: pointer;
    font-size: small !important;
    position: relative;
}

.info-contact-form-tooltip {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 8px;
    border-radius: 5px;
    position: absolute;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s;
    transform: translateX(-100%) translateY(-110%);
}

.info-contact-form-tooltip.no-translate {
    transform: translateX(0) translateY(-110%);
}

.info-contact-form-tooltip.middle-translate {
    transform: translateX(-50%) translateY(-110%);
}

.info-contact-form-tooltip.no-white-space {
    white-space: nowrap;
}

.info-contact-form-icon:hover + .info-contact-form-tooltip {
    visibility: visible;
    opacity: 1;
}

div.sdform.contact-form-template form .containerWrapper .columnContainer .custom-file {
    display: flex;
    height: auto;
    flex-wrap: wrap;
}

.custom-file .file-bubble-container {
    margin-top: 10px;
    width: 100%;
}

.custom-file .file-bubble {
    display: inline-block;
    background-color: #f0f0f0;
    padding: 5px 10px;
    border-radius: 15px;
    margin: 5px;
    font-size: 14px;
    position: relative;
}

.custom-file .file-bubble button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

div.sdform.contact-form-template form .containerWrapper .columnContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}

@media (min-width: 768px) {
    div.sdform.contact-form-template form .containerWrapper .columnContainer .form-group.col2,
    div.sdform.contact-form-template form .containerWrapper .columnContainer .form-group.col2-break {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }

    div.sdform.contact-form-template form .containerWrapper .columnContainer .form-group.col2-break {
        margin-right: calc(50% + 10px);
    }
}

#form-textarea-limit-max-count {
    float: right;
    padding: 0.1rem 0 0 0;
    font-size: 0.875rem;
}

#form-textarea-limit-min-count {
    color: red;
}

div.sdform.download-form-contact.in-editmode .containerMsDownload {
    padding: 1.5rem !important;
}

div.sdform.download-modal-form .containerMsDownload {
    background-color: unset !important;
}

#modal-newsletter .modal-dialog--newsletter .modal-content .content-block .row {
    max-height: 75vh;
    overflow-x: hidden;
    overflow-y: auto;
}

section.locations .locations__wrapper {
    min-height: 500px;
}

.modal#modal-newsletter .modal-content{
    max-height: 90vh;
    overflow-y: auto;
}

.modal#modal-download .modal-content {
    max-height: 75vh;
    overflow-y: auto;
}

@media (hover: hover) and (pointer: fine) {
    .modal#modal-newsletter .modal-content,
    .modal#modal-download .modal-content {
        scrollbar-width: thin;
        scrollbar-color: transparent transparent;
        -webkit-overflow-scrolling: touch;
    }

    .modal#modal-newsletter .modal-content:hover,
    .modal#modal-download .modal-content:hover {
        scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
    }

    .modal#modal-newsletter .modal-content::-webkit-scrollbar,
    .modal#modal-download .modal-content::-webkit-scrollbar {
        width: 6px;
    }

    .modal#modal-newsletter .modal-content::-webkit-scrollbar-track,
    .modal#modal-download .modal-content::-webkit-scrollbar-track {
        background: transparent;
    }

    .modal#modal-newsletter .modal-content::-webkit-scrollbar-thumb,
    .modal#modal-download .modal-content::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 3px;
    }

    .modal#modal-newsletter .modal-content:hover::-webkit-scrollbar-thumb,
    .modal#modal-download .modal-content:hover::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.3);
    }
}

/* END template forms */

/* Fix bug TinyMCE about font display color */
.tox .tox-menu .tox-collection__item,
.tox .tox-menu .tox-collection__item-label > * {
    color: black !important;
}

/* Custom header&footer */
.site-header.override-header,
.site-header.override-header .site-header__top {
    background-color: unset;
    background-image: unset;
}

.site-header.override-header .site-header__top:not(.site-header__top--shrink) {
    height: 8.25rem;
}

.site-header.override-header .site-header__body {
    padding-top: 2rem;
    margin-bottom: 25px;
}

.site-header.override-header h3.text-left,
.site-footer.override-footer .site-footer__nav.text-left {
    margin-left: 25px;
}

.site-header.override-header h3.text-center,
.site-footer.override-footer .site-footer__nav.text-center {
    margin-left: auto;
    margin-right: auto;
}

.site-header.override-header h3.text-right,
.site-footer.override-footer .site-footer__nav.text-right {
    margin-left: auto;
    margin-right: 25px;
}

.site-header.override-header h3 > sup {
    font-weight: 400;
}

.text--dark-black {
    color: #000000;
}

.site-footer.override-footer .site-footer__body {
    background-color: unset;
    background-image: unset;
}

.site-footer.override-footer .site-footer__logo__image {
    width: 10.625rem;
    transition: width .2s ease-in-out;
}

.btn--scroll-to-top-in-edit-mode {
    position: absolute;
    right: 35px;
    top: 25px;
    z-index: 12;
    background-color: white;
}

.btn--custom-color-outline {
    background-color: rgba(0, 0, 0, 0);
    border-color: var(--btn-custom-color);
    color: var(--btn-custom-color);
}

.btn--custom-color-outline:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: var(--btn-custom-color-hover);
    color: var(--btn-custom-color-hover);
}

/* END custom header&footer */

/* Fix bug about Empty pimcore_editable fields on Firefox for height and outline */
.pimcore_editable_input,
.pimcore_editable_wysiwyg,
.pimcore_editable_textarea {
    outline: none !important;
}

.pimcore_editable_input.empty,
.pimcore_wysiwyg.empty,
.pimcore_editable_textarea.empty {
    min-height: 1rem;
    outline: 1px dashed #BABABA !important;
}

.pimcore_editable_input:hover,
.pimcore_wysiwyg:hover,
.pimcore_editable_textarea:hover {
    outline: 2px dashed #BABABA !important;
}

/* END fix Firefox */
