/*

    The following CSS codes are created by the YellowPencil plugin.
    https://yellowpencil.waspthemes.com/


    T A B L E   O F   C O N T E N T S
    ........................................................................

    01. Global Styles
    02. "Home" Page
    03. "Checkout | Brand Store" Page

*/



/*-----------------------------------------------*/
/*  Global Styles                                */
/*-----------------------------------------------*/
@media (max-width:767px){

	body #page .page-header .page-header-bg{
	-webkit-transform:translatex(0px) translatey(0px);	-ms-transform:translatex(0px) translatey(0px);	transform:translatex(0px) translatey(0px);
}

body #page .page-header{
	display:none;
	}

}



/*-----------------------------------------------*/
/*  "Home" Page                                  */
/*-----------------------------------------------*/
body.page-id-1447 .elementor-element-6979580 h3{
	font-family:'Anton', sans-serif;
	text-align:center;
	-webkit-transform:translatex(20px) translatey(3px);	-ms-transform:translatex(20px) translatey(3px);	transform:translatex(20px) translatey(3px);
}

@media (min-width:1200px){

	body.page-id-1447 .elementor-element-6979580 h3{
	font-size:45px !important;
	}

}



/*-----------------------------------------------*/
/*  "Checkout | Brand Store" Page                */
/*-----------------------------------------------*/
body.page-id-2249 .woocommerce-cart .cart{
	background-color: #f7f7f7;
	padding: 30px;
	border: 1px solid #ddd;
	border-radius: 8px;
	transition: all 0.3s ease;
}

body.page-id-2249 .woocommerce-cart table.shop_table{
	width: 100%;
	border-collapse: collapse;
}

body.page-id-2249 .woocommerce-cart table.shop_table th, body.page-id-2249 .woocommerce-cart table.shop_table td{
	padding: 15px;
	border-bottom: 1px solid #eaeaea;
	text-align: left;
}

body.page-id-2249 .woocommerce-cart table.shop_table th{
	background-color: #f2f2f2;
	font-weight: bold;
}

body.page-id-2249 .woocommerce-cart .actions .button{
	background-color: #0073aa;
	color: #fff;
	padding: 12px 25px;
	border: none;
	border-radius: 5px;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

body.page-id-2249 .woocommerce-cart .actions .button:hover{
	background-color: #005177;
	-webkit-transform: scale(1.02);	-ms-transform: scale(1.02);	transform: scale(1.02);
}

body.page-id-2249 .woocommerce-checkout form.checkout{
	background-color: #ffffff;
	padding: 40px;
	border: 1px solid #ddd;
	border-radius: 8px;
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease;
}

body.page-id-2249 .woocommerce-checkout form.checkout:hover{
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

body.page-id-2249 .woocommerce-checkout .form-row{
	margin-bottom: 25px;
}

body.page-id-2249 .woocommerce-checkout label{
	display: block;
	margin-bottom: 8px;
	font-weight: bold;
	color: #333;
}

body.page-id-2249 .woocommerce-checkout input.input-text, body.page-id-2249 .woocommerce-checkout select, body.page-id-2249 .woocommerce-checkout textarea{
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
	transition: border-color 0.3s ease;
}

body.page-id-2249 .woocommerce-checkout input.input-text:focus, body.page-id-2249 .woocommerce-checkout select:focus, body.page-id-2249 .woocommerce-checkout textarea:focus{
	border-color: #0073aa;
}

body.page-id-2249 .woocommerce-checkout button#place_order{
	background-color: #0073aa;
	color: #fff;
	padding: 15px 30px;
	border: none;
	border-radius: 5px;
	font-size: 18px;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

body.page-id-2249 .woocommerce-checkout button#place_order:hover{
	background-color: #005177;
	-webkit-transform: translateY(-2px);	-ms-transform: translateY(-2px);	transform: translateY(-2px);
}

@media (max-width: 768px){

	body.page-id-2249 .woocommerce-cart table.shop_table thead{
	display: none;
}

body.page-id-2249 .woocommerce-cart table.shop_table, body.page-id-2249 .woocommerce-cart table.shop_table tbody, body.page-id-2249 .woocommerce-cart table.shop_table tr, body.page-id-2249 .woocommerce-cart table.shop_table td{
	display: block;
	width: 100%;
}

body.page-id-2249 .woocommerce-cart table.shop_table tr{
	margin-bottom: 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
}

body.page-id-2249 .woocommerce-cart table.shop_table td{
	text-align: right;
	padding-left: 50%;
	position: relative;
}

body.page-id-2249 .woocommerce-cart table.shop_table td::before{
	content: attr(data-label);
	position: absolute;
	left: 15px;
	width: calc(50% - 30px);
	text-align: left;
	font-weight: bold;
}

body.page-id-2249 .woocommerce-checkout form.checkout{
	padding: 20px;
}

body.page-id-2249 .woocommerce-checkout .form-row{
	margin-bottom: 20px;
}

body.page-id-2249 .woocommerce-checkout button#place_order{
	width: 100%;
	font-size: 16px;
	padding: 15px;
	}

}