/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Child theme for Hello Elementor
Author: Your Name
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* =============================================
   MY ADDRESSES
   ============================================= */

.woocommerce-MyAccount-content .custom-address-page {
	width: 100% !important;
	max-width: 510px !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* Title */

.custom-address-title {
	margin: 0 0 42px !important;
	padding: 0 !important;

	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;

	color: #111 !important;
}


/* Address section */

.custom-address-item {
	width: 100%;
	margin-bottom: 68px;
}


/* HOME / ADDRESS 2 line */

.custom-address-header {
	position: relative;

	width: 100%;

	padding: 0 24px 8px 0;

	border-bottom: 1px solid #cfcfcf;
}


.custom-address-label {
	display: block;

	font-size: 10px;
	font-weight: 400;
	line-height: 1.2;

	color: #222;
}


/* Pencil */

.custom-address-pencil {
	position: absolute !important;

	right: 0 !important;
	top: 0 !important;

	display: flex !important;
	align-items: center;
	justify-content: center;

	width: 12px !important;
	height: 12px !important;

	margin: 0 !important;
	padding: 0 !important;
}


.custom-address-pencil svg {
	display: block;

	width: 11px;
	height: 11px;

	fill: #000;
}


.custom-address-pencil:hover {
	opacity: .55;
}


/* Address */

.custom-address-text {
	padding-top: 17px;

	width: 100%;
	max-width: 400px;

	font-size: 10px;
	font-weight: 400;
	line-height: 1.3;

	color: #222;
}


/*
WooCommerce outputs an <address> element.
*/
.custom-address-text address {
	margin: 0 !important;
	padding: 0 !important;

	font-style: normal !important;

	font-size: 10px !important;
	line-height: 1.3 !important;

	color: #222 !important;
}


/* Add button */

.custom-address-add {
	display: flex !important;
	align-items: center;
	justify-content: center;

	width: 27px !important;
	height: 27px !important;

	padding: 0 !important;
	margin: 0 !important;

	border: 1px solid #777 !important;
	border-radius: 0 !important;

	background: transparent !important;

	color: #333 !important;

	font-size: 16px !important;
	font-weight: 300 !important;
	line-height: 1 !important;

	text-decoration: none !important;

	box-shadow: none !important;
}


.custom-address-add:hover {
	background: #111 !important;
	color: #fff !important;
	border-color: #111 !important;
}


/* Mobile */

@media (max-width: 767px) {

	.woocommerce-MyAccount-content .custom-address-page {
		max-width: 100% !important;
	}

}