/*
 * Site-wide utility styles.
 */

@view-transition {
	navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
	animation-duration: 500ms;
	animation-timing-function: ease;
}

::view-transition-old(root) {
	animation-name: zag-page-fade-out;
}

::view-transition-new(root) {
	animation-name: zag-page-fade-in;
}

body {
	animation: zag-page-load-fade 500ms ease both;
}

.woocommerce-account .woocommerce-MyAccount-navigation a,
.woocommerce-account .woocommerce-MyAccount-content a,
.woocommerce-account .woocommerce-MyAccount-content label,
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content table,
.woocommerce-account .woocommerce-MyAccount-content table th,
.woocommerce-account .woocommerce-MyAccount-content table td {
	font-family: 'Charlie Text', sans-serif !important;
}

.woocommerce h2,
.woocommerce-page h2 {
	font-family: 'Charlie Display', sans-serif !important;
}

.woocommerce h3,
.woocommerce-page h3 {
	font-family: 'Charlie Display', sans-serif !important;
}

.woocommerce-account .addresses .title h3 {
	font-family: 'Charlie Display', sans-serif !important;
}

.woocommerce-account .address_book header h3 {
	font-family: 'Charlie Display', sans-serif !important;
}

.woocommerce-account .wc-address-book-add-billing-button {
	transform: rotate(0deg);
	opacity: 1;
	border-radius: 40px !important;
	padding: 8px 24px !important;
	font-family: Charlie Text;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	letter-spacing: 0px;
	text-align: center;
	background-color: #1868DB;
	color: white;
	border: none;
}

.woocommerce-account .wc-address-book-add-billing-button:hover,
.woocommerce-account .wc-address-book-add-billing-button:focus {
	background-color: #123263;
	color: white;
}

.woocommerce-account .wc-address-book-meta .button {
	transform: rotate(0deg);
	opacity: 1;
	border-radius: 40px !important;
	padding: 8px 24px !important;
	font-family: Charlie Text;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	letter-spacing: 0px;
	text-align: center;
	background-color: #1868DB;
	color: white;
	border: none;
}

.woocommerce-account .wc-address-book-meta .button:hover,
.woocommerce-account .wc-address-book-meta .button:focus {
	background-color: #123263;
	color: white;
}

.woocommerce-account .wc-address-book-add-new-address .button {
	transform: rotate(0deg);
	opacity: 1;
	border-radius: 40px !important;
	padding: 8px 24px !important;
	font-family: Charlie Text;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	letter-spacing: 0px;
	text-align: center;
	background-color: #1868DB;
	color: white;
	border: none;
}

.woocommerce-account .wc-address-book-add-new-address .button:hover,
.woocommerce-account .wc-address-book-add-new-address .button:focus {
	background-color: #123263;
	color: white;
}

.woocommerce-account .woocommerce-MyAccount-content .button {
	transform: rotate(0deg);
	opacity: 1;
	border-radius: 40px !important;
	padding: 8px 24px !important;
	font-family: Charlie Text;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	letter-spacing: 0px;
	text-align: center;
	background-color: #1868DB;
	color: white;
	border: none;
}

.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:focus {
	background-color: #123263;
	color: white;
}

#nf-field-84 {
	height: auto !important;
	transform: rotate(0deg);
	opacity: 1;
	border-radius: 40px !important;
	padding: 8px 24px !important;
	font-family: Charlie Text;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	letter-spacing: 0px;
	text-align: center;
	background-color: #1868DB;
	color: white;
	border: none !important;
}

#nf-field-84:hover,
#nf-field-84:focus {
	background-color: #123263;
	color: white;
}

.nf-add-fieldset {
	transform: rotate(0deg);
	opacity: 1;
	border-radius: 40px !important;
	padding: 8px 24px !important;
	font-family: Charlie Text;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	letter-spacing: 0px;
	text-align: center;
	background-color: #1868DB;
	color: white;
	border: none;
}

.nf-add-fieldset:hover,
.nf-add-fieldset:focus {
	background-color: #123263;
	color: white;
}

.nf-fu-fileinput-button {
	height: auto !important;
	transform: rotate(0deg);
	opacity: 1;
	border-radius: 40px !important;
	padding: 8px 24px !important;
	font-family: Charlie Text;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	letter-spacing: 0px;
	text-align: center;
	background-color: #1868DB;
	color: white;
	border: none;
}

.nf-fu-fileinput-button:hover,
.nf-fu-fileinput-button:focus {
	background-color: #123263;
	color: white;
}

.nf-field .nf-field-element {
	margin-top: 10px;
	border: none;
}

.nf-label-span {
	color: #101214 !important;
	font-family: Charlie Text !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 20px !important;
}

.nf-field-label {
	padding-bottom: 10px !important;
}

.ninja-forms-field.nf-element:not(#nf-field-84):not(textarea):not([type="submit"]),
.ninja-forms-field.nf-element[type="textarea"],
textarea.ninja-forms-field.nf-element {
	border-radius: 5px !important;
	height: auto !important;
	color: #7D818A !important;
	padding: 8px 8px 8px 16px !important;
	border: 1px solid #7D818A !important;
	background-color: white !important;
	font-family: Charlie Text !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 24px !important;
}

.ninja-forms-field.nf-element[type="submit"] {
	height: auto !important;
	transform: rotate(0deg);
	opacity: 1;
	border-radius: 40px !important;
	padding: 8px 24px !important;
	font-family: Charlie Text !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	letter-spacing: 0px;
	text-align: center;
	text-transform: capitalize !important;
	background-color: #1868DB !important;
	color: white !important;
	border: none !important;
}

.ninja-forms-field.nf-element[type="submit"]:hover,
.ninja-forms-field.nf-element[type="submit"]:focus {
	background-color: #123263 !important;
	color: white !important;
}

.nf-form-content .list-select-wrap > div div {
	background: none !important;
	border: none !important;
}

@keyframes zag-page-load-fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes zag-page-fade-out {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes zag-page-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	::view-transition-old(root),
	::view-transition-new(root),
	body {
		animation: none;
	}
}
.bapf_sfilter .bapf_body ul li ul {
    margin-top: 10px !important;
}

.bapf_sfilter .bapf_cchild,
.bapf_sfilter .bapf_ochild {
    color: #63615d !important;
}

.fa-minus,
.fa-plus {
    position: absolute;
    right: 0px;
}

.fa-minus:before {
    content: "" !important;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: 9px;
    background-image: url("../images/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
    transform: rotate(180deg);
}

.fa-plus:before {
    content: "" !important;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: 9px;
    background-image: url("../images/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
    transform: none;
}