/******************************************/
/** General                              **/
/******************************************/

:root {
	--selected: #292929;
	--back: #09223F;
	--home: #134B8B;
	--eventos: #9300E2;
	--fatima: #06B2ED;
	--mercado: #A8BF00;
	--visitar: #EC4A00;
	--noticias: #DF2324;
	--explore: #F49719;

	--black: #000000;
	--card: #1A1A1A;
	--foundation: #101010;
	--foundation-light: #232323;
	--text: #BCBCBC;
	--label: #CFCFCF;
   --gray: #555555;
   --light: #f2f2f2;
	--white: #ffffff;
}

*, *::before, *::after {
   margin: 0;
   padding: 0;
	scrollbar-width: thin;
   box-sizing: border-box;
	scrollbar-color: var(--text) transparent;
}

html, body {
   min-height: 100vh;
   min-height: 100dvh;
   color: var(--white);
   background-color: var(--foundation);
	font-family: "Ubuntu", sans-serif;
}

/******************************************/
/** Helpers                              **/
/******************************************/

/* Colors */

.bg-selected {background-color: var(--selected) !important;}
.bg-back {background-color: var(--back) !important;}
.bg-home {background-color: var(--home) !important;}
.bg-eventos {background-color: var(--eventos) !important;}
.bg-fatima {background-color: var(--fatima) !important;}
.bg-mercado {background-color: var(--mercado) !important;}
.bg-visitar {background-color: var(--visitar) !important;}
.bg-noticias {background-color: var(--noticias) !important;}
.bg-explore {background-color: var(--explore) !important;}
.bg-card {background-color: var(--card) !important;}
.bg-foundation {background-color: var(--foundation) !important;}
.bg-foundation-light {background-color: var(--foundation-light) !important;}
.bg-label {background-color: var(--label);}

.text-text {color: var(--text) !important;}
.text-label {color: var(--label) !important;}

.text-explore {color: var(--explore) !important;}
.text-fatima {color: var(--fatima) !important;}
.text-noticias {color: var(--noticias) !important;}
.text-mercado {color: var(--mercado) !important;}

.border-card {border-color: var(--card) !important;}

/* Fonts */

.fs-7 {font-size: .95rem;}
.fs-8 {font-size: .8rem;}
.fs-9 {font-size: .7rem;}

/* Sizes */

.button {padding: 15px 25px;}

.w-fit {width: fit-content;}
.w-max {width: max-content;}
.w-screen {width: 100vw; width: 100dvw;}
.h-screen {height: 100vh; height: 100dvh;}

/* Components */

.icon-lg {
	width: 50px;
	height: 50px;
	min-width: 50px;
	min-height: 50px;
}

.icon-xl {
	width: 70px;
	height: 70px;
	min-width: 70px;
	min-height: 70px;
}

/* Animations */

.transition-03 {
   transition: all linear .3s;
   -o-transition: all linear .3s;
   -moz-transition: all linear .3s;
   -webkit-transition: all linear .3s;
}

.cursor-pointer {cursor: pointer;}

/******************************************/
/** Header                               **/
/******************************************/

#header {height: 8vh;}

#header > .left-wrapper,
#header > .right-wrapper {width: 400px;}

/******************************************/
/** Content                              **/
/******************************************/

#content {height: 82vh;}

/******************************************/
/** Menu                                 **/
/******************************************/

#menu {height: 8vh;}
#menu > * {flex: 1 1 0px;}

/******************************************/
/** Homepage                             **/
/******************************************/

.home-grid {
	display: grid;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
	grid-template-rows: repeat(6, 1fr);
	grid-template-columns: repeat(12, 1fr);
}

.home-grid > .slideshow { grid-area: 1 / 1 / 5 / 7; }
/* .home-grid > .noticias { grid-area: 1 / 7 / 5 / 10; } */
.home-grid > .mercado { grid-area: 1 / 7 / 5 / 10; }
.home-grid > .eventos { grid-area: 1 / 10 / 5 / 13; }
.home-grid > .explore { grid-area: 5 / 1 / 7 / 5; }
/* .home-grid > .mercado { grid-area: 5 / 5 / 7 / 7; } */
.home-grid > .visitar { grid-area: 5 / 5 / 7 / 10; }
.home-grid > .fatima { grid-area: 5 / 10 / 7 / 13; }

/* Slideshows */

.splide__pagination {margin-bottom: 20px !important;}

#news .splide__pagination {
	left: 0;
	right: auto;
}


.splide__pagination__page {
	opacity: 1 !important;
	width: 16px !important;
	height: 16px !important;
	background-color: transparent !important;
	border: 1px solid var(--white) !important;
}

.splide__pagination__page.is-active {
	transform: scale(1) !important;
	background-color: var(--white) !important;
}

/******************************************/
/** Mercado                              **/
/******************************************/

.mercado-grid {
	display: grid;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
	grid-template-rows: repeat(6, 1fr);
	grid-template-columns: repeat(12, 1fr);
}

.mercado-grid > .about { grid-area: 1 / 1 / 6 / 6; }
.mercado-grid > .pic-one { grid-area: 1 / 6 / 4 / 10; }
.mercado-grid > .schedule { grid-area: 6 / 1 / 7 / 6; }
.mercado-grid > .pic-two { grid-area: 4 / 6 / 7 / 10; }
.mercado-grid > .businesses { grid-area: 1 / 10 / 7 / 13; }

/* Planta */

.banca, .loja {cursor: pointer;}

/******************************************/
/** Fátima                               **/
/******************************************/

.about-fatima-text {max-height: 440px;}

.right-column-grid {
	display: grid;
	max-height: 82vh;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
	grid-template-rows: repeat(7, 1fr);
	grid-template-columns: repeat(3, 1fr);
}

.right-column-grid .caracteristics { grid-area: 1 / 1 / 4 / 4; }
.right-column-grid .parties { grid-area: 4 / 1 / 6 / 4; }
.right-column-grid .food { grid-area: 6 / 1 / 8 / 4; }

/* Gastronomia */

.gastronomia-grid {
	display: grid;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
	height: calc(100% - 65px);
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: repeat(12, 1fr);
}

.gastronomia-grid > * {height: 100%;}

/* .sopas-verde { grid-area: 1 / 1 / 3 / 4; }
.bacalhau-chicharos { grid-area: 1 / 4 / 2 / 7;}
.couves-azeite { grid-area: 2 / 4 / 3 / 7; }
.morcelas-arroz { grid-area: 1 / 7 / 3 / 10; }
.borrego-guisado { grid-area: 1 / 10 / 3 / 13; } */

.gastronomia-0 { grid-area: 1 / 1 / 3 / 4; }
.gastronomia-1 { grid-area: 1 / 4 / 2 / 7;}
.gastronomia-2 { grid-area: 2 / 4 / 3 / 7; }
.gastronomia-3 { grid-area: 1 / 7 / 3 / 10; }
.gastronomia-4 { grid-area: 1 / 10 / 3 / 13; }

.gastronomia-grid .scroll-container-lg {max-height: 480px;}
.gastronomia-grid .scroll-container-sm {max-height: 100px;}


/* Festas & Celebrações */

.festas-row {height: calc(100% - 50px);}

/******************************************/
/** Visitar                              **/
/******************************************/

.visitar-row {height: calc(100% - 50px);}

/* Show location */

.visitar-grid {
	display: grid;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
	height: calc(100% - 65px);
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: 250px repeat(auto-fill, 250px) 250px;
}

.visitar-grid > * {height: 100%;}

.visitar-grid > .description { grid-area: 1 / 1 / 4 / 5; }
.visitar-grid > .map { grid-area: 1 / 5 / 4 / 10; }
.visitar-grid > .category-one { grid-area: 1 / 10 / 2 / 13; }
.visitar-grid > .category-two { grid-area: 2 / 10 / 3 / 13; }
.visitar-grid > .category-three { grid-area: 3 / 10 / 4 / 13; }

.visitar-right-title {margin-right: 207px;}

/******************************************/
/** Eventos                              **/
/******************************************/

.eventos-row {height: calc(100% - 50px);}

/******************************************/
/** Notícias                             **/
/******************************************/

.noticias-row {
	max-height: 800px;
	height: calc(100% - 50px) !important;
}

.noticias-row #destaques {
	height: 800px;
}

/* .noticias-grid {
	display: grid;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
	grid-template-rows: repeat(6, 1fr);
	grid-template-columns: repeat(12, 1fr);
}

.noticias-grid > .destaques { grid-area: 1 / 1 / 7 / 4; }
.noticias-grid > .noticia-one { grid-area: 1 / 4 / 4 / 7; }
.noticias-grid > .noticia-two { grid-area: 1 / 7 / 4 / 10; }
.noticias-grid > .noticia-three { grid-area: 1 / 10 / 4 / 13; }
.noticias-grid > .noticia-four { grid-area: 4 / 4 / 7 / 7; }
.noticias-grid > .noticia-five { grid-area: 4 / 7 / 7 / 10; }
.noticias-grid > .noticia-six { grid-area: 4 / 10 / 7 / 13; } */

#destaques .splide__pagination {
	left: 0;
	right: auto;
}

/* Show */

.noticia-show-grid {
	display: grid;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
	grid-template-rows: repeat(6, 1fr);
	grid-template-columns: repeat(12, 1fr);
}

.noticia-show-grid > .noticia-show { grid-area: 1 / 1 / 7 / 7; }
.noticia-show-grid > .noticia-1 { grid-area: 1 / 7 / 4 / 10; }
.noticia-show-grid > .noticia-2 { grid-area: 1 / 10 / 4 / 13; }
.noticia-show-grid > .noticia-3 { grid-area: 4 / 7 / 7 / 10; }
.noticia-show-grid > .noticia-4 { grid-area: 4 / 10 / 7 / 13; }

/******************************************/
/** Explore                              **/
/******************************************/

.explore-grid {
	display: grid;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: repeat(12, 1fr);
}

.explore-grid > .list { grid-area: 1 / 1 / 30 / 4; }
.explore-grid > .map-grid { grid-area: 1 / 4 / 29 / 13; }
.explore-grid > .map-grid-en { grid-area: 1 / 4 / 30 / 13; }
.explore-grid > .nota { grid-area: 29 / 4 / 30 / 13; }

/* Pagination */

.pagination {
	--bs-pagination-bg: var(--card);
	--bs-pagination-font-size: 1.25rem;
	--bs-pagination-color: var(--label);
	--bs-pagination-border-color: var(--card);
	--bs-pagination-active-bg: var(--visitar);
	--bs-pagination-active-border-color: var(--visitar);
	--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(253, 129, 13, 0.25);
}

.page-link:hover,
.page-link:focus {
	color: var(--white);
	background-color: var(--foundation-light);
}

/* Map */

#exploreNav {z-index: 3000;}