/*
Theme Name: Marina Child
Description: A child theme of Marina Theme
Version: 1.0.0
Text Domain: marina
Template: marina
*/


/* Cards Animation */

.css_animation_down { visibility: hidden; }
.css_animation_down.block_wrap-text_down { visibility: visible; }

.css_animation_up { visibility: hidden; }
.css_animation_up.block_wrap-text_up { visibility: visible; }

.css_animation_right { visibility: hidden; }
.css_animation_right.block_wrap-text_right { visibility: visible; }

.css_animation_left { visibility: hidden; }
.css_animation_left.block_wrap-text_left { visibility: visible; }

.block_wrap-text_down {
    transition: 1s ease-out;
    transition-delay: 0.4s;
    position: relative;
    overflow: hidden;
    clip-path: inset(0 0 100% 0);
}

.animating .block_wrap-text_down {
    clip-path: inset(0 0 0 0);
    visibility: visible;
}

.block_wrap-text_up {
    transition: 1s ease-out;
    transition-delay: 0.4s;
    position: relative;
    overflow: hidden;
    clip-path: inset(100% 0 0 0);
}

.animating .block_wrap-text_up {
    clip-path: inset(0 0 0 0);
    visibility: visible;
}

.block_wrap-text_right {
    transition: 1s ease-out;
    transition-delay: 0.4s;
    position: relative;
    overflow: hidden;
    clip-path: inset(0 100% 0 0);
}

.animating .block_wrap-text_right {
    clip-path: inset(0 0 0 0);
    visibility: visible;
}

.block_wrap-text_left {
    transition: 1s ease-out;
    transition-delay: 0.4s;
    position: relative;
    overflow: hidden;
    clip-path: inset(0 0 0 100%);
}

.animating .block_wrap-text_left {
    clip-path: inset(0 0 0 0);
    visibility: visible;
}


.sani_paragraph .elementor-widget-container p{
    color: #fff;
}


/*Custom Button*/
.button_rotate img{ 
  transition: 300ms all ease-in-out;
}

.button_rotate img:hover{ 
  transform: rotate(29deg);
}


/*Contact Form Style*/
.shortcode_style form{ text-align: center;}

.shortcode_style .wpforms-field-container,
.shortcode_style .wpforms-field-container .wpforms-field.wpforms-field-email{
  display: flex;
  justify-content: center;
}

.shortcode_style .wpforms-field { width: 450px !important;}

input.wpforms-field-medium {
  text-align: center !important;
  border-radius: 0px !important;
}

.shortcode_style .wpforms-field-label { display: none;}

.shortcode_style .wpforms-submit{
  border-radius: 0px !important; 
  width: 110px;
}


/* Contact form btn */
.wpforms-submit{
  background-color: #585F77 !important;
  transition: all 350ms ease-in-out !important;
}

.wpforms-submit:hover{
  background-color: #76b1c4  !important;
}

.pop_up:hover {z-index: 999;}

.custom-header {
    position: absolute !important;
}

.hover-white-font:hover h2{
    color: #fff !important;
}

.hover-white-font:hover p{
    color: #fff !important;
}


.nd_booking_alert_msg {
    position: fixed;
    bottom: 20px !important;
    right: 20px !important;
    background-color: #585F77 !important;
    padding: 20px;
    z-index: 9;
    display: none;
    cursor: pointer;

    /* Fixed dimensions */
    width: 130px !important;
    height: 140px !important;

    border-radius: 50% !important; /* Keeps it circular */
}

.nd_booking_alert_msg p {
    color: #fff;
    line-height: 23px !important;
    padding-left: 10px !important;
    padding-top: 10px !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
}

.nd_booking_float_left {
    display: none !important;
}
html, body {
    margin: 0px;
    padding: 0px;
    width: 100%;    
	overflow-x: hidden !important;
}

.border-top-bottom {
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  border-radius: 0px;
  padding: 0px;
}


/*404 Page*/

#start_nicdark_framework .nicdark_grid_6.nicdark_text_align_right h1 strong{
  font-size: 220px !important;
  height: 320px;
}
#start_nicdark_framework .nicdark_grid_6.nicdark_text_align_left {justify-items: center !important;}

#start_nicdark_framework .searchform {justify-items: center !important;}

#start_nicdark_framework .nicdark_section {
  justify-items: center !important;
  margin-bottom: 50px !important;
}

.error404 .elementor-10814 .elementor-element.elementor-element-65e0376 .nd_elements_navigation_component ul.menu > li a {
    padding: 0px 20px;
    letter-spacing: 2px;
    color: #7E7E7E;
}

.error404 .custom-header {
  position: static;
}

/* Tablet (<= 1024px) */
@media (max-width: 1024px) {
  #start_nicdark_framework .nicdark_grid_6.nicdark_text_align_right h1 strong{
    font-size: 140px !important;
    height: auto;
    line-height: 1;
  }

  #start_nicdark_framework .nicdark_section {
    margin-bottom: 35px !important;
  }

  .error404 .elementor-10814 .elementor-element.elementor-element-65e0376
  .nd_elements_navigation_component ul.menu > li a {
    padding: 0px 14px;
    letter-spacing: 1px;
  }
}


/* Phones (<= 767px) */
@media (max-width: 767px) {
  /* Make both columns behave nicely on mobile */
  #start_nicdark_framework .nicdark_grid_6.nicdark_text_align_right,
  #start_nicdark_framework .nicdark_grid_6.nicdark_text_align_left {
    width: 100% !important;
    text-align: center !important;
    justify-items: center !important;
  }

  #start_nicdark_framework .nicdark_grid_6.nicdark_text_align_right h1 strong{
    font-size: 90px !important;
    height: auto;
    line-height: 1;
  }

  /* Center search form */
  #start_nicdark_framework .searchform {
    justify-items: center !important;
    width: 100%;
  }

  /* Reduce spacing */
  #start_nicdark_framework .nicdark_section {
    margin-bottom: 25px !important;
  }

  /* Menu links: smaller padding + tighter tracking */
  .error404 .elementor-10814 .elementor-element.elementor-element-65e0376
  .nd_elements_navigation_component ul.menu > li a {
    padding: 0px 10px;
    letter-spacing: 1px;
    font-size: 13px; /* optional */
  }
	
	.error404 .nicdark_grid_12.nicdark_text_align_center.nicdark_404_search_section {
		text-align: center !important;
	  }
}


/* Very small phones (<= 480px) */
@media (max-width: 480px) {
  #start_nicdark_framework .nicdark_grid_6.nicdark_text_align_right h1 strong{
    font-size: 64px !important;
  }

  .error404 .elementor-10814 .elementor-element.elementor-element-65e0376
  .nd_elements_navigation_component ul.menu > li a {
    padding: 0px 8px;
    letter-spacing: 0.5px;
    font-size: 12px; /* optional */
  }
}

/* 404 header positioning (keep only one rule) */
.error404 .custom-header {
  position: static !important;
}


/* Back to Home */
.back-home-btn{
  position: fixed;
  bottom: 30px;
  left: 30px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  background: #585F77;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none !important;
  border-radius: 50px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 999999;
}

.back-home-btn i{
  color: #ffffff !important;
  font-size: 16px;
}

.back-home-btn:hover{
  background: #76B1C4;
  transform: translateY(-3px);
  color: #ffffff !important;
}

.back-home-btn.show{
  opacity: 1;
  visibility: visible;
}

/* Mobile: μόνο icon */
@media (max-width: 600px){
  .back-home-btn{
    left: 16px;
    bottom: 16px;
    width: 52px;
    height: 52px;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
    gap: 0;
  }

  .back-home-btn span{
    display: none !important;
  }

  .back-home-btn i{
    font-size: 18px;
  }
}



/* Back To Top (pure CSS) */
.back-to-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 66px;
  height: 66px;
  border-radius: 50% !important; /* makes it circle */
  border: none;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all .25s ease;

  z-index: 2147483647;

  background: #585F77 !important; /* your color */
  color: #fff;  
  font-size: 23px !important;
  line-height: 1;
}

.back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.back-to-top:hover {
  background: #76B1C4 !important; /* slightly darker hover */
}

.back-to-top:active {
  transform: scale(0.95);
}

.grecaptcha-badge {
    bottom: 140px !important;
	z-index: 999 !important;
}