*:hover,
*:focus,
*:focus-visible{
outline:0 !important;
}
h1.page-title,
header.entry-header .entry-title,
header.entry-header h1.entry-title,
header.entry-header h2.entry-title{
font-size: 36px;
text-transform:uppercase;
font-weight:bold;
}
header.entry-header .entry-title,
header.entry-header h1.entry-title{
text-align:center !important;
}
.ast-plain-container.ast-no-sidebar #primary {
margin-top: 60px;
margin-bottom: 60px;
}
button, .button{
text-transform:capitalize;
font-weight: bold;
}
.search .ast-container {
padding-left: 20px !important;
padding-right: 20px !important;
}
.ast-container .content-area .ast-row {
margin-left: auto !important;
margin-right: auto !important;
}    @media (max-width: 921px) { .ast-builder-menu-1,
.ast-builder-menu-2 {
display: none !important;
} .ast-mobile-header-wrap {
display: flex !important;
} #ast-desktop-header {
display: none;
} #ast-mobile-header .ast-main-header-wrap.main-header-bar-wrap {
width: 100%;
} .ast-mobile-header-wrap .ast-primary-header-bar {
padding-left: 20px;
padding-right: 20px;
} .ast-builder-menu-mobile .main-navigation .main-header-menu,
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
background-color: #fff !important;
font-weight: 700 !important;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
} .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-mobile .main-navigation .main-header-menu:hover,
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link:hover,
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu:hover {
background-color: rgba(0, 0, 0, 0.015) !important;
} .ast-menu-toggle,
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item .ast-menu-toggle,
.ast-mobile-popup-drawer.active .menu-toggle-close,
.ast-button-wrap .ast-mobile-menu-trigger-minimal,
.ast-menu-toggle:focus,
.ast-mobile-popup-drawer.active .menu-toggle-close:focus,
.ast-button-wrap .ast-mobile-menu-trigger-minimal:focus {
border: 0 !important;
outline: 0 !important;
box-shadow: none;
background-color: transparent !important;
}
} @media (min-width: 922px) { .site-header-primary-section-left
#mega-menu-wrap-v2-primary-menu
#mega-menu-v2-primary-menu > li.gph-menu-items-right {
display: none;
} .site-header-primary-section-right
#mega-menu-wrap-v2-primary-menu
#mega-menu-v2-primary-menu > li.gph-menu-items-left {
display: none;
}
li.gph-menu-items_mobile-only{
display:none !important;
margin-top:20px;
} #mega-menu-wrap-v2-primary-menu #mega-menu-v2-primary-menu ul.mega-sub-menu {
top: 74px;
} #mega-menu-wrap-v2-primary-menu #mega-menu-v2-primary-menu > li.mega-menu-item > a.mega-menu-link {
display: flex;
justify-content: center;
align-items: center;
} #ast-mobile-header .ast-main-header-wrap.main-header-bar-wrap {
display: none !important;
}
} @media (min-width: 922px) and (max-width: 1200px) { #ast-desktop-header .site-primary-header-wrap .ast-builder-grid-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
} #ast-desktop-header .site-primary-header-wrap .site-header-section {
height: auto;
} #ast-desktop-header .site-primary-header-wrap .ast-grid-section-center {
width: 100%;
order: -1;
justify-content: center;
height: auto;
} #ast-desktop-header .site-primary-header-wrap .ast-grid-section-center .ast-site-identity {
padding: 0;
} #mega-menu-wrap-v2-primary-menu #mega-menu-v2-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
width: 900px;
} #mega-menu-wrap-v2-primary-menu #mega-menu-v2-primary-menu ul.mega-sub-menu {
top: 60px;
left: -195%;
}
} li.mega-menu-item > a.mega-menu-link {
font-family: 'meltix', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
font-size: 16px;
font-style: italic;
font-weight: 700 !important;
text-transform: capitalize;
}
.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
font-style: normal;
}   @media (min-width: 922px) { .ast-main-header-wrap .site-header-primary-section-right .menu-primary-menu-container ul.menu li.gph-menu-items-left, 
.ast-main-header-wrap .site-header-primary-section-left .menu-primary-menu-container ul.menu li.gph-menu-items-right {
display: none;
} .ast-main-header-wrap .menu-primary-menu-container ul.menu {
display: flex;
flex-direction: row;
}
.ast-main-header-wrap .menu-primary-menu-container ul.menu > li.menu-item{
position:relative;
}
.ast-main-header-wrap .menu-primary-menu-container ul.menu > li.menu-item > a{
padding-block:20px;
padding-inline: 15px;
font-family:var(--font-secondary);
font-size: 16px;
color: var(--ast-global-color-4);
font-weight:600;
font-style:italic;
transition:all 0.3s ease-in-out;
}
.ast-main-header-wrap .menu-primary-menu-container ul.menu > li.menu-item.current-menu-item a,
.ast-main-header-wrap .menu-primary-menu-container ul.menu > li.menu-item a:hover{
color: var(--ast-global-color-7);
} .ast-main-header-wrap .menu-primary-menu-container ul.menu ul.sub-menu {
position: absolute;
top: 51px;
left: -160%;
width: 1100px;
z-index: 100;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
background: #fff;
padding: 15px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
box-shadow: 0px 5px 20px 10px rgba(0, 0, 0, 0.07); opacity: 0;
visibility: hidden;
transform: translateY(14px);
pointer-events: none;
transition:
opacity 300ms ease,
transform 300ms ease,
visibility 0s linear 300ms;
} .ast-main-header-wrap .menu-primary-menu-container ul.menu > li.menu-item-has-children::after,
.ast-main-header-wrap .menu-primary-menu-container ul.menu > li.menu-item:has(> ul.sub-menu)::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 143%;
height: 20px;
} .ast-main-header-wrap .menu-primary-menu-container ul.menu > li.menu-item-has-children:hover > ul.sub-menu,
.ast-main-header-wrap .menu-primary-menu-container ul.menu > li.menu-item-has-children:focus-within > ul.sub-menu,
.ast-main-header-wrap .menu-primary-menu-container ul.menu > li.menu-item:has(> ul.sub-menu):hover > ul.sub-menu,
.ast-main-header-wrap .menu-primary-menu-container ul.menu > li.menu-item:has(> ul.sub-menu):focus-within > ul.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto; transition:
opacity 300ms ease,
transform 300ms ease,
visibility 0s;
}
.ast-main-header-wrap .menu-primary-menu-container ul.menu ul.sub-menu li{
padding-left:0;
}
.ast-main-header-wrap .menu-primary-menu-container ul.menu ul.sub-menu li a{
display:block;
padding-inline: 10px;
padding-block: 10px;
background: #fff;
border-radius:3px;
color: var(--ast-global-color-8);
}
.ast-main-header-wrap .menu-primary-menu-container ul.menu ul.sub-menu li:hover a{
background:var(--ast-global-color-8);
color:var(--ast-global-color-4);
}
} @media (min-width: 922px) and (max-width: 1200px) { #ast-desktop-header .site-primary-header-wrap .ast-builder-grid-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
} #ast-desktop-header .site-primary-header-wrap .site-header-section {
height: auto;
}
.ast-primary-header-bar .site-primary-header-wrap {
min-height: 120px;
} #ast-desktop-header .site-primary-header-wrap .ast-grid-section-center {
width: 100%;
order: -1;
justify-content: center;
height: auto;
margin-bottom:20px;
}
.ast-main-header-wrap .menu-primary-menu-container ul.menu ul.sub-menu {
left:-235%;
top:33px;
width:900px;
} #ast-desktop-header .site-primary-header-wrap .ast-grid-section-center .ast-site-identity {
padding: 0;
}
} .site-header .custom-logo-link {
display: inline-block;
line-height: 0;
}
.site-header .custom-logo-link img.custom-logo,
.site-header .site-logo-img img.custom-logo {
display: block;
width: 420px;
max-width: 420px;
height: auto;
aspect-ratio: 420 / 52;
transition: none !important;
}
@media (max-width: 921px) {
.site-header .custom-logo-link img.custom-logo,
.site-header .site-logo-img img.custom-logo {
width: 300px;
max-width: 300px;
}
}
@media (max-width: 544px) {
.site-header .custom-logo-link img.custom-logo,
.site-header .site-logo-img img.custom-logo {
width: 180px;
max-width: 180px;
}
}   .ast-header-search .ast-search-menu-icon form.search-form {
border: 0;
outline: 0;
border-radius: 5px;
overflow: hidden;
z-index: 100;
} .ast-header-search .ast-search-menu-icon form.search-form label {
display: flex;
} #ast-mobile-header .ast-header-search .ast-search-menu-icon form.search-form{
padding-left:0;
left:0;
}
#ast-mobile-header .ast-header-search .search-form #search-field{
max-width: 280px;
} .ast-header-search .search-form #search-field::placeholder {
color: #757575;
}
.ast-header-search .search-form #search-field::-webkit-input-placeholder {
color: #757575;
}
.ast-header-search .search-form #search-field::-moz-placeholder {
color: #757575;
}
.ast-header-search .search-form #search-field:-ms-input-placeholder {
color: #757575;
} .ast-header-search .ast-search-menu-icon .search-form button.search-submit {
padding-inline: 12px;
display: block;
}
.ast-header-search .ast-search-menu-icon .search-form button.search-submit .ast-icon {
color: #757575;
}  .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap {
padding-inline: 20px;
}
.site-footer-primary-section-1 {
flex-direction: column;
justify-content: flex-start;
border-right: 1px solid #eee;
padding-right: 30px;
}
.ast-footer-social-1-wrap.ast-footer-social-wrap {
display: flex;
}
.footer-widget-area img {
max-width: 400px;
}
.site-footer-primary-section-2 {
margin-top: 50px;
}
@media (max-width: 921px) {
.site-primary-footer-wrap .site-footer-primary-section-2  {
margin-top:0;
margin-bottom:0;
display:flex;
flex-direction:column;
gap:20px;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row{
align-items:center;
}
.site-footer-primary-section-1 .footer-widget-area img {
max-width: 300px;
}
}
@media (max-width: 767px) { 
.site-footer{
text-align:center;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row{
grid-template-columns: repeat(1, 1fr);
}
.site-footer-primary-section-1 .footer-widget-area img {
max-width: 350px;
}
.site-footer-primary-section-1 {
border-right: 0;
justify-content:center;
}
}
@media (max-width: 529px) { 
.site-footer-primary-section-1 .footer-widget-area img {
max-width: 280px;
}
}
.site-footer-primary-section-1 {
border-right: 1px solid #4c4b4b;
}
.widget_nav_menu li {
margin-bottom: 12px;
}
@media (min-width: 1481px) {
.site-footer-below-section-1 {
padding-inline: 20px;
}
}
@media screen and (min-width: 922px){
.footer-spacer{
display:none;
}
}
@media screen and (max-width: 921px){
.site-footer-primary-section-1{
border:0;
border-color: transparent;
}
}   body.gph-howto {
--gph-content-max: 1200px;
--gph-video-max: 1100px;
--gph-video-radius: 16px;
--gph-video-shadow: 0 22px 45px rgba(0,0,0,.14);
--gph-list-max: 1200px; --gph-card-radius: 14px;
--gph-card-border: rgba(0, 0, 0, 0.08);
--gph-card-bg: #fff;
--gph-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
--gph-card-shadow-hover: 0 18px 45px rgba(0, 0, 0, 0.12); --gph-text: var(--ast-global-color-8);
--gph-muted: var(--ast-global-color-1);
--gph-accent: var(--ast-global-color-0); --gph-badge-bg: rgba(0,0,0,.04);
--gph-badge-border: rgba(0,0,0,.10);
--gph-badge-icon: rgba(0,0,0,.55); --gph-accent-border: color-mix(in srgb, var(--gph-accent) 28%, transparent);
--gph-accent-focus:  color-mix(in srgb, var(--gph-accent) 40%, transparent);
} body.gph-howto header.entry-header,
body.gph-howto .entry-content {
max-width: var(--gph-content-max);
margin-inline: auto;
padding-inline: clamp(16px, 4vw, 32px);
}
body.gph-howto h1.entry-title{
text-align:center;
} body.gph-howto .wp-block-group {
display: flex;
flex-direction: column;
align-items: center;
margin-top:0 !important;
padding-top:0 !important;
}
body.gph-howto .entry-content > .wp-block-group{
padding-top:0 !important;
} body.gph-howto .entry-content .wp-block-embed-youtube {
width: 100%;
margin: 0 auto 0;
} body.gph-howto
.entry-content
.wp-block-embed-youtube
.wp-block-embed__wrapper {
width: 100%;
max-width: var(--gph-video-max);
margin-inline: auto;
aspect-ratio: 16 / 9;
border-radius: var(--gph-video-radius);
overflow: hidden;
background: #000;
box-shadow: var(--gph-video-shadow);
} body.gph-howto
.entry-content
.wp-block-embed-youtube
.wp-block-embed__wrapper iframe {
width: 100% !important;
height: 100% !important;
display: block;
border: 0;
} body.gph-howto
.entry-content
.wp-block-embed-youtube.wp-embed-aspect-9-16
.wp-block-embed__wrapper {
aspect-ratio: 9 / 16;
max-width: 520px;
} @media (min-width: 1024px) {
body.gph-howto
.entry-content
.wp-block-embed-youtube
.wp-block-embed__wrapper {
max-height: 75vh;
}
} body.gph-howto .wp-block-buttons {
width: 100%;
max-width: var(--gph-video-max);
margin: 2;
display:flex;
justify-content:center !important;
flex-wrap:wrap;
}
body.gph-howto .wp-block-buttons .wp-block-button{
display: block;
margin: 0;
width: 300px;
flex-basis:auto;
}
body.gph-howto .wp-block-buttons .wp-block-button .wp-block-button__link{
display: block;
width: 100%;
padding-block: 15px;
border-radius: 5px;
outline: 0 !important;
border: 0 !important;
transition: background-color 300ms linear;
}
body.gph-howto .wp-block-buttons .wp-block-button .wp-block-button__link:hover{
background-color:var(--ast-global-color-1);
}
body.gph-howto .wp-block-heading{
text-transform:uppercase;
}  body.gph-howto h2.wp-block-heading{
margin-top: 80px;
margin-block-end: 30px !important;
margin-bottom: 10px;
font-size: 24px;
text-transform: uppercase;
text-align: left;
} .entry-content .wc-block-product-template {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 26px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
} @media (max-width: 1024px) {
.entry-content .wc-block-product-template {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
} @media (max-width: 640px) {
.entry-content .wc-block-product-template {
grid-template-columns: 1fr !important;
}
} .entry-content .wc-block-product-template > li.wc-block-product {
border: 1px solid #eee;
border-radius: 10px;
padding: 16px;
background: #fff;
box-shadow: 0 0 0 rgba(28, 21, 91, 0);
transform: translateY(0);
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
display: flex;
flex-direction: column;
gap: 10px;
} .entry-content .wc-block-product-template > li.wc-block-product:hover {
border-color: rgba(28, 21, 91, 0.10);
box-shadow: 0 10px 26px rgba(28, 21, 91, 0.08);
transform: translateY(-3px);
} .entry-content .wc-block-product-template .wc-block-components-product-image {
border-radius: 8px;
overflow: hidden;
}
.entry-content .wc-block-product-template .wc-block-components-product-image img {
width: 100%;
height: auto;
max-height:300px;
object-fit:contain;
display: block;
transform: scale(1);
transition: transform .25s ease;
}
.entry-content .wc-block-product-template > li.wc-block-product:hover
.wc-block-components-product-image img {
transform: scale(1.03);
} .entry-content .wc-block-product-template .wp-block-post-title,
.entry-content .wc-block-product-template .wc-block-components-product-name {
margin: 6px 0 0;
text-transform: uppercase;
font-weight: 800;
letter-spacing: .02em;
}
body.gph-howto .wc-block-product .wp-block-post-title a{
font-size:18px !important;
text-decoration:none;
} .entry-content .wc-block-product-template .wc-block-components-product-price {
margin-top: 2px;
font-weight: 600;
font-size:16px;
} .entry-content .wc-block-product-template .wp-block-button,
.entry-content .wc-block-product-template .wc-block-components-product-button {
margin-top: auto; } .entry-content .wc-block-product-template a.wp-block-button__link,
.entry-content .wc-block-product-template .wc-block-components-product-button__button {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
border-radius: 5px;
font-size:16px !important;
text-transform:capitalize;
font-weight: 600;
padding: 12px 14px;
transition: transform .2s ease, filter .2s ease;
}
.entry-content .wc-block-product-template > li.wc-block-product:hover
.wc-block-components-product-button__button {
transform: translateY(-1px);
}  body.gph-howto .entry-content ul.wp-block-page-list {
list-style: none;
margin: 0;
padding: 10px 0 28px;
display: grid;
grid-template-columns: 1fr;
gap: 14px;
}
@media (min-width: 900px) {
body.gph-howto .entry-content ul.wp-block-page-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
}
body.gph-howto .entry-content ul.wp-block-page-list > li.wp-block-pages-list__item {
margin: 0;
padding: 0;
} body.gph-howto .entry-content a.wp-block-pages-list__item__link {
position: relative;
width: 100%;
display: flex;
align-items: center;
gap: 14px;
padding: 18px 18px;
border: 1px solid var(--gph-card-border);
border-radius: var(--gph-card-radius);
background: var(--gph-card-bg);
color: var(--gph-text);
text-decoration: none;
transform: translateY(0);
box-shadow: 0 0 0 rgba(0,0,0,0);
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
} body.gph-howto .entry-content a.wp-block-pages-list__item__link::before {
content: "▶";
flex: 0 0 auto;
width: 44px;
height: 44px;
border-radius: 999px;
display: flex;
justify-content:center;
align-items:center;
background: var(--gph-badge-bg);
border: 1px solid var(--gph-badge-border);
color: var(--gph-badge-icon);
font-size: 14px;
line-height: 1;
transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
} body.gph-howto .entry-content a.wp-block-pages-list__item__link::after {
content: "»";
margin-left: auto;
color: rgba(0,0,0,.32);
font-size: 20px;
line-height: 1;
transform: translateX(-3px);
opacity: .75;
transition: transform 180ms ease, color 180ms ease, opacity 180ms ease;
} body.gph-howto .entry-content a.wp-block-pages-list__item__link {
font-weight: 700;
font-size: 16px;
line-height: 1.35;
} body.gph-howto .entry-content a.wp-block-pages-list__item__link:hover {
transform: translateY(-2px);
box-shadow: var(--gph-card-shadow);
border-color: var(--gph-accent-border);
}
body.gph-howto .entry-content a.wp-block-pages-list__item__link:hover::before {
background: var(--gph-accent);
border-color: var(--gph-accent);
color: #fff;
}
body.gph-howto .entry-content a.wp-block-pages-list__item__link:hover::after {
transform: translateX(6px);
color: var(--gph-accent);
opacity: 1;
} body.gph-howto .entry-content a.wp-block-pages-list__item__link:focus-visible {
outline: 3px solid var(--gph-accent-focus);
outline-offset: 3px;
box-shadow: var(--gph-card-shadow-hover);
} body.gph-howto .entry-content li.current_page_item > a.wp-block-pages-list__item__link,
body.gph-howto .entry-content a.wp-block-pages-list__item__link[aria-current="page"] {
border-color: var(--gph-accent);
box-shadow: var(--gph-card-shadow);
}
body.gph-howto .entry-content li.current_page_item > a.wp-block-pages-list__item__link::before,
body.gph-howto .entry-content a.wp-block-pages-list__item__link[aria-current="page"]::before {
background: var(--gph-accent);
border-color: var(--gph-accent);
color: #fff;
}
body.gph-howto .entry-content li.current_page_item > a.wp-block-pages-list__item__link::after,
body.gph-howto .entry-content a.wp-block-pages-list__item__link[aria-current="page"]::after {
color: var(--gph-accent);
opacity: 1;
} body.gph-howto .entry-content ul.wp-block-page-list ul {
margin-top: 10px;
padding-left: 0;
list-style: none;
display: grid;
gap: 10px;
}
@media (min-width: 981px) { .gph-story-wrapper{
position:relative !important;
}
.gph-story{
position:sticky !important;
top:60px; 
left: 0;
}
}   .gph-slider { }
@media (max-width: 767px) {
.et-db #et-boc .et-l .gph-slider.et_pb_slider .et_pb_slide { }
}  .et-db #et-boc .et-l .et_pb_row .et_pb_column.gph-shop-for {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 30px;
margin-top: 50px;
margin-bottom: 50px !important;
} .et-db #et-boc .et-l .et_pb_blurb_0.et_pb_blurb.ghp-shop-for-indicator {
display: flex;
flex-direction: column; } .et-db #et-boc .et-l .et_pb_blurb_0.et_pb_blurb.ghp-shop-for-indicator .et_pb_blurb_content {
display: flex;
flex-direction: column-reverse;
} .et-db #et-boc .et-l
.et_pb_blurb_0.et_pb_blurb.ghp-shop-for-indicator
.et_pb_blurb_content
.et_pb_main_blurb_image
.et-pb-icon {
transform: rotate(90deg);
} .et-db #et-boc .et-l .gph-shop-for .et_pb_blurb {
width: 280px;
border-radius: 10px;
} .et-db #et-boc .et-l .gph-shop-for .et_pb_main_blurb_image {
max-height: 100px;
} .et-db #et-boc .et-l .gph-shop-for .et_pb_main_blurb_image img {
display: block;
transform: scale(1);
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}
.et-db #et-boc .et-l .gph-shop-for .et_pb_blurb:hover .et_pb_main_blurb_image img {
transform: scale(1.12);
} @media (min-width: 767px) {
.et-db #et-boc .et-l .et_pb_row .et_pb_column.gph-shop-for {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, auto);
gap: 0;
align-items: stretch;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.et-db #et-boc .et-l .gph-shop-for .et_pb_blurb {
width: auto;
border-radius: 0;
} .et-db #et-boc .et-l
.et_pb_blurb_0.et_pb_blurb.ghp-shop-for-indicator
.et_pb_blurb_content
.et_pb_main_blurb_image
.et-pb-icon {
transform: rotate(0deg);
} .et-db #et-boc .et-l .et_pb_blurb_0.et_pb_blurb.ghp-shop-for-indicator {
grid-column: 1;
grid-row: 1 / span 3;
}
} @media (min-width: 921px) {
.et-db #et-boc .et-l .et_pb_row .et_pb_column.gph-shop-for {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, auto);
}
.et-db #et-boc .et-l .et_pb_blurb_0.et_pb_blurb.ghp-shop-for-indicator {
grid-column: 1;
grid-row: 1 / span 2;
}
} @media (min-width: 1200px) {
.et-db #et-boc .et-l .et_pb_row .et_pb_column.gph-shop-for {
grid-template-columns: repeat(7, 1fr);
}
.et-db #et-boc .et-l .et_pb_blurb_0.et_pb_blurb.ghp-shop-for-indicator {
grid-row: 1 / span 1;
}
} .gph-home-cart-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
transition: background-color 0.3s ease-in-out;
}
.gph-home-cart-wrapper:hover {
background-color: rgba(0, 0, 0, 0.85);
} .gph-gradient-divider {
max-width: 760px;
margin-inline: auto;
position: relative;
} .et-db #et-boc .et-l .et_pb_space.gph-gradient-divider {
height: 6px;
margin-bottom: 30px !important;
} .gph-gradient-divider::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(
to right,
rgba(127, 183, 217, 0.07),
rgba(110, 170, 215, 0.7) 35%,
rgba(110, 170, 215, 0.7) 65%,
rgba(127, 183, 217, 0.07)
);
} .gph-gradient-divider::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 90%;
height: 2px;
transform: translateX(-50%);
background: linear-gradient(
to right,
rgba(127, 183, 217, 0.07),
rgba(110, 170, 215, 0.7) 25%,
rgba(110, 170, 215, 0.7) 65%,
rgba(127, 183, 217, 0.07)
);
} .gph-home-cart-wrapper{
overflow:hidden;
} .gph-home-cart-wrapper::after{
content:"";
position:absolute;
background:rgba(0,0,0,0.45);
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
z-index:-1;
transition:opacity 0.3s ease-in-out;
}
.gph-home-cart-wrapper:hover::after{
opacity:1;
} .gph-home-cart-wrapper .et_pb_button.gph-home-cart_btn{
opacity: 0;
visibility:hidden;
top: 30px;
transition: all 0.6s ease-in-out;
}
.gph-home-cart-wrapper:hover .et_pb_button.gph-home-cart_btn{
opacity: 1;
visibility:visible;
top: 0;
} @media (max-width: 767px) {
.et-db #et-boc .et-l .mobile-slider,
.et-db #et-boc .et-l .mobile-slider .et_pb_slider,
.et-db #et-boc .et-l .mobile-slider .et_pb_slides,
.et-db #et-boc .et-l .mobile-slider .et_pb_slide,
.et-db #et-boc .et-l .mobile-slider .et_pb_container,
.et-db #et-boc .et-l .mobile-slider .et_pb_slider_container_inner,
.et-db #et-boc .et-l .mobile-slider .et_pb_slide_image {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 !important;
margin: 0 !important;
}
.et-db #et-boc .et-l .mobile-slider .et_pb_slide {
width: 100% !important;
background-image: none !important;
background-size: auto !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.et-db #et-boc .et-l .mobile-slider .et_pb_container {
width: 100% !important;
max-width: 100% !important;
}
.et-db #et-boc .et-l .mobile-slider .et_pb_slide_image {
display: block !important;
position: static !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
text-align: center !important;
}
.et-db #et-boc .et-l .mobile-slider .et_pb_slide_image img {
display: block !important;
position: static !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: center !important;
}
.et-db #et-boc .et-l .mobile-slider .et_pb_slide_description {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
.et-db #et-boc .et-l .mobile-slider .et-pb-slider-arrows,
.et-db #et-boc .et-l .mobile-slider .et-pb-controllers {
position: absolute !important;
}
}
@media only screen and (max-width: 767px) {
body.home .gph-slider {
width: 100%;
aspect-ratio: 478 / 151;
min-height: 151px;
max-height: 180px;
overflow: hidden;
}
body.home .gph-slider .et_pb_slides,
body.home .gph-slider .et_pb_slide {
height: 100%;
min-height: 151px;
}
body.home .gph-slider .et_pb_container,
body.home .gph-slider .et_pb_slide_description {
height: 100%;
min-height: 151px;
padding: 0;
}
body.home .gph-slider .et_pb_slide {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
}  .et-db #et-boc .et-l .et_pb_module h2.gph-video-products-title{
font-weight: 700;
text-transform: uppercase;
font-size: 26px;
color: #000000 !important;
margin-top: 80px;
} .et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products{
display:grid;
grid-template-columns: repeat(3, 1fr);
grid-gap:20px;
margin-left:0;
margin-top: 30px;
}  .et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product {
padding: 15px 15px 20px;
border: 1px solid var(--ast-global-color-5);
border-radius: 10px;
overflow: hidden;
justify-content:space-between;
box-shadow: 0 0 0 rgba(28, 21, 91, 0);
transform: translateY(0);
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; width: 100% !important;
margin: 0 !important;
margin-bottom: 30px !important;
} .et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product:hover {
box-shadow: 0 5px 20px 5px rgba(28, 21, 91, 0.05);
transform: translateY(-3px);
} .et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-thumbnail-wrap{
position: relative;
display: inline-block;
border-radius: 6px; 
overflow: hidden;
margin-bottom: 10px;
text-align: center;
will-change: transform;
} .et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-thumbnail-wrap .et_shop_image img {
display: block;
width: 100%;
height: 300px;
object-fit: contain;
margin-bottom: 0;
transform: scale(1);
transition: transform 0.3s ease-in-out;
will-change:  transform;
} .et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product:hover .et_shop_image img {
transform: scale(1.03);
}  .et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap,
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 5px;
position: static;
overflow: hidden;
} .et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap .ast-woo-product-category{
width: 100%;
font-size: 14px;
} .et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap .ast-loop-product__link{
width: 100%;
margin-bottom: 10px;
border-bottom: 1px solid var(--ast-global-color-5);
color: var(--ast-global-color-2);
text-transform: uppercase;
transition: color 0.3s ease-in-out;
}
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap .ast-loop-product__link:hover{
color: var(--ast-global-color-0);
}
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap .woocommerce-loop-product__title{
text-transform:inherit;
color: inherit;
font-size: 1em;
font-weight:600;
} .et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap .price{
word-break: break-word;
flex: 1 0 0;
margin-bottom: 0;
}
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap .button {
flex-grow:1;
max-width:145px;
padding: 12px 15px;
display: flex;
justify-content: center;
align-items:center;
text-align: center;
text-transform: capitalize;
font-size: 16px;
margin: 0;
border-radius: 3px;
color: #fff;
background: var(--ast-global-color-0);
}
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap .button.product_type_external{
max-width:100%;
}
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap .button:hover{
background: var(--ast-global-color-7);
}
.et-db #et-boc .et-l .et_pb_module .gph-video-products a.button.added::after{
margin-left:0 !important;
vertical-align: bottom;
margin-right: 3px;
order: -1;
} .et-db #et-boc .et-l .et_pb_module .gph-video-products a.added_to_cart {
display: block;
width: 100%;
margin-top: 15px;
text-align: center;
padding: 10px 15px;
border-radius: 5px;
line-height: 1.3;
text-transform: capitalize;
color: #fff;
background: var(--ast-global-color-1);
transition:all 0.3s ease-in-out;
}
.et-db #et-boc .et-l .et_pb_module .gph-video-products a.added_to_cart:hover{
background: var(--ast-global-color-6);
} @media (max-width: 1200px) {
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 921px) {
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product,
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product {
width: 100% !important;
}
}
@media (max-width: 767px) {
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products {
text-align:center !important;
}
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap,
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap {
flex-direction:column;
}
.et-db #et-boc .et-l .et_pb_module .gph-video-products ul.products li.product .astra-shop-summary-wrap .price {
margin-bottom:10px;
}
}   .gph-404 {
max-width: 760px;
margin: 0 auto;
padding: clamp(70px, 8vw, 110px) 20px;
text-align: center;
}
.gph-404-title {
font-size: clamp(32px, 5vw, 44px);
font-weight: 700;
letter-spacing: -0.02em;
margin-bottom: 12px;
}
.gph-404-text {
font-size: 17px;
line-height: 1.7;
color: #6b7280;
max-width: 560px;
margin: 0 auto 28px;
} .gph-404-search {
max-width: 460px;
margin: 0 auto 26px;
} .gph-404-search .search-form {
position: relative;
border-radius: 5px;
border: 1px solid rgba(0,0,0,0.12);
overflow: hidden;
background: #fff;
} .gph-404-search .search-form .search-field {
width: 100%;
padding: 14px 64px 14px 16px; border: 0 !important;
outline: none;
font-size: 16px;
background: transparent;
} .gph-404-search .search-form:focus-within {
border-color: rgba(0,0,0,0.2);
box-shadow: 0 0 0 4px rgba(110, 170, 215, 0.25); } .gph-404-search .search-form .search-submit {
position: absolute;
top: 0;
right: 0;
height: 100%;
min-width: 56px;
border: 0;
border-left: 1px solid rgba(0,0,0,0.10);
border-radius: 0;
background: var(--ast-global-color-0);
transition: background 0.2s ease, transform 0.2s ease;
} .gph-404-search .search-form .search-submit svg,
.gph-404-search .search-form .search-submit i {
margin: 0 auto;
} .gph-404-search .search-form .search-submit:hover {
background: var(--ast-global-color-1);
}
.gph-404-search .search-form .search-submit:active {
transform: translateY(1px);
} .gph-404-search .search-form input.search-submit {
opacity: 0;
width: 56px;
padding: 0;
margin: 0;
} .gph-404-search::after {
content: "";
display: block;
width: 196px;
height: 1px;
background: var(--ast-global-color-5);
opacity:0.7
margin: 30px auto 0;
} .gph-404-actions a.button.back-to-home {
padding: 14px 34px;
font-weight: 600;
border-radius: 5px;
}  .woocommerce-account{
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
padding:0;
margin-bottom: clamp(30px, 1vw, 5px);
}
.woocommerce-account .woocommerce-MyAccount-content > p{
margin-bottom: 15px;
}
.woocommerce-account .woocommerce-Address-title.title{
padding:15px;
}
.woocommerce-account .woocommerce-MyAccount-content form > h2,
.woocommerce-account .woocommerce-Address h2{
text-transform:uppercase;
font-size: clamp(20px, 2vw, 24px);
}
.woocommerce-account .woocommerce-MyAccount-navigation-link{
border:0 solid transparent;
border-width: 0;
}
.woocommerce-MyAccount-navigation-link a{
border: 1px solid var(--ast-global-color-1);
background: var(--ast-global-color-4);
color: var(--ast-global-color-1);
transition: all 0.3s ease-in-out;
border-bottom:0;
}
.woocommerce-MyAccount-navigation-link:last-child a {
border-bottom: 1px solid;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a, 
.woocommerce-MyAccount-navigation-link:hover a{
background: var(--ast-global-color-1);
color: var(--ast-global-color-4);
}  .et-db #et-boc .et-l .et_pb_accordion_0 .et_pb_toggle_title:before{
transform: rotate(0deg);
transition: transform 0.3s ease-in-out;
}
.et-db #et-boc .et-l .et_pb_accordion_0 .et_pb_toggle_open .et_pb_toggle_title:before {
display: block !important;
transform: rotate(180deg);
}
.et-db #et-boc .et-l .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close:hover h5.et_pb_toggle_title{
color: var(--ast-global-color-1) !important;
}  .gform_required_legend{
display:none !important;
}
.et-db #et-boc .et-l .et_pb_module .gph-global-form .gfield textarea,
.gph-global-form .gfield  textarea,
.et-db #et-boc .et-l .et_pb_module .gph-global-form .gfield input,
.gph-global-form .gfield input{
width: 100% !important;
background: #fff !important;
border-radius: 8px;
border: 0 !important;
outline:0 !important;
padding: 15px 15px;
}
.et-db #et-boc .et-l .et_pb_module .gph-global-form .gfield textarea::placeholder,
.et-db #et-boc .et-l .et_pb_module .gph-global-form input::placeholder,
.gph-global-form .gfield input::placeholder{
font-family: var(--font-accent);
font-weight:600; 
font-size: 16px;
color: #000;
}
.et-db #et-boc .et-l .et_pb_module .gph-global-form .gfield textarea,
.gph-global-form .gfield  textarea{
height:150px;
}
.et-db #et-boc .et-l .et_pb_module .gph-global-form .gform_button.button ,
.gph-global-form .gform_button.button{
border-radius:8px;
display: inline-block;
padding: 11px 22px !important;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
background : var(--ast-global-color-0);
color: #fff;
margin-top: 20px;
transition: all 0.3s ease-in-out;
} 
.et-db #et-boc .et-l .et_pb_module .gph-global-form .gform_button.button:hover ,
.gph-global-form .gform_button.button:hover{
background: var(--ast-global-color-1);
}
@media (max-width: 529px){
.et-db #et-boc .et-l .et_pb_module .gph-global-form .gform_button.button ,
.gph-global-form .gform_button.button{
display:block;
width: 100% !important;
text-align:center !important;
}
}  .ast-pagination .navigation .nav-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
align-items: center;
} .ast-pagination .page-numbers.current,
.ast-pagination a.page-numbers {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height:40px;
font-size: 14px !important;
line-height: 1 !important;
font-weight: 600;
border-radius: 3px;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
} .ast-pagination a.page-numbers:not(.prev):not(.next) {
border: 1px solid var(--ast-global-color-0);
background: transparent;
} .ast-pagination a.page-numbers:not(.prev):not(.next):hover,
.ast-pagination span.page-numbers.current {
color: var(--ast-global-color-4);
background: var(--ast-global-color-0);
} .ast-pagination .prev,
.ast-pagination .prev:visited,
.ast-pagination .prev:focus,
.ast-pagination .next,
.ast-pagination .next:visited,
.ast-pagination .next:focus {
display: flex;
} .ast-pagination a.prev,
.ast-pagination a.next {
border: 0;
float: none;
color: var(--ast-global-color-8);
transition: color 0.3s ease-in-out;
}
.ast-pagination a.prev:hover,
.ast-pagination a.next:hover {
color: var(--ast-global-color-4);
}
.ast-pagination .prev, .ast-pagination .prev:visited, .ast-pagination .prev:focus, .ast-pagination .next, .ast-pagination .next:visited, .ast-pagination .next:focus {
width: auto !important;
height: 40px !important;
border: 1px solid var(--ast-global-color-0) !important;
}
.ast-pagination .prev:hover, 
.ast-pagination .next:hover{
color: var(--ast-global-color-4);
background: var(--ast-global-color-0);
}  .ast-container:has(#et-boc) {
max-width: none !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
} .entry-content[data-ast-blocks-layout] > #et-boc{
width: 100% !important;
max-width: none !important;
} .entry-content:has(#et-boc) {
width: 100% !important;
max-width: none !important;
} @media (max-width: 980px) {
.et_pb_row.gph-about-hero{
display: flex;
flex-direction: column-reverse;
gap:40px;
}
} .et-db #et-boc .et-l .gph-contact-main-row .et_pb_blurb_position_left .et_pb_blurb_content{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: start;
gap: 20px;
}  .woo-variation-swatches 
.variable-items-wrapper 
.variable-item:not(.radio-variable-item).button-variable-item {
border: 1px solid var(--ast-global-color-0) !important;
box-shadow: none !important;
background-color: #fff !important;
color: var(--ast-global-color-0) !important;
} .woo-variation-swatches 
.variable-items-wrapper 
.variable-item:not(.radio-variable-item).button-variable-item:hover {
border-color: var(--ast-global-color-0) !important;
box-shadow: none !important;
background-color: var(--ast-global-color-0) !important;
color: var(--ast-global-color-4) !important;
} .woo-variation-swatches 
.variable-items-wrapper 
.variable-item:not(.radio-variable-item).button-variable-item.selected,
.woo-variation-swatches 
.variable-items-wrapper 
.variable-item:not(.radio-variable-item).button-variable-item[aria-checked="true"] {
border-color: var(--ast-global-color-0) !important;
box-shadow: none !important;
background-color: var(--ast-global-color-0) !important;
color: #fff !important;
} .woo-variation-swatches 
.variable-items-wrapper 
.variable-item:not(.radio-variable-item).button-variable-item.selected .variable-item-span,
.woo-variation-swatches 
.variable-items-wrapper 
.variable-item:not(.radio-variable-item).button-variable-item[aria-checked="true"] .variable-item-span {
color: #fff !important;
} .woo-variation-swatches 
.variable-items-wrapper 
.variable-item:not(.radio-variable-item).button-variable-item.selected:hover,
.woo-variation-swatches 
.variable-items-wrapper 
.variable-item:not(.radio-variable-item).button-variable-item[aria-checked="true"]:hover {
box-shadow: none !important;
}  #gph-hero-slider-wrapper {
position: relative !important;
overflow: hidden !important;
width: 100%;
height: 640px;
cursor: pointer;
background-color: #0c2318; }
@media (max-width: 1600px) {
#gph-hero-slider-wrapper {
height: 520px;
}
}
@media (max-width: 1400px) {
#gph-hero-slider-wrapper {
height: 450px;
}
}
@media (max-width: 1024px) {
#gph-hero-slider-wrapper {
height: 320px; }
}
@media (max-width: 767px) {
#gph-hero-slider-wrapper {
height: 210px; }
}
@media (max-width: 450px) {
#gph-hero-slider-wrapper {
height: 170px; }
} #gph-hero-slider-wrapper .et_pb_fullwidth_image {
position: absolute !important;
inset: 0 !important;
opacity: 0 !important;
transition: opacity 0.8s ease !important;
pointer-events: none !important;
z-index: 1 !important;
}
#gph-hero-slider-wrapper .et_pb_fullwidth_image {
will-change: opacity;
}
#gph-hero-slider-wrapper .et_pb_fullwidth_image img {
width: 100% !important;
height: 100% !important;
display: block !important;
object-fit: cover !important;
}
#gph-hero-slider-wrapper .et_pb_fullwidth_image.is-active {
opacity: 1 !important;
pointer-events: auto !important;
z-index: 2 !important;
}
#gph-hero-slider-wrapper:not(.gph-js-ready) .et_pb_fullwidth_image_0 {
opacity: 1 !important;
pointer-events: auto !important;
z-index: 2 !important;
} #gph-hero-slider-wrapper .et_pb_fullwidth_code {
position: absolute !important;
inset: 0 !important;
z-index: 20 !important;
pointer-events: none !important;
} .et-db #et-boc .et-l #gph-hero-slider-wrapper .et_pb_code_inner, 
.et-db #et-boc .et-l #gph-hero-slider-wrapper .gph-slider-arrow{
position: unset;
}
.gph-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border: none;
background: transparent !important;
cursor: pointer;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
z-index: 30;
}
.gph-arrow-prev { 
left:-20px;
opacity: 0;
transition:opacity 0.4s ease, left 0.4s ease;
}
.gph-arrow-next { 
right: -20px; 
opacity: 0;
transition:opacity 0.4s ease, right 0.4s ease;
}
#gph-hero-slider-wrapper:hover .gph-arrow-prev { 
left: 25px;
opacity: 1;
}
#gph-hero-slider-wrapper:hover .gph-arrow-next { 
opacity: 1;
right: 25px; 
}
.gph-arrow::before {
font-family: 'ETmodules';
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
font-size: 50px;
transition: color 0.2s ease;
}
.gph-arrow-prev::before { content: "4"; }
.gph-arrow-next::before { content: "5"; }
.gph-arrow:hover::before { 
color: var(--ast-global-color-0);
}
@media (max-width: 767px) {
.gph-arrow { width: 36px; height: 36px; }
.gph-arrow::before { font-size: 40px; }
#gph-hero-slider-wrapper:hover .gph-arrow-prev { left: 15px;} 
#gph-hero-slider-wrapper:hover .gph-arrow-next { right: 15px;} 
} #gph-slider-dots {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 5px;
pointer-events: auto;
}
.gph-dot {
position: relative;
width: 15px;
height: 15px;
padding: 0 !important;
background: transparent;
border: none;
cursor: pointer;
color: transparent !important;
background-color: transparent !important;
border: 0;
}
.gph-dot::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.45);
transition: background 0.2s ease, transform 0.2s ease;
}
.gph-dot:hover::before{
background-color: rgba(255, 255, 255, 0.9);
}
.gph-dot.is-active::before {
background: #fff;
transform: translate(-50%, -50%) scale(1.15);
}
@media (max-width: 767px) {
#gph-slider-dots { bottom: 10px; gap: 3px; }
.gph-dot {
position: relative;
width: 12px;
height: 12px;
}
.gph-dot::before {
width: 9px;
height: 9px;
}
}
@media (hover: none) {
.gph-arrow-prev,
.gph-arrow-next {
opacity: 0.6;
left: 15px;
}
.gph-arrow-next {
left: auto;
right: 15px;
}
} body.et-fb #gph-hero-slider-wrapper {
height: auto !important;
overflow: visible !important;
}
body.et-fb #gph-hero-slider-wrapper .et_pb_fullwidth_image {
position: relative !important;
inset: auto !important;
opacity: 1 !important;
pointer-events: auto !important;
z-index: auto !important;
} body.et-fb #gph-hero-slider-wrapper .et_pb_fullwidth_code,
body.et-fb .gph-arrow,
body.et-fb #gph-slider-dots {
display: none !important;
} #et-boc .et-l .lk-wrap{--t0:translate(-50%,-50%) translate(-26cqw,-1cqw) scale(1);--t1:translate(-50%,-50%) translate(-10cqw,-30cqw) scale(.4667);--t2:translate(-50%,-50%) translate(24cqw,-35cqw) scale(.4);--t3:translate(-50%,-50%) translate(34cqw,9cqw) scale(.5333);--t4:translate(-50%,-50%) translate(30cqw,31cqw) scale(.6667);--t5:translate(-50%,-50%) translate(-8cqw,25cqw) scale(.6667);position:relative;container-type:inline-size;width:100%;max-width:700px;margin:0 auto}
#et-boc .et-l .lk-stage{position:relative;width:100%;aspect-ratio:100/82;isolation:isolate}
#et-boc .et-l .lk-stage .lk-dog{position:absolute;z-index:4;left:31cqw;top:4cqw;height:78cqw;width:auto;max-width:none;filter:drop-shadow(0 1.5cqw 2cqw rgba(0,0,0,.4))}
#et-boc .et-l .lk-stage .lk-item{position:absolute;left:50%;top:41%;width:25.5cqw;height:25.5cqw;margin:0;border-radius:50%;background:#fff;overflow:hidden;box-shadow:0 0 0 2px rgba(0,0,0,.12),0 1.2cqw 3.6cqw rgba(0,0,0,.28);transform:var(--t0);animation:lk-orbit 24s cubic-bezier(.5,0,.2,1) infinite;will-change:transform,opacity}
#et-boc .et-l .lk-stage .lk-item img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;padding:10%}
#et-boc .et-l .lk-stage .lk-item:nth-of-type(1){animation-delay:0s}
#et-boc .et-l .lk-stage .lk-item:nth-of-type(2){animation-delay:-4s}
#et-boc .et-l .lk-stage .lk-item:nth-of-type(3){animation-delay:-8s}
#et-boc .et-l .lk-stage .lk-item:nth-of-type(4){animation-delay:-12s}
#et-boc .et-l .lk-stage .lk-item:nth-of-type(5){animation-delay:-16s}
#et-boc .et-l .lk-stage .lk-item:nth-of-type(6){animation-delay:-20s}
@keyframes lk-orbit{
0%,12.5%{transform:var(--t0);z-index:3;opacity:1}
16.667%,29.167%{transform:var(--t1);z-index:2;opacity:.8}
33.333%,45.833%{transform:var(--t2);z-index:2;opacity:.7}
50%,62.5%{transform:var(--t3);z-index:2;opacity:.8}
66.667%,79.167%{transform:var(--t4);z-index:8;opacity:1}
83.333%,95.833%{transform:var(--t5);z-index:8;opacity:1}
100%{transform:var(--t0);z-index:3;opacity:1}}
#et-boc .et-l .lk-wrap .lk-chk{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none} #et-boc .et-l .lk-wrap .lk-pl{position:absolute;left:0;bottom:0;z-index:9;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1.5px solid currentColor;border-radius:50%;background:transparent;color:inherit;opacity:.6;cursor:pointer;font-size:0;line-height:0;transition:opacity .2s}
#et-boc .et-l .lk-wrap .lk-pl:hover{opacity:1}
#et-boc .et-l .lk-wrap .lk-chk:focus-visible~.lk-pl{opacity:1;outline:2px solid currentColor;outline-offset:3px}
#et-boc .et-l .lk-wrap .lk-pl::before{content:"";display:block;width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor}
#et-boc .et-l .lk-wrap .lk-chk:checked~.lk-pl::before{width:0;height:0;margin-left:3px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent currentColor}
#et-boc .et-l .lk-wrap .lk-pl span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#et-boc .et-l .lk-wrap .lk-t2{display:none}
#et-boc .et-l .lk-wrap .lk-chk:checked~.lk-pl .lk-t1{display:none}
#et-boc .et-l .lk-wrap .lk-chk:checked~.lk-pl .lk-t2{display:inline}
#et-boc .et-l .lk-stage a.lk-item{display:block;color:inherit;text-decoration:none}
#et-boc .et-l .lk-stage a.lk-item:focus-visible{outline:3px solid currentColor;outline-offset:3px}
#et-boc .et-l .lk-wrap .lk-chk:checked~.lk-stage .lk-item,#et-boc .et-l .lk-wrap:hover .lk-item,#et-boc .et-l .lk-wrap:focus-within .lk-item{animation-play-state:paused}
@media (max-width:980px){#et-boc .et-l .lk-wrap{text-align:center;max-width:560px}}
@media (prefers-reduced-motion:reduce){
#et-boc .et-l .lk-stage .lk-item{animation:none}
#et-boc .et-l .lk-stage .lk-item:nth-of-type(1){transform:var(--t0);z-index:3}
#et-boc .et-l .lk-stage .lk-item:nth-of-type(2){transform:var(--t1);z-index:2}
#et-boc .et-l .lk-stage .lk-item:nth-of-type(3){transform:var(--t2);z-index:2}
#et-boc .et-l .lk-stage .lk-item:nth-of-type(4){transform:var(--t3);z-index:2}
#et-boc .et-l .lk-stage .lk-item:nth-of-type(5){transform:var(--t4);z-index:8}
#et-boc .et-l .lk-stage .lk-item:nth-of-type(6){transform:var(--t5);z-index:8}
#et-boc .et-l .lk-wrap .lk-pl{display:none}} #et-boc .et-l .lk-stage .lk-item picture{display:block;width:100%;height:100%}
@media (min-width:981px){
#et-boc .et-l .gph-luckys-pick{display:flex;align-items:center}
} #et-boc .et-l .lk-wrap .lk-pl{left:auto;right:0}
#et-boc .et-l .lk-wrap .lk-pl::after{content:"Pause animation";position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:5px 10px;border-radius:4px;background:#1c155b;color:#fff;font:600 12px/1.2 "Open Sans",sans-serif;letter-spacing:0;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
#et-boc .et-l .lk-wrap .lk-chk:checked~.lk-pl::after{content:"Play animation"}
#et-boc .et-l .lk-wrap .lk-pl:hover::after,#et-boc .et-l .lk-wrap .lk-chk:focus-visible~.lk-pl::after{opacity:1}
#et-boc .et-l .lk-wrap .lk-chk:focus-visible~.lk-pl{opacity:1}
@media (prefers-reduced-motion:reduce){#et-boc .et-l .lk-wrap .lk-pl::after{display:none}}