/********************************/
/* Project Variables
/********************************/
:root {
	--ion-color-primary: #ff0000;
	--ion-color-primary-rgb: 255, 0, 0;
	--ion-color-primary-contrast: #ffffff;
	--ion-color-primary-contrast-rgb: 255, 255, 255;
	--ion-color-primary-shade: #e00000;
	--ion-color-primary-tint: #ff1a1a;

	--ion-color-secondary: #ff0000;
	--ion-color-secondary-rgb: 255, 0, 0;
	--ion-color-secondary-contrast: #ffffff;
	--ion-color-secondary-contrast-rgb: 255, 255, 255;
	--ion-color-secondary-shade: #e00000;
	--ion-color-secondary-tint: #ff1a1a;

	--ion-color-tertiary: #ff0000;
	--ion-color-tertiary-rgb: 255, 0, 0;
	--ion-color-tertiary-contrast: #ffffff;
	--ion-color-tertiary-contrast-rgb: 255, 255, 255;
	--ion-color-tertiary-shade: #e00000;
	--ion-color-tertiary-tint: #ff1a1a;

	--main-header-height: 75px;
	--side-menu-width: 335px;
}

/********************************/
/* Project Styles
/********************************/
app-content-details app-page-header .info,
app-content-list-page app-page-header .info {
	align-items: flex-end !important;
	justify-content: flex-start !important;
	width: 94% !important;
	max-width: 1620px !important;
	margin: auto !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	padding-bottom: 50px !important;
}

app-content-details app-page-header h1,
app-content-list-page app-page-header h1 {
	text-align: left !important;
}

app-content-details app-text h2 {
	font-size: 40px !important;
	font-weight: bold !important;
	line-height: 1.3 !important;
	letter-spacing: 0.4px !important;
}

app-content-details app-text h2.ion-text-center {
	text-align: left !important;
}

app-content-details .news-image .container {
	padding-top: 20px !important;
}
app-content-details .news-image ion-img {
	max-width: 650px !important;
}

app-page-header:before {
	animation: none !important;
	opacity: 0.5 !important;
	background-color: #222934 !important;
}

app-main-footer .logos ion-col:nth-child(2) ion-img {
	margin-left: auto !important;
}

@media only screen and (max-width: 767px) {
	app-main-footer .logos ion-col:nth-child(2) ion-img {
		margin-left: 0 !important;
		margin-top: 25px !important;
	}
}

app-hero-search-banner {
	min-height: 625px !important;
}

app-hero-search-banner .info ion-text {
	margin-top: 20px !important;
}

app-hero-search-banner .info .btn-send {
	min-width: 220px !important;
	min-height: 55px !important;
}

app-hero-search-banner .info ion-select {
	height: 50px !important;
}

app-image-gallery swiper-slide:before {
	display: none !important;
}

app-content-list ion-card {
	width: 100% !important;
	border-radius: 0 !important;
}

app-content-list ion-card:hover {
	opacity: 0.9 !important;
	transition: 0.2s opacity !important;
}

app-content-list ion-card-header {
	padding: 0 !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 2 !important;
	padding-left: 30px !important;
	padding-bottom: 17px !important;
	padding-right: 17px !important;
	align-items: flex-start !important;
	flex-direction: column !important;
}

app-content-list ion-card-title {
	font-size: 22px !important;
	font-weight: bold !important;
	line-height: 1.45 !important;
	letter-spacing: 0.22px !important;
	color: #fff !important;
	margin-top: auto !important;
	order: 2 !important;
}

app-content-list .date {
	color: rgba(255, 255, 255, 0.9) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    width: auto !important;
    order: 1 !important;
	flex-basis: auto !important;
	margin-bottom: 5px !important;
	text-transform: uppercase !important;
}

app-content-list ion-card ion-img {
	width: 100% !important;
	height: 320px !important;
	object-fit: cover !important;
	object-position: top !important;
}

app-content-list ion-card ion-img:before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: #000 !important;
	opacity: 0.45 !important;
	z-index: 2 !important;
}

app-content-list-page ion-button {
	--color: var(--ion-color-primary) !important;
	--background: none !important;
	--border-color: var(--ion-color-primary) !important;
	--border-width: 1px !important;
	--border-style: solid !important;
	--border-radius: 27.5px !important;
	--box-shadow: none !important;
	margin-top: 60px !important;
}

app-content-list-page ion-button:hover {
	--color: var(--ion-color-primary-contrast) !important;
	--background: var(--ion-color-primary) !important;
}