/*
    Theme Name: Aquasampa
    Theme URI: https://aquasampa.com.br/
    Author: 
    Author URI: https://atomdigital.com.br/
    Description: Website/One Page/Landing Page
    Version: 2024
    License: Atom Digital
    License URI: https://atomdigital.com.br/
    Tags: criação de páginas web Brasil, criação de páginas web Goiânia, desenvolvimento de sites Goiânia, desenvolvimento de sites responsivos Goiânia, web design Goiânia, otimização SEO, análise de desempenho de sites, técnicas de otimização para sites, gestão de redes sociais, estratégias de marketing nas redes sociais, produção de conteúdo para websites
    Text Domain: Atom Digital
*/

:root{
	/* Cores */
	--color-neutral-100: #2E2E2E;
	--color-neutral-200: #484848;
	--color-neutral-300: #5C5C5C;
    --color-neutral-400: #C5C6C7;
	--color-neutral-500: #dedede;
	--color-neutral-600: #e0e0e0;
	--color-neutral-700: #efefef;
	--color-neutral-800: #F1F1F1;
	--color-neutral-900: #FFFFFF;

	/* Cores */
	--color-primary: #0c3348;
    --color-secondary: #6599bf;

	/* Fonts Family */
	--font-family-01: "Montserrat", sans-serif;
}

body{
	color: var(--color-neutral-100);
    font-family: var(--font-family-01);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.035em;
    overflow-x: hidden;
}

/*.container{
	max-width: 1440px;
}*/

/*********** Start Background ***********/

.bg-color-neutral-100{
	background-color: var(--color-neutral-100);
}
.bg-color-neutral-200{
	background-color: var(--color-neutral-200);
}
.bg-color-neutral-300{
	background-color: var(--color-neutral-300);
}
.bg-color-neutral-400{
	background-color: var(--color-neutral-400);
}
.bg-color-neutral-500{
	background-color: var(--color-neutral-500);
}
.bg-color-neutral-600{
	background-color: var(--color-neutral-600);
}
.bg-color-neutral-700{
	background-color: var(--color-neutral-700);
}
.bg-color-neutral-800{
	background-color: var(--color-neutral-800);
}
.bg-color-neutral-900{
	background-color: var(--color-neutral-900);
}

.bg-color-primary{
	background-color: var(--color-primary) !important;
}
.bg-color-secondary{
    background-color: var(--color-secondary);
}

/*********** End Background ***********/

/*********** Start Colors ***********/

.text-color-neutral-100{
	color: var(--color-neutral-100);
}
.text-color-neutral-200{
	color: var(--color-neutral-200);
}
.text-color-neutral-300{
	color: var(--color-neutral-300);
}
.text-color-neutral-400{
	color: var(--color-neutral-400);
}
.text-color-neutral-500{
	color: var(--color-neutral-500);
}
.text-color-neutral-600{
	color: var(--color-neutral-600);
}
.text-color-neutral-700{
	color: var(--color-neutral-700);
}
.text-color-neutral-800{
	color: var(--color-neutral-800);
}
.text-color-neutral-900{
	color: var(--color-neutral-900);
}
.text-color-primary{
	color: var(--color-primary);
}
.text-color-secondary{
	color: var(--color-secondary);
}
/*********** End Colors ***********/

/*********** Start Text sizes ***********/

.heading-size-xs {
	font-size: 1.375rem; /* 22px */
}
.heading-size-sm {
	font-size: 1.5rem; /* 24px */
}
.heading-size-md {
	font-size: 2.25rem; /* 36px */
}
.heading-size-lg {
	font-size: 2.5rem; /* 40px */
}
.heading-size-xl {
	font-size: 3.5rem; /* 56px */
}
.heading-size-xxl {
	font-size: 3.875rem; /* 62px */
}

.text-size-xs {
	font-size: 0.625rem;  /* 10px */
}
.text-size-sm {
	font-size: 0.75rem; /* 12px */
}
.text-size-md {
	font-size: 0.875rem; /* 14px */
}
.text-size-lg {
	font-size: 1rem !important; /* 16px */
}
.text-size-xl {
	font-size: 1.125rem; /* 18px */
}
.text-size-xxl {
	font-size: 1.25rem; /* 20px */
}

@media screen and (max-width: 576px) {
    .heading-size-xs {
        font-size: 1rem; /* 20px */
    }
    .heading-size-sm {
        font-size: 1.2rem; /* 24px */
    }
    .heading-size-md {
        font-size: 1.7rem; /* 36px */
    }
    .heading-size-lg {
        font-size: 2rem; /* 40px */
    }
    .heading-size-xl {
        font-size: 2.2rem; /* 56px */
    }
    .heading-size-xxl {
        font-size: 2.375rem; /* 62px */
    }
}
/*********** End Text sizes ***********/

.at-btn-style-01{
	background-color: var(--color-secondary);
	color: var(--color-neutral-900);
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	border-radius: 8px;
	gap: .5rem;
}
.at-btn-style-02{
	background-color: transparent;
	border: 1px solid var(--color-secondary);
	color: var(--color-neutral-100);
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	border-radius: 8px;
	gap: .5rem;
}

/********** Start Config. SwiperJS *********/
.swiper-button-next, .swiper-button-prev {
	top: inherit;
	width: 28px;
	height: 28px;
	margin-top: inherit;
	bottom: 0;
	border-radius: 50%;
	background-color: var(--color-neutral-100);
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size: .7rem;
	color: var(--color-neutral-900);
}
/********** End Config. SwiperJS *********/

/********** Start Menu *********/
.at-header-main .navbar-nav li a{
	color: var(--color-font);
	font-size: 1rem;
	font-weight: 500;
}
.at-header-main .navbar-nav li a:hover{
	color: var(--color-primary);
}
.at-header-main .navbar-brand{
	font-size: inherit;
	padding: 0;
	margin: 0;
}
.at-header-main .navbar-toggler_close,
.at-header-main .at-header-main .navbar-toggler {
	display: none;
}
/* Estilos específicos para tablets e dispositivos com telas maiores */
@media screen and (max-width: 999px) {
	.at-header-main .navbar-overlay {
		background-color: rgba(0, 0, 0, 0.7);
		display: none;
	}
	.at-header-main .navbar-toggler {
		display: block !important;
		border: inherit;
	}
	.at-header-main .navbar-toggler:focus{
		box-shadow: inherit;
	}
	.at-header-main .navbar-toggler img{
		height: 38px;
		padding: 0;
	}
	.at-header-main .navbar-collapse {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		max-width: 80%;
		height: 100%;
		background-color: var(--color-neutral-900);
		z-index: 998;
		transform: translateX(100%);
	}
	.at-header-main .navbar-collapse.show {
		transition: .5s ease-in-out;
		transform: translateX(0);
		padding: 50px;
		overflow: auto;
	}
	.at-header-main .collapse:not(.show){
		transition: .5s ease-in-out;
		display: block;
		transform: translateX(150%) !important;
	}
	.at-header-main .navbar-nav{
		width: 100%;
		display: flex;
		flex-direction: column !important;
		align-items: start;
		justify-content: center;
		row-gap: 1rem;
		text-align: left;
		padding: 0 15%;
	}
	.at-header-main .navbar-toggler_close_content{
		position: absolute;
		right: 10px;
		top: 10px;
		width: 100%;
		display: flex !important;
		justify-content: end;
		margin-bottom: 50px;
	}
	.at-header-main .navbar-toggler_close {
		display: flex;
		background-color: transparent;
		border: none;
	}
	.at-header-main .navbar-toggler_close img{
		max-height: 35px;
	}
	.at-header-main .navbar-nav li a{
		font-size: 1.5rem;
	}
}

/* Menu Dropdown */
.dropdown-item.active, .dropdown-item:active {
	background-color: hsl(from var(--color-secondary) h s calc(l - 8));
}

/********* End Menu *********/

/********* Star home categories *********/

.at-categories .swiper-slide{
	height: 100%;
}

.at-category-box img{
	aspect-ratio: 1 / 1;
}
.aspect-ratio-square {
  aspect-ratio: 1 / 1;
}
.at-category p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/********* End home categories *********/

/********* Start Blog *********/
.list-category,
.at-blog-aside ul{
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}
.list-category li,
.at-blog-aside ul li{
	background-color: var(--color-neutral-800);
	color: var(--color-neutral-100);
	padding: .5rem;
	position: relative;
	border-radius: 8px;
}

.single-post .tag-blog a{
	background-color: var(--color-neutral-800);
}
.tag-blog a{
	background-color: var(--color-neutral-800);
	border-radius: 8px;
	padding: .5rem;
	font-size: 0.875rem;
	font-family: 500;
	color: var(--color-neutral-100);
}


.comment-list li{
	box-shadow: 0px 1px 10px 0px #0000001F;
	padding: 1.8rem;
	border-radius: 8px;
}

.comment-list li:nth-child(even) {
	margin-left: 6rem;
}
.comment-list ol.children{
	margin-top: 2rem;
}

.navigation.pagination{
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}
.navigation.pagination .nav-links{
	display: flex;
	gap: .5rem;
}
.navigation.pagination .nav-links .page-numbers{
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 1.25rem;
	font-weight: 600;
}
.navigation.pagination .nav-links .page-numbers.current {
	background-color: var(--color-neutral-100);
	color: var(--color-neutral-900);
}
/********* End Blog *********/


/*** page-seo ***/

.page-seo li{
	list-style: inherit;
}

/*** page-seo ***/


@media screen and (max-width: 999px) {
	html,body{
		width: 100vw;
		overflow-x: hidden;
	}
}