/* 
 Theme Name:   HappyLife
 Theme URI:    
 Description:  
 Author:       Vlad Zelinskyi
 Author URI:   https://www.landingspace.website/
 Template:     astra
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

@font-face {
  font-family: 'TrebuchetCustom';
  src: url('fonts/trebuc.woff2') format('woff2'),
       url('fonts/trebuc.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'TrebuchetCustom';
  src: url('fonts/trebucbd.woff2') format('woff2'),
       url('fonts/trebucbd.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

body {
  font-family: 'TrebuchetCustom', sans-serif;
}


#mega-menu-411-0-0 .wp-block-column { cursor: pointer; } #mega-menu-411-0-0 .wp-block-column figure { overflow: hidden; border-radius: 15px; } #mega-menu-411-0-0 .wp-block-column figure img { transition: transform 0.3s ease; display: block; } #mega-menu-411-0-0 .wp-block-column:hover figure img { transform: scale(1.1); } .custom-menu-item:hover a { color: #b7d8ab; } .p_vstuou .gspb_shape-divider-container--bottom { z-index: -2!important; position: relative!important; margin-top: -100px; } input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, textarea { box-shadow: 0 0 0; border: 0px; } #mega-menu-item-custom_html-3 figure { aspect-ratio: 19 / 9!important; overflow: hidden; border-radius: 24px; } #mega-menu-item-custom_html-3 { padding-top: 30px!important; } .custom-menu-grid { display: grid!important; grid-template-columns: repeat(3, 1fr)!important; gap: 20px; grid-auto-flow: column!important; grid-template-rows: repeat(4, auto); padding-top: 20px; padding-bottom: 20px; } .custom-menu-item a { display: flex; align-items: center; gap: 20px; text-decoration: none; color: inherit; } .menu-thumb-wrapper { position: relative; width: auto; aspect-ratio: 19 / 9; height: 70px; border-radius: 12px; overflow: hidden; flex-shrink: 0; } .menu-thumb-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; display: block; } .custom-menu-item a:hover .menu-thumb-wrapper img { transform: scale(1.1); } .menu-item-title { font-size: 18px; line-height: 1.2; } .services .wp-block-post-terms__separator { display: none; } .wp-block-post-featured-image + .wp-block-post-terms { position: absolute; top: 0px; left: 12px; display: flex; gap: 8px; z-index: 2; } .wp-block-query.services .wp-block-post { position: relative; } .wp-block-post-terms a[rel="tag"] { padding: 8px 13px; font-size: 13px; font-weight: 600; color: #fff !important; border-radius: 999px; text-decoration: none; line-height: 1; white-space: nowrap; background-color: #666; box-shadow: 0 2px 4px rgba(0,0,0,0.2); pointer-events: none; cursor: default; } li.tag-lutsk .wp-block-post-terms a[href*="/tag/lutsk/"] { background-color: #78a98b; } li.tag-kharkiv .wp-block-post-terms a[href*="/tag/kharkiv/"] { background-color: #f6ac72; } .wp-block-query.services .wp-block-post-featured-image { position: relative; overflow: hidden; border-radius: 24px; } .wp-block-query.services .wp-block-post-featured-image img { transition: transform 0.5s ease; will-change: transform; display: block; width: 100%; height: 100%; object-fit: cover; } .wp-block-query.services .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.1); } .filters button { padding: 8px 18px; border-radius: 30px; border: none; background-color: #ddd; cursor: pointer; font-weight: 600; transition: background-color 0.3s, color 0.3s; color: #fff; } .filters button[data-tag="all"] { background-color: #999; color: #fff; } .filters button[data-tag="all"].active { background-color: #333; color: #fff; } .filters button.tag-lutsk { background-color: #78a98b; color: #fff; } .filters button.tag-lutsk.active { background-color: #5b8c72; color: #fff; } .filters button.tag-kharkiv { background-color: #f6ac72; color: #fff; } .filters button.tag-kharkiv.active { background-color: #e3904f; color: #fff; } .filters { margin-bottom: 24px; display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; } .vp-pagination__style-minimal .vp-pagination__item a { padding: 12px 30px; background: #78a98b; color: #fff; text-decoration: none; border-radius: 12px; transition: all 0.3s ease; } .vp-pagination__style-minimal .vp-pagination__item a:hover { background: #b7d8ab; color: #fff; } .wp-block-button .has-ast-global-color-1-background-color:hover { background: #fff!important; color: #78a98b!important; } .price-school > .wp-block-column { box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3)!important; } .wp-block-greenshift-blocks-iconlist strong { color: #78a98b!important; } .true-marquee { overflow: hidden; background-color: #b7d8ab; padding: 10px 0; width: 100vw; } .true-marquee-track { display: flex; width: max-content; animation: scroll-marquee 22s linear infinite; } .true-marquee-item { white-space: nowrap; font-size: 1.2rem; color: #000; display: flex; align-items: center; gap: 1rem; } .true-marquee-separator { display: inline-block; margin: 0 1rem; font-size: 1.2rem; color: #000; } @media (max-width: 768px) { .school-color { padding: 25px!important; } .grid-services-wrapper { padding-left: 15px!important; padding-right: 15px!important; } .school-white { padding: 10px!important; margin-top: 3em; } .school-white h2, .school-color h2, h2.wp-block-heading { font-size: 25px!important; } .school-color p, .school-white p { font-size: 18px!important; line-height: 1.4em; } .true-marquee-item { font-size: 1rem; gap: 0.75rem; } .true-marquee-separator { font-size: 1rem; margin: 0 0.75rem; } .true-marquee-track { animation-duration: 15s; } } @keyframes scroll-marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } .gs-accordion-item.stop .iconfortoggle, .gs-accordion-item.stop [role="button"] { pointer-events: none; } .gs-accordion-item.stop .gs-accordion-item__title { cursor: default; } .gs-accordion-item.stop .iconfortoggle { display: none !important; } @media (max-width: 767px) { .custom-mobile-order { display: flex; flex-direction: column !important; } .wp-container-core-group-is-layout-639b5052 { width: 200%!important; } #content { overflow-x: hidden!important; } #gspb_container-id-gsbp-a0870c8 { padding-left: 0px!important; padding-right: 0px!important; } .gspb_row-id-gsbp-b402324 { margin-left: -20px!important; margin-right: -20px!important; background-size: cover!important; } .main-but { display: flex!important; align-items: center; } .custom-mobile-order > .wp-block-column:nth-child(1) { order: 2; } .custom-mobile-order > .wp-block-column:nth-child(2) { order: 1; } .t-btn-container { flex-direction: column!important; } .wp-block-greenshift-blocks-tab h3 { font-size: 1.7em; } .t-panel-container { padding-left: 15px!important; padding-right: 15px!important; } } @media (max-width: 921px) { .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row, .site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-tablet-stack .site-footer-section { margin: 0px!important; padding: 0px; } footer .widget { margin-bottom: 0px; } #block-5 a { color: #fff; } #block-5 .wp-block-columns { justify-content: center; text-align: center; } #block-5 .wp-block-column { display: flex; flex-direction: column; align-items: center; justify-content: center; } #block-5 .wp-block-column[style*="flex-basis"] { flex-basis: auto !important; } #block-5 .widget_nav_menu .menu { display: flex; flex-direction: column; align-items: center; padding-left: 0; margin: 0; } #block-5 .wp-block-social-links { justify-content: center !important; } #block-5 figure.wp-block-image { display: flex; justify-content: center; } } @media (max-width: 1023px) { #gspb_row-id-gsbp-91307a5>.gspb_backgroundOverlay { background: #4d3b0063!important; } .decoration-center { display: none; } } @media (min-width: 1024px) { .decoration-center { position: absolute; margin-top: -90px; } .activites .wp-block-greenshift-blocks-container { background-color: transparent!important; } .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item { transition: all 0.3s ease; } body.fixed-header .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item { position: fixed; top: 0; left: 0; right: 0; height: 75px; z-index: 9999; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); } #fixed-header-placeholder { display: none; } body.fixed-header #fixed-header-placeholder { display: block; height: 75px; } .fixed-header .custom-logo-link img { width: 150px; } } .sgpb-popup-overlay { background-color: rgba(255, 255, 255, 0.8) !important; opacity: 1 !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .wpcf7-spinner { position: absolute; } .column_one p { margin-bottom: 0px; } .wpcf7 form>div { margin-bottom: 0px; } .wpcf7-submit { width: 100%; transition: all 0.2s ease; } .form-wrapper { display: flex; flex-wrap: wrap; column-gap: 25px; } .form-wrapper .column_three { flex: 1 1 calc(50% - 12.5px); box-sizing: border-box; } .form-wrapper .column_two { flex: 1 1 calc(50% - 12.5px); box-sizing: border-box; } .form-wrapper .column_one { flex: 1 1 100%; box-sizing: border-box; } @media (max-width: 767px) { .form-wrapper .column_two { flex: 1 1 100%; } } @media (min-width: 1024px) { .menu { list-style: none; margin: 0; padding: 0; } #menu-posluhy-1 li a, #menu-posluhy-2 li a, #menu-posluhy-3 li a { padding: 7px 15px; background: #78a98b; border-radius: 8px; font-size: 18px; color: #fff; display: flex; width: 100%; } #menu-posluhy-1 li a:hover, #menu-posluhy-2 li a:hover, #menu-posluhy-3 li a:hover { background: #b7d8ab; } #menu-posluhy-1 li, #menu-posluhy-2 li, #menu-posluhy-3 li { margin-bottom: 10px; } } .sgpb-popup-builder-content-674 .form-wrapper { display: block; } #sgpb-popup-dialog-main-div div { overflow: hidden!important; } #sgpb-popup-dialog-main-div { border-radius: 25px; box-shadow: 0 2px 25px rgba(0, 0, 0, 0.05)!important; } .animated-shape { z-index: -1; } .center-shape { margin-top: -45%; z-index: -1; } @media (max-width: 767px) { .animated-shape, .shape-behind { position: absolute; margin-top: -85%; z-index: -1; } } iframe { border-radius: 15px; } .gstabs-tabs .t-panel-container { background-color: transparent!important; } .gspb_tabs-id-gsbp-4269677.gspb-tabs>.t-btn-container >.t-btn { border-width: 0px; border-bottom: 0!important; } .gstabs-tabs .t-btn { border: 0px solid #fff!important; box-shadow: 0 0 0; } @media (min-width: 768px) { .service_select { margin-bottom: 20px; } .column_two p { margin-bottom: 10px; } .contacts-footer .tabtitlelabel:before { content: ""; width: 30px; height: 36px; background: url('/wp-content/uploads/2025/04/Layer_1.svg'); display: block; position: absolute; margin-top: -5px; background-repeat: no-repeat; } .contacts-footer #gspb-tab-item-btn-gsbp-4269677-3 .tabtitlelabel:before { content: ""; width: 40px; height: 36px; background: url('/wp-content/uploads/2025/04/s_logo-sign.svg'); display: block; position: absolute; margin-top: -5px; background-repeat: no-repeat; } } .site-above-footer-wrap[data-section="section-above-footer-builder"] { background: transparent; } .cloud-form { background-size: contain!important; background-repeat: no-repeat; background-position: center; } .animated-shape { position: absolute; } .right-shape { right: 0; } .left-shape { left: 0; } .top-bar .wp-block-column { display: flex; flex-direction: row; column-gap: 30px; justify-content: center; } .top-bar .wp-block-column p { margin-top: 0px; } #menu-footer { display: flex; flex-wrap: wrap; column-gap: 20px; justify-content: center; } #menu-footer li { display: flex; } #menu-footer a { color: #fff; } .site-above-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container { display: block!important; } .site-header-above-section-center.site-header-section.ast-flex.ast-grid-section-center{ display: block!important; max-width: 800px!important; width:800px!important; margin: 0 auto!important; } .ast-builder-grid-row.ast-grid-center-col-layout-only.ast-flex.ast-grid-center-col-layout{ max-width: 750px!important; width:800px!important; margin: 0 auto!important; } .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row { padding-left: 0px; padding-right: 0px; } .footer-widget-area .widget { margin-bottom: 0px; } .options-main { display: flex; flex-direction: column; justify-content: space-between; } .shape-behind { position: absolute; margin-top: -83%; z-index: -1; } .wp-block-social-links { padding-left: 0px!important; margin-top: 10px!important; }