/*!
Theme Name: UNL
Theme URI: http://underscores.me/
Author: Clima
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: unl
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

UNL is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	color: var(--blue);
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: 600;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style-type: none;
	margin: 0;
	margin-bottom: 1rem;
	padding: 0 1.5rem;
}

ul li {
	position: relative;
}

ul:not(.breadcrumbs):not(.school-list) li:not(.inner__menu--item)::before {
	position: absolute;
	content: '';
	left: -1.2rem;
	top: 6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: var(--secondary-pink);
}

ul:not(.breadcrumbs):not(.school-list) li:not(.inner__menu--item):not(.mega-menu-item) {
	padding-bottom: .5rem;
	letter-spacing: .2rem;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
/* a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
} */

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
	color: var(--aqua);
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

/* .main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
} */

.mega-menu-item-has-children>.mega-sub-menu {

	display: none;
	position: absolute;
	left: -9000;
	top: 100%;
	z-index: 99;
	background-color: var(--black);
	width: 100%;
}

.mega-menu-item-has-children>.mega-sub-menu .mega-menu-row {

	max-width: 95%;
	margin: 0 auto;
}

.mega-menu-item-has-children>.mega-sub-menu .mega-menu-row .mega-menu-column>.mega-sub-menu {

	flex-direction: column;
}

.mega-menu-item-has-children.mega-toggle-on>.mega-sub-menu {

	display: block !important;
	left: 0;
}


.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	display: block;
	left: auto;
}

/* .main-navigation ul ul a {
	width: 200px;
} */

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto;
}

/* .main-navigation li {
	position: relative;
} */

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/*
* UNL CSS
*/


/* REMOVER HOMEPAGE V2*/
article#post-9676,
.page-id-9676 .breadcrumbs {

	display: none;
}

.page-id-9676 #masthead {

	background-color: var(--black) !important;
}

.page-id-9676 #masthead #primary-menu li a {

	color: var(--white);
}

.page-id-9676 #notcias .section-title::after {

	display: none !important;
}

.page-id-9676 #notcias .content-box h2 {

	font-size: 1.3rem;
}

.page-id-9676 #notcias .content-box h2 a {

	color: var(--black) !important;
}

.page-id-9676 #descubra .section-title h2 {

	color: var(--blue) !important;
}




/* END REMOVER */



:root {

	--black: rgba(0, 0, 0, 1);
	--primary-blue: rgba(0, 71, 212, 1);
	--secondary-blue: rgba(84, 98, 230, 1);
	--primary-teal: rgba(0, 209, 212, 1);
	--highlight-teal: rgba(0, 255, 232, 1);
	--secondary-pink: rgba(221, 181, 250, 1);
	/* --light-green: #00ffe8; */
	--light-green: var(--highlight-teal);
	--aqua: var(--primary-teal);
	--green: rgba(0, 173, 47, 1);
	--dark-green: rgba(0, 115, 31, 1);
	--gray: rgba(153, 153, 153, 1);
	--gray-2: rgba(201, 208, 213, 1);
	--white: #fff;
	--white-opacity: rgba(255, 255, 255, .5);
	--gradient-blue: linear-gradient(0deg, #0046e2 15.59%, #066befac 100%);
	--light-blue: #F4F8FC;
	--light-bluee: rgba(126, 181, 225, .1);
	--blue: var(--primary-blue);
	--dark-blue: #0039b4;
	--light-purple: var(--secondary-pink);
	/* --light-purple: #d48bd4; */
	/* --soft-purple: #E3B5FD; */
	--soft-purple: var(--secondary-pink);
	--soft-blue: var(--secondary-blue);
	--font-text: 'Roboto', sans-serif;
	--font-title: 'video', serif;
}

@font-face {
	font-family: 'video light';
	src: url('./fonts/Video-Light.ttf');
}

/*Fonts*/
.title-g {
	/* font-size: 3.2rem; */
	font-family: 'video light', sans-serif;
	text-transform: uppercase;
	/* letter-spacing: 1rem; */
	font-weight: 100;
}

.title-g-medium {

	font-size: 3rem;
	font-weight: 900;
}

.title-m {

	font-size: 2.3rem;
}

:is(h1, h2, h3, h4, h5, h6) {
	/* font-family: "video", serif; */
	font-weight: 100;
	font-family: 'video light', sans-serif;
	letter-spacing: .3rem;
}

/*Colors*/
.c-black {

	color: var(--black);
}

.c-green {

	color: var(--green);
}

.c-green>a {

	color: var(--blue) !important;
}

.c-green:hover>a {

	color: var(--white) !important;
}

.c-blue {

	color: var(--blue);
}

.c-blue>a {

	color: var(--green) !important;
}

.c-blue:hover>a {

	color: var(--white) !important;
}

.c-white {

	color: var(--white);
}

.c-white>a {

	color: var(--white) !important;
}

/* .light-blue a {

	color: var(--black) !important;
} */

.c-white-opacity {

	color: var(--white-opacity);
}

.c-light-green {

	color: var(--light-green) !important;
}

.c-dark-green {

	color: var(--dark-green);
}

.c-gray {

	color: var(--gray);
}

.c-gray-2 {

	color: var(--gray-2);
}

a.c-black:hover,
a.taxonomy-link:hover {

	color: var(--blue);
}

/*Backgrounds*/
.bg-black {

	background-color: var(--black);
}

.bg-green {

	background-color: var(--green);
}

.bg-light-green {

	background-color: var(--light-green);
}

.text-light-green {
	color: var(--light-green);
}

.text-blue {
	color: var(--blue);
}

.bg-light-blue,
.bg-light-bluee {

	background-color: var(--light-bluee);
}

.bg-blue {

	background-color: var(--blue);
}

.last-row>div {


	margin-bottom: 0 !important;
}

.bg-dark-green {

	background-color: var(--dark-green);
}

.bg-gray {

	background-color: var(--gray);
}

.bg-gray-2 {

	background-color: var(--gray-2);
}

.bg-gradient-black {

	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}

.bg-gradient-green {

	background: var(--gradient-blue);
	position: relative;
	overflow: hidden;
}

.bg-gradient-green:hover {

	background: var(--highlight-teal);
	position: relative;
	overflow: hidden;
}

.bg-gradient-green:hover a {

	text-decoration: none !important;
}

.light-blue {

	background-color: var(--light-blue);
}

.border-green:hover {

	background-color: var(--green);
}

.bg-soft-blue {

	background-color: var(--soft-blue);
}


/*Sizes*/
.h-50 {

	height: 50px !important;
}

/*Borders*/
.border-black {

	border-color: var(--black) !important;
}

.border-green {

	border-color: var(--green) !important;
}

.border-light-green {

	border-color: var(--light-green) !important;
}

.border-white {

	border-color: var(--white) !important;
}


.border-blue {

	border-color: var(--dark-blue) !important;
}

.border-bottom-top-radius {
	border-radius: 0 !important;
	border-bottom-left-radius: 15px !important;
	border-top-right-radius: 15px !important;
}

.border-bottom-top-radius-30 {
	border-radius: 0 !important;
	border-bottom-left-radius: 30px !important;
	border-top-right-radius: 30px !important;
}

.radius-25 {

	border-radius: 50px;
}

/*General*/
::placeholder {

	color: var(--gray);
}

body,
html {

	font-family: 'Roboto', sans-serif;
}

.section-title {

	position: relative;
}


.section-title h2,
.section-title h1 {

	/* background-color: var(--white); */
	display: table;
	padding-right: 1rem;
	position: relative;
	/* z-index: 2; */
	line-height: 1;
	margin: 0;
	font-weight: 100 !important;
	/* letter-spacing: 1rem; */
	letter-spacing: .4 rem;
	margin-bottom: 2.5rem;
}

/* .life-in-oeiras__schools>img {

	width: 100%;
	object-fit: contain;
} */

.btn-more:hover {

	background-color: var(--white) !important;
	color: var(--black) !important;
}

.h-100 {

	height: 100%;
}

#primary .container-fluid {
	margin: 0 auto;
}

.wp-caption-text {

	display: none;
}

p {

	letter-spacing: .1rem;
}

.bg-malha-blue {

	background-image: url('/wp-content/uploads/2025/07/grelha-fundo.svg');
	background-size: 100% auto;
}

.bg-malha-white {

	background-image: url('/wp-content/uploads/2025/07/malha-opacity-20.png');
	background-size: 100% auto;
}

.bg-malha-branca-acc,
.bg-malha-azul-acc {

	position: relative;
}

.bg-malha-branca-acc::after,
.bg-malha-azul-acc::after {

	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60%;
	background-position: bottom;
	background-size: 120%;
	background-repeat: no-repeat;
	z-index: -1;
}

.bg-malha-branca-acc::after {
	background-image: url('/wp-content/uploads/2025/07/malha-opacity-20.png');
}

.bg-malha-azul-acc::after {
	background-image: url('/wp-content/uploads/2025/07/grelha-fundo.svg');
}

/* header  */

#mega-menu-wrap-menu-pages #mega-menu-menu-pages>li.mega-menu-item>a.mega-menu-link {

	font-weight: 100 !important;
	letter-spacing: .2rem !important;
}

#mega-menu-wrap-menu-pages #mega-menu-menu-pages>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {

	line-height: 1.2 !important;
	padding: .5rem 0 !important;
}

#mega-menu-wrap-menu-pages #mega-menu-menu-pages li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {

	margin: 0 !important;
	transform: translate(0, -4%);
}

#masthead {

	position: sticky;
	z-index: 999999999;
}

/*Breadcrumbs*/
.breadcrumbs li a {

	color: var(--blue);
	text-decoration: none;
	font-size: .8rem;
	text-transform: uppercase;
}

.breadcrumbs li:last-child a {

	color: var(--gray);
	text-transform: none;
}

/*Anchors*/
.anchors a:hover {

	color: var(--white);
	background-color: var(--blue);
}


/* Newsletter */
.acysubbuttons {

	width: auto;
	display: table;
	margin-left: 1rem;
}

.acysubbuttons input {

	height: 48px;
	padding: 0 3.5rem;
	border-radius: 50px;
	background: var(--gradient-blue);
	color: var(--white);
	font-size: 1.1rem;
	border: 0;
}

.acysubbuttons:hover input {

	background: var(--blue);
	position: relative;
	overflow: hidden;

}

.acyfield_email,
.acyfield_email input {

	width: 100% !important;
}

.acyfield_email input {

	height: 48px;
	padding: 0 1.5rem;
	color: var(--gray);
	text-transform: lowercase;
}

.widget_acymailing_subform_widget {

	margin-bottom: 0;
}

/*Estilos Sections*/

/* body:not(.home) .container-col .row:not(.full-width) div.max-size {

	max-width: 900px;
} */


@media screen and (min-width: 1200px) and (max-width: 1400px) {


	#masthead>.container {
		max-width: 100% !important;
	}
}

/*light*/




/* dark */
.dark {

	background-color: var(--black);
}

.dark .terms a {

	color: var(--white);
	border-color: var(--dark-green) !important;
}

.dark .terms a:hover {

	background: var(--gradient-blue) !important;
}

.dark .content-box {

	background-color: var(--white) !important;
}

.dark .section-title h2 {

	color: var(--white);
	background-color: var(--black);
}

.dark .section-title:after {

	background-color: rgba(255, 255, 255, .4);
}

.banner-col .content.c-dark * {

	color: var(--black) !important;
	border-color: var(--black) !important;
}


/*Light Blue*/
.light-blue {

	background-color: var(--light-blue);
	color: var(--black);
}

.light-blue .terms a {

	border-color: var(--dark-green) !important;
}

.light-blue .terms a:hover {

	background: var(--gradient-blue) !important;
	color: var(--white) !important;
}

.light-blue .content-box {

	background-color: var(--white) !important;
}

.light-blue .section-title h2 {

	color: var(--black);
	background-color: var(--light-blue);
}

.light-blue .bottom-destaque a,
.light-blue .bg-gradient-black h2.title,
.light-blue .bg-gradient-black p.date {

	color: var(--white) !important;
}

.light-blue .bottom-destaque a.btn-more:hover {

	color: var(--black) !important;
}

.slide-container.light-blue .section-title h2 {

	color: var(--dark-green);
	background-color: var(--light-blue);
}

.light-blue .text-light *:not(a),
.light-blue.text-light *:not(a) {

	color: var(--black) !important;
}

.container-fluid-slider .slide-container.light-blue .flickity-page-dots .dot,
.slide-container.light-blue .flickity-page-dots .dot {

	background: var(--black) !important;
}

/*Gradient*/
.gadrient {

	background: var(--gradient-blue);
}

.gadrient .terms a {

	border-color: var(--white) !important;
}

.gadrient .terms a:hover {

	background: var(--gradient-blue) !important;
	color: var(--white) !important;
}

.gadrient .content-box {

	background-color: var(--white) !important;
}

.gadrient .section-title h2 {

	color: var(--white);
	background-color: transparent;
}

.gadrient .section-title:not(.not_after)::after {
	width: 70%;
	background-color: var(--white);
}

.gadrient .post-list a {

	color: var(--black) !important;
}

.gadrient .post-list .taxonomy-unit a {

	color: var(--gray) !important;
}

.gadrient .number,
.gadrient .numbers-description {

	color: var(--white);
}

.gadrient .section-title a {

	background: transparent;
	border: 1px solid #fff;
}

.gadrient .section-title a:hover {

	background: white;
	color: #000 !important;
}

/*Green*/
.green {

	background-color: var(--green);
}

.green .section-title h2 {

	color: var(--white);
	background-color: var(--green);
}

.green a.bg-gradient-green {

	color: var(--white);
	background: transparent;
	border: 1px solid var(--white);
}

.green a.bg-gradient-green:hover {

	color: var(--black);
	background: var(--white);
	border: 1px solid var(--white);
}

.green a.bg-gradient-green:hover img {

	filter: invert(1);
}

.green .section-title:not(.not_after)::after {

	background-color: var(--white);
}

/*Texts*/
.text-light *:not(a) {

	color: var(--white);
}

.text-light .wpforms-field-container .wpforms-field legend,
.text-light .wpforms-field-container .wpforms-field .wpforms-field-description {

	color: var(--white) !important;
}






/*Header*/

.site-header {
	z-index: 1;
}

body:not(.home) .row.header {

	border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}

.fixed-header {

	position: fixed !important;
	width: 100%;
	top: 0;
	z-index: 999;
}

.menus-search>.links::after {

	content: '';
	position: absolute;
	right: -1rem;
	top: -20%;
	width: 1px;
	height: 140%;
	background-color: var(--white-opacity);
}

.menus-search>.links:hover,
.languages a:hover {

	font-weight: bold;
	color: var(--dark-green);
}



body:not(.home) #primary-menu>li.current_page_parent a,
body:not(.home) #primary-menu>li.current_page_item a,
.secundary-menu>.sub-menu>li.current_page_item a {

	font-weight: bold;
}

/* 
body:not(.home) #primary-menu>li>.sub-menu {

	display: none;
} */

.secundary-menu>.sub-menu {

	padding: 0;
	margin: 0;
	margin-top: 1rem;
	display: inline-flex;
	flex-wrap: wrap;
	list-style-type: none;
}

.secundary-menu>.sub-menu>li a {

	text-decoration: none;
	text-transform: none;
}


.secundary-menu>.sub-menu>li a {

	text-decoration: none;
	text-transform: none;
	margin-right: 1rem;
}



@media screen and (min-width: 900px) {

	.mega-menu-toggle {

		display: none;
	}
}

.mega-block-title {
	color: var(--light-green) !important;
	font-size: .8rem !important;
	font-weight: 400 !important;
	margin-bottom: 1rem !important;
}

.mega-menu-item.widget_text .textwidget a {

	color: var(--white) !important;
}

.mega-menu-item.widget_text .textwidget a:hover {

	color: var(--light-green) !important;

}

.mega-sub-menu .widget_media_image figure {

	width: auto !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.mega-sub-menu .widget_media_image figure figcaption {

	display: none !important;
}

/* .mega-menu-wrap>ul>li:not(.widget_text) a {

	text-transform: uppercase;
	color: var(--white);
}

.mega-menu-wrap>ul>li:hover a {
 
	font-weight: 700;
} */

.main-navigation {
	font-family: var(--font-title);
	text-transform: uppercase;
	font-weight: 300;
}

.main-navigation.toggled #mega-menu-menu-pages {

	/* justify-content: space-between !important;
	display: flex !important;
	flex-wrap: wrap !important; */
	/* position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	width: 100% !important;
	max-height: 90vh !important;
	overflow: auto !important; */
}

li.menu-item a {

	color: var(--white);
	font-weight: 400;
	text-transform: uppercase;
	padding: 0 5px;
}

#footer-menu li.menu-item a {

	color: var(--white);
}

li.menu-item a:hover {

	color: var(--blue);
	font-weight: 700;
}

#search {

	border-radius: 0 !important;
	width: 100%;
	min-width: 400px;
}

.mega-sub-menu {

	top: 100%;
	left: 0;
	width: 100%;
}

.widget_text {

	position: relative !important;
}

.widget_text .line {

	content: '' !important;
	position: absolute !important;
	width: 1px !important;
	height: 100% !important;
	background-color: var(--white-opacity) !important;
	top: 0 !important;
	left: -2rem !important;
}

/* body:not(.home) #primary {

	padding-top: 1rem;
} */


.custom-logo-link img {

	width: auto;
	height: auto;
	min-height: 50px;
	max-height: 100px;
}

.mega-menu-item.widget_media_image,
.mega-menu-item.widget_media_image img {

	position: relative !important;
	display: table !important;
	width: auto !important;
	height: 230px !important;
	width: 100% !important;
	object-fit: cover;
}

.mega-menu-item.widget_media_image figure {

	position: relative;
}

.mega-menu-item.widget_media_image figure:after {

	position: absolute;
	content: '';
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
}

.mega-menu-item.widget_media_image .mega-block-title {

	position: absolute !important;
	color: var(--white) !important;
	font-family: var(--font-title) !important;
	font-size: 1.5rem !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: normal !important;
	width: 100% !important;
	bottom: 0 !important;
	left: 0 !important;
	padding: 2rem !important;
	margin-bottom: 0 !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

/* #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-4-of-12 {
	width: 33.33333%;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column {
	float: left;
	min-height: 1px;
} */

/* .nav-menu{

	position: relative;
}

.sub-menu{
	
	left: 0 !important;
    flex-wrap: wrap;
    background: #fff;
}

.sub-menu li.menu-item a{
	
	font-size: .8rem;
	padding-top: 1rem;
} */

.menu-item-has-children>ul.sub-menu {

	position: absolute;
	top: 100%;
	width: 100%;
	left: -9999px;
	justify-content: center;
	padding: 1rem 0;
	background-color: #fff;
	z-index: 9;

}


.menu-item-has-children:hover>ul.sub-menu,
.menu-item-has-children.focus>ul.sub-menu {

	left: 0;
}

.menu-item-has-children>ul.sub-menu>li>a {

	color: #000;
	padding: 0 1rem;
	font-weight: 700;
}

.menu-item-has-children>ul.sub-menu>li>a:hover {

	color: var(--secondary-blue);
}

#site-navigation,
#site-navigation>div,
#site-navigation>div>#primary-menu {

	height: 100%;
}

.nav-menu>li {

	height: 100%;
	display: flex;
	align-items: center;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

/* .custom-logo {

	max-width: 300px !important;
} */


.lupa {

	cursor: pointer;
	margin-left: 1rem;
}

.lupa:hover svg * {

	stroke: var(--blue);
}


.search-mobile:not(.active) {

	display: none;
}

.search-mobile {

	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #000;
	z-index: 9;
	padding: 2rem 1rem;
}

.search-mobile input#search-mobile {

	height: 60px;
	width: 100%;
	border-radius: 50px;
	margin-right: 15px;
	padding: 0 1rem;
}

.btn-search {

	border-radius: 26px !important;
	background: #FFF !important;
	backdrop-filter: blur(3.5px) !important;
	padding: 0 2rem !important;
	height: 60px !important;
	display: flex !important;
	align-items: center !important;
	color: var(--blue) !important;
	font-weight: 700 !important;
	max-width: 150px !important;
}

/* .search-mobile input:not(#search-mobile) {

	position: absolute;
	width: 35px;
	top: 50%;
	right: 2rem;
	transform: translate(0, -50%);
} */

/* Bullets OL  */
.numbers-bullets ol {
	list-style: none;
	padding-left: 0;
}

.numbers-bullets ol li {
	margin-bottom: 1.5rem;
	position: relative;
	padding-left: 50px;
	min-height: 40px;
	/* display: flex;
	align-items: center;
	flex-wrap: wrap; */
}

.numbers-bullets ol li::before {
	content: '';
	background-color: var(--secondary-blue);
	color: white;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
}

.number-circle {
	background-color: var(--secondary-blue);
	color: white;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
}


.full-width .col-sm-6 {

	max-width: 100% !important;
}

.title-center .section-title,
.title-center .section-title h2 {

	margin: 0 auto;
	padding: 0 !important;
	max-width: 100% !important;
	margin-bottom: 0 !important;
	margin: 0 auto !important;
}


/* .numbers-bullets ol li{

	position: relative;
	padding-left: 65px;
	margin-bottom: 1.5rem;
}

.numbers-bullets ol li::marker{

	position: absolute;
	color: #fff;
}
.numbers-bullets ol li::before{

	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #7092ff;
} */


@media screen and (max-width: 768px) {

	.people-list .person {

		display: none;
	}

	.title-team {

		cursor: pointer;
	}

	.title-team>.acc-arrow {

		display: block !important;
		border-bottom: 2px solid var(--secondary-blue);
		border-right: 2px solid var(--secondary-blue);
	}
}


.article-col-relation {

	cursor: pointer;
}


.popup {

	position: fixed;
	z-index: 999;
	background-color: rgba(0, 0, 0, .6);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.popup .inner-popup {

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 80vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.popup .inner-popup .content {

	background: #fff;
}

.close-popup {

	display: flex;
	position: absolute;
	right: 1rem;
	top: 1rem;
	width: 35px;
	height: 35px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10; /* Ensure close button appears above all popup content */
}

.close-popup span {

	width: 30px;
	height: 2px;
	background: var(--secondary-blue);
	margin: .2rem 0;
}

.close-popup span:first-child {

	transform: rotate(-45deg) translate(-6px, 2px);
}

.close-popup span:last-child {

	transform: rotate(45deg) translate(-4px, 1px);
}


.leadership-directors>div.col-12:not(.lastest-box) {

	padding-left: 1.5rem;
	padding-right: 1.5rem;
}


.btn {

	font-family: 'Video Light', sans-serif;
	font-weight: 100;
	letter-spacing: 3px;
	color: #fff;
	display: inline-flex;
	align-items: center;
	/* border: 1px solid var(--blue) !important; */
}

.btn:not(.btn-latest) {

	border: 1px solid var(--white) !important;
}

.js-close-btn.btn,
.js-open-btn.btn {

	border: 1px solid var(--blue) !important;
}

.btn:hover {

	color: var(--blue) !important;
	background-color: var(--white) !important;
}

.btn:hover * {

	color: var(--blue) !important;
}

.btn:hover>svg path {

	stroke: var(--blue);
	fill: var(--blue);
}

/* .btn svg {

	width: 10px !important;
} */

/* .btn.bg-gradient-green svg {

	fill: ;
} */



/*Template Slider*/

.slider__section {
	position: relative;
	padding-bottom: 60px;
}

.slider__section--bg:before {
	background: linear-gradient(90deg, #000 -0.76%, rgba(0, 0, 0, 0.00) 100%);
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
}

.slide__wrap {
	padding: 0 3.5rem;
	gap: 2rem;
}

.slide__wrap--content {
	border: 1px solid var(--white);
	border-radius: 30px;
	position: relative;
}

.slide__wrap--image {
	padding: 0;
	flex: 1;
	position: relative;
}

.slide__image {
	border: 1px solid var(--white);
	border-radius: 30px;
	display: block;
	height: 100%;
	object-fit: cover;
}

.btn__slider {
	border: 1px solid var(--white);
	display: flex;
	position: relative;
	bottom: unset;
	/* left: 50%;
	transform: translateX(-50%); */

	span:not(.text-white) {
		strong {
			color: var(--light-green) !important;
		}
	}

	svg>path {
		stroke: var(--light-green);
	}

}

.slide__wrap--image .btn__slider {
	position: absolute;
	left: 3rem;
	bottom: 3rem;
	margin-top: 0 !important;
}

.slider__section--bg-clip {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.container-fluid-slider .row.slider {

	min-height: 630px;
}

.container-fluid-slider .row.slider::after {

	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
}

.container-fluid-slider .row.slider>.col-12 {

	position: relative;
	z-index: 2;
}


/* position dots up a bit */
.container-fluid-slider .flickity-page-dots {
	bottom: 2rem;
	left: 50%;
	transform: translate(-50%, 0);
	text-align: left;
	padding-left: 2.2rem;
}

.container-fluid-slider .flickity-page-dots .dot,
.slide-container .flickity-page-dots .dot {
	background: var(--white);
	border: 1px solid var(--light-green);
	height: 1.2rem;
	width: 1.2rem;
}

.flickity-page-dots .dot {
	opacity: 1 !important;
	border-color: var(--light-green);
	background-color: unset !important;
}

.flickity-page-dots .dot.is-selected {
	background: var(--light-green) !important;
}

.container-fluid-slider .flickity-page-dots .dot:not(:last-child),
.slide-container .flickity-page-dots .dot:not(:last-child) {
	margin-right: .5rem;
}


.container-fluid-slider .slider .slide__wrap--content h1 {
	font-size: clamp(1.5rem, 2.5vw, 3rem);
	font-weight: 900;
}

.container-fluid-slider .slider .slide__wrap--content h2 {
	font-size: clamp(2rem, 2.5vw, 3rem);
	font-weight: 900;
}

.container-fluid-slider .slider .slide__wrap--content h3 {
	font-size: clamp(1.5rem, 2vw, 2rem);
	font-weight: 900;
}

.slide-container .slider h3 {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.slide-container .flickity-page-dots {
	width: auto;
	bottom: 6rem;
	left: 4rem;
}

.flickity-button-icon>path {

	color: var(--light-green) !important;
}

.flickity-button.next {
	margin-right: 3.5rem;
}

.flickity-button.previous {
	margin-left: 3.5rem;
}

.flickity-button.next,
.flickity-button.previous {
	background-color: var(--blue);
	bottom: 2rem;
	top: unset;
	transform: none;
}

/* Call To Action Images  */
.inner-call-images .content-call {

	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 50%;
	/* background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); */
	display: flex;
	align-items: end;
	padding: 2rem;
}

.img-bg-col,
.call-before-bg-img,
.call-before-bg-img~.content {
	border-radius: 50px;
}



.inner-call-images {

	border-radius: 62px;
	overflow: hidden;
	position: relative;
}


.inner-call-images .content-call {

	z-index: 9;
	top: 50%;
	left: 0;
	justify-content: center;
	transform: translate(0, -50%);
	align-items: center;
	text-align: center;
}

.inner-call-images::after {

	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 71, 212, .6);
	mix-blend-mode: multiply;
	transition: all .5s;
}

.inner-call-images:hover::after {

	background-color: rgba(0, 71, 212, .8);
	mix-blend-mode: normal;
}


.facilities-btn>.col__column {

	padding-top: 0 !important;
}


.facilities-btn>.col__column .btn {

	margin-top: 0 !important;
	text-align: center !important;
	justify-content: center !important;
	background-color: var(--secondary-blue) !important;
	border-color: var(--secondary-blue) !important;
}

.facilities-btn>.col__column .btn:hover {

	background-color: #fff !important;
}

.container-call.text-blue .call-before-bg-img~.content {

	border-color: var(--dark-blue);
}

.container-call.text-blue .call__card--title {

	color: var(--dark-blue);
}


/*Form*/
.layout-form .wpforms-form .wpforms-field-container {

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.from-50 {

	width: 100% !important;
	max-width: calc(50% - 1rem);
}

.layout-form .wpforms-form .wpforms-field-container .wpforms-field {

	display: flex;
	flex-wrap: wrap;
}

.layout-form .wpforms-form .wpforms-field-container .wpforms-field:not(.wpforms-field-checkbox) input,
.layout-form .wpforms-form .wpforms-field-container .wpforms-field select,
.layout-form .wpforms-form .wpforms-field-container .wpforms-field .wpforms-uploader,
.layout-form .wpforms-form .wpforms-field-container .wpforms-field textarea {

	order: 2;
	width: 100%;
}

.layout-form .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-description {

	width: 100%;
	margin-bottom: 1rem;
}

.layout-form .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-label {

	color: var(--black) !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	width: 100%;
}

.layout-form .wpforms-form .wpforms-field-container .wpforms-field input,
.layout-form .wpforms-form .wpforms-field-container .wpforms-field select {

	height: 60px;
	background: var(--white);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
	border: 0px;
	color: #999 !important;
}

.layout-form .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-checkbox input {

	height: auto;
}

.layout-form .wpforms-form .wpforms-field-container .wpforms-field input::placeholder,
.layout-form .wpforms-form .wpforms-field-container .wpforms-field select::placeholder,
.layout-form .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-description,
.layout-form .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-checkbox label {

	font-weight: 400 !important;
	color: #999 !important;
}

.layout-form .wpforms-submit-container .wpforms-submit {

	background: var(--gradient-blue);
	overflow: hidden;
	color: var(--white) !important;
	font-weight: 700;
	font-size: .8rem;
	padding: 1rem 1rem;
	height: auto;
	padding-right: 8.5rem;
	border-radius: 50px;
	border: 0;
	margin-left: auto;
	display: table;
	position: relative;
}

.layout-form .wpforms-submit-container .wpforms-submit:hover {

	background: var(--blue) !important;
	position: relative !important;
	overflow: hidden !important;
}

.layout-form .wpforms-submit-container .wpforms-submit::after {

	content: url('https://localhost/projetos/unl/wp-content/uploads/2023/11/white_arrow_btn.svg');
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translate(0, -50%);
}

.wpforms-field input {

	min-height: 60px;
	border: 0;
	border-radius: 0;
	color: var(--cinza, #999);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.wpforms-field label {

	color: #000 !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	margin-bottom: 0.5rem !important;
}

.wpforms-submit-container {

	text-align: right !important;
}

.wpforms-submit-container button {

	min-height: 52px !important;
	border: 0 !important;
	border-radius: 50px !important;
	background: #fff !important;
	min-width: 200px !important;
	text-align: left !important;
	font-weight: 700 !important;
	color: var(--primary-teal) !important;
	backdrop-filter: blur(3.5px) !important;
}

.wpforms-submit-container button {

	position: relative;
}

.wpforms-submit-container button:after {

	content: url('/wp-content/uploads/2024/03/forms_arrow.svg');
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%);
}

/*Template Temas e Destaque*/
.content-destaque>img {

	width: 100%;
	height: 100%;
	object-fit: cover;
}

.terms>a:last-child {

	margin-bottom: 0 !important;
}

.post-list .thumbnail,
.post-list .thumbnail a {

	overflow: hidden;
	display: block;
}

/* Template Banners */
.bg-container-banner {

	border-radius: 62px;
	overflow: hidden;
}


/* Notícias */

body:has(.news__archive) {
	/* use class in the News page */
	background-color: var(--blue);
	background-image: url(/wp-content/themes/unl/assets/bg_news.svg);
	background-position: top right;
	background-repeat: repeat;

	.breadcrumbs {
		display: none;
	}

	h1 {
		color: var(--light-green);
	}

	.news {
		/* background-color: var(--blue);
		background-image: url(/wp-content/themes/unl/assets/bg_news.svg); */
		background-position: top center;
		background-repeat: repeat;

		.inner-post {
			background-color: var(--primary-blue);
			border: 1px solid var(--white);
			border-radius: 30px;
			height: auto !important;
		}

		.inner-radius {
			border-radius: 30px 30px 0 0;
			overflow: hidden;
			height: unset !important;
		}

		.inner-content {
			min-height: unset !important;

			p {
				color: var(--white);
			}
		}

		.thumbnail img {
			border-radius: 30px 30px 0 0;
			width: 100%;
		}

		.content-box {
			padding: 0 2rem 3rem 2rem !important;
		}

		.inner-post:hover .thumbnail {
			border-radius: 30px 30px 0 0;
		}


		.news__lead {
			display: flex;

			h2 {
				padding-top: 1rem;
				line-height: .6em;

				a {
					font-weight: 300 !important;
					font-size: 16px !important;
				}
			}
		}

		.news__lead--date {
			border-bottom-left-radius: 30px;
			border-bottom-right-radius: 30px;
			color: unset;
			display: flex;
			flex-direction: column;
			margin: 0 1rem 0 0;
			padding: .5rem;
			place-items: center;
			padding-top: 1.2rem;
			padding-bottom: 1rem;
		}

		.news__container>.col-list:nth-child(odd) .news__lead--date {
			background-color: var(--light-green);
		}

		.news__container>.col-list:nth-child(odd) .post-list-title {
			color: var(--light-green);
		}

		.news__container>.col-list:nth-child(even) .news__lead--date {
			background-color: var(--light-purple);
		}

		.news__container>.col-list:nth-child(even) .post-list-title {
			color: var(--light-purple);
		}

		.day,
		.month,
		.year {
			color: var(--blue);
		}

		.day {
			display: block;
			font-size: 2rem;
			line-height: 1;
			font-weight: 900;
		}

		.month,
		.year {
			display: block;
			font-size: 1rem;
			line-height: 1;
		}

	}
}

.row:not(.list-template-clipping) .list-posts-col>.news__container--single:nth-child(even) .content-box .inner-content h2 a {

	color: var(--light-purple) !important;
}

.row:not(.list-template-clipping) .list-posts-col>.news__container--single:nth-child(even) .news__lead--date {

	background-color: var(--light-purple) !important;
}

.row:not(.list-template-clipping) .list-posts-col>.news__container--single:nth-child(odd) .content-box .inner-content h2 a {

	color: var(--light-green) !important;
}

.row.list-template-clipping .list-posts-col>.news__container--single .content-box .inner-content h2 {

	line-height: 1 !important;
}

.row.list-template-clipping .list-posts-col>.news__container--single .content-box .inner-content h2 a {

	font-weight: 100 !important;
}

.row:not(.list-template-clipping) .list-posts-col>.news__container--single:nth-child(odd) .news__lead--date {

	background-color: var(--light-green) !important;
}

.row:not(.list-template-clipping) .list-posts-col>.news__container--single .news__lead--date {

	justify-content: flex-end;
}

/* Research lines */

body:has(.research-lines) {

	/* use class in the Research lines page BO */
	.breadcrumbs {
		display: none;
	}

	p {
		color: var(--blue);
	}

	article .row .content-thumbnail {
		display: none;
	}

	.title__wrapper {
		padding: 0 !important;
	}

	@media (min-width: 768px) {
		.title__wrapper {
			padding: 0 12px !important;
		}

	}

	.content__wrapper {
		/* margin: 0 0 !important; */

		p {
			color: var(--blue);
		}

		strong:first-of-type {
			font-family: var(--font-title);
			font-size: 1.75rem;
		}

	}

	.research__topic--image-bg {
		background-position: center;
		background-size: cover;
		min-height: 31.25rem;
		position: relative;
	}

	.research__topic--title {
		color: var(--white);
		font-size: 3.2rem;
		padding-top: 3rem;
	}

	.research__topic--content {
		border: 1px solid var(--blue);
		border-radius: 0 0 30px 30px;
		border-top: 0;
	}

	iframe {
		border-radius: 30px;
	}

}


figcaption {

	text-align: left !important;
	color: #999;
}

.post-list.bg-black a {

	text-decoration: none;
	color: var(--white) !important;
}

.post-list .thumbnail a img {

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background-position: center !important;
}

.post-list:hover .thumbnail a img {

	transform: scale(1.1);
}


/*Posts Requests*/
.post-request .thumbnail {

	/* width: 196px; */
	min-height: 125px;
}

.post-request .thumbnail img {

	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-request .content-box {

	width: auto;
	/* max-width: calc(100% - 196px); */
}




/*Template Eventos*/
.event-date-box::after {

	content: '';
	position: absolute;
	width: 95%;
	height: 2px;
	background-color: var(--gray);
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
}

.event-date-box>span {

	position: relative;
	z-index: 2;
}

.taxonomy-link {

	color: var(--gray);
	font-size: .8rem;
}

.taxonomies-list .taxonomy-unit:last-child .taxonomy-comma {

	display: none;
}



/*Template Timeline*/

.timeline::after {

	content: url('/unl/wp-content/uploads/2023/10/Vector-8.svg');
	position: absolute;
	right: 10%;
	top: 0;
	opacity: .8;
}

.timeline>.row {

	position: relative;
	z-index: 2;
}

.timeline-col::before {

	content: '';
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #fff;
}

.timeline-col:first-child:before {

	left: 50%;
	width: 50%;
}

.timeline-col::after {

	content: url('/unl/wp-content/uploads/2023/10/bolinha.svg');
	position: absolute;
	bottom: -16px;
	left: 50%;
	transform: translate(-50%, 0%);
}

.icon-title {

	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

/*Template Call to Action*/
/* 
.call__title {
	color: var(--light-green) !important;
} */

.call-col {

	min-width: 20%;
}

.call-col a {
	background-color: inherit;
}

.call-before-bg-img {
	border: 1px solid var(--white);
	overflow: hidden;
}

.call-before-bg-img~.content {
	border: 1px solid var(--white);
	margin-top: 1rem;
}

.call__card--title {
	color: var(--white);
	font-weight: 400;
	margin: 0;
	padding: 1rem;
	text-align: center;
}

.call-col:hover .call-before-bg-img,
.call-col:active .call-before-bg-img {
	border-color: var(--light-green);
	transition: border-color .5s ease-in-out;
}

.call-col:hover .call__card--title,
.call-col:active .call__card--title {
	color: var(--light-green);
	transition: color .5s ease-in-out;
}

.call-col:hover .call-before-bg-img~.content,
.call-col:active .call-before-bg-img~.content {
	border-color: var(--light-green);
	transition: border-color .5s ease-in-out;
}

/* Call-to-action cards without background image (e.g., FAQ) */
.call-col .inner-container .content.bg-white {
	border: 1px solid var(--white);
	border-radius: 50px;
	padding: 1.5rem;
	background-color: transparent;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 150px;
	text-align: center;
	transition: border-color 0.5s ease-in-out;
}

.call-col .inner-container .content.bg-white span {
	color: var(--white);
	font-weight: 400;
	font-size: 1rem;
}

.call-col:hover .inner-container .content.bg-white,
.call-col:active .inner-container .content.bg-white {
	border-color: var(--light-green);
}

.call-col:hover .inner-container .content.bg-white span,
.call-col:active .inner-container .content.bg-white span {
	color: var(--light-green);
	transition: color 0.5s ease-in-out;
}

.call-bg-image {

	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background-position: center !important;
}

.call-col:hover .call-bg-image {
	transform: scale(1.1);
}

.btn-plus {

	min-height: 190px;
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.btn_plus_icon {

	display: table;
	position: absolute;
	bottom: .5rem;
	left: .5rem;
}




/*Template Colunas*/
.row.numbers .number {

	font-size: 3rem;
	font-weight: 900;
	text-transform: uppercase;
}

.row.numbers .number>span:not(.order-2) {

	margin-right: .5rem;
}

.col__border {
	border: 1px solid var(--blue);
	border-radius: 30px;

	&:before {
		content: '';
		position: absolute;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url('/wp-content/themes/unl/assets/blob4.svg');
		right: -270px;
		top: -53px;
		transform: scaleY(-1);
		height: auto;
		width: 370px;
		aspect-ratio: 43 / 32;
	}
}

.col__border p {
	margin: 0;
	padding: 2rem;
	color: var(--blue);
	font-weight: 300;
}

.col__border~.btn {
	bottom: 1rem;
	position: absolute;
	right: -3rem;
}

.col__questions--container {
	padding-top: 60px;
	padding-bottom: 45px;

	&:before,
	&:after {
		content: '';
		position: absolute;
		width: 85px;
		height: 85px;
		background-size: contain;
		background-repeat: no-repeat;
	}

	&:before {
		background-image: url('/wp-content/themes/unl/assets/blob1.svg');
		bottom: 2rem;
		left: 40%;

		@media screen and (max-width: 768px) {
			bottom: -3rem;
			left: 70%;
		}
	}
}

.col__questions--container strong {
	position: relative;
}

.col__questions--container .content strong {
	color: var(--blue);
}

.col__questions--container h5>*::before {
	background-color: var(--blue);
	border-radius: 999px;
	content: "";
	display: inline-block;
	height: 100%;
	left: -40px;
	position: absolute;
	top: 0;
	width: 24px;
}

.col-container .light {
	color: var(--blue) !important;
}

.col-container .dark {
	color: var(--white) !important;
}

.container-fluid:has(.col__questions--container) {
	position: relative;
	overflow: hidden;

	&:before,
	&:after {
		content: '';
		position: absolute;
		width: 180px;
		height: 130px;
		background-size: contain;
		transform: scaleX(-1);
		background-repeat: no-repeat;

	}

	&:before {
		background-image: url('/wp-content/themes/unl/assets/blob5.svg');
		top: -30px;
		left: 100px;
		width: 108px;
	}

	&:after {
		background-image: url('/wp-content/themes/unl/assets/blob4.svg');
		bottom: -38px;
		left: -45px;
		width: 290px;
		height: 215px;

		@media screen and (max-width: 768px) {
			bottom: -128px;
		}
	}

}

footer {
	position: relative;
	z-index: 999;
	color: var(--white);
}

footer a {
	color: var(--white);
}

footer a:hover,
footer a:focus,
footer a:active {
	color: var(--white);
}

.light .number {

	color: var(--dark-green);
}

.dark .number {

	background: var(--gradiente, linear-gradient(92deg, var(--primary-teal) 15.59%, var(--primary-teal) 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.links .link:hover {

	background-color: var(--blue);
	color: var(--white);
}

/* Button */

.btn {
	background-color: var(--blue);
	color: #FFF;
	border-radius: 50px;
	text-transform: uppercase;
	padding: 1rem 2.5rem;
}

/* .btn:hover {
	background-color: var(--gray-2);
	color: var(--blue) !important;
} */

.btn__hollow {
	background-color: var(--white);
	border: 1px solid var(--blue);
	color: var(--blue);
	font-size: .8rem;
	margin: .2rem;
	padding: .8rem 1rem;
}

.btn__hollow.btn:hover,
.btn__hollow.btn:active,
.btn__hollow:hover,
.btn__hollow:active {
	background-color: var(--blue) !important;
	color: var(--white) !important;
}

.btn__transparent {
	background-color: transparent;
	border: 1px solid var(--white);
	color: var(--white);
	font-size: .8rem;
	margin: .2rem;
	text-transform: none;
}

.btn__transparent:hover,
.btn__transparent:active {
	background-color: var(--white);
	color: var(--blue) !important;
}

.btn__purple {
	background-color: var(--light-purple);
	border-color: var(--light-purple) !important;
	border: none;
	color: var(--blue);
	font-family: "video", sans-serif;
	font-size: 1.25rem;
	margin: .2rem;
	text-transform: none;
	width: 12em;
}

.btn__purple:hover,
.btn__purple:active {
	background-color: var(--dark-blue) !important;
	border-color: var(--dark-blue) !important;
	color: var(--white) !important;
}

.btn__purple:hover svg path,
.btn__purple:active svg path {

	stroke: white !important;
	fill: white !important;
}

/*Template Quote*/
.container-fluid-quote .row-bg:after {

	content: '';
	position: absolute;
	width: calc(100% - 102px);
	height: 100%;
	background-color: var(--light-blue);
	top: 0;
	right: 0;
	z-index: 1;
}

.container-fluid-quote .row-bg>* {

	z-index: 2;
}


/**
*Footer 
*/


.site-footer__bottom p {
	font-size: 14px;
	font-weight: 200;
	margin-inline: auto;
	max-width: 800px;
	text-align: center;
	opacity: .5;
	color: var(--white);
}

.logos>div img {
	max-width: 250px;
	max-height: 50px;
	width: auto;
	min-width: 150px;
	min-height: 16px;
}

/*Menu Footer*/
#footer-menu {

	width: 100%;
	justify-content: space-around;

}

#footer-menu * {

	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer-menu li.menu-item-has-children>a {

	font-weight: 700;
	color: var(--white-opacity);
	margin-bottom: .8rem;
	display: block;
}

#footer-menu li {

	margin-bottom: .8rem;
}

#footer-menu li a {

	text-transform: none;
}

#footer-menu li.fw-bold a {

	font-weight: 700 !important;
}

/*Copy*/
.copy-menu>div {

	text-align: end;
}

#copyright-menu,
#footer-menu {

	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-flex;
	flex-wrap: wrap;
}

#copyright-menu li:not(:hover) a,
#footer-menu li:not(:hover) a {

	text-decoration: none;
	color: var(--white);
}

#copyright-menu li a {

	text-transform: none;
}



.page-id-288 .col-repeater .col-12.align-content-center {

	align-content: start !important;
}


.panel {
	color: var(--blue);
}

.panel img {
	border-radius: 32px;
}

/* flickity */

.flickity-viewport {
	transition: fade 0.5s;
}


.flickity-enabled.is-fade .flickity-slider>* {
	pointer-events: none;
	z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider>.is-selected {
	pointer-events: auto;
	z-index: 1;
}


/*Footer*/
.social-network a {

	width: 45px;
	height: 45px;
	border: 1px solid #fff;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;
}

.social-network a:hover {

	background-color: transparent;
}

.social-network a svg {

	transition: all .3s;
	height: 20px;
}

.social-network a:hover svg * {

	fill: #fff;
}


iframe {

	border-radius: 2rem;
}

/* Single Post */
.thumb-bg-image img,
.thumb-bg-color img {

	max-width: 1320px;
}

.single-post {

	.hentry {
		overflow: hidden;
	}

	.breadcrumbs {
		display: none;
	}

	.content-thumbnail {
		position: relative;

		&:before,
		&:after {
			content: '';
			position: absolute;
			width: 180px;
			height: 130px;
			background-size: contain;
			transform: scaleX(-1);
			background-repeat: no-repeat;
			left: calc(100% + 60px);
			top: 0;
		}

		&:before {
			background-image: url('/wp-content/themes/unl/assets/blob4.svg');
			width: 300px;
			aspect-ratio: 43 / 32;
			height: auto;
		}

		&:after {
			background-image: url('/wp-content/themes/unl/assets/blob1.svg');
			width: 80px;
			aspect-ratio: 1 / 1;
			height: auto;
			top: 90px;
			left: calc(100% + 40px);
		}

		img {
			border-radius: 4rem;
		}
	}

	.entry-meta {
		opacity: .6;
		text-transform: uppercase;
	}

	.entry-content {
		font-weight: 300;
		position: relative;

		strong {
			font-weight: 700;
		}

		&:before,
		&:after {
			content: '';
			position: absolute;
			width: 180px;
			height: 130px;
			background-size: contain;
			transform: scaleX(-1);
			background-repeat: no-repeat;
			left: calc(100% + 60px);
			top: 0;
		}

		&:before {
			background-image: url('/wp-content/themes/unl/assets/blob4.svg');
			width: 350px;
			aspect-ratio: 43 / 32;
			height: auto;
			left: -390px;
			top: -90px;
		}

		&:after {
			background-image: url('/wp-content/themes/unl/assets/blob2.svg');
			width: 260px;
			aspect-ratio: 1 / 1;
			height: auto;
			top: 90px;
			left: calc(100% + 120px);
			transform: rotate(-90deg);
		}
	}
}

.single-post .site-main {
	position: relative;
	color: var(--blue);
	padding-top: 2rem;

	&:before,
	&:after {
		content: '';
		position: absolute;
		width: 180px;
		height: 130px;
		background-size: contain;
		transform: scaleX(-1);
		background-repeat: no-repeat;

	}

	&:before {
		background-image: url('/wp-content/themes/unl/assets/blob5.svg');
		top: -80px;
		left: 10px;
		width: 190px;
	}
}

.back-to-blog {
	font-family: var(--font-title);
	margin-bottom: 4rem;
}


/* Page Blue Template  */
.page-template-blue-page {

	background-color: var(--primary-blue);
	color: #fff;
}

.page-template-blue-page .content-thumbnail {

	background: transparent;
}

.page-template-blue-page .breadcrumbs * {

	color: white !important;
}

.page-template-blue-page .content-thumbnail img {

	width: 100%;
	max-width: 1320px;
}

.malha-effect {

	border-radius: 120px;
}

.malha-effect * {

	letter-spacing: .2rem;
}

.malha-effect h3,
.malha-effect h4,
.malha-effect h5 {

	font-weight: 500;
}

.malha-effect p {

	letter-spacing: .1rem;
}


.graphs-icons {

	position: relative;
}

.graphs-icons::after {

	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/uploads/2025/07/graphs-blue-page.svg');
	background-size: contain;
	transform: translate(0, -50%);
	top: 50%;
	left: 0;
	z-index: -1;
}

.graphs-icons-white-page::after {

	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/uploads/2025/07/graphs-blue.svg');
	background-size: contain;
	transform: translate(0, -50%);
	top: 50%;
	left: 0;
	z-index: -1;
}

.graphs-icons-white-page .lista-botoes>div {

	width: 100% !important;
}

@media screen and (max-width: 768px) {
	.page-id-1353 .graphs-icons-white-page .col-12.bg-white.p-3 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.page-id-1353 .inner-col.p-5 {
		padding: 1rem !important;
		overflow: hidden;
		word-wrap: break-word;
	}

	.page-id-1353 .col__column .row {
		gap: 1rem;
	}

	.page-id-1353 .container.container-col.col-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.malha-effect {

	position: relative;
}

.malha-effect::after {

	position: absolute;
	content: '';
	width: 100%;
	height: 80%;
	background-image: url('/wp-content/uploads/2025/07/malha-opacity-20.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 130%;
	transform: translate(0, -50%);
	top: 50%;
	left: 0;
}

.bg-page-blue {

	background-color: var(--primary-blue);
}

.bg-blue-negative {

	position: relative;
}

.bg-blue-negative::before {

	content: '';
	position: absolute;
	width: 100%;
	height: 200px;
	bottom: 100%;
	left: 0;
	background-color: var(--blue);
	z-index: -1;
}

.br-half {

	border-radius: 62px;
}

.bg-rose {

	background-color: var(--secondary-pink) !important;
}

.bg-page-blue .breadcrumbs *,
.bg-page-blue * {

	color: #fff !important;
}

.wpforms-field input,
.wpforms-field textarea {

	border-radius: 40px !important;
	padding: 0 1.5rem !important;
}


.wpforms-field textarea {

	min-height: 200px !important;
	padding: 1.5rem !important;
}

.wpforms-field input::placeholder,
.wpforms-field textarea::placeholder {

	letter-spacing: .2rem !important;
	color: var(--primary-blue) !important;
	font-family: 'Roboto';
}

.wpforms-field h4 {

	letter-spacing: .2rem !important;
	color: var(--primary-blue) !important;
	font-size: 1.4rem !important;
	font-weight: 600 !important;
	font-family: 'video light', sans-serif !important;
}

.wpforms-submit-container .wpforms-submit {

	width: 100% !important;
	background: var(--secondary-blue) !important;
	color: #fff !important;
	text-transform: uppercase !important;
	font-family: 'video light', sans-serif !important;
	letter-spacing: .2rem !important;
	padding: 1rem 1.5rem !important;
}

.font-video {

	font-family: 'video light', sans-serif !important;
	letter-spacing: .2rem !important;
}

.spacing-5 p {

	letter-spacing: .5rem !important;
}

.contact-icons img {

	width: 55px;
}

.bottom-malha {

	position: relative;
	margin-bottom: 5rem;
}

.bottom-malha::after {

	position: absolute;
	content: '';
	bottom: -6rem;
	left: 0;
	width: 100%;
	height: 250px;
	background-image: url('/wp-content/uploads/2025/07/malha-branca.png');
	background-size: cover;
	background-position: center;
	z-index: -1;
}

/* Vision page */

body:has(.vision-page),
body:has(.vision-page-effects) {
	overflow-x: hidden;
}


/* .inner-effects:has(.vision-page-effects),
.site-main:has(.vision-page),
.site-main:has(.vision-page-effects) {
	position: relative;

	&:before,
	&:after {
		content: '';
		position: absolute;
		width: 180px;
		height: 130px;
		background-size: contain;
		transform: scaleX(-1);
		background-repeat: no-repeat;
		transform: translate(var(--moveX, 0px), var(--moveY, 0px)) rotate(var(--rotate, 0deg));
	}

	&:before {
		background-image: url('/wp-content/themes/unl/assets/blob5.svg');
		top: -80px;
		left: 10px;
		width: 190px;
	}


	&:after {
		background-image: url('/wp-content/themes/unl/assets/blob2.svg');
		bottom: 152px;
		right: -130px;
		width: 255px;
		height: 170px;
		transform: translate(var(--moveX, 0px), var(--moveY, 0px)) rotate(var(--rotate, -90deg));
	}

	@media screen and (max-width: 768px) {
		&:after {
			display: none;
		}
	}

	.breadcrumbs {
		display: none;
	}
} */



.vision-page {

	.light {
		color: var(--blue);
	}

	.content {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 2.5rem 2rem;
		align-items: start;

		&>p {
			position: relative;

			@media screen and (hover: hover) and (min-width: 768px) {

				&:before,
				&:after {
					content: '';
					position: absolute;
					background-size: contain;
					transform: scaleX(-1);
					background-repeat: no-repeat;
					background-image: url('/wp-content/themes/unl/assets/blob4.svg');
					top: -120px;
					right: -380px;
					width: 340px;
					height: 285px;
					transform: translate(var(--moveX, 0px), var(--moveY, 0px)) rotate(var(--rotate, 0deg));
				}

				&:after {
					background-image: url('/wp-content/themes/unl/assets/blob1.svg');
					height: 80px;
					width: 80px;
					bottom: -110px;
					right: -220px;
					top: unset;
					transform: translate(var(--moveX, 0px), var(--moveY, 0px)) rotate(var(--rotate, 0deg));
				}
			}
		}


		@media screen and (max-width: 768px) {
			gap: 3rem;
		}

	}

	.vision-section {
		flex: 1 1 calc(50% - 1rem);
		max-width: 100%;
		min-width: 300px;


		&:nth-child(2) {
			position: relative;

			&:after {
				content: '';
				position: absolute;
				background-size: contain;
				background-repeat: no-repeat;
				background-image: url('/wp-content/themes/unl/assets/blob4.svg');
				bottom: -162px;
				left: -185px;
				width: 290px;
				height: 215px;
				transform: translate(var(--moveX, 0px), var(--moveY, 0px)) rotate(var(--rotate, 0deg)) scaleX(-1);
			}

			@media screen and (max-width: 768px) {
				&:after {
					display: none;
				}
			}
		}

		h3 {
			padding: 1.5rem 2.5rem;
			border-radius: 999px;
			background-color: var(--blue);
			color: #fff;
			text-transform: uppercase;
			margin-bottom: 1.5rem;
			display: inline-block;
			font-size: 20px;
		}

		&:nth-child(odd) {
			margin-top: 70px;
		}

		&:nth-child(2n+4) {
			left: 11%;
			position: relative;
			max-width: calc(100% - 11%);
		}

		@media screen and (max-width: 768px) {

			&:nth-child(odd) {
				margin-top: 0;
			}


			&:nth-child(2n+4) {
				left: 0;
			}
		}

		p {
			margin: 0;
		}
	}

	>.col-md-6 {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}

/* Leadership */
.leadership-directors .col__column.light:not(.lastest-box) {

	background-image: url('/wp-content/uploads/2025/07/malha-opacity-20.png') !important;
}

/* @media screen and (min-width: 992px) {

	.col__column .relationship-articles {

		max-width: 90%;
	}
} */




.site-main:has(.leadership) {
	color: var(--blue);
	position: relative;
	overflow-x: hidden;

	&:before {
		content: '';
		position: absolute;
		width: 180px;
		height: 130px;
		background-size: contain;
		transform: scaleX(-1);
		background-repeat: no-repeat;
		transform: translate(var(--moveX, 0px), var(--moveY, 0px)) rotate(var(--rotate, 0deg));

	}

	&:before {
		background-image: url('/wp-content/themes/unl/assets/blob5.svg');
		top: -40px;
		/* left: 10px; */
		left: -40px;
		width: 190px;
	}

	@media screen and (max-width: 768px) {

		&:before,
		&:after {
			display: none;
		}
	}

	img {
		filter: grayscale(1);
	}

	.lista-botoes {
		display: flex;
		gap: 1rem;

		>* {
			flex: 0 0 auto;
			margin: 0 !important;
			width: auto !important;
		}
	}

	.hentry+.container-fluid .container-col {
		position: relative;

		&:before,
		&:after {
			content: '';
			position: absolute;
			width: 305px;
			height: auto;
			background-size: contain;
			transform: scaleX(-1);
			background-repeat: no-repeat;
			transform: translate(var(--moveX, 0px), var(--moveY, 0px)) rotate(var(--rotate, 0deg));

		}

		&:before {
			background-image: url('/wp-content/themes/unl/assets/blob4.svg');
			top: -108px;
			left: calc(100% - 70px);
			aspect-ratio: 43 / 32;
		}


		&:after {
			background-image: url('/wp-content/themes/unl/assets/blob1.svg');
			bottom: 110px;
			left: calc(100% - 23px);
			width: 80px;
			aspect-ratio: 1 / 1;
		}

		@media screen and (max-width: 768px) {

			&:before,
			&:after {
				display: none;
			}
		}
	}

	.col-container .light {
		color: var(--blue);
	}

	.breadcrumbs {
		display: none;
	}

	.title__wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.leadership {
		.col__column {
			padding-top: 0 !important;
			padding-left: 0 !important;
		}
	}

	.article-col-relation {
		margin-bottom: 1rem !important;
	}

	.container-fluid:has(.leadership-directors) {
		position: relative;
		background-color: transparent !important;

		&::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
			background-color: var(--blue);
			transform: translateY(50%);
		}
	}

	.container-col:has(.leadership-directors) {
		position: relative;

		&:before,
		&:after {
			content: '';
			position: absolute;
			width: 160px;
			height: auto;
			background-size: contain;
			background-repeat: no-repeat;
			transform: translate(var(--moveX, 0px), var(--moveY, 0px)) rotate(var(--rotate, 0deg));

		}

		&:before {
			background-image: url('/wp-content/themes/unl/assets/blob5.svg');
			top: -100px;
			right: 130px;
			aspect-ratio: 1 / 1;
		}


		&:after {
			background-image: url('/wp-content/themes/unl/assets/blob4.svg');
			top: 0;
			left: -150px;
			width: 320px;
			aspect-ratio: 43 / 32;
			transform: scaleY(-1);
			z-index: -1;
		}

		@media screen and (max-width: 768px) {

			&:before,
			&:after {
				display: none;
			}
		}
	}

	.leadership-directors {
		background-color: #fff;
		display: flex;
		flex-direction: row-reverse;
		border-radius: 2rem;
		border: 1px solid var(--blue);
		overflow: hidden;


		.content h2 {
			margin-left: 0 !important;
			box-shadow: none !important;
			padding: 0 !important;
			background: none !important;
			margin-bottom: 2.5rem !important;
		}

		>.col-12 {
			margin-block: 0 !important;
			flex: 1 1 auto;

			.content {
				/* max-width: 700px; */
				font-size: 1rem !important;
				font-family: 'video light', sans-serif;

				img {
					width: 100%;
				}
			}
		}

		>.col-12:last-child {
			background-image: url('/wp-content/themes/unl/assets/shapes_bg.svg');
			background-size: cover;
			background-position: center;
		}

		.inner-article-col {
			border-radius: 1rem;
			overflow: hidden;
			background-color: var(--soft-purple) !important;

			h4 {
				font-size: 1rem !important;
			}

			.role {
				font-size: 1rem;
				text-transform: uppercase;
			}
		}

		.content-col-inner {
			background: none;
			font-family: var(--font-title);
		}

		.lastest-box {
			border: 0;
			background-color: var(--soft-purple) !important;
			max-width: 450px;
		}
	}

	.container-fluid:has(.leadership-coordination) {
		background-color: transparent !important;
	}

	.leadership-coordination {
		display: flex;
		flex-direction: row-reverse;
		border-radius: 2rem;
		border: 1px solid #fff;
		overflow: hidden;
		background-color: var(--blue);
		margin-top: 50px;
		color: #FFF;

		.light {
			color: #FFF !important;
		}

		.inner-article-col {
			border-radius: 1rem;
			overflow: hidden;
			background-color: var(--soft-blue) !important;
		}

		.content h2 {
			margin-bottom: 2.5rem !important;
		}

		>.col-12 {
			margin-block: 0 !important;
			flex: 1 1 auto;

			.content {
				/* max-width: 700px; */
				font-size: 1rem !important;
				font-family: 'video light', sans-serif;

				img {
					width: 100%;
				}
			}
		}

		>.col-12:first-child {
			background-color: var(--soft-blue) !important;
			max-width: 450px;
			/* padding-inline: 4rem !important; */
		}

		.inner-article-col {
			border-radius: 1rem;
			overflow: hidden;

			h4 {
				font-size: 1rem !important;
			}

			.role {
				font-size: 1rem;
				text-transform: uppercase;
			}
		}

		.relationship-articles.last-row {
			margin-top: 2rem;

			.inner-article-col {
				background: none !important;
			}

			img {
				background-color: #fff;
				border-radius: 1rem;
			}

			.content-col-inner {
				border: 1px solid #fff;
				border-radius: 1rem;
				margin-top: 1rem;
				font-family: var(--font-title);
			}
		}
	}

	.container-fluid:has(.leadership-supervisory) {
		background-color: transparent !important;
	}

	.leadership-supervisory {
		background-color: var(--blue);
		margin-top: 4rem;
		border-radius: 2rem;
		border: 1px solid #fff;
		color: #fff;

		.col-container .light {
			color: #fff;
		}

		img {
			width: 100%;
		}

		>.col-12 {
			margin-block: 0 !important;
		}

		.col__column:first-child {
			/* padding-left: 0 !important; */

			.content {
				display: flex;
				flex-direction: row-reverse;

				&>div:not(.relationship-articles) {
					/*  padding-inline: 1.5rem; */
					color: #fff;
				}
			}

			.relationship-articles {
				flex: 1 0 calc(25% + 6px);
			}

			.article-col-relation {
				width: 100%;
			}
		}

		.inner-article-col {
			background-color: var(--soft-blue) !important;
			color: #fff;
			border-radius: 2rem;
			overflow: hidden;
			/* font-family: var(--font-title); */
		}

	}

	.container-fluid:has(.leadership-scientific) {
		background-color: var(--blue);
		padding-bottom: 100px;
		padding-top: 4rem;
		position: relative;

		p {
			color: var(--white);
		}

		&::before {
			content: '';
			background-color: var(--blue);
			position: absolute;
			width: 100%;
			left: 0;
			top: 0;
			transform: translateY(-100%);
			height: 300px;
			z-index: -1;
		}
	}

	.leadership-scientific {
		background-color: var(--blue);
		border-radius: 2rem;
		border: 1px solid #fff;
		color: #fff;

		.light {
			color: #fff;
		}

		h2 {
			color: var(--light-purple)
		}

		h3 {
			color: #fff;

			span {
				color: inherit !important;
			}
		}
	}

	@media (min-width: 768px) {

		.leadership-directors,
		.leadership-coordination,
		.leadership-supervisory,
		.leadership-scientific {
			flex: 0 0 auto;
			margin: 0 auto;
		}

		.leadership-coordination,
		.leadership-supervisory {
			margin-top: 50px;
		}

		.leadership-directors {
			.lastest-box {
				padding-inline: 4rem !important;
			}
		}

		.leadership-coordination>.col-12:first-child {
			padding-inline: 4rem !important;
		}

		.leadership-supervisory {

			.col__column:first-child {
				.content>div:not(.relationship-articles) {
					padding-inline: 1.5rem;
					color: #fff;
				}
			}

			.col__column:first-child {
				/* padding-left: 1.5rem !important; */
			}
		}
	}

}

.article-col-relation .content-col-inner .plus {

	text-align: start !important;
	/* left: start !important; */
	/* right: auto !important; */
	bottom: 15px !important;
}

/* Fix text cutting in leadership-organization cards */
.inner-article-col.bg-white {
	display: flex;
	flex-direction: column;
}

.inner-article-col.bg-white > img {
	flex-shrink: 0;
}

.inner-article-col.bg-white .content-col-inner {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
}

.inner-article-col.bg-white .content-col-inner .team-member__small-bio {
	flex: 1 1 auto;
	min-height: 0;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.inner-article-col.bg-white .content-col-inner .team-member__small-bio > div {
	word-wrap: break-word;
	overflow-wrap: break-word;
	min-width: 0;
}


/* Join Us */

.list-template-nimsbinars .inner-radius {

	border-color: var(--light-purple) !important;
	background-color: var(--light-purple);
}

.list-template-nimsbinars .content-box {

	color: var(--dark-blue);
}

.list-template-nimsbinars .content-box .webinars1__webinar--date {

	color: var(--dark-blue) !important;
	margin-bottom: 0 !important;
	padding-top: 1rem;
}


body:has(.join-us-page),
body:has(.nimsbinars-page) {
	background-color: var(--blue);
	color: #fff;

	.breadcrumbs {
		display: none;
	}

	.container-fluid {
		background-color: var(--blue) !important;


		.content {
			* {
				color: var(--white);
			}
		}
	}

	.text-blue {
		color: var(--light-green);
		margin-block: 0 !important;
		font-weight: 300;
	}

	.col-container .light {
		color: inherit;
	}

	.join-us-page,
	.nimsbinars-page {
		padding-left: 0 !important;
	}

	.join-us-page>.col-12,
	.nimsbinars-page>.col-12 {
		padding-top: 0 !important;
	}

	.content a {
		color: var(--light-green);
	}

	.section-title {
		h2 {
			color: var(--light-purple) !important;
			display: block;
			text-align: left !important;
			font-weight: 300 !important;
			text-transform: uppercase;
		}
	}

	.botoes-career {
		flex-wrap: wrap;
	}

	.inner-career {
		border: 1px solid #fff;
		border-radius: 2rem;
		padding: 44px 36px 0;

		.btn:not(.btn-positions) {
			background-color: #fff;
			color: var(--blue);

			&.active {
				background-color: var(--light-purple);
			}
		}


		.panel-positions {
			.x_elementToProof:first-child {
				color: var(--light-purple);
				font-size: 20px;
				position: relative;

				&:before {
					content: '';
					height: .7rem;
					width: .7rem;
					border-radius: 50%;
					position: absolute;
					left: -1rem;
					top: 6px;
					background-color: currentColor;
				}

				&+div {
					margin-bottom: 0;
					font-size: 14px;
					font-weight: 100;
					margin-bottom: .2rem;
				}
			}

			p {
				margin-bottom: 0;
				font-size: 14px;
				font-weight: 100;
				margin-bottom: .2rem;

				&:has(+h2, + h3, + h4),
				&:last-child {

					margin-bottom: 2rem;
					font-weight: 700;
				}
			}
		}

		.panel-positions__group {
			padding-left: 20px;

			h2,
			h3,
			h4,
			.x_elementToProof {
				color: var(--light-purple);
				font-size: 20px;
				position: relative;

				&:before {
					content: '';
					height: .7rem;
					width: .7rem;
					border-radius: 50%;
					position: absolute;
					left: -1rem;
					top: 6px;
					background-color: currentColor;
				}
			}

			p {
				margin-bottom: 0;
				font-size: 14px;
				font-weight: 100;
				margin-bottom: .2rem;

				&:has(+h2, + h3, + h4),
				&:last-child {

					margin-bottom: 2rem;
					font-weight: 700;
				}
			}
		}

		.panel-positions {
			/* max-height: 360px; */
			margin-bottom: 44px;
			overflow: auto;
		}

		/* OverlayScrollbars spacing so bar does not overlap text */
		.panel-positions.os-host {
			position: relative;
			padding-right: calc(var(--os-size, 14px) + 10px);
		}

		.panel-positions .os-scrollbar-vertical {
			right: -15px;
		}

		/* Closed positions: keep list compact and scrollable (4–5 items visible) */
		.panel-positions.panel-closed {
			max-height: clamp(24rem, 50vh, 32rem);
			overflow-y: auto;
			scrollbar-gutter: stable;
			overscroll-behavior: contain;
		}
	}

	.inner-latest {
		border-radius: 2rem;
		padding: 44px 36px;
		background-color: #fff;
		background-image: url('/wp-content/uploads/2025/07/malha-branca.png');
		background-size: 115%;
		background-position: center;

		.text-blue {
			color: var(--blue);
			margin-bottom: 2rem !important;
			text-transform: uppercase;
		}

		.lastest-box {
			background-color: var(--light-purple);
			border: 0;
			border-radius: 2rem;
			padding: 2rem 44px !important;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-end;
			margin-bottom: 2rem;

			&:last-child {
				margin-bottom: 0;
			}

			.lastest-box__content {
				flex: 1;


				h3 {
					color: var(--blue) !important;
					font-size: 18px !important;
				}

				p {
					color: var(--blue);
					margin-bottom: 0;
				}

				.btn {
					display: flex;
					margin-top: 2rem;
					margin-left: auto;
					margin-right: auto;
				}
			}
		}
	}


	.btn-positions.btn.active {

		background-color: var(--light-purple) !important;
		color: var(--blue) !important;
	}

	.btn-positions.btn.active {

		background-color: #fff !important;
		border-color: #fff !important;
	}

	.icon {
		margin: 0 auto;
	}

	@media (min-width: 768px) {
		.title__wrapper {
			flex: 0 0 auto !important;
			/* width: 83.33333333% !important; */
			/* padding: 0; */
		}

		.col-md-8 {
			flex: 0 0 auto !important;
			width: 83.33333333% !important;
		}

		.lastest-box__content {

			.btn {
				display: block;
				margin-left: 0 !important;
				margin-right: auto !important;
				width: fit-content;
			}
		}
	}
}

.btn-positions svg g path {

	fill: var(--dark-blue) !important;
}

.btn-positions.active svg {

	transform: rotate3d(0, 0, 10, 90deg);
}


/* Specific Page */

.styled-numbers ol {
	margin: 0 0 1.5em 1rem;
}

.styled-numbers.py-5,
#page .styles-numbers.py-5:first-child {
	@media screen and (max-width: 768px) {
		padding: 0 !important;
	}
}

/* Mobile */
@media screen and (max-width: 1200px) {

	li.menu-item a {

		font-size: .8rem;
	}

}

@media screen and (max-width: 1000px) {

	.main-navigation:not(.toggled) .menu-main-menu-container {

		display: none;
	}

	/* .main-navigation.toggled .menu-main-menu-container {

		position: absolute;
		top: 100%;
		z-index: 999;
		width: 100%;
		left: 0;
		height: 100%;
		background: #000;
		display: flex;
	}
	 */
	.main-navigation.toggled .menu-main-menu-container>ul {

		position: absolute;
		top: 100%;
		z-index: 999;
		width: 100%;
		left: 0;
		height: 100%;
		background: #000;
		display: flex;
		display: flex;
		flex-wrap: wrap;
	}

	.main-navigation.toggled .menu-main-menu-container>ul>li {

		width: 100%;
	}

	.menu-toggle {

		display: block !important;
		margin-left: auto;
		margin-left: auto;
		background: transparent;
		border: 0;
		width: 55px;
		height: 55px;
		padding: 0 !important;
		justify-content: center;
		align-content: space-between;
	}

	.menu-toggle .line {

		width: 50px;
		height: 3px;
		background-color: #fff;
		border-radius: 5px;
		display: block;
		margin: 10px 0;
	}


}

@media screen and (max-width: 768px) {

	.title-g {
		font-size: 2rem;
		font-weight: 900;
	}

	.leadership-directors {
		>.col-12 {
			max-width: 100% !important;
			padding: 1rem !important;
		}

		.lastest-box {
			max-width: 100% !important;
		}
	}

	.leadership-coordination {
		>.col-12 {
			max-width: 100% !important;
			padding: 1rem !important;
			padding-left: 1rem !important;
		}

		.col__column:first-of-type:not(.styled-numbers) {
			padding-left: 1rem !important;
		}
	}

	.leadership-scientific {
		padding: 1rem;
	}

	.leadership-supervisory {
		padding: 1rem;

		.col__column:first-child {
			.content {
				flex-direction: column !important;
			}
		}
	}

}


#site-navigation #mega-menu-wrap-menu-pages {

	position: inherit !important;
}

#site-navigation #mega-menu-wrap-menu-pages #mega-menu-menu-pages {

	top: 100% !important;
	left: 0 !important;
}

#mega-menu-wrap-menu-pages #mega-menu-menu-pages li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
	transform: rotate(-90deg);
	transition: all .4s ease;
}

#mega-menu-wrap-menu-pages #mega-menu-menu-pages li.mega-menu-item-has-children.mega-toggle-on>a.mega-menu-link>span.mega-indicator:after {
	transform: rotate(0deg);
}




@media screen and (max-width: 1269px) {

	#mega-menu-wrap-menu-pages #mega-menu-menu-pages>li.mega-menu-item>a.mega-menu-link {

		padding: 0px 5px 0px 5px !important;
	}
}


.btn-positions {

	cursor: pointer;
}

.btn-positions:not(.active) {

	/* background-color: transparent;
	background: linear-gradient(90deg, #7EB5E1 10%, #4AB9A2 92.4%); */
	background-color: var(--light-purple) !important;
	/* background-clip: text; */
	/* -webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
	border-radius: 38px;
	border: 2px solid var(--light-purple);
	/* background: #FFF; */
	/* backdrop-filter: blur(3.5px); */
	color: var(--blue) !important;
}

.btn-latest:hover {

	background-color: var(--secondary-blue);
	/* color: #fff !important; */
}

.lastest-box {

	border-left: 10px solid var(--secondary-blue);
	padding-left: 5rem !important;
}

.lastest-box .icon {

	left: -50px;
	top: 1.5rem;
}


.bg-malha {
	position: relative;
}

.bg-malha::after {
	content: '';
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-image: url('/wp-content/uploads/2025/01/malha.png') !important;
	background-position: center;
	background-size: cover !important;
}


#wpadminbar {
	position: fixed;
}

.accordion {
	background-color: var(--light-purple);
	border-radius: 2rem;
	color: var(--blue);
	display: flex;
	font-family: "video", serif;
	font-weight: 100 !important;

	& svg {
		margin-left: auto;
		width: 10px;
		transition: all .5s;
	}
}

.accordion:not(.active) svg .cls-1 {

	fill: var(--blue);
}

.accordion.active {
	background-color: var(--primary-blue);

	& svg {
		fill: var(--white);
		transform: rotate3d(0, 0, 10, 90deg);
	}
}

.js-team-card>p {

	font-family: 'Video Light', sans-serif;
	font-weight: 100;
	letter-spacing: .3rem;
}

.js-team-card svg {

	/* width: 10px; */
	transition: all .5s;
}

.js-team-card svg * {

	fill: var(--dark-blue);
}

.js-team-card.card-active {
	background-color: var(--dark-blue);

	& svg {
		transform: rotate3d(0, 0, 10, 90deg);

		& * {
			fill: var(--white);
		}
	}
}

.js-team-card.card-active svg.research-groups__card-icon--active {
	transform: rotate3d(0, 0, 10, 0deg);
}


.accordion {
	/* background-color: transparent; */
	cursor: pointer;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	position: relative;
	text-transform: uppercase;
	font-weight: 100 !important;
	letter-spacing: .2rem;
}

.panel {

	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.panel strong {

	color: var(--secondary-pink);
}

.panel.active {

	padding: 1.5rem;
	background-color: var(--primary-blue);
	border-radius: 62px;
	color: #fff;
	margin-bottom: 1rem;
}

.acc-arrow {

	display: block;
	width: 15px;
	height: 15px;
	/* border-bottom: 2px solid rgba(0, 0, 0, 0.8);
        border-right: 2px solid rgba(0, 0, 0, 0.8); */
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translate(0, -50%) rotate(45deg);
	transition: all .5s;
}

.accordion.active .acc-arrow,
.accordion:hover .acc-arrow {

	border-bottom: 2px solid var(--blue);
	border-right: 2px solid var(--blue);
}

.accordion.active {

	color: var(--light-purple);
}

.accordion.active .acc-arrow {

	transform: translate(0, -50%) rotate(-135deg);
}


.btns__wrapper {

	display: flex;
	flex-wrap: wrap;
}

/* .content-thumbnail {

	background-color: #0047d4;
} */

/* Team page */

main:has(.team) {
	background-image: url(/wp-content/themes/unl/assets/team-bg.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;
	/* background-image: url(/wp-content/themes/unl/assets/team-bg.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center; */
}

.popup--team.show-popup {
	display: flex !important;
	z-index: 1000000000;
}

.popup--team.show-popup .team-member__photo {

	max-width: 180px;
	max-height: 180px;
	border-radius: 2rem;
	aspect-ratio: 1 / 1;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.popup--team.show-popup .team-member__data {

	background-color: var(--secondary-blue);
	color: #fff;
	position: relative;
	max-height: 80vh;
	width: 100% !important;
	max-width: 750px !important;
	/* overflow: auto; */
}

.popup--team.show-popup .team-member__data .team-member__content {

	height: 100%;
	max-height: 80vh;
	overflow-x: hidden;
	color: var(--white);
	font-family: var(--font-text);
}

.popup--team .team-member__role,
.popup--team .team-member__role strong,
.popup--team .team-member__role .role {
	color: var(--light-purple);
	font-family: var(--font-title);
}

/* Pattern background for team member popups - applied to scrolling viewport */
.popup--team.show-popup .team-member__data [data-overlayscrollbars-viewport] {
	background-image: var(--pattern-img);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: var(--popup-pattern-size);
	background-attachment: local;
	position: relative;
	z-index: 0;
}

.popup--profile .popup__content {

	position: relative;
}

/* Pattern backgrounds for profile popups - applied to scrolling viewport */
.popup--profile .popup__content.pattern-1 [data-overlayscrollbars-viewport] {
	background-image: url('/wp-content/uploads/2025/09/popup-1.svg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: var(--popup-pattern-size);
	background-attachment: local;
}

.popup--profile .popup__content.pattern-2 [data-overlayscrollbars-viewport] {
	background-image: url('/wp-content/uploads/2025/09/popup-2.svg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: var(--popup-pattern-size);
	background-attachment: local;
}

.popup--profile .popup__content.pattern-3 [data-overlayscrollbars-viewport] {
	background-image: url('/wp-content/uploads/2025/09/popup-3.svg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: var(--popup-pattern-size);
	background-attachment: local;
}

.popup--profile .popup__content.pattern-4 [data-overlayscrollbars-viewport] {
	background-image: url('/wp-content/uploads/2025/09/popup-4.svg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: var(--popup-pattern-size);
	background-attachment: local;
}

.popup--profile .popup__content.pattern-5 [data-overlayscrollbars-viewport] {
	background-image: url('/wp-content/uploads/2025/09/popup-5.svg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: var(--popup-pattern-size);
	background-attachment: local;
}

.popup--profile .popup__content.pattern-6 [data-overlayscrollbars-viewport] {
	background-image: url('/wp-content/uploads/2025/09/popup-6.svg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: var(--popup-pattern-size);
	background-attachment: local;
}

.popup--profile .popup__content.pattern-7 [data-overlayscrollbars-viewport] {
	background-image: url('/wp-content/uploads/2025/09/popup-7.svg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: var(--popup-pattern-size);
	background-attachment: local;
}

.popup--profile .popup__content.pattern-8 [data-overlayscrollbars-viewport] {
	background-image: url('/wp-content/uploads/2025/09/popup-8.svg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: var(--popup-pattern-size);
	background-attachment: local;
}

/* .popup--team.show-popup .team-member__data:before {

	content: '';
	position: absolute;
	right: 50%;
	top: 20%;
	background-image: url('https://nimsb.lpmcom.pt/wp-content/uploads/2025/05/efeito-popup-2.svg');
	width: 60px;
	height: 60px;
	background-size: cover;
} */

.popup--team.show-popup .team-member__role {

	color: var(--light-purple);
	padding-left: 0 !important;
}

.team {
	position: relative;

	.team__wrapper {
		padding-bottom: 3rem;
	}

	.team-cards {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		width: 100%;
	}

	.team-card {
		background-color: var(--white);
		border: 1px solid var(--blue);
		border-radius: 2rem;
		display: flex;
		flex-direction: column;

		&>* {
			color: var(--blue);
		}

		&.card-active {
			background-color: var(--blue);
			border: 1px solid var(--blue);

			&>* {
				color: var(--white);
			}

			.team-icon__active {
				display: inline-block;
			}

			.team-icon {
				display: none;
			}
		}

		.team-icon {
			display: inline-block;
		}

		.team-icon__active {
			display: none;
		}
	}


	.team-content {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.team-member__photo-wrap {
		min-height: 16rem;
	}

	.team-member__photo {
		aspect-ratio: 1 / 1;
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	.team-member__profile.profile {
		background-color: var(--light-purple);
		border-radius: 2rem;
	}

	.team-member__role {

		font-family: "video", serif;

		p {
			margin-bottom: .5em;
		}
	}

	.team__description {
		background-color: var(--white);
		border: 1px solid var(--blue);
		border-radius: 2rem;
		display: flex;
		flex: 1 1 100%;
		flex-direction: column;

		&>* {
			color: var(--blue);
			margin-bottom: .5em;
		}
	}

	.team__area--title {
		font-family: "video", serif;
	}

	.btns__wrapper {
		margin-left: auto;
		margin-top: auto !important;
	}

	.team__details .team__area--title-sum>svg {

		transition: all .5s;
	}

	.team__details .team__area--title-sum>svg * {

		fill: var(--blue);
	}


	.team__details[open] .team__area--title-sum {
		background-color: var(--blue);
		color: var(--light-purple);
	}


	.team__details[open] {
		&>.team__area--title-sum {
			background-color: var(--blue);
			color: var(--light-purple);
		}

		& .control-icon-close {
			display: initial;
			transition: 2s ease;
		}

		& .control-icon-expand {
			display: none;
		}

		& .team__area--title-sum>svg {

			transform: rotate3d(0, 0, 10, 90deg);

			& * {

				fill: white;
			}
		}

	}

	.team__area--title__summary {
		list-style: none;
	}

	.team__area--title__summary::marker {
		display: none;
	}

	.control-icon-close {
		display: none;
	}

	.team__area--title-sum {
		background-color: var(--light-purple);
		border-radius: 2rem;
		color: var(--blue);
		display: flex;
		font-family: "video", serif;

		& svg {
			margin-left: auto;
			width: 10px;
		}
	}

	.profiles {
		display: flex;
		gap: 2rem;
		flex-wrap: wrap;
	}

	.profile:not(.no-profile) {
		background-color: var(--soft-blue);
		border-radius: 2rem;
		color: var(--white);
		cursor: pointer;
		display: flex;
		flex-direction: column;
	}

	.profile.bg-purple {

		background-color: var(--soft-purple);
		color: var(--dark-blue);
	}

	.profile-wrapper:not(.accordion-profile):first-of-type .profile {
		background-color: var(--light-purple);
		color: var(--blue);
	}


	.team__area--title-sum::marker {
		display: none;
	}

	.team__area--items {
		border-radius: 2rem;
	}

	.team__area--items-title {
		color: var(--light-purple);
	}

	.team-member__small-bio {
		gap: .5rem;
		/* flex: 1 1 auto; */
	}

	.popup--team {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		display: none;
		justify-content: center;
		align-items: center;
	}

	.popup--team.show-popup {
		display: flex !important;
	}

	.team-member__data {
		background-color: var(--white);
		border-radius: 2rem;
		color: var(--blue);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.close__profile {
		cursor: pointer;
		font-size: 1.2rem;
		margin-left: auto;
		position: absolute;
		right: 40px;
		top: 20px;
		z-index: 10; /* Ensure close button appears above all popup content */
	}

	.team-member__content {
		margin-right: auto;
	}


	.team-page {
		display: none;
	}

	.page-active {
		display: block;
	}

}

body:has(.research-groups) {
	background-color: var(--dark-blue);

	.breadcrumbs li a,
	.breadcrumbs li span {
		color: var(--white) !important;
	}

	.title {
		color: var(--light-green);
	}
}

.research-groups {
	background-image: url(/wp-content/themes/unl/assets/malha-bg.svg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.research-groups__intro {
	color: var(--white);
}

.research-groups__cards {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	width: 100%;
}

.research-groups__card {
	aspect-ratio: 50 / 20;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid var(--white);
	border-radius: 25px;
	display: flex;
	flex-direction: column;
	object-fit: cover;
}

.research-groups__card--title {
	color: var(--light-green);
	font-family: "video", sans-serif;
	margin-bottom: 0;
	margin-top: auto;
	margin-left: auto;
}


.research-groups__card-icon {
	display: inline-block;
	margin-bottom: 4px;
}

.research-groups__card-icon--active {
	display: none;

	svg {
		vertical-align: baseline;
	}
}

.research-groups__lab-title,
.publications__title {
	color: var(--light-purple);
	text-transform: uppercase;
}

.publication__item a {

	color: #fff;
}

.marker {
	padding-right: .5rem;
	display: inline-grid;
}

.publications__title .marker svg {

	height: 16px;
}

.publication__list {

	padding-top: 0;
	position: relative;
}

.publication__list::before {

	position: absolute;
	content: '';
	top: -24px;
	left: -11px;
	width: 1px;
	height: 100%;
	background-color: var(--light-purple);
}

.publication__list li {

	padding-top: .5rem;
	padding-bottom: .5rem;
}

.publication__list li::before {

	left: -1rem !important;
	top: 14px !important;
	background-color: var(--light-purple) !important;
}

.research-groups__lab-title--complement,
.publications__title--complement {
	color: var(--white);
	font-weight: 600;
}

.about {
	border: 1px solid var(--white);
	border-radius: 25px;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin-bottom: 4rem;
	padding: 2rem;

	p {
		color: var(--white);
	}

	p:nth-child(1) {
		color: var(--light-purple);
		font-family: "video", sans-serif;
	}
}

.about__profile {
	display: flex;
	flex-direction: column;
}

.researcher {
	border-radius: 25px;
	background-color: var(--soft-blue);
}

.researcher__photo {
	aspect-ratio: 1 / 1;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.researcher__role {
	color: var(--white);
}

.about__description {
	display: flex;
	flex-direction: column;
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	justify-content: center;
	align-items: center;
	--popup-pattern-size: 230px auto;
	z-index: 9999999999999999;
}


.popup__text .name{

	font-size: 1.4rem;
	font-family: var(--font-title);
	color: var(--light-purple);
}

.popup__text .role{

	color: var(--light-purple);
	font-weight: 200;
	font-family: var(--font-title);
}

.popup--profile {
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	justify-content: center;
	z-index: 9999999999999999;
}

.popup__content {
	background-color: var(--secondary-blue);
	border-radius: 25px;
	display: flex;
	flex-direction: column;
	position: relative;
	max-height: 90vh;
	z-index: 0;
}

.popup--team.show-popup .team-member__data {
	z-index: 0;
}

.popup__content .popup__text {
	max-height: 100%;
	overflow-x: hidden;
	padding-right: 1rem;
	overflow-wrap: break-word;
	word-break: break-word;
	color: var(--white);
	font-family: var(--font-text);
}

/* Add inner gap so text stays clear of the overlay scrollbar */
.popup__content .popup__text [data-overlayscrollbars-viewport] {
	padding-right: 1.5rem;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}

.popup__content .popup__text a {
	color: #fff;
}


.popup:not(.links):not(.awards):not(.publications) .popup__content {

	&.pattern-1 .popup__text [data-overlayscrollbars-viewport] {
		background-image: url(/wp-content/uploads/2025/09/popup-1.svg);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: var(--popup-pattern-size);
		background-attachment: local;
	}

	&.pattern-2 .popup__text [data-overlayscrollbars-viewport] {
		background-image: url(/wp-content/uploads/2025/09/popup-2.svg);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: var(--popup-pattern-size);
		background-attachment: local;
	}

	&.pattern-3 .popup__text [data-overlayscrollbars-viewport] {
		background-image: url(/wp-content/uploads/2025/09/popup-3.svg);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: var(--popup-pattern-size);
		background-attachment: local;
	}

	&.pattern-4 .popup__text [data-overlayscrollbars-viewport] {
		background-image: url(/wp-content/uploads/2025/09/popup-4.svg);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: var(--popup-pattern-size);
		background-attachment: local;
	}

	&.pattern-5 .popup__text [data-overlayscrollbars-viewport] {
		background-image: url(/wp-content/uploads/2025/09/popup-5.svg);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: var(--popup-pattern-size);
		background-attachment: local;
	}

	&.pattern-6 .popup__text [data-overlayscrollbars-viewport] {
		background-image: url(/wp-content/uploads/2025/09/popup-6.svg);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: var(--popup-pattern-size);
		background-attachment: local;
	}

	&.pattern-7 .popup__text [data-overlayscrollbars-viewport] {
		background-image: url(/wp-content/uploads/2025/09/popup-7.svg);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: var(--popup-pattern-size);
		background-attachment: local;
	}

	&.pattern-8 .popup__text [data-overlayscrollbars-viewport] {
		background-image: url(/wp-content/uploads/2025/09/popup-8.svg);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: var(--popup-pattern-size);
		background-attachment: local;
	}
}

/* Force consistent pattern sizing on research popups */
.popup:not(.links):not(.awards):not(.publications) .popup__text [data-overlayscrollbars-viewport] {
	background-size: var(--popup-pattern-size) !important;
}

.popup__text {

	ul,
	ol {
		margin: 0;

		li::marker {
			color: var(--soft-purple);
		}
	}
}

.popup__title {
	color: var(--soft-purple);
	margin-bottom: 1rem;
}

.show-popup {
	display: flex !important;
}

.close__popup {
	color: var(--white);
	font-size: 1.75rem;
	margin-left: auto;
	position: absolute;
	top: .5rem;
	/* right: 1.5rem; */
	right: 3.5rem;
	z-index: 10; /* Ensure close button appears above all popup content */
}

.close__popup,
.close__profile,
.close-popup {
	z-index: 50;
	pointer-events: auto;
}

.popup__photo--small {
	aspect-ratio: 1 / 1;
	border-radius: 25px;
	width: 9.3rem;
	margin-bottom: 1rem;
	object-fit: cover;
}

.projects {
	align-items: center;
	background-color: var(--white);
	border-radius: 25px;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	justify-content: center;
	margin: 0 auto 4rem auto;
	padding: 2rem;
}

.projects__subtitle {
	color: var(--blue);
	text-transform: uppercase;
}

.projects__cards--container {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	justify-content: start;
	width: 100%;
}

.project__link {
	aspect-ratio: 1.2 / 1;
	background-color: var(--soft-purple);
	border-radius: 25px;
	display: flex;
	flex-direction: column;
	font-family: "video", sans-serif;
	padding: 1rem;
	text-transform: uppercase;
	/* width: 12rem; */
	width: 10em;

	&:active,
	&:hover {
		background-color: var(--soft-blue);
		color: var(--white);
	}
}

.team__profiles {
	background-color: var(--soft-blue);
	border-radius: 25px;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 4rem;
	padding: 2rem;
}

.team__subtitle {
	color: var(--white);
	margin-bottom: 2.5rem;
	text-align: center;
	text-transform: uppercase;
}

.team-profile__wrapper {
	cursor: pointer;
	gap: 1rem;
}

.profile__team-member {
	background-color: var(--soft-purple);
	border-radius: 25px;
	display: flex;
	flex-direction: column;
	max-width: 12.5rem;
}

.profile__photo {
	aspect-ratio: 1 / 1;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	width: 100%;
	object-fit: cover;
}

.profile__team-member--bio {
	flex: 1 1 auto;
	flex-direction: column;
}

.profile__icon {
	margin-right: auto;
	margin-top: .5rem;
}

.profile__team-member--bio>* {
	color: var(--blue);
	font-family: "video", sans-serif;
	font-size: 1rem;
}

.researcher__role {

	font-family: "video", sans-serif;
}

/* .researcher__role > p:first-child{

	font-weight: 700;
}

.researcher__role > p:last-child{

	text-transform: uppercase;
} */

/* .bio__text>p:first-child, */
.bio__text>h6,
.bio__text>h5,
.bio__text>h4,
.bio__text>h3,
.bio__text>h2,
.bio__text>h1 {
	font-size: 1.25rem;
}

.bio__text p {
	margin-bottom: 0;
}

.bio__text--popup {
	color: var(--soft-purple);
	margin-bottom: 1rem;
}

.profile-show-popup {
	display: flex;
}

.publications__content {
	margin-bottom: 6rem;
}

.publication__list {
	margin: 0 0 0 22px;
	padding: 1rem 0 0 0;
}

.publication__item {
	color: var(--white);
	padding-left: 1.5rem;
}

.publication__item::marker {
	color: var(--soft-purple);
}

.card-active {
	.research-groups__card--title {
		color: var(--white);

		.research-groups__card-icon {
			display: none;
		}

		.research-groups__card-icon--active {
			display: inline-block;
		}
	}
}

.team-page {
	display: none;
}

.js-team-page.page-active {
	display: block;
}

/* Towardss Innovation page */

.site-main:has(.innovation-page) {
	.schematics {
		padding: 0;
	}
}

.innovation-page {
	position: relative;
}

.innovation-page__intro {

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: var(--white);
		display: inline-block;
		padding-right: 2.5rem;
		position: relative;
		width: fit-content;
		z-index: 10;
		text-transform: uppercase;
		font-size: 1.2rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

.innovation-page {

	margin-bottom: 3rem !important;
}

.innovation-page__intro h1:before,
.innovation-page__intro h2:before,
.innovation-page__intro h3:before,
.innovation-page__intro h4:before,
.innovation-page__intro h5:before,
.innovation-page__intro h6:before {
	background-color: var(--blue);
	/* border-top-right-radius: 25px;
	border-bottom-right-radius: 25px; */
	border-radius: 25px;
	content: "";
	display: block;
	height: 100%;
	/* left: -50vw; */
	left: -1rem;
	position: absolute;
	right: 0;
	/* top: -5px; */
	top: 0px;
	z-index: -10;
}

.panel-positions__group a {

	color: #fff !important;
}

.panel-positions__group a:hover {

	text-decoration: underline !important;
}

.innovation-page__phases {
	background-color: var(--blue);
}

.innovation-page__phases--wrapper {
	margin-top: 2rem;
	margin-bottom: 4rem;
}

.phases__main-title,
.programs__main-title {
	color: var(--white);
	font-family: "video", sans-serif;
	margin-bottom: 1rem;

	span {
		color: var(--light-green);
	}
}

.phases__main-title {

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 1.5rem;
	}
}

.phases__container {
	gap: 2rem;
	flex-direction: column;
}

.phase {
	border: 1px solid var(--light-green);
	border-radius: 25px;
	flex-direction: column;
	padding: 1.2rem 2.5rem;
}

.phase__icon {
	width: 100%;
}

.phase__title {
	color: var(--white);
	text-transform: uppercase;
	font-size: 1.5rem;
}

.phase__subtitle {
	color: var(--light-green);
	font-size: 1.5rem;
	margin-bottom: 1.5em;
}

.phase__text {
	color: var(--white);

	ul,
	ol {
		list-style: none;
		padding-left: 1.5rem;
		margin: 0;

		li {
			font-size: 1rem;
			line-height: 2rem;

			&::before {
				/* content: "•";
				color: var(--light-green);
				font-size: 3rem;
				padding-right: .8rem;
				vertical-align: middle; */
				background-color: var(--highlight-teal) !important;
				top: 10px !important;
			}
		}
	}

}

.phase__img-wrapper {
	padding: 2rem;
}

.phase__text-wrapper {
	order: 1;
}

.programs {
	background-image: url(/wp-content/themes/unl/assets/bg-towards-innovation.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: bottom;
}

.programs__wrapper {
	margin-top: 2rem;
	margin-bottom: 4rem;
}

.programs__main-title {
	color: var(--white);
	font-size: 1.5rem;

	span {
		color: var(--light-green);
	}
}

.programs__text {
	color: var(--white);
	font-size: 1rem;
}

.schematics {
	background-color: var(--white);
	background-image: url(/wp-content/themes/unl/assets/malha-innov.svg);
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid var(--blue);
	border-radius: 25px;
	color: var(--dark-blue);
	padding: 1.2rem 2.5rem;

	img {
		width: 100%;
	}
}

.program-details__container {
	margin-bottom: 4rem;
	position: relative;
}



.program-details__wrapper {
	margin-bottom: 4rem;
}

.program__text--wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.program__title,
.program__subtitle {
	color: var(--blue);
}

.program__title {
	text-transform: uppercase;
}

.program-icon-text {
	align-items: center;
	margin-bottom: 1rem;
}

.program__icon {
	max-width: 6.25rem;

	img {
		width: 100%;
		height: 100%;
		padding-right: 1rem;
	}
}

.program__detailed-text {
	color: var(--blue);
}

.video-banner__wrapper {
	aspect-ratio: 10 / 9;
	display: flex;
	max-height: 31.25rem;
	overflow: hidden;
}

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


/*NIMSBinars*/

/*Header with background image*/
.mw-1520 {

	max-width: 1520px;
}

.nimsb-search {

	position: relative;
}

.nimsb-search input {

	width: 100%;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 50px;
	color: #fff !important;
	padding: .5rem 1rem;
}

.nimsb-search input::placeholder {

	color: #fff !important;
}

.nimsb-search svg {

	position: absolute;
	top: 50%;
	right: 2rem;
	width: 20px;
	transform: translate(0, -50%);
}

body:has(.header-block) {
	.header-block {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-top: -2px !important;
		padding-bottom: 3rem;
		padding-top: 3rem;
	}

	.content-thumbnail {
		display: none;
	}

	.breadcrumbs {
		display: none;
	}

	.title-page {
		display: none;
	}

	.header-block__subtitle {
		border: 1px solid var(--white);
		border-radius: 25px;
		padding: .5rem 2rem;
		width: fit-content;

		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p {
			margin-bottom: 0;
		}
	}
}

/*Text plus ctas block.*/

.text-plus-ctas__wrapper {
	a {
		color: var(--light-green) !important;

		&:hover {
			color: var(--soft-purple) !important;
		}
	}
}

.text-plus-ctas__btn {
	min-width: fit-content;
}

.btn__arrow {
	margin-left: 1rem;
}

.text-plus-ctas__buttons {
	background-color: var(--white);
	background-image: url('/wp-content/themes/unl/assets/malha-innov.svg');
	border-radius: 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 4rem;
	width: 100%;
}

.text-plus-ctas__buttons--wrapper {
	flex: 1 1 auto;
	flex-wrap: wrap;
	gap: 1rem;
}

.text-plus-ctas__btn {
	min-width: fit-content;
}

.nimsbinars {
	.news__container {
		justify-content: space-around;
	}

	.news__container--single {
		background-color: var(--soft-purple);
		border-radius: 25px;
		margin-left: .5rem;
		margin-right: .5rem;
		min-width: 300px;
		padding: 0 !important;
		margin-top: 30px;

	}

	.thumbnail {
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;

		a>img {
			aspect-ratio: 16 / 9;
			height: 100%;
			object-fit: cover;
			width: 100%;
			min-height: 350px;

		}
	}

	.inner-content {
		margin-top: 1rem;

		p {
			color: var(--blue) !important;
		}
	}

	.news__lead>h2>a {
		color: var(--blue) !important;
	}

	.news__lead--date {
		color: var(--blue) !important;
		font-family: "video", sans-serif;
	}
}

.category-nimsbinars .content-thumbnail {
	margin-bottom: 0 !important;
	padding: 0.5rem !important;
}

.webinars1 {
	background-color: var(--blue);
	border-radius: 2rem;
	color: var(--soft-purple);
	display: flex;
	font-family: "video", serif;
}

.webinars1__title {
	color: var(--soft-purple);
	display: flex;
	justify-content: space-between;
	margin: 0;
	margin-right: auto;
	padding: 1rem 2rem;
}

.webinars1__icon {
	margin-right: 2rem;
}

.webinars1__details[open] {
	& .webinars1__icon {
		transform: rotate(90deg);
	}
}

.webinars1__wrapper {
	background-color: var(--blue);
	border-radius: 25px;
	padding-bottom: 2rem;
	/* max-height: 500px; */
	padding-top: 2rem;
	/* overflow: scroll;
	scrollbar-width: 8px;
	scrollbar-color: var(--light-green) var(--soft-purple); */

	/* Chrome, Edge, and Safari */
	/* &::-webkit-scrollbar {
		width: 8px;
	}

	&::-webkit-scrollbar-track {
		background: var(--soft-purple);
		border-radius: 25px;
	}

	&::-webkit-scrollbar-thumb {
		background: var(--light-green);
		border-radius: 25px;
	}

	&::-webkit-scrollbar-thumb:hover {
		background: var(--soft-purple);
	} */
}

.container-scroll {
	margin: 1rem 2.5rem !important;
	max-width: 100%;
	max-height: 500px;
}

/* .webinars1__container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
} */

.webinars1__webinar {
	/* border: 1px solid var(--soft-purple); */
	color: white;
	padding: 0;
	/* flex: 1 1 33.333%;
	max-width: 30%; */
	/* flex: 1 1 16rem;
	max-width: 16rem; */
}

.webinars1__webinar>.inner-post {
	border: 1px solid var(--soft-purple);
	border-radius: 25px;
	margin: 1rem;
}

.webinars1__webinar--date {
	font-family: "video", serif;
	padding-top: .5rem;
}

.webinars1__webinar--thumbnail {
	img {
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
	}
}

.content-person {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 1000000000 !important;

	.team-member__data {
		background-color: var(--white);
		border-radius: 2rem;
		color: var(--blue);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.close__profile {
		cursor: pointer;
		font-size: 1.2rem;
		margin-left: auto;
	}

	.team-member__content {
		margin-right: auto;
	}
}



.content-person.show-popup {
	display: flex !important;
}

body:has(.implementation-plans-container) {
	div.max-size {
		max-width: 100% !important;
	}

	/* footer {
		padding-top: 8rem;
	} */
}

.implementation-plans-container {
	border: 1px solid var(--light-blue);
	background-color: var(--blue);
	color: var(--white);
	border-radius: 2rem;
	margin-bottom: 2rem;
	padding: 3rem clamp(2rem, 5vw, 4rem);
	/* margin-bottom: -8rem; */
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.implementation-plans-container {
		padding-right: 1rem;
	}

	.implementation-plans-container .scrollbar {
		padding-right: 0.5rem;
		scrollbar-gutter: stable;
	}
}

.scrollbar {
	max-height: 20rem;
}


.back-pink .implementation-plans-container {
	border: 1px solid var(--light-purple);
	background-color: var(--light-purple);
	color: var(--dark-blue);
}

.back-pink .implementation-plans-container .implementation-plans__title,
.back-pink .implementation-plans-container .implementation-plans__list h4,
.back-pink .implementation-plans-container .implementation-plans__list li {

	color: var(--dark-blue);
}

.back-pink .implementation-plans-container .implementation-plans__list li:before {

	background-color: var(--dark-blue) !important;
}

.implementation-plans-container .implementation-plans__list a {

	color: var(--white);
}

.implementation-plans__title {
	color: var(--light-purple);
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.implementation-plans__list {
	margin: 2rem 0 0;
	padding: 0 0 0 1.2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;

	li::marker {
		color: var(--light-purple);
		font-size: 2rem;
	}

	h4 {
		color: var(--light-purple);
		font-size: 1.2rem;
	}
}

.oeiras-life-science-campus {
	div.max-size {
		max-width: 100% !important;
	}

	li::marker {
		color: var(--light-purple);
		font-size: 2rem;
	}

	.max-size.light-blue,
	.max-size.shadow-card {
		background-color: var(--soft-blue);
		padding: 2rem;

		* {
			color: var(--white) !important;
		}
	}

	.shadow-card {
		box-shadow: 0 0 50px rgba(45, 50, 140, .3);
		border-radius: 2rem;
		padding: 1rem;
		margin-block: 3rem;
		gap: 0 1.25rem;

		ul {
			margin: 0;
		}

		.col__column {
			padding: 0 !important;
		}

		.col-md-6 {
			flex: 1 1 40%;
			min-width: 300px;
		}

		.col-md-12 {
			flex: 1 1 100%;
		}

		figure {
			margin: 0;
		}

		img,
		iframe {
			border-radius: 2rem;
		}

		.has-border {
			border: 1px solid var(--blue);
			border-radius: 2rem;
			padding: 2rem !important;
		}

		#life-sciences-campus-impact {
			justify-content: center;

			.section-title {
				background-color: var(--soft-blue);
				border-radius: 2rem 2rem 0 0;
				color: var(--white);
				font-weight: 100;
				letter-spacing: 4px;
				padding-top: 1rem !important;
			}

			.belongs-to-section-title {
				background-color: var(--soft-blue);
				border-radius: 0 0 2rem 2rem;
				color: var(--light-purple);
				padding-bottom: 1rem;
				font-family: 'video light', sans-serif;
			}
		}

		&.campus-impact {
			img {
				max-width: 4rem;
				margin-right: 1.5rem;
			}
		}

		.blocos {
			display: flex;
			margin-top: 2rem;

			.bloco {
				padding-block: 0 !important;
				border-right: 1px solid var(--soft-purple);
				display: flex;
				/* align-items: center; */
				justify-content: center;
				flex: 1 1 auto;

				&:last-child {
					border-right: 0;
				}

				p {
					margin-bottom: 0;
				}
			}

			strong {
				color: var(--soft-purple);
				font-family: 'video light', sans-serif;

			}

			@media screen and (width <=768px) {
				flex-direction: column;
				gap: 2rem;

				.bloco {
					border-right: 0;
				}
			}
		}
	}
}

.blocos-life ul li {

	padding-bottom: 1rem !important;
	font-size: 1.2rem;
}

.blocos-life {
	@media screen and (max-width: 768px) {
		gap: 2rem;
	}
}

.life-in-oeiras {

	div.max-size {
		max-width: 100% !important;
	}

	.life-in-oeiras__schools {
		background-color: var(--primary-blue);
		color: var(--white);
		/* text-align: left; */
	}

	.school-list {
		list-style: none;
		padding: 0;
	}

	.school-list li {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.school-list li span {
		font-size: 20px;
		font-weight: bold;
		color: var(--light-green);
		/* Neon blue-green for numbers */
	}

	.divider {
		border-top: 1px solid white;
		margin-bottom: 20px;
	}

	.numbers-bullets {
		/* background-image: url('/wp-content/themes/unl/assets/shapes_bg.svg');  */
		background-color: var(--blue);
		border-radius: 2rem;
		text-align: center;
		font-family: 'video light', sans-serif;
		letter-spacing: 3px;
		text-transform: uppercase;
		padding-block: 2rem;
		font-size: 1.2rem;
		gap: 2rem;
		position: relative;
		z-index: 1;

		&::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: url('/wp-content/themes/unl/assets/shapes_bg.svg');
			background-repeat: no-repeat;
			background-size: 400%;
			background-position: center;
			opacity: 0.4;
			z-index: -1;
		}

		p {
			margin-bottom: 0;
		}

		* {
			font-weight: 100 !important;
			color: var(--white);
		}

		.max-size {
			padding-block: 0 !important;
		}
	}

	iframe {
		border-radius: 2rem;
	}

	.accordion-repeater {

		.col-12 {
			width: 100%;
			display: flex;
			flex-direction: column;
			gap: .25rem;
		}

		hr {
			display: none;
		}
	}

	.accordion,
	.panel {
		font-family: 'video light', sans-serif;
		background: var(--light-purple);
		border-radius: 2rem;
		color: var(--blue);
		font-weight: 100;
		padding-inline: 2rem !important;
		border: 0;
		letter-spacing: 3px;

		&.active {
			background-color: var(--blue);
			color: var(--white);

			a {
				color: var(--light-purple)
			}
		}
	}

	.accordion.active {
		color: var(--light-purple);
	}

	.lista-botoes {
		/* background-image: url('/wp-content/themes/unl/assets/shapes_bg.svg'); */
		border-radius: 2rem;
		padding: 2rem 5rem;
		gap: 0 1.5rem;
		letter-spacing: 3px;
		box-shadow: 0 0 50px rgba(45, 50, 140, .3);
		position: relative;
		z-index: 1;

		&::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: url('/wp-content/themes/unl/assets/shapes_bg.svg');
			background-repeat: no-repeat;
			background-size: 400%;
			background-position: center;
			opacity: 0.2;
			z-index: -1;
			filter: invert(1);
		}

		.btn {
			background-color: var(--light-purple);
			font-family: 'video light', sans-serif;
			border-color: var(--light-purple) !important;
			margin-bottom: 1rem;

			&:hover {
				border-color: var(--dark-blue) !important;
			}

			span {
				color: var(--blue) !important;
			}

			path {
				stroke: var(--blue) !important;
			}

		}
	}
}


/*Media queries*/

@media screen and (max-width: 575px) {

	.call__section {
		background-color: var(--blue);
	}

	.call-col {
		padding: 0 2rem;
	}

	.call__card--link {
		display: flex !important;
		flex-direction: column;
		gap: 1rem;
	}

	.call__card--title {
		padding: .5rem;
		text-align: left;
	}

	.call-col:nth-child(odd) .call-before-bg-img {
		order: 1;
	}

	.call__card--link .content {
		margin-bottom: 0;
		margin-top: 0;
	}

	.col__border~.btn {
		right: 0;
	}

}

.inner__menu {
	display: none;
}

.icons-desktop {

	@media screen and (width <=1200px) {
		flex-wrap: wrap;

		>p {
			flex: 1 1 33%;
		}
	}
}

@media screen and (max-width: 1320px){
	
	.thumb-bg-image img, .thumb-bg-color img {
		width: 100%;
	}
}


/* Removed broad .col__column padding-left rule - was affecting too many pages */

@media screen and (max-width: 768px) {
	.p-5 {
		padding: 2rem !important;
	}
}

@media screen and (min-width: 769px) {


	.phase {
		flex-direction: row;
	}

	.phase__img-wrapper {
		padding-left: 2rem;
	}

	.phase__text-wrapper {
		order: 0;
	}

	.btn__purple {
		width: 13em;
	}

	.research-groups__card {
		flex: 0 0 auto;
		width: 48%;
	}

	.inner__menu {
		background-color: var(--blue);
		border-radius: 50px;
		border: 1px solid var(--white);
		color: var(--white);
		display: block;
		max-width: 90px;
		position: fixed;
		top: 150px;
		right: 10px;
		z-index: 999;
	}

	.inner__menu--items {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.inner__menu--item {
		padding: 2rem .3rem;
		text-align: center;

		&:nth-child(even) {
			.inner__menu--link::before {
				transform: scaleX(-1);
				right: 7px;
				left: unset;
			}
		}

		&:last-child {
			.inner__menu--link::before {
				display: none;
			}
		}
	}

	.inner__menu--link {
		color: var(--white);
		font-size: .6rem;
		text-transform: uppercase;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		font-family: "video", serif;
		font-weight: 900;
		text-transform: uppercase;
		position: relative;

		&::before {
			content: '';
			background-image: url(./assets/sidenav-line.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			height: calc(100% + 4rem + 4px);
			width: 27px;
			position: absolute;
			left: 7px;
			top: 3px;
		}

		&:hover {
			color: var(--light-green);
		}
	}

	.inner__menu--link-circle {
		height: 10px;
		width: 10px;
		border: 1px solid var(--light-green);
		border-radius: 50%;
	}

	.team .team-content {
		flex-direction: row;
	}

	.btn__hollow {
		font-size: 1rem;
		padding: .5rem 1rem;
	}

	.team-card {
		flex: 1 1 auto;
		width: calc(25% - 1rem);
	}

	.slider__section--bg .slider {
		background-image: none !important;
	}

	.slide__wrap--content {
		/* max-width: 400px; */
		/* max-width: 800px; */
		height: 100%;
		position: relative;
		max-height: 450px;
	}


	.slide__wrap--image {
		position: relative;
		max-height: 450px;
	}

	.btn__slider {
		display: table;
		/* position: absolute !important;
		bottom: -1rem;
		right: -80px; */
		/* left: auto; */
		z-index: 2;
		/* transform: none; */
		margin-top: 3rem !important;

		span {
			white-space: nowrap;
		}
	}

	.flickity-button.next,
	.flickity-button.previous {
		display: none;
	}

}


@media screen and (max-width: 768px) {

	.profile.no-profile {

		display: none;
	}

	/* Give featured/hero media a small inset on mobile for consistency */
	.content-thumbnail {
		padding: 0.5rem;
	}

	.content-thumbnail img,
	.content-thumbnail video {
		width: 100%;
		height: auto;
	}

	.btn__slider {
		bottom: unset;
		left: 50%;
		transform: translateX(-50%);

		span {
			strong {
				color: var(--light-green) !important;
			}
		}

		svg>path {
			stroke: var(--light-green);
		}
	}

	.container-fluid-slider .flickity-page-dots {
		padding-left: 0;
		text-align: center;
	}

	.slide__wrap--content,
	.slide__wrap--image {
		min-height: 320px;
	}

	.slide__wrap--image {
		border-radius: 30px;
		overflow: hidden;
	}

	.slide__wrap--image .slide__image {
		width: 100%;
		height: 100%;
	}

	.slide__wrap--image .btn__slider {
		position: absolute;
		left: 50%;
		bottom: 2rem;
		transform: translateX(-50%);
		width: 80%;
		margin: 0 !important;
	}

	.lastest-box {

		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
		gap: 30px;
	}

	.lastest-box h2 {

		margin-left: 0 !important;
		font-size: 1.2rem !important;
		padding-left: .5rem !important;
		padding-right: .5rem !important;
	}

	.inner-article-col img,
	.research-groups__card {

		width: 100%;
	}

	.show-popup {
		/* display: block !important; */
		z-index: 9999999999999999;
	}

	.show-popup .popup__content{
		width: 100vw;
	}

	.publication__item{

		word-break: break-word;
	}

	.research-groups {
		background-image: none;
	}

	/* Mobile: Team page background size */
	main:has(.team) {
		background-size: 200% auto;
	}

	/* Mobile: Team page content appears right after active card */
	.team-cards .js-team-page {
		width: 100%;
		flex-basis: 100%;
		flex-grow: 1;
		flex-shrink: 0;
		min-width: 100%;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.team-cards .js-team-page.page-active {
		display: block;
	}

	/* Hide pages that are in the original container position on mobile */
	.team .container > .js-team-page {
		display: none !important;
	}

	/* Mobile: Fix team member popup spacing issues */
	.popup--team.show-popup {
		padding-top: 130px; /* Account for header height */
		align-items: flex-start; /* Align to top instead of center */
		padding-bottom: 1rem;
		overflow-y: auto; /* Allow scrolling if content is long */
	}

	.popup--team.show-popup .team-member__data {
		width: calc(100% - 2rem) !important; /* Add horizontal spacing */
		margin: 0 1rem; /* Add side margins */
		max-width: calc(100vw - 3.5rem) !important;
        max-height: calc(100vh - 12.5rem) !important;
		padding-top: 2.5rem !important;
		overflow-y: auto;
	}

	.popup--team.show-popup .team-member__data [data-overlayscrollbars-viewport],
	.popup--profile .popup__content.pattern-1 [data-overlayscrollbars-viewport],
	.popup--profile .popup__content.pattern-2 [data-overlayscrollbars-viewport],
	.popup--profile .popup__content.pattern-3 [data-overlayscrollbars-viewport],
	.popup--profile .popup__content.pattern-4 [data-overlayscrollbars-viewport],
	.popup--profile .popup__content.pattern-5 [data-overlayscrollbars-viewport],
	.popup--profile .popup__content.pattern-6 [data-overlayscrollbars-viewport],
	.popup--profile .popup__content.pattern-7 [data-overlayscrollbars-viewport],
	.popup--profile .popup__content.pattern-8 [data-overlayscrollbars-viewport],
	.popup__content .popup__text [data-overlayscrollbars-viewport],
	.popup:not(.links):not(.awards):not(.publications) .popup__text [data-overlayscrollbars-viewport] {
		background-position: calc(100% - 20px) 0;
	}


	.popup--team.show-popup .team-member__data .team-member__content {
		padding: 1rem; /* Add internal padding */
	}

.popup--team.show-popup .close__profile {
		right: 20px; /* Adjust close button position */
		top: 10px;
		z-index: 10; /* Ensure close button appears above all popup content */
	}

}

@media screen and (max-width: 500px) {

	.research-groups__card p {

		font-size: 1rem !important;
	}

	.profile__team-member,
	.project__link{

		max-width: 100%;
		width: 100%;
	}
}

.popup .plus {

	display: none;
}

/* OverlayScrollbars Custom Styling */
/* Default: Blue background → Pink scrollbar with white ball */
.os-scrollbar {
	--os-size: 14px;
	--os-padding-perpendicular: 2px;
	--os-padding-axis: 2px;
	--os-track-border-radius: 10px;
	--os-handle-border-radius: 50%;
	--os-handle-bg: #fff;
	--os-handle-bg-hover: #fff;
	--os-handle-bg-active: #f0f0f0;
	--os-track-bg: var(--secondary-pink); /* Pink track */
	--os-track-bg-hover: var(--secondary-pink);
	--os-track-bg-active: var(--secondary-pink);
}

/* Add right padding only when vertical scrollbar is visible */
[data-overlayscrollbars~=host]:has(.os-scrollbar-vertical.os-scrollbar-visible) [data-overlayscrollbars-viewport] {
	padding-right: 1rem !important;
	box-sizing: border-box;
}

/* Pink/Light Purple background → Blue scrollbar with white ball */
.back-pink .os-scrollbar,
.bg-light-purple .os-scrollbar,
[style*="--light-purple"] .os-scrollbar {
	--os-track-bg: var(--blue, var(--primary-blue));
	--os-track-bg-hover: var(--blue, var(--primary-blue));
	--os-track-bg-active: var(--soft-blue, var(--secondary-blue));
}

/* Purple/Soft Purple background → Pink scrollbar with white ball */
.bg-purple .os-scrollbar,
.bg-soft-purple .os-scrollbar,
[style*="--soft-purple"] .os-scrollbar {
	--os-track-bg: rgba(221, 181, 250, 1); /* Pink track */
	--os-track-bg-hover: rgba(221, 181, 250, 1);
	--os-track-bg-active: rgba(200, 160, 230, 1);
}

/* Circle thumb for vertical scrollbar */
.os-scrollbar-vertical .os-scrollbar-handle {
	min-height: 10px;
	max-height: 10px;
	width: 10px;
	aspect-ratio: 1 / 1;
}

/* Circle thumb for horizontal scrollbar */
.os-scrollbar-horizontal .os-scrollbar-handle {
	min-width: 10px;
	max-width: 10px;
	height: 10px;
	aspect-ratio: 1 / 1;
}

/* Body scroll lock when popup is open - prevents background scrolling on mobile */
body.popup-open {
	overflow: hidden !important;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
}

/* iOS Safari additional fix for touch scrolling */
@supports (-webkit-touch-callout: none) {
	body.popup-open {
		touch-action: none;
		-webkit-overflow-scrolling: auto;
	}
}

/* iOS Safari - Enable smooth scrolling inside popup content */
.popup--team.show-popup .team-member__content {
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	touch-action: pan-y;
}

/* Ensure OverlayScrollbars viewport is scrollable on iOS */
.team-member__content .os-viewport {
	-webkit-overflow-scrolling: touch !important;
	overscroll-behavior: contain !important;
}

/* Prevent popup backdrop from capturing scroll */
.popup--team.show-popup {
	overscroll-behavior: contain;
	touch-action: none;
}

/* But allow scrolling on the content area */
.popup--team.show-popup .team-member__data {
	touch-action: auto;
}