/*
 Theme Name: Osiris
 Description: Osiris theme
 Author: Caleb
 Template: hello-elementor
 Version: 1.0.0
*/
/* ==================================  
 * Trade account page styling
 * ================================== */
 /*Hide by default */
#not-logged-in-container {
    display: none;
}
 /*Show if user is not logged in */
body.user-not-logged-in #not-logged-in-container {
    display: flex !important;
}
 /*You can also use this for your trade container */
#product-variables-trade {
    display: none;
}
body.user-is-trade #product-variables-trade,body.user-is-trade #trade-heading {
    display: flex !important;
}

body.user-is-trade button#e-n-tab-title-1806185991 {
    display: none;
}

/* body.user-is-trade .e-n-tabs-heading {
display: none;
} */

#logged-in-not-trade-container,
#pending-trade-container {
    display: none;
}

 /*Show if user logged in, not trade, not pending */
body.user-logged-in-not-trade #logged-in-not-trade-container {
    display: flex !important;
    flex-direction: column;
}

 /*Show if user is pending trade approval */
body.user-pending-trade #pending-trade-container {
    display: flex !important;
}


/* ==================================  
 * Checkout and basket styling
 * ================================== */

body:not([class*=elementor-page-]) .site-main{
	max-width: 1280px !important;    
	padding-top: 40px;
}
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {
	left: 24px !important;
}
/* tablet */
@media screen and (max-width: 1024px) { 
    .wc-block-components-sidebar-layout{
        flex-direction: column-reverse !important;
    }
	.wc-block-components-sidebar-layout > div{
		width: 100% !important;
		padding-right: 0 !important;
        /* margin-top: 48px !important; */
	}
	.wc-block-components-sidebar-layout .wp-block-woocommerce-checkout-totals-block{
        margin: 0 !important;
        padding-left: 0 !important;
        margin-bottom: 24px !important;
        position: static !important;
	}
}
.wp-block-woocommerce-checkout{
	font-family: "Lexend Deca" !important;
}

.wc-block-components-totals-wrapper:not(:first-child){
    /* padding-left: 16px !important;
    padding-right: 16px !important; */
}
.wp-block-woocommerce-checkout input{
    font-family: "Lexend Deca" !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    background-color: #fff !important;
    color: #000 !important;
    box-sizing: border-box !important;
    border: 1px solid var(--e-global-color-secondary, #E6F2FF) !important;
    border-radius: 999px !important;
}
.wc-block-checkout__terms a{
	text-decoration: none !important;
	color: var(--e-global-color-primary) !important;
}
#contact .wc-block-components-text-input input{
	padding: 0 24px;
}
#contact .wc-block-components-text-input label{
	display: none;
}
.wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select{
	border-radius: 24px;
    padding: 10px 24px;
}
#billing .wc-blocks-components-select__label{
	display: none;
}
#billing .wc-block-components-text-input.is-active label{
	display: none;
}
#billing input{
	padding: 16px 24px;
}
.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
	padding: 24px 0 !important;
	margin: 0px;
}
.wc-block-components-checkout-return-to-cart-button, .wc-block-components-checkout-place-order-button,.wp-block-woocommerce-checkout button {
	display: flex !important;
	padding: 12px 24px !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px !important;
	align-self: stretch !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: var(--e-global-color-primary) !important;
    border: 1px solid var(--e-global-color-primary) !important;

	/* Button Text */
	font-family: "Lexend Deca" !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 120% !important; /* 19.2px */
	text-decoration: none !important;
}
/* .wp-block-woocommerce-checkout-order-summary-block{
	border: 1px solid hsla(0, 0%, 7%, .8) !important;
}
.wc-block-components-totals-wrapper {
	border-top: 1px solid hsla(0, 0%, 7%, .8) !important;
} */

.wp-block-woocommerce-checkout-order-summary-fee-block:nth-child(3){
    padding-top: 0px !important;
}
.wc-block-components-checkout-return-to-cart-button:hover, .wc-block-components-checkout-place-order-button:hover{
    background-color: var(--e-global-color-primary) !important;
    color: #FFF !important;
}
.wc-block-components-checkout-return-to-cart-button svg{
	position: relative !important;
    top: auto !important;
    transform: translateY(0px) !important;
}
.elementor-menu-cart__main .widget_shopping_cart_content {
	justify-content: space-between !important;
}
.elementor-menu-cart__container{
	z-index: 999999 !important;
}

.elementor-menu-cart__subtotal{
	display: none !important;
}

.elementor-menu-cart__container .product-name a{
	color: var(--e-global-color-primary, #1F193B) !important;
	/* H4 */
	font-family: "Lexend Deca" !important;
	font-size: 12px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 120% !important; /* 24px */
}

.product-price .product-quantity{
	color: var(--e-global-color-accen, #000);

	/* Body-Text */
	font-family: "Lexend Deca";
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%; /* 24px */
};

.product-price .amount bdi{
	color: #453784;
    font-family: "Lexend Deca";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
};
.woocommerce-Price-amount.amount small{
	font-size: 12px;
    font-weight: 300;
    font-family: "Lexend Deca";
}
.woocommerce-account .addresses .title .edit{
	float: left;
}
.woocommerce-info {
    border-top: none;
    border-radius: 16px;
    background: #E6F2FF;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 24px 55px;
    font-family: "Lexend Deca";
    font-size: 14px;
    font-weight: 600;
    color: #000527;
}
 .woocommerce-info::before {
    top: 40%;
}

.woocommerce-info a.woocommerce-Button {
    background: none;
    text-decoration: underline;
    padding: 0px;
    color: #000527;
    font-size: 14px;
    font-weight: 600;
}

.woocommerce-info a.woocommerce-Button:hover{
	background-color: inherit;
    text-decoration: underline;
    background-image: none;
    color: #000527;
    opacity: 0.7;
}

/* ==================================  
 * Theme typography variables
 * ================================== */
:root{
    --theme-font-family: "Lexend Deca";

	/* H2 */
    --theme-font-size-h2: 40px;
    --theme-font-style-h2: normal;
    --theme-font-weight-h2: 600;
    --theme-line-height-h2: 120%; /* 48px */

	/* H3 */
    --theme-font-size-h3: 24px;
    --theme-font-style-h3: normal;
    --theme-font-weight-h3: 600;
    --theme-line-height-h3: 120%; /* 28.8px */

	/* H4 */
    --theme-font-size-h4: 20px;
    --theme-font-style-h4: normal;
    --theme-font-weight-h4: 600;
    --theme-line-height-h4: 120%; /* 24px */
    --theme-letter-spacing-h4: -0.2px;

	/* H5 */
    --theme-font-size-h5: 16px;
    --theme-font-style-h5: normal;
    --theme-font-weight-h5: 600;
    --theme-line-height-h5: 120%; /* 19.2px */

	/* Body */
    --theme-font-size-body: 16px;
    --theme-font-style-body: normal;
    --theme-font-weight-body: 400;
    --theme-line-height-body: 120%; /* 19.2px */

	/* Body (sm) */
    --theme-font-size-body-sm: 14px;
    --theme-font-style-body-sm: normal;
    --theme-font-weight-body-sm: 400;
    --theme-line-height-body-sm: 140%; /* 19.6px */

	/* Button text */
    --theme-font-size-button-text: 16px;
    --theme-font-style-button-text: normal;
    --theme-font-weight-button-text: 600;
    --theme-line-height-button-text: 120%; /* 19.2px */
}

@media only screen and (max-width:767px) {
    :root{
        --theme-font-size-h2: 32px;
    }
}

/* ==================================  
 * Margins
 * ================================== */
/* Margin control */
p:last-child{
	margin-bottom:0px;
}
h1, h2, h3, h4, h5, h6{
    margin:0px !important;
}

/* ==================================  
 * Images: Aspect Ratios
 * ================================== */
.fourThree img{
	aspect-ratio: 4/3;
	object-fit: cover;
}

/* ==================================  
 * Text: Theme Color + Alt Color
 * ================================== */
.primaryText{
	color: var(--e-global-color-primary) !important;
}
.secondaryText{
	color: var(--e-global-color-secondary) !important;
}
.accentText{
	color: var(--e-global-color-accent) !important;
}



/* ================================== */
/* Header Categories */
/* ================================== */
.header-categories{
    display: flex;
    padding: 8px 0;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 8px;
}
.header-category{
    display: flex;
    padding: 8px 24px;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: var(--Colour-Accent-1, #ECEBF3);
}
.header-category__link{
    color: var(--Colour-Text, #1D1921) !important;
    font-family: "Lexend Deca";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    text-decoration: none !important;
}
.header-category__link:hover{
    color: var(--e-global-color-primary) !important;
}