/*
Theme Name: Rio Water Fun
Theme URI: https://www.riowaterfun.com.br
Author: Ana Clara Poubel
Author URI: http://www.ampercomunicacao.com.br
Description: Bootstrap Amper Comunicação.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: amper, bootstrap
Text Domain: amper

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
	--bs-body-color: #212529;
    --bs-body-bg: #fff;
	--bs-primary: #3367af;
	--bs-primary-rgb: 51,103,175;
	--bs-secondary: #d8da00;
	--bs-secondary-rgb: 216,218,0;
	--bs-tertiary: #bd4996;
	--bs-tertiary-rgb: 189,73,150;
	--bs-light: #cccccc;
	--bs-light-rgb: 204,204,204;
	--bs-dark: #5b5b5f;
	--bs-dark-rgb: 91,91,95;
	--bs-navbar-toggler-border-color: green;
    --bs-link-color: white;
    --bs-link-hover-color: var(--bs-tertiary);
	--swiper-navigation-size: 6rem;
	--swiper-theme-color: var(--bs-secondary);
}

@media (max-width: 575px) {
	.container { padding: 0 1rem; }
}

@font-face {
    font-family: 'Effra';
    src: url('fonts/effra_boldEffra.eot') format('embedded-opentype');
    src: url('fonts/effra_boldEffra.woff2') format('woff2'),
		url('fonts/effra_boldEffra.ttf') format('truetype');
	font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Effra';
    src: url('fonts/effra_regular.eot') format('embedded-opentype');
    src: url('fonts/effra_regular.woff2') format('woff2'),
		url('fonts/effra_regular.ttf') format('truetype');
	font-weight: 400;
    font-style: normal;
    font-display: swap;
}

a {
	color: white;
	text-decoration: none;
}
a:hover {
	color: var(--bs-tertiary);
}
.pagination a {
	color: var(--bs-body-color);
}
header {
	position: absolute;
	right:0;
	left:0;
	z-index:1000;
}
body {
	font-family: "Effra", sans-serif;
	font-weight: 400;
}

/* .site-header {
} */
.custom-logo {
	height:120px;
	max-height: 120px;
	width: auto;
	object-fit: contain;
	z-index:1001;
}
@media (min-width: 768px) {
	footer .custom-logo {
		object-position: left;
	}
}
/*Botão*/
.btn {
	border-radius:1000px; 
	font-weight:700;
	text-transform: uppercase;
	border-width: 2px;
	padding: 2px 20px;
}
.btn-primary {
	--bs-btn-color: #FFF;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: var(--bs-tertiary);
    --bs-btn-hover-border-color: var(--bs-tertiary);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);;
    --bs-btn-active-border-color: var(--bs-primary);;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);;
    --bs-gradient: none;
}
.btn-secondary {
	--bs-btn-color: #000;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-outline-secondary {
	--bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary);;
    --bs-btn-active-border-color: var(--bs-secondary);;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-secondary);;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);;
    --bs-gradient: none;
}
.bg-tertiary {
	background-color: var(--bs-tertiary);
}

/*Transicao hover botão do editor de blocos*/
.wp-block-button > .has-primary-background-color:hover,
.wp-block-button > .has-secondary-background-color:hover,
.wp-block-button > .has-tertiary-background-color:hover {
	background-color: transparent !important;	
}
.wp-block-button__link, .btn-youtube a {
	transition: all 0.2s ease;
}
.btn-youtube a:hover {
	filter: brightness(0.7);
}
.w-10 { width: 10% !important; }
.text-sm { font-size: 13px; }


/* NAVBAR */
.nav-link {
	color: var(--bs-white);
	border-bottom: 4px solid transparent;
	padding: 0.2em 0.5em;
}
.nav-link:focus, .nav-link:hover, .navbar-nav .nav-link.active { 
	color: var(--bs-white);
	border-bottom: 4px solid var(--bs-secondary);
}
@media (max-width: 991px) {
	.navbar-collapse {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 0;
        background: var(--bs-primary);
        display: flex;
		flex-direction: column;
        align-items: start;
        justify-content: start;
        color: #fff;
		transition: height 0.35s linear;
    }
    .navbar-collapse.show {
        height: 100vh;
	}
	.main-menu {
		padding-top: 150px;
	}
	.custom-logo, .navbar-brand, .navbar-toggler {
		position: relative;
		z-index: 10;
	}
}
/* FIM NAVBAR */

.img-rounded img {
	border-radius: 0.3rem;
}
.selo {
	position: absolute;
	right: 0;
	top: 15px;
}
@media (min-width: 768px) {
	.selo {
		right: 25%;
	}
}

/* TAG SEÇÂO */
.label { font-size: 0.75rem; letter-spacing: 0.2rem; }

/* DETALHE LINHA TÍTULOS */
/* h1 mark, h2 mark,  h3 mark,  h4 mark,  h5 mark,  h6 mark, .linha {
	border-bottom: solid 5px var(--bs-secondary);
	padding: 0;
} */
h1 mark, h2 mark,  h3 mark,  h4 mark,  h5 mark,  h6 mark, .linha {
	min-height: 12px;
	border: none;
	background-color: var(--bs-secondary);
	padding: 0;
	border-radius: 1000px;
}


/* FORMULÁRIO */
input, select {
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-color: var(--bs-primary);
	border-width: 2px;
	padding: 0 10px;
	border-radius: 1000px;
	border-style: solid;
}
.wpcf7-form-control {
	display:flex;
	height:45px;
}
.wpcf7 input:not([type="submit"]),
.wpcf7 select, label{ 
	width:100%; 
}
.input-wrapper {
	width:100%;
}
.wpcf7-form-control::placeholder {
	color: var(--bs-light) !important;
}

@media (min-width:992px){
	.form div:nth-child(2) .input-wrapper p {
		margin-bottom:0;
	}
}
.wpcf7 label {
	color: var(--bs-primary);
	font-weight: bold;
	padding-left: 1.5rem;
}
.wpcf7-submit {
	color: white;
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
	border-style: none;
	padding: 4px 20px !important;
	text-transform: uppercase;
	font-weight: 700;
	transition: all 0.2s ease;
	text-align: center;
	width: 100% !important;
}
.wpcf7-submit:hover {
	background-color: var(--bs-tertiary);
}
/* FIM FORMULÁRIO */


/* FORMULÁRIO COMENTÁRIOS WORDPRESS */
.comment-form > p {
	display: flex;
	flex-direction: column;
}
.comment-form textarea, .comment-form input {
	border: 1px solid var(--bs-primary);
}
.comment-form input:not([type="submit"]) {
    height: 35px;
}
.comment-form input[type="submit"] {
	background-color: var(--bs-secondary);
	border-color: var(--bs-secondary);
	padding: 0.5rem;
}
.wp-block-search__button {
	border-radius: 1000px	;
}
.logged-in-as, .comment-form-cookies-consent {
	flex-direction: row !important;
	gap: 0.5rem;
	align-items: center;
}
.comment-reply-title {
	text-transform: uppercase;
	font-weight: 700;
	color: var(--bs-primary);
}
/* FIM FORMULÁRIO COMENTÁRIOS WORDPRESS */



/*background contato*/
.bg-contato {
	background-image: url("https://ampercomunicacao.com.br/clientes/tah/site/wp-content/uploads/2023/10/contato.png");
	background-size: contain;
	background-repeat: no-repeat;
}
@media (min-width:768px) and (max-width:1024px) {
	.bg-contato { background-position-x: -130px;}
}
@media (min-width:500px) and (max-width:767px) {
	.bg-contato {
		height: 700px !important;
		background-position-x: -1em;
		background-size: auto 300px;
	}
	.bg-contato .container {
		position: relative;
		top: 380px;
	}
}
@media (max-width: 499px) {
	.bg-contato {
		height: 630px !important;
		background-position-x: -1em;
		background-size: 80%;
	}
	.bg-contato .container {
		position: relative;
		top: 300px;
	}
}
/*Fim background contato*/

/* .pll-parent-menu-item  a {
	border-color: transparent !important;
}
.pll-parent-menu-item > a span {
	display: none;
}
.pll-parent-menu-item .dropdown-menu {
	min-width: 0;
	background-color: #df034c;
} */

/* ANIMACAO WHATSAPP */
.animacao {
	display: flex;
	justify-content: center;
	align-items: center;
	position:fixed; 
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow: 0 0 0 0 rgba(10, 202, 58, 0.89);
	z-index:11000; 
	text-decoration: none;
	animation: alerta 1.5s infinite;
}
.animacao:hover {
	  color: #FFF !important;
}
.animacao-icon {
	  color: white;
}

@keyframes alerta {
	0% {
	  transform: scale();
	}
	70% {
	  transform: scale();
	  box-shadow: 0 0 0 50px rgba(69, 152, 27, 0);
	}
	  100% {
	  transform: scale();
	  box-shadow: 0 0 0 0 rgba(69, 152, 27, 0);
	}
}
/* FIM ANIMACAO WHATSAPP */


/* MANSORY GALLERY */
.mansory-gallery {
	display:grid !important;
	grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.mansory-gallery > figure {
	width: 100% !important;
}
.mansory-gallery > figure:first-child {
	grid-column: 1 / 3;
}
.mansory-gallery > figure:nth-child(6n-1) {
	grid-column: 2 / 4;
}
/* FIM MANSORY GALLERY */


/* SWIPER e PAGINAÇÃO WORDPRESS */
.swiper-button-prev, .blog-prev {
	left: -7px;
}
.swiper-button-next, .blog-next {
	right: -7px;
}
.swiper-button-next, .swiper-button-prev, .blog-next, .blog-prev {
	font-weight: bold;
}
.swiper-button-next:after, .swiper-button-prev:after, .blog-next:after, .blog-prev:after {
	font-size: 40px;
}


.swiper-button-prev:after, .swiper-button-next:after, .blog-next, .blog-prev {
	height: 50px;
	width: 50px;
	background-size: contain;
	background-repeat: no-repeat;
}
.swiper-button-prev:after, .blog-prev {
	content: '';
	position: relative;
	background-image: url(assets/img/arrow-prev.png);
	background-position: left;
}
.swiper-button-next:after, .blog-next {
	content: '';
	position: relative;
	background-image: url(assets/img/arrow-next.png);
	background-position: right;
}
@media (min-width: 992px) {
	.swiper-button-prev:after, .swiper-button-next:after, .blog-next, .blog-prev {
		height: 70px;
		width: 70px;
	}
}

.pagination .nav-previous div.disabled,
.pagination .nav-next div.disabled {
	opacity: 0.3;
}
/* FIM SWIPER E PAGINAÇÃO */


/* SINGLE */
.post-content a {
	color: var(--bs-primary);
	transition: all 0.2s ease;
}
.post-content a:hover {
	color: var(--bs-tertiary);
}
article img {
	width: 100%;
	height: 350px;
	object-fit: cover;
}
.comment-author img {
	width: auto;
	height: auto;
}
.avatar {
	border-radius: 1000px;
}
/* FIM SINGLE */


/* 404 */
.not-found-wrapper .btn-link {
	color: var(--bs-primary);
	text-decoration: none;
}
.not-found-wrapper .btn-link:hover {
	color: var(--bs-tertiary);
}
.not-found-wrapper img {
	max-height: 200px;
	max-width: 100%;
}
@media (min-width: 768px) {
	.not-found-wrapper img {
		max-height: 400px;
	}
}
/* FIM 404 */


.post-home-thumb {
	height: 380px;
	width: 100%;
	object-fit: cover;
	border-bottom: 6px solid var(--bs-secondary);
}

video {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.wp-block-tag-cloud a {
	margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid var(--bs-secondary);
    padding: 2px 10px;
}

@keyframes fadeIn {
    from {
		width:0;
    }
    to {
		width:100%;
    }
}

.fade-in {
	width: 0;
    animation: fadeIn 2s ease-in forwards;
}

.passeios .img-rounded img {
	width: 100%;
}

.social-icon {
	font-size: 24px;
	color: var(--bs-secondary);
}

.banner-mid img {
	width:100%;
}

li::marker {
	color: var(--bs-secondary);
}

/* Checkmark Card Passeios */ 
.custom-list {
	list-style: none;
	padding: 0;
}
.custom-list li {
  position: relative;
  padding-left: 1.5rem; /* espaço para a imagem */
}
.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 16px;
  height: 16px;
  background-image: url('assets/img/check.png');
  background-size: contain;
  background-repeat: no-repeat;
}
/* Fim Checkmark Card Passeios*/ 


/* Animação wave */
.banner-animacao-wrapper {
	position: absolute;
	width: 100%;
	height: 500px;
}
.banner-animacao {
	position: absolute;
	bottom: 20%;
	width: 200%;
	overflow: hidden;
}
.animacao-image {
	width: 200%;
	height: auto;
	max-width: none;
	animation: scrollImage 18s linear infinite;
}
.animacao-image:nth-child(2) {
	position: absolute;
	left: 200%;
	top: 0;
}

@keyframes scrollImage {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

@media (min-width: 576px) {
	.banner-animacao {
		width:100%;
	}
	.animacao-image {
		width: 100%;
		height: auto;
		max-width: none;
		animation: scrollImage 18s linear infinite;
	}
	.animacao-image:nth-child(2) {
		position: absolute;
		left: 100%;
	}

	@keyframes scrollImage {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(-100%);
		}
	}
}
/* Fim Animação wave

/* .card-header1::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 1000px;
	background-color: white;
} */