/*
Theme Name:        DC Salud
Text Domain:       dcsalud
Version:           1.0
Author:            Mariella Miranda
Author URI:        https://miranda.pe
License:           GPLv2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {

	/* Colors */
  	--brand-primary: 245,245,245;
	--brand-secondary: 69,135,135;
	--brand-tertiary: 121,186,186;
	--brand-quaternary: 100,206,206;
	--brand-quinary: 49,155,155;
	--brand-senary: 20,62,57;
	--brand-light: 255,255,255;
	--brand-mid-1: 105,105,105;
	--brand-mid-2: 77,77,77;
	--brand-dark:  28,28,28;
	/* Fonts */
	--main-font: "Manjari", sans-serif;
}

body {
	background: rgb(var(--brand-light));
	font-family: var(--main-font);
	color: rgb(var(--brand-dark));
	-webkit-font-smoothing: antialiased;
}

input, button {
	text-decoration: none;
}

button {
	cursor: pointer;
}

#main-header {
	padding: 5px 0;
	border-bottom: 2px solid rgb(var(--brand-tertiary),0.5);
	background-color: rgb(var(--brand-primary));
	font-size: 1.15em;
}

.navbar-brand h1 span:first-child {
	display: none;
}

.navbar-nav .nav-link {
	padding: 1em;
	text-align: center;
	color: rgb(var(--brand-dark));
}

.current-nav-item .nav-link{
	font-weight: bold;
	color: rgb(var(--brand-secondary));
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
	color: rgb(var(--brand-secondary));
}

.navbar-nav .nav-link.active {
	font-weight: bold;
}

.btn-cta {
	margin-left: 0.5em;
	padding: 1em;
	border: none;
	border-radius: 0.5em;
	background-color: rgb(var(--brand-tertiary));
	color: rgb(var(--brand-light)) !important;
	line-height: 1em;
}

.btn-cta:hover, .btn-cta:focus {
	background-color: rgb(var(--brand-quaternary));
}

.btn-cta:focus, .btn-cta:active {
	background-color: rgb(var(--brand-quinary)) !important;
}

#main-content {
	margin-top: 8em;
}

#main-cta {
	margin-top: 98px;
	padding: 40px 0;
	min-height: 500px;
	background-image: url(assets/images/cta-bg.png);
	background-position: center center;
	background-repeat: none;
	background-size: cover;
}

.main-cta-row {
	min-height: 420px;
}

.cta-content {
	background-color: rgb(var(--brand-dark), 0.4);
	color: rgb(var(--brand-light));
	padding: 2em;
}

.cta-content h2{
	font-size: 2.5em;
}

#main-about {
	background: rgb(var(--brand-primary));
	padding: 4em 0;
}

.about-us {
	font-size: 2.5em;
	line-height: 1.5em;
}

#main-categories {
	padding: 2.5em 0;
}

.main-category img {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

.main-cat-body {
	background-color: rgb(var(--brand-senary), 0.6);
	width: 100%;
	height: auto;
	padding: 1.5em 1.5em 0.65em;
	color: rgb(var(--brand-light),1);
	transition: background-color 0.5s ease-out, height 0.5s ease-out;
}

.main-category:hover .main-cat-body, .main-category:focus .main-cat-body {
	background-color: rgb(var(--brand-tertiary), 0.8);
	border-radius: 20px 20px 0 0;
	height: 100%;
	transition: background-color 0.5s ease-out, height 0.5s ease-out;
}

.main-cat-body h5 {
	font-size: 1.8em;
	line-height: 100%;
	margin: 0;
	align-self: flex-end;
}

#main-testimonials {
	color: rgb(var(--brand-mid-2));
	padding: 6em 0;
	background-image: url(assets/images/testimonials-bg.png);
	background-position: center center;
	background-repeat: repeat;
}

#main-testimonials h4{
	font-size: 2.5em;
	margin-bottom: 2.5em;
	text-align: center;
}

.testimonial-carrousel {
	width: 100%;
}

.testimonial-content {
	font-size: 2em;
	line-height: 1.5em;
}

.testimonial-content::before {
	content: url(assets/images/quote-mark.png);
	display: inline;
	width: 35px;
	height: 36px;
	position: absolute;
	right: 85%;
}

.testimonial-owner {
	font-size: 1.5em;
	line-height: 1.5em;
	border-top: 2px solid rgb(var(--brand-quaternary));
	margin-top: 2.5em;
	padding-top: 1.25em;
}

.carousel-inner {
	padding-inline-start: 0;
}

.carousel-indicators {
	left: auto;
	margin: 0;
	bottom: 30px;
}

.carousel-indicators [data-bs-target] {
	width: 20px;
	height: 20px;
	border-radius: 10px!important;
	border: none!important;
	background-color: rgb(var(--brand-dark), 0.4);
	opacity: 1!important;
}

.carousel-indicators .active {
	background-color: rgb(var(--brand-quaternary));
}

#main-news {
	padding: 5em 0;
	background-color:rgb(var(--brand-light));
}

#main-news h4 {
	font-size: 2.5em;
}

#main-news .visit-blog {
	font-size: 1.5em;
	line-height: 2.2em;
	color: rgb(var(--brand-secondary));
	text-decoration: none;
}

#main-news .visit-blog:hover, #main-news .visit-blog:focus {
	text-decoration: underline;
}

.news-post {
	max-height: 380px;
}

.news-post a {
	display: inline-block;
	border-radius: 10px 10px 0 0;
	background-color: rgb(var(--brand-secondary));
}

.news-post .news-post-image {
	border-radius: 10px 10px 0 0;
	transition: opacity 0.5s ease-out;
}

.news-post a:hover .news-post-image, .news-post a:focus .news-post-image {
	opacity: 0.4;
	transition: opacity 0.5s ease-out;
}

.news-post .news-post-body {
	display: inline-block;
	width: 100%;
	padding: 1.875em 1.25em;
	background-color: rgb(var(--brand-primary));
}

.news-post-title {
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 900;
	margin-bottom: 0;
	color: rgb(var(--brand-dark));
}

.news-post a:hover .news-post-title, .news-post a:focus .news-post-title {
	color: rgb(var(--brand-secondary));
}

#main-footer {
	padding: 5em 0;
	background-color: rgb(var(--brand-secondary));
	color: rgb(var(--brand-light));
}

#footer-logo {
	margin-bottom: 2em;
	text-align: center;
}

#footer-logo a span:first-child{
	display: none;
}

.footer-address {
	text-align: center;
	font-size: 1.15em;
}

.menu-footer {
	margin-bottom: 1.75em;
}
.menu-footer .nav-link {
	color: rgb(var(--brand-light));
	font-size: 1.15em;
	padding-left: 0;
	padding-bottom: 0;
}

.menu-footer .nav-link:hover, .menu-footer .nav-link:focus {
	color: rgb(var(--brand-light));
	text-decoration: underline;
}

#footer-nav .btn-cta {
	margin-bottom: 1.75em;
}

.social-footer, .social-footer a {
	color: rgb(var(--brand-tertiary));
}

.social-footer, .social-footer a:hover, .social-footer, .social-footer a:focus  {
	color: rgb(var(--brand-quinary));
}

.social-footer .nav-link {
	background-color: rgb(var(--brand-light));
	padding: 0.3em 0.8em;
	margin-right: 0.5em;
	border-radius: 2em;
	line-height: 2em;
}

@media (max-width: 767.98px) {
	.testimonial-content::before {
		display: none;
	}
}

@media (max-width: 991.98px) {
	body {
		font-size: 14px;
	}
	#main-news .visit-blog {
		text-align: left!important;
	}
}