/*
Theme Name: Naboatevita
Theme URI: https://wordpress.org/
Author: The Project Drivers
Author URI: https://wordpress.org/
Description: A legacy (classic) WordPress theme built for the block editor: wide alignment, editor styles, theme.json settings, and clean PHP templates.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: naboatevita
Tags: blog, custom-colors, custom-menu, editor-style, featured-images, full-width-template, threaded-comments, translation-ready, block-styles, wide-blocks

Naboatevita is a classic theme: PHP templates drive the front end while Gutenberg receives first-class support via theme.json and editor styles.
*/

/* --------------------------------------------------------------------------
   CSS variables (aligned with theme.json where applicable)
   -------------------------------------------------------------------------- */
:root {
	--primary-color: #007bff;
	--secondary-color: #6c757d;
	--success-color: #28a745;
	--danger-color: #dc3545;
	--warning-color: #ffc107;
	--info-color: #17a2b8;
}

@font-face {
	font-family: 'Mostra Nuova';
	src: url('assets/fonts/MostraNuova-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Mostra Nuova';
	src: url('assets/fonts/MostraNuova-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

#wpadminbar + #navbar {
	top: 32px;
}

.tour-sections-wrapper {
	position: relative;
	background: linear-gradient(to bottom, #0077b6, #0096c7);
	overflow: hidden;
}

.tour-sections-wrapper .wave {
	position: absolute;
	width: 200%;
	height: 120px;
	bottom: 0;
	left: 0;
	background-repeat: repeat-x;
	background-size: contain;
	opacity: 0.3;
	z-index: 0;
}

.tour-sections-wrapper .wave.wave1 {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'><path fill='%23ffffff' fill-opacity='0.4' d='M0,192L48,181.3C96,171,192,149,288,144C384,139,480,149,576,160C672,171,768,181,864,160C960,139,1056,85,1152,58.7C1248,32,1344,32,1392,32L1440,32V320H1392C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'/></svg>");
	animation: wave1Move 12s linear infinite;
	bottom: 0;
}

.tour-sections-wrapper .wave.wave2 {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'><path fill='%23ffffff' fill-opacity='0.2' d='M0,224L48,192C96,160,192,96,288,85.3C384,75,480,117,576,133.3C672,149,768,139,864,160C960,181,1056,235,1152,229.3C1248,224,1344,160,1392,128L1440,96V320H1392C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'/></svg>");
	animation: wave2Move 18s linear infinite;
	bottom: 10px;
}

.tour-sections-wrapper .boat {
	position: absolute;
	width: 40px;
	height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='32,0 40,32 24,32' fill='white'/%3E%3Cpath d='M16,40 L48,40 L42,48 L22,48 Z' fill='brown'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	animation: boat-sail linear infinite;
	animation-duration: var(--duration);
	top: var(--top);
	left: var(--left);
	z-index: 1;
}

@keyframes wave1Move {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

@keyframes wave2Move {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-30%);
	}
}

@keyframes boat-sail {
	0% {
		transform: translateX(0);
		opacity: 0.8;
	}

	50% {
		transform: translateX(200vw) translateY(-5px) rotate(2deg);
		opacity: 1;
	}

	100% {
		transform: translateX(0);
		opacity: 0.8;
	}
}

.page-template-authentication a {
	color: #B4182A;
}
.page-template-authentication .logo-primary {
	width: 90px;
}