/*
Theme Name:   twentytwentyone child theme
Description:  Write here a brief description about your child-theme
Author:       admin
Author URL:   http://sjmc-payment.fortheoptics.com
Template:     twentytwentyone
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  twentytwentyone-child
*/

/* Write here your own personal stylesheet */


/********** GLOBALS **********/
header, footer, .widget-area {
	display: none !important;
}

.woocommerce-info, .woocommerce-message {
	border-color: #0d2f50;
}

.woocommerce-page .entry-content {
	margin: 0;
}

.woocommerce-store-notice {
    background: #0d2f50;
    color: #fff;
    border-top: none;
    padding: 10px 20px;
    position: fixed;
}

.woocommerce-store-notice__dismiss-link {
    color: #fff;
    text-decoration: none;
}

.woocommerce-store-notice__dismiss-link:hover {
    color: #fff;
    opacity: 0.8;
}

/********** CART PAGE **********/
.woocommerce-cart div.woocommerce {
	background: #ffffff;
	padding: 30px 50px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

.woocommerce-cart #content .woocommerce-cart-form .product-name a {
	pointer-events: none; 
}


.woocommerce-cart #content .woocommerce-cart-form input[type=number], .woocommerce-cart #content .woocommerce-cart-form input[type=text] {
	border-color: #0d2f50;
    font-size: 16px;
    padding: 6px 10px;
}

.woocommerce-cart #content .woocommerce-cart-form .button {
	background: #0d2f50;
	border: none;
    padding: 10px 30px;
    font-size: 16px;
}

.woocommerce-cart #content .woocommerce-cart-form .button:hover {
	background: #0069d9;
	color: #ffffff;
}

.woocommerce-cart #content .woocommerce-cart-form .button:active {
	background: #0069d9;
	color: #ffffff;
}

.woocommerce-cart #content .woocommerce-cart-form .button:focus {
	background: #0069d9;
	color: #ffffff;
}

.woocommerce-cart #content .cart-collaterals a.checkout-button {
	background: #0d2f50;
	border: none;
	text-decoration: none !important;
}

.woocommerce-cart #content .cart-collaterals a.checkout-button:hover {
	background: #0069d9;
	color: #ffffff;
}

.woocommerce-cart #content .cart-collaterals a.checkout-button:active {
	background: #0069d9;
	color: #ffffff;
}

.woocommerce-cart #content .cart-collaterals a.checkout-button:focus {
	background: #0069d9;
	color: #ffffff;
}

.woocommerce-cart #content .cart-collaterals a.cart-gb_btn {
	font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
	border-radius: 0px;
	width: 100%;
    display: inline-block;
	background: #333333;
	color: #ffffff;
    border: none;
    padding: 15px 30px;
    margin-top: 10px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce-cart #content .cart-collaterals a.cart-gb_btn:hover {
	background: #0069d9;
}

.woocommerce-cart #content .cart-collaterals a.cart-gb_btn:active {
	background: #0069d9;
}

.woocommerce-cart #content .cart-collaterals a.cart-gb_btn:focus {
	background: #0069d9;
}

.woocommerce-cart #content .return-to-shop a.wc-backward {
	background: #0d2f50;
	text-decoration: none !important;
}

.woocommerce-cart #content .return-to-shop a.wc-backward:hover {
	background: #0069d9;
	color: #ffffff;
}

.woocommerce-cart #content .return-to-shop a.wc-backward:active {
	background: #0069d9;
	color: #ffffff;
}

.woocommerce-cart #content .return-to-shop a.wc-backward:focus {
	background: #0069d9;
	color: #ffffff;
}

.woocommerce-cart table.shop_table .product-thumbnail a {
	pointer-events: none;
}


/********** PAY ORDER **********/
.woocommerce-checkout.woocommerce-order-pay .blockUI.blockOverlay {
	opacity: 1 !important;
}

.woocommerce-order-pay form#order_review {
	background: #ffffff;
	padding: 50px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

.woocommerce-order-pay .shop_table tr, .woocommerce-order-pay .shop_table th, .woocommerce-order-pay .shop_table td {
	text-align: left;
} 

.woocommerce-order-pay .shop_table td.product-name {
	padding-left: 30px;
} 

.woocommerce-order-pay .woo-terms-conditions_wrap .woocommerce-form__label {
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 20px;
}

.woocommerce-order-pay .woocommerce-terms-and-conditions-wrapper {
    margin-bottom: 2rem;
}

.woocommerce-order-pay .woo-terms-conditions_wrap input[type=checkbox] {
    margin-right: 5px;
}

.woocommerce-order-pay #content #order_review #payment .payagain-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.woocommerce-order-pay #content #order_review #payment #place_order {
	float: none;
	display: inline-block;
	border: none;
	padding: 16px 30px;
}

.woocommerce-order-pay #content #order_review a.cancelpayment {
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
	border-radius: 0px;
	width: 100%;
	max-width: 250px;
    display: inline-block;
	background: #333333;
	color: #ffffff;
    border: 1px solid transparent;
    padding: 15px 30px;
    margin-left: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce-order-pay #content #order_review a.cancelpayment:hover {
	background: #0069d9;
}

.woocommerce-order-pay #content #order_review a.cancelpayment:active {
	background: #0069d9;
}

.woocommerce-order-pay #content #order_review a.cancelpayment:focus {
	background: #0069d9;
}


/********** CHECKOUT **********/
form.checkout {
	background: #ffffff;
	padding: 30px 50px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

.woocommerce-checkout #content .woocommerce .woocommerce-notices-wrapper {
	display: none;
}

.woocommerce-checkout.woocommerce-order-pay #content .woocommerce .woocommerce-notices-wrapper {
	display: block;
}

.woocommerce-checkout #content .woocommerce .woocommerce-message .button.wc-forward {
	font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
	border-radius: 0px;
	width: 100%;
	max-width: 200px;
    display: inline-block;
	background: #0d2f50;
	color: #ffffff;
    border: 1px solid transparent;
    padding: 15px 30px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: none;
}

.woocommerce-checkout #content .woocommerce .woocommerce-message .button.wc-forward:hover {
	background: #0069d9;
}

.woocommerce-checkout #content .woocommerce .woocommerce-message .button.wc-forward:active {
	background: #0069d9;
}

.woocommerce-checkout #content .woocommerce .woocommerce-message .button.wc-forward:focus {
	background: #0069d9;
}

.woocommerce-checkout #content .woocommerce .woocommerce-form-coupon-toggle {
	display: block;
}

.woocommerce-checkout .woocommerce form.checkout_coupon.woocommerce-form-coupon {
    background: #ffffff;
    padding: 30px 50px;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    margin-bottom: 20px;
}

.woocommerce-checkout #content .checkout_coupon .button {
	font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
	border-radius: 0px;
	width: 100%;
    display: inline-block;
	background: #0d2f50;
	color: #ffffff;
    border: 1px solid transparent;
    padding: 15px 30px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce-checkout #content .checkout_coupon .button:hover {
	background: #0069d9;
}

.woocommerce-checkout #content .checkout_coupon .button:active {
	background: #0069d9;
}

.woocommerce-checkout #content .checkout_coupon .button:focus {
	background: #0069d9;
}

/*.woocommerce-checkout .woocommerce-notices-wrapper {
	display: none !important;
}*/

.woocommerce-checkout form .form-row.woocommerce-invalid input.input-text {
	border: 2px solid #cc1818;
}

.woocommerce-checkout button#place_order {
	background: #0d2f50 ;
}

.woocommerce-checkout button#place_order:hover {
	background: #0069d9;
	color: #ffffff;
}

.woocommerce-checkout button#place_order:active {
	background: #0069d9;
	color: #ffffff;
}

.woocommerce-checkout button#place_order:focus {
	background: #0069d9;
	color: #ffffff;
}

body #ui-datepicker-div {
	width: auto !important;
}

.woocommerce-checkout-payment .woo-terms-conditions_wrap .woocommerce-form__label {
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 20px;
}

.woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper {
    margin-bottom: 3rem;
}

.woocommerce-checkout-payment .woo-terms-conditions_wrap input[type=checkbox] {
    margin-right: 5px;
}

.woocommerce-checkout-payment a.checkout-cp_btn {
	font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
	border-radius: 0px;
	width: 100%;
    display: inline-block;
	background: #333333;
	color: #ffffff;
    border: 1px solid transparent;
    padding: 15px 30px;
    margin-top: 10px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce-checkout-payment a.checkout-cp_btn:hover {
	background: #0069d9;
}

.woocommerce-checkout-payment a.checkout-cp_btn:active {
	background: #0069d9;
}

.woocommerce-checkout-payment a.checkout-cp_btn:focus {
	background: #0069d9;
}

.wc_payment_method .payment_box {
	background: #ffffff;
}

.woocommerce-checkout #main div.woocommerce {
	overflow-x: auto;
	padding: 10px 6vw;
}

.woocommerce-cart .quantity input[type=number]{
	width:50%;
    text-align:center;
}
.woocommerce-cart .product-quantity{
    text-align:center;
}

@media(max-width:  767px) {
	.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-first, .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-last {
		width: 100%;
	}

	.woocommerce-checkout #main div.woocommerce {
		padding: 10px 20px;
	}

	.woocommerce-checkout form.checkout {
		padding: 10px 20px;
	}

	.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
		padding: 5px 10px;
	}
}



/********** THANK YOU PAGE **********/
.woocommerce-checkout #main div.woocommerce .woocommerce-order .typ-print_wrap {
	text-align: right;
}

.woocommerce-checkout #main div.woocommerce .woocommerce-order button.typ-print_btn {
	font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
	width: 100%;
	max-width: 80px;
    display: inline-block;
	color: #ffffff;
	background: #0d2f50;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce-checkout #main div.woocommerce .woocommerce-order button.typ-print_btn:hover {
	background: #061f33;
}

.woocommerce-checkout #main div.woocommerce .woocommerce-order button.typ-print_btn:active {
	background: #061f33;
}

.woocommerce-checkout #main div.woocommerce .woocommerce-order button.typ-print_btn:focus {
	background: #061f33;
}

.woocommerce-order-received #main div.woocommerce {
	overflow-x: auto;
	padding: 10px 6vw;
}

.woocommerce-order {
	background: #ffffff;
	padding: 30px 50px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	min-width: 800px;
}

.woocommerce-order .woocommerce-order-overview {
	margin-top: 30px;
}

.woocommerce-order .thankyoup-header_wrap {
	margin-bottom: 30px;
}

.woocommerce-order .typ-header_top {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-order #typ-main_wrap .typ-header_top a {
    font-size: calc(25px + 30 * ((100vw - 320px) / 1600));
    color: #0d2f50;
    margin: 0 10px 0 0;
    text-decoration: none;
    display: inline-block;
    outline: none;
}

.woocommerce-order #typ-main_wrap .typ-header_top a:hover {
    opacity: 0.9;
	background: transparent;
    outline: none;
}

.woocommerce-order #typ-main_wrap .typ-header_top a:active {
    opacity: 0.9;
	background: transparent;
    outline: none;
}

.woocommerce-order #typ-main_wrap .typ-header_top a:focus {
    opacity: 0.9;
	background: transparent;
    outline: none;
}

.woocommerce-order .typ-header_top .typ-logo_wrap img {
    display: inline-block;
    max-width: 340px;
    text-decoration: none;
}

@media(min-width: 1600px) {
	.woocommerce-order .typ-header_top .typ-name_wrap a {
	    font-size: 50px;
	}
}

.woocommerce-order .typ-header_top .typ-sm_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.woocommerce-order #typ-main_wrap .typ-header_top .typ-sm_wrap a {
	display: inline-block;
    text-decoration: none;
    max-width: 32px;
    max-height: 32px;
    margin: 5px;
    outline: none;
}

.woocommerce-order #typ-main_wrap .typ-header_top .typ-sm_wrap a:hover {
	opacity: 0.9;
	background: transparent;
    outline: none;
}

.woocommerce-order #typ-main_wrap .typ-header_top .typ-sm_wrap a:active {
	opacity: 0.9;
	background: transparent;
    outline: none;
}

.woocommerce-order #typ-main_wrap .typ-header_top .typ-sm_wrap a:focus {
	opacity: 0.9;
	background: transparent;
    outline: none;
}

.woocommerce-order .typ-header_top .typ-sm_wrap a img {
	display: block;
}

.woocommerce-order .typ-header_bot .typ-ql_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
	background: #0d2f50;
}

.woocommerce-order .typ-header_bot .typ-ql_wrap a {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
	border-radius: 0px;
	width: 100%;
	max-width: 180px;
    display: inline-block;
	color: #ffffff;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    margin: 0 3px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce-order .typ-header_bot .typ-ql_wrap a:hover {
	background: #061f33;
}

.woocommerce-order .typ-header_bot .typ-ql_wrap a:active {
	background: #061f33;
}

.woocommerce-order .typ-header_bot .typ-ql_wrap a:focus {
	background: #061f33;
}

.woocommerce-order .woocommerce-order-overview tr, .woocommerce-order .woocommerce-order-overview td {
	border: 1px solid #cccccc;
	height: auto;
}

.woocommerce-order .woocommerce-table--custom-fields {
	border-top: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	display: none !important;
}

.woocommerce-order .package-info_wrap .typ-prod_img {
	max-width: 450px;
	width: 100%;
	height: auto;
	margin: 20px 0;
	border: 1px solid rgba(0,0,0,0.1);
}

.woocommerce-order .ty-page-btn_wrap {
	display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 10px;
}

.woocommerce-order a.booknow_btn {
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
	border-radius: 0px;
	width: 100%;
	max-width: 180px;
    display: inline-block;
	background: #0194d2;
	color: #ffffff;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    margin: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce-order a.booknow_btn:hover {
	background: #138496;
}

.woocommerce-order a.booknow_btn:active {
	background: #138496;
}

.woocommerce-order a.booknow_btn:focus {
	background: #138496;
}

.woocommerce-order a.booklater_btn {
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
	border-radius: 0px;
	width: 100%;
	max-width: 180px;
    display: inline-block;
	background: #0d2f50;
	color: #ffffff;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    margin: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce-order a.booklater_btn:hover {
	background: #0069d9;
}

.woocommerce-order a.booklater_btn:active {
	background: #0069d9;
}

.woocommerce-order a.booklater_btn:focus {
	background: #0069d9;
}

.woocommerce-order-received #content .woocommerce-order .paymentfailed-wrap {
	text-align: center;
}

.woocommerce-order-received #content .woocommerce-order a.paymentfailed {
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
	border-radius: 0px;
	width: 100%;
	max-width: 180px;
    display: inline-block;
	background: #0d2f50;
	color: #ffffff;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    margin: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce-order-received #content .woocommerce-order a.paymentfailed.cancelpayment-btn {
	background: #333333;
}

.woocommerce-order-received #content .woocommerce-order a.paymentfailed:hover {
	background: #0069d9;
}

.woocommerce-order-received #content .woocommerce-order a.paymentfailed:active {
	background: #0069d9;
}

.woocommerce-order-received #content .woocommerce-order a.paymentfailed:focus {
	background: #0069d9;
}

.woocommerce-order-received .table-wrap_div div.ty-title_wrap {
    border: 1px solid #000;
    border-bottom: none;
    padding: 5px 10px;
}

.woocommerce-order-received .table-wrap_div div.ty-row_wrap {
	display: table;
    width: 100%;
}

.woocommerce-order-received .table-wrap_div div.ty-row_wrap .ty-first_col {
	width: 40%;
	max-width: 450px;    
	border: 1px solid #000;
    border-bottom: none;
    display: table-cell;
}


.woocommerce-order-received .table-wrap_div div.ty-row_wrap .ty-second_col {
	width: 60%;
    border: 1px solid #000;
    border-bottom: none;
    border-left: none;
    display: table-cell;
}

.woocommerce-order-received .table-wrap_div div.ty-row_wrap > div {
	padding: 5px 10px;
}

.woocommerce-order .woocommerce-order-overview .ty-row_wrap:last-child .ty-first_col {
    border-bottom: 1px solid #000;
}
.woocommerce-order .woocommerce-order-overview .ty-row_wrap:last-child .ty-second_col {
    border-bottom: 1px solid #000;
}

@media(max-width: 991px) {
	.woocommerce-order {
		min-width: 100px;
	    padding: 10px 30px;
	}

	.table-wrap_div {
		overflow: auto;
	}

	.woocommerce-order-received .table-wrap_div div.ty-row_wrap > div {
		word-break: break-word;
	}

}

@media(max-width: 767px) {
	.woocommerce-order {
		padding: 10px 20px;
	}

	.woocommerce-order .typ-header_top .typ-logo_wrap img {
		width: 250px;
		max-width: 100%;
	}

	.woocommerce-checkout #main div.woocommerce {
		max-width: 100%;
	}

	.woocommerce-order-received #main div.woocommerce {
		padding: 10px 20px;
	}

	.woocommerce-order .typ-header_bot .typ-ql_wrap {
		flex-wrap: wrap;
		background: none;
	}

	.woocommerce-order .typ-header_bot .typ-ql_wrap a {
		max-width: 100%;
		display: block;
		background: #0d2f50;
	}

	.woocommerce-order .typ-header_bot .typ-ql_wrap a + a {
	    margin-top: 1px;
	}

	.woocommerce-order-received .table-wrap_div div.ty-row_wrap {
		display: flex;
		flex-wrap: wrap;
	}

	.woocommerce-order-received .table-wrap_div div.ty-row_wrap .ty-first_col, .woocommerce-order-received .table-wrap_div div.ty-row_wrap .ty-second_col {
		display: block;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-top: none;
		width: 100%;
		max-width: 100%;
	}

	.woocommerce-order-received .table-wrap_div div.ty-row_wrap .ty-first_col, .woocommerce-order-received .table-wrap_div div.ty-row_wrap .ty-second_col {
		border-top: 1px solid #000;
	}

	.woocommerce-order .woocommerce-order-overview .ty-row_wrap:last-child .ty-first_col {
		border-bottom: none;
	}

	.woocommerce-order .package-info_wrap .typ-prod_img {
		max-width: 100%;
	}
}

@media(max-width: 399px) {
	.woocommerce-order .ty-page-btn_wrap {
		flex-wrap: wrap;
	}

	.woocommerce-order a.booknow_btn {
		max-width: 100%;
	}

	.woocommerce-order a.booklater_btn {
		max-width: 100%;
	}
}