/* BROWSER RESET */

* {
    margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
    scroll-padding-top: 230px;
}

main {
	padding-top: 80px;
	min-height: calc(100vh - 408px);
}

/* DECLARE CSS CUSTOM PROPERTIES */

:root {
	/* STANDARD COLORS */
	--primary-bg-color: #190905;
	--secondary-bg-color: #D2A990;
	--tertiary-bg-color: #F0ECE8;
	--quaternary-bg-color: #240D08;
	--primary-font-color: #FCF5E0;
	--secondary-font-color: #000000;
}

/* SETUP COLORS SCHEMES */

.bar_notifications, .corporate_highlights {
	background-color: var(--secondary-bg-color);
	color: var(--secondary-font-color);
}

.bar_navigation, .bar_logo, .logo_space, .mobile_menu, .bar_reviews, .bar_footer, .standard_button, .customer_reviews {
	background-color: var(--primary-bg-color);
	color: var(--primary-font-color);
}

/* REUSABLE COMPONENTS */

.centered_content {
	text-align: center;
}

.centered_element {
	margin: 0px auto;
}

.main_flex_section_center, .product_reviews, .main_flex_section_around {
	display: flex;
	justify-content: center;
}

.main_flex_section_around {
	justify-content: space-around;
	padding: 30px 0px;
}

.featured_products_list {
	flex-wrap: wrap;
	max-width: 1200px;
	margin-bottom: 40px;
}

@media (width < 1200px) {
	.featured_products_list {
		flex-direction: column;
	}
}

.featured_products_card {
	flex: 0 0 300px;
	margin: 30px 50px 0px;
	transition-duration: 2s;
    padding-bottom: 20PX;
}

.featured_products_card:hover {
	background-color: var(--tertiary-bg-color);
}

@media (width < 1200px) {
	.featured_products_card {
		margin: 20px auto;
	}
}

.featured_products_card .featured_products_card_product {
	width: 100%;
}

.featured_products_card .featured_products_card_name, .featured_products_card .featured_products_card_price {
	text-align: center;
	margin: 20px auto;
}

.featured_products_card .featured_products_card_name {
	height: 50px;
}


.featured_products_card .featured_products_card_reviews {
	height: 20px;
	margin-left: 25px;
}

a:link {
	text-decoration: none;
	color: inherit;
}

a:visited {
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: underline;
	color: inherit;
}

a:active {
	text-decoration: underline;
	color: inherit;
}

.standard_button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 180px;
	border-radius: 15px;
	margin: 0px auto;
	cursor: pointer;
}

.product_reviews {
	align-items: center;
    margin: 0px auto 20px;
}

.stars_container {
	width: calc(var(--rating) / 5 * 120px);
	display: inline-block;
	overflow: hidden;
}

.stars_container .stars {
	width: 120px;
}

.divider {
    margin-top: 20px;
    padding: 20px 0px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.divider p {
    margin-bottom: 20px;
}

.divider ul {
    padding-left: 19px;
    list-style-type: square;
}

.paper {
	width: 1200px;
	padding: 0px 10px 20px;
	margin: 0px auto;
}

.paper h1 {
	margin-bottom: 40px;
}

.paper h2, .paper h3, .paper p {
	margin-bottom: 20px;
}

.paper ul, .paper ol {
	margin-bottom: 15px;
	padding-left: 20px;
}

.paper ul li, .paper ol li {
	margin-bottom: 5px;	
}

.paper div {
	min-height: 150px;
	margin-bottom: 20px;
}

.paper div img {
	width: 150px;
	height: 150px;
}

.paper div:nth-child(odd) img {
	float: right;
	margin-left: 30px;
}

.paper div:nth-child(even) img {
	float: left;
	margin-right: 30px;
}

@media (width <= 1200px) {
	.paper {
		width: 100%;
	}
}