@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&family=Poppins:wght@600&family=Open+Sans:wght@300&display=swap');

:root {
	--elements--body-text--body--font-family: 'Lato';
	--elements--body-text--body--font-weight: normal;
	--elements--body-text--heading-1--font-family: 'Lato';
	--elements--body-text--heading-1--font-weight: normal;
	--elements--body-text--heading-2--font-family: 'Lato';
	--elements--body-text--heading-2--font-weight: normal;
	--elements--body-text--heading-3--font-family: 'Lato';
	--elements--body-text--heading-3--font-weight: normal;
	--elements--body-text--heading-4--font-family: 'Lato';
	--elements--body-text--heading-4--font-weight: normal;
	--elements--buttons--button--font-family: 'Poppins';
	--elements--buttons--button--font-weight: 600;
	--elements--buttons--button--padding-x: 1.5rem;
	--elements--buttons--button-small--padding-x: 1.5rem;
	--elements--buttons--button-small--padding-y: 0.625rem;
	--elements--buttons--primary--background-color-hover: #1a202c;
	--elements--buttons--primary--border-color: #2849a8;
	--elements--buttons--primary--border-color-hover: #1a202c;
	--elements--cards--container--border-bottom-width: 1px;
	--elements--cards--container--border-color: #eeeeee;
	--elements--cards--container--border-left-width: 1px;
	--elements--cards--container--border-right-width: 1px;
	--elements--cards--container--border-top-width: 1px;
	--elements--cards--container--box-shadow: none;
	--elements--cards--footer--border-width: 0px;
	--elements--cards--header--border-color: #eeeeee;
	--elements--cards--image--height: 20rem;
	--elements--cards--text-price--color: #1a202c;
	--elements--cards--text-price--font-size: 1.125rem;
	--elements--cards--text-price--font-weight: 500;
	--elements--cards--title--font-family: 'Lato';
	--elements--cards--title--font-size: 1rem;
	--elements--cards--title--font-weight: normal;
	--elements--headings--content-heading--font-family: 'Lato';
	--elements--headings--content-heading--font-weight: normal;
	--elements--headings--content-subheading--font-family: 'Lato';
	--elements--headings--content-subheading--font-weight: normal;
	--elements--headings--content-subheading--opacity: 1;
	--elements--headings--footer-heading--color: #ffffff;
	--elements--headings--footer-heading--font-family: 'Lato';
	--elements--headings--footer-heading--font-size: 1rem;
	--elements--headings--footer-heading--font-weight: normal;
	--elements--headings--header-heading--font-family: 'Lato';
	--elements--headings--header-heading--font-weight: normal;
	--elements--headings--header-subheading--font-family: 'Lato';
	--elements--headings--header-subheading--font-weight: normal;
	--elements--headings--header-subheading--opacity: 1;
	--elements--headings--item-heading--font-family: 'Lato';
	--elements--headings--item-heading--font-weight: normal;
	--elements--headings--item-subheading--font-family: 'Lato';
	--elements--headings--item-subheading--font-weight: normal;
	--elements--headings--page-heading--font-family: 'Lato';
	--elements--headings--page-heading--font-weight: normal;
	--elements--headings--page-subheading--font-family: 'Lato';
	--elements--headings--page-subheading--font-weight: normal;
	--elements--images--image-cover--background-color: #000000;
	--elements--legends--legend--font-family: 'Lato';
	--elements--legends--legend--font-weight: normal;
	--elements--legends--legend-sm--font-family: 'Lato';
	--elements--legends--legend-sm--font-weight: normal;
	--layout--page--body--background-color: #ffffff;
	--layout--page--body--max-width-container: 1400px;
	--theme--borders--element--border-radius: 0.125rem;
	--theme--colors--danger-200--color: #FED7D7;
	--theme--colors--danger-600--color: #E53E3E;
	--theme--colors--danger-700--color: #C53030;
	--theme--colors--gray-100--color: #F7FAFC;
	--theme--colors--gray-200--color: #EDF2F7;
	--theme--colors--gray-300--color: #E2E8F0;
	--theme--colors--gray-400--color: #CBD5E0;
	--theme--colors--gray-500--color: #A0AEC0;
	--theme--colors--gray-700--color: #4A5568;
	--theme--colors--gray-800--color: #2D3748;
	--theme--colors--gray-900--color: #1A202C;
	--theme--colors--primary--600: #104978;
	--theme--colors--primary--800: #0e3f67;
	--theme--colors--primary-200--color: #D7FBFC;
	--theme--colors--primary-500--color: #2F855A;
	--theme--colors--primary-600--color: #2F855A;
	--theme--colors--primary-700--color: #276E4B;
	--theme--colors--primary-800--color: #435953;
	--theme--colors--success-200--color: #C6F6D5;
	--theme--colors--success-600--color: #2F855A;
	--theme--colors--success-700--color: #276B49;
	--theme--colors--warning-200--color: #FEEBC8;
	--theme--colors--warning-600--color: #DD6B20;
	--theme--colors--warning-700--color: #C05621;
	--theme--spacing--block--size: 2.375rem;
	--theme--spacing--element--size: 2.375rem;
	--theme--spacing--grid--size: 2.375rem;
	--theme--typography--body--font-family: 'Open Sans';
	--theme--typography--body--font-weight: 300;
	--theme--typography--heading-1--font-size: 1.375rem;
	--theme--typography--headings--font-family: 'Lato';
	--content-01--item-icon--height: 2.875rem;
	--content-03--column-two--background-color: var(--theme--colors--danger--600);
	--content-08--block--margin-top: 3rem;
	--content-17--image-cover--opacity: 0.2;
	--content-19--container--padding-y: 0rem;
	--content-26--card-image--height: 12.5rem;
	--content-26--heading--font-size: 1.5rem;
	--content-26--text--text-align: center;
	--content-31--block--margin-top: 6rem;
	--content-31--column--padding-x: 0rem;
	--content-31--container--background-color: var(--theme--colors--danger--300);
	--content-31--container--padding-y: 0rem;
	--content-31--heading--color: var(--theme--colors--gray--800);
	--content-44--container--border-radius: 0rem;
	--content-44--container--padding-y: 0rem;
	--content-44--heading--font-size: 2.25rem;
	--content-44--heading--line-height: 2.875rem;
	--content-44--image-cover--opacity: 0.2;
	--content-44--legend--border-radius: 0.5rem;
	--content-44--legend--font-size: 1rem;
	--content-44--nav-bar-sub-sub-item-link--color-hover: #1a202c;
	--content-45--heading-two--color: #d20808;
	--content-45--item-image-cover--opacity: 0.2;
	--content-46--box--border-color: #eeeeee;
	--content-46--box--border-width: 2px;
	--content-51--cart-button--background-color: #0f477e;
	--content-51--category-item--background-color-active: var(--theme--colors--gray--200);
	--content-51--category-item--background-color-hover: var(--theme--colors--gray--200);
	--content-55--block--margin-top: 0rem;
	--content-55--block--padding-y: 3rem;
	--content-57--card-image--height: 12rem;
	--content-59--block--border-color: #eeeeee;
	--content-59--block--margin-top: 0rem;
	--content-59--column--padding-x: 0rem;
	--content-59--column--padding-y: 2rem;
	--content-59--container--padding-y: 0rem;
	--content-59--heading--color: var(--theme--colors--gray--900);
	--content-59--image-cover--background-color: var(--theme--colors--danger--300);
	--content-62--button--background-color: #0f477e;
	--content-62--heading--font-family: 'Lato';
	--content-62--heading--font-size: 3.875rem;
	--content-62--heading--font-weight: normal;
	--content-62--heading--line-height: 2.875rem;
	--content-62--legend--background-color: #0f477e;
	--content-62--legend--border-radius: 0rem;
	--content-62--nav-bar-item-link--color: #2849a8;
	--content-62--nav-item--font-family: 'Lato';
	--content-62--nav-sub-item--font-family: 'Lato';
	--content-62--subheading--font-family: 'Lato';
	--footer-05--container--background-color: var(--theme--colors--gray--900);
	--footer-05--container--color: #acacac;
	--footer-05--form-button--background-color: #0f477e;
	--footer-05--form-button--background-color-hover: #0d3f6f;
	--footer-05--form-button--border-color: #0f477e;
	--footer-05--form-button--border-color-hover: #0d3f6f;
	--footer-05--heading--font-size: 1.125rem;
	--footer-05--heading--margin-bottom: 1.625rem;
	--footer-05--link--color: #acacac;
	--footer-05--link--color-hover: #ffffff;
	--footer-05--link--text-decoration: none;
	--footer-05--link--text-decoration-hover: none;
	--footer-07--container--background-color: var(--theme--colors--gray--900);
	--footer-07--container--border-top-color: #fefefe26;
	--footer-07--container--border-top-width: 1px;
	--footer-07--container--color: #eeeeee;
	--footer-07--link--color: #eeeeee;
	--header-06--block--position: static;
	--header-06--nav-item--font-family: 'Lato';
	--header-06--nav-item--font-size: 1.125rem;
	--header-06--nav-item-link--font-weight: 500;
	--header-06--nav-sub-items--background-color: var(--theme--colors--gray--800);
	--header-09--block--position: static;
	--header-09--cart-button-badge--background-color: #c3d1e9;
	--header-09--logo--height: 1rem;
	--header-11--block--position: static;
	--product-details-01--price--color: var(--theme--colors--success--600);
	--product-details-01--price--font-size: 1.25rem;
	--product-details-01--price--font-weight: 600;
	--product-list-02--card--background-color: #d03131;
	--product-list-02--card-body--padding-bottom: 2.625rem;
	--product-list-02--card-body--padding-left: 11rem;
	--product-list-02--card-footer--padding-bottom: 13.375rem;
	--product-list-02--card-footer--padding-left: 10.75rem;
}

@media (min-width:1024px) {
    :root {
		--elements--body-text--body--line-height: 1.625rem;
		--elements--cards--image--padding-x: 0.375rem;
		--elements--cards--image--padding-y: 0.5rem;
		--layout--main--container--margin-bottom: 4rem;
		--layout--main--container--padding-y: 0rem;
		--layout--main--container-home--margin-bottom: 4rem;
		--theme--spacing--element--margin: 2rem;
		--theme--spacing--grid--margin: 2rem;
		--content-59--column--padding-x: 0rem;
		--content-59--column--padding-y: 2.25rem;
		--header-06--block--background-color: #0f477e;
		--header-06--block--padding-y: 0.25rem;
		--header-06--category-legend--color: var(--theme--colors--gray--300);
		--header-06--nav-item-link--color-active: #eeeeee;
		--header-06--nav-item-link--color-hover: #eeeeee;
		--header-06--nav-sub-sub-item-link--padding-y: 0rem;
		--header-09--logo--height: 4rem;
		--product-list-01--category-title--margin-top: 0rem;
		--product-list-01--list--margin-top: 2.5rem;
		--product-list-01--sorting--margin-top: 0rem;
    }
}