/*
Theme Name: Cinema Eden
Author: Mr Watson srl
Description: Tema wordpress per il cinema eden!
Version: 0.3.0
*/

*:focus {
  outline-color: transparent;
  outline-style: none;
}

html :where(img) {
	height: auto;
	max-width: 100%;
}

header {
	position: fixed;
	width: 100%;
	z-index: 999;
	height: 160px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	border-bottom-width: 0px;
	background-color: var(--wp--preset--color--background-dark);
	transition: all .3s ease-in-out;
}

header .eden-logo {
	width: 220px;
	height: 140px;
	transition: all .3s ease-in-out;
}

header .eden-main-menu-container {
	padding-top: 6rem;
	padding-left: 1rem;
	transition: all .3s ease-in-out;
}

main {
	padding-top: 160px;
}

header.reduced {
	height: 80px;
	border-bottom-color: var(--wp--preset--color--primary);
	border-bottom-width: 1px;
}

header.reduced .eden-logo {
	height: 80px;
	padding-top: 0;
}
header.reduced .eden-main-menu-container {
	padding-top: 2rem;
}

.post-template-default .wp-block-post-content {
	padding: 0 16px;
	box-sizing: border-box;
}

.wp-block-query.alignwide{
	padding: 0;
}

.alignwide {
	padding: 0 16px;
}

.eden-main-menu {
	width: 100%;
}

.eden-main-menu .wp-block-navigation__container {
	justify-content: space-between;
	gap: 0.5rem
}

.eden-main-menu .wp-block-navigation__responsive-container-open {
  width: 28px;
  height: 4px;
	top: 10px;
	right: 10px;
  background: #fff;
  position: absolute;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.eden-main-menu .wp-block-navigation__responsive-container-open::before {
	content: "";
  top: -10px;
	width: 28px;
  height: 4px;
  background: #fff;
  position: absolute;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.eden-main-menu .wp-block-navigation__responsive-container-open::after {
	content: "";
  top: 10px;
	width: 28px;
  height: 4px;
  background: #fff;
  position: absolute;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.eden-main-menu .wp-block-navigation__responsive-container-close {
	right: 20px;
}

.eden-main-menu .wp-block-navigation__responsive-container-open svg{
	display: none;
}

.eden-main-menu .wp-block-navigation__responsive-container{
	padding-left: 0;
	padding-right: 0;
}

body.admin-bar .eden-main-menu .wp-block-navigation__responsive-container.is-menu-open {
  padding-top: 5rem;
}

.eden-main-menu .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--background-dark) !important;
	color: #fff !important;
}

.eden-main-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
	align-items: flex-start;
}

.eden-main-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
	width: 100%;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: unset !important;
}

.eden-main-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item {
	width: 100%;
	border-top: 1px solid #fff;
}

.eden-main-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item:last-child{
	border-bottom: 1px solid #fff;
}

.eden-main-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item a{
	padding: 1rem 2rem;
	text-align: left;
	box-sizing: border-box;
	width: 100%;
}

.eden-separator {
	opacity: 1;
	margin-left: 0;
	width: 75px;
	height: 3px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.eden-separator.eden-separator-newsletter{
	margin-bottom: 4px;
}
.eden-separator.center{
	margin-left: auto !important;
	margin-right: auto !important;
}

.wp-block-navigation .wp-block-navigation-item a{
	text-align: center
}

.wp-block-navigation .wp-block-navigation-item a::before {
	display: block;
	content: attr(title);
	font-weight: bolder;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: none;
	font-weight: bolder;
	color: var(--wp--preset--color--primary);
}

.wp-block-site-logo.is-default-size {
	position: relative;
	top: 17px;
}

.wp-block-site-logo.is-default-size img {
	width: 190px;
	height: auto;
}
.eden-no-margin {
	margin: 0;
}

.eden-flex-start {
	align-items: flex-start !important;
}

.eden-flex-end {
	align-items: flex-end !important;
}

.eden-flex-1 {
	flex: 1 !important;
}

.eden-align-v {
	display: flex;
	align-items: center;
}

.eden-align-center-end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.eden-align-bottom-center {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.wp-block-post-content {
	margin-top: 0 !important;
}

.wp-block-button__link {
	text-transform: uppercase;
	display: flex;
	background-color: var(--wp--preset--color--primary);
	border-radius: 20rem;
  font-size: var(--wp--preset--font-size--small);
	align-items: center;
	box-sizing: border-box;
	border: 1px solid transparent;
}
.wp-block-button__link:hover {
	background-color: transparent;
	border: 1px solid #fff;
}

.wp-block-button.greenhover .wp-block-button__link:hover {
	color: var(--wp--preset--color--primary);
	border: 1px solid var(--wp--preset--color--primary)
}

.wp-block-button__link .material-icons{
	font-size: 0.8rem;
	margin-right: 0.5rem;
}
.wp-block-button__link:hover .material-icons{
	color: var(--wp--preset--color--primary)
}

.block-editor-block-list__block.editor-post-title {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0;
}

.wp-block-columns.eden-colums {
	padding: 0;
	margin-bottom: 80px;
	padding: 0 16px;
}
.wp-block-columns.eden-colums .wp-block-image {
	margin: 0;
	height: 100%;
}
.wp-block-columns.eden-colums .wp-block-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.wp-block-columns.eden-colums .wp-block-column{
	margin: 0 !important;
}

.wp-block-column.eden-text-column{
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.wp-block-group.full-width {
	width: 100vw;
}

.eden-breadcrumbs {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80px;
}
.eden-breadcrumbs .container {
  text-align: center;
  font-size: 0.8rem;
}
.eden-breadcrumbs .container a.eden-home {
  color: #979797;
  text-decoration: none;
}
.eden-breadcrumbs .container .eden-separator {
  color: #979797;
}
.eden-breadcrumbs .separator {
  margin: 20px 0;
  height: 2px;
  width: 60px;
  background-color: var(--wp--preset--color--primary)
}

.eden-fullwidth {
	max-width: unset !important;
}

.eden-block-fix1 {
	margin-top:0;
}

.eden-image-full {
	margin: 0;
}

.eden-image-full img{
	width: 100%;
}

.eden-image-full.cover{
	height: 100%;
}

.eden-image-full.cover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.eden-max-width460{
	max-width: 460px;
}

.eden-subtitle{
	margin: -26px 0 0 0;
}
.site-footer .footer-image img{
	width: 100%;
}

.eden-footer-menu {
	margin-bottom: 8px;
}
.eden-footer-menu .wp-block-navigation__container{
	gap: 1em
}

.site-footer .link a{
	text-decoration: none;
	color: inherit;
}

.site-footer .link.has-icon a{
	display: flex;
	align-items: center;
}

.site-footer .link.has-icon a .material-icons{
	font-size: 18px;
	margin-right: 4px;
}

.eden-contact .link a{
	text-decoration: none;
	color: inherit;
}

.eden-contact  .link.has-icon a{
	display: flex;
	align-items: center;
}

.eden-contact .link.has-icon a .material-icons{
	font-size: 18px;
	margin-right: 4px;
}

.eden-box {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 240px;
}
.eden-box .wp-block-image{
	height: 68px;
	display: flex;
}

.eden-box .wp-block-image figure{
	margin-top: auto ;
}

.eden-box h2 {
	margin: 0 !important;
}

@media screen and (max-width: 559px) {
	#wpadminbar {
		position: fixed
	}
	header {
		position: fixed;
		width: 100%;
		height: unset;
		background-color: var(--wp--preset--color--background-dark);
		border-bottom-color: var(--wp--preset--color--primary);
		border-bottom-width: 1px;
	}
	.page-template-page-home main{
		padding-top: 80px
	}
	main {
		padding-top: 80px;
	}
	header .eden-main-menu-container {
		padding-top: 2rem;
	}
	header .eden-logo {
		width: auto;
		height: 80px;
	}
	.wp-block-site-logo.is-default-size {
		position: relative;
		top: 6px;
	}
	.row-to-column {
		flex-direction: column;
	}
	
	.wp-block-site-logo.is-default-size img {
		width: 100px;
		height: auto;
	}
	.wp-block-columns.eden-no-margin {
		padding: 0 16px;
	}
	.wp-block-columns.eden-colums.reverse{
		flex-wrap: wrap-reverse;
	}
	.site-footer .footer-image img{
		height: 300px;
    object-fit: cover;
	}
	.wp-block-button__link {
		font-size: 0.6rem;
		padding: 8px 4px;
		align-items: center;
		box-sizing: border-box;
		border: 1px solid transparent;
	}
	.wp-block-button__link .material-icons{
		font-size: 0.6rem;
		margin-right: 0.3rem;
	}
}

/**
*	hack --> newsletter ml background transparent
*/

.ml-form-embedContainer .ml-form-embedWrapper{
	background-color: transparent !important;
}

/**
* hack --> rimuovere il button prenotazione se categoria = no-prenotazione
*/

.wp-block-post.category-no-prenotazione .button_prenotazione {
	display: none;
}