:root { --belyy: #fff; --zheltyy: #ffdb96; --zelenyy: #c9fec8; --zelenyy-2: #006842; --oranzhevyy: #f18917; --001: #101828; --seryy: #c4d3d9; --2: #f1f3eb; --tekst: #2f2f2f; --article-item-mask: url('data:image/svg+xml;utf8,'); --article-mob-mask: url('data:image/svg+xml;utf8,'); --article-short-mask: url("data:image/svg+xml;utf8,"); --article-short-mob-mask: url("data:image/svg+xml,%3Csvg width='257' height='141' viewBox='0 0 257 141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='244.097' y='141' width='231.643' height='111.424' rx='10' transform='rotate(-180 244.097 141)' fill='black' fill-opacity='0.3' /%3E%3Crect x='249.079' y='132.746' width='241.606' height='116.927' rx='10' transform='rotate(-180 249.079 132.746)' fill='black' fill-opacity='0.3' /%3E%3Crect x='256.551' y='123.805' width='256.551' height='123.805' rx='10' transform='rotate(-180 256.551 123.805)' fill='black' fill-opacity='0.3' /%3E%3C/svg%3E"); --video-play-icon: url("data:image/svg+xml;utf8,"); } .header-rfo { width: 100%; height: 400px; background-image: url('https://agroexpert.press/wp-content/themes/agroexpert/frontend/img/rfo-background.png'); background-size: cover; /* Заполняет весь блок, обрезая края */ background-repeat: no-repeat; background-position: center; } .header__inner_rfo{ display: flex; flex-direction: column; gap: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 22px; } .header-rfo-line{ display: flex; align-items: center; gap: 30%; } .header-rfo-logoline{ display: flex; align-items: center; gap: 4rem; font-weight: 700; font-size: 1.4rem; line-height: 1.6rem; margin: 0 15px; } .header-rfo-menuline{ display: flex; align-items: center; gap: 8rem; font-weight: 700; font-size: 1.4rem; line-height: 1.6rem; margin: 0 15px; } .header-rfo-menuline li{ font-weight: 700; } .content-rfo{ display: flex; flex-direction: column; margin-top: -222px; /**width: 1200px; max-width: 1200px;**/ } .content-rfo-land{ position: relative; display: flex; flex-direction: column; margin-top: -62px; padding-bottom: 42px; /**width: 1200px; max-width: 1200px;**/ } .content-rfo-min{ margin-top: -222px; border: 0; width: 1200px; max-width: 1200px; } .rfo__rubric{ font-family: var(--second-family); font-weight: 700; font-size: 2.4rem; line-height: 150%; text-transform: uppercase; color: #000; margin-bottom: 22px; } .rfo-single__image{ display: inline-block; border-radius: 12px; overflow: hidden; width: 100%; } .rfo-single__image IMG{ border: 8px solid white; /* голубая рамка */ border-radius: 22px; width: 98%; } .tag { position: absolute; bottom: 0; right: 0; background-color: #f0f0f0; /* светлый фон */ color: #333; font-size: 12px; padding: 4px 10px; border-top-left-radius: 10px; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.05); } .article-single--rfo { display: flex; margin: 22px 0 42px 0; } .article-single--rfo p { font-weight: 500; font-size: 1.5rem; line-height: 2rem; margin-bottom: 2.5rem; } .article-info--rfo{ display: flex; flex-direction: column; gap: 1rem; flex: 0 0 180px; padding: 0 18px 0 0; } .article-info-element--rfo{ display: flex; border-bottom: 1px solid var(--gray); gap: 4px; padding: 0 12px 12px 0; } .article-text--rfo{ flex: 1; } .footer__rfo{ background-image: url('https://agroexpert.press/wp-content/themes/agroexpert/frontend/img/rfo-footer.png'); background-size: cover; /* Растягивает изображение на весь блок */ background-position: center; /* Центрирует изображение */ background-repeat: no-repeat; /* Отключает повторение */ padding: 40px 20px; /* Отступы внутри подвала */ text-align: center; } @media (max-width: 768px) { .content-rfo-land{ margin-top: -22px; } .header__inner_rfo{ flex-direction: row; align-items: center; } .menu-rfo { width: 100%; } .footer-top__rfo{ display: flex; flex-direction: column; } .footer-logoline__rfo{ width: 100%; } .footer-nav__rfo{ align-items: flex-start; } }