/*
Theme Name: LaSarrazProduction
Theme URI: https://www.maiowebdesign.it
Author: MaioWebDesign - Matteo Barbero
Author URI: https://www.maiowebdesign.it
Description: Short description of theme
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lasarraz
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import './assets/fonts/stylesheet.css';
/* 
* ANCHOR Variables.
*/
:root {
	--primary-color: #036f99;
	--text-color: #666;
	--font-dm-sans: 'DM Sans', sans-serif;
	--font-montserrat: 'Montserrat', sans-serif;
}
/* 
* ANCHOR Typografy.
 */
html {
	font-size: calc(100vw / 1680 * 10);
	box-sizing: border-box;
}
@media (max-width: 768px) {
	html {
		font-size: calc(100vw / 768 * 10);
	}
}
@media (max-width: 425px) {
	html {
		font-size: calc(100vw / 425 * 10);
	}
}

.subtitle {
	font-size: 1.8rem;
	color: var(--primary-color);
	font-weight: bold;
}
/* 
* ANCHOR Global.
*/

*,
*::after,
*::before {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
a {
	color: inherit;
	text-decoration: none;
}
body,
html {
	margin: 0 !important;
	padding: 0;
	/* height: 100vh; */
	background: rgb(255, 255, 255);
	font-family: var(--font-montserrat);
}
/* Typografy */
h1 {
	font-family: var(--font-montserrat);
	font-weight: 700;
	font-size: 6.5rem;
}
h2 {
	font-family: var(--font-montserrat);
	font-weight: 700;
	font-size: 4.5rem;
}
h3 {
	font-family: var(--font-montserrat);
	font-weight: 700;
	font-size: 3rem;
}
h4 {
	font-size: 2.5rem;
}
h5 {
	font-size: 2rem;
}
p {
	font-weight: 400;
	font-size: clamp(18px, 2rem, 21px);
	color: #222;
	line-height: 3rem;
}

/* 
* ANCHOR Transition.
*/

.transition {
	transition: 0.9s;
	-moz-transition: 0.9s;
	-ms-transition: 0.9s;
	-o-transition: 0.9s;
	-webkit-transition: 0.9s;
	opacity: 1;
}
html.is-animating .transition {
	opacity: 0;
	transform: translateX(-1rem);
}
.hidden {
	opacity: 0;
}

.visible {
	opacity: 1;
}

/* 
* ANCHOR Navbar.
*/
.navbar {
	width: 100%;
	height: 12rem;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 99;
}
.admin-bar .navbar {
	top: 32px;
}
.navbar__burger {
	position: relative;
	z-index: 99;
	cursor: pointer;
}
@media (max-width: 768px) {
	.navbar__burger {
		order: 2;
	}
}
.navbar__burger svg {
	height: 6rem;
	width: 6rem;
	stroke: var(--primary-color);
}

.navbar__logo {
	width: 9rem;
	height: 9rem;
}
@media (max-width: 768px) {
	.navbar__logo {
		order: 1;
	}
}
.navabar__clearfix {
	/* same width as navbar__burger__line */
	width: 5.9rem;
}
@media (max-width: 768px) {
	.navabar__clearfix {
		display: none;
	}
}
/* 
* ANCHOR Menu.
*/
.menu__container {
	background-color: var(--primary-color);
	position: fixed;
	top: 12rem;
	left: 0;
	width: 100vw;
	height: calc(100vh - 12rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transform: translateX(-100%);
	z-index: 98;
	padding: 10rem 0;
}
.menu__container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	z-index: 97;
}
@media (max-width: 425px) {
	.menu__container {
		padding: 5rem 0;
	}
}
.menu__container.active {
	transform: translateX(0%);
	transition: transform 0.75s ease-out;
	-moz-transition: transform 0.75s ease-out;
	-ms-transition: transform 0.75s ease-out;
	-o-transition: transform 0.75s ease-out;
	-webkit-transition: transform 0.75s ease-out;
}
#menu-main,
#menu-main-inglese {
	list-style: none;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	height: 100%;
	z-index: 99;
}
.menu-item {
	text-align: center;
}
.menu-item a {
	color: #fff;
	text-transform: uppercase;
	font-size: 5rem;
}
@media (max-width: 768px) {
	.menu-item a {
		font-size: 5rem;
	}
}
@media (max-width: 425px) {
	.menu-item a {
		font-size: 3rem;
	}
}
/* 
* ANCHOR Footer.
 */
.footer__container,
.footer__credit {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 425px) {
	.footer__container,
	.footer__credit {
		flex-direction: column;
		text-align: center;
		gap: 2rem;
	}
}
.footer__container__address h5 {
	color: var(--primary-color);
	font-size: 1.6rem;
	margin-bottom: 3rem;
}
.footer__container__address p {
	color: var(--text-color);
	margin-bottom: 2rem;
	font-size: 1.6rem;
}
.footer__container__social {
	display: flex;
	justify-content: space-between;
}
.footer__container__social__icon {
	height: 2.5rem;
	width: 2.5rem;
	margin-left: 2.5rem;
}
.footer__container__social__icon img {
	height: 2.5rem;
	width: 2.5rem;
}
@media (max-width: 768px) {
	.footer__container__social__icon img {
		height: 1.5rem;
		width: 1.5rem;
	}
}
.footer__credit {
	padding: 4rem 0;
}
.footer__credit p {
	font-size: 1.2rem;
	color: var(--text-color);
}
.footer__credit a {
	color: var(--primary-color);
	text-decoration: underline;
}
.address strong,
.mail strong,
.phone strong {
	font-weight: 900;
	color: #222;
}
/* 
* ANCHOR Home.
 */
.home-h2 {
	font-weight: 600;
	font-size: 2.4rem;
	color: #036f99;
	text-transform: uppercase;
}
/* 
* ANCHOR Archive
*/

.archive-cover {
	height: 70vh;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	padding: 10rem;
	background-size: cover !important;
	position: relative;
	margin-top: 12rem;
}
.archive-cover img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}
.archive-cover__cta {
	background-color: var(--primary-color);
	padding: 1rem 2rem;
	text-transform: uppercase;
	border-radius: 5px;
	font-size: 1.5rem;
	width: 25rem;
	text-align: center;
}
.archive__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
}
.homepage__grid {
	gap: 1rem;
}

.archive__card {
	/* width: calc(33% - 1rem); */
	/* aspect-ratio: 16/9; */
	background-size: cover;
	/* padding: 2.5rem; */
	transition: background-size 0.7s ease-in;
	-moz-transition: background-size 0.7s ease-in;
	-ms-transition: background-size 0.7s ease-in;
	-o-transition: background-size 0.7s ease-in;
	-webkit-transition: background-size 0.7s ease-in;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	grid-area: 1 / 1 / 2 / 2;
	flex: 1;
	min-height: 25rem;
	min-width: 25%;
}

@media (max-width: 768px) {
	.archive__card {
		min-width: 50%;
	}
	.homepage__grid .archive__card:nth-child(even) {
		display: none;
	}
}
@media (max-width: 425px) {
	.archive__card {
		min-width: 100%;
	}
}

.archive__card:nth-child(2) {
	grid-area: 2 / 1 / 3 / 2;
}
.archive__card:nth-child(3) {
	grid-area: 1 / 2 / 2 / 3;
}
.archive__card:nth-child(4) {
	grid-area: 2 / 2 / 3 / 3;
}
.archive__card:nth-child(5) {
	grid-area: 1 / 3 / 2 / 4;
}
.archive__card:nth-child(6) {
	grid-area: 2 / 3 / 3 / 4;
}
@media (max-width: 768px) {
	.archive__grid {
		display: flex;
		flex-wrap: wrap;
	}
	.archive__card {
		width: 100% !important;
	}
}
.archive__card a {
	height: 100%;
	width: 100%;
	padding: 2.5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
/* .archive__card:hover {
	background-size: 110% 110% !important;
} */
@media (max-width: 768px) {
	.archive__card {
		width: calc(50% - 1rem);
	}
}
@media (max-width: 425px) {
	.archive__card {
		width: calc(100% - 1rem);
	}
}
.archive__card__tag p {
	padding: 0.2rem 0.8rem;
	display: inline-block;
	border-radius: 1.5rem;
	font-size: 1.4rem;
}
.archive__card__info {
	display: flex;
	justify-content: flex-start;
}
.archive__card__cat {
	font-size: 1.4rem;
	color: #fff;
	margin-right: 2rem;
	margin-bottom: 2rem;
	text-decoration: underline;
}
.archive__card__title {
	font-family: var(--font-montserrat);
	font-weight: 700;
	font-size: 2.2rem;
	color: #fff;
}
/* 
* ANCHOR Serach
*/
.search {
	margin-top: 3.6rem !important;
	margin-bottom: 3.6rem !important;
}
.search input {
	width: 100%;
	outline: none;
	border: none;
	background-color: #f9f9f9;
	height: 5rem;
	padding: 2rem;
	font-size: 1.8rem;
	color: #424242;
}
.tags {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}
.tags__link {
	color: var(--primary-color);
	font-weight: 600;
	font-size: 1.4rem;
	word-break: break-all;
	margin-top: 2rem;
	position: relative;
	padding: 0 1.8rem;
}
.tags__link::after {
	content: '';
	position: absolute;
	height: 3.8rem;
	background-image: url(/wp-content/themes/lasarraz/images/barra.png);
	right: 0;
	width: 1px;
	top: 50%;
	transform: translateY(-50%);
}
@media (max-width: 768px) {
	.tags__link {
		width: calc(25% - 1rem);
	}
}
@media (max-width: 425px) {
	.tags__link {
		width: calc(33% - 1rem);
		padding: 0 1rem;
	}
}
/*
* ANCHOR Film.
*/
.titolo-film {
	font-size: 5rem;
	color: var(--primary-color);
	text-transform: uppercase;
}
@media (max-width: 425px) {
	.film-grid {
		flex-direction: column-reverse;
	}
}
@media (max-width: 768px) {
	.titolo-film {
		font-size: 3rem;
	}
}
.regista-film {
	font-size: 2.4rem;
	color: #222;
	text-transform: uppercase;
	font-weight: 600;
}
.article-cover {
	height: 70vh;
	background-size: cover !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
.film-grid p {
	font-size: 1.8rem;
	line-height: 3rem;
	color: #222;
	font-weight: lighter;
}
.film-images {
	display: flex;
}
.film-images img {
	width: 16rem;
	height: 16rem;
	object-fit: cover;
	margin-right: 3rem;
}
.button__film {
	display: flex;
	align-self: start;
	justify-content: space-between;
	width: 50%;
	background: #fff;
	padding: 2rem 2rem 0 2rem;
}

@media (max-width: 768px) {
	.button__film {
		width: 100%;
	}
}
@media (max-width: 425px) {
	.button__film {
		gap: 1rem;
	}
}
.button__film a {
	flex: 1;
}
.cta-film {
	padding: 1rem 2rem;
	color: var(--primary-color);
	border: 3px solid var(--primary-color);
	border-radius: 5px;
	font-size: 1.5rem;
	margin-bottom: 3rem;
	max-width: 20rem;
	text-align: center;
	background: #fff;
}
/* .cta-film.main {
	text-decoration: underline;
	font-weight: bold !important;
	font-size: 1.8rem;
} */
@media (max-width: 425px) {
	.cta-film {
		padding: 0.5rem 1rem;
	}
}
.modal-img {
	cursor: pointer;
}
.film-card {
	height: 90% !important;
	width: 58rem !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 2.5rem;
}
@media (max-width: 425px) {
	.film-card {
		width: 100% !important;
		height: 50rem !important;
	}
}
.locandina {
	max-height: 30rem;
}
@media (max-width: 425px) {
	.locandina {
		max-height: 100%;
	}
}
.locandina img {
	aspect-ratio: 1/2;
	max-width: 100%;
	object-fit: contain;
}

.film-card p {
	color: #fff;
}
.gray-panel {
	background-color: #f9f9f9;
}
.titolo-scheda {
	color: var(--primary-color);
	font-size: 2.4rem;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 2rem;
}
.testo-scheda {
	font-size: 1.6rem;
	color: #222;
	margin-bottom: 2rem;
}
/* 
* ANCHOR Blocks.
 */
/* Cover Video */
.mwd-block-cover-video {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	margin-top: 12rem;
	position: relative;
	min-height: 70vh;
	display: block;
}
.mwd-block-cover-video video,
.mwd-block-cover-video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.mwd-block-cover__text__container.video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* cover */
.mwd-block-cover {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 6rem;
	position: relative;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: top 20% center !important;
	height: calc(80vh - 12rem);
	margin-top: 12rem;
}

.mwd-block-cover__cta {
	font-size: 1.7rem;
	color: #fff;
	background-color: var(--primary-color);
	padding: 1.6rem 2.3rem;
	border-radius: 0.5rem;
	margin-top: 3rem;
}
h2.mwd-block-cover__title {
	color: #f2f2f4;
	font-family: var(--font-montserrat);
	font-weight: 700;
	font-size: 6rem;
	text-align: center;
}
p.mwd-block-cover__title {
	color: #222;
	font-weight: 600;
	font-size: 1.6rem;
	text-transform: uppercase;
	padding: 0.8rem 1.4rem;
	border-radius: 1.5rem;
	position: absolute;
	top: 1.8rem;
	right: 3rem;
}
@media (max-width: 768px) {
	.mwd-block-cover {
		height: calc(70vh - 12rem);
	}
	p.mwd-block-cover__title {
		display: none;
	}
	h2.mwd-block-cover__title {
		font-size: 3rem;
	}
}
.mwd-block-cover__text__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

/* loop */

/* .block-loop {
	display: grid;
	grid-auto-flow: row;
	grid-template-columns: repeat(3, 1fr);
	background-color: #036f99;
	padding: 15rem 20rem;
	gap: 2.5rem;
} */
/* @media (max-width: 768px) {
	.block-loop {
		grid-template-columns: repeat(2, 1fr);
		flex-wrap: wrap;
		padding: 5rem 5rem;
		gap: 1.5rem;
	}
} */
/* @media (max-width: 425px) {
	.block-loop {
		grid-template-columns: repeat(1, 1fr);
		flex-wrap: wrap;
		padding: 5rem 5rem;
		gap: 1.5rem;
	}
} */
.loop-card {
	position: relative;
	height: auto;
	background: #f2f2f4;
}
.loop-card__image {
	height: 100%;
	width: 100%;
}
.loop-card__image::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.6) 0%,
		rgba(0, 0, 0, 0.6) 100%
	);
}
.loop-card__text {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 2.5rem;
}
/* @media (max-width: 768px) {
	.loop-card {
		height: auto;
		flex: 1;
	}
} */
.loop-card__cat {
	font-family: var(--font-montserrat);
	size: 1.4rem;
	color: #fff;
	position: relative;
	z-index: 2;
	margin-right: 2rem;
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
}

.loop-card h3 {
	font-family: var(--font-montserrat);
	font-weight: 700;
	font-size: 4rem;
	color: #fff;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: flex-end;
}

.loop-card__info {
	display: flex;
	justify-content: flex-start;
}
.loop-card__info a {
	text-decoration: underline;
	color: #fff;
}
.loop-card__produzione p {
	padding: 0.2rem 0.8rem;
	display: inline-block;
	border-radius: 1.5rem;
}

/* timeline */
.mwd-block-timeline {
	position: relative;
}
.mwd-block-timeline::before {
	content: '';
	position: absolute;
	width: 0.2rem;
	background-color: #ccc;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	z-index: 0;
}
@media (max-width: 768px) {
	.mwd-block-timeline::before {
		left: 3.1rem;
	}
}
.timeline__single {
	position: relative;
	width: 50%;
	padding: 1rem 4rem;
}
@media (max-width: 768px) {
	.timeline__single {
		width: 100%;
		padding-left: 7rem;
		padding-right: 2.5rem;
	}
}
.timeline__single h4 {
	color: var(--primary-color);
	font-size: 1.6rem;
	padding-bottom: 2rem;
}
.timeline__single::after {
	content: '';
	position: absolute;
	width: 2.5rem;
	height: 2.5rem;
	right: -1.1rem;
	background-color: #b9d8e2;
	top: 1.5rem;
	border-radius: 50%;
	z-index: 1;
}

.timeline__single:nth-child(even) {
	left: 0;
	text-align: right;
}
@media (max-width: 768px) {
	.timeline__single:nth-child(even) {
		text-align: left;
	}
}

.timeline__single:nth-child(odd) {
	left: 50%;
}
@media (max-width: 768px) {
	.timeline__single:nth-child(odd) {
		left: 0%;
	}
}
.timeline__single:nth-child(odd)::after {
	left: -1.4rem !important;
	right: auto;
}
.timeline__content {
	padding: 2rem 3rem;
	position: relative;
}
@media (max-width: 768px) {
	.timeline__single::after,
	.timeline__single:nth-child(odd)::after {
		left: 1.6rem !important;
	}
}

/* Media panel */

.media-panel {
	background-color: #424242;
	padding: 8rem 0;
}
.media-panel__grid {
	align-items: center;
}
.media-panel__col__text {
	padding-right: 3rem;
}
.media-panel__title {
	font-size: 2.4rem;
	color: #036f99;
	text-transform: uppercase;
}
.media-panel__text {
	font-size: 1.8rem;
	color: rgba(255, 255, 255, 0.8);
}
.media-panel__media {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 2.5rem;
	height: 0;
}
.media-panel__media iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Icons */
h2#icons {
	font-weight: 400 !important;
	font-size: 4.8rem !important;
}
.icons {
	width: 50%;
	margin: 0 auto;
}
.icons .col-33 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.icons_btn {
	height: 7.8rem;
	max-width: 20rem;
	border-radius: 0.5rem;
	background-color: #f9f9f9;
}
.icons_btn img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/* Orari */
.orari {
	width: 60%;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.orari {
		text-align: center;
	}
}
.orari__tassello {
	background-color: #f9f9f9;
	text-transform: uppercase;
	color: var(--primary-color);
	font-size: 1.8rem;
	display: inline-block;
	padding: 1rem 2rem;
	border-radius: 1rem;
	margin-bottom: 2rem;
	border: 1px solid var(--primary-color);
	font-weight: 600;
}
.orari__data {
	padding: 2rem;
	text-transform: uppercase;
	font-weight: bold;
	color: #424242;
	font-size: 1.8rem;
}
.orari__dettaglio {
	color: #424242;
	font-size: 1.4rem;
	font-weight: 300;
	padding: 0 2rem;
}
/* 
* ANCHOR Helpers.
 */
.column-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;

	-webkit-column-gap: 2rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
}
@media (max-width: 768px) {
	.column-2 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;

		-webkit-column-gap: 0px;
		-moz-column-gap: 0px;
		column-gap: 0px;
	}
}
.primary-bg {
	background-color: var(--primary-color);
}
.gray-bg {
	background-color: #f6f6f6;
}
.dark-bg {
	background-color: #424242;
}
.text-white {
	color: #fff !important;
}
.text-center {
	text-align: center;
}
.primary-panel {
	background-color: var(--primary-color);
}
.cta-1.outline a,
.cta-2.outline a {
	border: 2px solid #fff;
	padding: 1rem 2rem;
	font-size: 1.8rem;
	background: none;
	border-radius: 0;
	margin: 0 10rem;
}
@media (max-width: 768px) {
	.cta-1.outline a,
	.cta-2.outline a {
		margin: auto;
	}
}
.cta-1.outline a:hover,
.cta-2.outline a:hover {
	transform: scale(1.1);
}
.container {
	max-width: 140rem;
	margin: 0 auto;
}
.container-xl {
	max-width: 140rem;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.container,
	.container-xl {
		max-width: 80%;
		margin: 0 auto;
	}
}
.mt-2 {
	margin-top: 2rem;
}
.mt-3 {
	margin-top: 3rem;
}
.mt-5 {
	margin-top: 5rem;
}
.mt-7 {
	margin-top: 7rem;
}
.mt-12 {
	margin-top: 12rem;
}
.mb-2 {
	margin-bottom: 2rem;
}
.mb-7 {
	margin-bottom: 7rem;
}
.mr-1 {
	margin-right: 1rem;
}
.mr-2 {
	margin-right: 2rem;
}
.mx-1 {
	margin: 0 1rem;
}
.mx-2 {
	margin: 0 2rem;
}
.my-1 {
	margin: 1rem 0;
}
.my-2 {
	margin: 2rem 0;
}
.p-7 {
	padding: 7rem;
}
.pb-2 {
	padding-bottom: 2rem;
}
.pb-5 {
	padding-bottom: 5rem;
}
.pt-2 {
	padding-top: 2rem;
}
.pt-5 {
	padding-top: 5rem;
}

.px-7 {
	padding: 0 7rem;
}
.px-10 {
	padding: 0 10rem;
}
.py-7 {
	padding: 7rem 0;
}
.py-10 {
	padding: 10rem 0;
}
@media (max-width: 768px) {
	.p-7 {
		padding: 4rem;
	}
	.px-7 {
		padding: 0 4rem;
	}
}
@media (max-width: 425px) {
	.p-7 {
		padding: 2rem;
	}
	.px-7 {
		padding: 0 2rem;
	}
}

.img-res {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.text-center {
	text-align: center;
	width: 100%;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media only screen and (min-width: 960px) {
	body .alignfull {
		width: auto;
		max-width: 1000%;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
	}
	body .alignwide {
		width: auto;
		max-width: 1000%;
		margin-right: calc(25% - 25vw);
		margin-left: calc(25% - 25vw);
	}
	.alignwide img,
	.alignfull img {
		display: block;
		margin: 0 auto;
		width: 100vw;
	}
}
/* ANCHOR Mansory */
.mansory {
	position: relative;
}
.mansory-item {
	position: absolute;
}
@media (max-width: 768px) {
	.mansory {
		min-width: 100% !important;
		max-width: 100% !important;
	}
	.mansory-item {
		width: 100% !important;
	}
}
/*
* ANCHOR Grid system.
*/

.flex-grid {
	display: flex;
	flex-wrap: wrap;
}
.col {
	flex: 1;
	width: 100%;
}
.col-12 {
	width: 12%;
}
.col-25 {
	width: 25%;
}
.col-33 {
	width: 33.333%;
}
.col-50 {
	width: 50%;
}
.col-100 {
	width: 100%;
}
@media (max-width: 768px) {
	.col-12,
	.col-25 {
		width: 50%;
	}
	.col-33,
	.col-50 {
		width: 100%;
	}
}
@media (max-width: 425px) {
	.col-12,
	.col-25,
	.col-33,
	.col-50,
	.col-100 {
		width: 100%;
	}
}
/* ANCHOR Flickity */
.carousel-cell {
	width: 100%; /* full width */
	margin-right: 10px;
}
.carousel-cell:only-child ~ .flickity-button {
	display: none !important;
}
.flickity-viewport {
	width: 100%;
}

.film-images .carousel-cell {
	width: 30%;
	display: flex;
	justify-content: center;
}
@media (max-width: 425px) {
	.film-images .carousel-cell {
		width: 50%;
	}
}

/*  ANCHOR Wordpress */

.page-numbers {
	font-size: 1.6rem;
	margin: 0 1rem;
	background: var(--primary-color);
	padding: 0.75rem 1.5rem;
	color: #fff;
	display: none;
}
.page-numbers.prev,
.page-numbers.next {
	background: none;
	padding: 0;
	color: #222;
	display: inline-block !important;
	padding: 1rem 2rem;
	color: var(--primary-color);
	border: 3px solid var(--primary-color);
	border-radius: 5px;
	font-size: 1.5rem;
	margin-bottom: 3rem;
	max-width: 20rem;
	text-align: center;
	background: #fff;
}
.pagination-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* CTA */
.cta-more {
	text-transform: uppercase;
	font-size: 1.6rem;
	color: #fff;
	background-color: var(--primary-color);
	padding: 1rem 2rem;
	border-radius: 0.5rem;
	transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);

	position: relative;
}
/* .cta-more:hover {
	border-radius: 0;
} */
.cta-more.negative {
	color: var(--primary-color);
	background-color: #f2f2f4;
}
.wp-block-button__link {
	background-color: transparent;
	padding: 0;
}
/* Modal images */
#modal-container {
	background: rgba(0, 0, 0, 0.6);
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
#modal-img {
	max-height: 60%;
	max-width: 90%;
}
body.modal-open {
	height: 100vh;
	width: 100vw;
	overflow: hidden;
}
/* Selettore lingua */
.menu-item img {
	width: 100%;
	min-height: 5rem;
}
@media (max-width: 768px) {
	.menu-item img {
		min-height: 3rem;
	}
}
/* Language switcher */

.mwd_language_switcher {
	position: fixed;
	right: 0.7%;
	bottom: 0;
	box-shadow: 0px 0px 8px black;
	z-index: 9999999999999999;
	background-color: #fff;
	/* height: 3rem; */
}
.mwd_language_switcher ul {
	list-style: none;
	display: flex;
	flex-direction: column-reverse;
}
.mwd_language_switcher li {
	text-transform: uppercase;
	width: 6rem;
	height: 4rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 3rem 0 0 !important;
}
.wpml-ls-statics-shortcode_actions {
	padding: 0;
	height: 100%;
}
.mwd_language_switcher a {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
}
.mwd_language_switcher .wpml-ls-flag {
	clip-path: circle() !important;
	height: 2rem;
	width: 2rem;
}
.mwd_language_switcher li:not(.wpml-ls-current-language) {
	display: none;
}
.mwd_language_switcher.active li:not(.wpml-ls-current-language) {
	display: flex;
}
.mwd_language_switcher .wpml-ls-current-language {
	position: relative;
}
.mwd_language_switcher .wpml-ls-current-language a::after {
	content: '';
	background-image: url(/wp-content/themes/lasarraz/images/right.png);
	background-repeat: no-repeat;
	width: 3rem;
	height: 3rem;
	left: 90%;
	position: absolute;
	display: inline-block;
	z-index: 99999999999999999;
	background-size: contain;
}

.mwd_language_switcher.active .wpml-ls-current-language a::after {
	transform: rotateZ(-90deg);
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transform-origin: center;
}

/* Loader */
.loader {
	height: 6px;
	width: 100%;
	left: 0%;
	overflow: hidden;
	background-color: #ededed;
	position: absolute;
	top: 0;
	opacity: 0;
	z-index: 9999999;
}

.loader:before {
	display: block;
	position: absolute;
	content: '';
	left: -200px;
	width: 20px;
	height: 8px;
	background-color: #036f99;
	animation: loading 3s linear infinite;
}

html.is-changing .loader {
	opacity: 1;
}

@keyframes loading {
	from {
		left: -20px;
		width: 30%;
	}
	50% {
		left: 20%;
	}
	70% {
		width: 70%;
	}
	80% {
		left: 50%;
	}
	95% {
		left: 120%;
	}
	to {
		left: 100%;
	}
}

.max-75 {
	max-width: 75rem;
}
.col-single {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

/* PAGINA CONTATTI */
input,
select {
	height: 3rem;
	width: 100%;
	border: none;
	font-size: 2rem;
	border-bottom: 2px solid var(--primary-color);
	margin-bottom: 1rem;
	color: #666;
	padding-left: 0.5rem;
	font-family: var(--font-montserrat);
}
textarea {
	width: 100%;
	font-size: 2rem;
	border: 2px solid var(--primary-color);
	margin-bottom: 1rem;
	color: #666;
	font-family: var(--font-montserrat);
	padding-left: 0.5rem;
}
input[type='submit'] {
	background-color: var(--primary-color);
	text-transform: uppercase;
	border-radius: 5px;
	font-size: 2rem;
	text-align: center;
	color: #fff;
	height: 5rem;
}

/* Single */
.single-cta {
	width: 40%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 768px) {
	.single-cta {
		width: 80%;
	}
}