1166 lines
30 KiB
CSS
Executable File
1166 lines
30 KiB
CSS
Executable File
@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;
|
|
}
|
|
}
|
|
|
|
/* /--/ */ |