/*
Theme Name: net22
Theme URI: 
Author: Net22
Author URI: https://www.net22.gr/
Description: Net22
Version: 1.1
*/
.location-single-content,
.villa-top-content {
	color:#000 !important;
}
.mobile-menu__overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9;
	background-color:rgba(0,0,0,.25);
	display:none;
}
.error__page-wrapper h1, .error__page-wrapper a.error__page-cta{
	color: var(--third);
}
.error404 .header-inner{
	background-color: var(--third);
	margin: 0px 15px;
	border-bottom: 0px solid var(--first);
	padding: 20px;
}
a.dropdown-langs.el {
	font-family: 'Manrope', sans-serif;
}
.gallery-tabs {
	display: flex;
	list-style: none;
	column-gap: 20px;
	margin-top: 60px;
}
.gallery-tabs > li {
	border:1px solid var(--third);
	cursor:pointer;
	text-transform:uppercase;
	transition:all ease-in-out 250ms;
	padding:10px 15px;
}
.gallery-tabs > li:hover,
.gallery-tabs > li.active {
	background-color:var(--third);
	color:#fff;
}
#full-screen-gallery-2 a {
	display:none;
}
#full-screen-gallery-2 a:nth-child(1),
#full-screen-gallery-2 a:nth-child(2),
#full-screen-gallery-2 a:nth-child(3),
#full-screen-gallery-2 a:nth-child(4),
#full-screen-gallery-2 a:nth-child(5),
#full-screen-gallery-2 a:nth-child(6),
#full-screen-gallery a:nth-child(1),
#full-screen-gallery a:nth-child(2),
#full-screen-gallery a:nth-child(3),
#full-screen-gallery a:nth-child(4),
#full-screen-gallery a:nth-child(5),
#full-screen-gallery a:nth-child(6) {
	display:block!important;
}
/* @media(max-width:767px) {
.section-top-info,
.section-top-background {
height:50vh;
}
} */

.footer__content-inner__item {
	display:flex;
	flex-direction:column;
	row-gap:20px;
}
/* .location-single-content {
height:unset;
padding-block:20px;
width: 960px;
margin-right: 0;
}
.location-single-text {
width:95%;
}

.location-grid {
display: flex;
justify-content: center;
column-gap:30px;
}
.location-section-content {
grid-template-columns:1fr;
}
.location-single-text {
width: 90%;
}
.location-grid:not(:last-child) {
margin-bottom:30px;
}
.location-grid:nth-child(even) {
flex-direction:row-reverse;
} */


@media(max-width:1450px) {
	.location-single-content {
		width:650px;
	}
}


@media(max-width:1280px){
	.location-grid {
		display:flex;
		flex-direction:column;
		row-gap:20px;
	}
	.location-single-content {
		width:100%;
	}
	.location-grid:nth-child(even) {
		flex-direction:column;
	}
	.location-single-image {
		margin:auto;
	}
}
/* .location-single-image img {
height:100%;
} */
@media(min-width:1025px) and (max-width:1680px) {
	.villa-amenities {
		padding-inline:20px;
	}
}

.show--bigger-text {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	width: 200px;
	cursor: pointer;
	color: var(--first);
	transition: all ease-in-out 250ms;
	margin-block:40px 50px;
}
#location .show--bigger-text {
	color:var(--third);
}
.hide-text {
	height:390px;
	overflow:hidden;
}
.more_btn{
	background-color: var(--third);
	color: #fff;
	border: 1px solid var(--third);
	cursor: pointer;
	text-transform: uppercase;
	transition: all ease-in-out 250ms;
	padding: 10px 15px;
	max-width:max-content;
	margin:auto;
	display:block;
	margin-top:45px;
}
.more_btn:hover{
	background-color: #fff;
	color: var(--third);
}
@media (min-width:1460px) and (max-width: 1650px) {
	#full-screen-gallery,
	#full-screen-gallery-2 {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		overflow: hidden;
		row-gap: 25px;
		column-gap: 25px;
	}
	.page__gallery-item {
		width: 100%;
		height: 450px;
		position: relative;
		cursor: pointer;
	}
	img.page__gallery-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.page__gallery-item:hover::after {
		opacity: 0.8;
		visibility: visible;
		width: 95%;
		height: 430px;
	}
}
@media (min-width:1650px) and (max-width:1920px){
	.page__gallery-item:hover::after {
		width: 90%;
	}
	.page__gallery-item {
		width: auto;
	}
}
.accommodation-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:15px;
}
.accommodation--single .image {
	height:450px;
	overflow:hidden;
}
.accommodation--single .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition:all linear 500ms;
}
.accommodation--single:hover .image img {
	transform:scale(1.05);
}
.accommodation--single {
	position:relative;
	cursor:pointer;
}
.accommodation--single .content {
	background-color:rgba(255, 255, 255, .47);
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	padding:20px 20px 20px 40px;
}
.accommodation--single .content .amenities {
	display:flex;
	column-gap:20px;
	align-items:center;
}
.accommodation--single .content .amenities .amenity {
	display: flex;
	align-items: center;
	column-gap: 10px;
	font-size:25px;
	color:#B13239;
}
.accommodation--single .content .amenities .amenity .icon {
	width: 25px;
	min-width: 25px;
	height: 25px;
}
.accommodation--single .content .amenities .amenity .icon svg {
	height:100%;
	width:100%;
}
.accommodation-container {
	margin:0 45px;
}
.accommodation--single .content .title {
	color: #B13239;
	font-size: 32px;
	margin-bottom: 15px;
	line-height: 1.3;
}
.accommodation--single .content .amenities .amenity.bedrooms svg {
	transform: scale(1.7);
}
#accommodation .discover-title {
	text-align: center;
	padding-bottom: 40px;
}
#accommodation {
	background-color: #F7F7F7;
	padding-block:60px 40px;
	margin-block:100px;
}
#accommodation .discover-text p {
	padding:0;
	text-align:center;
}
#accommodation .discover-text {
	max-width: 800px;
	text-align: center;
	margin: 0 auto 40px;
}





#accommodation--overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.2);
	z-index: 99;
	cursor:pointer;
	display:none;
}
.accommodation--sidebar-single {
	position: fixed;
	top: 0;
	z-index: 100;
	background-color: #fff;
	height:100vh;
	overflow-x:hidden;
	overflow-y:auto;
	width: 700px;
	right: 0;
	padding:60px 40px 80px;
	transition:all linear 500ms;
}
.accommodation--sidebar-single:not(.visible) {
	transform:translateX(100%);
}
.accommodation--sidebar-single .accommodation--sidebar-single__gallery img {
	height:420px;
	width:100%;
	object-fit:cover;
}
.accommodation--sidebar-single .accommodation--sidebar-single__gallery  {
	margin-top:30px;
}
.accommodation--sidebar-single .owl-nav > div {
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	background-color:#fff;
	z-index:1;
}
.accommodation--sidebar-single .owl-nav > div.owl-prev {
	left:20px;
}
.accommodation--sidebar-single .owl-nav > div.owl-next {
	right:20px;
}
.accommodation--sidebar-single .owl-nav svg {
	height:100%;
	width:100%;
}

.accommodation--sidebar-single .amenities {
	display:flex;
	column-gap:20px;
	align-items:center;
}
.accommodation--sidebar-single .amenities .amenity {
	display: flex;
	align-items: center;
	column-gap: 10px;
	font-size:25px;
	color:#B13239;
}
.accommodation--sidebar-single .amenities .amenity .icon {
	width: 25px;
	min-width: 25px;
	height: 25px;
}
.accommodation--sidebar-single .amenities .amenity .icon svg {
	height:100%;
	width:100%;
}

.accommodation--sidebar-single .amenities .amenity.bedrooms svg {
	transform: scale(1.7);
}
.accommodation--sidebar-single .title {
	color: #B13239;
	font-size: 34px;
	margin-bottom:  15px;
	line-height: 1.3;
	position:relative;
	padding-right:100px;
}
.close--side {
	position:absolute;
	cursor:pointer;
	top:50%;
	transform:translateY(-50%);
	width:30px;
	height:30px;
	right:0;
}
.close--side svg {
	width: 100%;
	height: 100%;
	transition:all ease-in-out 250ms;
}
.close--side:hover svg {
	transform:rotate(90deg);
}
.amenities--text-title,
.content--text-title {
	color: #B13239;
	font-size: 26px;
	margin-block:50px 15px;
	line-height: 1.3;
	display: block;
	font-weight: 500;
	text-transform: uppercase;
}

.amenities--text-ul ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 12px;
}
.accommodation--sidebar-single__gallery a {
	display:flex;
	position:relative;
}
.accommodation--sidebar-single__gallery a::after {
	content: '';
	border-radius:25px;
	position: absolute;
	top: 25px;
	left: 25px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30%;
	height: 30%;
	background-color: #f2f4f6ab;
	opacity: 0;
	visibility: hidden;
	transition:all ease-in-out 350ms;
	background-image: url("https://magicklima.gr/wp-content/uploads/2023/02/open-gallery.svg");
	object-fit: cover;
	background-repeat: no-repeat;
	background-position:center;
}
.accommodation--sidebar-single__gallery a:hover::after {
	opacity:1;
	visibility:visible;
}
html.lock--scroll,
html.lock--scroll body {
	overflow:hidden !important;
}
#sub--footer {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	padding-bottom: 12px;
	gap:215px;
}
#sub--footer > * {
	margin:0 !important;
	padding:0 !important;
}
ul:not([class]) li {
	margin-bottom: 20px;
}
.section-top-background {
	height: calc(100svh - 30px);
}
@media(max-width:1680px) {
	.location-single-content,
	.location-single-image img {
		width: 100%;
		height: 600px;
	}
	img.page__gallery-image,
	.page__gallery-item {
		width:100%;
		height:550px;
	}
	.gallery-section-title {
		height:auto;
		padding-block:80px;
	}
	.accommodation--sidebar-single {width: 550px;
	}
}

@media(max-width:1550px) {
	.accommodation--sidebar-single .accommodation--sidebar-single__gallery img {
		height: 300px;
	}
	.accommodation--sidebar-single .title {
		font-size: 26px;
	}
	.accommodation--sidebar-single .amenities .amenity {font-size: 18px;
	}
	.accommodation--sidebar-single .amenities .amenity .icon {
		width: 20px;
		min-width: 20px;
		height: 20px;
	}
	.section-title {
		font-size:40px;
	}
	.location-single-title h3,
	h2 {
		font-size: 36px;
	}
	h2.villa-title.top {
		font-size: 32px;
	}
	.accommodation--single .image {
		height: 350px;
	}
	.accommodation--single .content .title {
		font-size: 26px;
	}
	.accommodation--single .content .amenities .amenity {
		font-size: 18px;
	}
	.accommodation--single .content .amenities .amenity .icon {
		width: 20px;
		min-width: 20px;
		height: 20px;
	}
	.discover-text p {
		padding-right:0;
	}
	.location-single-title h3 {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.location-single-text {
		padding-inline:40px;
	}
	.villa-top-images-container .image,
	.villa-top-images-container .image {
		height:370px;
	}
	.villa-top-images-col-front img {
		margin-left:auto;
	}
	.villa-top-images-container .image img,
	.villa-top-images-col-front img {
		/* 		width:100%; */
		object-fit:cover;
	}
	.villa-top-images-col-front {
		right: 0;
	}
	.the-villa-content {
		display: flex;
		margin-inline:60px;
		gap:60px;
	}
}

@media(max-width:1199px) {
	#accommodation {
		margin-block:0 60px;
	}
	.discover-content {
		gap:60px;
	}
	.location-section-content {
		display: flex;
		flex-direction: column;
	}
	.location-single-content {
		height:auto;
	}
	.location-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-bottom: 40px;
	}
	.location-single-image {
		width: 100%;
	}
	.location-single-image img {
		height:500px !important;
	}
}
@media(max-width:991px) {
	.the-villa-content {
		display: flex;
		margin-inline:0;
		gap:60px;
		flex-direction: column;
		margin-top: 0;
	}
	.villa-top-images-container .image {
		max-width: 100%;
		min-width: unset;
	}
	.villa-top-content {
		padding: 60px 0 0;
	}
	h2.villa-title.bottom {
		padding-bottom: 40px;
	}
	.villa-top-images-container {
		max-width: 90vw;
		margin:auto;
		display: flex;
		justify-content: center;
		width: 100%;
		flex-direction: row-reverse;
	}
	.villa-top-images-container > div {
		width: 260px;
		max-width: 260px;
		min-width: 260px;
	}
	.book_availability-button {
		width:100vw;
	}
	#accommodation {
		margin-top: 70px;
	}
	.villa-top-images-col-front {
		position: relative;
		margin-left: -85px;
		z-index: 1;
		right: unset;
	}
	.accommodation-grid {
		grid-template-columns: 1fr;
	}

	img.page__gallery-image, .page__gallery-item {
		height: 400px;
	}
	.discover-content {
		gap:
			60px;
		flex-direction: column;
		margin:
			50px 20px;
	}
	.discover-title {
		padding-bottom: 40px;
		text-align: center;
	}
	.location-grid {
		display: flex;
		flex-direction: column;
		margin-bottom: 40px;
	}
	#sub--footer {
		grid-template-columns: 1fr;
		gap:5px;
	}
	.location-single-text {
		padding-inline:
			0;
	}
	.footer__content-inner {
		padding-bottom:70px;
	}
	.accommodation-container {
		margin:
			0 15px;
	}
	img.page__gallery-image, .page__gallery-item {
		height: 250px;
	}
	#full-screen-gallery, #full-screen-gallery-2 {
		gap:10px;
	}
	.location-content {
		margin-inline:15px;
	}
	.accommodation--sidebar-single {
		width:100vw;
	}
	.villa-top-images-container > div {
		width: 200px;
		max-width: 200px;
		min-width: 200px;
	}
	.villa-top-images-container .image, .villa-top-images-container .image {
		height: 300px;
	}
	.accommodation--sidebar-single {padding: 40px 20px 60px;
	}
	.accommodation--sidebar-single .accommodation--sidebar-single__gallery img {
		height: 215px;
	}

	.accommodation--sidebar-single__gallery a::after {
		width: 100px;
		height: 100px;
	}
	.amenities--text-ul ul {grid-template-columns: repeat(2, 1fr);list-style:
		disc outside;
		padding-left: 20px;
	}
	.section-title {
		text-shadow: 0 3px 6px #0000007a;
		background-color: unset !important;
	}
}
@media(max-width:768px){
	.footer-wrapper {
	padding-bottom: 50px;
	}
}