/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
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
*/

/**********************************COSMOTE NS4U Custom Styling************************************************************/
/* Custom Font for Chauffeur Booking System*/
.chbs-main, .chbs-main input, .chbs-main select, .chbs-main textarea, .ui-menu .ui-menu-item, .ui-timepicker-wrapper, .chbs-datepicker.ui-datepicker th, .chbs-datepicker.ui-datepicker td, .chbs-datepicker.ui-datepicker td a, .chbs-datepicker.ui-datepicker td span, .chbs-datepicker.ui-datepicker .ui-datepicker-title {
  font-family:"Manrope" !important;
}


/*Tour Cards Excerpt animation*/
.ns4u_tour_card_title {
  height: calc(1em * 1.8 * 3 + 8px);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ns4u_tour_card_title > div {
  display: flex;
  align-items: flex-end;
}

.ns4u_tour_card_meta {
  transform: translateY(90px);
  transition: transform 0.4s ease;
}

.ns4u_tour_card_duration {
  height: 24px;
}

.ns4u_tour_excerpt {
  height: calc(1em * 1.8 * 3 + 10px);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateY(calc(1em * 1.8 * 3 + 50px));
  transition: transform 0.4s ease;
}

.ns4u_tour_card:hover .ns4u_tour_card_meta {
  transform: translateY(0px);
  transition: transform 0.4s ease;
}

.ns4u_tour_card:hover .ns4u_tour_excerpt {
  transform: translateY(0px);
  transition: transform 0.3s 0.2s ease;
}

/* NS4U Breadcrumbs style */

.rank-math-breadcrumb {
    color:var( --e-global-color-primary );
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-accent-font-weight );
    font-size: var(--e-global-typography-accent-font-size);
	line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    text-align: center;
		padding-left: 10px;
}

.rank-math-breadcrumb a {
    color:var( --e-global-color-primary );
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-accent-font-weight );
    font-size: var(--e-global-typography-accent-font-size);
	line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
		/* text-decoration: underline; */
}

.rank-math-breadcrumb a:hover {
    color:var( --e-global-color-primary );
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-accent-font-weight );
    font-size: var(--e-global-typography-accent-font-size);
	line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
		/* text-decoration: underline; */
}

.separator {
	color: var( --e-global-color-primary );
}

@media screen and (max-width: 767px) {
	.rank-math-breadcrumb {
    color:var( --e-global-color-primary );
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-accent-font-weight );
    font-size: var(--e-global-typography-accent-font-size);
	line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    text-align: center;
 		padding-left: 10px;
	}
	
	.rank-math-breadcrumb a {
    color:var( --e-global-color-primary );
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-accent-font-weight );
    font-size: var(--e-global-typography-accent-font-size);
	line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
		/* text-decoration: underline; */
	}

.rank-math-breadcrumb a:hover {
    color:var( --e-global-color-primary );
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-accent-font-weight );
    font-size: var(--e-global-typography-accent-font-size);
	line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
		/* text-decoration: underline; */
	}
}

/* Tour Single Page Location List Styling*/
.location_list {
  display:flex;
  flex-direction:column;
  list-style:none;
  padding-inline-start:10px;
}

.location_list_item_icon::before {
  content: "\e973";
  font-family: elementskit !important;
  font-size:20px;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color:var( --e-global-color-text );
  margin-right:0.5em;
}

.location_list_item {
  display:flex;
  flex-direction:row;
}

/* Tour Single Page Inclusions & Exclusions List Styling*/
.inclusion_list, .exclusion_list {
  display:flex;
  flex-direction:column;
  list-style:none;
  padding-inline-start:10px;
}

.inclusion_list_item_icon::before {
  content: "\e87f";
  font-family: elementskit !important;
  font-size:20px;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color:green;
  margin-right:0.5em;
}

.exclusion_list_item_icon::before {
  content: "\e880";
  font-family: elementskit !important;
  font-size:20px;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color:red;
  margin-right:0.5em;
}

.inclusion_list_item , .exclusion_list_item {
  display:flex;
  flex-direction:row;
}

/* Menu CTA Styling*/
#menu-1-50e31df > li.ctcta.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-24062 > a , #menu-1-1bd80a9f > li.ctcta.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-24062 > a:hover {
  background-color:#000;
  border-radius:50px;
  color:#fff;
  padding: 21px 28px;
  border:1px solid #000;
}



#menu-1-50e31df > li.ctcta.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-24062 > a:hover , #menu-1-1bd80a9f > li.ctcta.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-24062 > a {
  background-color:#fff;
  padding: 21px 28px;
  border-radius:50px;
  color:#000;
  border:1px solid #fff;
}


.sub-menu.elementor-nav-menu--dropdown.sm-nowrap:before{
    content: "";
    position: absolute;
    top: -16px;
    left: 22px;
    border: 8px solid transparent;
    border-block-end-color: var(--e-a-bg-default);
  }

/*Homepage Booking Form Styling*/
/*Text of Tours and transfer in panel is changed through javascript in Elementor custom code*/
#homepageform .chbs-main .chbs-main-content , #homepageform-mobile .chbs-main .chbs-main-content{
  margin-top:0px;
}

#homepageform #ui-id-1 , #homepageform-mobile #ui-id-1 {
  border-radius:8px 0px 0px 0px;
}

#homepageform #ui-id-2, #homepageform-mobile #ui-id-2{ 
  border-radius:0px 8px 0px 0px;
}

#homepageform .chbs-main.chbs-widget.chbs-widget-style-1 .chbs-button-widget-submit , #homepageform-mobile .chbs-main.chbs-widget.chbs-widget-style-1 .chbs-button-widget-submit {
  text-align:center;
  width:100%;
}

#homepageform .chbs-main .chbs-tab.ui-tabs .ui-tabs-nav>li , #homepageform-mobile .chbs-main .chbs-tab.ui-tabs .ui-tabs-nav>li {
  width:50%;
}

#homepageform .chbs-main.chbs-widget.chbs-widget-style-1 .chbs-main-content>div>div:last-child,#homepageform-mobile .chbs-main.chbs-widget.chbs-widget-style-1 .chbs-main-content>div>div:last-child{
  margin:30px 10px 10px 10px;
}

#homepageform .chbs-booking-form-id-257 .chbs-tab.ui-tabs .ui-tabs-nav>li.ui-tabs-active>a {
  background-color:var(--e-global-color-secondary);
  color:var(--e-global-color-accent);
  border-color: var(--e-global-color-secondary);
}

#homepageform .chbs-booking-form-id-257 .chbs-tab.ui-tabs .ui-tabs-nav>li>a {
  background-color:var(--e-global-color-accent);
  color:var(--e-global-color-secondary);
  border-color: transparent;
}

#homepageform .ui-tabs-panel {
  border-color:transparent;
}

/*Tours Archive Booking Form Styling*/
#ns4u-tour-booking .chbs-main .chbs-main-content , #homepageform-mobile .chbs-main .chbs-main-content{
  margin-top:0px;
}

#ns4u-tour-booking .chbs-main.chbs-widget.chbs-widget-style-2 .chbs-button-widget-submit {
  text-align:center;
  width:100%;
  margin:30px 8px 0px 8px;
}

#ns4u-tour-booking .chbs-main.chbs-widget.chbs-widget-style-2 .chbs-main-content-step-1 .chbs-tab.ui-tabs .ui-tabs-panel {
  border-width:0px;
}

#ns4u-tour-booking .ui-tabs-panel {
  border-color:transparent;
}

/* WPML Language swither Styling*/
a.wpml-ls-item-toggle , .elementor-widget-wpml-language-switcher > div > div > div > ul > li > a:hover , body > header > div > div > div.elementor-element.elementor-element-7126b116.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-139a6d8.elementor-widget__width-initial.elementor-widget.elementor-widget-wpml-language-switcher > div > div > div > ul > li > ul > li > a{
  background:transparent;
  border:none;
}


.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  content: "\e994";
  font-family: elementskit !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  border:none !important;
  top:calc(25%) !important;
}

.wpml-ls-legacy-dropdown a:focus {
  background:transparent !important;
  background-color:transparent	!important;
}	
}