/* 
Theme Name: ITCONCEPT-PORTOBELLO
Theme URI: https://itconcept.gr
Description: THEME POWERED BY ITCONCEPT
Author: ITCONCEPT
Author URI: https://itconcept.gr
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
.ekit-template-content-markup.ekit-template-content-header.ekit-template-content-theme-support {
  background: linear-gradient(rgba(0,0,0,0.7), transparent);
  z-index: 1000;
  position: relative;
}

header h1.entry-title {
  display: none;
}

.round-and-round div img {
  animation: rotation 30s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.underline-btn button::after,
.underline-btn a::after{
    background-color: #8C837B;
}

.underline-head button::after,
.underline-head a::after{
	content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #8C837B;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

.underline-btn button,
.underline-btn a,
.underline-head button,
.underline-head a,
input.book-col-submit.underline-btn
{
  position: relative;
}

.underline-btn button::after,
.underline-btn a::after,
input.book-col-submit.underline-btn::after,
.book-col-submit-wrap::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #86704d;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}
input.book-col-submit-wrap:hover::after,
.underline-btn button:hover::after,
.underline-btn a:hover::after,
.underline-head button:hover::after,
.underline-head a:hover::after,
input.book-col-submit.underline-btn:hover::after {
  transform: scaleX(1);
}

.undertext-btn span.elementor-button-text {
  border-bottom: 2px solid transparent;
  transition: 250ms ease-in-out;
}

.undertext-btn a.elementor-button-link:hover span.elementor-button-text {
  border-bottom: 2px solid #8c837b;
}

.footer-links {
  color: #fff;
  transition: ease-in-out 0.2s;
}

.footer-links:hover {
  color: #86704d;
}

.instagram-link {
	color: #8C837B;
	transition: ease-in-out 0.2s;
}

.instagram-link:hover {
  color: #86704d;
}

.round-btn {
  text-align: center;
}

.pad-removal-form input {
  padding: 0px;
  max-width: 80% !important;
}

.persons .elementor-widget-container,
.sqrmeters .elementor-widget-container,
.roomview .elementor-widget-container {
  display: flex;
  align-items: center;
}
.persons .elementor-widget-container img,
.sqrmeters .elementor-widget-container img,
.roomview .elementor-widget-container img {
  padding-right: 15px;
}

.dining-text-left h2,
.dining-text-left h3 {
  text-align: left;
}
a.ekit-menu-nav-link.active,
.elementskit-navbar-nav-default .elementskit-navbar-nav>li:hover {
  color: #fff;
}
.comments-area a, .page-content a {
  text-decoration: none;
}
.elementor-element-b1fe35f.elementor-widget.elementor-widget-heading h2.elementor-heading-title.elementor-size-default {
  min-height: 2em;
}
h2.elementor-heading-title.elementor-size-default a:hover,
h2.elementor-heading-title.elementor-size-default a:active {
  text-decoration: underline;
}

.color-overlay::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:  #86704d;
  opacity: 25%;
}

div#quickbooking {
  border-left: 5px solid #86704D;
}
.dateicon {
  background: url('/wp-content/uploads/2023/02/checkin-checkout-icon.png') no-repeat;
    width:25px;
    height:25px;
    display: inline-block;
}
.roomsicon {
  background: url('/wp-content/uploads/2023/02/rooms.png') no-repeat;
    width:25px;
    height:25px;
    display: inline-block;
    padding-left: 30px;
}
.guestsicon {
  background: url('/wp-content/uploads/2023/02/guests.png') no-repeat;
    width:25px;
    height:25px;
    display: inline-block;
    padding-left: 30px;
}
.input-icon {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #000;
}


.elementor-17 .elementor-element.elementor-element-cb8ecd5 .swiper-button-next, 
.elementor-17 .elementor-element.elementor-element-cb8ecd5 .swiper-button-prev,
.elementor-1560 .elementor-element.elementor-element-55a3c4a .swiper-button-next,
.elementor-1560 .elementor-element.elementor-element-55a3c4a .swiper-button-prev {
  width: 60px !important;
  height: 60px !important;
  line-height: 60px;
  border-radius: 30px;
}
.qodef-qi-swiper-container.qodef-navigation--hover-move .swiper-button-next i,
.qodef-qi-swiper-container.qodef-navigation--hover-move .swiper-button-prev i {
  margin-left: 20px;
}

.services {
    font-size: 40px;
    font-weight: 200;
    color: #54565A;
}
/* .services:hover {
  text-decoration: underline;
} */
.elementor-1552 .elementor-element.elementor-element-a7ae0e1 img {
  aspect-ratio: 1920 / 598;
}
.elementor-1769 .elementor-element.elementor-element-db47ed6 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
  color: #fff;
}
.services span:hover {
  text-decoration: underline;
}

.elementor-29 .elementor-element.elementor-element-f6728a8:not(.elementor-motion-effects-element-type-background), 
.elementor-29 .elementor-element.elementor-element-f6728a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-position: center center;
}
.elementor-1769 .elementor-element.elementor-element-db47ed6 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
  border: none;
}
@media all and (max-width:1024px) {
  .elementor-3063 .elementor-element.elementor-element-c1b947f,
  .elementor-1586 .elementor-element.elementor-element-ae9d7f1 {
    --display: block!important;
  }
  .elementskit-menu-overlay {
    display: none!important;
  }
  .ekit_menu_responsive_tablet>.elementskit-navbar-nav-default {
    background-color: rgba(139, 130, 123, 0.9)!important;
}
.eae-thumb-container.swiper-container.eae-gallery-thumbs.eae-thumb-horizontal-bottom.swiper-container-initialized.swiper-container-horizontal.swiper-container-free-mode.swiper-container-thumbs {
  display: none;
}
.elementor-1769 .elementor-element.elementor-element-db47ed6 .elementskit-menu-hamburger {
  border: none;
}
.elementor-1769 .elementor-element.elementor-element-db47ed6 .elementskit-menu-container {
  max-width: 100%;
}
.elementor-1769 .elementor-element.elementor-element-db47ed6 .elementskit-navbar-nav > li > a {
  color: #fff;
}
  .elementor-1916 .elementor-element.elementor-element-13f3a9da {
    --width: 100%;
  }
  .services {
    font-size: 16px;
}
  .elementor-1177 .elementor-element.elementor-element-64d07c2 {
    --flex-direction: column!important;
  }
  .ekit_menu_responsive_tablet>.elementskit-navbar-nav-default {
    background-color: #8B827B;
  }
  .elementor-1769 .elementor-element.elementor-element-4235c26 .elementor-social-icon {
    display: none;
 }
 .ekit_menu_responsive_tablet .elementskit-navbar-nav-default .elementskit-dropdown-has>a .elementskit-submenu-indicator {
  margin-left: 10px;
 }
 .ekit_menu_responsive_tablet .elementskit-submenu-indicator {
  border: none;
 }
 .swiper-slide {
  width: 100%!important;
 }
 .elementor-1177 .elementor-element.elementor-element-d906262 {
  padding:20px;
 }
 .elementor-1177 .elementor-element.elementor-element-cbc8209 .elementor-heading-title {
  font-size: 21px!important;
}
 
	.room-cat-img {
    --width: 100%!important;	
	}
	.room-cat-con {
    --width: 100%!important;
	}
	.elementor-popup-modal {
		display:none!important;
	}
  .swiper-button-next, .swiper-button-prev {
   top: 30%!important;
  }
  .elementor-17 .elementor-element.elementor-element-40d6a55 .swiper-button-next {
    width: 40px!important;
  }
  .elementor-17 .elementor-element.elementor-element-40d6a55 .swiper-button-prev {
    width: 40px!important;
  }
 .elementor-1769 .elementor-element.elementor-element-db47ed6 .elementskit-menu-close {
  border:none;
  }
  .custom_copy26.tparrows {
    width: 30px!important;
    height: 30px!important;
  }
  .custom_copy26.tparrows:before {
    font-size: 10px!important;
    line-height: 30px!important;
  }
}


.ekit-wid-con button:focus {
  background-color: #54565A;
}
.ekit-wid-con button:hover {
  background-color: #54565A;
}
@media all and (min-width:1025px) and (max-width:1679px) {
	.has_eae_slider.elementor-element.elementor-element-aa8443b.e-con-boxed.e-con.elementor-sticky {
    --container-max-width: 1440px;
}
	body:not(.rtl) .elementor-1560 .elementor-element.elementor-element-351d17d {
    right: 8%;
}
.elementor-element.elementor-element-8d74cf0.elementor-fixed.booking-form.exad-sticky-section-no.exad-glass-effect-no.elementor-widget.elementor-widget-template {
  bottom: 200px;
 }
 .elementor-17 .elementor-element.elementor-element-0cfb21b {
  top: 340px;
 }
 .dialog-type-lightbox {
  top: 7vw;
  position: fixed;
 }
 body:not(.rtl) .elementor-1129 .elementor-element.elementor-element-f7e14a5 {
  right: 5%;
  max-width: 200px;
  top: -100px;
}

}

@media all and (min-width:1025px) and (max-width:1279px) {
  .elementor-1177 .elementor-element.elementor-element-3f98fbc {
    --width: 55%!important;
  }
}

@media all and (min-width:1367px) and (max-width:1500px) {
  .elementor-1177 .elementor-element.elementor-element-3f98fbc {
    --width: 50%;
  }
}

@media all and (min-width:768px) and (max-width:1650px)  {
.e-con {
  --container-max-width: 1200px;
}
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 40px!important;
}
@media all and (min-width:768px) and (max-width:1024px)  {
  .elementor-1177 .elementor-element.elementor-element-3f98fbc {
    --width: 74%!important;
}
.elementor-1177 .elementor-element.elementor-element-d906262 {
  --width: 74%!important;
}
}

@media all and (min-width:1025px) {
a.ekit-menu-nav-link.active,
.elementskit-navbar-nav-default .elementskit-navbar-nav>li:hover {
  text-decoration: underline!important;
}
}

@media all and (min-width:1367px) and (max-width:1650px) {
	.room-cat-con {
    margin-left: 15% !important;
	}
	 
}

.room-cat-img div.elementor-main-swiper.swiper-container.swiper-container-fade.swiper-container-initialized.swiper-container-horizontal {
		position: relative !important;
	}

.testimonials-arrows div i {
	color: #86704D !important;
}

@media all and (min-width:1025px) and (max-width:1366px) {
.many-icons-home div.has_eae_slider{
width: 13% !important;
}
}

@media all and (min-width:1367px) and (max-width:1650px) {
.many-icons-home div.has_eae_slider{
width: 13% !important;
}
}

.sb_instagram_header {
	display: none !important;
}

@media all and (min-width:1121px) and (max-width:1540px) {
	.goalittletothetop {
		top: 55% !important;
	}
}

.dine-center-buttons div.swiper-button-prev,
.dine-center-buttons div.swiper-button-next{
	display: flex;
	place-items: center;
}