/*
Theme Name: StephenCharles 
Theme URI:
Description: StephenCharles Website
Version: 1.0.0
Author: Hoplon&Co.
*/

@font-face {
    font-family: 'Engraved';
    src: url('./style/Engraved-Regular.woff2') format('woff2'),
        url('./style/Engraved-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
a, a:hover{
	text-decoration:none;
}
body{
	font-family: "Rethink Sans", sans-serif;
}
p{
	font-size:20px;
	line-height:27px;
}
.container-fluid {
    /*max-width: calc(100% - 200px) !important;*/
	max-width: 1700px !important;
}

h1, h2, h3, h4 {
	font-family: 'Engraved';
}

.sec-one-content p {
    font-size: 20px;
    line-height: 27px;
}

h2 {
    font-size: 86px;
    line-height: 89px;
}

.sec-one-content {
    padding-left: 68px;
    height: 100%;
    padding-top: 70px;
}

.sec-one-content h2 {
    margin-bottom: 48px;
}

.sec-one-content .theme-btn {
    margin-top: 40px;
}

.sec-one-content > div, .sec-one-content > div .row {height: 100%;}

.sec-one-content .wp-block-uagb-image {
    height: 100%;
    align-items: end;
}

.sec-one-content p {
    padding-right: 30px;
}
.gallery-sec .row {
    align-items: flex-end;
}

.gallery-sec .row img, .gallery-sec .row figure {
    width: 100% !important;
}

.legacy-bx > div {
    border: 1px solid #B8A996;
    padding: 115px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.legacy-bx {
    height: 100%;
}

.legacy-bx p {
    font-size: 36px;
    margin: 40px 0;
}

.green-bx h2 {
    font-size: 50px;
    margin-bottom: 20px;
}

.green-bx > .row {
    align-items: center;
}

.green-bx > .row p {
    margin-bottom: 0;
}

.composure-bx {
    padding: 20px 0;
    border-top: 1px solid #7B8B78;
	transition:0.2s;
}

.composure-list .col-md-6:nth-child(even) {
    padding-left: 0;
}

.composure-list .col-md-6:nth-child(odd) {
    padding-right: 0;
}

.composure-list .col-md-6:nth-child(even) .composure-bx {
    padding-left: 60px;
	padding-right:30px;
}

.composure-list .col-md-6:nth-child(odd) .composure-bx {
    padding-right: 60px;
}

.composure-bx h3 {
    font-family: "Rethink Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    margin-bottom: 110px;
    color: #E4E2D3;
    text-transform: uppercase;
}

.composure-list .col-md-6:nth-last-child(2) .composure-bx, .composure-list .col-md-6:nth-last-child(1) .composure-bx {
    border-bottom: 1px solid #7B8B78;
}
.composure-list:after {
    content: '';
    display: block;
    width: 1px;
    background-color: #7B8B78;
    height: calc(100% - 30px);
    position: absolute;
    left: 50%;
    transform: translateX(-1px);
    top: 15px;
}

.composure-wrap {
    position: relative;
}

span.high-bx {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #D9D9D9;
    position: absolute;
	z-index:9;
}

span.high-bx.h-bx-1 {
    top: 242px;
    left: 50%;
    transform: translateX(-20px);
}

span.high-bx.h-bx-2 {
    bottom: 244px;
    left: 50%;
    transform: translateX(-20px);
}
.composure-img img {
    height: 80px !important;
    width: auto !important;
}

.composure-img {
    justify-content: flex-start !important;
}
.composure-bx .row {
    align-items: center;
}
.quality-bx .col-lg-6 {
    padding: 0;
}

.quality-bx {
    padding: 0 12px;
}
.quality-bx .content {
    background: linear-gradient(150.57deg, #D4D1BE 12.41%, #FFFFFF 99.48%);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 50px;
}

.quality-bx .content h3 {
    font-size: 50px;
    line-height: 44px;
	margin-bottom:20px;
}

.quality-bx .content p {
    font-size: 16px;
    margin-bottom: 0;
    color: #4B5563;
}
.quality-bx .content p.qauality-tagline {
    color: #394537;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
.join-sec h2 {
    font-size: 80px;
    color: #6E796D;
}

.join-sec p {
    color: #4B5563;
    font-size: 24px;
}

.join-sec .row{
    align-items:center;
}
.follow-links a {
    display: flex;
    width: 50px;
    background-color: #394537;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.follow-links {
    display: flex;
    gap: 10px;
}
.follow-wrap > div {
    display: flex;
    align-items: center;
    gap: 20px;
}

.follow-wrap > div p {
    margin-bottom: 0;
}
.map-btn a {
    background-color: #ffffff6b;
    border: 1px solid #fff;
    background-image: url(https://stephencharles.hoplonco.com/wp-content/uploads/2026/07/pin-icon.svg);
    background-repeat: no-repeat;
    color: #394537;
    backdrop-filter: blur(2px);
    padding: 15px 40px 15px 60px;
    background-position: center;
    background-position-x: 30px;
}
.join-form .field input {
    border: 1px solid #C0C0C0;
    border-radius: 10px;
    padding: 15px 30px;
    font-size: 20px;
    color: #4B5563;
    width: 100%;
}

.join-form .field label {
    color: #00000080;
    font-size: 22px;
    margin-bottom: 10px;
}

.submit-btn input {
    background-color: #394537;
    border: none;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 15px 60px;
}

.join-form {
    margin: 60px 0;
}

.join-img {
    padding-left: 60px;
}

.theme-btn a {
    background-color: #394537;
    border: none;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 15px 60px;
	border-radius:0 !important;
	min-width:250px;
	display:inline-flex;
	justify-content:center;
}
.header-actions {
    display: flex;
    justify-content: end;
    gap: 20px;
}

.navigation-list ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    gap: 40px;
    margin-bottom: 0;
}

.navigation-list ul li a {
    color: #1C1C1A;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

header {
    padding: 20px 0;
}

header .row {
    align-items: center;
}
section.hero-banner {
    height: calc(100vh - 77px);
}

section.hero-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.hero-banner .banner-image {
    background-color: #364538;
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url(https://stephencharles.hoplonco.com/wp-content/uploads/2026/08/banner-image.jpg);
    background-size: cover;
    background-position: center;
}
section.hero-banner {
    position: relative;
}

section.hero-banner .container-fluid {
    position: absolute;
    z-index: 999;
    width: 100%;
    bottom: 8vh;
    margin: 0 auto !important;
    left: 0;
    right: 0;
}

section.hero-banner h1 {
    color: #fff;
    font-size: 110px;
    line-height: 112px;
}

.banner-bt-text p {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}
footer {
    background-color: #394537;
    padding: 50px 0 0;
}

.ft-logo-container .row {
    align-items: center;
}

.ft-logo-container p {
    color: #fff;
    font-size: 18px;
    text-align: right;
    width: 80%;
}

.ft-logo-right-text {
    display: flex;
    justify-content: end;
}

.ft-hight-text {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-size: 190px;
    font-family: 'Engraved';
    line-height: 230px;
	margin-bottom:60px;
}
.ft-heading h3 {
    color: rgb(255 255 255 / 50%);
    text-transform: uppercase;
    font-size: 20px;
}

.ft-details-wrap p, .ft-details-wrap a {
    color: #fff;
    font-size: 20px;
}

.ft-details-wrap {
    margin-bottom: 40px;
}

.ft-heading {
    margin-bottom: 15px;
}

.ft-nav-list ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ft-nav-list ul li a {
    color: #fff;
    font-size: 20px;
}
.ft-heading h3 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ft-form .field input, .ft-form .field textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgb(255 255 255 / 24%);
    padding: 16px 0;
    font-size: 18px;
    font-family: 'Engraved';
    text-transform: uppercase;
    width: 100%;
	color:#fff;
}

.ft-form textarea {
    height: 100px;
}

.ft-form {
    padding-left: 80px;
}

.ft-form p {
    color: rgb(255 255 255 / 50%);
    font-size: 15px;
}

.ft-form input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    padding: 15px;
    text-transform: uppercase;
    color: #E4E2D3;
    background-color: transparent;
    border: 1px solid #E4E2D3;
}
.row.row-ft-form {
    align-items: center;
}

span.wpcf7-spinner {
    float: right;
}

.copyright-sec {
    padding: 20px 0;
    border-top: 1px solid rgb(255 255 255 / 24%);
}

.copyright-sec p {
    font-size: 15px;
    color: #F5F0E8;
    margin-bottom: 0;
}

.privacy-links {
    display: flex;
    gap: 40px;
    justify-content: end;
}

.privacy-links a {
    color: #F5F0E8;
    font-size: 15px;
}

.bg-theme {
    background-color: #e4e2d3;
}

.inner-section {
    padding: 80px 0;
}

/** Journal CSS **/

h1.page-title {
	color:#394537;
    font-size: 110px;
}
.journal-img {
    position: relative;
}

.tag {
    padding: 6px 10px;
    background-color: #394537;
    display: inline-flex;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 2px;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.journal-text h3 {
    font-size: 28px;
    color: #394537;
    text-transform: uppercase;
    min-height: 102px;
}

.row-journal-btn {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 20px;
}

.row-journal-btn span {
    color: #39453799;
    font-size: 14px;
    text-transform: uppercase;
}

.read-link a {
    color: #394537;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: underline;
}

.journal-text {
    padding: 30px 0;
}

.journal-bx {
    margin-top: 50px;
}

.journal-img img {
    width: 100%;
}

.blog-banner {
    height: 680px;
    background-size: cover;
}

.blog-hero-sec {
    background-color: #394537;
    padding-top: 60px;
}

p.journal-top-text {
    font-size: 14px;
    color: #FFFFFF80;
    text-transform: uppercase;
}

.blog-hero-sec h1 {
    color: #E4E2D3;
    font-size: 72px;
}

.blog-hero-details {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    font-size: 14px;
    color: #FFFFFF80;
    text-transform: uppercase;
}

.blog-hero-details p {
    font-size: 14px;
}

.blog-hero-details p a {
    color: #fff;
    text-decoration: underline;
}

span.author-name {
    color: #fff;
}

.blog-hero-banner {
    margin-top: 30px;
}
.recent-blog {
    padding: 50px 0;
}

.recent-blog h2 {
    text-align: left;
    color: #394537;
    font-size: 40px;
    text-transform: uppercase;
	margin-bottom:0;
}

.content-editor h2 {
    font-size: 32px;
    line-height: 50px;
    margin-bottom: 20px;
}

.content-editor p a {
    color: #4B5563;
}
.content-editor p {
    font-size: 18px;
    line-height: 30px;
    color: #4B5563;
}

figcaption.wp-element-caption {
    text-align: center;
    color: #6E796D;
    font-size: 12px;
    font-style: italic;
}
.content-editor hr.wp-block-separator {
    border-top: 1px solid #3945371F;
    margin: 50px 0;
    opacity: 1;
}
p.page-top-tagline {
    color: #394537;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.page-upated-details {
    text-align: end;
}

.page-upated-details p {
    color: #39453799;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 6px;
}

p.page-updated-date {
    color: #394537;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Engraved';
}
p.content-num {
    font-size: 16px;
    font-weight: 500;
    color: #394537;
    margin-top: 11px;
}
.content-editor ul.wp-block-list {
    padding-left: 18px;
}

.content-editor ul.wp-block-list li {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 30px;
    color: #4B5563;
}
.content-editor ul.wp-block-list li::marker{
    color: #394537;
}
.content-editor ul.wp-block-list li strong {
    color: #394537;
}
.theme-btn a:before {
    content: '';
    display: block;
    : 200%;
    background-color: #101813;
    height: 0%;
    width: 120%;
    position: absolute;
    z-index: -1;
    transform: rotate(-10deg);
    transition: 1s;
    bottom: -40px;
    opacity: 0;
}

.theme-btn a {
    z-index: 9;
    overflow: hidden;
	position:relative;
}

.theme-btn a:hover:before {
    height: 240%;
    opacity:1;
}
.infinity-icon img {
    width: 110px !important;
}
.composure-bx{
    z-index:9;
    position:relative;
    transition:0.5s;
}
.composure-bx:after {
    content: '';
    display: block;
    background: linear-gradient(102.09deg, #FFFFFF 15.5%, #D4D1BE 97.8%);
    width:0%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    transition:1s;
}
.composure-bx:hover:after{
    width:100%;
}

.composure-bx h3, .composure-list .col-md-6:nth-child(odd) .composure-bx figure{
    transition:0.5s;
}
.composure-list .col-md-6:nth-child(odd) .composure-bx:hover h3, .composure-list .col-md-6:nth-child(odd) .composure-bx:hover figure{
    padding-left:50px;
}

.composure-bx:hover h3{
    color:#212529 !important;
} 
.menu-full {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    z-index: 999;
	visibility:hidden;
}

.menu-bg-l {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #e4e2d4;
}

.menu-full .container-fluid {
    z-index: 9;
}

.menu-bg-r {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #364538;
}

button.menu-close-btn {
    position: absolute;
    top: 40px;
    right: 30px;
    background-color: #E4E2D3;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 80px;
    min-width: 140px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    text-transform: uppercase;
    color: #394537;
}

.menu-bx a {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    border-bottom: 1px solid #00000017;
    gap: 10px;
    align-items: center;
    transition:0.3s;
    position:relative;
    overflow:hidden;
}
.menu-bx a:after{
    content:'';
    display:block;
    height:100%;
    width:100%;
    background-color:#334539;
    position:absolute;
    left:0;
    top:0;
    transform:translateY(110%);
    transition:0.5s;
}
.menu-bx a:hover:after{
    transform:translateY(0%);
}
.menu-bx a:hover{
    padding:40px 30px;
}
.full-menu-list {
    padding-right: 100px;
}
.menu-bx a:hover span:nth-child(2), .menu-bx a:hover span:nth-child(1){
    color:#e4e2d5;
}
.menu-bx a span:nth-child(2) {
    color: #394537;
    font-size: 56px;
    line-height: normal;
    font-family: 'Engraved';
    text-transform: uppercase;
    width: calc(100% - 130px);
    transition:0.5s;
}
.menu-bx a span{
    z-index:1;
    position:relative;
}
.menu-bx a span:nth-child(1) {
    color: #394537;
    font-weight: 500;
    font-size: 14px;
    width: 60px;
    transition:0.5s;
}

span.menu-icon-right {
    width: 50px;
    height: 50px;
    background-color: #334539;
    display: block;
    border-radius: 50%;
    transition:0.5s;
	background-image:url(https://stephencharles.hoplonco.com/wp-content/uploads/2026/08/menu-arrow-w.svg);
	background-position:center;
	background-repeat:no-repeat;
}

.menu-bx a:hover span.menu-icon-right{
    background-color:#e4e2d5;
	background-image:url(https://stephencharles.hoplonco.com/wp-content/uploads/2026/08/menu-arrow-d.svg);
}
.menu-logo a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.menu-logo span {
    color: #e4e2d38a;
    font-size: 14px;
    font-weight: 500;
}

.full-menu-right {
    padding-left: 100px;
}

.full-menu-details h3 {
    color: #fff;
    font-size: 29px;
    text-transform: uppercase;
}

.full-menu-details p, .full-menu-details p a {
    color: #E4E2D3;
    font-size: 16px;
}

.menu-details {
    margin: 50px 0;
}

.full-menu-details {
    padding: 63px 0;
    border-bottom: 1px solid #e4e2d536;
}
.backdrop-menu {
    background-color: #2f453a75;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    backdrop-filter: blur(10px);
	opacity:1;
}

.fr-img{
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform, opacity;
}
.ft-form input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #E4E2D3;
    color: #364538;
}
/** Philosophy Page CSS **/

.philosophy-hero-banner {
    min-height: calc(100vh - 77px);
}
figure.wp-block-image.size-full {
    margin-bottom: 0;
}

.phy-intro-sec .container-fluid {
    max-width: 100% !important;
}

.phy-intro-sec .col-md-6 {
    padding: 0 !important;
}

.phy-intro-content {
    background-color: #E4E2D3;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 80px 120px;
}

.phy-intro-content h2 {
    font-size: 64px;
    line-height: 76px;
    margin-bottom: 40px;
}
.phy-intro-content p {
    font-size: 18px;
    line-height: 30px;
}
p.phy-intro-eyebrow {
    color: #3945378f;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 40px;
}

p.phy-intro-bt {
    font-family: 'Engraved';
    font-size: 24px;
    margin-top: 40px;
}
.phy-craft-sec {
    display: flex;
    align-items: center;
    min-height: 900px;
    padding: 80px 0 !important;
}

p.phy-craft-eybrow {
    font-size: 33px;
    color: #39453782;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.phy-craft-sec h2 {
    margin-bottom: 40px;
}

.phy-craft-sec .theme-btn a {
    border-radius: 80px !important;
}

.phy-craft-sec .theme-btn {
    margin-top: 40px;
}

.phy-craft-sec p {
    color: #394537cf;
}
.phy-most-sec h2 {
    font-size: 64px;
    line-height: 78px;
	margin-bottom:40px;
}

/** WooCommerce CSS **/

.woo-sec{
	background-color:#E4E2D3;
	position:relative;
}
.login-page-sec {
    background-color: #F7F3EA;
}

.login-page-sec .container-fluid {
    max-width: 100% !important;
}

.login-page-sec .container-fluid .login-img-col {
    padding: 0 !important;
}
.login-right-img {
    background-image: url(https://stephencharles.hoplonco.com/wp-content/uploads/2026/09/login-bg.jpg);
    height: 100%;
    display: flex;
    align-items: end;
    padding: 60px;
    color: #fff;
}
.customer-login-bx {
    padding: 80px;
}

.customer-login-bx h2 {
    font-size: 40px;
}
.woocommerce .customer-login-bx form.login, .woocommerce .customer-login-bx form.register {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}
.customer-login-bx p {
    color: #4B5563;
    font-size: 16px;
}
.customer-login-bx p {
    color: #4B5563;
    font-size: 16px;
}

.customer-login-bx label {
    color: #1C1C1A;
    font-weight: 600;
    font-size: 14px;
}

.customer-login-bx input {
    border: 1px solid #D6D1C4 !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
    color: #1C1C1A;
}

.woocommerce .customer-login-bx form .form-row {
    padding: 0 !important;
}
button.woocommerce-button.button.woocommerce-form-login__submit {
    background-color: #1B4332;
    border-radius: 0;
    box-shadow: 0px 10px 24px -10px #1B43321F;
    padding: 14px 32px !important;
    width: 377px;
    color: #F5F0E8;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    margin-top: 10px;
}
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    background-color: #1B4332;
    border-radius: 0;
    box-shadow: 0px 10px 24px -10px #1B43321F;
    padding: 14px 32px !important;
    width: 377px;
    color: #F5F0E8;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    margin-top: 10px;
}
p.woocommerce-LostPassword.lost_password a {
    color: #1B4332;
    text-decoration: underline;
    font-size: 13px;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    color: #1B4332;
    transform: translateY(20px);
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input {
    margin-right: 5px;
    transform: translateY(2px);
}
.login-or-seperator {
    font-size: 12px;
    position: relative;
    text-align: center;
}

.login-or-seperator:before, .login-or-seperator:after {
    width: calc(50% - 40px);
    height: 1px;
    content: '';
    display: block;
    background-color: #1b433217;
    position: absolute;
    top: calc(50% - 1px);
}

.login-or-seperator:after {
    right: 0;
}

/** Login page css end **/
form.woocommerce-EditAccountForm.edit-account label, .woocommerce-address-fields label, .woocommerce-billing-fields__field-wrapper label, .shipping_address label, .woocommerce-additional-fields__field-wrapper label{
    color: #1C1C1A;
    font-weight: 600;
    font-size: 14px;
}
span.select2-selection.select2-selection--single {
    border: 1px solid #D6D1C4 !important;
    border-radius: 0 !important;
}

.select2-selection__rendered {
    padding: 14px 16px !important;
}
form.woocommerce-EditAccountForm.edit-account input, .woocommerce-address-fields input, .woocommerce-billing-fields__field-wrapper input, .shipping_address input, .woocommerce-additional-fields__field-wrapper textarea {
    border: 1px solid #D6D1C4 !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
    color: #1C1C1A;
}
form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button, .woocommerce-address-fields button.button[type="submit"]{
    background-color: #1B4332;
    border-radius: 0;
    box-shadow: 0px 10px 24px -10px #1B43321F;
    padding: 14px 32px !important;
    width: 377px;
    color: #F5F0E8;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    margin-top: 10px;
}
.woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
}
.woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
}

.dashbboard-sec {
    padding: 80px 0;
    background-color: #e4e2d3;
}
nav.woocommerce-MyAccount-navigation {
    width: 100% !important;
    float: none !important;
    box-shadow: 0px 14px 28px -12px #00000008;
    border-radius: 16px;
    background-color: #fff;
    padding: 20px;
}

nav.woocommerce-MyAccount-navigation > ul {
    padding-left: 0;
    display: flex;
    gap: 16px;
    flex-direction: column;
    list-style: none;
}

nav.woocommerce-MyAccount-navigation > ul li a {
    display: flex;
    padding: 14px 16px;
    color: #1C1C1A;
    font-size: 15px;
    font-weight: 500;
    border-radius: 12px;
    transition: 0.3s;
    position: relative;
}
nav.woocommerce-MyAccount-navigation > ul li a:before{
    display:block !important;
    content:'' !important;
    width:4px;
    height: 0px;
    background-color:#394537;
    position: absolute;
    border-radius: 80px;
    left: 16px;
    transition: 0.3s;
    opacity:0;
}
nav.woocommerce-MyAccount-navigation > ul li a:hover, nav.woocommerce-MyAccount-navigation > ul li.is-active a {
    background-color: #F5F0E8;
    padding-left:30px
}

nav.woocommerce-MyAccount-navigation > ul li a:hover:before, nav.woocommerce-MyAccount-navigation > ul li.is-active a:before{
    height: 24px;
    opacity:1;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}

.dashboard-bx {
    box-shadow: 0px 14px 28px -12px #00000008;
    border-radius: 16px;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 24px;
    height: calc(100% - 30px);
}

.dashboard-bx h3 {
    color: #1C1C1A;
    font-size: 22px;
    font-family: "Rethink Sans", sans-serif;
}
.dashboard-bx p {
    color: #4B5563;
    font-size: 14px;
    margin-bottom: 2px;
}
.order-rec-details {
    display: flex;
    justify-content: space-between;
    gap: 20px;
	margin-bottom:6px;
}
.link-dashboard-bx a {
    color: #394537;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}

.link-dashboard-bx {
    margin-top: 20px;
}
.single-product section.woo-sec .container-fluid {
    max-width: 100% !important;
}
.summary.entry-summary {
    width: 100% !important;
    float: none !important;
}
.woocommerce-product-gallery {
    display: none;
}
.custom-gallery-slide img {
    margin-left: 0 !important;
    width: 100%;
    height: calc(100vh - 76.34px) !important;
    object-fit: cover !important;
}
.col-lg-8.gallery-col {
    padding: 0 !important;
}
.owl-carousel .disabled{
	display:none;
}
.custom-product-gallery {
    position: relative;
}
button.owl-next {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: none;
    background-color: rgb(0 0 0 / 50%);
    transform: translateY(-50%);
    background-image: url(https://stephencharles.hoplonco.com/wp-content/uploads/2026/09/arrow-right.svg);
    background-position: center;
    background-repeat: no-repeat;
}
button.owl-prev {
    position: absolute;
    left: 20px;
    top: 50%;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: none;
    background-color: rgb(0 0 0 / 50%);
    transform: translateY(-50%);
    background-image: url(https://stephencharles.hoplonco.com/wp-content/uploads/2026/09/arrow-left.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}
.summary.entry-summary {
    padding: 50px 40px;
    position: sticky;
    top: 0;
}
.variation-select-hidden {
    display: none;
}
.variation-select-hidden {
    display: none;
}
label.variation-radio-option span {
    display: inline-flex;
    border: 1px solid #B8A996;
    color: #4B5563;
    font-weight: 500 !important;
    border-radius: 4px;
    padding: 8px 10px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.variation-radio-group {
    display: flex;
    gap: 8px;
}

label.variation-radio-option input {
    opacity: 0;
    display: none;
}

label.variation-radio-option span:hover, .variation-radio-option input:checked + span {
    background-color: #fff;
    border-color: #394537;
    color: #394537;
}

.variation-radio-group[data-select-name="attribute_pa_size"] .variation-radio-option span {
    width: 64px;
    height: 52px;
}
h1.product_title.entry-title {
    font-size: 56px;
}

.summary.entry-summary .price span {
    color: #394537;
    font-size: 28px;
    font-weight: 500;
}

.woocommerce-product-details__short-description p {
    font-size: 18px;
}

.woocommerce-product-details__short-description {}

.woocommerce-product-details__short-description {
    padding-top: 40px;
    border-top: 1px solid #B8A996;
    margin-top: 40px;
}
label.variation-title {
    color: #39453780;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 10px;
}

.summary .variations {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

button.single_add_to_cart_button.button.alt {
    display: block;
    float: none !important;
    width: 100%;
    background-color: #394537 !important;
    border-radius: 0 !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    min-height: 67px;
    text-transform: uppercase;
    font-weight: 500;
}

.single_variation_wrap .quantity {
    display: none !important;
}

a.reset_variations {
    color: #4B5563;
    font-size: 13px;
    text-decoration: underline;
    margin-top: 20px;
}

.single_variation_wrap {
    margin-top: 30px;
}
.product-bt-points p {
    color: #4B5563;
    font-size: 13px;
    margin-bottom: 0;
}
.product-bt-points {
    margin-top: 20px;
}
.before-title-eyebrow {
    display: flex;
    gap: 6px;
    color: #39453780;
    text-transform: uppercase;
}

.before-title-eyebrow a {
    color: #39453780;
}
.woocommerce-message {
    position: absolute !important;
    z-index: 99;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    width: 620px !important;
    top: 20px;
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 100px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 11px 60px #0000002e;
}

.woocommerce-message:before {
    color: #394537 !important;
    transform: translateY(2px);
}

.woocommerce-message a.button.wc-forward {
    background-color: #394537;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 80px;
}

.woocommerce-message:after {
    display: none !important;
}
.product-popup-btns button {
    border: 1px solid #394537;
    background-color: transparent;
    height: 56px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    color: #000000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.3s;
}

.product-popup-btns {
    display: flex;
    gap: 17px;
    margin-bottom: 30px;
}

.product-popup-btns button:hover {
    background-color: #394537;
    border-color: #394537;
    color: #fff;
}
.pum-container h2 {
    font-size: 56px;
}

.pum-container p {
    font-size: 18px;
    font-weight: 400;
    color: #4B5563;
}

.pum-container h3 {
    font-size: 30px;
}

.discover-popup-bs p {
    font-size: 16px;
}

.discover-popup-bs .row {
    align-items: center;
}

.discover-popup-bs {
    margin-top: 24px;
}

.discover-popup-bs figure {
    border-radius: 12px;
    overflow: hidden;
}

.pum-container {
    border-radius: 14px !important;
    padding: 50px !important;
    box-shadow: none !important;
    border: none !important;
}
.explore-content > div {
    display: flex;
    gap: 20px;
    align-items: center;
}

.explore-icon figure {width: 54px;}

.explore-content h3 {
    color: #111111;
    font-size: 20px;
}

.explore-content p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}

.wp-block-group.explore-icon figure {margin-bottom: 0;}


.explore-content {
    height: 100%;
    display: flex;
    align-items: center;
    border-top: 1px solid #EAE6DF;
}

.explore-bx {
    margin-top: 4px;
}
button.pum-close.popmake-close:hover {
    background-image: url(https://stephencharles.hoplonco.com/wp-content/uploads/2026/09/close-icon.svg);
    background-size: cover;
}
button.pum-close.popmake-close {
    top: 20px !important;
    right: 20px !important;
    box-shadow: none !important;
    width: 38px !important;
    height: 38px !important;
    background-image: url(https://stephencharles.hoplonco.com/wp-content/uploads/2026/09/close-icon.svg);
    font-size: 0 !important;
    background-position: center;
    background-size: cover;
}
.dashboard-bx-dark p.eyebrow-text {
    text-transform: uppercase;
    font-size: 12px;
    color: #394537;
    font-weight: 600;
    letter-spacing: 2px;
}

.dashboard-bx-dark ul {
    padding-left: 0;
    margin-bottom: 10px;
    list-style: none;
    margin-top: 10px;
}

.dashboard-bx-dark ul li {
    position: relative;
    color: #1C1C1A;
    font-size: 13px;
    padding-left: 20px;
}

.dashboard-bx-dark ul li:before {
    width: 8px;
    height: 8px;
    content: '';
    display: block;
    position: absolute;
    background-color: #394537;
    border-radius: 50%;
    left: 0;
    top: 6px;
}
p.dashboard-note {
    color: #4B5563;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 0;
}
.dashboard-blocks {
    margin-top: 30px;
}
h2.inner-title {
    font-size: 56px;
    line-height: 59px;
}

p.inner-subpara {
    color: #4B5563;
    font-size: 16px;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {border-top: 1px solid #E8E0D4;padding-top: 20px;}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {
    position: relative;
}

nav.woocommerce-MyAccount-navigation ul {
    margin-bottom: 0;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #4B5563;
}
.order-rec-details span.woocommerce-Price-amount.amount {
    color: #1C1C1A;
    font-size: 14px;
    font-weight: 600;
}

.order-rec-details .woocommerce-orders-table__cell[data-title="Status"] {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #F5F0E8;
    display: inline-flex;
    padding: 1px 16px;
    border-radius: 80px;
    line-height: 22px;
	color:#394537;
}
.order-rec-details div:last-child p {
    color: #1C1C1B;
}
ul.wc_payment_methods.payment_methods.methods {
    padding: 0 !important;
}

div#payment {
    background-color: transparent !important;
}

ul.wc_payment_methods.payment_methods.methods label {
    color: #1C1C1A;
    font-weight: 600;
    font-size: 14px;
}

ul.wc_payment_methods.payment_methods.methods input {
    margin-right: 8px !important;
}
.payment_box.payment_method_stripe {
    padding: 0 !important;
    background-color: transparent !important;
}

.payment_box.payment_method_stripe:before {
    display:none !important;
}

.payment_box.payment_method_cod {
    background-color: #e4e2d4 !important;
    border-radius: 10px !important;
}

.payment_box.payment_method_cod:before {
    border-bottom-color: #e4e2d4 !important;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none !important;
    background-color: #1B4332;
    border-radius: 0;
    box-shadow: 0px 10px 24px -10px #1B43321F;
    padding: 14px 32px !important;
    width: 377px;
    color: #F5F0E8;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    margin-top: 10px;
}
.woocommerce-checkout-review-order-item.cart_item {
    display: flex;
    gap: 20px;
    margin-top: 14px;
    justify-content: space-between;
    align-items: center;
}

.woocommerce-checkout-review-order-item.cart_item .product-thumbnail img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 4px;
}

.woocommerce-checkout-review-order-item.cart_item .product-thumbnail {
    position: relative;
    flex: 0 0 64px;
}

.woocommerce-checkout-review-order-item.cart_item .product-thumbnail span {
    position: absolute;
    right: 0;
    font-size: 10px;
    background-color: #e4e2d4;
    padding: 4px;
    border-radius: 50%;
    height: 24px;
    min-width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -10px;
    top: -5px;
}

.woocommerce-checkout-review-order-item.cart_item .product-details h3 {
    font-size: 18px;
    font-weight: 400;
}

.woocommerce-checkout-review-order-item.cart_item span.woocommerce-Price-amount.amount {
    font-size: 15px;
    font-weight: 600;
    color:#1C1C1A;
}


.woocommerce-checkout-review-order-item.cart_item .product-price {
    flex: 0 0 80px;
    text-align: end;
}

.woocommerce-checkout-review-order-item.cart_item .product-details {
    flex: 1;
}
.cart-subtotal, .shipping-row, .order-total {
    display: flex;
    justify-content: space-between;
}

.cart-subtotal, .shipping-row {
    font-size: 15px;
    color: #4B5563;
}

.cart-subtotal .woocommerce-Price-amount.amount, .shipping-row ul li {
    color:#1C1C1A;
}

.order-total {
    font-size: 16px;
    font-weight: 600;
    color: #1C1C1A;
}

.order-total .woocommerce-Price-amount {
    font-size: 20px;
    font-weight: 600;
}
.checkout-sub-total-details {
    border-top: 1px solid #E7E1D5;
    border-bottom: 1px solid #E7E1D5;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 30px 0;
}

.shop_table.woocommerce-checkout-review-order-table {
    margin-top: 26px;
}
.dashboard-bx-height-auto{
	height:auto;
}
a.wc-block-components-product-name {
    color: #1C1C1A;
    font-size: 28px !important;
}

td.wc-block-cart-item__image {
    padding-left: 0 !important;
}

.wc-block-components-product-metadata {
    font-size: 14px !important;
    color: #2A2A2A;
}

span.wc-block-components-product-details__value {
    color: #1C1C1A;
    font-weight: 500;
}

.wc-block-cart-item__total-price-and-sale-badge-wrapper span.price.wc-block-components-product-price {
    color: #1C1C1A;
    font-size: 24px;
    font-weight: 600;
}

.wc-block-components-quantity-selector {
    border: none !important;
    border-radius: 80px !important;
    box-shadow: 0 4px 10px #00000014;
    background-color: #F5F0E8;
    overflow: hidden !important;
    margin-top: 10px;
}
h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    font-size: 32px;
    text-transform: capitalize;
    color: #1C1C1A;
}
.wc-block-components-quantity-selector button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--minus, .wc-block-components-quantity-selector button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus {
    background-color: #fff;
    opacity: 1;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background-color: #1B4332;
    border-radius: 0;
    box-shadow: 0px 10px 24px -10px #1B43321F;
    padding: 14px 32px !important;
    width: 100%;
    color: #F5F0E8;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    margin-top: 10px;
}
button.wc-block-cart-item__remove-link svg {
    fill: #394537 !important;
    transform: translateY(3px);
}
td.wc-block-cart-item__image {
    width: 130px;
}
td.wc-block-cart-item__image img{
	border-radius:16px;
}
.design-sec {
    min-height: 984px;
    background-size: cover !important;
}
.design-sec {
    display: flex;
    justify-content: end !important;
    padding-bottom: 80px !important;
}
h2.woocommerce-loop-product__title {
    font-size: 40px !important;
    color: #000000;
    padding: 0 !important;
}

a.button.product_type_variable.add_to_cart_button {
    color: #000000;
    padding: 0;
    background-color: transparent;
    text-decoration: underline !important;
    font-weight: 500;
    font-size: 22px !important;
    margin-top: 0 !important;
}
.woocommerce-result-count, form.woocommerce-ordering {
    display: none;
}
.philosophy-hero-banner h1 {
    font-size: 120px;
    line-height: 130px;
}
.philosophy-hero-banner h1:after{
    display:block;
    width:120px;
    height:1px;
    content:'';
    background-color:#fff;
    margin:20px auto 40px;
}
.philosophy-hero-banner p.banner-subline {
    font-size: 24px;
    text-transform:uppercase;
}

.philosophy-hero-banner p.banner-eyebrow {
    font-size: 16px;
    font-weight:600;
}
.design-sec p.design-eyebrow {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.design-sec h2 {
    font-size: 88px;
    color: #394537;
    margin-bottom: 40px;
}

.design-sec p {
    color: #394537;
    font-size: 24px;
}

.design-sec p.design-bt-text.wp-block-paragraph {
    font-size: 33px;
    font-family: 'Engraved';
    margin-top: 40px;
}
.first-know-sec h2 {
    font-size: 75px;
}

.first-know-sec p {
    font-size: 16px;
}
.contact-form input, .contact-form textarea {
    border-bottom: 1px solid #39453733 !important;
    background-color: transparent;
    border: none;
    padding: 15px 0;
    width: 100%;
    color: #394537;
    font-size: 16px;
}

.contact-form label {
    display: block;
    color: #394537ad;
    font-size: 12px;
    text-transform: uppercase;
}

.contact-form .row-ft-form p {
    color: #394537ad;
    font-size: 14px;
}
.contact-bt-sec hr.wp-block-separator {
    border-top: 1px solid #39453733;
    margin: 60px 0 50px;
}

.contact-bt-sec p {
    color: #394537;
    font-size: 16px;
    margin-bottom: 2px;
}

.contact-bt-sec p.contact-bt-bold, .contact-bt-sec p.contact-bt-bold a {
    color: #394537;
    font-weight: 600;
}
p.contact-subline.wp-block-paragraph {
    margin: 40px 0;
    font-size: 18px;
    padding-right: 90px;
}
.contact-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    background-color: #394537 !important;
    border-radius: 0 !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    min-height: 67px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
	
}
.first-know-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #F5F0E8;
    border: none;
    height: 57px;
    width: 100%;
    text-transform: uppercase;
	color:#000;
}
a.button.product_type_variable.add_to_cart_button:hover {
    background-color: transparent;
}
.first-know-form input {
    background-color: transparent;
    border: 1px solid #F5F0E9;
    height: 57px;
    padding: 10px;
	color:#fff;
    width: 100%;
}
.first-know-form{
	margin-top:30px;
}
.first-know-form input::placeholder {
    color: #ffffff5e;
}

.our-phy-row {
	align-items:center;
}
.login-right-img.lost-right-img {
    min-height: calc(100vh - 76.34px);
}
button.lost-pass-btn.woocommerce-Button.button {
    background-color: #1B4332;
    border-radius: 0;
    box-shadow: 0px 10px 24px -10px #1B43321F;
    padding: 14px 32px !important;
    width: 377px;
    color: #F5F0E8;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    margin-top: 10px;
}
.woocommerce-MyAccount-content a.button {
    background-color: #1B4332;
    border-radius: 0;
    box-shadow: 0px 10px 24px -10px #1B43321F;
    padding: 14px 32px !important;
    width: 377px;
    color: #F5F0E8;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    margin-top: 10px;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table a.woocommerce-button.button.view {
    background-color: #1B4332;
    color: #fff;
    border-radius: 0;
}
.woocommerce-order.thank-you {
    width: 900px;
    max-width:100%;
	margin: 40px auto 0;
}
.dashboard-bx.thank-you-bx  {
    text-align: center;
}
.dashboard-bx.thank-you-bx h3 {
    margin-bottom: 30px;
}

.dashboard-bx.thank-you-bx li {
    color: #394537;
}
.phy-intro-img *, .wp-block-group.phy-intro-img {
    height: 100% !important;
}
.phy-most-sec p {
    font-size: 18px;
    line-height: 32px;
}
.phy-most-sec .quote-text {
    width: 1300px;
    margin: 0 auto;
	max-width:100%;
}
.woocommerce-MyAccount-content td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.button {
    width: auto;
    padding: 10px 20px !important;
    height: auto;
    font-size: 10px;
    border-radius: 80px !important;
}
.woocommerce-MyAccount-content th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a {
    color: #394537;
    text-decoration: underline;
}
.woocommerce-MyAccount-content td.woocommerce-table__product-name.product-name a {
    color: #394537;
    text-decoration: underline;
    font-weight: 500;
}
.first-know-sec .wpcf7-response-output, footer .wpcf7-response-output{
    background-color: #f5f0e826;
    border: none !important;
    border-radius: 40px;
    font-size: 12px;
    padding: 10px 20px !important;
    width: 400px;
    text-align: center;
    margin: 0 auto 20px !important;
    color: #f5f0e8;
	max-width:100% !important;
}
.first-know-sec span.wpcf7-not-valid-tip, .ft-form span.wpcf7-not-valid-tip {
    color: #f5f0e8;
    font-size: 12px;
}
.sec-one-content:before {
    content: '';
    display: block;
    width: 390px;
    height: 379px;
    background-image: url(https://stephencharles.hoplonco.com/wp-content/uploads/2026/09/cc-icon.svg);
    position: absolute;
    background-size: cover;
    right: 0;
    top: 0;
}
.product_meta {
    display: none;
}
button.owl-next span, button.owl-prev span{
	display:none;
}
/** Responsive **/

@media(max-width:1600px) {
	.container-fluid {
        max-width: calc(1700px * var(--sc-ratio)) !important;
    }
	.before-title-eyebrow, .discover-popup-bs p{
		font-size: calc(16px * var(--sc-ratio));
	}
	.pum-container p{
		font-size: calc(18px * var(--sc-ratio));
	}
	.pum-container h2 {
		font-size: calc(56px * var(--sc-ratio));
	}
	.explore-icon figure {
		width: calc(54px * var(--sc-ratio));
	}
	.pum-container .explore-content  h3 {
        font-size: calc(20px * var(--sc-ratio));
    }
	.pum-container h3 {
		font-size: calc(30px * var(--sc-ratio));
	}
	.sec-one-content:before {
		width: calc(390px * var(--sc-ratio));
		height: calc(379px * var(--sc-ratio));
	}
	header {
		padding: 10px 0;
	}
	.logo img {
		height: 30px;
	}
	.navigation-list ul li a{
		font-size:10px;
	}
	.banner-bt-text p {
		font-size: 11px;
		line-height: 20px;
	}
	.theme-btn a {
		font-size: 14px;
		padding: 15px 36px;
	}
	section.hero-banner h1 {
		font-size: 80px;
		line-height: 82px;
	}
	h2 {
        font-size: 60px;
        line-height: 60px;
    }
	.sec-one-content h2 {
		margin-bottom: 30px;
	}
	.sec-one-content {
		padding-left: 50px;
		height: 100%;
		padding-top: 40px;
	}
	.sec-one-content p {
		font-size: 14px;
		line-height: 20px;
	}
	.sec-one-content .theme-btn {
		margin-top: 20px;
	}
	.legacy-bx > div{
		padding:90px;
	}
	.legacy-bx p {
		font-size: 24px;
		margin: 30px 0;
	}
	.green-bx h2 {
		font-size: 34px;
	}
	.composure-bx h3 {
		font-size: 17px;
	}
	p {
		font-size: 13.2px;
		line-height: 20px;
	}
	.quality-bx .content h3 {
		font-size: 34px;
		line-height: 34px;
		margin-bottom: 10px;
	}
	.quality-bx .content p, .quality-bx .content p.qauality-tagline {
		font-size: 12px;
	}
	.quality-bx .content {
		padding: 30px 40px;
	}
	.join-sec h2 {
    	font-size: 54px;
	}
	.join-sec p, .join-form .field label, .join-form .field input, .submit-btn input {
		font-size: 16px;
	}
	.follow-links a {
		width: 40px;
		height: 40px;
	}
	.follow-links a img {
		height: 16px;
	}
	.join-form {
		margin: 40px 0;
	}
	.map-btn a {
		font-size: 14px;
		background-size: 17px;
	}
	.map-sec {
		min-height: 430px !important;
	}
	footer {
    	padding: 30px 0 0;
	}
	.ft-logo img {
		height: 30px;
	}
	.ft-logo-container p {
		font-size: 12.5px;
	}	
	.ft-hight-text {
		font-size: 140px;
		line-height: 160px;
		margin-bottom:40px;
	}
	.ft-details-wrap p, .ft-details-wrap a, .ft-nav-list ul li a, .ft-heading h3 {
		font-size: 14px;
	}
	.ft-nav-list ul{
		gap:14px;
	}
	.ft-heading img {
		height: 14px;
	}
	.ft-details-wrap {
		margin-bottom: 30px;
	}
	.ft-form .field input, .ft-form .field textarea {
		padding: 12px 0;
		font-size: 14px;
	}
	.ft-form p {
		font-size: 11px;
	}
	.ft-form input.wpcf7-form-control.wpcf7-submit {
		font-size: 13px;
	}
	.copyright-sec p, .privacy-links a{
		font-size:10px;
	}
	.menu-bx a span:nth-child(2) {
    	font-size: 30px;
	}
	.menu-bx a{
		padding:20px 0;
	}
	.full-menu-list {
		padding: 0 50px;
	}
	.menu-logo img {
    width: 140px;
}

.menu-logo span {
    font-size: 12px;
}

.full-menu-details h3 {
    font-size: 20px;
}

.full-menu-details p, .full-menu-details p a {
    font-size: 14px;
}

.menu-details {
    margin: 30px 0;
}

.full-menu-right {
    padding: 0 40px;
}

.full-menu-details {
    padding: 40px 0;
}
:root {
  --sc-ratio: 0.75; /* global scope */
}
.phy-craft-sec {
    min-height: calc(900px * var(--sc-ratio));
}
p.phy-intro-eyebrow {
    margin-bottom: calc(40px * var(--sc-ratio));
	font-size: calc(18px* var(--sc-ratio));
    line-height: calc(30px* var(--sc-ratio));
}
.phy-intro-content h2 {
    font-size: calc(64px * var(--sc-ratio));
    line-height: calc(76px * var(--sc-ratio));
    margin-bottom: calc(40px * var(--sc-ratio));
}
.phy-intro-content p {
    font-size: calc(18px * var(--sc-ratio));
    line-height: calc(30px * var(--sc-ratio));
}
p.phy-intro-bt {
    font-size: calc(24px * var(--sc-ratio));
    margin-top: calc(40px * var(--sc-ratio));
}
.phy-intro-content {
    padding: calc(80px * var(--sc-ratio)) calc(120px * var(--sc-ratio));
}
.philosophy-hero-banner h1 {
    font-size: calc(120px * var(--sc-ratio));
    line-height: calc(130px * var(--sc-ratio));
}
.philosophy-hero-banner p.banner-subline {
    font-size: calc(24px * var(--sc-ratio));
}
.phy-most-sec h2 {
    font-size: calc(64px * var(--sc-ratio));
    line-height: calc(78px * var(--sc-ratio));
    margin-bottom: calc(40px * var(--sc-ratio));
}
h2.woocommerce-loop-product__title {
    font-size: calc(40px * var(--sc-ratio)) !important;
}
a.button.product_type_variable.add_to_cart_button {
    font-size: calc(22px * var(--sc-ratio)) !important;
}
.design-sec h2 {
    font-size: calc(88px * var(--sc-ratio));
    margin-bottom: calc(40px * var(--sc-ratio));
}
.design-sec p.design-eyebrow {
	font-size: calc(20px * var(--sc-ratio));
}
.design-sec p.design-bt-text.wp-block-paragraph {
    font-size:  calc(33px * var(--sc-ratio));
    margin-top:  calc(40px * var(--sc-ratio));
}
.design-sec p {
    font-size: calc(24px * var(--sc-ratio));
}
.design-sec {
    padding-bottom: calc(80px * var(--sc-ratio)) !important;
}
.design-sec {
    min-height: calc(984px * var(--sc-ratio));
}
.first-know-sec h2 {
   font-size: calc(75px * var(--sc-ratio));
}
h1.page-title {
    font-size: calc(110px * var(--sc-ratio));
}
h2.inner-title {
    font-size: calc(56px * var(--sc-ratio));
    line-height: calc(59px * var(--sc-ratio));
}
p.inner-subpara {
    font-size: calc(16px * var(--sc-ratio));
}
a.wc-block-components-product-name {
    font-size: calc(28px * var(--sc-ratio)) !important;
}
h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
	 font-size: calc(32px * var(--sc-ratio)) !important;
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper span.price.wc-block-components-product-price {
    font-size:  calc(24px * var(--sc-ratio));
}
.dashboard-bx h3 {
    font-size: calc(22px * var(--sc-ratio));
}
	.woocommerce-product-details__short-description p{
		font-size: calc(18px * var(--sc-ratio));
	}
	h1.product_title.entry-title {
		font-size: calc(56px * var(--sc-ratio));
	}
	.product-popup-btns button {
		height: calc(56px * var(--sc-ratio));
		font-size: calc(12px * var(--sc-ratio));
	}
	.summary.entry-summary .price span {
		font-size: calc(28px * var(--sc-ratio));
	}
	label.variation-radio-option span {
		padding: calc(8px * var(--sc-ratio)) calc(10px * var(--sc-ratio));
		font-size:13px;
	}
	.variation-radio-group[data-select-name="attribute_pa_size"] .variation-radio-option span {
		width: calc(64px * var(--sc-ratio));
		height: calc(52px * var(--sc-ratio));
	}
	button.owl-next, button.owl-prev {
		width: calc(72px * var(--sc-ratio));
		height: calc(72px * var(--sc-ratio));
	}
	button.single_add_to_cart_button.button.alt {
		padding: calc(12px * var(--sc-ratio));
		min-height: calc(67px * var(--sc-ratio));
	}
	.woocommerce-checkout-review-order-item.cart_item .product-details h3 {
		font-size: calc(18px * var(--sc-ratio));
	}
	.woocommerce-checkout-review-order-item.cart_item span.woocommerce-Price-amount.amount{
		font-size: calc(16px * var(--sc-ratio));
	}
}
@media(max-width:1199px) {
	    :root {
        --sc-ratio: 0.56;
    }
	h2 {
        font-size: 40px;
        line-height: 44px;
    }
	.sec-one-content {
        padding-left: 0;
        height: 100%;
        padding-top: 0;
    }
	.container-fluid {
        max-width: 900px !important;
    }
	.ft-hight-text {
        font-size: 100px;
        line-height: 140px;
    }
	.ft-logo-container p {
		width: 100%;
	}
	.join-sec h2 {
        font-size: 40px;
        line-height: 56px;
    }
	section.hero-banner h1 {
        font-size: 60px;
        line-height: 72px;
    }
	.theme-btn a {
        font-size: 12px;
        padding: 12px 26px;
        min-width: 200px;
    }
	.sec-one-content h2 {
        margin-bottom: 20px;
    }
	.legacy-bx p {
        font-size: 18px;
        margin: 20px 0;
    }
	.legacy-bx > div {
        padding: 60px;
    }
	.green-bx h2 {
        font-size: 26px;
    }
	p {
        font-size: 11px;
        line-height: 16px;
    }
	.composure-bx h3 {
        font-size: 14px;
        margin-bottom: 40px;
    }
	.composure-img img {
		height: 40px !important;
		width: auto !important;
	}
	span.high-bx {
		width: 20px;
		height: 20px;
	}
	span.high-bx.h-bx-2 {
		bottom: 138px;
		left: 50%;
		transform: translateX(-10px);
	}
	span.high-bx.h-bx-1 {
		top: 136px;
		left: 50%;
		transform: translateX(-10px);
	}
	.quality-bx .content h3 {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 10px;
    }
	.quality-bx .content {
        padding: 30px 40px;
        height: 280px;
    }
	.quality-bx figure {
		height: 280px;
	}

	.quality-bx figure img {
		height: 100% !important;
		object-fit: cover;
	}
	.join-form .field input {
		padding: 12px 20px;
	}
	.join-sec p, .join-form .field label, .join-form .field input, .submit-btn input {
        font-size: 14px;
    }
	.menu-bx a span:nth-child(2) {
        font-size: 22px;
    }
	span.menu-icon-right {
		width: 30px;
		height: 30px;
		background-size: 10px;
	}
	.menu-logo img {
        width: 100px;
    }
	.full-menu-details {
        padding: 20px 0;
    }
}
@media(max-width:991px) {
	.container-fluid {
        max-width: 700px !important;
    }
	.navigation-list ul {
    	gap: 20px;
    }
	.hidden-sm-up{
		display:none !important;
	}
	.ft-hight-text {
        font-size: 76px;
        line-height: 110px;
    }
	.ft-form {
		padding-left: 0;
	}
	.privacy-links {
		gap: 10px;
	}
	.map-sec {
        min-height: 300px !important;
    }
	.join-img {
		padding-left: 10px;
	}
	.join-sec h2 {
        font-size: 32px;
        line-height: 43px;
    }
	.legacy-bx > div {
        padding: 26px;
    }
	.legacy-bx p {
        font-size: 16px;
        margin: 10px 0 20px;
    }
	h2{
		font-size:32px;
		font-weight:36px;
	}
	.green-bx h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 0;
    }
	span.high-bx.h-bx-1 {
        top: 152px;
    }
	span.high-bx.h-bx-2 {
        bottom: 169px;
    }
	.full-menu-list {
        padding: 0 20px;
    }
	.menu-bx a span:nth-child(2) {
		font-size: 20px;
    	width: calc(100% - 110px);
    }
	.menu-bx a span:nth-child(1){
		width:40px;
	}
	.full-menu-right {
        padding: 0 20px;
    }
	.full-menu-details h3 {
        font-size: 16px;
    }
	.full-menu-details p, .full-menu-details p a {
        font-size: 12px;
    }
	button.menu-close-btn {
		top: 30px;
		min-width: 90px;
		height: 36px;
		font-size: 14px;
	}
}
@media(max-width:767px) {
	.container-fluid {
        max-width: 500px !important;
    }
	.sec-one-content {
		padding-top: 30px;
	}
	.ft-hight-text {
        font-size: 56px;
        line-height: 90px;
    }
	.copyright-sec p {
        text-align: center;
    }
	.composure-list .col-md-6:nth-child(odd) {
		padding-right: 12px;
	}
	.composure-list .col-md-6:nth-child(even) {
		padding-left: 12px;
	}
	span.high-bx {
		display: none;
	}

	.composure-list:after {
		display: none;
	}
	.composure-list .col-md-6:nth-child(even) .composure-bx, .composure-list .col-md-6:nth-child(odd) .composure-bx {
		padding-left: 0;
		padding-right: 0;
	}

	.composure-img.infinity-icon img {
		width: 60px !important;
	}
	.quality-bx figure, .quality-bx figure img {
		width: 100%;
	}
	.join-sec h2 {
        font-size: 40px;
        line-height: 48px;
    }
	.join-img {
        padding-left: 0;
		margin-top:40px;
    }
	.privacy-links {
        justify-content: center;
        margin-top: 10px;
    }
	.menu-bg-l {
		width: 100%;
		height: 50%;
	}
	.menu-bg-r {
		width: 100%;
		height: 50%;
		top:auto;
		bottom:0;
	}
	.menu-bx a span:nth-child(2) {
    font-size: 18px;
}

.menu-bx a {
    padding: 10px 0;
}

.full-menu-right {
    padding-left: 0;
    padding: 30px 0;
    width: 100%;
}

.menu-logo img {
    width: 80px;
}

.full-menu-details {
    padding: 20px 0;
}

.menu-details {
    margin: 5px 0;
}

.full-menu-details h3 {
    font-size: 13px;
}

.full-menu-details p, .full-menu-details p a {
    font-size: 12px;
}

.menu-logo span {
    font-size: 10px;
}

.full-menu-list {
    padding-right: 0;
    padding: 30px 0;
    width: 100%;
}

span.menu-icon-right {
    width: 24px;
    height: 24px;
    background-size: 8px;
}

.menu-full .container-fluid .col-md-6 {height: 50vh;display: flex;align-items: center;justify-content: center;}
button.menu-close-btn {
    top: 10px;
    right: 14px;
    background-color: #334539;
    min-width: 70px;
    height: 28px;
    font-size: 10px;
    color: #e4e2d4;
	z-index:9999;
}
.menu-bx a:hover {
    padding: 10px 20px;
}
}

@media(max-width:575px) {
	.container-fluid {
        max-width: 360px !important;
    }
	.ft-hight-text {
        font-size: 40px;
        line-height: 70px;
    }
	.ft-details-wrap {
		text-align: center;
	}

	.ft-details-wrap h3 {
		justify-content: center;
	}

	.ft-heading h3 {justify-content: center;}

	.ft-nav-list ul {
		align-items: center;
		gap: 6px;
	}
	.ft-logo-right-text {
		justify-content: center;
	}
	.ft-logo-container p{
		text-align:center;
	}
	.ft-logo {
		text-align: center;
		margin-bottom: 30px;
	}
	.map-btn a {
        font-size: 13px;
        background-size: 14px;
    }
	.ft-logo {
		text-align: center;
		margin-bottom: 30px;
	}

	.header-actions {}

	a.cart-link img {
		height: 14px;
	}

	a.user-link img {
		height: 14px;
	}

	a.menu-link img {
		width: 16px;
	}
	.header-actions{
		gap:14px;
	}
	.logo img {
        height: 24px;
    }
	section.hero-banner .banner-image {
		background-position: center right 37%;
	}
	.phy-intro-content h2, .phy-intro-content p {
        text-align: center;
    }
	.phy-intro-content p {
        font-size: 12px;
        line-height: 24px;
    }
	.phy-intro-content {
        padding: 40px 30px;
    }
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }
	.design-sec:after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background-color: #e4e2d4a3;
		position: absolute;
		top: 0;
	}
	.journal-bx {
		margin-top: 20px;
	}
	.inner-section {
		padding: 40px 0;
	}
	.tag {
		padding: 4px 8px;
		font-size: 8px;
		bottom: 10px;
		left: 10px;
	}
	.row-journal-btn span, .read-link a {
		font-size: 10px;
	}
	.design-sec > div {
		z-index: 9;
	}
	.journal-text h3 {
		font-size: 16px;
		min-height: auto;
	}
	h1.page-title {
        font-size: calc(70px * var(--sc-ratio));
    }
	.blog-hero-sec h1 {
		color: #E4E2D3;
		font-size: 32px;
	}
	.blog-hero-details p, p.journal-top-text {
		font-size: 10px;
	}
	.blog-banner {
		height: 140px;
	}
	.content-editor hr.wp-block-separator {
		margin: 20px 0;
	}
	.content-editor p {
		font-size: 13px;
		line-height: 24px;
		color: #4B5563;
	}
	.content-editor h2 {
		font-size: 22px;
		line-height: 30px;
	}
	.recent-blog h2{
		font-size:32px;
	}
	p.inner-subpara {
        font-size: calc(22px * var(--sc-ratio));
    }
	nav.woocommerce-MyAccount-navigation {
		position: fixed;
		bottom: 0;
		left: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		box-shadow: 0 -10px 40px #0000000f;
		z-index: 9;
		background-color: #ffffff;
	}

	nav.woocommerce-MyAccount-navigation ul {
		display: flex;
		flex-direction: row;
		overflow: auto;
	}
	form.woocommerce-EditAccountForm.edit-account input, .woocommerce-address-fields input, .woocommerce-billing-fields__field-wrapper input, .shipping_address input, .woocommerce-additional-fields__field-wrapper textarea {
		padding: 10px 12px !important;
		font-size: 13px;
	}
	form.woocommerce-EditAccountForm.edit-account label, .woocommerce-address-fields label, .woocommerce-billing-fields__field-wrapper label, .shipping_address label, .woocommerce-additional-fields__field-wrapper label {
		font-size: 12px;
	}
	li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {
		border-top: 0;
		padding-top: 0;
	}
	form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button, .woocommerce-address-fields button.button[type="submit"] {
		width: 100%;
		font-size: 12px;
	}
	.page-id-10 .dashboard-blocks .col-lg-8 {
		order: 2;
	}
	.page-id-10 .dashboard-blocks .col-lg-4 {
		order: 1;
	}
	td.wc-block-cart-item__image {
		width: 80px !important;
	}
	.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
		width: 100% !important;
		margin-right: 0 !important;
	}
	nav.woocommerce-MyAccount-navigation ul li a {
		width: max-content;
		font-size: 11px;
		padding: 8px 10px !important;
		border-radius: 8px;
	}
	.login-right-img.lost-right-img {
		min-height: auto;
	}
	nav.woocommerce-MyAccount-navigation > ul li a:hover:before, nav.woocommerce-MyAccount-navigation > ul li.is-active a:before {
		display: none !important;
	}
	button.woocommerce-button.button.woocommerce-form-login__submit, button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit, button.lost-pass-btn.woocommerce-Button.button {
		width: 100%;
		font-size: 12px;
	}
	.woocommerce-product-details__short-description p {
        font-size: 13px;
    }
	.woocommerce-product-details__short-description {
		padding-top: 20px;
		margin-top: 20px;
	}
	button.single_add_to_cart_button.button.alt{
		font-size:12px;
	}
	.product-popup-btns button {
        font-size: 12px;
        height: 50px;
        padding: 10px;
    }
	.woocommerce-message {
		max-width: 360px;
		font-size: 13px;
	}
	.before-title-eyebrow {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.wp-block-group.explore-icon {
		display: none;
	}
	.explore-img img {
		height: 100px !important;
		object-fit: cover;
		border-radius: 10px;
	}
	.explore-content{
		border-top:none;
	}
	.explore-content p {
		margin-bottom: 10px;
	}
	.product-popup-btns {
		flex-direction: column;
	}
	.woocommerce-message a.button.wc-forward {
		font-size: 10px;
		width: 100px;
		text-align: center;
	}
	button.owl-next, button.owl-prev {
        width: calc(42px * var(--sc-ratio));
        height: calc(42px * var(--sc-ratio));
        background-size: 8px;
    }
	.product_meta {
		display: none;
	}
	.single_variation_wrap {
		margin-top: 0px;
	}
	.summary .variations {
		gap: 20px;
	}
	.customer-login-bx p {
		font-size: 12px;
	}
	.customer-login-bx {
		padding: 40px 20px;
	}
	.custom-product-galleries {
		display: flex;
		width: 100vw;
	}

	.custom-product-gallery {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.custom-gallery-slide img, .custom-product-galleries {
		height: calc(50vh - 76.34px) !important;
	}
	.pum-container h3 {
		font-size: 18px;
		margin-top:10px;
	}
	.discover-popup-bs p {
		font-size: 12px;
	}
	label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
		transform: translateY(0px);
	}
	button.pum-close.popmake-close {
		top: 10px !important;
		right: 10px !important;
		width: 28px !important;
		height: 28px !important;
    }
	.discover-popup-bs {
		margin-top: 4px;
	}
	.pum-container h2 {
		font-size: 32px;
	}
	.summary.entry-summary {
		padding: 40px 12px;
		position: relative;
		top: 0;
		max-width: 360px;
		margin: 0 auto;
	}
	.pum-container p {
		font-size: 13px;
	}
	.pum-container {
		padding: 30px !important;
	}
	.post-type-archive-product ul.products li {
		width: 100% !important;
	}
	p.contact-subline.wp-block-paragraph {
		font-size: 14px;
		padding-right: 0;
	}
	figure.wp-block-image.size-full.contact-img {
		margin-bottom: 40px;
	}
	.contact-bt-sec h3{
		margin-top:20px;
	}
	.contact-bt-sec p {
		margin-bottom: 12px;
	}
}