/*
Theme Name: На Высоком берегу
Author: Custom Development
Description: Легкая кастомная тема WordPress для сайта ЖК «На Высоком берегу».
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: na-vysokom-beregu
*/

@font-face{
    font-family: 'Faberge-Regular';
    src: url('assets/fonts/Faberge-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face{
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face{
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Medium.woff2') format('woff2');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face{
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-SemiBold.woff2') format('woff2');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face{
    font-family: 'Manrope';
    src: url('assets/fonts/Manrope-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face{
    font-family: 'Manrope';
    src: url('assets/fonts/Manrope-Medium.woff2') format('woff2');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face{
    font-family: 'Manrope';
    src: url('assets/fonts/Manrope-SemiBold.woff2') format('woff2');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

:root{
    --bereg-gray: #65675f;
    --bereg-black: #2a2a2a;
    --bereg-white: #ffffff;
    --bereg-background: #bcc292;
    --bereg-main: #fdffee;
    --bereg-activ1: #722f37;
    --bereg-icon: #624b32;
    --fontAccent: 'Faberge-Regular', Georgia, serif;
    --fontText: 'Montserrat', Arial, sans-serif;
    --fontAdditional: 'Manrope', Arial, sans-serif;
    --bereg-h1-font-size: 80px;
    --bereg-h2-font-size: 50px;
    --bereg-h3-font-size: 35px;
    --bereg-h4-font-size: 28px;
    --bereg-text-font-size: 24px;
    --bereg-text1-font-size: 22px;
    --bereg-button-font-size: 16px;
    --bereg-podpisi-font-size: 16px;
    --anim-duration: 0.8s;
    --anim-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --ten3-box-shadow: 4px 4px 7.3px 0 rgba(41, 45, 50, 0.24);
    --ten-box-shadow: 4px 4px 6px 0 rgba(8, 21, 17, 0.25);
    --ten-nicolai-box-shadow: 4px 4px 6px 0 rgba(24, 34, 47, 1);
}

*,*::before,*::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{ margin: 0; background: var(--bereg-white); color: var(--bereg-black); font: 400 16px/1.5 var(--fontText); -webkit-font-smoothing: antialiased; }
body.isMenuOpen,body.isModalOpen{ overflow: hidden; }
a{ color: inherit; text-decoration: none; }
button,input,textarea,select{ font: inherit; }
button{ cursor: pointer; }
img,svg,video{ max-width: 100%; }
img{ display: block; height: auto; }
:focus-visible{ outline: 2px solid var(--bereg-activ1); outline-offset: 3px; }
::selection{ background: var(--bereg-activ1); color: var(--bereg-white); }
h1,h2,h3,h4,p{ margin-top: 0; }
h1,h2,h3,h4{ font-family: var(--fontAccent); font-weight: 400; }
h1{ font-size: var(--bereg-h1-font-size); line-height: normal; }
h2{ font-size: var(--bereg-h2-font-size); line-height: 1.3; }
h3{ font-size: var(--bereg-h3-font-size); line-height: normal; }
h4{ font-size: var(--bereg-h4-font-size); line-height: normal; }
.siteContainer{ width: min(calc(100vw - 200px), 1400px); margin-right: auto; margin-left: auto; }
.siteButton{ display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 13px 30px; border: 1px solid transparent; border-radius: 100px; font: 500 var(--bereg-button-font-size)/1.3 var(--fontText); text-align: center; transition: background-color 0.25s, color 0.25s, border-color 0.25s; }
.siteButtonPrimary{ color: var(--bereg-white); background: var(--bereg-activ1); }
.siteButtonPrimary:hover{ background: #57232a; }
.siteButtonOutline{ color: var(--bereg-activ1); border-color: var(--bereg-activ1); background: transparent; }
.siteButtonOutline:hover{ color: var(--bereg-white); background: var(--bereg-activ1); }
.screenReaderText{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skipLink:focus{ position: fixed; z-index: 1000; top: 12px; left: 12px; width: auto; height: auto; padding: 12px 20px; margin: 0; clip: auto; color: var(--bereg-white); background: var(--bereg-activ1); }
.contentPage{ padding: 150px 0 100px; min-height: 500px; }
.contentPageTitle{ margin-bottom: 35px; }
.contentPageBody{ max-width: 950px; font-size: 18px; }
.contentPageBody img{ max-width: 100%; height: auto; }
.contentPageList{ display: grid; gap: 24px; padding: 0; margin: 0; list-style: none; }
.contentPageList a:hover{ color: var(--bereg-activ1); }

@media(max-width: 1440px){
    .siteContainer{ width: min(calc(100vw - 100px), 1400px); }
    :root{ --bereg-h1-font-size: 68px; --bereg-h2-font-size: 44px; }
}
@media(max-width: 1200px){
    .siteContainer{ width: calc(100vw - 50px); }
    :root{ --bereg-h1-font-size: 52px; --bereg-h2-font-size: 38px; --bereg-h3-font-size: 30px; }
    .contentPage{ padding-top: 110px; }
}
@media(max-width: 700px){
    .siteContainer{ width: calc(100vw - 40px); }
    :root{ --bereg-h1-font-size: 38px; --bereg-h2-font-size: 30px; --bereg-h3-font-size: 26px; --bereg-h4-font-size: 24px; --bereg-text-font-size: 18px; --bereg-text1-font-size: 17px; }
    .siteButton{ min-height: 48px; padding: 11px 22px; }
    .contentPage{ padding: 95px 0 65px; }
    .contentPageBody{ font-size: 16px; }
}
@media(prefers-reduced-motion: reduce){
    html{ scroll-behavior: auto; }
    *,*::before,*::after{ animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}