/* 
	Theme Name: Hello Elementor Child
	Theme URI: https://elementor.com/themes/hello-theme/
	Description: Hello Elementor Child 
	Theme Author: HvH
	Author URI: http://yourdomain.com
	Template: hello-elementor 
	Version: 1.0.0
	Text Domain: hello-elementor-child
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/


.page .entry-title { display: none; }

.elementor a {
    color: #7A7A7A !important;
    
}

.elementor a:hover {
  color: #71C4EF !important;
}

/* =======================
   HEADER
======================= */
.site-header {
  display: flex;
  justify-content: space-between; /* logo left, nav-wrapper right */
  align-items: center;
  padding: 10px 0 10px !important; /* top 0, left/right 0, bottom 20px */
  /*background: #27343A;*/
  background: linear-gradient(to right, #06162F, #4D718A, #1E452F);
  position: fixed;
  top: 0;
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  z-index: 999;
  margin: 0 !important;
}

/* Logo */
.site-header .logo img {
  max-height: 80px;
  height: auto;
  width: auto;
}

.site-header .logo {
  margin-left: 40px;    /* distance from left */
}

/* Nav wrapper: menu + hamburger */
.nav-wrapper {
  display: flex;
  align-items: center;
  margin-right: 40px;   /* distance from right */
  gap: 10px; /* space between menu and hamburger */
}

/* Desktop menu */
.main-nav-list {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  margin: 0;
  padding: 0;
}

.main-nav-list li a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
}

.main-nav-list li a:hover {
  color: #71C4EF;
}

/* Hamburger button */
.menu-toggle {
  display: none !important; /* hidden on desktop */
  font-size: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  color: #fff !important;
}

.menu-toggle:hover{
      background: #71C4EF;
    
}

/* =======================
   MOBILE STYLES
======================= */

@media (max-width: 768px) {
  /* Logo - smaller margin on mobile */
  .site-header .logo {
    margin-left: 20px; /* reduced from 80px */
  }

  /* Nav wrapper - smaller right margin */
  .nav-wrapper {
    margin-right: 20px;
  }

  /* Hamburger */
  .menu-toggle {
    display: block !important;
    background-color: #6CB5DC;
  }

  /* Mobile menu */
  .main-nav-list {
    flex-direction: column;
    position: absolute;
    top: 80px;
    right: 0;
    width: 200px;
    padding: 1rem;
    gap: 1rem;
    display: none;
    background: #6CB5DC;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  }

  .main-nav-list.show {
    display: flex;
  }
}


/* FOOTER */

.site-footer {
  width: 100% !important;
  max-width: 100% !important;
  /*background-color: #396A8A; */
  /* 6CB5DCtemp color to visualize area 27343A - #396A8A*/
  padding: 20px 0;
  color: #fff;
  background: linear-gradient(to right, #06162F, #4D718A, #1E452F);
}

.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto;
  padding: 0 40px;
}

/* Left column */
.footer-left {
  display: flex;
  align-items: center;
}

.footer-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin: 0;
  gap:15px;
}

/*Below is to center vertically the text inside <p>*/
.footer-info p {
  display: flex;
  align-items: center;   /* vertical centering */
  justify-content: center; /* optional, for horizontal */
  height: 100%; /* or whatever container height */
  margin: 0;  /* remove all default <p> margins, the gap between the <p> is above in the parent: gap:15px*/
}

.footer-info a{
    color:white !important;
}

.footer-center a{
    color:white !important;
}

/* Center column */
.footer-center {
  text-align: center;
}

 /*Below is to remove the default margin of <p> so the copyright aligns perfectly in the center*/
.footer-center p{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: 100%;
}

/* Right column */
.footer-right {
  display: flex;
  align-items: center;
}

.footer-left {
  order: 1;
}

.footer-center {
  order: 2;
}

.footer-right {
  order: 3;
}

.social-icons {
  display: flex;
  align-items: center;
  gap: 15px;
}

.social-icons svg {
  /*width: 50px;*/
  /*height: 50px;*/
  display: block; /* removes inline baseline spacing */
}   

/* Smooth hover transition for both icons */
.footer-right a svg {
  transition: opacity 0.3s ease, transform 0.2s ease;
}

/* Hover effect */
.footer-right a:hover svg {
  opacity: 0.7;
  transform: scale(1.05);
}

/*Maccai Logo Hover*/
.cls-1:hover { 
    fill: #de0d7b; 
    filter: drop-shadow(0px 0px 10px #fff);
} 

.maccai-designed{
    font-size: 10px;
    display: block;
    margin: -15px 0 5px 0;
}



/* Responsive layout for small screens */
@media (max-width: 768px) {
  .footer-container {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  
  .footer-info {
    align-items: center;
  }

  .footer-left,
  .footer-right {
    justify-content: center;
  }
  
    /* Reorder for mobile */
  .footer-left {
    order: 1;
  }

  .footer-right {
    order: 2;
  }

  .footer-center {
    order: 3;
  }

}


/* Base style for all social icons */
/*.footer-right a svg {*/
/*  transition: all 0.3s ease;*/
/*}*/

/* FACEBOOK hover: lighten the blue */
/*.footer-right a:hover svg path[fill="#1877F2"] {*/
  /*fill: #4d97f9; */
  /* lighter blue */
/*}*/

/* INSTAGRAM hover: slightly brighten the gradient */
/*.footer-right a:hover .instagram path {*/
/*  fill: url(#insta-gradient-hover);*/
/*}*/

/*.footer-right .instagram:hover linearGradient stop[offset="0%"] {*/
/*  stop-color: #f9a34b;*/
/*}*/
/*.footer-right .instagram:hover linearGradient stop[offset="30%"] {*/
/*  stop-color: #e3488b;*/
/*}*/
/*.footer-right .instagram:hover linearGradient stop[offset="60%"] {*/
/*  stop-color: #9d56c2;*/
/*}*/
/*.footer-right .instagram:hover linearGradient stop[offset="100%"] {*/
/*  stop-color: #6b6ae2;*/
/*}*/

/*USE THIS ONLY WHEN SVGs ARE LOADED FROM IMAGES FOLDER*/
/*.social-icons img {*/
/*  width: 40px;*/
/*  height: auto;*/
/*  transition: opacity 0.3s ease;*/
/*}*/
/*.social-icons img:hover {*/
/*  opacity: 0.7;*/
/*}*/

/*.footer-social img:hover {*/
/*  transform: scale(1.1);*/
/*}*/

/*.footer-social svg path {*/
  /*fill: #1877F2; */
  /* Facebook Blue */
/*}*/

/*.footer-social .instagram path {*/
/*  fill: url(#insta-gradient);*/
/*}*/

/*button {*/
/*    color: #000 !important;*/
/*}*/

/*button:hover {*/
/*    background-color: #c36;*/
/*}*/


/*THIS CSS IS THE CONTACT FORM PLUGIN*/


div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label {
    color:#757575 !important;
    font-family: "Roboto", Sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}


.wpforms-submit{
    background-color: #6895ac !important;
    border-radius: 10px !important;
}

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #6CB5DD !important;
    color: #fff;
    text-decoration: none;
}


/* WPForms Lite custom styles */
/*.wpforms-form input[type="text"],*/
/*.wpforms-form input[type="email"],*/
/*.wpforms-form textarea {*/
/*  width: 100%;*/
/*  padding: 12px 15px;*/
/*  border: 1px solid #ccc;*/
/*  border-radius: 8px;*/
/*  background: red;*/
/*  font-size: 16px;*/
/*  color: #333;*/
/*  transition: all 0.2s ease;*/
/*}*/

/*.wpforms-form input[type="text"]:focus,*/
/*.wpforms-form input[type="email"]:focus,*/
/*.wpforms-form textarea:focus {*/
/*  border-color: #0073e6;*/
/*  box-shadow: 0 0 5px rgba(0,115,230,0.3);*/
/*  outline: none;*/
/*}*/

/* Label styling */
/*.wpforms-form label {*/
/*  font-weight: 600;*/
/*  margin-bottom: 5px;*/
/*  display: block;*/
/*  color: #222;*/
/*}*/

/* Submit button */
/*.wpforms-submit {*/
/*  background: #0073e6;*/
/*  color: red ;*/
/*  border: none;*/
/*  padding: 12px 25px;*/
/*  border-radius: 6px;*/
/*  font-size: 16px;*/
/*  font-weight: 600;*/
/*  cursor: pointer;*/
/*  transition: background 0.3s ease;*/
/*}*/

/*.wpforms-submit:hover {*/
/*  background: #005bb5;*/
/*}*/

/* Form layout tweaks */
/*.wpforms-field {*/
/*  margin-bottom: 20px;*/
/*}*/

/*.wpforms-error {*/
/*  color: #d9534f;*/
/*  font-size: 14px;*/
/*}*/