/*
Theme Name: Junta de Freguesia de Mosteiros
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: Francisco Mateus
Author URI: https://wordpress.org
Description:
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

:root {
	--gradient-color-1 : rgb(156, 224, 255);
	--gradient-color-2 : rgb(9, 50, 104);

	/* --gradient: liear-gradient(0deg,rgb(255, 214, 170) 22%, rgb(255, 251, 167) 79%); */
	--gradient: linear-gradient(0deg,var(--gradient-color-1) 22%, var(--gradient-color-2) 79%);
	/* --inverted-gradient: linear-gradient(0deg, rgb(255, 251, 167) 22%, rgb(255, 214, 170) 79%); */
	--inverted-gradient: linear-gradient(0deg, var(--gradient-color-2) 22%, var(--gradient-color-1) 79%);
}


a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

.nav-bar {
	/* position: sticky !important; */
	/* top : 0px; */
	z-index: 2;
	/* background: var(--gradient); */
	/* position: sticky ; */
	/* top: 0px ; */
	
}

.nav-bar-desktop {
	background-color: var(--gradient-color-2) !important;
	backdrop-filter: blur(6px);
	/* position: sticky;
	top : 30px;
	z-index: 1;
	backdrop-filter: blur(20px); */
	/* background-color: bisque; */
	/* background-color: rgba(0, 0, 0, 0.2); */
}

.nav-bar-mobile {
	height: 60px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: var(--gradient-color-2) !important;
	/* backdrop-filter: blur(6px); */
}

.nav-bar-mobile .has-modal-open  {
	/* background-color: var(--gradient-color-2); */
	backdrop-filter: blur(12px) !important;
	background-color: rgba(255, 255, 255, 0.5) !important;
}


.nav-bar-desktop-black {
	display: none;
}
.nav-bar-desktop-default {
	display: block;
}

.home .nav-bar .wp-block-social-link {
	background-color: rgba(255, 255, 255, 0.2);
}

.jfm-institution-header {
	background-color : var(--gradient-color-1);
	border-radius: 20px;
}

.jfm-institution-header img {
	aspect-ratio: 1;
	width: 300px;
}

.jfm-news-blog-home-page .wp-block-post {
	animation: fade-in ease-in both;
	animation-timeline: view();
	animation-range: entry 0% entry 75%;
}


@media (max-width:1000px) or (max-height : 700px) {
	/* .nav-bar-title {
		text-align: center;
	} */

	.nav-bar-mobile {
		display: block;
	}

	.nav-bar-desktop {
		display: none;
	}

	.jfmosteiros-page-title-desktop {
		display: none !important;
	}
	
	.jfmosteiros-page-title-mobile {
		display: block;
	}

	.jfm-footer-1st-row {
		justify-content: center;
	}

	.jfm-copyright-mobile {
		display: none;
	}

	.jfm-copyright-desktop {
		display: block;
	}

	.jfm-news-blog-home-page .wp-block-post {
		/* animation: fade-in ease-in both; */
		/* animation-timeline: view(); */
		animation-range: entry 0% entry 25%;
	}

	/* .jfmosteiros-search-bar-desktop {
		display: none;
	} */
}

@media (max-width:700px) {
	.jfm-search-bar-mobile-outside-ham {
		display: none;
	}

	.jfm-institution-header {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 20px;
		
	}
	
	.jfm-institution-header .wp-block-social-links {
		flex-direction: row;
		justify-content: center;
	}

	.jfm-institution-header .wp-block-social-link-label {
		display: none;
	}

	.jfm-article-body-side {
		padding: 10%;
	}

	.jfm-copyright-mobile {
		display: block;
	}

	.jfm-copyright-desktop {
		display: none;
	}
}

@media (min-width:1000px) and (min-height : 700px) {
	.nav-bar-mobile {
		display: none !important;
	}

	.main-carrousel {
		position : absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		background-attachment: scroll;
	}

	.main-carrousel img {
		z-index: -1;
	}

	.jfm-article-body-side {
		width: 25rem;
	}

	.home .nav-bar .nav-bar-desktop-default {
		display: block;
		backdrop-filter: blur(12px);
		background-color: color-mix(in srgb, var(--gradient-color-2), transparent 25%) !important;
		
	}
	
	.home .nav-bar-desktop-black {
		display: none;
		color : white;
		background-color: rgba(0, 0, 0, 0.3) !important;
		backdrop-filter: blur(5px);
		transition: background-color 500ms linear;
	}

	.home .nav-bar-desktop-default:hover {
		background-color: color-mix(in srgb, var(--gradient-color-2), transparent 0%) !important;
		transition: background-color 500ms linear;
	}

	.slogan {
		margin-top: 24vw;
		color: white;
		z-index: 10;
		background-color:rgba(0, 0, 0, 0.6);
	}

	.poster-carrousel {
		padding-left: 100px ;
		padding-right: 100px;
		width: 80% !important;
	}

	.jfmosteiros-search-bar-desktop input {
		background-color: rgba(255, 255, 255, 0.5);
	}

	.jfmosteiros-search-bar-desktop input:focus {
		background-color: white;
	}

	/* .wp-block-navigation-submenu {
		background-color: rgba(255, 255, 255, 0.5);
	} */

	.jfmosteiros-page-title-desktop {
		display: show;
	}

	.jfmosteiros-page-title-mobile {
		display: none;
	}

	.jfm-news-blog-home-page {
		margin-top: 45%;
	}

	.jfm-copyright-mobile {
		display: none;
	}

	.jfm-copyright-desktop {
		display: block;
	}
}

.wp-block-cover {
	margin-top: 0px;
} 

.jfm-post-title.wp-block-cover:not(:has(.wp-post-image)) {
	min-height: 0px !important;
	color: white;
}

.jfm-post-title.wp-block-cover:not(:has(.wp-post-image)) span {
	opacity : 0;
}

.jfm-post-title.wp-block-cover:not(:has(.wp-post-image)) img {
	filter : invert(1);
}




/* .page-id-309 { */
	/* background-image: linear-gradient(to bottom, rgba(255,153,153,0) 0%,rgba(255,153,153,0) 25%,rgb(253, 134, 38) 100%), url(https://freguesia-mosteiros.pt/wp-content/uploads/2026/02/Mosteiros-22-scaled.jpg); */
	/* background-image: linear-gradient(to bottom, rgb(207, 200, 94) 0%,rgb(255, 202, 105) 50%,rgb(253, 134, 38) 100%); */
	/* background: white; */
	/* background: linear-gradient(0deg, rgba(195, 34, 34, 1) 0%, rgba(253, 243, 45, 1) 100%); */
	/* background-position:top center;
    background-repeat:no-repeat;
	background-attachment:fixed;
	background-color:#ff9999;
	background-size:100% auto; */
	/* backdrop-filter: blur(10px); */
/* } */

.jf-mosteiros-footer {
	background-color : var(--gradient-color-2) !important;
	color: white;
}

.jfm-play-icon {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.jfm-video {
	position : relative;
}


.wp-block-gallery.jf-mosteiros-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.wp-block-gallery.jf-mosteiros-gallery .wp-block-image {
  	flex: 1 1 600px;
}

.jf-mosteiros-gallery .wp-block-image:hover {
	transform: scale(1.1);
	transition: transform 0.3s ease;
	z-index: 4;
}

.jfm-news-blog-home-page .wp-block-post {
	background-color: var(--gradient-color-1);
	border-radius: 15px;
}

.jfm-news-blog-home-page .wp-block-post .wp-block-cover {
	border-radius: 15px;
	height: 100%;
}

.jfm-news-blog-home-page .wp-block-post .wp-block-cover:not(:has(.wp-post-image)) span {
	opacity : 0;
}


.jfm-council div {
	/* background : var(--gradient); */
	background-color: var(--gradient-color-1);
	padding: 10px;
	border-radius: 20px;
}

/* .jfm-council img {
	border-radius: 20px;
	height: 250px;
	aspect-ratio: 9/16;
} */

.jfmosteiros-council-picture {

	background : var(--gradient);
	padding: 10px;
	border-radius: 20px;
	/* width: 12rem; */
}

.jfm-post-title {
	/* background : var(--inverted-gradient); */
	background-color: var(--gradient-color-2);
}

.jfm-post-title-desktop {
	max-width: 500px;
	/* text-wrap: wrap; */
}

.wp-social-link-mail {
	background-color: deepskyblue;
	color: white;
}

.jfm-hamburger-menu-search-bar {
	/* background-color: rgba(255, 255, 255, 0.568); */
}

.jfm-search-bar-mobile-outside-ham svg {
	width: 40px;
	height: 40px;
}

.jfm-nav-bar-hamburger-menu input {
	width: 100%;
}

.jfm-nav-bar-hamburger-menu svg {
	width: 40px;
	height: 40px;
}

.jfm-nav-bar-hamburger-menu #modal-2 {
	background-color : rgba(255, 255, 255, 0.7) !important;
	backdrop-filter: blur(10px);
}
.jfm-google-maps-embed {
	border : 0px;
	width: 100%;
	height: 400px;
}

.poster-carrousel {
	display: inline-block; 
	overflow: hidden
}
.poster-carrousel li {
	display: block;
	transition: transform 0.3s ease;
}

/* .poster-carrousel li:hover {
	/* width: 120%;
	transition: width 0.5s ease;*/
	/* transform: scale(1.1); */
	/* z-index: 2; */
/* } */ */

.main-carrousel .flex-direction-nav {
	z-index: 1;
}


.jfm-nav-bar-title {
	width : 240px;
}

.jfm-gallery-folders .wp-block-cover {
	height: 32rem;
}

.jfm-gallery-folders .wp-block-cover:hover {
	transform: scale(1.1);
	transition: transform 0.3s ease;
}

.jfm-title-islet {
	/* transform: scale(0.7); */
}

.jfm-copyright-islet {
	transform: scale(0.7);
	filter : invert(1)

}

.jfm-business-grid {
	padding-left: 8vw;
	padding-right: 8vw;
}

.jfm-business-grid h3 {
	background-color : var(--gradient-color-1);
	border-radius: 12px;
	padding: 10px;
}

.jfm-weather-widget {
	display : flex; 
	flex-direction: row; 
	justify-content: center;
	align-items : center; 
	width: 80%;
	margin: 0px;
	padding: 0px;
	/* width : min(52em, 50%); */
}

.jfm-spotazores-iframe {
	border : 0px;
	width: 100%;
	height: 500px;
}

@keyframes fade-in-nav-bar {
  from { background-color: rgba(0, 0, 0, 0.3); transform: translateY(50px); }
  to   { background-color: rgba(0, 0, 0, 0.8); transform: translateY(0); }
}
@keyframes fade-in {
  from { opacity: 0; transform: translateY(50px); }
  to   { opacity: 1; transform: translateY(0); }
}

strong {
	font-weight: 700;
}

.spl-weather-preloader {
	display: none;
	z-index: -1;
}

[id] {
  scroll-margin-top: 16vw; /* height of your fixed header */
}

html {
  scroll-behavior: smooth;
}

/* .nav-bar-desktop .wp-block-navigation-submenu ul {
	background-color: var(--gradient-color-2) !important;
	color: white !important;
} */