@charset "UTF-8"; /* Common Card Holder ------------------------------------ */ .item--holder-inner { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; border-radius: inherit; } .item--holder-inner.is__grid { flex-wrap: wrap; flex-direction: column; } [id*='hester-']:not(.hester_section_info) .item--holder-inner a:not(:hover,:focus) { color: var(--hester-secondary); text-decoration: none; } .item--holder-inner a:not(.hester-btn):hover, .using-keyboard .item--holder-inner a:not(.hester-btn):focus { color: var(--hester-primary); } .item--icon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; position: relative; z-index: 0; min-width: 2.75rem; min-height: 2.75rem; line-height: 1; color: var(--hester-secondary); -webkit-transition: var(--hester-transition-primary); transition: var(--hester-transition-primary); } .item--icon .icon > * { vertical-align: middle; /*-webkit-transition: var(--hester-transition-primary); transition: var(--hester-transition-primary);*/ } html:not(.rtl) .item--holder-inner:not(.is__grid) .item--icon { margin-right: 1.8rem; } .rtl .item--holder-inner:not(.is__grid) .item--icon { margin-left: 1.8rem; } .item--holder-inner.is__grid .item--icon { margin-bottom: 2rem; } .item--holder-inner.is__grid .item--content { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .item--holder-inner .description:not(:first-child) { margin-top: 1rem; } .item--content .title { margin-top: 0; -webkit-transition: var(--hester-transition-primary); transition: var(--hester-transition-primary); } .item--content .description { color: var(--hester-secondary_38); -webkit-transition: var(--hester-transition-primary); transition: var(--hester-transition-primary); } body .item--content *:last-child:is(.title), body .item--content *:last-child:is(.description), body .item--content *:first-child:is(.title), body .item--content *:first-child:is(.description) { margin-bottom: 0; } /* Sliders Pagination Bullet ------------------------- */ .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; } .swiper-pagination-bullet { position: relative; width: .6rem; height: .6rem; vertical-align: middle; z-index: 0; } .starter__bullet-s1 >.swiper-pagination-bullets .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; margin: auto; background-color: var(--hester-secondary); opacity: .25; -webkit-transition: var(--hester-transition-primary-slow); transition: var(--hester-transition-primary-slow); } .starter__bullet-s1.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(:first-child) { margin-left: 1.7rem; } .starter__bullet-s1 >.swiper-pagination-bullets .swiper-pagination-bullet::before { content: ""; width: 1.7rem; height: 1.7rem; border: .2rem solid transparent; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; border-radius: inherit; -webkit-transition: var(--hester-transition-primary-slow); transition: var(--hester-transition-primary-slow); } .starter__bullet-s1 >.swiper-pagination-bullets .swiper-pagination-bullet::before { left: -.46rem; } .starter__bullet-s1 >.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--hester-primary); width: .8rem; height: .8rem; opacity: 1; } .starter__bullet-s1 >.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before { border-color: var(--hester-primary); width: 1.8rem; height: 1.8rem; } .starter__slider.starter__bullet-s1 >.swiper-pagination-bullets .swiper-pagination-bullet { background-color: #bebebe; opacity: .4; } .starter__slider.starter__bullet-s1 >.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--hester-white); opacity: 1; } .starter__slider.starter__bullet-s1 >.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before { border-color: var(--hester-white); } /* Sliders Nav Buttons ------------------------- */ .starter__nav { display: flex; align-items: center; justify-content: center; margin: 6rem 0 0; padding-bottom: 2.6rem; } .starter__nav.swiper-nav, .starter__slider.swiper-vertical .starter__nav.swiper-nav { display: none; } /* md > 783px */ @media (min-width:48.938em) { .starter__nav.swiper-nav { display: flex; } } .starter__nav [class^='swiper-button-']::after { display: none; } .starter__nav [class^='swiper-button-'] { width: 5rem; height: 5rem; border-radius: 10rem; font-size: 2.2rem; position: relative; top: 0; right: 0; left: 0; margin-top: 0; display: inline-flex; color: var(--hester-secondary); background-color: var(--hester-white); -webkit-transition: var(--hester-transition-primary-slow); transition: var(--hester-transition-primary-slow); } .starter__nav [class^='swiper-button-']:not(:first-child) { margin-left: 2rem; } .starter__nav [class^='swiper-button-']:hover, .using-keyboard .starter__nav [class^='swiper-button-']:focus { box-shadow: 0 .8rem 2.8rem 0 rgba(43, 58, 85, 0.2); } .hester-sticky-header.hester-tsp-header #hester-header, .hester-sticky-header.hester-tsp-header .hester-header-widgets a:not(.hester-btn), .hester-sticky-header.hester-tsp-header .hester-logo a, .hester-sticky-header.hester-tsp-header .hester-hamburger, .hester-sticky-header.hester-tsp-header #hester-header-inner .hester-nav > ul > li > a { color: inherit; } .hester-sticky-header.hester-tsp-header .hester-header-widgets a:not(.hester-btn):hover, .hester-sticky-header.hester-tsp-header .hester-logo a:hover, .hester-sticky-header.hester-tsp-header .hester-hamburger:hover, .hester-sticky-header.hester-tsp-header #hester-header-inner .hester-nav > ul > li.hovered > a, .hester-sticky-header.hester-tsp-header #hester-header-inner .hester-nav > ul > li.current_page_item > a, .hester-sticky-header.hester-tsp-header #hester-header-inner .hester-nav > ul > li > a:hover { color: var(--hester-primary); } /* -------------------------------------------------------------------------- */ /* Starter Slider /* -------------------------------------------------------------------------- */ .is-slider-bottom-point .starter__slider { clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%); } .is-slider-radius-right .starter__slider { overflow: hidden; border-radius: 0 0 15rem 0; } .starter__slider-section, .starter__slider .swiper-slide { position: relative; } .starter__slider.swiper-vertical .swiper-slide { display: flex; justify-content: center; align-items: center; } .starter__slider-wrapper { width: 100%; height: 100%; position: relative; z-index: 0; } .starter__slider-wrapper[class*='is-overlay-']::before { z-index: 1; } .starter__slider-wrapper.is-overlay-inherit::before { opacity: 1; } .swiper-effect01 .starter__slider-image { transform: scale(1); background-position: center; transition: transform 7000ms ease; } .starter__slider-image img { width: 100%; object-fit: cover; } .swiper-effect01 .swiper-slide-active .starter__slider-image { transform: scale(1.15); } .swiper-lazy-loading { opacity: 0; } .swiper-kenburn .swiper-slide img { transform: scale(1.2); transition: transform 3s linear; max-width: 100%; width: 100%; } .swiper-kenburn .swiper-slide.swiper-slide-duplicate-active img, .swiper-kenburn .swiper-slide.swiper-slide.swiper-slide-active img { transform: scale(1); } .starter__slider-fluid { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; } .starter__grider { display: table; overflow: hidden; width: 100%; height: 100%; } .starter__grider-wrap { display: table-cell; box-sizing: border-box; vertical-align: middle; } .starter__grider-wrap .hester-flex-row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; } .starter__slider-content { max-width: 102rem; display: inline-block; color: var(--hester-white); } .is-starter-slider-s1 .starter__slider .starter__slider-subtitle { color: var(--hester-white); background-color: var(--hester-primary); padding: 0.2rem 1.7rem; margin-bottom: 1rem; } .is-starter-slider-s2 .starter__slider-subtitle { position: relative; z-index: 0; } .is-starter-slider-s2 .text-md-center .starter__slider-subtitle { padding: 0 6.8rem; } .is-starter-slider-s2 .text-md-start .starter__slider-subtitle { padding-left: 6.8rem; } .is-starter-slider-s2 .text-md-end .starter__slider-subtitle { padding-right: 6.8rem; } .is-starter-slider-s2 .starter__slider-subtitle::after, .is-starter-slider-s2 .starter__slider-subtitle::before { content: ''; position: absolute; top: 0; bottom: 0; width: 5rem; height: .2rem; margin: auto; z-index: 0; opacity: 0; visibility: hidden; background-color: var(--hester-white); } .is-starter-slider-s2 .text-md-end .starter__slider-subtitle::after, .is-starter-slider-s2 .text-md-start .starter__slider-subtitle::before, .is-starter-slider-s2 .text-md-center .starter__slider-subtitle::after, .is-starter-slider-s2 .text-md-center .starter__slider-subtitle::before { opacity: 1; visibility: visible; } .is-starter-slider-s2 .starter__slider-subtitle::before { left: 0; } .is-starter-slider-s2 .starter__slider-subtitle::after { right: 0; } .starter__slider .starter__slider-subtitle { display: inline-block; margin-bottom: .65rem; letter-spacing: .02rem; opacity: 0; transform: translateY(11rem); transition-delay: 1000ms; transition: transform 2000ms ease, opacity 2000ms ease; } .starter__slider .starter__slider-title { margin: 0; opacity: 0; color: inherit; visibility: hidden; transform: translateY(11rem); transition-delay: 1000ms; transition: transform 2000ms ease, opacity 2000ms ease; } .starter__slider-description { margin: 0; font-size: 1.65rem; opacity: 0.7; margin-top: .75rem; margin-bottom: 0; opacity: 0; transform: translateY(10rem); transition-delay: 2500ms; transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background-color 500ms ease; } .starter__slider-btn { opacity: 0; margin-top: 1.35rem; transform: translateY(10rem); transition-delay: 2500ms; transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background-color 500ms ease; } .starter__slider-btn .hester-btn:hover, .using-keyboard .starter__slider-btn .hester-btn:focus { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16); } .starter__slider-btn .hester-btn:not(:first-child) { margin-left: .75rem; } .starter__slider .swiper-slide-active .starter__slider-subtitle, .starter__slider .swiper-slide-active .starter__slider-btn, .starter__slider .swiper-slide-active .starter__slider-title, .starter__slider .swiper-slide-active .starter__slider-description { visibility: visible; opacity: 1; transform: translateY(0) translateX(0); } .starter__slider-content-img { width: 100%; height: 100%; /*padding: 2rem;*/ display: inline-block; vertical-align: middle; } .starter__slider-content-img p { margin: 0; } .starter__slider .starter__nav { padding: 0; margin: 0; } .starter__slider .starter__nav [class^='swiper-button-'] { position: absolute; top: -2.5rem; bottom: 0; margin: auto 0; color: var(--hester-white); background-color: rgba(190, 190, 190, 0.30); opacity: 0; visibility: hidden; box-shadow: 0 .8rem 2.5rem 0 rgba(43, 58, 85, 0.2); } .starter__slider [class^='swiper-button-']:hover, .using-keyboard .starter__slider [class^='swiper-button-']:focus { background-color: var(--hester-primary); } .starter__slider .swiper-button-prev, .starter__slider.swiper-rtl .swiper-button-next { right: auto; left: 10rem; } .starter__slider .swiper-button-next, .starter__slider.swiper-rtl .swiper-button-prev { right: 10rem; left: auto; } .starter__slider:hover .swiper-button-prev, .starter__slider.swiper-rtl:hover .swiper-button-next, .starter__slider:hover .swiper-button-next, .starter__slider.swiper-rtl:hover .swiper-button-prev { opacity: 1; visibility: visible; } .starter__slider:hover .swiper-button-prev, .starter__slider.swiper-rtl:hover .swiper-button-next { left: 4rem; } .starter__slider:hover .swiper-button-next, .starter__slider.swiper-rtl:hover .swiper-button-prev { right: 4rem; } .starter__slider.swiper-vertical >.swiper-pagination-bullets { top: 43.35%; right: 3rem; } .starter__slider.swiper-horizontal>.swiper-pagination-bullets { bottom: .4rem; } .starter__slider .text-md-start .starter__slider-start { text-align: left; } .starter__slider .text-md-center .starter__slider-start { text-align: center; } .starter__slider .text-md-end .starter__slider-start { text-align: right; margin-left: auto; order: 1; } .starter__slider .text-md-center .hester-flex-row .starter__slider-start, .starter__slider .text-md-center .hester-flex-row .starter__slider-end { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .hester-tsp-header .starter__grider-wrap { padding-top: 5.5rem; } /* md > 961px */ @media (min-width:60.063em) { .is-slider-radius-right .starter__slider { border-radius: 0 0 26rem 0; } .starter__slider-nextcomeup .starter__grider-wrap { padding-bottom: 10rem; } .starter__slider-subtitle { margin-bottom: .5rem; } .starter__slider-btn { margin-top: 3.6rem; } .starter__slider-btn .hester-btn:not(:first-child) { margin-left: 2rem; } .starter__slider-description { font-size: 1.8rem; margin-top: 1.8rem; } .starter__slider.swiper-horizontal>.swiper-pagination-bullets { bottom: 12.6rem; } .starter__slider .text-md-start .starter__slider-content-img { text-align: right; } .starter__slider .text-md-end .starter__slider-content-img { text-align: left; } .starter__slider .starter__slider-end.mt-md-auto { margin-top: auto; } .starter__slider.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet:not(:first-child) { margin-top: 1.7rem; } .starter__slider.swiper-vertical >.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: auto; } } /* max-width > 960px */ @media (max-width:60em) { .starter__slider.swiper-vertical >.swiper-pagination-bullets .swiper-pagination-bullet { display: inline-block; } .starter__slider.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet:not(:first-child) { margin-left: 1.7rem; } .starter__slider.swiper-vertical >.swiper-pagination-bullets { top: 88%; right: 0; left: 0; } .is-slider-radius-right .starter__slider { border-radius: 0 0 3rem 0; } } /* max-width > 782px */ @media (max-width:48.875em) { .starter__slider.swiper-vertical >.swiper-pagination-bullets { top: 92%; } } /* Starter Slider WPforms */ .starter__slider-content-img div.wpforms-container-full { padding: 2.5rem; background-color: var(--hester-white); border-radius: var(--hester-normal-radius); text-align: left; } body div.wpforms-container-full form.wpforms-form input, body div.wpforms-container-full form.wpforms-form select, body div.wpforms-container-full form.wpforms-form .wpforms-field-row { max-width: 100% !important; } div.wpforms-container-full form.wpforms-form input[type=checkbox], div.wpforms-container-full form.wpforms-form input[type=radio] { height: 2rem; margin: 0 10px 0 3px; vertical-align: middle; position: relative; } div.wpforms-container-full form.wpforms-form input[type=checkbox]:checked, div.wpforms-container-full form.wpforms-form input[type=radio]:checked { background-color: var(--hester-primary); } .starter__slider-content-img .wpcf7, .hester_section_extra .wp-block-column .wpcf7 { padding: 2.2rem; text-align: left; background-color: var(--hester-white); max-width: 40.5rem; border-radius: var(--hester-normal-radius); } .starter__slider-content-img .wpcf7 textarea { min-height: 10rem; height: 10rem; } .wpcf7 p, .wpcf7 label { margin-bottom: 0; } .wpcf7 label { width: 100%; } .wpcf7 div+p { margin-top: 0; } /* -------------------------------------------------------------------------- */ /* Starter Info /* -------------------------------------------------------------------------- */ .hester_section_info { position: relative; z-index: 1; } .hester_section_info .hester_bg { padding-top: 5rem; } .starter__contact-item, .starter__info-item { position: relative; background-color: var(--hester-white); overflow: hidden; z-index: 0; } .starter__contact-item { border-radius: var(--hester-ten-radius); } .starter__info-item { height: 100%; padding: 2.7rem 2.5rem 2.8rem; transition: var(--hester-transition-primary); } .starter__info-item:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 0; height: .5rem; opacity: 0; visibility: hidden; margin: 0 auto; background-color: var(--hester-primary); transition: var(--hester-transition-primary); } .starter__info-item:hover::after, .using-keyboard .starter__info-item:focus-within::after, .starter__info-item.active::after { opacity: 1; visibility: visible; width: 100%; } .starter__info-wrapper .item--icon { width: 5.5rem; height: 5.5rem; font-size: 5rem; color: var(--hester-primary); } .is-info-init-s .starter__info-item { padding: 0; overflow: visible; } .starter__slider-nextcomeup + .is-info-init-s .starter__info-item { padding: 2.6rem; border-radius: 1rem; box-shadow: 0 1rem 1.75rem 0 rgba(64,64,64,0.1); } .is-info-init-s .starter__info-item:after { display: none; } .is-info-init-s .item--holder-inner .item--icon { color: var(--hester-white); background-color: var(--hester-primary); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)); box-shadow: 0 1.8rem 4rem rgba(0, 0, 0, 0.2); } .is-info-init-s .item--holder-inner .item--icon, .is-info-init-s0 .item--holder-inner .item--icon { width: 7.6rem; height: 7.6rem; font-size: 3.6rem; border-radius: 100%; } .is-info-init-s .item--holder-inner.is__grid .item--icon, .is-info-init-s0 .item--holder-inner.is__grid .item--icon { margin-bottom: 2.3rem; } .is-info-init-s .starter__info-item .item--holder-inner.is__list, .is-info-init-s0 .starter__info-item .item--holder-inner.is__list { padding-bottom: 0.75rem; } /* 0 */ .is-info-init-s0 .starter__info-item { padding: 5rem 1.94rem 3.6rem; box-shadow: 0 1rem 3rem rgba(0,0,0,0.06); border-radius: 1rem; } .is-info-init-s0 .item--holder-inner.is__grid { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; } .is-info-init-s0 .item--holder-inner .item--icon { background-color: var(--hester-primary_09); } /* md > 783px || max-width > 960px */ @media (min-width: 37.5em) and (max-width: 60em) { .starter__info-item { padding: 2rem 2.2rem 2.1rem; } } /* md > 783px */ @media (min-width: 48.938em) { .starter__slider-nextcomeup+#hester-info { margin-top: -9.5rem; } .starter__slider-nextcomeup+#hester-info .hester_bg { padding: 0; padding-bottom: 1rem; } } /* min-width > 783px || max-width > 960px */ @media (min-width: 48.938em) and (max-width: 60em) { .starter__slider-nextcomeup+#hester-info { margin-top: -3.2rem; } } /* ---//--- */ /* -------------------------------------------------------------------------- */ /* Starter Services /* -------------------------------------------------------------------------- */ .readmore { margin-top: 0.8rem; } .readmore a { display: inline-block; position: relative; z-index: 0; } .readmore span { margin-right: 0.7rem; display: inline-block; } .readmore span:empty { display: none; } .readmore .more-icon-main { font-size: 1.3rem; transition: 0.35s ease all; } .readmore .more-icon-hover { position: absolute; top: 50%; right: 0; transform: translate(-2rem, -50%); transition: 0.35s ease all; opacity: 0; } .readmore:hover .more-icon-main { opacity: 0; transform: translateX(2rem); } .readmore:hover .more-icon-hover { transform: translate(0.3rem, -50%); opacity: 1; } .hester_section_services { overflow: hidden; } .starter__services-item { height: 100%; position: relative; z-index: 0; } .is-services-init-s1 .starter__services-item .item--holder { margin-top: 3.4rem; /* background-color: var(--hester-white); */ position: relative; z-index: 0; border-radius: var(--hester-normal-radius); -webkit-transition: var(--hester-transition-primary); transition: var(--hester-transition-primary); box-shadow: 0 1rem 1.75rem 0 rgba(64, 64, 64, 0.1); } .is-services-init-s1 .starter__services-item .item--holder .readmore a, .is-services-init-s1 .starter__services-item .item--holder, .is-services-init-s1 .starter__services-item .item--holder-inner.is__grid .item--icon+.item--content:before { border: .1rem solid rgba(190, 190, 190, 0.17); } .is-services-init-s1 .starter__services-item .item--holder-inner.is__grid .item--icon { width: 8.6rem; height: 8.6rem; border-radius: inherit; position: absolute; top: -3.5rem; right: 0; left: 0; margin: 0 auto; background-color: var(--hester-white); -webkit-transition: var(--hester-transition-primary); transition: var(--hester-transition-primary); } .is-services-init-s1 .starter__services-item .item--holder-inner.is__grid .item--icon .icon { width: 6.8rem; height: 6.8rem; font-size: 3.3rem; line-height: 6.3rem; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)); background-color: var(--hester-primary); color: var(--hester-white); border-radius: inherit; text-align: center; display: inline-block; } .is-services-init-s1 .starter__services-item .item--holder-inner.is__grid .item--icon .icon * { -webkit-transition: var(--hester-transition-primary); transition: var(--hester-transition-primary); } .is-services-init-s1 .starter__services-item:hover .item--holder-inner.is__grid .item--icon .icon > * { transform: rotate(-45deg); } .is-services-init-s1 .starter__services-item .item--holder-inner .item--content { width: 100%; text-align: center; padding: 4.4rem 3.8rem; border-radius: inherit; background-color: var(--hester-white); } .is-services-init-s1 .starter__services-item .item--holder-inner.is__grid .item--icon+.item--content { padding-top: 7rem; } /* md > 783px || max-width > 960px */ @media (min-width: 37.5em) and (max-width: 60em) { .is-services-init-s1 .starter__services-item .item--holder-inner .item--content { padding: 4rem 2.5rem; } .is-services-init-s1 .starter__services-item .item--holder-inner.is__grid .item--icon+.item--content { padding-top: 6rem; } } .is-services-init-s1 .starter__services-item .item--holder-inner.is__grid .item--icon+.item--content:before { content: ""; position: absolute; top: -3.6rem; right: 0; left: 0; width: 8.8rem; height: 8.8rem; margin: 0 auto; display: inline-block; z-index: -1; border-radius: inherit; -webkit-transition: var(--hester-transition-primary); transition: var(--hester-transition-primary); } .is-services-init-s1 .starter__services-item:hover .item--holder-inner.is__grid .item--icon+.item--content:before, .using-keyboard .is-services-init-s1 .starter__services-item:focus-within .item--holder-inner.is__grid .item--icon+.item--content:before, .is-services-init-s1 .starter__services-item.active .item--holder-inner.is__grid .item--icon+.item--content:before, .is-services-init-s1 .starter__services-item:hover .item--holder-inner.is__grid .item--icon, .using-keyboard .is-services-init-s1 .starter__services-item:focus-within .item--holder-inner.is__grid .item--icon, .is-services-init-s1 .starter__services-item.active .item--holder-inner.is__grid .item--icon { transform: rotate(45deg); } .is-services-init-s1 .starter__services-item .item--holder .readmore { position: absolute; left: 50%; bottom: -2.25rem; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .is-services-init-s1 .starter__services-item .item--holder .readmore a { display: block; min-width: 4.8rem; min-height: 1.8rem; line-height: 1.8rem; padding: 1.4rem; font-size: 1.6rem; text-align: center; border-radius: var(--hester-full-radius); color: var(--hester-gray-medium); background-color: var(--hester-white); box-shadow: 0 1.8rem 3.2rem rgba(64, 64, 64, 0.1); } .is-services-init-s1 .starter__services-item .item--holder .readmore a i { font-size: 107%; line-height: 1.7rem; vertical-align: -0.1rem; } .using-keyboard .is-services-init-s1 .starter__services-item .item--holder .readmore a:focus, .is-services-init-s1 .starter__services-item .item--holder .readmore a:hover { color: var(--hester-primary); border-color: var(--hester-primary); box-shadow: 0 1.7rem 1.75rem 0 rgba(64, 64, 64, 0.1); } /* -------------------------------------------------------------------------- */ /* Starter Features /* -------------------------------------------------------------------------- */ .hester_section_features { overflow: hidden; position: relative; z-index: 0; } .hester_section_features .hester_bg::before { background-image: linear-gradient(45deg,rgba(255,255,255, 0) 0%,rgba(255, 255, 255, 0.2) 100%); } .hester_section_features .starter__heading-title .sub-title { color: var(--hester-white); } .is-section-heading-init-s1 .hester_section_features .starter__heading-title .title::before, .is-section-heading-init-s1 .hester_section_features .starter__heading-title .title::after { background-color: var(--hester-white); } .hester_section_features .starter__heading-title > p { margin-bottom: 0; } /* sm > 600 || max-width > 782px */ @media (min-width: 37.5em) and (max-width: 48.875em) { .is-features-init-s1 .starter__features-wrapper { margin-bottom: 3rem; } } /* sm > 600px */ @media (min-width: 37.5em) { .starter__features-wrapper [class^='col-']:nth-child(even) { transform: translateY(3rem); } } .starter__features-item { position: relative; padding: 2.8rem 2.6rem; border-radius: .8rem; background-color: var(--hester-white); -webkit-transition: var(--hester-transition-primary); transition: var(--hester-transition-primary); } .is-features-init-s1 .starter__features-item:before { content: ''; position: absolute; top: -1rem; right: 1rem; width: 100%; height: 100%; opacity: 0; z-index: -1; background-color: var(--hester-white); border-radius: inherit; -webkit-transition: var(--hester-transition-primary); transition: var(--hester-transition-primary); } .is-features-init-s1 .starter__features-item:hover:before, .using-keyboard .is-features-init-s1 .starter__features-item:focus-within:before { opacity: .5; top: 1rem; right: -1rem; } .starter__features-item .item--icon { min-width: 4rem; min-height: 4rem; font-size: 4rem; color: var(--hester-primary); } .is-features-init-s1 .starter__features-item.active, .is-features-init-s1 .starter__features-item:hover, .using-keyboard .is-features-init-s1 .starter__features-item:focus-within { box-shadow: 1.09rem 2.138rem 5rem 0 rgba(64, 64, 64, 0.16); } html:not(.rtl) .starter__features-item .item--holder-inner:not(.is__grid) .item--icon { margin-right: 2.5rem; } .rtl .starter__features-item .item--holder-inner:not(.is__grid) .item--icon { margin-left: 2.5rem; } .starter__features-item .item--holder-inner { -ms-flex-align: center; align-items: center; } .is-features-init-s1 .starter__features-item { border-radius: .1rem; box-shadow: 0 0 7rem 0 rgba(64, 64, 64, 0.08); } /* Hester Lite CSS Only */ @media (min-width: 48.938em) { .starter__slider-nextcomeup+#hester-info .hester_bg { padding-bottom: 10rem; } } .hester_section_blog+.hester_section_services .hester_bg, .hester_section_blog+.hester_section_info .hester_bg, .hester_section_info+.hester_section_blog .hester_bg, .hester_section_info+.hester_section_services .hester_bg, .hester_section_services+.hester_section_blog .hester_bg, .hester_section_services+.hester_section_info .hester_bg { padding-top: 0; } .customize-partial-edit-shortcuts-shown .hester_section_blog+.hester_section_services .hester_bg, .customize-partial-edit-shortcuts-shown .hester_section_blog+.hester_section_info .hester_bg, .customize-partial-edit-shortcuts-shown .hester_section_info+.hester_section_blog .hester_bg, .customize-partial-edit-shortcuts-shown .hester_section_info+.hester_section_services .hester_bg, .customize-partial-edit-shortcuts-shown .hester_section_services+.hester_section_blog .hester_bg, .customize-partial-edit-shortcuts-shown .hester_section_services+.hester_section_info .hester_bg { padding-top: 5rem; } .hester_section_extra .hester_bg, .hester_section_products .hester_bg { background-color: var(--hester-primary_04); } .hester_section_products .hester_bg .woocommerce ul.products li.product { background-color: var(--hester-white); } @media only screen and (max-width: 768px) { .hester_section_info .hester_bg { padding-top: 6rem; padding-bottom: 6rem; } } /* /--/ */