@import './variables.css';
@import './fonts.css';
@import './icon.css';
@import './modal.css';
@import './form.css';
@import './mobile-menu.css';
@import './button.css';
@import './header.css';
@import './text-block.css';


h1,
.h1 {
    font-family: Geologica, Arial, sans-serif;
    font-weight: 600;
    font-size: 56px;
    line-height: 64px;
    text-align: center;
}

h2,
.h2 {
    font-family: Geologica, Arial, sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
}

h3,
.h3 {
    font-family: Geologica, Arial, sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    text-align: center;
}

h4,
.h4 {
    font-family: Geologica, Arial, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

h5,
.h5 {
    font-family: Geologica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}

img {
    max-width: 100%;
}

.section {
    padding: 36px 0;
}

.mfp-bg {
    opacity: 1;
    background-color: var(--theme-bg-overlay);
}

.mfp-content {
    display: flex;
    justify-content: center;
    padding: 96px;
}

.mfp-content:has(.mfp-figure) {
    height: 100%;
}

.mfp-figure figure {
    height: 100%;
    background-color: transparent;
}

.mfp-container:before {
    content: none;
}

img.mfp-img {
    margin: 0;
    height: 100%;
    object-fit: contain;
}

.mfp-figure:after {
    content: none;
}

button.mfp-arrow,
.mfp-image-holder .mfp-close {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background-color: var(--btn-default-bg-primary--lighten);
    color: var(--theme-icon-neutral--lighten);
    cursor: pointer;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    transform: none;
}

.mfp-image-holder .mfp-close {
    top: 24px;
    right: 20px;
    
}

button.mfp-arrow.mfp-arrow-right {
    right: 24px;
    background-image: url(../images/icons/arrow-right.svg);
}

button.mfp-arrow.mfp-arrow-left {
    transform: rotate(180deg);
    transform-origin: center;
    left: 24px;
    background-image: url(../images/icons/arrow-right.svg);
}

button.mfp-arrow::after,
button.mfp-arrow::before {
    content: none;
}

.mfp-arrow:active {
    margin: 0;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}

.mfp-bottom-bar {
    display: none;
}

@media (max-width: 1024px) {

    h1,
    .h1 {
        font-size: 40px;
        line-height: 48px;
    }

    /* .h2 {
        font-size: 32px;
        line-height: 36px;
    } */
}


@media (max-width: 768px) {

    h1,
    .h1 {
        font-size: 32px;
        line-height: 36px;
    }

    h2,
    .h2 {
        font-size: 32px;
        line-height: 36px;
    }

    h3,
    .h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .section {
        padding: 12px 0;
    }

    .mfp-content {
        padding: 48px;
    }
}

@media (max-width: 576px) {
    .mfp-content {
        padding: 24px;
    }
}