/*
Theme Name: Paloni
Author: Luiz+Cruz Design
Author URI: https://luizcruzdesign.com
Description: Tema desenvolvido especialmente para o funcionamento do website da clínica Paloni.
Version: 1.0
*/

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Root */
:root {
	--blue: #02517D;
	--green: #129A97;
	--dark-blue: #363352;
	--bs-body-color: var(--dark-blue)!important;
	--bs-border-radius: clamp(15px, 1.5rem, 30px);!important;
	--light-gray: rgb(250,250,250);
}

/* Basics */
body, html {
	height: 100vh;
}

* {
	font-family: "Poppins", "Arial", sans-serif;
}

.py-6 {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

p, section li, input {
	font-size: 16px;
}

li a {
	font-size: inherit;
}

.light-gray {
	background-color: var(--light-gray);
}

.white {
	background-color: #fff;
}

.text-white {
	color: #fff!important;
}

.blue {
	background-color: var(--blue);
}

.blue * {
	color: #fff!important;
}

.text-blue {
	color: var(--blue);
}

.green {
	background-color: var(--green);
}

.text-green {
	color: var(--green);
}

.text-dark-blue {
	color: var(--dark-blue)!important;
}

h1 {
	font-size: 40px;
}

h1, h2 {
	text-transform: uppercase;
}

h2 {
	font-size: 1.625rem;
}

h3 {
	font-size: 1.125rem;	
}

h2, h3 {
	font-weight: bold!important;
}

article :last-child {
	margin-bottom: 0;
}

.text-decoration-none {
	text-decoration: none!important;
}

.cta {
	border-radius: 0.5rem;
	padding: 0.5rem 1rem;
	transition: 0.3s;
	color: white;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
}

.cta.outline {
	border: 1px solid #fff!important;
}

.cta:hover {
	transform: scale(1.05);
}

/* Nav */
nav {
	height: 110px;
	padding: 30px 0px;
	background-color: #fff;
	position: relative;
	z-index: 999;
}

nav #desktop-nav ul a {
	text-decoration: none!important;
	font-size: 18px;
	color: var(--blue)!important;
	opacity: 0.7;
	transition: 0.3s;
}

nav #desktop-nav ul li:hover a {
	opacity: 1;
}

nav .nav-social-links li a {
	font-size: 34px!important;
	opacity: 1!important;
}

nav img.nav-logo {
	height: 100%;
}

nav a.hamburger-menu {
	color: var(--blue);
	font-size: 34px;
	text-decoration: none;
}

nav #mobile-nav a {
	color: var(--blue);
	text-decoration: none;
}

a.whatsapp {
	border-radius: 40px;
	padding: 0.5em 1em;
	background-color: transparent;
	border: 2px solid white;
}

/* Content & Blocks */
.blue.green-article article {
	background-color: var(--green);
	color: #fff;
	border-radius: 0.5rem;
	padding: 2rem;
}

/* Form eBook */
#form-ebook input, #form-ebook textarea {
	border-radius: 0.4rem;
    padding: 0.5rem 1rem;
	border: none;
	width: 100%;
	color: var(--dark-blue);
}

#form-ebook input[type="submit"] {
	background-color: transparent;
	font-weight: bold;
	border-radius: 100px;
	color: white;
	font-size: 20px;
	padding: 0.5em 1em;
	transition: 0.3s;
}

#form-ebook input[type="submit"]:hover {
	transform: scale(1.05);
}

#form-ebook .wpcf7-response-output {
	border: none!important;
	color: white;
	margin: 1em 0!important;
	padding: 0!important;
}

#form-ebook .wpcf7-turnstile {
	margin-bottom: 1rem;
}

/* Home */
#hero-banner {
	height: 800px;
}

.banner-2-col {
	background-position: center;
	background-size: cover;
}

.banner-2-col span, .banner-2-col h1 {
	color: white;
}

.contatos iframe {
	width: 100%;
	height: 350px;
}

.blue h2, .green h2 {
	color: #fff!important;
}

/* Ebook */
.ebook * {
	color: #fff;
}

/* Carousel */
.carousel-control-next, .carousel-control-prev {
	color: var(--blue)!important;
	opacity: 1!important;
	width: auto!important;
}

.carousel-control-next:hover, .carousel-control-prev:hover {
	color: var(--blue)!important;
}

/* Footer */
footer {
	background-color: var(--blue);
}

footer a {
	text-decoration: none;
}