/* -------------------------- */
/* somae landing page styling */
/* -------------------------- */
.vertical-center { 
  display: flex;
  justify-content: center; /* center horizontally */
  align-items: center;     /* center vertically */
  height: 100vh;           /* full viewport height */
}

.scompress-section { /* squezes the featured article section */
  display: flex;
  justify-content: center; /* center horizontally */
  align-items: center;     /* center vertically */
  height: 600px;
}

.ssizer { /* resizes the image */
  width: 600px;
  height: auto;
}
.somae-fcopy {
  color: #333;
}

/* ----------------------------- */
/* call to action - landing page */
/* Load More button */
/* ----------------------------- */
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    background-color: #fafafa;
    color: #333;
    border: 1px #333;
}
/* Hover effect */
.vc_btn3:hover {
  background-color: #005bb5; /* darker hover */
  color: #fff;
}
/* custom button colors */
.vc_btn3 {
  background-color: transparent;  /* Blue background */
  border: 1px solid #333; /* Dark border */
  color: #333;               /* Text color */
  border-radius: 0;        /* Optional rounded corners */
}

/* Hover effect */
.vc_btn3:hover {
  background-color: #333;
  border-color: transparent;
  color: #fff;
}

/* ---------------------------------------------------------- */
/* ------------------- WPForms Custom CSS ------------------- */
/* ---------------------------------------------------------- */

.wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */
    font-family: 'Lato', Arial, sans-serif; /* Modern browsers */
    font-size: 14px; /* Adjust size if needed */
    color: #ffffff;
}
  
.wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: 'Lato', Arial, sans-serif; /* Modern browsers */
    font-size: 14px; /* Adjust size if needed */
    opacity: 1;
}
  
.wpforms-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: 'Lato', Arial, sans-serif; /* Modern browsers */
    font-size: 14px; /* Adjust size if needed */
    opacity: 1;
}

.wpforms-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'Lato', Arial, sans-serif; /* Modern browsers */
    font-size: 14px; /* Adjust size if needed */
    opacity: 1;
}
  
.wpforms-container ::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'Lato', Arial, sans-serif; /* Modern browsers */
    font-size: 14px; /* Adjust size if needed */
    opacity: 1;
}
  
.wpforms-container ::placeholder {
    font-family: 'Lato', Arial, sans-serif; /* Modern browsers */
    font-size: 14px; /* Adjust size if needed */
    opacity: 1;
}


/* Center the form container */
.wpforms-container.wpf-center {
    margin: 0 auto;
    max-width: 350px;
    width: 350px;
}

/* Center submit button and make it full width */
.wpf-center .wpforms-submit-container {
    display: inline-block;
    text-align: center;
    width: 100%;
}
/* Center page break elements */
.wpf-center .wpforms-field-pagebreak {
    display: inline-block;
    text-align: center;
    width: 100%;
}

/* ------------------------------------------------------------- */
/* WPBakery Post Masonry Grid - show only featured image + title */
/* ------------------------------------------------------------- */
.vc_gitem-post-data-source-post_excerpt,
.vc_gitem-post-meta,
.vc_gitem-zone-c,
.vc_gitem-post-data-source-post_date,
.vc_gitem-post-data-source-post_author,
.vc_gitem-post-data-source-post_categories,
.vc_gitem-post-data-source-post_tags,
.vc_gitem-read-more {
  display: none !important;
}

/* Optional: make sure title stays under image */
.vc_gitem-post-data-source-post_title {
  display: block;
  text-align: center; /* adjust as needed */
  margin-top: 10px;
}

.vc_gitem-zone.vc_gitem-zone-a img {
  object-fit: cover; /* or contain */
  width: 300px;
  height: 400px;
}

/* -------------------------------------------------------- */
/* Small devices (larger phones, small tablets in portrait) */
/* -------------------------------------------------------- */
@media (max-width: 500px) {
  .somae-logo {
    width: 180px; height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;}
    }    
}