/* 
INSTRUCTIONS!!!:

---FOR COLORS:-
Use astra-global colors and avoid using individual colors because it is difficult to maintain.

---FOR FONTS:
Use astra global fonts as possible avoid using widgets individual fonts as it is diffucult to maintain.

---FOR BUTTONS:
Use astra global colors & fonts for buttons you can style buttons via elementor but use the global colors & fonts from astra.

---WHEN USING CSS:
Use astra global variables when declaring a CSS code. For example: a{color:var(--ast-global-color-0)} you can find this variables in the root of astra just use inspect element and search root.

---ADDITIONAL NOTE: 
->As possible avoid custom code and use widgets.
->You still can use elementor global for colors, fonts & buttons but use it correctly.
*/

/*=======
 
EXTRA CLASS NAMES:

.fullwidth-button-mobile - fullwidth buton on mobiles

.grow-column - grow column on hover

.float-column-hover - float object on hover.

.row-flex-direction - flex grow the column in heading element.

.row-flex-direction-description - flex grow the column in the description element.

.pulse-btn-hover - add pulse effect to button.

.pulse-btn-not-hover - add pulse effect to button being not hovered.

.icononly-pulse-effect - add pulse effect to icon widget

.icon-with-text-description-pulse-effect - add pulse effect to icon width title widget.

.fixed-height-on-4k-screen-resolution - convert the full screen height of the section on 4k screen resolution to min-height:1000px;

 */


:root{
	--white:#ffffff;
	--primary_green:var(--ast-global-color-0);
	--secondary_light_green:var(--ast-global-color-1);
	--dark_grey:var(--ast-global-color-2);
}

.img-border-effect img {
    box-shadow: 10px 10px 0 -1px #fff, 10px 10px 0 var(--primary_green), 20px 20px 0 -1px #fff, 20px 20px 0 var(--primary_green);
}

.text-green{
	color:var(--primary_green) !important;
}
.text-grey{
	color:var(--dark_grey) !important;
}

header.site-header .ast-builder-grid-row .site-header-primary-section-right .ast-builder-menu-1{
	background-color:transparent;
}

#ast-fixed-header .ast-builder-grid-row .site-header-primary-section-right .ast-builder-menu-1{
	
	background-color:unset;
}

/* SUB MENU */
@media (max-width: 1125px) {
	.ast-header-break-point .main-header-menu .sub-menu {
		background-color:#33b0a7 !important;
	}
	
	  .ast-builder-menu-mobile .main-header-menu.ast-nav-menu .sub-menu .menu-item .menu-link {
        color: #fff !important;
    }
	.sub-menu li.menu-item a {
		border-color:#33b0a7 !important;
	}
	[CLASS*="-sticky-header-active"] .ast-builder-menu-1 .main-header-menu .menu-item .sub-menu .menu-item.current-menu-item > .menu-link, [CLASS*="-sticky-header-active"] .ast-builder-menu-1 .main-header-menu .menu-item .sub-menu .menu-item.current-menu-ancestor > .menu-link {
    color: var(--ast-global-color-0);
    background-color: var(--ast-global-color-1);
}
	
}
@media (min-width:1023px){
	.btn-booking a.menu-link:before{
	height:0px !important;
}
.btn-booking a.menu-link span.menu-text{
	padding:0px 20px;
	background-color:var(--primary_green);
	color:var(--white);
}
	.btn-booking a.menu-link span.menu-text:hover{
		background-color:var(--secondary_light_green);
		color:var(--primary_green);
	}
	
}

@media (max-width: 543px){
.ast-hfb-header .site-logo-img .sticky-custom-logo img {
    max-width: 100px;
}
}

.swiper-pagination{
	text-align:right !important;
}

.ti-widget.ti-goog .ti-footer,
.ti-widget.ti-goog .ti-controls .ti-next,
.ti-widget.ti-goog .ti-controls .ti-prev,
.ti-widget.ti-goog .ti-controls-dots{
	display:none !important;
}
#qlwapp.qlwapp-button .qlwapp-toggle {
    padding: 30px 15px !important;
}
#qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon {
    margin: 0 !important;
}


/* WPFORMS */

button#wpforms-submit-2689.wpforms-submit.popup-btn
{
    background-color: #33B0A7;
    color: white;
    padding: 15px 20px;
}


input#wpforms-2689-field_1 {
  border: 1px solid #33B0A7;
}

input#wpforms-2689-field_4 {
  border: 1px solid #33B0A7;
}

input#wpforms-2689-field_5 {
  border: 1px solid #33B0A7;
}

input#wpforms-2689-field_6 {
  border: 1px solid #33B0A7;
}

textarea#wpforms-2689-field_7 {
  border: 1px solid #33B0A7;
}



#ast-fixed-header .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item {
    margin-top: 0px;
}

.elementor-1450 .elementor-element.elementor-element-b9586af { 
	display: none;
}

.elementor-1342 .elementor-element.elementor-element-0d6b28e { 
	display: none;
}

.elementor-1229 .elementor-element.elementor-element-b8d5699:not(.elementor-motion-effects-element-type-background), .elementor-1229 .elementor-element.elementor-element-b8d5699 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	display: none;
}

.elementor-1229 .elementor-element.elementor-element-9dfc642 {
	display: none;
}

.entry-meta {
    display: none;
}

a[onclick*="qlwapp-toggle"] {
  display: none !important;
}

#book-app-button1:hover .elementor-icon-box-description{
	color:#33B0A7
	
}

@media(max-width: 1099px) {
	.ast-menu-toggle {
			width: 100%;
		  text-align: right;
	}
}