/*
Theme Name: Xenos
Theme URI: https://xenos-hotels.gr
Author: Web Artworks / Giannis Potamitis
Author URI: http://webartworks.gr
Description: Wordpress theme for the xenos-hotels.gr website
Version: 1.0
*/

.swiper-auto-width .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
  /* height: 80%;
  margin-top: auto;
  margin-bottom: auto; 
  width: 50%; */
}

.swiper-auto-width .swiper-slide {
  width: 70%;
}

.swiper-scrollbar, .swiper-next-style2, .swiper-prev-style2 {
  display: none;
}

header a.logo img {
  max-height: unset;
  height: 70px;
  width: 137px;
}

.mobile-toggle span {
  background-color: #777;
  height: 0.19rem;
}

.ti-plus {
  color: #f1f2f2;
  font-size: 11px;
}

.text-small {
  font-size: 11px;
}

/* menu */
.opacity-full-dark {
  opacity: 0.93;
}

.full-width-pull-menu .link-style-2 ul li a {
  font-size: 32px;
  line-height: 64px;
  color: #fff;
  opacity: 0.7;
}

.full-width-pull-menu .link-style-2 ul li:hover > a, .full-width-pull-menu .link-style-2 ul li.open > a {
  opacity: 1;
  color: #fff;
}

.close-button-menu {
  color: #fff;
  top: 34px;
  right: 36px;;
}

.close-button-menu:after, .close-button-menu:before {
  background: #fff;
}

.full-width-pull-menu span.dropdown-toggle {
  top: 33px;
  right: unset;
}

.full-width-pull-menu span.dropdown-toggle:hover {
  opacity: 1;
}

.full-width-pull-menu .dropdown .dropdown-toggle:before,
.full-width-pull-menu .dropdown .dropdown-toggle:after {
  background: #fff;
  opacity: 0.5;
}

.full-width-pull-menu .link-style-2 ul li {
  width: 100%;
}

.full-width-pull-menu .link-style-2 .dropdown ul li {
  text-align: center;
  border-bottom: none;
}

.full-width-pull-menu .link-style-2 .dropdown ul li a {
  font-size: 18px;
  line-height: 28px;
}

@media (max-width: 767px) {
  .full-width-pull-menu .dropdown span.dropdown-toggle {
    top: 33px;
  }
}

/* page title */
.page-title {
  padding: 40px 0 0 0;
}

/* nav bar */
.sticky.header-appear .navbar-top {
  display: none;
}

@media (max-width: 991px) {
  nav.navbar.bootsnav .navbar-toggle {
    margin-right: 20px;
  }
}

/* colors */
.bg-deep-pink, .bg-black, .mfp-bg {
  background-color: #131C2B;
}

.text-deep-pink {
  color: #131C2B;
}

.btn.btn-deep-pink {
  background: #131C2B;
  border-color: #131C2B;
  color: #ffffff;
}

.btn.btn-deep-pink:hover, .btn.btn-deep-pink:focus {
  background: transparent;
  border-color: #131C2B;
  color: #131C2B;
}

.mfp-close-btn-in .mfp-close {
  color: #ffffff;
}

.social-icon-style-6 a {
  color: #ffffff;
  border-color: #ffffff;
}

.btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus {
  background: #131C2B;
  border-color: #131C2B;
  color: #fff;
}

a {
  color: #ffffff;
}

a:hover, a:active, a:focus {
  color: #E4DFD8;
}

a.text-brown {
  color: #131C2B;
}

a.text-brown:hover, a.text-brown:active, a.text-brown:focus {
  color: #0A111F;
}

.white-link .mobile-toggle span {
  background-color: #ffffff;
}

.white-link .mobile-toggle:hover span {
  background-color: #E4DFD8;
}

.full-width-pull-menu .link-style-2 .dropdown ul li a {
  color: #E4DFD8;
}

/* footer */
.footer-logo {
  max-height: 90px;
}

.bg-dark-footer {
  background-color: #0A111F;
}

.border-color-medium-dark-gray {
  border-color: #E4DFD8;
}

.text-medium-gray {
  color: #fff;
}

footer ul {
  margin-bottom: 5px;
}

/* contact */
.contact-box {
  margin-bottom: 30px;
}

.contact-box div.border-color-medium-gray {
  min-height: 220px;
}

.contact-box div.text-uppercase {
  font-size: 13px;
}

.border-color-medium-gray, .input-border-bottom, .text-extra-dark-gray {
  border-color: #f1f1f1;
}

.text-extra-dark-gray {
  color: #131C2B;
}

/* single */
section.map {
  line-height: 0;
}

/* canvas */
canvas {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

/* swiper slide */
@media (min-width: 992px) {
  .swiper-slide h2 {
    font-size: 78px;
  }
}

@media (max-width: 767px) {
  .swiper-auto-width .swiper-slide .btn.btn-large {
    padding: 9px 9px;
  }

  .swiper-auto-width .swiper-slide .text-extra-large {
    font-size: 12px;
  }
}

.cc-window {
  font-size: 14px!important;
  line-height: 14px!important;
}

.mfp-bg {
  opacity: 0.7;
}

.bg-theme {
  background-color: #252741;
}

#modal-popup {
  padding-bottom: 2rem;
}

#espa-btn {
  z-index: 9;
  position: absolute;
  right: 0;
  bottom: -70px;
}

@media screen and (max-width: 960px) {
  #espa-btn {
    position: relative;
    text-align: center;
    top: 4px;
  }
  #espa-btn + div {
    line-height: 1.4rem;
    margin-top: 10px;
  }
}