diff --git a/wp-content/themes/dekart/assets/css/camp.css b/wp-content/themes/dekart/assets/css/camp.css index cab1636..ce2074d 100644 --- a/wp-content/themes/dekart/assets/css/camp.css +++ b/wp-content/themes/dekart/assets/css/camp.css @@ -14,8 +14,8 @@ html { display: flex; flex-direction: column; gap: 75px; - padding-top: 30px; - padding-bottom: 30px; + padding-top: 0; + padding-bottom: 0; } .container_camp { @@ -1650,394 +1650,691 @@ p { /* camp END*/ +/* ═══════════════════════════════════════════════ + HERO — Galileo-style (городской лагерь) + ═══════════════════════════════════════════════ */ + +.hero-media-search { + background-color: #f6f1e9; + overflow: hidden; + padding: 30px 0; +} +@media (min-width: 1024px) { + .hero-media-search { + padding: 75px 0; + width: 100vw; + margin-left: calc(-50vw + 50%); + margin-right: calc(-50vw + 50%); + } +} + +.hero-media-search .container { + max-width: 1216px; + margin: 0 auto; + padding: 0 24px; +} + +.hero-media-search__container { + align-items: stretch; + display: flex; + flex-direction: column; + gap: 20px; + justify-content: flex-start; +} +@media (min-width: 1024px) { + .hero-media-search__container { + align-items: center; + flex-direction: row; + gap: 40px; + justify-content: space-between; + } +} + +.hero-media-search .heading-1 { + font-family: 'Montserrat', sans-serif; + font-weight: 900; + font-size: 2rem; + line-height: 1.05; + letter-spacing: -0.04em; + color: #1c2b2d; + margin: 0 0 0.5rem 0; + text-align: center; +} +@media (min-width: 1024px) { + .hero-media-search .heading-1 { + font-size: 2.56rem; /* desktop */ + text-align: center; + } +} + +.hero-subtitle-brand { + font-family: "Inter", sans-serif; + font-weight: 700; + font-size: 1.75rem; + line-height: 1.15; + color: #39b7ea; + margin: 0 0 0.6rem 0; +} +@media (min-width: 1024px) { + .hero-subtitle-brand { + font-size: 1.75rem; + } +} +@media (max-width: 768px) { + .hero-subtitle-brand { + font-size: 2.2rem; /* +10% */ + } + .hero-media-search .heading-1 { + font-size: 2rem; /* 32px */ + text-align: center; + } + .camp_title { font-size: 26px; padding-bottom: 24px; } + .about-us__title { font-size: 21px; text-align: left; } +} + + +.hero-media-search__content { + text-align: center; +} +@media (min-width: 1024px) { + .hero-media-search__content { + width: 420px; + text-align: center; + flex-shrink: 0; + } +} + +.hero-media-search__propositions.on-desktop { + display: flex; + gap: 0 25px; + justify-content: center; + margin: 15px 0 30px; +} +.hero-media-search .wrapper__propositions { + display: flex; + flex-direction: column; + align-items: center; +} +.hero-media-search .wrapper__propositions h3 { + font-family: "Montserrat", sans-serif; + font-weight: 800; + line-height: 1.2; + text-align: center; + color: #1c2b2d; + margin: 4px 0 0; +} +.hero-media-search .wrapper__propositions p { + font-weight: 500; + font-family: 'Inter', sans-serif; + line-height: 1.2; + text-align: center; + color: #555; + margin: 0; +} +.hero-media-search__propositions.on-desktop .wrapper__propositions { width: 100px; } +.hero-media-search__propositions.on-desktop img { width: 58px; height: auto; } +.hero-media-search__propositions.on-desktop h3 { font-size: 16px; } +.hero-media-search__propositions.on-desktop p { font-size: 14px; text-transform: capitalize; } + + +.hero-media-search__media { width: 100%; } +@media (min-width: 1024px) { + .hero-media-search__media { + width: calc(100% - 460px); + min-width: 0; + } +} + +.hero-media-search__frame { + position: relative; + aspect-ratio: 16 / 9; + width: 100%; +} +@media (max-width: 991px) { + .hero-media-search__frame { aspect-ratio: 16 / 10; } +} + +.hero-media-search__image { + display: block; + width: 100%; + height: auto; + border: 5px solid #fff; + border-radius: 24px; + box-shadow: 0 8px 32px rgba(255,107,0,0.15); + overflow: hidden; + object-fit: cover; + aspect-ratio: 16/9; +} +@media (min-width: 1024px) { + .hero-media-search__image { + border-width: 10px; + max-width: 840px; + } + .about-us__image { + border-width: 10px; + } + .about-us__doodle--plane { + width: 123px; + height: 123px; + top: -28px; + right: -28px; + filter: drop-shadow(0 0 0 5px #fff) drop-shadow(0 0 0 5px #fff); + } + .about-us__doodle--heart { + width: 100px; + height: 100px; + bottom: -28px; + left: -28px; + filter: drop-shadow(0 0 0 5px #fff) drop-shadow(0 0 0 5px #fff); + } +} + +.hero-media-search__frame .doodle { + position: absolute; + object-fit: contain; +} +.hero-media-search__frame .doodle--top-left { + height: 79px; + width: 84px; + left: -30px; + top: -12px; +} +@media (min-width: 1024px) { + .hero-media-search__frame .doodle--top-left { + height: 172px; + width: 183px; + left: -47px; + top: -54px; + } +} +.hero-media-search__frame .doodle--bottom-right { + height: 100px; + width: 99px; + bottom: -34px; + right: -16px; +} +@media (min-width: 1024px) { + .hero-media-search__frame .doodle--bottom-right { + height: 196px; + width: 195px; + bottom: -46px; + right: -44px; + } +} + +.hero-media-search__propositions.on-mobile { + display: none; + gap: 0 25px; + justify-content: center; + margin: 30px 0 15px; +} +@media (max-width: 1023px) { + .hero-media-search__propositions.on-desktop { display: none; } + .hero-media-search__propositions.on-mobile { display: flex; } +} +.hero-media-search__propositions.on-mobile .wrapper__propositions { width: 84px; } +.hero-media-search__propositions.on-mobile img { width: 48px; height: auto; } +.hero-media-search__propositions.on-mobile h3 { font-size: 14px; } +.hero-media-search__propositions.on-mobile p { font-size: 14px; } + + +.hero-cta__text { + font-size: 16.1px; + text-align: center; + color: #555; + margin-bottom: 8px; + font-weight: 500; +} + +.hero-cta__note { + font-family: Inter, sans-serif; + font-size: 14px; + line-height: 1.5; + color: #555; + text-align: center; + margin-top: 18px; + max-width: 360px; + margin-left: auto; + margin-right: auto; + font-weight: 400; +} + +.btn-write-camp { + background-color: #39b7ea; + color: #fff; + border: 2px solid #0c161f; + padding: 12px 36px; + font-size: 16px; + font-weight: 700; + border-radius: 100px; + cursor: pointer; + transition: .3s; + text-decoration: none; + text-align: center; + box-sizing: border-box; +} + +.btn-write-camp:hover { + background-color: #2d9fd6; + color: #fff; +} + +.on-desktop { display: none; } +.on-mobile { display: block; } + +@media (min-width: 768px) { + .on-desktop { display: block; } + .on-mobile { display: none; } +} + +.hero-cta.on-desktop { display: none; } +.hero-cta.on-mobile { display: block; } + +@media (min-width: 768px) { + .hero-cta.on-desktop { display: block; } + .hero-cta.on-mobile { display: none; } +} + + + + + +@media (prefers-reduced-motion: reduce) { + .fade-up { opacity: 1; transform: none; transition: none; } + .fade-up.visible { opacity: 1; transform: none; } + .suggestions__item { animation: none; } + .banner_label { animation: none; } + .scroll-icon-wrapper { display: none; } +} + @media (width > 780px) and (width < 1200px) { .camp { - gap: 6.25vw; - padding-top: 2.5vw; - padding-bottom: 2.5vw; + gap: clamp(49px, 6.25vw, 75px); + padding-top: clamp(20px, 2.5vw, 30px); + padding-bottom: clamp(20px, 2.5vw, 30px); } .container_camp { - max-width: 100vw; - padding: 0 1.67vw; + max-width: clamp(780px, 100vw, 1200px); + padding: 0 clamp(13px, 1.67vw, 20px); } .camp_title { - font-size: 3.75vw; - padding-bottom: 3.75vw; + font-size: clamp(29px, 3.75vw, 45px); + padding-bottom: clamp(29px, 3.75vw, 45px); } .camp_text { - font-size: 1.5vw; + font-size: clamp(12px, 1.5vw, 18px); } .banner { - border-radius: 3.33vw; + border-radius: clamp(26px, 3.33vw, 40px); } .banner_label { - padding: .83vw 1.67vw; - font-size: 1.67vw; - border-radius: 2.5vw; + padding: clamp(6px, .83vw, 10px) clamp(13px, 1.67vw, 20px); + font-size: clamp(13px, 1.67vw, 20px); + border-radius: clamp(20px, 2.5vw, 30px); } .banner__left-part { - gap: 2.5vw; - padding: 3.33vw 2.5vw 3.33vw 3.33vw; + gap: clamp(20px, 2.5vw, 30px); + padding: clamp(26px, 3.33vw, 40px) clamp(20px, 2.5vw, 30px) clamp(26px, 3.33vw, 40px) clamp(26px, 3.33vw, 40px); } .banner_title { - font-size: 3.42vw; + font-size: clamp(27px, 3.42vw, 41px); } .banner_text { - font-size: 1.5vw; + font-size: clamp(12px, 1.5vw, 18px); } .banner_text-min { - font-size: 1.25vw; + font-size: clamp(10px, 1.25vw, 15px); } .banner_btn { - font-size: 1.67vw; - border: .17vw solid #42425c; - border-radius: 4.17vw; - padding: 1.67vw 2.5vw; + font-size: clamp(13px, 1.67vw, 20px); + border: clamp(1px, .17vw, 2px) solid #42425c; + border-radius: clamp(33px, 4.17vw, 50px); + padding: clamp(13px, 1.67vw, 20px) clamp(20px, 2.5vw, 30px); } .banner__right-part { - border-radius: 3.33vw; + border-radius: clamp(26px, 3.33vw, 40px); } .modal-programs__content { - max-width: 71.67vw; + max-width: clamp(559px, 71.67vw, 860px); } - margin-top: 2.5vw; - gap: 3.33vw; + margin-top: clamp(20px, 2.5vw, 30px); + gap: clamp(26px, 3.33vw, 40px); } .infograph__item { - width: calc(25% - 1.67vw); - gap: .83vw; + width: calc(25% - clamp(13px, 1.67vw, 20px)); + gap: clamp(6px, .83vw, 10px); } .infograph__item_img { - border-radius: 2.5vw; - width: 19.5vw; + border-radius: clamp(20px, 2.5vw, 30px); + width: clamp(152px, 19.5vw, 234px); } .infograph__item_title { - font-size: 1.5vw; + font-size: clamp(12px, 1.5vw, 18px); } .infograph__item_data { - font-size: 2.5vw; + font-size: clamp(20px, 2.5vw, 30px); } .programs-wrapper { - gap: 2.5vw; + gap: clamp(20px, 2.5vw, 30px); } .programs__item { - width: calc(33.33% - 1.67vw); - gap: 1.67vw; + width: calc(33.33% - clamp(13px, 1.67vw, 20px)); + gap: clamp(13px, 1.67vw, 20px); } .programs__item_img { - border-radius: 2.5vw; - height: 29.17vw; + border-radius: clamp(20px, 2.5vw, 30px); + height: clamp(228px, 29.17vw, 350px); } .programs__item_title { - font-size: 2.17vw; + font-size: clamp(17px, 2.17vw, 26px); } .programs__item_date { - font-size: 1.5vw; + font-size: clamp(12px, 1.5vw, 18px); } .programs__item_text { - font-size: 1.33vw; + font-size: clamp(10px, 1.33vw, 16px); } .programs__item_price { - font-size: 2.17vw; + font-size: clamp(17px, 2.17vw, 26px); } .btn-details { - border: .17vw solid #3bb273; - border-radius: 2.5vw; - padding: 1.25vw 2.5vw; + border: clamp(1px, .17vw, 2px) solid #3bb273; + border-radius: clamp(20px, 2.5vw, 30px); + padding: clamp(10px, 1.25vw, 15px) clamp(20px, 2.5vw, 30px); } .modal-programs-wrapper { - gap: 2.5vw; - border-radius: 2.5vw; - padding: 3.33vw; + gap: clamp(20px, 2.5vw, 30px); + border-radius: clamp(20px, 2.5vw, 30px); + padding: clamp(26px, 3.33vw, 40px); } .modal-programs__content p { - margin-bottom: 1.25vw; + margin-bottom: clamp(10px, 1.25vw, 15px); } .modal-programs__img { - min-width: 21.67vw; - height: 21.67vw; - border-radius: 2.5vw; + min-width: clamp(169px, 21.67vw, 260px); + height: clamp(169px, 21.67vw, 260px); + border-radius: clamp(20px, 2.5vw, 30px); } .bring-child-wrapper { - gap: 3.33vw; + gap: clamp(26px, 3.33vw, 40px); } .part-day { - width: calc(50% - 1.67vw); - padding: 2.5vw; - border-radius: 3.33vw; - border: .17vw solid #e8e8e8; - gap: 2.5vw; + width: calc(50% - clamp(13px, 1.67vw, 20px)); + padding: clamp(20px, 2.5vw, 30px); + border-radius: clamp(26px, 3.33vw, 40px); + border: clamp(1px, .17vw, 2px) solid #e8e8e8; + gap: clamp(20px, 2.5vw, 30px); } .block-row { - gap: .83vw; + gap: clamp(6px, .83vw, 10px); } .part-day_title { - gap: .83vw; + gap: clamp(6px, .83vw, 10px); } .part-day_title-text { - font-size: 2.5vw; + font-size: clamp(20px, 2.5vw, 30px); } .part-day_text { - font-size: 1.5vw; + font-size: clamp(12px, 1.5vw, 18px); } .part-day__price { - padding-bottom: 2.5vw; - border-bottom: .08vw solid #e8e8e8; - gap: .83vw; + padding-bottom: clamp(20px, 2.5vw, 30px); + border-bottom: 1px solid #e8e8e8; + gap: clamp(6px, .83vw, 10px); } .part-day__price_price { - font-size: 3.75vw; + font-size: clamp(29px, 3.75vw, 45px); } .part-day__price_time { - font-size: 1.5vw; - border-radius: 2.5vw; - padding: .42vw .83vw; - margin-left: .83vw; + font-size: clamp(12px, 1.5vw, 18px); + border-radius: clamp(20px, 2.5vw, 30px); + padding: clamp(3px, .42vw, 5px) clamp(6px, .83vw, 10px); + margin-left: clamp(6px, .83vw, 10px); } .camp-left-part .part-day__price_time { - border: .17vw solid #3bb273; + border: clamp(1px, .17vw, 2px) solid #3bb273; } .camp-right-part .part-day__price_time { - border: .17vw solid #ae5fcd; + border: clamp(1px, .17vw, 2px) solid #ae5fcd; } .part-day__price_text { - font-size: 1.5vw; + font-size: clamp(12px, 1.5vw, 18px); } .btn-place { - padding: 1.67vw 0; - font-size: 1.67vw; - border-radius: 4.17vw; + padding: clamp(13px, 1.67vw, 20px) 0; + font-size: clamp(13px, 1.67vw, 20px); + border-radius: clamp(33px, 4.17vw, 50px); } .camp-left-part .btn-place { - border: .17vw solid #3bb273; + border: clamp(1px, .17vw, 2px) solid #3bb273; } .camp-right-part .btn-place { - border: .17vw solid #ae5fcd; + border: clamp(1px, .17vw, 2px) solid #ae5fcd; } .part-day ul { - gap: .83vw; - font-size: 1.5vw; - padding-left: 1.67vw; + gap: clamp(6px, .83vw, 10px); + font-size: clamp(12px, 1.5vw, 18px); + padding-left: clamp(13px, 1.67vw, 20px); } .mentors-wrapper { - gap: 3.33vw 2.5vw; + gap: clamp(26px, 3.33vw, 40px) clamp(20px, 2.5vw, 30px); } .mentors__item { - width: calc(25% - 1.92vw); - gap: .83vw; + width: calc(25% - clamp(15px, 1.92vw, 23px)); + gap: clamp(6px, .83vw, 10px); } .mentors__item_img { - border-radius: 2.5vw; + border-radius: clamp(20px, 2.5vw, 30px); } .mentors__item_name { - font-size: 2.17vw; + font-size: clamp(17px, 2.17vw, 26px); } .mentors__item_text { - font-size: 1.5vw; - margin-bottom: .83vw; + font-size: clamp(12px, 1.5vw, 18px); + margin-bottom: clamp(6px, .83vw, 10px); } .modal-mentors-wrapper { - padding: 4.17vw; - gap: 3.33vw; + padding: clamp(33px, 4.17vw, 50px); + gap: clamp(26px, 3.33vw, 40px); } .modal-mentors__content { - gap: 1.67vw; + gap: clamp(13px, 1.67vw, 20px); } .modal-mentors__content svg { - min-width: 2.5vw; - width: 2.5vw; - height: 2.5vw; + min-width: clamp(20px, 2.5vw, 30px); + width: clamp(20px, 2.5vw, 30px); + height: clamp(20px, 2.5vw, 30px); } .modal-mentors_name { - font-size: 3.58vw; + font-size: clamp(28px, 3.58vw, 43px); } .modal-mentors_job { - font-size: 2.17vw; + font-size: clamp(17px, 2.17vw, 26px); } .modal-mentors__directions { - gap: .83vw; + gap: clamp(6px, .83vw, 10px); } .modal-mentors__directions span { - padding: .83vw 1.67vw; - font-size: 1.33vw; - border-radius: 2.5vw; + padding: clamp(6px, .83vw, 10px) clamp(13px, 1.67vw, 20px); + font-size: clamp(10px, 1.33vw, 16px); + border-radius: clamp(20px, 2.5vw, 30px); } .modal-mentors__about { - gap: 1.67vw; + gap: clamp(13px, 1.67vw, 20px); } .about-item { - padding: 1.67vw; - border-radius: 1.67vw; - gap: .83vw; + padding: clamp(13px, 1.67vw, 20px); + border-radius: clamp(13px, 1.67vw, 20px); + gap: clamp(6px, .83vw, 10px); } .mentors__about-col { - gap: 1.33vw; + gap: clamp(10px, 1.33vw, 16px); } .mentors__about-col_title { - font-size: 1.67vw; + font-size: clamp(13px, 1.67vw, 20px); } .mentors__about-col_text { - font-size: 1.33vw; + font-size: clamp(10px, 1.33vw, 16px); } .modal-additional__education { - padding: 1.67vw; - border-radius: 1.67vw; - border: .17vw solid #f0f0f0; - gap: .83vw; + padding: clamp(13px, 1.67vw, 20px); + border-radius: clamp(13px, 1.67vw, 20px); + border: clamp(1px, .17vw, 2px) solid #f0f0f0; + gap: clamp(6px, .83vw, 10px); } .modal-additional__education_list ul { - gap: .83vw 2.5vw; - font-size: 1.33vw; + gap: clamp(6px, .83vw, 10px) clamp(20px, 2.5vw, 30px); + font-size: clamp(10px, 1.33vw, 16px); } .modal-additional__education_list li { - width: calc(50% - 1.67vw); - padding-left: 1.67vw; + width: calc(50% - clamp(13px, 1.67vw, 20px)); + padding-left: clamp(13px, 1.67vw, 20px); } .modal-additional__education_list li::before { - width: .5vw; - height: .5vw; - top: .42vw; + width: clamp(4px, .5vw, 6px); + height: clamp(4px, .5vw, 6px); + top: clamp(3px, .42vw, 5px); } .routine-wrapper { - margin-left: 1.67vw; - gap: 3.33vw; + margin-left: clamp(13px, 1.67vw, 20px); + gap: clamp(26px, 3.33vw, 40px); } .routine__item { - gap: 2.5vw; + gap: clamp(20px, 2.5vw, 30px); } .routine__item_time { - width: 13.33vw; - font-size: 2vw; + width: clamp(104px, 13.33vw, 160px); + font-size: clamp(16px, 2vw, 24px); } .routine__item_circle { - margin-top: .33vw; - width: 1.83vw; - height: 1.83vw; - border: .33vw solid #fff; + margin-top: clamp(3px, .33vw, 4px); + width: clamp(14px, 1.83vw, 22px); + height: clamp(14px, 1.83vw, 22px); + border: clamp(3px, .33vw, 4px) solid #fff; } .routine__item::before { - top: 1.67vw; - width: .17vw; - bottom: -4.17vw; - left: 16.67vw; + top: clamp(13px, 1.67vw, 20px); + width: clamp(1px, .17vw, 2px); + bottom: -clamp(33px, 4.17vw, 50px); + left: clamp(130px, 16.67vw, 200px); } .routine__item_text { - gap: .83vw; + gap: clamp(6px, .83vw, 10px); } .routine__item_text-title { - font-size: 2vw; + font-size: clamp(16px, 2vw, 24px); } .routine__item_text-text { - font-size: 1.5vw; + font-size: clamp(12px, 1.5vw, 18px); } .camp-foto-wrapper { - gap: 1.67vw; + gap: clamp(13px, 1.67vw, 20px); } .camp-swiper-foto { - margin-bottom: .42vw; + margin-bottom: clamp(3px, .42vw, 5px); } .swiper-button-next:after, .swiper-button-prev:after { - font-size: 1.17vw; - padding: .42vw; - height: 2.33vw; - width: 2.33vw; + font-size: clamp(9px, 1.17vw, 14px); + padding: clamp(3px, .42vw, 5px); + height: clamp(18px, 2.33vw, 28px); + width: clamp(18px, 2.33vw, 28px); } .swiper-slide { - font-size: 1.5vw; + font-size: clamp(12px, 1.5vw, 18px); } .camp-swiper-foto { - height: 29.17vw; + height: clamp(228px, 29.17vw, 350px); } .camp-swiper-foto img { - border-radius: 2.5vw; + border-radius: clamp(20px, 2.5vw, 30px); } .camp-swiper-foto-thumbsSlider { - height: 6.67vw; + height: clamp(52px, 6.67vw, 80px); } .camp-swiper-foto-thumbsSlider img { - border-radius: .83vw; + border-radius: clamp(6px, .83vw, 10px); } @@ -2051,94 +2348,94 @@ p { .foto-content { - width: calc(50% - 1.67vw); + width: calc(50% - clamp(13px, 1.67vw, 20px)); } .faq-wrapper { - gap: 2.5vw; + gap: clamp(20px, 2.5vw, 30px); } .accordion { - gap: .83vw; - border-top: .08vw solid #ccc; + gap: clamp(6px, .83vw, 10px); + border-top: 1px solid #ccc; } .camp-faq .accordion .box__accordion { - border-bottom: .08vw solid #ccc; + border-bottom: 1px solid #ccc; } .camp-faq .box__accordion_label { - padding: 1.67vw 0; - gap: 1.67vw; + padding: clamp(13px, 1.67vw, 20px) 0; + gap: clamp(13px, 1.67vw, 20px); } .camp-faq .box__accordion_label span { - font-size: 2.17vw; + font-size: clamp(17px, 2.17vw, 26px); } .box__accordion_label svg { - width: 3.33vw; - height: 3.33vw; - padding: .67vw; + width: clamp(26px, 3.33vw, 40px); + height: clamp(26px, 3.33vw, 40px); + padding: clamp(5px, .67vw, 8px); } .camp-faq .box__accordion_content { - gap: 1.67vw; + gap: clamp(13px, 1.67vw, 20px); } .box__accordion_content-text { - gap: .83vw; - font-size: 1.5vw; - padding-bottom: 1.67vw; + gap: clamp(6px, .83vw, 10px); + font-size: clamp(12px, 1.5vw, 18px); + padding-bottom: clamp(13px, 1.67vw, 20px); } .contact-wrapper { - gap: 2.5vw; + gap: clamp(20px, 2.5vw, 30px); } .contact-content { - gap: .83vw; + gap: clamp(6px, .83vw, 10px); } .contact_subtitle { - margin-top: .83vw; - font-size: 1.5vw; + margin-top: clamp(6px, .83vw, 10px); + font-size: clamp(12px, 1.5vw, 18px); } .contact_tel { - font-size: 1.7vw; + font-size: clamp(13px, 1.7vw, 20px); } .contact_social { - gap: 1.25vw; + gap: clamp(10px, 1.25vw, 15px); } .contact-map { - border-radius: 2.5vw; - height: 37.5vw; + border-radius: clamp(20px, 2.5vw, 30px); + height: clamp(292px, 37.5vw, 450px); } .camp-reviews-wrapper .reviews__item-client_name { - font-size: 1.33vw; + font-size: clamp(10px, 1.33vw, 16px); } .camp-reviews-wrapper .reviews__item-client_text { - font-size: 1.33vw; + font-size: clamp(10px, 1.33vw, 16px); } .camp-reviews-wrapper .custom-button-next, .camp-reviews-wrapper .custom-button-prev { - width: 4.5vw; - height: 4.5vw; - margin-top: calc(0vw -(var(--swiper-navigation-size) / 2)); + width: clamp(35px, 4.5vw, 54px); + height: clamp(35px, 4.5vw, 54px); + margin-top: calc(1px -(var(--swiper-navigation-size) / 2)); } .camp-reviews-wrapper .custom-button-next:after, .camp-reviews-wrapper .custom-button-prev:after { - font-size: 2.17vw; - padding: .42vw; - height: 4.5vw; - width: 4.5vw; + font-size: clamp(17px, 2.17vw, 26px); + padding: clamp(3px, .42vw, 5px); + height: clamp(35px, 4.5vw, 54px); + width: clamp(35px, 4.5vw, 54px); } } @@ -2155,9 +2452,7 @@ p { padding-bottom: 25px; } - .camp.container_camp { - padding: 0; - } + .banner { border-radius: 0 0 40px 40px; @@ -2591,307 +2886,4 @@ p { width: 27px; display: flex; } -}/* ═══════════════════════════════════════════════ - HERO — Galileo-style (городской лагерь) - ═══════════════════════════════════════════════ */ - -.hero-media-search { - background-color: #f6f1e9; - overflow: hidden; - padding: 30px 0; -} -@media (min-width: 1024px) { - .hero-media-search { - padding: 75px 0; - width: 100vw; - margin-left: calc(-50vw + 50%); - margin-right: calc(-50vw + 50%); - } -} - -.hero-media-search .container { - max-width: 1216px; - margin: 0 auto; - padding: 0 24px; -} - -.hero-media-search__container { - align-items: stretch; - display: flex; - flex-direction: column; - gap: 20px; - justify-content: flex-start; -} -@media (min-width: 1024px) { - .hero-media-search__container { - align-items: center; - flex-direction: row; - gap: 40px; - justify-content: space-between; - } -} - -.hero-media-search .heading-1 { - font-family: 'Montserrat', sans-serif; - font-weight: 900; - font-size: 2rem; - line-height: 1.05; - letter-spacing: -0.04em; - color: #1c2b2d; - margin: 0 0 0.5rem 0; - text-align: center; -} -@media (min-width: 1024px) { - .hero-media-search .heading-1 { - font-size: 2.56rem; /* desktop */ - text-align: center; - } -} - -.hero-subtitle-brand { - font-family: "Inter", sans-serif; - font-weight: 700; - font-size: 1.75rem; - line-height: 1.15; - color: #39b7ea; - margin: 0 0 0.6rem 0; -} -@media (min-width: 1024px) { - .hero-subtitle-brand { - font-size: 1.75rem; - } -} -@media (max-width: 768px) { - .hero-subtitle-brand { - font-size: 2.2rem; /* +10% */ - } - .hero-media-search .heading-1 { - font-size: 2rem; /* 32px */ - text-align: center; - } - .camp_title { font-size: 26px; padding-bottom: 24px; } - .about-us__title { font-size: 21px; text-align: left; } -} - - -.hero-media-search__content { - text-align: center; -} -@media (min-width: 1024px) { - .hero-media-search__content { - width: 420px; - text-align: center; - flex-shrink: 0; - } -} - -.hero-media-search__propositions.on-desktop { - display: flex; - gap: 0 25px; - justify-content: center; - margin: 15px 0 30px; -} -@media (min-width: 1024px) { - .hero-media-search__propositions.on-desktop { - justify-content: center; - } -} -.hero-media-search__propositions.on-desktop .wrapper__propositions { - display: flex; - flex-direction: column; - align-items: center; - width: 100px; -} -.hero-media-search__propositions.on-desktop img { width: 58px; height: auto; } -.hero-media-search__propositions.on-desktop h3 { - font-family: "Montserrat", sans-serif; - font-weight: 800; - font-size: 16px; - line-height: 1.2; - text-align: center; - color: #1c2b2d; - margin: 4px 0 0; -} -.hero-media-search__propositions.on-desktop p { - font-weight: 500; - font-family: 'Inter', sans-serif; - font-size: 14px; - line-height: 1.2; - text-align: center; - color: #555; - margin: 0; - text-transform: capitalize; -} - - -.hero-media-search__media { width: 100%; } -@media (min-width: 1024px) { - .hero-media-search__media { - width: calc(100% - 460px); - min-width: 0; - } -} - -.hero-media-search__frame { - position: relative; - aspect-ratio: 16 / 9; - width: 100%; -} -@media (max-width: 991px) { - .hero-media-search__frame { aspect-ratio: 16 / 10; } -} - -.hero-media-search__image { - display: block; - width: 100%; - height: auto; - border: 5px solid #fff; - border-radius: 24px; - box-shadow: 0 8px 32px rgba(255,107,0,0.15); - overflow: hidden; - object-fit: cover; - aspect-ratio: 16/9; -} -@media (min-width: 1024px) { - .hero-media-search__image { - border-width: 10px; - max-width: 840px; - } - .about-us__image { - border-width: 10px; - } - .about-us__doodle--plane { - width: 123px; - height: 123px; - top: -28px; - right: -28px; - filter: drop-shadow(0 0 0 5px #fff) drop-shadow(0 0 0 5px #fff); - } - .about-us__doodle--heart { - width: 100px; - height: 100px; - bottom: -28px; - left: -28px; - filter: drop-shadow(0 0 0 5px #fff) drop-shadow(0 0 0 5px #fff); - } -} - -.hero-media-search__frame .doodle { - position: absolute; - object-fit: contain; -} -.hero-media-search__frame .doodle--top-left { - height: 79px; - width: 84px; - left: -30px; - top: -12px; -} -@media (min-width: 1024px) { - .hero-media-search__frame .doodle--top-left { - height: 172px; - width: 183px; - left: -47px; - top: -54px; - } -} -.hero-media-search__frame .doodle--bottom-right { - height: 100px; - width: 99px; - bottom: -34px; - right: -16px; -} -@media (min-width: 1024px) { - .hero-media-search__frame .doodle--bottom-right { - height: 196px; - width: 195px; - bottom: -46px; - right: -44px; - } -} - -.hero-media-search__propositions.on-mobile { - display: none; - gap: 0 25px; - justify-content: center; - margin: 30px 0 15px; -} -@media (max-width: 1023px) { - .hero-media-search__propositions.on-desktop { display: none; } - .hero-media-search__propositions.on-mobile { display: flex; } -} -.hero-media-search__propositions.on-mobile .wrapper__propositions { - display: flex; - flex-direction: column; - align-items: center; - width: 84px; -} -.hero-media-search__propositions.on-mobile img { width: 48px; height: auto; } -.hero-media-search__propositions.on-mobile h3 { - font-family: "Montserrat", sans-serif; - font-weight: 800; - font-size: 14px; - line-height: 1.2; - text-align: center; - color: #1c2b2d; - margin: 4px 0 0; -} -.hero-media-search__propositions.on-mobile p { - font-weight: 500; - font-family: 'Inter', sans-serif; - font-size: 14px; - line-height: 1.2; - text-align: center; - color: #555; - margin: 0; -} - - -.hero-cta__text { - font-size: 16.1px; - text-align: center; - color: #555; - margin-bottom: 8px; - font-weight: 500; -} - -.hero-cta__note { - font-family: Inter, sans-serif; - font-size: 14px; - line-height: 1.5; - color: #555; - text-align: center; - margin-top: 18px; - max-width: 360px; - margin-left: auto; - margin-right: auto; - font-weight: 400; -} - -.btn-write-camp { - background-color: #39b7ea; - color: #fff; - border: 2px solid #0c161f; - padding: 12px 36px; - font-size: 16px; - font-weight: 700; - border-radius: 100px; - cursor: pointer; - transition: .3s; - text-decoration: none; - text-align: center; - box-sizing: border-box; -} - -.btn-write-camp:hover { - background-color: #2d9fd6; - color: #fff; -} - -.on-desktop { display: none; } -.on-mobile { display: block; } - -@media (min-width: 768px) { - .on-desktop { display: block; } - .on-mobile { display: none; } -} - +} \ No newline at end of file diff --git a/wp-content/themes/dekart/assets/images/icons/icon-certificate.svg b/wp-content/themes/dekart/assets/images/icons/icon-certificate.svg new file mode 100644 index 0000000..6211a49 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/icons/icon-certificate.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/wp-content/themes/dekart/assets/images/icons/icon-education.svg b/wp-content/themes/dekart/assets/images/icons/icon-education.svg new file mode 100644 index 0000000..19dca38 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/icons/icon-education.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/dekart/assets/images/icons/icon-experience.svg b/wp-content/themes/dekart/assets/images/icons/icon-experience.svg new file mode 100644 index 0000000..3da7f06 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/icons/icon-experience.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/dekart/assets/images/icons/scroll-hand.svg b/wp-content/themes/dekart/assets/images/icons/scroll-hand.svg new file mode 100644 index 0000000..9146a68 --- /dev/null +++ b/wp-content/themes/dekart/assets/images/icons/scroll-hand.svg @@ -0,0 +1,21 @@ + + + + + + + diff --git a/wp-content/themes/dekart/assets/js/camp.js b/wp-content/themes/dekart/assets/js/camp.js index bdbd067..3f9b93b 100644 --- a/wp-content/themes/dekart/assets/js/camp.js +++ b/wp-content/themes/dekart/assets/js/camp.js @@ -1,4 +1,3 @@ -document.querySelector('body').style='background: #FFF;'; var swiper = new Swiper(".camp-swiper-foto-thumbsSlider", { spaceBetween: 10, @@ -41,27 +40,29 @@ document.addEventListener("click", function (event) { return; } - if (target.classList.contains("btn-write-camp")) { - modalCampRequestForm.style=""; + const campBtn = target.closest('.btn-write-camp'); + if (campBtn) { + if (campBtn.tagName === 'A') event.preventDefault(); + modalCampRequestForm.style = ""; return; } if (target.classList.contains("btn-program")) { modalPrograms.querySelector('.modal-programs__img').innerHTML = target.parentNode.querySelector('.programs__item_img').outerHTML; - modalPrograms.querySelector('.programs__item_title').innerHTML = target.parentNode.querySelector('.programs__item_title').innerHTML; - modalPrograms.querySelector('.programs__item_price').innerHTML = target.parentNode.querySelector('.programs__item_price').innerHTML; + modalPrograms.querySelector('.programs__item_title').textContent = target.parentNode.querySelector('.programs__item_title').textContent; + modalPrograms.querySelector('.programs__item_price').textContent = target.parentNode.querySelector('.programs__item_price').textContent; modalPrograms.querySelector('.programs__content').innerHTML = target.parentNode.querySelector('.programs_content').innerHTML; modalPrograms.classList.add('open'); return; } if (target.classList.contains("btn-mentors")) { modalMentors.querySelector('.modal-programs__img').innerHTML = target.parentNode.querySelector('.mentors__item_img').outerHTML; - modalMentors.querySelector('.modal-mentors_name').innerHTML = target.parentNode.querySelector('.mentors__item_name').innerHTML; - modalMentors.querySelector('.modal-mentors_job').innerHTML = target.parentNode.querySelector('.mentors__item_text').innerHTML; - modalMentors.querySelector('.mentors__about-col_text').innerHTML = target.parentNode.querySelector('.mentor_education').innerHTML; + modalMentors.querySelector('.modal-mentors_name').textContent = target.parentNode.querySelector('.mentors__item_name').textContent; + modalMentors.querySelector('.modal-mentors_job').textContent = target.parentNode.querySelector('.mentors__item_text').textContent; + modalMentors.querySelector('.mentors__about-col_text').textContent = target.parentNode.querySelector('.mentor_education').textContent; modalMentors.querySelector('.modal-mentors__directions').innerHTML = target.parentNode.querySelector('.HTMLdirection').innerHTML; - modalMentors.querySelector('.mentors__experience-col_text').innerHTML = target.parentNode.querySelector('.mentor_experience').innerHTML; + modalMentors.querySelector('.mentors__experience-col_text').textContent = target.parentNode.querySelector('.mentor_experience').textContent; modalMentors.querySelector('.modal-additional__education_list').innerHTML = target.parentNode.querySelector('.mentor_add_experience').innerHTML; modalMentors.classList.add('open'); return; @@ -69,39 +70,34 @@ document.addEventListener("click", function (event) { }); (function() { - const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; - if (prefersReducedMotion) return; + if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; const animatedSections = [ '.hero-media-search__container', '.about-us__wrapper', - '.infograph h2', - '.infograph .camp_text', - '.infograph-wrapper', - '.programs h2', - '.programs-wrapper > div', - '.mentors h2', - '.mentors-wrapper > div', - '.routine h2', - '.routine__item', - '.foto h2', - '.camp-foto-wrapper', + '.infograph h2', '.infograph .camp_text', '.infograph-wrapper', + '.programs h2', '.programs-wrapper > div', + '.mentors h2', '.mentors-wrapper > div', + '.routine h2', '.routine__item', + '.foto h2', '.camp-foto-wrapper', '.camp-reviews-wrapper', - '.camp-faq h2', - '.faq-wrapper', - '.camp-contact h2', - '.contact-wrapper', + '.camp-faq h2', '.faq-wrapper', + '.camp-contact h2', '.contact-wrapper', ].join(','); + const els = document.querySelectorAll(animatedSections); + if (!els.length) return; + const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); + observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); - document.querySelectorAll(animatedSections).forEach(el => { + els.forEach(el => { el.classList.add('fade-up'); observer.observe(el); }); diff --git a/wp-content/themes/dekart/camp-hero.php b/wp-content/themes/dekart/camp-hero.php deleted file mode 100644 index 7ab4772..0000000 --- a/wp-content/themes/dekart/camp-hero.php +++ /dev/null @@ -1,81 +0,0 @@ - -
-
-
- -
-

- Mind-Blowing Innovation. Big Summer Fun! -

- -
-
- -

90+

-

Communities Served

-
-
- -

570K+

-

Young Innovators

-
-
- -

49K+

-

Scholarships

-
-
- -
-

-
- - -
-
-
- -
-
- <?php echo esc_attr($hero_img_alt); ?> - - -
-
-
-
- -

90+

-

Communities Served

-
-
- -

570K+

-

Young Innovators

-
-
- -

49K+

-

Scholarships

-
-
-
-

-
- - -
-
-
-
- -
-
-
diff --git a/wp-content/themes/dekart/functions.php b/wp-content/themes/dekart/functions.php index 28d97b9..dd96263 100644 --- a/wp-content/themes/dekart/functions.php +++ b/wp-content/themes/dekart/functions.php @@ -840,7 +840,7 @@ function enqueue_template_specific_styles() { 'template-specific-style', get_template_directory_uri() . '/assets/css/camp.css', array(), - '1.1' + '1.2' ); wp_enqueue_script( 'camp-script', diff --git a/wp-content/themes/dekart/page-camp.php b/wp-content/themes/dekart/page-camp.php index f1618b9..af8c868 100644 --- a/wp-content/themes/dekart/page-camp.php +++ b/wp-content/themes/dekart/page-camp.php @@ -23,21 +23,24 @@ if (is_array($programs)) { /** * Banner helper */ -function getBanner($nameBanner) { - $banner_add_img = wp_get_attachment_url(carbon_get_post_meta( get_the_ID(), 'banner_add_img' . $nameBanner )); - if ($banner_add_img == '') return; - $banner_add_title = carbon_get_post_meta( get_the_ID(), 'banner_add_title' . $nameBanner ); - $banner_add_text = carbon_get_post_meta( get_the_ID(), 'banner_add_text' . $nameBanner ); - $banner_add_text_min = carbon_get_post_meta( get_the_ID(), 'banner_add_text_min' . $nameBanner ); - echo " +
@@ -243,9 +246,11 @@ $metrics = [ -
-

Летние программы

-
+
+

Летние программы

+
+ +
- + -
+
-
+
с 8:30 до 13:30

за 5 дней пребывания

@@ -325,8 +330,7 @@ $metrics = [
-
-
+
с 8:30 до 18:30

за 5 дней пребывания

@@ -540,7 +544,7 @@ $metrics = [
- +

Часто задаваемые вопросы

@@ -677,25 +681,14 @@ $metrics = [
- - - - +

Образование:

- - - +

Опыт работы в сфере образования:

@@ -703,18 +696,7 @@ $metrics = [
- - - - - - +

Дополнительное образование:

@@ -748,6 +730,7 @@ $metrics = [ var script = document.createElement("script"); script.src = "https://api-maps.yandex.ru/2.1/?lang=ru_RU"; script.onload = function() { + script.onerror = function() { console.warn("Yandex Maps API failed to load"); }; ymaps.ready(function() { var coords = ; var map = new ymaps.Map("ya-map", {