/*!
Theme Name: Territorio
Author: Marco Reixa
*/


@font-face {
	font-family: 'Rotunda';
	src: url('fountain/3a-rotunda-light-webfont.woff2') format('woff2'),
		 url('fountain/3a-rotunda-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Rotunda';
	src: url('fountain/3b-rotunda-light-webfont.woff2') format('woff2'),
		 url('fountain/3b-rotunda-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Rotunda';
	src: url('fountain/4a-rotunda-regular-webfont.woff2') format('woff2'),
		 url('fountain/4a-rotunda-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Rotunda';
	src: url('fountain/4b-rotunda-regular-webfont.woff2') format('woff2'),
		 url('fountain/4b-rotunda-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Rotunda';
	src: url('fountain/6a-rotunda-bold-webfont.woff2') format('woff2'),
		 url('fountain/6a-rotunda-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Rotunda';
	src: url('fountain/6b-rotunda-bold-webfont.woff2') format('woff2'),
		 url('fountain/6b-rotunda-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}


:root {
    --black: 		#000000;
	--white: 		#FFFFFF;
	--blue: 		#2A7C98;
	--light-blue: 	#95BECC;
	--brown: 		#AB9461;

	--menuH:		50px;
	--galleryH:		100vw;
  }

*					{ box-sizing: border-box !important; }
img					{ border: none; display: block; }
a					{ color: var(--blue); text-decoration: none; }
a:visited			{ color: var(--blue); text-decoration: none; }
a:hover				{ color: var(--blue); text-decoration: underline; }


p:first-of-type		{ margin-top: 0; }
p:last-of-type		{ margin-bottom: 0; }

/*
——————————————————————————————————————————
TYPOGRAPHY 
——————————————————————————————————————————
*/

/* BASE */
body, html, select												{ font-family: 'Rotunda', Helvetica, Arial, sans-serif; }

/* VARIANTS & SIZES */
body, html														{ font-size: 16px; line-height: 1.30em; font-weight: 300; font-style: normal; }

.main-navigation 												{ font-size: 16px; line-height: 1.00em; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase	; }
.child-menu 													{ font-size: 14px; line-height: 1.00em; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase	; }
.site-branding 													{ font-size: 20px; line-height: 1.00em; letter-spacing: 0.15em; font-weight: 400; }

h1, h2, h3, h4, h5, h6											{ font-weight: 300; line-height: 1.25em; }

h1 																{ font-size: 36px; }
h2 																{ font-size: 36px; }
h3 																{ font-size: 24px; }
h4 																{ font-size: 20px; }
h5 																{ font-size: 16px; }
h6 																{ font-size: 12px; letter-spacing: 0.10em; text-transform: uppercase;  }

.intro-block 		h1 											{ text-transform: uppercase; }
.amenities-block 	h4 											{ text-transform: uppercase; line-height: 1.50em; }
.overview-block 	h4 											{ text-transform: uppercase; line-height: 1.50em; }

.content 														{ font-size: 20px; line-height: 1.50em; }
.map-block														{ font-size: 14px; line-height: 1.50em; font-weight: 400; }	
.map-viewer 													{ font-size: 14px; line-height: 1.00em; font-weight: 400; text-transform: uppercase	; }

.apartments-block 												{ font-size: 16px; line-height: 1.00em; font-variant-numeric: tabular-nums; }
.available-block 												{ font-size: 16px; line-height: 1.00em; font-variant-numeric: tabular-nums; }
.unit 															{ font-weight: 700; }

.disclaimer-block												{ font-size: 16px; line-height: 1.50em; }

article 														{ font-size: 16px; line-height: 1.50em; }
.contact-card 													{ font-size: 16px; line-height: 1.50em; }

.bt-regular														{ font-size: 16px; line-height: 1.00em; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase	; }
.bt-small 														{ font-size: 14px; line-height: 1.00em; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase	; }
select 															{ font-size: 14px; line-height: 1.00em; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase	; }

#colophon 														{ font-size: 14px; line-height: 1.00em; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase	; }

/*
——————————————————————————————————————————
STRUCTURE
——————————————————————————————————————————
*/

html, body														{ margin: 0 !important; padding: 0 !important; background-color: var(--white); color: var(--blue); }


#page 															{ width: 100%; height: auto; margin: 0; padding: 0; }
#primary 														{ width: 100%; height: auto; margin: 0; padding: 0; }

article 														{ width: 100%; max-width: 800px; margin: 0 auto !important; padding: 6.00em 20px; }

h1, h2, h3, h4, h5, h6											{ margin: 0; padding: 0; }


/*
——————————————————————————————————————————
UI ELEMENTS
——————————————————————————————————————————
*/

.bt-small 														{ width: max-content; height: auto; margin: 0; padding: 4px 12px 6px 12px; border-radius: 100px; text-decoration: none; display: flex; align-items: center; justify-content: center; }
.bt-small:visited 												{ text-decoration: none; }
.bt-small:hover 												{ text-decoration: none; }

.bt-regular														{ width: max-content; height: auto; margin: 0; padding: 10px 24px 12px 24px; border-radius: 100px; text-decoration: none; display: flex; align-items: center; justify-content: center; }
.bt-regular:visited												{ text-decoration: none; }
.bt-regular:hover 												{ text-decoration: none; }

.bt-outline.bt-brown											{ background-color: var(--white); border: solid 1px var(--brown); color: var(--brown); }
.bt-outline.bt-brown:visited									{ background-color: var(--white); border: solid 1px var(--brown); color: var(--brown); }
.bt-outline.bt-brown:hover 										{ background-color: var(--brown); color: var(--white); }
.bt-outline.bt-blue												{ background-color: var(--white); border: solid 1px var(--blue); color: var(--blue); }
.bt-outline.bt-blue:visited										{ background-color: var(--white); border: solid 1px var(--blue); color: var(--blue); }
.bt-outline.bt-blue:hover 										{ background-color: var(--blue); color: var(--white); }

.bt-solid.bt-brown												{ background-color: var(--brown); border: solid 1px var(--brown); color: var(--white); }
.bt-solid.bt-brown:visited										{ background-color: var(--brown); border: solid 1px var(--brown); color: var(--white); }
.bt-solid.bt-brown:hover 										{ background-color: var(--white); color: var(--brown); }
.bt-solid.bt-blue												{ background-color: var(--blue); border: solid 1px var(--blue); color: var(--white); }
.bt-solid.bt-blue:visited										{ background-color: var(--blue); border: solid 1px var(--blue); color: var(--white); }
.bt-solid.bt-blue:hover 										{ background-color: var(--white); color: var(--blue); }

select {
	appearance: none; /* Remove estilo nativo (onde suportado) */
	-webkit-appearance: none;
	-moz-appearance: none;

	padding: 10px 40px 12px 24px;
	border: 1px solid var(--blue);
	border-radius: 200px;
	color: var(--blue);
	background-color:var(--white);
	background-image: url("icons/blue-chevron-down.svg");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 12px;
	cursor: pointer;
}
select:focus 													{ outline: none; }

/*
——————————————————————————————————————————
HEADER & NAV
——————————————————————————————————————————
*/

#masthead 														{ width: 100%; height: var(--menuH); margin: 0; padding: 0; background-color: var(--white); border-bottom: solid 1px var(--blue); position: sticky; top: 0; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; z-index: 1000; }

.site-branding 													{ width: auto; height: 100%; margin: 0; padding: 0; }

.site-branding 	a												{ width: auto; height: 100%; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; color: var(--blue); text-decoration: none; }
.site-branding 	a:visited										{ color: var(--blue); text-decoration: none; }
.site-branding 	a:hover											{ color: var(--blue); text-decoration: none; }
.site-logo 														{ width: auto; height: 100%; margin: 0; padding: 0 20px; display: flex; align-items: center; justify-content: center; background-color: var(--blue); }
.site-logo img 													{ width: auto; height: 20px; }
.site-title 													{ width: auto; height: 100%; margin: 0; padding: 0 20px 2px 20px; display: flex; align-items: center; justify-content: center; }

.main-navigation 												{ width: auto; height: 100%; margin: 0; padding: 0; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-end; }

#primary-menu 													{ width: 100%; height: auto; margin: 0; padding: 0; display: none; flex-direction: column; align-items: center; justify-content: center; list-style-type: none; position: absolute; top: var(--menuH); left: 0; }
#primary-menu li												{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; position: relative; border-bottom: solid 1px var(--blue);  }
#primary-menu li a												{ width: 100%; height: var(--menuH); margin: 0; padding: 0 20px; display: flex; align-items: center; justify-content: flex-start; background-color: var(--white); color: var(--blue); text-decoration: none; }
#primary-menu li a:visited										{ color: currentColor; background-color: var(--white); text-decoration: none; }
#primary-menu li a:hover										{ color: var(--white); background-color: var(--blue); text-decoration: none; }
#primary-menu li.current_page_item a							{ color: var(--white); background-color: var(--blue); text-decoration: none; }
#primary-menu li.current-page-ancestor a						{ color: var(--white); background-color: var(--blue); text-decoration: none; }

.page-template-template-project-main .menu-item-158 a			{ color: var(--white)!important; background-color: var(--blue)!important; text-decoration: none; }
.page-template-template-project-child .menu-item-158 a			{ color: var(--white)!important; background-color: var(--blue)!important; text-decoration: none; }

/* MAIN MENU TOGGLE */
.menu-toggle                                                	{ width: var(--menuH); height: var(--menuH); margin: 0; padding: 0; border: none; border-radius: 0; background-color: transparent; cursor: pointer; display: flex;  }
.menu-icon                                                 		{ width: 100%; height: 100%; margin: 0; padding: 0; display: flex; flex-direction: column;  align-items: center; justify-content:center; transition: all .2s ease-in-out, background-color 1ms; -moz-transition: all .2s ease-in-out, background-color 1ms; -webkit-transition: all .2s ease-in-out, background-color 1ms; }
.menu-icon:after, .menu-icon:before, .menu-icon span        	{ width: 24px; height: 2px; margin: 2px 0; padding: 0; display: block; background-color: var(--blue); transition: all .2s ease-in-out, background-color 1ms; -moz-transition: all .2s ease-in-out, background-color 1ms; -webkit-transition: all .2s ease-in-out, background-color 1ms; content: ''; }

#site-navigation.toggled .menu-icon:before                  	{ transform: translateY(6px) rotate(135deg); -webkit-transform: translateY(4px) rotate(135deg); -moz-transform: translateY(8px) rotate(135deg); }
#site-navigation.toggled .menu-icon:after                   	{ transform: translateY(-6px) rotate(-135deg); -moz-transform: translateY(-4px) rotate(-135deg); -webkit-transform: translateY(-8px) rotate(-135deg); }
#site-navigation.toggled .menu-icon span                   		{ transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); }

#site-navigation.toggled #primary-menu                    		{ display: flex; }

/* CHILD PAGES MENU */
.child-menu  													{ width: 100%; height: auto; margin: 0; padding: 0; border-bottom: solid 1px var(--blue); display: flex; flex-direction: row; align-items: center; justify-content: center; list-style-type: none; position: sticky; top: var(--menuH); z-index: 900; }
.child-menu  li													{ width: auto; height: auto; margin: 0; padding: 0; flex-grow: 1; display: flex; align-items: center; justify-content: center; position: relative; border-right: solid 1px var(--blue);  }
.child-menu  li:last-of-type									{ border-right: none;  }
.child-menu  li a												{ width: 100%; height: var(--menuH); margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; background-color: var(--white); color: var(--blue); text-decoration: none; }
.child-menu  li a:visited										{ color: currentColor; background-color: var(--white); text-decoration: none; }
.child-menu  li a:hover											{ color: var(--white); background-color: var(--blue); text-decoration: none; }
.child-menu  li.current_page_item a								{ color: var(--white); background-color: var(--blue); text-decoration: none; }

/*
——————————————————————————————————————————
CONTENT
——————————————————————————————————————————
*/

/* HOMEPAGE */
.site-cover 													{ width: 100%; height: calc(100dvh - var(--menuH)); margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.site-cover img 												{ width: 100%; height: 100%; object-fit: cover; object-position: center; }

/* GALLERY */
.gallery-block 													{ width: 100%; height: auto; margin: 0; padding: 0; }

/* IMAGES */
.full-thumbnail 												{ width: 100%; height: auto; margin: 0; padding: 0; }
.full-thumbnail img 											{ width: 100%; height: auto; }

.image-cover 													{ width: 100%; height: calc(100dvh - var(--menuH)); margin: 0; padding: 0; position: relative; }
.image-cover figure 											{ width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; overflow: hidden; }
.image-cover figure img 										{ width: 100%; height: 100%; object-fit: cover; }

/* SPLIT LAYOUT */
.intro-block													{ width: 100%; height: auto; margin: 0; padding: 0; }
.blocks-block													{ width: 100%; height: auto; margin: 0; padding: 0; }

.split-layout													{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; align-items: stretch; justify-content: flex-start; border-bottom: solid 1px var(--blue); }
.split-layout:nth-child(even)									{ flex-direction: column; }
.split-layout:nth-child(odd)									{ flex-direction: column; }
.intro-block .split-layout										{ flex-direction: column; }
.split-layout.has-link											{ cursor: pointer; }

.side															{ width: 100%; height: auto; margin: 0; padding: 0; position: relative; }
.wide															{ width: 100%; height: auto; margin: 0; padding: 5.00em 20px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 30px; }

.side figure													{ width: 100%; height: 100vw; margin: 0; padding: 0; overflow: hidden; }
.side figure img 												{ width: 100%; height: 100%; object-fit: cover; }

.side .header													{ width: 100%; height: auto; margin: 0; padding: 5.00em 20px 0 20px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px; }
.wide .header													{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 5px; }
.wide .content													{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 20px; }

/* AMENITIES */
.amenities-block												{ width: 100%; height: auto; margin: 0; padding: 5.00em 20px; border-bottom: solid 1px var(--blue); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.50em; background-color: var(--blue); color: var(--white); }

.amenities-block h4 											{ width: 90%; height: auto; margin: 0; padding: 0; text-align: center; }

.amenities-list													{ width: 100%; height: auto; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.50em 20px; list-style: none; }
.amenities-list li 												{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1.00em; text-align: center; }
.amenity-icon 													{ width: 64px; height: auto; }
.amenity-icon.negative 											{ display: flex; }
.amenity-icon.positive 											{ display: none; }

.amenities-link													{ width: 100%; height: auto; margin: 0; padding: 2.50em 0 0 0; display: flex; flex-direction: row; align-items: center; justify-content: center; }

/* OVERVIEW */
.overview-block													{ width: 100%; height: auto; margin: 0; padding: 5.00em 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.50em; }
.overview-block h4 												{ width: 90%; height: auto; margin: 0; padding: 0; text-align: center; }
.overview-list													{ width: 100%; height: auto; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.50em 20px; list-style: none; }
.overview-list li 												{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1.00em; text-align: center; }

.overview-link													{ width: 100%; height: auto; margin: 0; padding: 2.50em 0 0 0; display: flex; flex-direction: row; align-items: center; justify-content: center; }

/* MAP */
.map-block 														{ width: 100%; height: auto; margin: 0; padding: 0; }

.map-header 													{ width: 100%; height: auto; margin: 0; padding: 6.00em 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; }

.map-viewer 													{ width: 100%; height: auto; margin: 0; padding: 0; position: relative; }
.map-viewer img 												{ width: 100%; height: auto; display: block; }
.map-viewer .pin-point 											{ width: auto; height: auto; position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: nowrap; z-index: 1; }
.map-viewer .pin-number 										{ width: 32px; height: 32px; margin: 0; padding: 0 0 2px 0; color: var(--white); background-color: var(--brown); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; position: relative; }
.map-viewer .pin-label 											{ width: max-content; height: 32px; max-height: 0; margin: 0; padding: 0 32px 2px 46px; border-radius: 16px; background-color: var(--white); opacity: 0; overflow: hidden; transition: opacity 0.3s ease, max-height 0.3s ease; pointer-events: none; display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: nowrap; position: absolute; top: 0; left: 0; z-index: 2; }
.map-viewer .pin-point.active 									{ z-index: 10; }
.map-viewer .pin-point.active .pin-label 						{ opacity: 1; max-height: 200px; pointer-events: auto; }

.map-footer 													{ width: 100%; height: auto; margin: 0; padding: 20px; background-color: var(--blue); color: var(--white); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 15px; }
.map-footer a 													{ color: var(--white); text-decoration: underline; }
.map-footer a:visited											{ color: var(--white); text-decoration: underline; }
.map-footer a:hover												{ color: var(--white); text-decoration: underline; }

/* APARTMENTS TABLE */
.apartments-block 												{ width: 100%; height: auto; margin: 0; padding: 0 20px; }

.apartments-block-header 										{ width: 100%; height: auto; margin: 0; padding: 4em 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 40px; }
.apartments-block-header .header-left							{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px; }
.apartments-block-header .header-right							{ width: 100%; height: auto; margin: 0; padding: 0; }
.apartment-filters 												{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 10px; }

.apartment-table 												{ width: 100%; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; list-style-type: none; }
.apartment-row-header 											{ display: none; }
.apartment-row 													{ width: 100%; height: auto; margin: 0; padding: 20px 0; border-bottom: solid 1px var(--blue); position: relative; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 15px 0; }

.apt-col 														{ margin: 0; padding: 0; text-align: left; display: flex; align-items: center; justify-content: flex-start; }

.unit 															{ width:  auto; }
.icon															{ width:  auto; }
.floor 															{ width:  auto; }
.typology 														{ width:  auto; }
.chevron 														{ width:  auto; }
.gross 															{ width: 100%; display: none; }
.balcony 														{ width: 100%; display: none; }
.price 															{ width: 100%; display: none; }
.status 														{ width: 100%; display: none; }
.plan 															{ width: auto; display: none; position: absolute; right: 0; bottom: 20px; }

.visible .gross													{ display: inline-block; }
.visible .balcony 												{ display: inline-block; }
.visible .price 												{ display: inline-block; }
.visible .status 												{ display: inline-block; }
.visible .plan 													{ display: inline-block; }

.chevron img 													{ width: 16px; height: auto; }
.chevron img.up 												{ display: none; }
.visible .chevron img.up 										{ display: block; }
.visible .chevron img.down 										{ display: none; }

.apt-col:empty 													{ display: none; }
.visible .apt-col:empty 										{ display: none; }


/* AVAILABLE TABLE */
.available-block 												{ width: 100%; height: auto; margin: 0; padding: 0 20px; }
.available-block-header 										{ width: 100%; height: auto; margin: 0; padding: 4em 0; }

.available-table 												{ width: 100%; height: auto; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; list-style-type: none; }
.available-row 													{ width: 100%; height: auto; margin: 0; padding: 0; position: relative; }

.available-image 												{ width: 100%; height: auto; margin: 0; padding: 0; aspect-ratio: 3/2; position: relative; }
.available-image figure 										{ width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0;  overflow: hidden; }
.available-image figure a										{ width: 100%; height: 100%; margin: 0; padding: 0; position: relative; top: 0; left: 0;  overflow: hidden; }
.available-image figure img 									{ width: 100%; height: 100%; object-fit: cover; }

.available-info 												{ width: 100%; height: auto; margin: 0; padding: 10px 0; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 10px; pointer-events: none; }
.available-info .unit 											{ width: auto; }
.available-info .floor 											{ width: auto; }
.available-info .typology 										{ width: auto; }

.pswp__bg 														{ background-color: white!important; opacity: 1!important; }

.pswp__button--zoom 											{ display: none !important; }
.pswp__counter 													{ color: black !important; text-shadow: none !important; }

.pswp__button--close 											{ width: 32px!important; height: 32px!important; margin: 0 !important; padding: 0; border-radius: 50%; position: absolute; top: 10px; right: 10px; border: none; cursor: pointer; background: white url('icons/close.svg') no-repeat center center !important; background-size: 16px auto !important; opacity: 0.5!important; transition: all 0.4s ease; }
.pswp__button--close:hover 										{ opacity: 1!important; }
.pswp__button--close svg 										{ display: none; }

.pswp__button--arrow--next svg,
.pswp__button--arrow--prev svg									{ display: none; }
.pswp__button--arrow--next 										{ background: white url('icons/arrow-right.svg') no-repeat center center !important; background-size: 20px auto !important; width: 32px!important; height: 32px!important; border-radius: 50%; border: none; cursor: pointer; margin-right: 10px!important; opacity: 0.5!important; transition: all 0.4s ease; }
.pswp__button--arrow--prev 										{ background: white url('icons/arrow-left.svg') no-repeat center center !important; background-size: 20px auto !important; width: 32px!important; height: 32px!important; border-radius: 50%; border: none; cursor: pointer; margin-left: 10px!important; opacity: 0.5!important; transition: all 0.4s ease;}
.pswp__button--arrow--next:hover 								{ opacity: 1!important; }
.pswp__button--arrow--prev:hover 								{ opacity: 1!important; }

/* DISCLAIMER */
.disclaimer-block 												{ width: 100%; height: auto; margin: 0; padding: 6em 20px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.disclaimer-title 												{ width: auto; height: auto; margin: 0; padding: 0; grid-column: 1 / span 6; }
.disclaimer-text 												{ width: auto; height: auto; margin: 0; padding: 0; grid-column: 1 / span 6; }


/* CONTACTS */ 
.contact-block 													{ width: 100%; height: auto; margin: 0; padding: 0; position: relative; }
.contact 														{ width: 100%; height: auto; min-height: 100vw; position: relative; background-color: var(--blue); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; }
.contact-card 													{ width: auto; height: auto; margin: 0; padding: 3.00em 20px; background-color: var(--blue); color: var(--white); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; }
.contact-block .image-cover 									{ height: 100vw; }






/*
——————————————————————————————————————————
FOOTER
——————————————————————————————————————————
*/

#colophon 														{ width: 100%; height: auto; margin: 0; padding: 40px 20px; background-color: var(--blue); color: var(--white); display: flex; flex-direction: column-reverse; align-items: flex-start; justify-content: space-between; gap: 120px; }

.footer-logo 													{ width: 100%; height: auto; margin: 0; padding: 0; }
.footer-logo img 												{ width: auto; height: 50px; display: block; }

#footer-menu 													{ width: auto; height: auto; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px; list-style-type: none; }
#footer-menu li													{ width: auto; height: auto; margin: 0; padding: 0; }
#footer-menu li a												{ width: auto; height: auto; margin: 0; padding: 0; color: var(--white); text-decoration: none; }
#footer-menu li a:visited										{ color: var(--white); text-decoration: none; }
#footer-menu li a:hover											{ color: var(--white); text-decoration: underline; }

.site-info 														{ width: auto; height: auto; margin: 0; padding: 0; }