/* For handeling responsive of larger devices (12-11-2024) */

.e-my-account-tab {
    width: 100%;
}
.e-my-account-tab .woocommerce {
    max-width: 1600px;
    margin:auto;
}
.elementor-widget-woocommerce-my-account .elementor-widget-container {
	background:white !important;
}
.woocommerce-message {
	font-family:'Montserrat' !important;
}
/* For handeling responsive of larger devices ends here (12-11-2024) */

main#content .woocommerce-MyAccount-navigation,
main#content .woocommerce-MyAccount-content {
	margin-top: 80px;
	margin-bottom: 80px;
}

main#content .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content-wrapper > p {
	font-size: clamp(14px, 1.5vw, 16px);
	text-align: start !important;
}

em,
label,
.shop_table.order_details,
.shop_table.subscription_details,
.woocommerce-PaymentMethod .nobr,
main#content .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content-wrapper > div,
main#content .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content-wrapper > p,
.woocommerce-EditAccountForm .woocommerce-Input--text,
.woocommerce-Button.button,
.e-woo-select2-wrapper .select2-results__option,
#account_email,
.button.cancel,
.button.change_address,
.button.change_payment_method,
.button.subscription_renewal_early {
	font-family: 'Montserrat';
}

main#content .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content-wrapper,
main#content .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content-wrapper-no-data {
	border: 1px solid #d6d6d6;
	border-radius: 0px;
	margin-top: 30px;
	padding: 40px;
	overflow-x: auto;
}

main#content .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content {
	padding-right: 50px;
	padding-left: 0px !important;
}

main#content .woocommerce-MyAccount-navigation ul {
	background-color: white !important;
}

main#content .woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover {
	background: #242424;
	color: white !important;
}

main#content .woocommerce-MyAccount-navigation ul li {
	margin: calc(var(--tabs-spacing, 2px) / 1) 0 calc(var(--tabs-spacing, 2px) / 2) 0;
}

main#content .woocommerce-MyAccount-navigation ul li a {
	font-family: 'Staff Wide';
	letter-spacing: 1px;
	transition: 0.1s;
	color: #242424 !important;
	padding-top: 14px;
	font-size: clamp(14px, 1.5vw, 16px) !important;
	text-transform: uppercase;
	border: 1px solid #d6d6d6;
	word-break:break-all !important;
}

main#content .woocommerce-MyAccount-navigation ul li.is-active a {
	background: #242424;
	color: white !important;
	border: 1px solid #242424 !important;
}

/* working for orders tab starts from here */

.woocommerce-MyAccount-content-wrapper .woocommerce-orders-table {
	font-family: 'Montserrat';
	min-width: 700px;
}

.elementor-widget-woocommerce-my-account .woocommerce-orders-table thead tr th span {
	font-size: 16px;
	text-transform: uppercase;
}

/* working for orders tab ends here */


/* CSS (12-9-2024) */

.woocommerce table.shop_table {
	border: none !important;
}

.wcs_early_renew_modal_totals_table {
	overflow: hidden;
}

.modal-footer {
	margin: 30px 0px 30px 0px !important;
}

.woocommerce-MyAccount-content h2,
.elementor-widget-woocommerce-my-account .woocommerce h2 {
	font-family: 'Staff Wide' !important;
	font-size: 28px !important;
	padding: 33px 0px 45px 0px;
	margin: 0px !important;
}

.woocommerce-customer-details--email,
.woocommerce-customer-details--phone {
	display: flex;
	justify-content: start;
}

.woocommerce-column__title {
	text-align: start !important;
	padding-bottom: 10px !important;
}

.woocommerce-MyAccount-content > div > p,
.woocommerce-Addresses .woocommerce-Address address {
	font-family: 'Montserrat' !important;
	line-height: 30px !important;
}

.woocommerce-Addresses .woocommerce-Address address {
	font-style: normal !important;
}

.woocommerce-column--billing-address address,
.woocommerce-column--shipping-address address {
	padding-left: 0px !important;
	font-family: 'Montserrat' !important;
	font-size: 15px !important;
	line-height: 24px !important;
}

.woocommerce-MyAccount-content-wrapper h3 {
	font-family: 'Staff Wide' !important;
	text-transform: uppercase !important;
	font-size: clamp(18px, 0.3vw, 30px) !important;
}

.woocommerce-MyAccount-content-wrapper a.edit {
	margin: 0px !important;
}
.woocommerce-MyAccount-content-wrapper .woocommerce-PaymentMethod--actions a.edit {margin-top: 8px !important;}

.woocommerce-Address address {
	padding-left: 0px !important;
	font-family: 'Montserrat' !important;
}

.payment-method.default-payment-method,
a.button.wcs_deletion_error,
a.button {
	font-family: 'Montserrat' !important;
	margin: 8px 0px 0px 0px !important;
}

/* CSS (12-9-2024) ends here */


/* CSS (12-10-2024) */

.woocommerce-MyAccount-paymentMethods {
	min-width: 600px !important;
	margin-bottom: 20px !important;
}

.woocommerce-MyAccount-content-wrapper .woocommerce-EditAccountForm label,
.woocommerce-MyAccount-content-wrapper .woocommerce-address-fields	.woocommerce-address-fields__field-wrapper label {
	font-size: 14px !important;
	font-family: 'Montserrat' !important;
	text-transform: capitalize !important;
	text-align: start !important;
	font-weight: 600 !important;
	margin-bottom: 4px !important;
	margin-top: 6px !important;
}

.woocommerce-MyAccount-content-wrapper .woocommerce-EditAccountForm fieldset legend {
	font-family: 'Staff Wide' !important;
	text-transform: uppercase;
	padding-top: 60px !important;
	margin-bottom: 0px !important;
}

.woocommerce-MyAccount-content-wrapper .woocommerce-EditAccountForm button[type="submit"],
.woocommerce-MyAccount-content-wrapper .woocommerce-address-fields button[type="submit"] {
	font-family: 'Staff Wide' !important;
	background: #242424 !important;
	color: white !important;
	text-transform: uppercase !important;
	margin-top: 60px !important;
	margin-bottom: 20px !important;
	margin-right: auto !important;
	font-size: 14px !important;
	letter-spacing: 1px !important;
	border-radius: 0px !important;
}

.woocommerce-MyAccount-content-wrapper .woocommerce-EditAccountForm .woocommerce-form-row--first {
	width: 100%;
}

.woocommerce-MyAccount-content-wrapper .woocommerce-EditAccountForm #account_display_name+span em {
	font-size: 13px !important;
	font-style: normal !important;
	margin-bottom: 10px !important;
	font-family: 'Montserrat' !important;
	margin-top: 4px !important;
}

.woocommerce-MyAccount-content-wrapper .woocommerce-EditAccountForm .woocommerce-Input {
	border-radius: 0px !important;
	border: 1px solid #d6d6d6 !important;
	background: white !important;
	font-family: 'Montserrat' !important;
	width: 100% !important;
	padding: 14px 16px !important;
	font-size: 16px !important;
	color: #242424 !important;
}

.woocommerce-MyAccount-content-wrapper .woocommerce-customer-details--phone::before,
.woocommerce-MyAccount-content-wrapper .woocommerce-customer-details--email::before {
	position: static !important;
}

.e-my-account-tab .woocommerce form.woocommerce-EditAccountForm .show-password-input {
	right: 1.5em !important;
	top: .4em !important;
}

.woocommerce-Addresses a.edit {
	position: static !important;
}

.woocommerce-Addresses address {
	padding-top: 10px !important;
}

/* CSS (12-10-2024) ends here */


/* CSS for billing and shipping addresses starts from here (12-11-2024) */

.woocommerce-orders-table__cell-order-actions .woocommerce-button.button.pay {
	margin-right: 6px !important;
}
#user_switching_switch_on {
	display:none !important;
}
.woocommerce-MyAccount-content-wrapper .woocommerce-address-fields #update_all_subscriptions_addresses_field .woocommerce-input-wrapper label {
	font-family: 'Montserrat' !important;
	font-size: 13px !important;
	font-weight:bolder;
}
.woocommerce-MyAccount-content-wrapper .woocommerce-address-fields	.woocommerce-address-fields__field-wrapper input {
	border-radius: 0px !important;
	font-family:'Montserrat' !important;
	border: 1px solid #d6d6d6 !important;
	background: white !important;
	width: 100% !important;
	padding: 14px 16px !important;
	font-size: 16px !important;
	color: #242424 !important;
}
.woocommerce-MyAccount-content-wrapper .woocommerce-address-fields .woocommerce-address-fields__field-wrapper .select2-selection__rendered {
	font-family:'Montserrat' !important;
	background: white !important;
	width: 100% !important;
	font-size: 16px !important;
	color: #242424 !important;
}
.woocommerce-MyAccount-content-wrapper .woocommerce-address-fields__field-wrapper .form-row-first,
.woocommerce-MyAccount-content-wrapper .woocommerce-address-fields__field-wrapper .form-row-last{
	width: 100% !important;
}

.woocommerce-MyAccount-content-wrapper .woocommerce-address-fields .woocommerce-address-fields__field-wrapper .select2-container--default  {
	border: 1px solid #d6d6d6 !important;
}
.woocommerce-MyAccount-content-wrapper .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 12px !important;
}
.select2-search--dropdown .select2-search__field {
	border-radius: 0px !important;
}
.woocommerce-MyAccount-content-wrapper .woocommerce-address-fields {
	padding: 0px !important;
}

/* CSS for billing and shipping adresses ends here (12-11-2024) */


@media only screen and (max-width: 1200px) {
	main#content .woocommerce-MyAccount-navigation ul li a {
		margin-left: 20px;
	}

	main#content .woocommerce-MyAccount-content {
		padding-right: 20px;
		padding-left: 20px;
	}

	main#content .woocommerce-MyAccount-content {
		padding-top: 0px;
	}
}

@media only screen and (max-width: 1024px) {
	main#content .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content {
		margin-top: 0px;
		margin-bottom: 120px;
		padding-right: 20px !important;
		padding-left: 20px !important;
	}

	main#content .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation {
		margin-top: 20px;
		margin-bottom: 0px;
	}

	main#content .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper {
		margin-top: 0px;
		padding: 20px;
	}

	
	/* keeping 3 tiles for the tablet devices */

	main#content .woocommerce-MyAccount-navigation ul {
		display:flex !important;
		flex-wrap: wrap !important;
	}
	main#content .woocommerce-MyAccount-navigation ul li {
		width: 33.3333% !important;
		display:flex !important;
	}
	main#content .woocommerce-MyAccount-navigation ul li a{
		flex: 1 !important;
	}
	main#content .woocommerce-MyAccount-navigation ul li::after {
		display:none !important;
	}
}

/* Queries 10-12-2024 */

@media only screen and (max-width: 768px) {

	.woocommerce-MyAccount-content h2,
	.elementor-widget-woocommerce-my-account .woocommerce h2 {
		font-family: 'Staff Wide' !important;
		font-size: 20px !important;
		padding: 26px 0px 35px 0px;
		margin: 0px !important;
	}

	.modal-footer {
		margin: 23px 0px 23px 0px !important;
	}

	.button.cancel,
	.button.change_address,
	.button.change_payment_method,
	.button.subscription_renewal_early {
		font-family: 'Montserrat';
		margin: 0px 0px 8px 8px !important;
	}

	.woocommerce-MyAccount-content-wrapper h3 {
		font-family: 'Staff Wide' !important;
		text-transform: uppercase !important;
		font-size: 25px !important;
	}

	.woocommerce-Address-title.title h3 {
		margin: 0px !important;
		padding: 10px 0px 30px 0px !important;
	}

	.woocommerce-Addresses header.woocommerce-Address-title h3 {
		font-size: 20px !important;
	}

	/* keeping 2 tiles for the tablet devices */
	
	main#content .woocommerce-MyAccount-navigation ul li {
		width: 50% !important;
	}
}

@media only screen and (max-width: 500px) {
	main#content .woocommerce-MyAccount-navigation ul li {
		width: 100% !important;
	}
}

@media only screen and (max-width: 640px) {

	.woocommerce-MyAccount-content h2,
	.elementor-widget-woocommerce-my-account .woocommerce h2 {
		font-family: 'Staff Wide' !important;
		font-size: 20px !important;
		padding: 20px 0px 30px 0px;
		margin: 0px !important;
	}

	.modal-footer {
		margin: 20px 0px 20px 0px !important;
	}

	.button.cancel,
	.button.change_address,
	.button.change_payment_method,
	.button.subscription_renewal_early {
		font-family: 'Montserrat';
		margin: 0px 0px 4px 4px !important;
	}

	.woocommerce-column--billing-address address,
	.woocommerce-column--shipping-address address {
		padding: 0px !important;
		font-family: 'Montserrat' !important;
		font-size: 14px !important;
	}

	.woocommerce-columns--2.woocommerce-columns--addresses {
		display: flex;
		flex-direction: column;
		gap: 0px;
	}

	.woocommerce .col2-set .col-1,
	.woocommerce-page .col2-set .col-1 {
		width: 100% !important;
	}

	.woocommerce .col2-set .col-2,
	.woocommerce-page .col2-set .col-2 {
		width: 100% !important;
	}

	.woocommerce-MyAccount-content-wrapper h3 {
		font-family: 'Staff Wide' !important;
		text-transform: uppercase !important;
		font-size: 20px !important;
	}

	.woocommerce-Address-title.title h3 {
		margin: 0px !important;
		padding: 20px 0px 10px 0px !important;
	}

	.u-column1.col-1.woocommerce-Address address,
	.u-column2.col-2.woocommerce-Address address {
		font-size: 14px !important;
		padding: 20px 0px 0px 0px !important;
	}

	.payment-method.default-payment-method,
	a.button.wcs_deletion_error,
	a.button {
		font-family: 'Montserrat' !important;
		margin: 4px 0px 0px 0px !important;
	}
}

@media only screen and (max-width: 375px) {

	.payment-method.default-payment-method,
	a.button.wcs_deletion_error,
	a.button {
		font-family: 'Montserrat' !important;
		margin: 0px !important;
		font-size: 12px !important;
	}
}

/* Queries 12-10-2024 ends here */

/* payment method related css starts from here */

#wc-authorize-net-cim-credit-card-account-number,
#wc-authorize-net-cim-credit-card-expiry, 
#wc-authorize-net-cim-credit-card-csc,
main#content .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content-wrapper .woocommerce-PaymentBox > p
{
	font-family:'Montserrat' !important;
}
#wc-authorize-net-cim-credit-card-expiry_field, 
#wc-authorize-net-cim-credit-card-csc_field {
	width: 100% !important;
}
.payment-method.editing .woocommerce-PaymentMethod input.nickname::placeholder {
	font-size: 14px !important;
}
.payment-method.editing .woocommerce-PaymentMethod .cancel-edit {
	position:relative !important;
	top: 6px !important;
	right: 10px !important;
}
.payment-method.editing .woocommerce-PaymentMethod input.nickname {
	border: 1px solid #d6d6d6 !important;
    background: white !important;
    padding: 10px !important;
    border-radius: 0px !important;
    font-family: 'Montserrat' !important;
    font-size: 14px !important;
}
button[value="Add payment method"] {
	font-family: 'Staff Wide' !important;
    background: #242424 !important;
    color: white !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    border-radius: 0px !important;
}
label[for="wc-authorize-net-cim-credit-card-csc"] {
	text-align:start !important;
}
main#content .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content-wrapper #add_payment_method ul.woocommerce-PaymentMethods + div.form-row {
	padding-right: 0px !important;
}
/* payment method related css ends here */