/*
Theme Name: Vivah Partner Theme
Theme URI: https://dreamepoint.in
Template: everafter-wedding
Author: DMBSAM
Author URI: https://dreamepoint.in
Description: A child theme of Vivah Partner created to customize the homepage hero section with a search form, while preserving parent theme updates and ensuring scalable, governance-driven design.
Tags: one-column,two-columns,three-columns,four-columns,grid-layout,custom-background,custom-logo,custom-menu,custom-header,editor-style,featured-images,footer-widgets,sticky-post,full-width-template,theme-options,translation-ready,threaded-comments,blog,photography
Version: 1.1771696990
Updated: 2026-02-21 18:03:10

*/

/* ===== Hero Section Search Box Styling ===== */

.partner-search-box {
  background: #ffeb3b; /* bright yellow background */
  padding: 20px;
  border-radius: 8px;
  max-width: 400px;
  text-align: left;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  z-index: 10;
}

/* Heading */
.partner-search-box h3 {
  margin-bottom: 15px;
  color: #333;
  font-size: 20px;
  text-align: center;
}

/* Labels */
.partner-search-box label {
  display: block;
  margin-top: 10px;
  font-weight: bold;
  color: #222;
}

/* Dropdowns */
.partner-search-box select {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

/* Button */
.partner-search-box button {
  background: #e63946; /* red button */
  color: #fff;
  border: none;
  padding: 12px;
  width: 100%;
  margin-top: 15px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
.partner-search-box button:hover {
  background: #d62828;
}

/* ===== Alignment Options ===== */

/* Option 1: Overlay Center (form image के बीच में आएगा) */
#banner-section-first .main-banner-main {
  position: relative;
}
.partner-search-box.overlay-center {
  position: absolute;
  top: 60%;
  left:40%;
  transform: translate(-90%, -10%);
}

/* Option 2: Below Center (form image के नीचे center में आएगा) */
.partner-search-box.below-center {
  margin: 20px auto;
}

/* ===== Responsive Adjustments ===== */
@media (max-width: 768px) {
  .partner-search-box {
    position: static !important;
    transform: none !important;
    margin: 20px auto;
    width: 90%;
  }
}