/*
Theme Name:   MahithamJewellery
Description:  Wordpress theme for mahitham jewellery
Author:       mahitham
Author URL:   Write here the author's blog or website url
Template:     outbuilt
Version:      1.0
Text Domain:  MahithamJewellery
*/

/* Write here your own personal stylesheet */
.woocommerce-Price-amount{
	white-space: nowrap;
}
table th, table td {
    padding: 0.8rem .8em;
	vertical-align: middle;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
    margin: 2px;
}

/* Home */
.ht-products .ht-product .ht-product-inner .ht-product-content {
    padding: 15px 20px;
}
.ht-product-inner{
	border-radius: 5px;
}

.ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-right {
    padding: 9px 5px;
    background-color: #fa908a;
    height: 4.2rem;
    min-width: 4.2rem;
    border-radius: 50%;
    font-weight: 500;
    text-align: center;
    font-size: 1.4rem;
    color: var(--white-color) !important;
    font-family: Rubik;
}

/* Order pay */
body.woocommerce-order-pay ul.order_details {
	list-style: none;
    padding: 0;
}
body.woocommerce-order-pay p button {
	margin: 5px;
    padding: 1.5rem 2.5rem;
}

/* Product Page */
.onsale{
	background-color: #fa908a;
	font-size: 1.4rem;
}
th.woocommerce-product-attributes-item__label {
    min-width: 100px;
}
.single-product div.product .summary .cart .reset_variations{
	bottom: -24px;
}

.single-product div.product .summary .product_title {
	font-size: 2.5rem;
	line-height: 3.7rem;
}
ol.flex-control-thumbs{
	justify-content: space-around;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    visibility: hidden;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
    visibility: visible;
	position: absolute;
    display: block;
    height: 3.5rem;
    width: 3.5rem;
    border-radius: 50%;
    z-index: 2;
    text-align: center;
    background-color: var(--white-color);
    color: var(--black-color);
    box-shadow: 0 3px 2px rgb(0 0 0 / 2%);
	line-height: 3.6rem;
    font-size: 1.5rem;
}

/* Cart */
tr.cart_item .product-remove a{
	font-size: 24px;
	color: #e91e63;
}
table.shop_table_responsive tr td{
	vertical-align: middle;
}

/* Header */
.site-header .container{
	justify-content: space-between;
}
.site-header .container:after {
	content: unset;
}
.mh_header_main_menu{
	width: 100%;
    justify-content: center;
	padding: 10px 0;
	display: none;
}

.site-header .mh_top_bar{
	width: 100%;
	padding-top: 5px;
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
	font-size: 12px;
}

.mh_mobile_social {
	text-align: center
}

.mh_mobile_social a.mh_phone, .mh_mobile_social .mh_vertical_hr, .mh_mobile_social .menu-social-container{
	display: inline-block;
}

.mh_mobile_social .mh_vertical_hr{
	margin-bottom: -10px;
}

a.mh_phone{
	color: #373737
}

.mh_vertical_hr{
    height: 30px;
    width: 1px;
    background: #000;
    margin: 0 15px;
    display: block;
}

.site-header .mh_search_box_wrapper{
	flex-grow: 2;
	max-width: 550px;
}
.site-header input.mh_search_box{
	border: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #eeeeee;
    width: 100%;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
	position: relative;
    padding-left: 45px;
}

.site-header .mh_search_icon{
	position: absolute;
    z-index: 999;
    font-size: 20px;
    margin-top: 10px;
    margin-left: 10px;
    color: #bababa;
}

.site-header .mh_header_actions{
	display: flex;
}

.mh_site_branding img{
	width: 100px;
	height: auto;
}

/* Order page */
#order_review > table {
    font-size: 14px;
}

#order_review > table > tbody > tr.cart_item th, 
#order_review > table > tbody > tr.cart_item td,
#order_review > table > thead > tr > th,
#order_review > table > thead > tr > td,
#order_review > table > tfoot > tr > th,
#order_review > table > tfoot > tr > td{
    padding: 1rem;
}

#order_review > table #shipping_method{
	margin: 0;
	padding: 0;
}

#order_review > table #shipping_method li {
	white-space: nowrap;	
}
#order_review > table #shipping_method li label, .shop_table #shipping_method li label {
	margin-left: .5rem;	
}
#order_review #payment img{
	max-width: 200px;
}
#order_review #payment li.payment_method_razorpay label{
	display: inline-flex;
	align-items: center;
	flex-direction: column;
}
#order_review #payment li.payment_method_paypal label{
	display: inline-flex;
	flex-direction: column;
}
#order_review #payment li.payment_method_paypal label img{
	display: none;	
}
#order_review th.product-quantity, #order_review td.product-quantity {
    white-space: nowrap;
}
.woocommerce-privacy-policy-text {
	font-size: 12px;
}

/* Cart Page */
.shop_table #shipping_method{
	padding: 0;
}
.cart-collaterals .cart_totals input[type='radio']{
	width: auto;
}

/* Footer */
footer .footer-column ul.menu{
	display: flex;
	flex-direction: column
}
footer .footer-column ul.menu li a{
	padding: 0;
}

/* Whatsapp Box */
.mh_whatsapp_buy_box{
	margin-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: row;
    border: 1px solid #25D366;
    border-radius: 5px;
    padding: 5px 10px;
    align-items: center;
	justify-content: space-between;
}
.mh_whatsapp_buy_box_text{
	font-size: 12px;
    line-height: 1.5;
    color: #6c6c6c;
}
.mh_whatsapp_buy_box_btn{
	display: inline-table;
    margin-left: 5px;
}
.mh_whatsapp_buy_box_btn a{
	white-space: nowrap;
    display: block;
    background: #25D366;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;
	box-sizing: border-box;
	border: 1px solid #25D366;
}
.mh_whatsapp_buy_box_btn a:hover, .mh_whatsapp_buy_box_btn a:focus{
    background: #fff;
    color: #25D366;
}


@media (min-width: 576px){
	/* For product page */
	.entry-title, .page-title {
		line-height: 3.7rem;
	}
}

@media (max-width: 576px){
	.woocommerce-checkout .woocommerce-form-login, .woocommerce-checkout .woocommerce-form-coupon {
    	width: 100%;
	}
}
@media (max-width: 768px) {
	.woocommerce .woocommerce-notices-wrapper .woocommerce-message{
		display: flex;
    	flex-direction: column-reverse;
	}
	.woocommerce .woocommerce-notices-wrapper .woocommerce-message a{
		margin-top: 10px;
    	text-align: center;
	}
}
@media (min-width: 800px){
	.mh_header_main_menu {
    	display: flex;
	}
}
@media (max-width: 800px){
	.mh_search_box_wrapper, .site-header .mh_top_bar{
		display: none;
	}
	.woocommerce-order-received .entry-content .woocommerce-order{
		width: 100%;
	}
}
@media (max-width: 960px){
	.right-navigation {
    	display: flex;
	}
}