.topic-img {
	width: auto;
	position: relative;
}

footer#fat-footer {
	margin-top: 0;
}

.star {
	left: 9%;
	position: absolute;
	float: right;
	z-index: 2;
	top: 9%;
	color: white;
	font-size: 1.75em;
	transition: transform .2s;
}

.card:has( .default-text) .star{
	color: black;
}

	.card:has( .default-text) .star:hover {
		color: #1EAEEF;
	}

body {
	background-image: none;
	background-color: #07497f;
}

.topic-title {
	font-family: 'Roboto', sans-serif;
}

.title-link:hover h2 {
	border-bottom: 2px solid #07497f !important;
}

.tile-grid:first-child {
	border-bottom: 1px dashed #07497f !important;
}

.thin-border {
	width: fit-content;
}

.tile {
	border-radius: 5px;
	padding-bottom: 25px;
	padding: 50px;
	background-color: #fff;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	margin-bottom: 25px;
}

.star:hover {
	color: #1EAEEF;
	transform: scale(1.1);
}

.default-text {
	z-index: 10;
	position: absolute;
	top: 73%;
	left: 25%;
	transform: translate(-25%, -50%);
	color: #07497f;
}

.card-report {
	height: auto !important;
	margin: 1rem 1.25rem 0.5rem 1.25rem
}

.report {
	height: auto !important;
}

	.report h3 {
		border-bottom: none;
	}

.card {
	width: auto;
	height: auto;
	border-radius: 40px;
}

	.card:hover {
		border-color: rgba(0, 0, 0, .125);
	}

.topic {
	transition: transform .2s;
}

	.topic:hover {
		transform: scale(1.1);
	}

div.dialog-message-container {
	background-image: none !important;
	display: none;
	padding: 15px;
	z-index: 100001;
	font-size: 1.75em;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: -3px 2px 10px #04a;
	position: fixed;
	right: 0;
	top: 160px;
	color: #04a;
}

@media screen and (max-width: 767px) and (min-width: 550px){
	.card-report {
		margin: 1rem 1.5rem 0.5rem 1.5rem;
	}
}
@media screen and (max-width: 575px) {
	.tile{
		padding: 30px !important;
	}
	.star{
		font-size: 1.25em;
	}
	.topic-title{
		font-size: 11px !important;
		line-height: 15px;
		overflow-wrap: break-word;
	}
}
@media screen and (max-width: 350px) {
	.star {
		font-size: 0.9em !important;
	}

	.topic-title {
		font-size: 8px !important;
		line-height: 10px;
		overflow-wrap: break-word;
	}
	.topic{
		margin-bottom: 10px !important;
	}
	.topics-section .p-2{
		padding: .25rem !important;
	}
}
@media screen and (max-width: 275px) {
	.star {
		font-size: 0.75em !important;
	}
	.topic {
		margin-bottom: 5px !important;
	}

	.topics-section .p-2 {
		padding: 0px !important;
	}
}
@media screen and (max-width: 750px) {
	.card-report {
		height: auto !important;
		margin: 0.75rem 1rem 0.25rem 1rem
	}
	.topic-title{
		font-size: 13px;
	}
}
@media screen and (max-width: 480px) {
	.card-report {
		height: auto !important;
		margin: 0.5rem 0.75rem 0.25rem 0.75rem
	}
}
@media screen and (max-width: 390px) {
	.card-report {
		height: auto !important;
		margin: 0.5rem 0.5rem 0.25rem 0.5rem
	}
}