@import url('block-sitenetwork.css');

@font-face {
	font-family: "Material Icons";
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8*/
	src: local("Material Icons"), local("MaterialIcons-Regular"),
		url(../fonts/MaterialIcons-Regular.woff2) format("woff2"),
		url(../fonts/MaterialIcons-Regular.woff) format("woff"),
		url(../fonts/MaterialIcons-Regular.ttf) format("truetype");
	font-display: swap;
}

.material-icons {
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	font-size: 24px; /* Preferred icon size */
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: "liga";
}

:root {
	--color-main: #275c53;
	--color-second: #e2bb53;
	--color-accent: #f5f0ea;
	--color-text: #323232;

	--color-alert: #d00;
	--color-yellow: #fc0;

	--color-main-light: #45a191;
	--color-main-5: rgb(39 92 83 / 5%);
	--color-main-10: rgb(39 92 83 / 10%);
	--color-main-15: rgb(39 92 83 / 15%);
	--color-main-25: rgb(39 92 83 / 25%);

	/* bg */
	--color-bg-body: #fff;
}


@font-face {
	font-family: "PTSansCaption";
	src: local(Roboto Medium),
		url("../fonts/ptsanscaption/PTSansCaption-Regular.ttf");
	font-weight: 400;
}

@font-face {
	font-family: "PTSansCaption";
	src: local(Roboto Bold),
		url("../fonts/ptsanscaption/PTSansCaption-Bold.ttf");
	font-weight: 700;
}

@font-face {
	font-family: "PTSans";
	src: local(Roboto Regular),
		url("../fonts/ptsans/PTSans-Regular.ttf");
	font-weight: 400;
}

@font-face {
	font-family: "PTSans";
	src: local(Roboto Italic),
		url("../fonts/ptsans/PTSans-Italic.ttf");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "PTSans";
	src: local(Roboto Bold),
		url("../fonts/ptsans/PTSans-Bold.ttf");
	font-weight: 700;
}

@font-face {
	font-family: "PTSans";
	src: local(Roboto Bold Italic),
		url("../fonts/ptsans/PTSans-BoldItalic.ttf");
	font-weight: 700;
	font-style: italic;
}

/* H1 - H6 */
h1 {
	font-size: 4rem;
	line-height: 1.25;
}

h2 {
	font-size: 3rem;
	line-height: 1.25;
}

h3 {
	font-size: 2rem;
	line-height: 1.25;
}

h4 {
	font-size: 1.5rem;
	line-height: 1.25;
}

h5 {
font-size: 1.5rem;
line-height: 1.25;
}

h6 {
	font-size: 0.75rem;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 2px;
}

@media only screen and (max-width: 600px){
	h1 {
		font-size: 2rem;
	}

	h2 {
		font-size: 1.5rem;
	}

	h3 {
		font-size: 1.25rem;
	}
}
@media only screen and (min-width: 601px) and (max-width: 992px){
	h1 {
		font-size: 2.5rem;
	}

	h2 {
		font-size: 2rem;
	}

	h3 {
		font-size: 1.5rem;
	}
}
@media only screen and (min-width: 993px) and (max-width: 1200px){
	h1 {
		font-size: 4rem;
	}

	h2 {
		font-size: 3rem;
	}

	h3 {
		font-size: 2rem;
	}
}

/* ICONS */
.icn_btn span {
	width: 100%;
	height: 1.25rem;
	margin: -1rem 0 0 .75rem;
	background: var(--color-yellow);
	border-radius: .75rem;
	font-size: .75rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.25rem;
	color: var(--color-text);
	display: block;
	position: relative;
}

/* FIXES */
.mb0 {
	margin-bottom: 0;
}

/* BODY */
body {
	background-color: var(--color-bg-body);
	background-image: url('../image/pattern_floral_light.png');
	background-repeat: repeat;
	background-size: auto;
}

/* LOADER */
.progress {
	background-color: rgb(39 92 83 / 20%);
}

/* HEADER */
header {
	background-color: var(--color-main);
	padding: 1rem 0 1rem 0;
	border-bottom: 1px solid var(--color-second);
}

	@media only screen and (max-width: 600px){
		header {
			padding: 0;
		}
	}

	.header-container {
		padding: 0;
	}

/* NAV */
#header-nav .container {
	position: relative;
}

.header-links li {
	margin: 0 !important;
	padding: 0 1.5rem 0 0;
}

#header-nav .header-links a {
	margin: 4px 0 0 24px;
	padding: 0 !important;
	background: none !important;
	color: var(--color-accent);
	line-height: 1;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

	#header-nav .header-links a:hover,
	#header-nav .header-links a:active{
		color: var(--color-second)
	}

	#header-nav .nav-bnt-menu {
		float: none;
		display: flex;
		flex-direction: row;
		align-items: center;
  }

  #dropdown_header_menu {
	top: .75rem !important;
  }

nav ul a i{
	color: var(--color-accent);
}

	nav ul a:hover {
		background-color: rgba(200, 200, 200, 0.1);
	}

nav .icn_btn i {
	color: var(--color-accent);
}

.nav-full {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 0;
	padding: 0 1rem;
	position: relative;
	gap: 2rem;
}
	.nav-full::after {
		display: none;
	}

	.nav-full .header-icn_btn {
		margin: 0 !important;
		padding: .6rem !important;
		color: var(--color-text);
		transition: background-color .3s;
	}

		.nav-full .header-icn_btn:hover,
		.header-icn_btn:active {
			background-color: rgba(200, 200, 200, 0.1);
		}

		.nav-full .header-icn_btn i {
			color: var(--color-accent);
			transition: color .3s;
		}

		.nav-full .header-icn_btn:hover i {
			color: var(--color-second);
		}

		.nav-full .nav-phone {
			width: 10rem;
		}

.nav-fixed {
	margin-bottom: 0;
	padding: .5rem 2rem;
	background-color: var(--color-main);
	height: auto;
}

	.nav-fixed .container {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.nav-fixed input {
		height: 3rem !important;
	}

	.nav-fixed .search label {
		top: .75rem;
		left: 2rem !important;
	}

	.nav-fixed .search i {
		top: .5rem !important;
		right: 2rem !important;
	}

.nav-mobile {
	height: 3.5rem;
	top: 0; left: 0; right: 0;
	background: var(--color-main);
	position: fixed;
	z-index: 10;
	transition: all 0.3s;
	padding: 0;
	justify-content: space-between;
	display: flex;
}

	.nav-mobile a {
		min-width: 2.75rem;
		height: 2.75rem;
		margin: 0;
		padding: 0.6rem;
		color: var(--color-accent);
		transition: background-color .3s;
	}

.nav-mobile .nav-logo {
	margin-left: 0;
	padding: 0 !important;
}

#nav-mobile .search label {
	top: 1rem;
}

#nav-mobile .search i {
	top: .75rem;
}

.icn-logo svg {
	height: 100%;
	fill: var(--color-accent);
}

.icn-logo img {
	height: 100%;
	transition: all .3s;
}

.icn-logo-smallest svg {
	fill: var(--color-accent);
}

.icn-logo-smallest img {
	height: 100%;
	transition: all .3s;
}

.nav-btn-menu-mobile {
	padding-right: 0;
	background: none;
	color: var(--color-accent);
}

.nav-languages-full {
	margin-bottom: -2rem;
}

.header-logo {
	width: auto;
	height: 5rem;
}

	.header-logo svg {
		height: 100%;
		fill: var(--color-accent);
		transition: fill .3s;
	}
		.header-logo:hover svg,
		.header-logo:active svg {
			fill: var(--color-second);
		}

	.header-logo img {
		height: 100%;
		transition: all .3s;
	}

.header-menu {
	background: none;
	margin: 0;
	padding: 0;
}

	.header-menu ul {
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		float: none;
		display: flex;
		flex-direction: row;
		justify-content: left;
	}

		.header-menu ul li {
			margin: 0 !important;
			background: none;
			list-style: none !important;
			float: none;
			text-align: center;
			flex-grow: 0;
		}

			.header-menu ul li:hover,
			.header-menu ul li:active {
				background: none;
			}

			.header-menu ul li a {
				width: 100%;
				height: auto;
				max-height: auto;
				border: none;
				color: var(--color-accent);
				text-align: center;
				font-size: 1rem;
				line-height: 1.5;
				text-transform: uppercase;
				letter-spacing: 1px;
				display: inline-block;
			}

				.header-links li a:hover,
				.header-links li a:active {
					color: var(--color-second)
				}

.header-btns {
	display: flex;
	align-items: center;
}

.header-csc_block-cart {
	display: flex;
	flex-direction: row;
	margin: 0;
	padding: .5rem 1rem .5rem .5rem !important;
	color: var(--color-accent);
	clear: both;
	overflow: visible;
}

	.header-csc_block-cart:hover,
	.header-csc_block-cart:active {
		background-color: rgba(200, 200, 200, 0.1);
		color: var(--color-second);
	}

		.header-csc_block-cart p {
			margin: -.25rem 0 0 0;
			padding: 0 0 0 .5rem;
			line-height: 1rem;
			font-size: 90%;
			float: none;
			display: flex;
			flex-direction: row;
		}

			.header-csc_block-cart p span {
				font-size: 100%;
				padding-right: 10px;
				float: none;
				min-width: fit-content;
				width: fit-content;
			}

			.header-csc_block-cart p b {
				margin-top: .5rem;
				font-size: 1.25rem;
				float: none;
			}

	.header-csc_block-cart-count {
		color: var(--color-second);
	}

.nav-container-left {
	display: flex;
	gap: 0;
	align-items: center;
}

.nav-spacer {
	height: 0;
}

#header-nav a i {
	color: var(--color-accent);
}

	#header-nav a:hover i,
	#header-nav a:active i {
		color: var(--color-second);
	}

	#header-nav .header-btns {
		background: none;
	}

	#header-nav .input-field input[type=search] {
		background: var(--color-main);
	}

	#header-nav .search i {
		color: var(--color-accent);
	}

	#header-nav .search i:hover,
	#header-nav .search i:active {
		color: var(--color-second);
	}

/* HEADER LANG SELECTOR */
.header-lang_selector input {
	color: var(--color-accent);
}

#header-nav .header-lang_selector {
	margin-left: .5rem;
}

#header-nav .header-lang_selector input {
	color: var(--color-accent);
}

.nav-phone {
	font-size: 1.25rem;
	color: var(--color-bg-body);
}

	.nav-phone:hover,
	.nav-phone:active {
		color: var(--color-second);
	}

/* BREADCRUMBS */
#breadcrumbs {
	padding: .75rem 0;
	background: var(--color-main);
	color: var(--color-second);
	font-size: 0.75em;
	letter-spacing: 2px;
	line-height: 1.4;
	text-align: center;
   text-transform: uppercase;
}

	.breadcrumb-container {
		padding: 0 !important;
		background: none;
	}
	
	#breadcrumbs a {
		color: var(--color-accent);
		transition: color .2s ease;
		text-decoration: none;
	}
	
		#breadcrumbs a:hover {
			color: var(--color-second);
		}

/* FOOTER */
footer {
	background-color: var(--color-main);
	color: var(--color-accent);
	border: none;
	border-top: 1px solid var(--color-second);
}

	.footer-logo {
		width: 100%;
		padding-top: 10%;
		background: none !important;
	}

	@media only screen and (min-width: 993px) {
		.footer-logo {
			width: 50%;
		}
	}

		.footer-logo svg {
			height: 100%;
			fill: var(--color-accent);
		}

		.footer-logo img {
			width: 100%;
			transition: all .3s;
		}

	footer a {
		color: var(--color-accent);
	}
	
		footer a:hover,
		footer a:active {
			color: var(--color-second);
		}

/* BUTTONS */
.btn-flat {
	height: 2.25rem;
	padding: 0 1.5rem;
	line-height: 2.25rem;
	border-radius: 1rem;
	background-color: var(--color-second);
	color: var(--color-text);
}

	.btn-flat:hover {
		background-color: var(--color-main);
		color: #fff;
	}

.icn_btn i {
	color: var(--color-main);
}

/* COVER */
.page-cover {
	width: 100%;
	min-height: 15%;
	height: auto;
	padding: .5rem 0;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative;
	display: flex;
	flex: 1 0 auto;
}

	@media only screen and (max-width: 600px) {
		.page-cover {
			background-size: 200% auto;
			background-attachment: scroll;
		}
	}

	@media only screen and (min-width: 993px) {
		.page-cover {
			min-height: 15%;
		}
	}

	@media only screen and (min-width: 1401px) {
		.page-cover {
			min-height: 20%;
		}
	}

	.page-cover:after {
		content: "";
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		background-color: rgba(0, 0, 0, 0.65);
	}

	.page-cover .container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.page-cover video {
		width: auto;
		height: 100%;
		object-fit: cover;
		z-index: 1;
	}

	.page-cover h1 {
		margin: 0;
		padding: 0 1rem;
		position: relative;
		color: #fff;
		text-align: center;
		z-index: 2;
	}

	.page-cover #breadcrumbs {
		color: var(--color-accent);
		z-index: 2;
		text-align: center;
	}

		.page-cover #breadcrumbs a {
			color: var(--color-accent);
		}

			.page-cover #breadcrumbs a:hover,
			.page-cover #breadcrumbs a:active {
				color: var(--color-second);
			}

.product-page-cover {
	min-height: 5%;
	background: var(--color-main);
}

	.product-page-cover:after {
		display: none;
	}

/* CATEGORY */
.category-cards-container {
	background-color: var(--color-main);
	background-image: url('../image/pattern-green.png');
	background-repeat: repeat;
	background-size: auto;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

	.category-cards-container h2 {
		color: #fff;
	}

.cat-prev {
	margin-top: 1rem;
	gap: 1.5rem;
}

#category-products-title {
	font-size: 3rem;
}

.cards_container {
	background-color: #fff;
}

	.category_card {
		width: 100%;
		height: 100%;
		min-height: 10rem;
		display: flex;
		justify-content: center;
		align-items: center;
		background: var(--color-main);
		font-size: 1.25rem;
		font-weight: bold;
		letter-spacing: 1px;
		word-spacing: 2px;
		color: #fff;
		border-radius: 2rem;
		position: relative;
	}

		.category_card:after {
			content: "";
			position: absolute;
			top: 0; right: 0; bottom: 0; left: 0;
			background-color: rgba(0, 0, 0, 0.25);
			transition: all .3s;
		}

		.category_card:hover {
			background: var(--color-accent);
			color: #fff;
		}

		.category_card:hover:after {
			background-color: rgba(0, 0, 0, 0.5);
		}

		.category_card img {
			transform: scale(1.25);
			transition: all .3s;
		}

		.category_card:hover img {
			transform: scale(1.4);
		}

		.category_card h2,
		.category_card h3 {
			position: relative;
			z-index: 1;
		}

		@media only screen and (max-width: 600px) {
			.category_card h2 {
				font-size: 2rem;
			}
		}

		@media only screen and (min-width: 601px) and (max-width: 992px) {
			.category_card h2 {
				font-size: 2rem;
			}
		}

		@media only screen and (min-width: 993px) and (max-width: 1200px) {		
			.category_card h2 {
				font-size: 2rem;
			}
		}

		@media only screen and (min-width: 1201px) {		
			.category_card h2 {
				font-size: 2rem;
			}
		}

.product_cards-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

/* PRODUCT CARD */
.product_card-container {
	margin: 0 0 1rem 0 !important;
}

	.product_card {
		display: flex;
		flex-direction: column;
		border-radius: 1rem;
		padding-bottom: 6rem;
    	position: relative;
		height: 100%;
		border: none !important;
		background-color: #fff;
		overflow: hidden;
	}

		.product_card:hover {
			z-index: 2;
		}

		.product_card:hover img {
			transform: scale(1.15);
		}

		.product_card-img {
			padding: 0;
		}

			.product_card-img a {
				position: relative;
				padding: 0;
			}

				.product_card-img a img {
					transition: all .3s;
				}

		.product_card-info {
			height: auto;
			padding: 0 1rem;
		}

		.product_card-info-mobile {
			height: auto;
			padding: 0 .5rem;
		}

			.product_card-info-title {
				height: auto;
				max-height: none;
				font-size: 1.25rem;
				text-align: center;
			}

				.product_card-info-title a {
					color: var(--color-text);
					/* background-image: linear-gradient(var(--color-second), var(--color-second));
					background-position: 0 95%;
					background-repeat: no-repeat;
					background-size: 0% 2px; */
					transition: all 0.3s ease;
					text-decoration: none !important;
					display: inline;
				}

				.product_card:hover .product_card-info-title a {
					/* background-size: 100% 2px; */
					color: var(--color-main);
				}

		.product_card-info-sku {
			text-align: center;
		}

		.product_card-price {
			margin-top: 1rem;
			padding: 0 1rem;
			text-align: center;
			position: absolute;
			bottom: 3.5rem;
			width: 100%;
		}

			.product_card-price-current {
				font-size: 1.5rem;
				font-weight: 400;
				color: var(--color-main);
			}

				.product_card-price-current small {
					color: var(--color-main);
				}

			.product_card-price-special {
				color: var(--color-alert);
			}

			.product_card-price-old {
				float: none;
				display: inline-block;
				font-size: 1rem;
				padding-right: .5rem;
			}

				.product_card-price-old:after {
					margin-bottom: -.75rem;
				}

			.product_card-price small {
				font-size: 1rem;
			}

		.product_card-btns {
			text-align: center;
			position: absolute;
			left: 0; right: 0; bottom: 0;
		}

			.product_card-btns a {
				display: inline-block;
				margin: 0;
				padding: 0.5rem 1rem 0.5rem 1rem;
				max-width: none;
				max-height: none;
				background-color: var(--color-second);
				border-radius: 2rem;
				font-size: .75rem;
				color: var(--color-text);
				transition: all 0.3s ease;
				float: none;
			}

				.product_card-btns a:hover,
				.product_card-btns a:active {
					background-color: var(--color-main);
					color: #fff;
				}

				.product_card-btns a h6 {
					margin: 0; padding: 0;
				}

				@media only screen and (max-width: 600px){
					.product_card-btns a h6 {
						font-size: .5rem;
					}
				}

				.product_card-btns a i {
					width: 36px;
					height: 36px;
					color: var(--color-main);
					font-size: 36px;
				}

			  a.pc_loader {
					background: none;
				}

/* PRODUCT */
.product-main-info-price-special {
	color: var(--color-alert);
}

.product-main-info-price-old {
	color: var(--color-main-25);
}

.product-main-info-quantity {
	width: 100%;
	margin-top: 0;
	padding: 0 44px;
	display: inline-block;
}

	.product-main-info-quantity a {
		border-radius: 2rem;
	}

.product-main-info-total {
	margin: .5rem 0 1rem 0;
	padding: 0;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
 }

.product-img-thumb:hover,
.product-img-thumb:active {
	border-color: var(--color-main-light);
}

.product-img-thumb-active {
	border-color: var(--color-second);
}

.product-info-add_btn {
	display: inline-block;
	margin: 0;
	padding: 0.5rem 1rem 0.5rem 1rem;
	max-width: none;
	max-height: none;
	background-color: var(--color-second);
	border-radius: 2rem;
	font-size: 1rem;
	color: var(--color-text) !important;
	transition: all 0.3s ease;
	float: none;
	text-align: center;
	cursor: pointer;
}

	.product-info-add_btn:hover,
	.product-info-add_btn:active {
		background-color: var(--color-main);
		color: #fff !important;
	}

	.product-info-add_btn h6 {
		font-size: .75rem;
	}

.product-info-fastbuy {
	min-width: 60%;
	max-width: 100%;
	min-height: 44px;
	max-height: 100%;
	margin-top: .75rem;
	padding: 0.5rem 1rem 0.5rem 1rem;
	background-color: #fff;
	border: 2px solid var(--color-second);
	color: var(--color-main);
	border-radius: 2rem;
	transition: all 0.3s ease;
	display: flex;
	gap: 1rem;
	align-items: center;
}

	.product-info-fastbuy:hover,
	.product-info-add_btn:active {
		background-color: var(--color-main);
		color: #fff !important;
	}

	.product-info-fastbuy i {
		color: var(--color-main) !important;
		transition: all 0.3s ease;
	}

	.product-info-fastbuy:hover i,
	.product-info-add_btn:active i {
		color: #fff !important;
	}

	.product-info-fastbuy p {
		margin: 0;
		padding: 0;
	}

#product-info-cbdcalc-container {
	position: relative;
}

@media only screen and (max-width:1200px) {
	#product-info-cbdcalc-container {
		position: absolute;
		bottom: 0;
	}
}

.product-info-cbdcalc {
	width: 100%;
	min-width: 60%;
	max-width: 100%;
	min-height: 44px;
	max-height: 100%;
	margin-top: .75rem;
	padding: 0.5rem 1rem 0.5rem 1rem;
	background-color: #fff;
	border: 2px solid #dee7e5;
	color: var(--color-text);
	border-radius: 2rem;
	transition: all 0.3s ease;
	display: flex;
	gap: .5rem;
	align-items: center;
}

	.product-info-cbdcalc:hover,
	.product-info-cbdcalc:active {
		background-color: var(--color-main);
		color: #fff !important;
	}

	.product-info-cbdcalc i {
		color: var(--color-main) !important;
		transition: all 0.3s ease;
		width: 2rem;
		height: 2rem;
	}

		.product-info-cbdcalc:hover i,
		.product-info-cbdcalc:active i {
			color: #fff !important;
		}

		.product-info-cbdcalc i svg {
			width: 2rem;
			fill: var(--color-main);
			transition: all 0.3s ease;
		}

			.product-info-cbdcalc:hover i svg {
				fill: #fff;
			}

	.product-info-cbdcalc p {
		margin: 0;
		padding: 0;
	}

.product-tabs li {
	background-color: transparent;
	transition: background-color .3s;
	border: none;
}

	.product-tabs li:hover,
	.product-tabs li:active {
		background-color: var(--color-main-5);
		border-bottom: 2px solid var(--color-second);
	}

	.product-tabs li a.active {
		background-color: var(--color-main-5) !important;
		border-bottom: 2px solid var(--color-second);
 	}

 .review-btn-form_show {
	margin-top: 10px;
	padding: 5px 0 0 0;
	border-bottom: 1px dashed var(--color-main);
	cursor: pointer;
	float: left;
 }

.product-tags {

}

	.product-tags a {
		margin-right: .5rem;
		padding: .5rem 1rem;
		background-color: var(--color-second);
		color: var(--color-text);
		font-size: .75rem;
		border-radius: 1rem;
		text-decoration: none;
		transition: all 0.3s ease;
	}

		.product-tags a:hover,
		.product-tags a:active {
			background-color: var(--color-main);
			color: #fff;
		}

/* CART */
#cart-popup .modal-header {
	background: rgb(39 92 83 / 20%);
}

.cart-popup-price-old {
	float: none;
	display: inline-block;
	margin-right: .5rem;
}

/* TABS */
.checkout-tabs {
	background: var(--color-main-5);
}

	.checkout-tabs li:hover {
		background: var(--color-main-5) !important;
	}

/* SIDENAV */
.side-nav-languages a.side-nav-lang_active {
	color: var(--color-main) !important;
}

	.side-nav-languages a:hover,
	.side-nav-languages a:active {
		color: var(--color-main);
	}

.side-nav-tabs {
	background: var(--color-main-5);
}

.side-nav-tab-content {
	top: 156px;
}

/* ARTICLES */
.articles_cards-container {
	margin: 0;
	padding: 1rem 0 1rem 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

	.article_card-container {
		margin: 0 0 1rem 0 !important;
	}

	.article_card {
		height: 99%;
		margin: 0;
		padding-bottom: .5rem;
		background-color: #fff;
		border-radius: 1rem;
		overflow: hidden;
		position: relative;
		filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
		display: flex;
		flex-direction: column;
	}

		.article_card figure {
			margin: 0;
			position: relative;
			width: 100%;
			height: max(15vw, 30vh);
		}

			.article_card figure a {
				text-decoration: none;
				display: block;
				position: relative;
				overflow: hidden;
				height: max(15vw, 30vh);
			}

				.article_card figure a img {
					box-sizing: border-box;
					max-width: 100%;
					vertical-align: bottom;
					transition: all 0.4s ease;
					width: 100%;
					height: max(15vw, 30vh);
					object-fit: cover;
				}

				.article_card:hover img {
					transform: scale(1.15);
				}

		.article_card-category {
			position: absolute;
			left: 1rem;
			top: max(15vw, 30vh);
			margin-top: -3rem;
		}

			.article_card-category a {
				padding: 0.5rem 1rem;
				background-color: var(--color-second);
				color: var(--color-text);
				font-size: .75rem;
				border-radius: 1rem;
				text-decoration: none;
				transition: all 0.3s ease;
			}

				.article_card-category a:hover,
				.article_card-category a:active {
					background-color: var(--color-main);
					color: #fff;
				}

	a.article_card-title {
		margin: 0;
		padding: 1rem 1rem 0 1rem;		
		transition: all 0.5s ease;
		text-decoration: none !important;
		color: var(--color-main) !important;
	}

		a.article_card-title:hover h2 {
			background-size: 100% 2px;
		}

		a.article_card-title h2 {
			font-weight: 400;
			margin: 0;
			padding: 0;
			font-size: clamp(1.25em, 1.25rem + ((1vw - 0.2em) * 1.25), 2em);
			line-height: 1.1;
			display: inline;
			background-image: linear-gradient(var(--color-second), var(--color-second));
			background-position: 0 95%;
			background-repeat: no-repeat;
			background-size: 0% 2px;
			transition: all 0.5s ease;
		}

	.article_card-description {
		margin-bottom: 1rem;
		margin-top: 1rem;
		padding-right: 1rem;
		padding-left: 1rem;
	}

.page-article-cover {
	min-height: 30%;
}

	@media only screen and (max-width: 600px){
		.page-article-cover {
			min-height: 20%;
		}
	}

/* MAIN SLIDER */
.owl-dots {
	margin-top: -1.5rem !important;
}

	.owl-dots .owl-dot span {
		width: 2rem !important;
		height: .5rem !important;
		background: rgba(0, 0, 0, 0.2);
		border-radius: 0 !important;
		display: block;
	}

/* FEATURED */
.container-module-featured {
	padding: 1rem 0 1.5rem 0;
	background: url('../image/pattern-green.png');
}

.container-module-featured h2 {
	color: var(--color-accent);
	margin-bottom: 2rem;
}

.container-module-featured .owl-carousel .owl-stage {
	display: flex;
}

.container-module-featured .product_card-container {
	margin: 0 1rem 0 1rem !important;
	height: 100%;
}

	@media only screen and (max-width: 600px){
		.container-module-featured .product_card-container {
			margin: 0 !important;
		}
	}

.container-module-featured .owl-carousel .owl-nav i {
	color: var(--color-second) !important;
	opacity: .8;
}

/* BACKGROUND VIDEO */
.background-video-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

	.background-video-container video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}