/* oswald-regular - latin */
@font-face {
	font-family: "Oswald";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../include/fonts/oswald-v49-latin-regular.eot");
	/* IE9 Compat Modes */
	src: local(""),
		url("../include/fonts/oswald-v49-latin-regular.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../include/fonts/oswald-v49-latin-regular.woff2")
			format("woff2"),
		/* Super Modern Browsers */
			url("../include/fonts/oswald-v49-latin-regular.woff") format("woff"),
		/* Modern Browsers */ url("../include/fonts/oswald-v49-latin-regular.ttf")
			format("truetype"),
		/* Safari, Android, iOS */
			url("../include/fonts/oswald-v49-latin-regular.svg#Oswald")
			format("svg"); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: url("../include/fonts/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
	src: local(""),
		url("../include/fonts/roboto-v30-latin-regular.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../include/fonts/roboto-v30-latin-regular.woff2")
			format("woff2"),
		/* Super Modern Browsers */
			url("../include/fonts/roboto-v30-latin-regular.woff") format("woff"),
		/* Modern Browsers */ url("../include/fonts/roboto-v30-latin-regular.ttf")
			format("truetype"),
		/* Safari, Android, iOS */
			url("../include/fonts/roboto-v30-latin-regular.svg#Roboto")
			format("svg"); /* Legacy iOS */
}

body {
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	text-rendering: optimizeLegibility;
	font-weight: initial;
	background-color: #f1f5f8;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand {
	font-family: "Oswald", sans-serif;
	font-weight: 400;
}

.light {
	background: #f3f5f7;
}

/* Reset */

ul {
	list-style: none;
	padding: 0;
	list-style-type: none;
}

img[src=""],
img:not([src]) {
	visibility: hidden;
}
img[src=""]::before,
img:not([src])::before {
	display: block;
	content: "";
	padding-top: calc(100% - 24px);
}

a,
a:hover {
	color: black;
	text-decoration: none;
	transition: color 0.3s ease-in-out;
}

.rounded-top-4 {
	border-top-left-radius: var(--bs-border-radius-xl) !important;
	border-top-right-radius: var(--bs-border-radius-xl) !important;
}

/* Social share icons */

.fa {
	padding: 5px;
	text-align: center;
	text-decoration: none;
	margin: 2px 2px;
	width: 40px;
	height: 40px;
}

@media (min-width: 768px) {
	.fa {
		width: 24px;
		height: 24px;
	}
}

.fa:hover {
	opacity: 0.5;
}

.fa-facebook {
	background: #3b5998;
	color: white;
}

.fa-twitter {
	background: #55acee;
	color: white;
}

.fa-pinterest {
	background: #cb2027;
	color: white;
}

.fa-whatsapp {
	background: #4dc247;
	color: white;
}

.fa-facebook {
	display: inline-block;
	display: inline-flex;
	position: relative;
	top: 0.1em;
	content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="white" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg>');
}

.fa-pinterest {
	display: inline-block;
	display: inline-flex;
	position: relative;
	top: 0.1em;
	content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="pinterest-p" class="svg-inline--fa fa-pinterest-p fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="white" d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"></path></svg>');
}

.fa-twitter {
	display: inline-block;
	display: inline-flex;
	position: relative;
	top: 0.1em;
	content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" class="svg-inline--fa fa-twitter fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="white" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>');
}

.fa-whatsapp {
	display: inline-block;
	display: inline-flex;
	position: relative;
	top: 0.1em;
	content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="whatsapp" class="svg-inline--fa fa-whatsapp fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="white" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg>');
}

.fa-sharer {
	display: inline-block;
	display: inline-flex;
	position: relative;
	top: 0.1em;
	content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" fill="white"  focusable="false" data-prefix="fab" data-icon="sharer" class="svg-inline--fa fa-sharer fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z"/></svg>');
}

.bss:first-child .fa {
	margin-left: 0;
}
.bss:last-child .fa {
	margin-right: 0;
}

.redondos {
	margin: 2px 2px;
	border-radius: 5px;
	opacity: 0.8;
}

/* Navbar */

.navbar {
	/* display: flex;
	justify-content: space-between;
	height: 50px;
	padding: 5px 0px;
	background: #e1e5ea;
	background-image: linear-gradient(
		260deg,
		rgba(189, 21, 11, 0.05),
		transparent 50%
	);
	border: none;
	border-radius: 0;
	margin-bottom: 10px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid lightgray; */
}

/* .navbar img, */
.navbar svg {
	width: 100%;
	height: auto;
}

.navbar .navbar-toggler {
	border-radius: 10px;
}

/* Barra de pesquisa */
.searchbar {
	margin-bottom: auto;
	margin-top: auto;
	height: 100%;
	background-color: #fff;
	border-radius: 5px;
}

.search_input {
	padding: 0 10px;
	border: 0;
	outline: 0;
	background: none;
	width: 100px;
	line-height: 30px;
	transition: width 0.25s ease;
}

.search_input:focus {
	padding: 0 10px;
	width: calc(100vw - 64px);
	/* width: calc(100vw - var(--bs-gutter-x, 0.75rem)); */
	transition: width 0.25s ease;
}

.search_input:focus ~ .search_icon {
	background: #353b48;
	color: #fff;
}

.search_icon {
	height: 100%;
	width: 30px;
	float: right;
	border-radius: 0 5px 5px 0;
	transition: background 0.25s ease;
	border: none;
	padding: 0 !important;
}

.search_icon:hover {
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	.search_input {
		width: 170px;
	}

	.search_input:focus {
		width: 300px;
	}
}

@media screen and (max-width: 768px) {
	.searchform {
		position: absolute;
		right: 0.75rem;
	}
}

/* Sidenav */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1032;
	top: 0;
	left: 0;
	background-color: rgb(255, 115, 115);
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

.sidenav a {
	padding: 5px 5px 5px 32px;
	text-decoration: none;
	font-size: 16px;
	color: black;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover,
.offcanvas a:focus {
	color: #f1f1f1;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

	.sidenav a {
		font-size: 18px;
	}
}

/* BS Cards */
.postcard {
	flex-wrap: wrap;
	display: flex;
	/* box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66); */
	box-shadow: 0 4px 10px -8px rgba(0, 0, 0, 0.66);
	border-radius: 10px;
	margin: 0 0 2rem 0;
	overflow: hidden;
	position: relative;
	color: #fff;
}
.postcard.dark {
	background-color: #18151f;
	border: 1px solid #e1e5ea;
}
.postcard.light {
	/* background-color: #e1e5ea; */
	background-color: #e1e5ea21;
	border: 1px solid #e1e5ea;
}
.postcard .t-dark {
	color: #18151f;
}
.postcard a {
	color: inherit;
}
.postcard h1,
.postcard .h1 {
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}
.postcard .small {
	font-size: 80%;
}
.postcard .postcard__title {
	font-size: 1.75rem;
}
.postcard .postcard__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
}
.postcard .postcard__img_link {
	display: contents;
}
.postcard .postcard__bar {
	width: 50px;
	height: 3px;
	margin: 3px 0;
	border-radius: 5px;
	background-color: #424242;
	transition: width 0.2s ease;
}
.postcard .postcard__text {
	padding: 1.5rem;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.postcard .postcard__preview-txt {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.postcard__tagbox {
	display: flex;
	flex-flow: row wrap;
	font-size: 14px;
	margin: 20px 0 0 0;
	padding: 0;
	justify-content: start;
}
.postcard__tagbox .tag__item {
	display: inline-block;
	background: rgba(220, 220, 220, 0.4);
	border-radius: 3px;
	padding: 2.5px 10px;
	margin: 0 5px 5px 0;
	cursor: default;
	user-select: none;
	transition: background-color 0.3s;
}
.postcard__tagbox .tag__item:hover {
	background: rgba(83, 83, 83, 0.8);
}
.postcard__tagbox .play:hover a {
	color: white;
}
.postcard:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(-70deg, #424242, transparent 50%);
	opacity: 1;
	border-radius: 10px;
}
.postcard:hover .postcard__bar {
	width: 100px;
}
@media screen and (min-width: 769px) {
	.postcard {
		flex-wrap: inherit;
	}
	.postcard .postcard__title {
		font-size: 2rem;
	}
	.postcard .postcard__img {
		/* max-width: 150px;
		max-height: 150px; */
		max-width: 30vw;
		/* height: 100%; */
		transition: transform 0.3s ease;
	}
	.postcard .postcard__text {
		padding: 1rem;
		width: 100%;
	}

	.postcard:hover .postcard__img {
		transform: scale(1.1);
	}
	.postcard:nth-child(2n + 1) {
		flex-direction: row;
	}

	.postcard:nth-child(2n + 1) .postcard__text::before {
		left: -12px !important;
		transform: rotate(4deg);
	}
	.postcard:nth-child(2n + 0) .postcard__text::before {
		right: -12px !important;
		transform: rotate(-4deg);
	}
}
@media screen and (min-width: 1024px) {
	.postcard.dark .postcard__text::before {
		background: #18151f;
	}
	.postcard.light .postcard__text::before {
		background: #e1e5ea21;
	}
	.postcard__text {
		padding: 2rem 3.5rem;
	}
}
/* BS card & temas colors */
.postcard__tagbox .green.play:hover {
	background: #368a05;
	color: white;
}
.postcard__tagbox .green.play {
	border: 1px solid #368a05;
}
.green .postcard__title:hover {
	color: #368a05;
}
.green .postcard__bar {
	background-color: #368a05;
}
.green::before {
	background-image: linear-gradient(
		-30deg,
		rgba(121, 221, 9, 0.05),
		transparent 50%
	);
}
.green:nth-child(2n)::before {
	background-image: linear-gradient(
		30deg,
		rgba(121, 221, 9, 0.05),
		transparent 50%
	);
}
.postcard__tagbox .blue.play:hover {
	background: #0076bd;
	color: white;
}
.postcard__tagbox .blue.play {
	border: 1px solid #0076bd;
}
.blue .postcard__title:hover {
	color: #0076bd;
}
.blue .postcard__bar {
	background-color: #0076bd;
}
.blue::before {
	background-image: linear-gradient(
		-30deg,
		rgba(0, 118, 189, 0.05),
		transparent 50%
	);
}
.blue:nth-child(2n)::before {
	background-image: linear-gradient(
		30deg,
		rgba(0, 118, 189, 0.05),
		transparent 50%
	);
}
.postcard__tagbox .red.play:hover {
	background: #bd150b;
	color: white;
}
.postcard__tagbox .red.play {
	border: 1px solid #bd150b;
}
.red .postcard__title:hover {
	color: #bd150b;
}
.red .postcard__bar {
	background-color: #bd150b;
}
.red::before {
	background-image: linear-gradient(
		-30deg,
		rgba(189, 21, 11, 0.05),
		transparent 50%
	);
}
.red:nth-child(2n)::before {
	background-image: linear-gradient(
		30deg,
		rgba(189, 21, 11, 0.05),
		transparent 50%
	);
}
.postcard__tagbox .yellow.play:hover {
	background: #bdbb49;
	color: white;
}
.postcard__tagbox .yellow.play {
	border: 1px solid #bdbb49;
}
.yellow .postcard__title:hover {
	color: #bdbb49;
}
.yellow .postcard__bar {
	background-color: #bdbb49;
}
.yellow::before {
	background-image: linear-gradient(
		-30deg,
		rgba(189, 187, 73, 0.05),
		transparent 50%
	);
}
.yellow:nth-child(2n)::before {
	background-image: linear-gradient(
		30deg,
		rgba(189, 187, 73, 0.05),
		transparent 50%
	);
}
@media screen and (min-width: 769px) {
	.green::before {
		background-image: linear-gradient(
			-80deg,
			rgba(121, 221, 9, 0.05),
			transparent 50%
		);
	}
	.green:nth-child(2n)::before {
		background-image: linear-gradient(
			80deg,
			rgba(121, 221, 9, 0.05),
			transparent 50%
		);
	}
	.blue::before {
		background-image: linear-gradient(
			-80deg,
			rgba(0, 118, 189, 0.05),
			transparent 50%
		);
	}
	.blue:nth-child(2n)::before {
		background-image: linear-gradient(
			80deg,
			rgba(0, 118, 189, 0.05),
			transparent 50%
		);
	}
	.red::before {
		background-image: linear-gradient(
			-80deg,
			rgba(189, 21, 11, 0.05),
			transparent 50%
		);
	}
	.red:nth-child(2n)::before {
		background-image: linear-gradient(
			80deg,
			rgba(189, 21, 11, 0.05),
			transparent 50%
		);
	}
	.yellow::before {
		background-image: linear-gradient(
			-80deg,
			rgba(189, 187, 73, 0.05),
			transparent 50%
		);
	}
	.yellow:nth-child(2n)::before {
		background-image: linear-gradient(
			80deg,
			rgba(189, 187, 73, 0.05),
			transparent 50%
		);
	}
}

/* BS Pagination */
.pagination-outer {
	text-align: center;
}
.pagination {
	font-family: "Roboto", sans-serif;
	border-radius: 10px;
	border: 1px solid #4a4a4aa6;
	overflow: hidden;
	display: inline-flex;
	position: relative;
}
.pagination li a.page-link {
	color: #000;
	background-color: transparent;
	/* font-size: 22px; */
	font-weight: 600;
	text-align: center;
	line-height: 43px;
	border: none;
	border-radius: 0;
	position: relative;
	z-index: 1;
}
.pagination li.active a.page-link,
.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover {
	color: #fff;
	background: transparent;
	border: none;
}
.pagination li a.page-link:before,
.pagination li a.page-link:after {
	content: "";
	height: 100%;
	width: 100%;
	border: 1px solid rgba(83, 83, 83, 0.4);
	border-top: none;
	border-bottom: none;
	transform: rotate(4deg);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.3s;
}
.pagination li a.page-link:after {
	background-color: #4a4a4a;
	border: none;
	border-radius: 50%;
	transform: skewx(-4deg) scale(0);
}
.pagination li.active a.page-link:after,
.pagination li a.page-link:hover:after,
.pagination li.active a.page-link:hover:after {
	border-radius: 0;
	transform: skewx(-4deg) scale(1);
}
.pagination li:first-child a.page-link:before,
.pagination li:last-child a.page-link:before {
	display: none;
}
.pagination li:first-child a.page-link:after {
	left: -1px;
}
.pagination li:last-child a.page-link:after {
	left: auto;
	right: -1px;
}
@media only screen and (max-width: 480px) {
	.pagination {
		padding: 10px 0;
		margin: 0;
		display: flex;
		width: 100%;
		justify-content: space-around;
	}
	.pagination li {
		display: inline-block;
	}
	.pagination li a.page-link:before {
		display: none;
	}
	.pagination li a.page-link:after {
		transform: skew(0) scale(0);
	}
	.pagination li.active a.page-link:hover:after,
	.pagination li.active a.page-link:after,
	.pagination li a.page-link:hover:after {
		border-radius: 20px;
		transform: skew(0) scale(1);
	}
}

/* Temas */
.temas > div {
	position: relative;
}
.temas a {
	color: white;
	color: #2b2b2b;
	position: absolute;
	bottom: 0;
	mix-blend-mode: luminosity;
	width: 100%;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.temas > div img,
.temas > div .img-gradient:after {
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	box-shadow: 0 2px 12px -10px rgba(0, 0, 0, 0.66);
}
.temas > div:nth-child(2n + 1) img,
.temas > div:nth-child(2n + 1) .img-gradient:after {
	border-radius: 90% 54% 44% 81% / 82% 63% 37% 55%;
}
.temas > div:nth-child(3n + 1) img,
.temas > div:nth-child(3n + 1) .img-gradient:after {
	border-radius: 70% 30% 43% 57% / 39% 18% 82% 61%;
}
.temas > div:nth-child(4n + 1) img,
.temas > div:nth-child(4n + 1) .img-gradient:after {
	border-radius: 64% 36% 39% 61% / 44% 66% 34% 56%;
}

.img-gradient {
	position: relative;
	display: inline-block;
}

.temas > div .img-gradient::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.gradient-1::after {
	background: -moz-linear-gradient(
		top,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(220, 66, 37, 0.3) 100%
	); /* FF3.6+ */
	background: -webkit-linear-gradient(
		top,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(220, 66, 37, 0.3) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(
		top,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(220, 66, 37, 0.3) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(220, 66, 37, 0.3) 100%
	); /* W3C */
	background-image: linear-gradient(
		45deg,
		#ffb7b9 0%,
		#fad0c4 99%,
		#fad0c4 100%
	);
}

.gradient-2::after {
	background: -moz-linear-gradient(
		top,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(89, 220, 37, 0.3) 100%
	); /* FF3.6+ */
	background: -webkit-linear-gradient(
		top,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(89, 220, 37, 0.3) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(
		top,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(89, 220, 37, 0.3) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(89, 220, 37, 0.3) 100%
	); /* W3C */
	background: linear-gradient(149deg, #e9ffb5 0%, #bce4c2 100%);
}

.gradient-3::after {
	background: -moz-linear-gradient(
		top,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(49, 37, 220, 0.3) 100%
	); /* FF3.6+ */
	background: -webkit-linear-gradient(
		top,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(49, 37, 220, 0.3) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(
		top,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(49, 37, 220, 0.3) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(49, 37, 220, 0.3) 100%
	); /* W3C */
	background: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

.gradient-4::after {
	background: -moz-linear-gradient(
		top,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(217, 220, 37, 0.3) 100%
	); /* FF3.6+ */
	background: -webkit-linear-gradient(
		top,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(217, 220, 37, 0.3) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(
		top,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(217, 220, 37, 0.3) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(83, 83, 83, 0.8) 0%,
		rgba(217, 220, 37, 0.3) 100%
	); /* W3C */
	background-image: radial-gradient(
		circle,
		rgba(255, 244, 169, 1) 0%,
		rgba(255, 244, 234, 1) 100.2%
	);
}

.gradient-5:after {
	background: linear-gradient(127deg, #c1dfc4 0%, #deecdd 100%);
}

.gradient-6:after {
	background-image: linear-gradient(
		47deg,
		#fdcbf1 0%,
		#fdcbf1 1%,
		#e6dee9 100%
	);
}

.gradient-7::after {
	background-image: linear-gradient(90deg, #cfd9df 0%, #e2ebf0 100%);
}

.gradient-8::after {
	background-image: linear-gradient(59deg, #c3fded 0%, #c1e8ff 100%);
}

.gradient-9::after {
	background-image: radial-gradient(
		circle 321px at 8.3% 75.7%,
		rgba(209, 247, 241, 1) 0%,
		rgba(249, 213, 213, 1) 81%
	);
}

.gradient-10::after {
	background-image: linear-gradient(
		177deg,
		rgb(246, 214, 165) 7.1%,
		rgb(242, 220, 185) 67.4%
	);
}

.gradient-11::after {
	background-image: radial-gradient(
		circle farthest-corner at 1.3% 2.8%,
		rgba(239, 249, 249, 1) 0%,
		rgba(182, 199, 226, 1) 100.2%
	);
}

/* Link underline for footer, card, breadcrumbs, nav */
footer li a:not(.page-link):not(.share__link),
.breadcrumb a:not(.page-link):not(.share__link) {
	display: inline-block;
	position: relative;
}
footer li a:not(.page-link):not(.share__link):after,
.breadcrumb a:not(.page-link):not(.share__link):after {
	content: "";
	position: absolute;
	width: 100%;
	transform: scaleX(1);
	height: 1px;
	top: 95%;
	left: 0;
	background-color: rgba(0, 1, 0);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
footer li a:not(.page-link):not(.share__link):hover:after,
.breadcrumb a:not(.page-link):not(.share__link):hover:after {
	transform: scaleX(0);
	transform-origin: bottom left;
}

/* Footer */
footer {
	background-image: linear-gradient(
		45deg,
		rgba(189, 21, 11, 0.05) 0%,
		#e1e5ea 100%
	);
	margin-top: auto;
	color: #000;
}
footer ul {
	-webkit-column-count: 3;
	column-count: 3;
}