/*
Theme Name: net22
Theme URI: 
Author: Net22
Author URI: https://www.net22.gr/
Description: Net22
Version: 1.0
*/

.grecaptcha-badge {
	visibility:hidden;
}

.homepage__top-subtitle {
	margin-inline:auto;
}

body.has-multiple-rooms:not(.has-single-address) .location__button-wrapper {
	padding-block: 40px 0;
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap:20px;
	justify-content: center;
	align-items: center;
	max-width:90vw;
	margin:auto;
}

body.has-multiple-rooms:not(.has-single-address) .location__button-wrapper .location__button-link {
	font-size: 16px;
	margin: unset;
	padding: 20px;
}

body.has-multiple-rooms:not(.has-single-address) .contact__details-wrapper {
	padding-block: 50px 0;
}

body.has-multiple-rooms.page-template-template-gallery .page__gallery-square-right {
	top:300px;
}

body.has-multiple-rooms .mobile__book-now {
	display:none;
}

body.has-multiple-rooms:not(.has-single-address) .contact__details-list {
	width:max-content;
	max-width:90vw;
}

body.has-multiple-rooms:not(.has-single-address) .contact__details-list .contact-link {
	font-size:18px;
}

.page__multiple-gallery__button {
	border: 1px solid var(--color_2);
	padding: 10px;
	font-size: 20px;
	transition: all ease-in-out 250ms;
	cursor:pointer;
	text-align:center;
}

.page__multiple-gallery__button:hover,
.page__multiple-gallery__button.active {
	background-color:var(--color_2);
	color:var(--color_1);
}

.page__multiple-gallery__buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 30px;
	margin-bottom: 70px;
}

.page__multiple-gallery__content:not(#gallery-content-1) {
	display:none;
}

.homepage__multiple-rooms__about-item:not(#homepage__multiple-rooms__about-item-1) {
	display:none;
}

@media(max-width:767px) {
	.page__multiple-gallery__button {
		font-size:18px;
	}
	.page__multiple-gallery__buttons {
		flex-direction: column;
		row-gap: 25px;
		margin-bottom: 50px;
	}
}

.homepage__multiple-rooms__buttons {
	display:flex;
	align-items:center;
	justify-content:center;
	column-gap:15px;
	margin: -80px 0 60px;
}

.homepage__multiple-rooms__buttons .seperator {
	height:20px;
	width:1px;
	background-color:var(--color_3);
}

.homepage__multiple-rooms__button {
	text-transform: uppercase;
	font-size: 20px;
	transition:all ease-in-out 250ms;
	cursor:pointer;
}

.homepage__multiple-rooms__button:hover {
	color:var(--color_2);
}
.homepage__multiple-rooms__button.active {
	font-weight:700;
}

.homepage__multiple-rooms__buttons .seperator:last-child {
	display:none;
}

@media(max-width:991px) {
	body.has-multiple-rooms:not(.has-single-address) .contact__details-list {
		padding-inline:0;
	}
}

@media(max-width:767px) {
	.homepage__multiple-rooms__button {
		font-size:18px;
	}
	.homepage__multiple-rooms__buttons {
		max-width:90vw;
		margin-inline:auto;
		flex-direction: column;
		row-gap: 25px;
	}
	.homepage__multiple-rooms__buttons .seperator {
		display:none;
	}
}
.contact-form > p {
	display: none;
}
.beon-copyrights {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.sub-footer {
	background-color: var(--color_1);
	display: flex;
	justify-content: space-around !important;
	min-height: 50px;
	align-items: center;
	column-gap: 10px;
	flex-direction: row;
}
@media(max-width:585px) {
	.sub-footer {
		background-color: var(--color_1);
		display: flex;
		justify-content: space-around !important;
		min-height: 50px;
		align-items: center;
		column-gap: 10px;
		flex-direction: column;
		padding-bottom: 15px;
	}
}
.container {
	width: 1100px;
	margin-inline: auto;
}
.villa__apartments-table__item-single {
	display: flex;
	justify-content: space-between;
	column-gap: 50px;
	align-items: center;
}
.villa__apartments-table__item-single:not(:last-child) {
	border-bottom:1px solid var(--color_2);
	padding-bottom:25px;
}
.villa__apartments-table__items {
	display: flex;
	flex-direction: column;
	row-gap: 25px;
}
.villa__apartments-wrapper {
	margin-block: 60px;
}
.villa__apartments-table__item-single__name {
	font-weight: 600;
	text-transform: uppercase;
	font-size:18px;
}
.villa__apartments-subtitle .subtitle-line::after {
	background-color: var(--color_2);
}
.villa__apartments-table__header {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--color_2);
	padding-bottom: 10px;
	margin-bottom: 25px;
	column-gap: 50px;
}
.villa__apartments-table {
	margin-top: 60px;
}
.villa__apartments-table [data-for="name"],
.villa__apartments-table [data-for="guests"] {
	width:40%;
}
.villa__apartments-table [data-for="link"] {
	width:22%;
}
.villa__apartments-table__header > span {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 15px;
}
@media(max-width:1750px) {
	.villa__apartments-table [data-for="link"] {
		width:18%;
	}
}
@media (max-width: 1500px) {
	.container {
		width: 1025px;
	}
}
@media(max-width:1150px) {
	.container {
		width:890px
	}
	.villa__apartments-table [data-for="link"] {
		width: 20%;
	}
	.villa__apartments-table [data-for="name"],
	.villa__apartments-table [data-for="guests"] {
		width: 30%;
	}
}
@media(max-width:991px) {
	.container {
		width:680px;
	}
	.villa__apartments-table [data-for="link"] {
		width: 17%;
	}
	.villa__apartments-table [data-for="name"],
	.villa__apartments-table [data-for="guests"] {
		width: 30%;
	}
	.villa__apartments-table__item-single__guests,
	.villa__apartments-table__item-single__name {
		font-size:15px;
	}
	.villa__apartments-table__item-single__link-wrapper .villa__apartments-table__item-single__link.site__cta-button {
		font-size: 15px;
		padding: 10px;
	}
	.villa__apartments-table__item-single,
	.villa__apartments-table__header {
		column-gap:35px;
	}
}
@media(max-width:767px) {
	.villa__apartments-table__header {
		display: none;
	}
	.villa__apartments-table .villa__apartments-table__item-single > * {
		width:unset;
	}
	.container {
		width:90vw;
	}
	.villa__apartments-table__item-single {
		flex-direction:column;
		row-gap:15px;
	}
}

.header-wrapper.header-scrolled .header-logo.header--logo-inner.scroll,
.header-wrapper:not(.header-scrolled) .header-logo.header--logo-inner:not(.scroll) {
	display:none;
}
@media(max-width:1150px) {
	.header-wrapper .header-logo.header--logo-inner:not(.scroll) {
		display:block !important;
	}
	.header-wrapper .header-logo.header--logo-inner.scroll {
		display:none;
	}
}
.navigation ul li {
	position:relative;
}
.navigation ul li .sub-menu {
	position:absolute;
	top:100%;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
	padding:10px;
	list-style:none;
	transition:all linear 500ms;
}
.navigation ul li:not(:hover) .sub-menu {
	opacity:0;
	pointer-events:none;
}
.navigation ul li .sub-menu li a {
	padding: 10px;
	display: flex;
	background-color: var(--color_1);
	min-width: 150px;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: var(--color_2);
	transition:all ease-in-out 250ms;
}
.navigation ul li .sub-menu li a:hover {
	color:var(--color_1);
	background-color:var(--color_2);
}
@media(max-width:1150px) {
	.mobile-nav-bar-menu li.menu-item-has-children {
		flex-direction:column;
	}
	.mobile-nav-bar-menu li.menu-item-has-children ul {
		display:none;
		padding-left:15px;
		margin-top:20px;
	}
	.mobile-nav-bar-menu li.menu-item-has-children ul li {
		margin-bottom:15px;
	}
	.mobile-nav-bar-menu li.menu-item-has-children ul li:last-child {
		margin-bottom:0;
	}
}
.footer__contact-list__item.socials {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}
.footer__contact-list__item.socials a {
	display:flex;
	align-items:center;
	column-gap:10px;
}
.footer__contact-list__item.socials a span {
	display:flex;
	width:20px;
	height:20px;
}
.footer__contact-list__item.socials a span svg {
	height:100%;
	width:100%;
}
.footer__contact-list__item.socials a svg path {
	stroke:unset;
	fill:var(--color_2);
}
.banner_espa{
	position:fixed;
	left:0;
	max-width:300px;
	bottom: 0;
    z-index: 2;
}
.footer__contact-list__item .footer-link.extra_phone_option, .contact-link.extra_phone_option{
	flex-wrap:wrap;
	
}
.footer__contact-list__item .footer-link.extra_phone_option span.txt,.contact-link.extra_phone_option span.txt{
	width:100%;
	margin: 15px 0px;
    font-weight: 600;
}
ul.contact__details-list.extra_contact_txt {
    align-items: flex-start;
}
@media(max-width:1150px) {
	.footer__contact-list__item.socials {
		justify-content:center;
		align-items:center;
		text-align:center;
	}
}
@media(max-width:991px){
	.banner_espa{
	bottom:56px;	
	}
	.sub-footer{
		padding-bottom:100px;
	}
}