/*
 Theme Name:   Catamaran Child Theme
 Theme URI:    https://catamaran.axiomthemes.com/
 Description:  Catamaran Child Theme
 Author:       AxiomThemes
 Author URI:   http://axiomthemes.com/
 Template:     catamaran
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  catamaran
*/


/* =Theme customization starts here
------------------------------------------------------------ */
.rotatebuttonbook {
	animation-name: example;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;  
	
}




.phone-vr-img-circle {
  animation-name: resize;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;  
	
}

@keyframes resize {
from {
    transform: scale(1.5);
  }

  to {
    transform: scale(1);
  }
}


@keyframes example {
/*   0%   {transform: rotate(-0.10turn);}
  25%  {transform: rotate(-0.25turn);}
  50%  {transform: rotate(-0.50turn);}
  75%  {transform: rotate(-0.75turn);}
  100% {transform: rotate(-0.100turn);} */
  0%   {transform: rotate(0.05turn);}
  25%   {transform: rotate(-0.05turn);}
  50%  {transform: rotate(0.05turn);}
  75%   {transform: rotate(-0.05turn);}
}

.post_footer {
	display:none;
}

.comments_form {
	display:none;
}

.post_meta {
	display:none;
}


.sc_layouts_row_type_compact .sc_layouts_logo img {
  max-height: 5.5em; !important
}

:not(#\ ):not(#\ ):not(#\ ).buttonizer-group-0-0-1 {
	bottom: 2.7% !important;
	right: 14% !important;
}

.trx_addons_scroll_to_top.show {
	opacity: 0 !important;
}

.goog-te-gadget img{
    display:none !important;
}
body > .skiptranslate {
    display: none;
}
body {
    top: 0px !important;
}




@media (max-width: 1024px) {
    .elementor-18033 .elementor-element.elementor-element-9256073:not(.elementor-motion-effects-element-type-background), .elementor-18033 .elementor-element.elementor-element-9256073 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-position: -210px 0px;
    }
	
	#slider-1-slide-1-layer-9 {
		font-size: 15px !important;
	}
	
	
	.postid-20888 .post_header_wrap_style_style-1 .post_featured.post_featured_bg {
  		background-image: url(https://sailingedisa.gr/wp-content/uploads/2024/10/sunset_mobile.jpg) !important;
	}
	
}



@media  screen and (min-width: 770px) {
:not(#\ ):not(#\ ):not(#\ ).buttonizer-group-0-0-1 {
	bottom: 2.7% !important;
	right: 5% !important;
}
	
	.post_header_wrap_style_style-1 .post_featured.post_featured_bg {
		padding-top: 400px;
	}
	
}




/* 1. Make sure all text inside inputs and textareas are black */
.form-style-1 .style-line input,
.form-style-1 .style-line textarea {
    color: black !important; /* Text color */
}

/* 2. Ensure placeholder text inside inputs and textareas is black */
.form-style-1 .style-line input::placeholder,
.form-style-1 .style-line textarea::placeholder {
    color: black !important; /* Placeholder text color */
}

/* 3. Make sure the icons (if they are font icons like FontAwesome) are black */
.form-style-1 .style-line i,
.form-style-1 .style-line span {
    color: black !important; /* Icon and text color */
}

/* 4. If icons are images, target them */
.form-style-1 .style-line img {
    filter: grayscale(0) brightness(0) invert(0); /* Remove color filter */
    -webkit-filter: grayscale(0) brightness(0) invert(0); /* Safari */
}

/* 5. Specific styling for span labels or spans with icons inside */
.form-style-1 .style-line.icon-name,
.form-style-1 .style-line.icon-email,
.form-style-1 .style-line.icon-phone,
.form-style-1 .style-line.icon-subject,
.form-style-1 .style-line.icon-textarea {
    color: black !important; /* For icon labels */
}



<style>
/* Attempt to hide branding at the bottom of the widget */
.elfsight-app-d65694b3-8170-43b8-9729-c1460ab38773 iframe {
  pointer-events: none;
}

/* Try hiding common Elfsight footer container classes */
[class*="elfsight"], 
[class*="efs-widget"], 
[class*="elfsight-app"] > div:last-child {
  display: none !important;
}
</style>


/* Top-level menu item: "Book now" */
#menu-item-20209 > a,
#menu-item-20209 > a span {
  color: #000000 !important;
}

/* Hover color for "Book now" */
#menu-item-20209 > a:hover,
#menu-item-20209 > a:hover span {
  color: #000000 !important;
}

/* Sub-menu links under "Book now" */
#menu-item-20209 .sub-menu a,
#menu-item-20209 .sub-menu a span {
  color: #000000 !important;
  background-color: #ffffff !important; /* optional */
}

/* Hover on sub-menu items */
#menu-item-20209 .sub-menu a:hover,
#menu-item-20209 .sub-menu a:hover span {
  color: #222222 !important;
  background-color: #f0f0f0 !important;
}