@import './variables.css';
@import './retail/layout.css';
@import './retail/components.css';

html.domain-retail #wrapper {
    overflow: auto !important;
}

html.domain-retail {
    font-size: initial;
}

html.domain-retail body {
    font-family: 'Manrope', sans-serif;
    line-height: 1.375rem;
}

html.domain-retail .pad-30-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.c-makes__make-label {
    text-transform: none;
}

/** Modals */

html.domain-retail .modal-content {
    box-shadow: 0 0 1.25rem rgba(26, 51, 138, .1)
}

html.domain-retail .modal-header {
    background: linear-gradient(var(--forss-color-white), #E6EAF5);
}

html.domain-retail .modal-title {
    font-size: 1.25rem;
    font-weight: 700;
}

html.domain-retail .modal-header .close {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: var(--forss-color-primary);
    opacity: 1;
    line-height: .9;
    font-weight: 400;
    width: 1.875rem;
    height: 1.875rem;
    border: 0.125rem solid currentColor;
    border-radius: 9rem;
}

/** Layout fixes for old components */

.domain-retail #forss-tecdoc-container {
    padding-top: 0;
    padding-bottom: 3.125rem;
}

/** Colorbox fix */

#colorbox, #cboxOverlay, #cboxWrapper {
    z-index: 70000;
}