/* BACKGROUND COLORS ****************************/

.is-color-grey8 {color: #151515;}
.is-color-blue2 {color: DeepSkyBlue;}
.is-color-orange6 {color: Tomato;}

/* AWESOME SOCIAL ORIGINAL COLORS **************/

.fa-twitter {color: #00aced}
.fa-whatsapp {color: #25D366; fill: #25D366;}
.fa-instagram {
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #feda75 0%, #fa7e1e 5%, #d62976 45%, #962fbf 60%, #4f5bd5 90%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.fa-facebook {
	color: transparent;
	background: #4267B2;
	background: linear-gradient(#19AFFF 0%, #0062E0 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* OTHERS **************************************/

.navbar-item img {max-height: 4rem;}
.section {transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.is-width-full {width: 100%;}
.is-height-full {height: 100%;}
.is-vertical-align-text-top {vertical-align: text-top;}
.is-z-index-1 {z-index: 10;}

/* FONTS ***************************************/

body, button, input, optgroup, select, textarea, code, pre {
	font-family: 'Poppins', sans-serif;
}

/* GLOBAL **************************************/

* {
	box-sizing: border-box;
}
main {
	background-image: url("../images/fundos/cinza.webp");
}
html {
	scroll-padding-top: 50px;
	scroll-behavior: smooth;
}

/* SKIPPR **************************************/

.skippr-title,
.skippr-text {
	text-shadow: black 0.1em 0.1em 0.2em
}

/* BULMA NAVBAR ********************************/

.navbar {
	background-color: rgb(2,175,241);
	background-color: rgb(73,202,241);
	background-color: rgb(159,220,248);
	background-color: LightBlue;
}
.column-scroll .card-content {
	max-height: 436px;
	overflow: auto;
	margin: 0.75rem 0 0.75rem 0.75rem;
	padding: 0 0.75rem 0 0;
}
body.has-navbar-fixed-top, html.has-navbar-fixed-top {
	padding-top: 80px;
}
.navbar-brand {
	flex-shrink: 0;
}
.navbar-brand img {
	margin-right: 8px 12px;
}
.navbar-menu {
	width: 100%;
	display: flex;
	flex-shrink: 1;
}
@media screen and (max-width: 1023px) {
	.navbar-menu {
		display: none;
	}
}
.navbar-start {
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
	align-content: space-around;
}
.navbar-item {
	display: flex;
}
.navbar-end {
	margin: 0 20px;
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	align-content: space-around;
}

/* BULMA CARDS *********************************/

@media screen and (min-width: 1024px) {
	.columns.is-desktop {
		display: flex;
	}
}
@media screen and (max-width: 1023px) {
	.column.is-desktop {
		width: 100%;
	}
}
.card-header-title.is-centered {
	text-align: center;
}

/* BULMA TABS WITH CONTENT *********************/

#tabs-with-content .tabs:not(:last-child) {
	margin-bottom: 0;
}
#tabs-with-content .tab-content {
	padding: 1rem;
	display: none;
}
#tabs-with-content .tab-content.is-active {
	display: block;
}
.tabs-list {
	display: flex;
	flex-direction: row;
}
@media screen and (max-width: 610px) {
	.tabs-list {
		flex-direction: column;
	}
}

/* BULMA MODALS ********************************/

.modal-trigger {
	cursor:pointer;
}
.modal-card .button {
	margin-left: 10px;
}

/* BULMA FOOTER  *******************************/

.footer {
	max-height: 90px;
}
@media screen and (max-width: 570px) {
	.is-flex-middle {
		position: relative;
		top: 10px;
	}
	.footer {
		max-height: 180px;
	}
}
@media screen and (min-width: 570px) {
	.is-flex-middle {
		position: relative;
		top: -30px;
	}
}
@media screen and (min-width: 769px) {
	.is-flex-middle {
		position: relative;
		top: -40px;
	}
}
@media screen and (min-width: 1024px) {
	.is-flex-middle {
		position: relative;
		top: -50px;
	}
}

/* GOOGLE MAP **********************************/

.google-map-container {
	position: relative;
	min-height: 300px;
}
.google-map {
	position: absolute;
	min-height: 300px;
}