:root {
--estella-navy: #0d1b2a;
--estella-midnight: #020714;
--estella-blue: #2e4a6f;
--estella-gold: #c6a96b;
--estella-gold-dark: #b68142;
--estella-gold-mid: #d7b071;
--estella-gold-light: #f6dfb2;
--estella-sand: #e7d8bf;
--estella-cream: #efe6d8;
--estella-paper: #f6f1e9;
--estella-ink: #1a1a1a;
--estella-muted: #6f6a68;
--estella-white: #ffffff;
--estella-line: rgba(198, 169, 107, 0.38);
--estella-shadow: 0 18px 50px rgba(13, 27, 42, 0.16);
--estella-radius: 6px;
--estella-radius-sm: 4px;
--estella-transition: 220ms ease;
}
html {
scroll-behavior: smooth;
}
html,
body,
#page-container {
overflow-x: hidden;
}
body {
color: var(--estella-ink);
background: var(--estella-paper);
font-weight: 400;
letter-spacing: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
body,
input,
textarea,
select {
font-family: Inter, Montserrat, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.estella-serif {
color: var(--estella-navy);
font-family: "Playfair Display", "Cormorant Garamond", Georgia, "Times New Roman", serif;
font-weight: 500;
letter-spacing: 0;
}
h1,
.estella-h1 {
font-size: clamp(42px, 6vw, 72px);
line-height: 0.98;
}
h2,
.estella-h2 {
font-size: clamp(32px, 4vw, 58px);
line-height: 1.06;
}
h3,
.estella-h3 {
font-size: clamp(25px, 3vw, 34px);
line-height: 1.12;
} a { transition: color var(--estella-transition), opacity var(--estella-transition);
}
a:hover {
color: var(--estella-navy);
}
::selection {
color: var(--estella-midnight);
background: var(--estella-sand);
}
img {
max-width: 100%;
height: auto;
} .estella-dark,
.estella-hero,
.estella-cta-dark {
color: var(--estella-white);
background:
radial-gradient(circle at 62% 35%, rgba(46, 74, 111, 0.28), transparent 32%),
var(--estella-midnight);
}
.estella-dark h1,
.estella-dark h2,
.estella-dark h3,
.estella-dark h4,
.estella-hero h1,
.estella-hero h2,
.estella-hero h3,
.estella-cta-dark h1,
.estella-cta-dark h2,
.estella-cta-dark h3 {
color: var(--estella-white);
}
.estella-cream {
background: var(--estella-cream);
}
.estella-paper {
background: var(--estella-paper);
}
.estella-gold-text {
color: var(--estella-gold) !important;
}
.estella-kicker,
.estella-eyebrow {
color: var(--estella-gold);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.14em;
line-height: 1.4;
text-transform: uppercase;
}
.estella-lead {
color: rgba(26, 26, 26, 0.74);
font-size: 19px;
line-height: 1.55;
}
.estella-rule {
width: 230px;
height: 1px;
position: relative;
background: linear-gradient(90deg, rgba(198, 169, 107, 0.95), rgba(198, 169, 107, 0.22));
}
.estella-rule::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--estella-gold);
transform: translateY(-50%);
} .estella-header,
.sticky-glass.et_pb_sticky,
.estella-header-glass.et_pb_sticky {
background: rgba(2, 7, 20, 0.98) !important;
border-bottom: 1px solid rgba(198, 169, 107, 0.78);
}
.estella-header .et_pb_menu__logo,
.estella-brand {
color: var(--estella-gold);
font-family: Georgia, "Times New Roman", serif;
font-size: 31px;
letter-spacing: 0.06em;
line-height: 1;
}
.estella-header-row {
display: flex;
align-items: center;
min-height: 62px;
}
.estella-header-row > .et_pb_column {
display: flex;
align-items: center;
}
.estella-header-row > .et_pb_column:first-child {
justify-content: flex-start;
}
.estella-header-row > .et_pb_column:last-child {
justify-content: flex-end;
}
.estella-header-row .et_pb_module {
margin-bottom: 0 !important;
}
.estella-header .et_pb_menu .et-menu > li > a,
.et_pb_menu .et-menu > li > a {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.estella-main-menu,
.estella-main-menu .et_pb_menu_inner_container,
.estella-main-menu .et_pb_menu__wrap {
display: flex;
align-items: center;
}
.estella-main-menu .et_pb_menu__wrap {
justify-content: flex-end;
}
.estella-main-menu .et-menu > li {
display: flex;
align-items: center;
margin-top: 0;
}
.estella-main-menu .et-menu > li > a {
display: flex;
align-items: center;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1 !important;
}
@media (min-width: 981px) {
.estella-main-menu .et_pb_menu__wrap {
position: relative;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 28px;
}
.estella-main-menu .et_pb_menu__menu {
display: block !important;
}
.estella-main-menu .et-menu {
display: flex !important;
align-items: center !important;
gap: 36px;
}
.estella-main-menu .et-menu > li {
margin: 0 !important;
padding: 0 !important;
}
.estella-main-menu .et_pb_menu__cart-button {
position: absolute !important;
top: 50%;
right: 236px;
width: 24px;
height: 24px;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
transform: translateY(-50%);
}
.estella-main-menu .et_pb_menu__cart-button::before {
font-size: 17px !important;
line-height: 1 !important;
}
.estella-main-menu .menu-button-hairgrow {
margin-left: 58px !important;
}
}
@media (max-width: 980px) {
.estella-header-row {
min-height: 78px;
display: flex !important;
align-items: center !important;
}
.estella-header-row > .et_pb_column {
display: flex !important;
align-items: center !important;
}
.estella-header-row > .et_pb_column:first-child {
width: auto !important;
flex: 1 1 auto;
}
.estella-header-row > .et_pb_column:last-child {
width: auto !important;
flex: 0 0 auto;
justify-content: flex-end !important;
}
.estella-main-menu .et_pb_menu__menu,
.estella-main-menu .et-menu-nav,
.estella-main-menu .et-menu {
display: none !important;
}
.estella-main-menu .et_mobile_nav_menu {
display: flex !important;
align-items: center !important;
}
.estella-main-menu .et_pb_menu__wrap {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 18px;
}
.estella-main-menu .et_pb_menu__cart-button {
position: static !important;
width: 24px;
height: 24px;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
transform: none !important;
}
.estella-main-menu .mobile_menu_bar {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
}
.estella-main-menu .mobile_menu_bar::before {
color: var(--estella-gold) !important;
font-size: 32px !important;
}
}
.estella-header .et_pb_menu .et-menu > li > a:hover,
.et_pb_menu .et-menu > li > a:hover {
color: var(--estella-gold) !important;
opacity: 1;
}
.menu-button-hairgrow a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px;
padding: 9px 18px !important;
color: var(--estella-gold) !important;
background: transparent !important;
border: 1px solid rgba(198, 169, 107, 0.9) !important;
border-radius: var(--estella-radius-sm) !important;
font-weight: 700 !important;
text-transform: uppercase;
transition: all 0.3s ease-in-out !important;
}
.menu-button-hairgrow a:hover {
color: var(--estella-midnight) !important;
background: var(--estella-sand) !important;
border-color: var(--estella-sand) !important;
font-weight: 700 !important;
text-transform: uppercase !important;
} .estella-btn,
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0 36px;
border-radius: 999px !important;
border: 1px solid var(--estella-midnight);
font-family: Inter, Montserrat, Arial, sans-serif;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: 0.16em !important;
line-height: 1.1 !important;
text-transform: uppercase;
box-shadow: 0 9px 20px rgba(0, 0, 0, 0.16);
transition:
transform 180ms ease,
filter 180ms ease,
box-shadow 180ms ease,
background-color 180ms ease,
border-color 180ms ease,
color 180ms ease !important;
}
.estella-btn.secondary:hover {
background: rgba(255, 255, 255, .09);
border-color: rgba(255,255,255,.78);
}
.estella-btn.secondary {
background: rgba(255, 255, 255, .04);
color: white;
border-color: rgba(255,255,255,.58);
box-shadow: none;}
.estella-btn.dark {
background: var(--estella-midnight);
color: white;
border-color: var(--estella-midnight);
width:100%;
}
.estella-btn:hover,
.et_pb_button:hover,
.et_pb_module .et_pb_button:hover,
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) input[type="submit"]:hover {
transform: translateY(-1px);
filter: brightness(1.04);
box-shadow: 0 13px 26px rgba(0, 0, 0, 0.20);
}
.estella-btn:active,
.et_pb_button:active {
transform: translateY(0);
filter: brightness(0.97);
}
.estella-btn-golden,
.estella-golden-button .et_pb_button,
.et_pb_button.estella-golden-button {
min-width: min(100%, 380px);
color: rgba(45, 38, 30, 0.78) !important;
background: linear-gradient(90deg, #b68142 0%, #d7b071 23%, #f6dfb2 50%, #d7b071 77%, #b68142 100%) !important;
border: 0 !important;
box-shadow:
inset 0 1px 2px rgba(255, 255, 255, 0.45),
inset 0 -2px 3px rgba(93, 58, 24, 0.20),
0 9px 22px rgba(0, 0, 0, 0.20);
}
.estella-golden-button .et_pb_button::after,
.et_pb_button.estella-golden-button::after,
.estella-dark-button .et_pb_button::after,
.et_pb_button.estella-dark-button::after,
.estella-outline-button .et_pb_button::after,
.et_pb_button.estella-outline-button::after {
display: none !important;
}
.estella-golden-button .et_pb_button:hover,
.et_pb_button.estella-golden-button:hover,
.estella-dark-button .et_pb_button:hover,
.et_pb_button.estella-dark-button:hover,
.estella-outline-button .et_pb_button:hover,
.et_pb_button.estella-outline-button:hover {
padding: 0 36px !important;
}
.estella-btn-dark,
.estella-dark-button .et_pb_button,
.et_pb_button.estella-dark-button {
color: var(--estella-white) !important;
background: var(--estella-navy) !important;
border: 1px solid var(--estella-navy) !important;
}
.estella-btn-outline,
.estella-outline-button .et_pb_button,
.et_pb_button.estella-outline-button {
color: var(--estella-white) !important;
background: rgba(255, 255, 255, 0.04) !important;
border: 1px solid rgba(255, 255, 255, 0.58) !important;
box-shadow: none;
}
.estella-btn-outline:hover,
.estella-outline-button .et_pb_button:hover,
.et_pb_button.estella-outline-button:hover {
background: rgba(255, 255, 255, 0.09) !important;
border-color: rgba(255, 255, 255, 0.78) !important;
} .estella-hero-layout {
min-height: 360px;
display: grid;
grid-template-columns: minmax(340px, 0.82fr) minmax(420px, 1fr);
align-items: stretch;
gap: 42px;
}
.estella-hero-copy {
max-width: 520px;
align-self: center;
padding: 42px 0 36px;
}
.estella-hero-copy h1 {
margin-top: 0;
font-size: clamp(38px, 4.2vw, 55px);
line-height: 1.03;
}
.estella-hero-copy h1 span {
display: block;
}
.estella-hero-subline {
margin-top: 14px;
color: var(--estella-white);
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(22px, 2.3vw, 30px);
line-height: 1.08;
}
.estella-hero-copy p {
max-width: 420px;
color: rgba(255, 255, 255, 0.88);
font-size: 15px;
line-height: 1.48;
}
.estella-hero-media {
min-height: 360px;
background:
linear-gradient(90deg, rgba(2, 7, 20, 0.80) 0%, rgba(2, 7, 20, 0.22) 28%, rgba(2, 7, 20, 0) 58%),
var(--estella-blue);
background-position: center 31%;
background-size: cover;
} .estella-card,
.estella-offer-card,
.estella-course-card,
.estella-testimonial {
background: var(--estella-white);
border: 1px solid rgba(13, 27, 42, 0.10);
border-radius: var(--estella-radius);
box-shadow: 0 12px 30px rgba(13, 27, 42, 0.08);
}
.estella-pillar-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin-top: 44px;
}
.estella-pillar-card {
min-height: 300px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 38px 28px 36px;
text-align: center;
background: rgba(237, 228, 213, 0.92);
border: 1px solid rgba(198, 169, 107, 0.30);
border-radius: 18px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.52);
}
.estella-pillar-card--light {
align-items: flex-start;
text-align: left;
background: var(--estella-white);
border-color: rgba(13, 27, 42, 0.10);
}
.estella-pillar-icon {
width: 85px;
height: 85px;
flex: 0 0 auto;
color: #c6a96b;*/
}
.estella-pillar-card h3 {
margin: 0 0 18px;
font-family: Inter, Montserrat, Arial, sans-serif;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.12em;
line-height: 1.35;
text-transform: uppercase;
}
.estella-pillar-card--light h3 {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(28px, 2.6vw, 40px);
font-weight: 600;
letter-spacing: 0;
line-height: 1.06;
text-transform: none;
}
.estella-pillar-card p:last-child {
margin-bottom: 0;
}
.estella-tag {
width: fit-content;
padding: 5px 8px;
color: var(--estella-blue);
background: rgba(198, 169, 107, 0.16);
border-radius: var(--estella-radius-sm);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
} .estella-image-strip {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
background: var(--estella-navy);
}
.estella-image-strip img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.estella-price-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.estella-price-card {
padding: 18px;
color: var(--estella-white);
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(198, 169, 107, 0.45);
border-radius: var(--estella-radius);
}
.estella-price-card strong {
display: block;
color: var(--estella-gold);
font-family: Georgia, "Times New Roman", serif;
font-size: 28px;
font-weight: 500;
}
.estella-cert-row {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 12px;
}
.estella-cert-row img {
width: 100%;
aspect-ratio: 3 / 4;
object-fit: cover;
background: var(--estella-white);
border: 1px solid rgba(13, 27, 42, 0.12);
border-radius: var(--estella-radius-sm);
} input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select,
.et_pb_contact_field input,
.et_pb_contact_field textarea {
color: var(--estella-ink) !important;
background: rgba(255, 255, 255, 0.94) !important;
border: 1px solid rgba(13, 27, 42, 0.18) !important;
border-radius: var(--estella-radius-sm) !important;
box-shadow: none !important;
}
input:focus,
textarea:focus,
select:focus,
.et_pb_contact_field input:focus,
.et_pb_contact_field textarea:focus {
border-color: var(--estella-gold) !important;
outline: 2px solid rgba(198, 169, 107, 0.20);
outline-offset: 2px;
} .et_pb_toggle .et_pb_toggle_title::before {
left: 0 !important;
right: auto !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin-top: 0 !important; 
}
.et_pb_toggle .et_pb_toggle_title {
padding-left: 30px !important;
display: flex;
align-items: center;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
overflow: hidden;
background: var(--estella-white);
border: 1px solid rgba(13, 27, 42, 0.10);
border-radius: var(--estella-radius);
box-shadow: 0 12px 30px rgba(13, 27, 42, 0.08);
}
.woocommerce span.onsale {
color: var(--estella-midnight);
background: var(--estella-gold);
border-radius: var(--estella-radius-sm);
font-weight: 700;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
color: var(--estella-gold);
font-weight: 800;
}
.woocommerce-message,
.woocommerce-info {
border-top-color: var(--estella-gold);
}
.woocommerce-message::before,
.woocommerce-info::before {
color: var(--estella-gold);
} .tutor-card,
.tutor-course-card,
.tutor-course-single-content-wrapper,
.tutor-login-wrap,
.tutor-dashboard .tutor-dashboard-left-menu {
border-color: rgba(13, 27, 42, 0.10) !important;
border-radius: var(--estella-radius) !important;
}
.tutor-btn-primary,
.tutor-button-primary,
.tutor-btn.tutor-btn-primary {
color: var(--estella-midnight) !important;
background: var(--estella-sand) !important;
border-color: var(--estella-sand) !important;
border-radius: var(--estella-radius-sm) !important;
font-weight: 700 !important;
}
@media (max-width: 980px) {
h1,
.estella-h1 {
font-size: clamp(38px, 12vw, 54px);
}
h2,
.estella-h2 {
font-size: clamp(30px, 9vw, 42px);
}
.estella-hero-layout,
.estella-pillar-grid,
.estella-price-grid {
grid-template-columns: 1fr;
}
.estella-pillar-grid {
max-width: 520px;
margin-inline: auto;
}
.estella-hero-media {
order: -1;
}
.et_pb_menu .et_mobile_nav_menu .et_mobile_menu {
position: fixed !important; :root {
--estella-navy: #0d1b2a;
--estella-midnight: #020714;
--estella-blue: #2e4a6f;
--estella-gold: #c6a96b;
--estella-gold-dark: #b68142;
--estella-gold-mid: #d7b071;
--estella-gold-light: #f6dfb2;
--estella-sand: #e7d8bf;
--estella-cream: #efe6d8;
--estella-paper: #f6f1e9;
--estella-ink: #1a1a1a;
--estella-muted: #6f6a68;
--estella-white: #ffffff;
--estella-line: rgba(198, 169, 107, 0.38);
--estella-shadow: 0 18px 50px rgba(13, 27, 42, 0.16);
--estella-radius: 6px;
--estella-radius-sm: 4px;
--estella-transition: 220ms ease;
}
html {
scroll-behavior: smooth;
}
html,
body,
#page-container {
overflow-x: hidden;
}
body {
color: var(--estella-ink);
background: var(--estella-paper);
font-weight: 400;
letter-spacing: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
body,
input,
textarea,
select {
font-family: Inter, Montserrat, Arial, sans-serif;
} body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) h1,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) h2,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) h3,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) h4,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) h5,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) h6,
.estella-serif {
color: var(--estella-navy);
font-family: "Playfair Display", "Cormorant Garamond", Georgia, "Times New Roman", serif;
font-weight: 500;
letter-spacing: 0;
}
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) h1,
.estella-h1 {
font-size: clamp(42px, 6vw, 72px);
line-height: 0.98;
}
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) h2,
.estella-h2 {
font-size: clamp(32px, 4vw, 58px);
line-height: 1.06;
}
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) h3,
.estella-h3 {
font-size: clamp(25px, 3vw, 34px);
line-height: 1.12;
} a { transition: color var(--estella-transition), opacity var(--estella-transition);
}
a:hover {
color: var(--estella-navy);
}
::selection {
color: var(--estella-midnight);
background: var(--estella-sand);
}
img {
max-width: 100%;
height: auto;
} .estella-dark,
.estella-hero,
.estella-cta-dark {
color: var(--estella-white);
background:
radial-gradient(circle at 62% 35%, rgba(46, 74, 111, 0.28), transparent 32%),
var(--estella-midnight);
}
.estella-dark h1,
.estella-dark h2,
.estella-dark h3,
.estella-dark h4,
.estella-hero h1,
.estella-hero h2,
.estella-hero h3,
.estella-cta-dark h1,
.estella-cta-dark h2,
.estella-cta-dark h3 {
color: var(--estella-white);
}
.estella-cream {
background: var(--estella-cream);
}
.estella-paper {
background: var(--estella-paper);
}
.estella-gold-text {
color: var(--estella-gold) !important;
}
.estella-kicker,
.estella-eyebrow {
color: var(--estella-gold);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.14em;
line-height: 1.4;
text-transform: uppercase;
}
.estella-lead {
color: rgba(26, 26, 26, 0.74);
font-size: 19px;
line-height: 1.55;
}
.estella-rule {
width: 230px;
height: 1px;
position: relative;
background: linear-gradient(90deg, rgba(198, 169, 107, 0.95), rgba(198, 169, 107, 0.22));
}
.estella-rule::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--estella-gold);
transform: translateY(-50%);
} .estella-header,
.sticky-glass.et_pb_sticky,
.estella-header-glass.et_pb_sticky {
background: rgba(2, 7, 20, 0.98) !important;
border-bottom: 1px solid rgba(198, 169, 107, 0.78);
}
.estella-header .et_pb_menu__logo,
.estella-brand {
color: var(--estella-gold);
font-family: Georgia, "Times New Roman", serif;
font-size: 31px;
letter-spacing: 0.06em;
line-height: 1;
}
.estella-header-row {
display: flex;
align-items: center;
min-height: 62px;
}
.estella-header-row > .et_pb_column {
display: flex;
align-items: center;
}
.estella-header-row > .et_pb_column:first-child {
justify-content: flex-start;
}
.estella-header-row > .et_pb_column:last-child {
justify-content: flex-end;
}
.estella-header-row .et_pb_module {
margin-bottom: 0 !important;
}
.estella-header .et_pb_menu .et-menu > li > a,
.et_pb_menu .et-menu > li > a {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.estella-main-menu,
.estella-main-menu .et_pb_menu_inner_container,
.estella-main-menu .et_pb_menu__wrap {
display: flex;
align-items: center;
}
.estella-main-menu .et_pb_menu__wrap {
justify-content: flex-end;
}
.estella-main-menu .et-menu > li {
display: flex;
align-items: center;
margin-top: 0;
}
.estella-main-menu .et-menu > li > a {
display: flex;
align-items: center;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1 !important;
}
@media (min-width: 981px) {
.estella-main-menu .et_pb_menu__wrap {
position: relative;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 28px;
}
.estella-main-menu .et_pb_menu__menu {
display: block !important;
}
.estella-main-menu .et-menu {
display: flex !important;
align-items: center !important;
gap: 36px;
}
.estella-main-menu .et-menu > li {
margin: 0 !important;
padding: 0 !important;
}
.estella-main-menu .et_pb_menu__cart-button {
position: absolute !important;
top: 50%;
right: 236px;
width: 24px;
height: 24px;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
transform: translateY(-50%);
}
.estella-main-menu .et_pb_menu__cart-button::before {
font-size: 17px !important;
line-height: 1 !important;
}
.estella-main-menu .menu-button-hairgrow {
margin-left: 58px !important;
}
}
@media (max-width: 980px) {
.estella-header-row {
min-height: 78px;
display: flex !important;
align-items: center !important;
}
.estella-header-row > .et_pb_column {
display: flex !important;
align-items: center !important;
}
.estella-header-row > .et_pb_column:first-child {
width: auto !important;
flex: 1 1 auto;
}
.estella-header-row > .et_pb_column:last-child {
width: auto !important;
flex: 0 0 auto;
justify-content: flex-end !important;
}
.estella-main-menu .et_pb_menu__menu,
.estella-main-menu .et-menu-nav,
.estella-main-menu .et-menu {
display: none !important;
}
.estella-main-menu .et_mobile_nav_menu {
display: flex !important;
align-items: center !important;
}
.estella-main-menu .et_pb_menu__wrap {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 18px;
}
.estella-main-menu .et_pb_menu__cart-button {
position: static !important;
width: 24px;
height: 24px;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
transform: none !important;
}
.estella-main-menu .mobile_menu_bar {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
}
.estella-main-menu .mobile_menu_bar::before {
color: var(--estella-gold) !important;
font-size: 32px !important;
}
}
.estella-header .et_pb_menu .et-menu > li > a:hover,
.et_pb_menu .et-menu > li > a:hover {
color: var(--estella-gold) !important;
opacity: 1;
}
.menu-button-hairgrow a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px;
padding: 9px 18px !important;
color: var(--estella-gold) !important;
background: transparent !important;
border: 1px solid rgba(198, 169, 107, 0.9) !important;
border-radius: var(--estella-radius-sm) !important;
font-weight: 700 !important;
text-transform: uppercase;
transition: all 0.3s ease-in-out !important;
}
.menu-button-hairgrow a:hover {
color: var(--estella-midnight) !important;
background: var(--estella-sand) !important;
border-color: var(--estella-sand) !important;
font-weight: 700 !important;
text-transform: uppercase !important;
} .estella-btn,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0 36px;
border-radius: 999px !important;
border: 1px solid var(--estella-midnight);
font-family: Inter, Montserrat, Arial, sans-serif;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: 0.16em !important;
line-height: 1.1 !important;
text-transform: uppercase;
box-shadow: 0 9px 20px rgba(0, 0, 0, 0.16);
transition:
transform 180ms ease,
filter 180ms ease,
box-shadow 180ms ease,
background-color 180ms ease,
border-color 180ms ease,
color 180ms ease !important;
}
.estella-btn.secondary:hover {
background: rgba(255, 255, 255, .09);
border-color: rgba(255,255,255,.78);
}
.estella-btn.secondary {
background: rgba(255, 255, 255, .04);
color: white;
border-color: rgba(255,255,255,.58);
box-shadow: none;}
.estella-btn.dark {
background: var(--estella-midnight);
color: white;
border-color: var(--estella-midnight);
width:100%;
}
.estella-btn:hover,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) .et_pb_button:hover,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) .et_pb_module .et_pb_button:hover,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) input[type="submit"]:hover {
transform: translateY(-1px);
filter: brightness(1.04);
box-shadow: 0 13px 26px rgba(0, 0, 0, 0.20);
}
.estella-btn:active,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) .et_pb_button:active {
transform: translateY(0);
filter: brightness(0.97);
}
.estella-btn-golden,
.estella-golden-button .et_pb_button,
.et_pb_button.estella-golden-button {
min-width: min(100%, 380px);
color: rgba(45, 38, 30, 0.78) !important;
background: linear-gradient(90deg, #b68142 0%, #d7b071 23%, #f6dfb2 50%, #d7b071 77%, #b68142 100%) !important;
border: 0 !important;
box-shadow:
inset 0 1px 2px rgba(255, 255, 255, 0.45),
inset 0 -2px 3px rgba(93, 58, 24, 0.20),
0 9px 22px rgba(0, 0, 0, 0.20);
}
.estella-golden-button .et_pb_button::after,
.et_pb_button.estella-golden-button::after,
.estella-dark-button .et_pb_button::after,
.et_pb_button.estella-dark-button::after,
.estella-outline-button .et_pb_button::after,
.et_pb_button.estella-outline-button::after {
display: none !important;
}
.estella-golden-button .et_pb_button:hover,
.et_pb_button.estella-golden-button:hover,
.estella-dark-button .et_pb_button:hover,
.et_pb_button.estella-dark-button:hover,
.estella-outline-button .et_pb_button:hover,
.et_pb_button.estella-outline-button:hover {
padding: 0 36px !important;
}
.estella-btn-dark,
.estella-dark-button .et_pb_button,
.et_pb_button.estella-dark-button {
color: var(--estella-white) !important;
background: var(--estella-navy) !important;
border: 1px solid var(--estella-navy) !important;
}
.estella-btn-outline,
.estella-outline-button .et_pb_button,
.et_pb_button.estella-outline-button {
color: var(--estella-white) !important;
background: rgba(255, 255, 255, 0.04) !important;
border: 1px solid rgba(255, 255, 255, 0.58) !important;
box-shadow: none;
}
.estella-btn-outline:hover,
.estella-outline-button .et_pb_button:hover,
.et_pb_button.estella-outline-button:hover {
background: rgba(255, 255, 255, 0.09) !important;
border-color: rgba(255, 255, 255, 0.78) !important;
} .estella-hero-layout {
min-height: 360px;
display: grid;
grid-template-columns: minmax(340px, 0.82fr) minmax(420px, 1fr);
align-items: stretch;
gap: 42px;
}
.estella-hero-copy {
max-width: 520px;
align-self: center;
padding: 42px 0 36px;
}
.estella-hero-copy h1 {
margin-top: 0;
font-size: clamp(38px, 4.2vw, 55px);
line-height: 1.03;
}
.estella-hero-copy h1 span {
display: block;
}
.estella-hero-subline {
margin-top: 14px;
color: var(--estella-white);
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(22px, 2.3vw, 30px);
line-height: 1.08;
}
.estella-hero-copy p {
max-width: 420px;
color: rgba(255, 255, 255, 0.88);
font-size: 15px;
line-height: 1.48;
}
.estella-hero-media {
min-height: 360px;
background:
linear-gradient(90deg, rgba(2, 7, 20, 0.80) 0%, rgba(2, 7, 20, 0.22) 28%, rgba(2, 7, 20, 0) 58%),
var(--estella-blue);
background-position: center 31%;
background-size: cover;
} .estella-card,
.estella-offer-card,
.estella-course-card,
.estella-testimonial {
background: var(--estella-white);
border: 1px solid rgba(13, 27, 42, 0.10);
border-radius: var(--estella-radius);
box-shadow: 0 12px 30px rgba(13, 27, 42, 0.08);
}
.estella-pillar-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin-top: 44px;
}
.estella-pillar-card {
min-height: 300px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 38px 28px 36px;
text-align: center;
background: rgba(237, 228, 213, 0.92);
border: 1px solid rgba(198, 169, 107, 0.30);
border-radius: 18px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.52);
}
.estella-pillar-card--light {
align-items: flex-start;
text-align: left;
background: var(--estella-white);
border-color: rgba(13, 27, 42, 0.10);
}
.estella-pillar-icon {
width: 85px;
height: 85px;
flex: 0 0 auto;
color: #c6a96b;*/
}
.estella-pillar-card h3 {
margin: 0 0 18px;
font-family: Inter, Montserrat, Arial, sans-serif;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.12em;
line-height: 1.35;
text-transform: uppercase;
}
.estella-pillar-card--light h3 {
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(28px, 2.6vw, 40px);
font-weight: 600;
letter-spacing: 0;
line-height: 1.06;
text-transform: none;
}
.estella-pillar-card p:last-child {
margin-bottom: 0;
}
.estella-tag {
width: fit-content;
padding: 5px 8px;
color: var(--estella-blue);
background: rgba(198, 169, 107, 0.16);
border-radius: var(--estella-radius-sm);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
} .estella-image-strip {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
background: var(--estella-navy);
}
.estella-image-strip img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.estella-price-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.estella-price-card {
padding: 18px;
color: var(--estella-white);
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(198, 169, 107, 0.45);
border-radius: var(--estella-radius);
}
.estella-price-card strong {
display: block;
color: var(--estella-gold);
font-family: Georgia, "Times New Roman", serif;
font-size: 28px;
font-weight: 500;
}
.estella-cert-row {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 12px;
}
.estella-cert-row img {
width: 100%;
aspect-ratio: 3 / 4;
object-fit: cover;
background: var(--estella-white);
border: 1px solid rgba(13, 27, 42, 0.12);
border-radius: var(--estella-radius-sm);
} input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select,
.et_pb_contact_field input,
.et_pb_contact_field textarea {
color: var(--estella-ink) !important;
background: rgba(255, 255, 255, 0.94) !important;
border: 1px solid rgba(13, 27, 42, 0.18) !important;
border-radius: var(--estella-radius-sm) !important;
box-shadow: none !important;
}
input:focus,
textarea:focus,
select:focus,
.et_pb_contact_field input:focus,
.et_pb_contact_field textarea:focus {
border-color: var(--estella-gold) !important;
outline: 2px solid rgba(198, 169, 107, 0.20);
outline-offset: 2px;
} .et_pb_toggle .et_pb_toggle_title::before {
left: 0 !important;
right: auto !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin-top: 0 !important; 
}
.et_pb_toggle .et_pb_toggle_title {
padding-left: 30px !important;
display: flex;
align-items: center;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
overflow: hidden;
background: var(--estella-white);
border: 1px solid rgba(13, 27, 42, 0.10);
border-radius: var(--estella-radius);
box-shadow: 0 12px 30px rgba(13, 27, 42, 0.08);
}
.woocommerce span.onsale {
color: var(--estella-midnight);
background: var(--estella-gold);
border-radius: var(--estella-radius-sm);
font-weight: 700;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
color: var(--estella-gold);
font-weight: 800;
}
.woocommerce-message,
.woocommerce-info {
border-top-color: var(--estella-gold);
}
.woocommerce-message::before,
.woocommerce-info::before {
color: var(--estella-gold);
} .tutor-card,
.tutor-course-card,
.tutor-course-single-content-wrapper,
.tutor-login-wrap,
.tutor-dashboard .tutor-dashboard-left-menu {
border-color: rgba(13, 27, 42, 0.10) !important;
border-radius: var(--estella-radius) !important;
}
.tutor-btn-primary,
.tutor-button-primary,
.tutor-btn.tutor-btn-primary {
color: var(--estella-midnight) !important;
background: var(--estella-sand) !important;
border-color: var(--estella-sand) !important;
border-radius: var(--estella-radius-sm) !important;
font-weight: 700 !important;
}
@media (max-width: 980px) {
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) h1,
.estella-h1 {
font-size: clamp(38px, 12vw, 54px);
}
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) h2,
.estella-h2 {
font-size: clamp(30px, 9vw, 42px);
}
.estella-hero-layout,
.estella-pillar-grid,
.estella-price-grid {
grid-template-columns: 1fr;
}
.estella-pillar-grid {
max-width: 520px;
margin-inline: auto;
}
.estella-hero-media {
order: -1;
}
.et_pb_menu .et_mobile_nav_menu .et_mobile_menu {
position: fixed !important;
top: 96px !important;
left: 50% !important;
z-index: 999999 !important;
width: 88vw !important;
max-width: 420px !important;
padding: 22px !important;
background: rgba(2, 7, 20, 0.97) !important;
border: 1px solid rgba(198, 169, 107, 0.45) !important;
border-radius: var(--estella-radius) !important;
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.24) !important;
transform: translateX(-50%) !important;
}
.et_pb_menu .et_mobile_menu .menu-item a {
color: var(--estella-white) !important;
border-bottom-color: rgba(255, 255, 255, 0.10) !important;
}
.menu-button-hairgrow {
margin-top: 22px;
}
.menu-button-hairgrow a {
width: 100%;
margin-top: 0;
}
}
@media (max-width: 767px) {
.estella-btn,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) .et_pb_button,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) .et_pb_module .et_pb_button,
body:not(.woocommerce):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account):not(.single-product):not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) input[type="submit"] {
max-width: 100%;
white-space: normal;
}
.estella-image-strip,
.estella-cert-row {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}
top: 96px !important;
left: 50% !important;
z-index: 999999 !important;
width: 88vw !important;
max-width: 420px !important;
padding: 22px !important;
background: rgba(2, 7, 20, 0.97) !important;
border: 1px solid rgba(198, 169, 107, 0.45) !important;
border-radius: var(--estella-radius) !important;
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.24) !important;
transform: translateX(-50%) !important;
}
.et_pb_menu .et_mobile_menu .menu-item a {
color: var(--estella-white) !important;
border-bottom-color: rgba(255, 255, 255, 0.10) !important;
}
.menu-button-hairgrow {
margin-top: 22px;
}
.menu-button-hairgrow a {
width: 100%;
margin-top: 0;
}
}
@media (max-width: 767px) {
.estella-btn,
.et_pb_button,
.et_pb_module .et_pb_button,
body:not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) input[type="submit"] {
max-width: 100%;
white-space: normal;
}
.estella-image-strip,
.estella-cert-row {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
} @media (min-width: 981px) {
.menu-svg-account a {
width: 24px;
height: 24px;
padding: 0 !important;
font-size: 0 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--estella-gold, #c6a96b) !important;
margin-top: -2px;
}
.menu-svg-account a::before {
content: "";
width: 22px;
height: 22px;
display: block;
background-color: currentColor;
mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8' r='3.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5.5 20c.8-4.1 3.2-6.4 6.5-6.4s5.7 2.3 6.5 6.4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8' r='3.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5.5 20c.8-4.1 3.2-6.4 6.5-6.4s5.7 2.3 6.5 6.4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.menu-svg-account a:hover {
color: var(--estella-gold-light, #f6dfb2) !important;
}
} @media (max-width: 980px) {
.et_mobile_menu .menu-svg-account a {
width: 100% !important;
height: auto !important;
padding: 10px 5% !important;
display: block !important;
font-size: inherit !important;
line-height: inherit !important;
color: var(--estella-white, #ffffff) !important;
}
.et_mobile_menu .menu-svg-account a::before {
display: none !important;
content: none !important;
}
} .woocommerce-order {
--estella-midnight: #020714;
--estella-navy: #0d1b2a;
--estella-gold: #c6a96b;
--estella-paper: #f6f1e9;
--estella-cream: #efe6d8;
--estella-ink: #1a1a1a;
padding: clamp(24px, 4vw, 44px) !important;
background: var(--estella-paper) !important;
border: 1px solid rgba(13, 27, 42, 0.08) !important;
border-radius: 8px !important;
color: var(--estella-ink) !important;
} .woocommerce-order .woocommerce-thankyou-order-received {
margin: 0 0 18px !important;
color: var(--estella-navy) !important;
font-size: 18px !important;
font-weight: 600 !important;
} .woocommerce-order ul.order_details {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 0 !important;
margin: 0 0 54px !important;
padding: 0 !important;
list-style: none !important;
border: 1px solid rgba(13, 27, 42, 0.10) !important;
border-radius: 6px !important;
overflow: hidden !important;
background: rgba(255, 255, 255, 0.42) !important;
}
.woocommerce-order ul.order_details li {
margin: 0 !important;
padding: 16px 18px !important;
border-right: 1px solid rgba(13, 27, 42, 0.10) !important;
color: rgba(13, 27, 42, 0.62) !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
.woocommerce-order ul.order_details li:last-child {
border-right: 0 !important;
}
.woocommerce-order ul.order_details strong {
display: block !important;
margin-top: 6px !important;
color: var(--estella-ink) !important;
font-size: 15px !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
text-transform: none !important;
} .woocommerce-order h2,
.woocommerce-order .woocommerce-order-downloads__title,
.woocommerce-order .woocommerce-order-details__title,
.woocommerce-order .woocommerce-column__title {
margin: 46px 0 18px !important;
color: var(--estella-navy) !important;
font-family: Georgia, "Times New Roman", serif !important;
font-size: clamp(34px, 1.5vw, 72px) !important;
font-weight: 500 !important;
line-height: 1.02 !important;
letter-spacing: 0 !important;
} .woocommerce-order table.shop_table {
width: 100% !important;
margin: 0 0 34px !important;
border: 1px solid rgba(13, 27, 42, 0.12) !important;
border-radius: 6px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
overflow: hidden !important;
background: rgba(255, 255, 255, 0.32) !important;
}
.woocommerce-order table.shop_table th,
.woocommerce-order table.shop_table td {
padding: 18px !important;
border: 0 !important;
border-bottom: 1px solid rgba(13, 27, 42, 0.12) !important;
color: var(--estella-ink) !important;
font-size: 15px !important;
vertical-align: middle !important;
}
.woocommerce-order table.shop_table thead th {
color: rgba(13, 27, 42, 0.72) !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
}
.woocommerce-order table.shop_table tr:last-child td,
.woocommerce-order table.shop_table tfoot tr:last-child th,
.woocommerce-order table.shop_table tfoot tr:last-child td {
border-bottom: 0 !important;
}
.woocommerce-order table.shop_table a {
color: var(--estella-gold) !important;
font-weight: 600 !important;
} .woocommerce-order .woocommerce-MyAccount-downloads-file.button,
.woocommerce-order .download-file .button,
.woocommerce-order a.button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 56px !important;
padding: 0 36px !important;
border-radius: 999px !important;
border: 1px solid var(--estella-midnight) !important;
background: var(--estella-midnight) !important;
color: #fff !important;
font-family: Inter, Montserrat, Arial, sans-serif !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: 0.16em !important;
line-height: 1.1 !important;
text-transform: uppercase !important;
box-shadow: 0 9px 20px rgba(0, 0, 0, 0.16) !important;
transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease !important;
}
.woocommerce-order .woocommerce-MyAccount-downloads-file.button:hover,
.woocommerce-order .download-file .button:hover,
.woocommerce-order a.button:hover {
transform: translateY(-1px) !important;
filter: brightness(1.08) !important;
} .woocommerce-order .product-purchase-note td {
padding: 22px !important;
background: rgba(198, 169, 107, 0.08) !important;
color: var(--estella-navy) !important;
line-height: 1.65 !important;
} .woocommerce-order .woocommerce-customer-details address {
padding: 22px !important;
border: 1px solid rgba(13, 27, 42, 0.12) !important;
border-radius: 6px !important;
background: rgba(255, 255, 255, 0.32) !important;
color: var(--estella-ink) !important;
font-size: 15px !important;
line-height: 1.7 !important;
} @media (max-width: 767px) {
.woocommerce-order {
padding: 22px 16px !important;
}
.woocommerce-order ul.order_details {
grid-template-columns: 1fr !important;
margin-bottom: 36px !important;
}
.woocommerce-order ul.order_details li {
border-right: 0 !important;
border-bottom: 1px solid rgba(13, 27, 42, 0.10) !important;
}
.woocommerce-order ul.order_details li:last-child {
border-bottom: 0 !important;
}
.woocommerce-order h2,
.woocommerce-order .woocommerce-order-downloads__title,
.woocommerce-order .woocommerce-order-details__title,
.woocommerce-order .woocommerce-column__title {
font-size: 1.5rem !important;
margin-top: 36px !important;
}
.woocommerce-table__product-purchase-note.product-purchase-note td{
display: flex !important;
flex-wrap:wrap !important;
width: 100% !important;
}
.woocommerce-order table.shop_table thead {
display: none !important;
}
.woocommerce-order table.shop_table tr {
padding: 16px !important;
border-bottom: 1px solid rgba(13, 27, 42, 0.12) !important;
}
.woocommerce-order table.shop_table tr p {padding:0 10px 0 10px !important}
.woocommerce-order table.shop_table td::before {
content: attr(data-title) !important;
color: rgba(13, 27, 42, 0.58) !important;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
}
.woocommerce-order .download-file {
display: block !important;
}
.woocommerce-order .download-file::before {
display: none !important;
}
.woocommerce-order .woocommerce-MyAccount-downloads-file.button {
width: 100% !important;
margin-top: 10px !important;
padding: 0 20px !important;
text-align: center !important;
}
.woocommerce-order .product-purchase-note td {
display: block !important;
}
.woocommerce-order .product-purchase-note td::before {
display: none !important;
}
}