/*
Theme Name: Digital Azul Rental
Theme URI: https://mindprocess.pt
Author: MindProcess
Author URI: https://mindprocess.pt
Description: Theme for Digital Azul Rental
Requires at least: 6.0
Tested up to: 6.2.2
Requires PHP: 7.4
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digitalazulrental
Tags: full-site-editing, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
	background: #F5F5F5;
}

body.home {
	background: #FFFFFF;
}

figure {
    margin: 0;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.main-header {
	position: relative;
	padding-inline: 30px;
	padding-block: 20px;
}

.home .main-header {
	position: relative;
  	border-bottom: none;
  	z-index: 9999;
}

.destaques-swiper {
	clip-path: polygon(90px 0%, 100% 0%, 100% 100%, 0% 100%);
	transition: 0.5s;
}

.destaque-item {
	box-sizing: border-box;
}

.destaque-image {
	clip-path: polygon(90px 0%, 100% 0%, calc(100% - 90px) 100%, 0% 100%);
	transition: 0.5s;
}

.destaque-content {
	padding: 50px 30px;
	align-self: stretch;
}

.destaque-content h2 {
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 800;
	margin-bottom: 1rem;
	line-height: 1;
}

.destaque-content h3 {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 300;
	line-height: 1.3;
	color: #00000099;
}

.destaque-content .titles {
	margin-bottom: 2rem;
}

a.destaque-link {
	text-decoration: none;
	font-size: 0.95rem;
	font-weight: 500;
	text-transform: uppercase;
	border: 1px solid #000000;
	padding: 15px 20px;
	border-radius: 6px;
	transition: 0.1s;
	display: inline-flex;
	align-items: center;
	gap: 20px;
}

a.destaque-link:hover {
	background: #000000;
	color: var(--wp--preset--color--primary);
	fill: var(--wp--preset--color--primary);
}

.destaques-navigation {
	position: absolute;
	bottom: 50px;
	right: 50px;
	gap: 40px;
	z-index: 10;
}

.destaques-navigation .nav-button {
	fill: #00000033;
	transition: 0.3s;
}

.destaques-navigation .nav-button:hover {
	fill: #000000;
}

/* User Menu */

#menu-user-menu {
	display: flex;
	justify-content: flex-end;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 20px;
}

#menu-user-menu li {
	line-height: 1;
	
}

#menu-user-menu li a {
	color: var(--wp--preset--color--medium-dark-grey);
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
	transition: 0.2s;
}

#menu-user-menu li a:hover {
	color: var(--wp--preset--color--base);
}

#menu-user-menu li.current-menu-item a {
	color: var(--wp--preset--color--primary);
}

/* Legal Menu */

#menu-legal-menu {
	display: flex;
	justify-content: flex-end;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 20px;
}

#menu-legal-menu li a {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--dark-grey);
	text-decoration: none;
}

#menu-legal-menu li a:hover {
	color: var(--wp--preset--color--medium-grey);
}

/* Taxonomy Pagination */

.wp-block-query-pagination {
	justify-content: center;
	padding-top: 2rem;
}

.wp-block-query-pagination-numbers {
	display: flex;
  gap: 10px;
}

.wp-block-query-pagination-numbers .page-numbers {
	font-size: 0.85rem;
	font-weight: 500;
	text-decoration: none;
	line-height: 1;
	padding: 5px 10px;
	transition: 0.2s;
	color: var(--wp--preset--color--medium-grey);
}

.wp-block-query-pagination-numbers a.page-numbers:hover {
	background: var(--wp--preset--color--light-grey);
}

.wp-block-query-pagination-numbers .page-numbers.current {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--dark-grey);
}


.image-placeholder-text {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.1;
	color: #cccccc;
	position: absolute;
	top: 60%;
	
}


/* Just Validate */

.just-validate-error-label {
	font-size: 13px;
	color: #c0392b;
	margin-top: 5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14'%3E%3Cpath d='M6.82.67.18 11.98c-.38.64-.15 1.46.5 1.84.21.12.44.18.68.18h13.27c.75 0 1.37-.6 1.37-1.34 0-.24-.06-.47-.18-.67L9.18.67a1.376 1.376 0 0 0-2.36 0m1.17 3.38h.03c.47 0 .84.38.84.84v3.46c0 .47-.38.84-.84.84h-.03c-.47 0-.84-.38-.84-.84V4.89c0-.47.38-.84.84-.84M8 10.38c.47 0 .86.38.86.86s-.38.86-.86.86-.86-.38-.86-.86.38-.86.86-.86' style='fill:%23bf3a2a'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: top 2px left;
	background-size: 14px auto;
	padding-left: 20px;
	line-height: 1.2;
}

input.just-validate-error-field {
	border-color: #c0392b;
}


/* Auxiliary Classes */

.flex { display: flex; }
.flex-inline {display: inline-flex}

.flex-1 { flex: 1; }
.flex-2 { flex: 2; }
.flex-3 { flex: 3; }
.flex-4 { flex: 4; }
.flex-5 { flex: 5; }
.flex-align-start { align-items: flex-start; }
.flex-align-center { align-items: center; }
.flex-align-end { align-items: flex-end; }
.flex-justify-start { justify-content: flex-start; }
.flex-justify-center { justify-content: center; }
.flex-justify-end { justify-content: flex-end; }
.flex-space-between { justify-content: space-between; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }

.grid { display: grid; }

.grid-align-center { align-items: center; }

.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-5 { grid-template-columns: repeat(5, 1fr); }
.grid-6 { grid-template-columns: repeat(6, 1fr); }
.grid-1-2 { grid-template-columns: auto 1fr; }
.grid-auto { grid-template-columns: repeat(auto-fill, minmax(min(360px, 100%), 1fr)); }
.grid-auto-medium { grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); }
.grid-auto-video { grid-template-columns: repeat(auto-fill, minmax(min(270px, 100%), 1fr)); }
.grid-auto-250 { grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); }
.grid-auto-small { grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); }
.grid-max-content { grid-auto-rows: max-content; }

.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.gap-25 { gap: 25px; }
.gap-30 { gap: 30px; }
.gap-40 { gap: 40px; }
.gap-50 { gap: 50px; }
.gap-60 { gap: 60px; }
.gap-70 { gap: 70px; }
.gap-80 { gap: 80px; }
.gap-90 { gap: 90px; }
.gap-100 { gap: 100px; }

.gap-inline-10 { gap: 0 10px }

.m-10 { margin: 10px;}
.m-block-10 { margin-block: 10; }
.m-inline-10 { margin-inline: 10; }
.m-b-0 { margin-bottom: 0; }
.m-b-5 { margin-bottom: 5px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-30 { margin-bottom: 30px; }
.m-b-40 { margin-bottom: 40px; }
.m-b-50 { margin-bottom: 50px; }
.m-t-5 { margin-top: 5px; }
.m-t-10 { margin-top: 10px; }
.m-t-20 { margin-top: 20px; }
.m-t-30 { margin-top: 30px; }
.m-t-40 { margin-top: 40px; }
.m-t-50 { margin-top: 50px; }

.p-0 { padding: 0; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-50 { padding: 50px; }
.p-60 { padding: 60px; }
.p-t-0 { padding-top: 0; }
.p-t-50 { padding-top: 50px; }
.p-block-5 { padding-block: 5px; }
.p-block-10 { padding-block: 10px; }
.p-block-20 { padding-block: 20px; }
.p-block-30 { padding-block: 30px; }
.p-block-50 { padding-block: 50px; }
.p-inline-10 { padding-inline: 10px; }
.p-inline-15 { padding-inline: 15px; }
.p-inline-25 { padding-inline: 25px; }
.p-inline-30 { padding-inline: 30px; }

.m-w-25 { max-width: 25%; }
.m-w-30 { max-width: 30%; }
.m-w-33 { max-width: 33%; }
.m-w-40 { max-width: 40%; }
.m-w-50 { max-width: 50%; }
.m-w-66 { max-width: 66%; }

.w-50 { width: 50%; }

.bg-white { background: #ffffff; }

.border-r-5 { border-radius: 5px; }
.border-r-10 { border-radius: 10px; }
.border-r-100 { border-radius: 100px; }

.relative { position: relative; }
.absolute { position: absolute; }

.list-2-col { column-count: 2; }
.list-3-col { column-count: 3; }
.list-4-col { column-count: 4; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.t-01 { transition: 0.1s }
.t-02 { transition: 0.2s }
.t-03 { transition: 0.3s }
.t-05 { transition: 0.5s }

.bg-base { background: var(--wp--preset--color--base); }

.col-narrow {
	max-width: 600px;
	margin-inline: auto;
}

.height-100 { height: 100%; }


/* Responsive */

@media( max-width: 1440px ) {
	.destaques-swiper {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}

	.destaque-image {
		clip-path: polygon(0% 0%, 100% 0%, calc(100% - 90px) 100%, 0% 100%);
  	}
}

@media( max-width: 1280px ) {
	.destaque-content {
		padding: 30px 25px;
	}
}

@media( max-width: 1080px ) {
	.destaque-item {
		flex-direction: column;
	}
	
	.destaque-item > div {
		max-width: 100%;
		width: 100%;
	}
	
	.destaque-image {
		background: var(--wp--preset--color--contrast);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		text-align: center;
	}
	
	.destaque-image img {
		width: 100%;
		height: 50vh;
		object-fit: cover;
	}
	
	.destaque-content {
		text-align: center;
		align-items: center;
	}
	
	.destaques-navigation {
		display: none;
	}
}

@media( max-width: 960px ) {
	.flex-col-m {
		flex-direction: column;
	}

	.main-header {
		padding-inline: 1.5rem;
    	padding-top: 2rem;
		padding-bottom: 4rem;
	}
	
	.menu {
		justify-content: center;
	}
	
	.logo-container {
		padding-bottom: 1rem;
	}

	#menu-user-menu {
		justify-content: center;
	}

	.jet-ajax-search-block {
		position: absolute;
		left: 30px;
		right: 30px;
		bottom: 1.5rem;
		max-width: 330px;
		margin-inline: auto !important;
	}
	
	.jet-ajax-search__results-area.show {
		left: 0 !important;
		right: 0 !important;
		width: auto !important;
	}
	
	.header-menus {
		flex-direction: row !important;
		align-items: center !important;
		margin-bottom: 1.5rem !important;
	}

}

@media( max-width: 860px ) {
	.hide-below-860 {
		display: none;
	}
}

@media( max-width: 720px ) {
  .destaque-image img {
	 height: auto;
	}
}

@media( max-width: 560px ) {
	
	.menu-bar {
	 flex-wrap: wrap;
		justify-content: center;
		gap: 20px 30px;
		max-width: 300px;
	}
	
	#search-form-container {
		order: 4;
	}
}