/* -----------------------------------------------------------
   custom.css
   Loaded AFTER bootstrap.min.css, so anything here overrides
   Bootstrap defaults. Add your own theme styling below.
   ----------------------------------------------------------- */

:root {
	--bs5-theme-primary: #0d6efd; /* change to your brand color */
	--my-pick :#007BFF;
	--sky-blue:#008CFF ; /*More vivid and modern. Gives the navigation a lively holiday feel.*/
	--turquoise-blue:#00A6D6; /*A fresh, tropical travel color that still connects with the mountains and sky.*/
	--logo-orange:#E64D50;
}

html, body {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}


.site-main {
	flex: 1 0 auto;

}

/* Belt-and-suspenders: guarantee the primary nav lays out
   horizontally from the md breakpoint up, even if some other
   stylesheet on the site tries to override Bootstrap's own
   navbar-expand-* media query. */
@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav,
	.navbar-expand-lg .navbar-nav {
		flex-direction: row !important;
	}
	.navbar-expand-md .navbar-collapse,
	.navbar-expand-lg .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
	}
}

/* -----------------------------------------------------------
   Top bar (logo, tagline, click-to-call) — used in header.php
   ----------------------------------------------------------- */
.topbar {
	position: relative;
	color: #fff;
}

/*.topbar-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	z-index: 0;
}
*/
.topbar .container {
	position: relative;
	z-index: 1;
}

.topbar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
	padding: .75rem 0;
}

.topbar-logo-badge img {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-height: 5rem;
	width: auto;
  filter: drop-shadow(8px 8px 6px rgba(0, 0, 0, 0.3));
}

.topbar-tagline {
	flex: 1 1 auto;
	text-align: center;
	font-size: 1.5rem;
	color: var(--logo-orange);
	font-weight: bold;
	filter: drop-shadow(8px 8px 6px rgba(0, 0, 0, 0.3));
}

.topbar-contact a {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	font-size: 1.3rem;
	color: var(--logo-orange);
	text-decoration: none;
	font-weight: 600;
	filter: drop-shadow(8px 8px 6px rgba(0, 0, 0, 0.3));
}

.topbar-contact a:hover {
	color: #ffc107;
}

.topbar-contact .bi {
	font-size: 22px;
	width: 22px;
	height: 22px;
}

.navbar {
    /*background-color: #007BFF;*/
    background-color: var(--sky-blue);
}

.navbar .nav-link {
    color: #ffffff;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: #ff6b35;
}
.nav-item .nav-link {
	font-weight: bold;
	color: #ffffff;
	font-size: 1.1rem;
}

/*/*
Source - https://stackoverflow.com/a/70266737
Posted by Kenny Eliason, modified by community. See post 'Timeline' for change history
Retrieved 2026-09-18, License - CC BY-SA 4.0
*/

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu .dropdown-menu {
    top: 0; left: 95%; margin-top: -1px;
}

@media (max-width: 992px)
{
    .dropdown-menu {
        padding: .5rem 0;
        margin: .125rem 0 0;
    }
    li > ul > li > ul > li > .dropdown-item {
        padding: .25rem 3rem;
    }
    li > ul > li > ul > li > .dropdown-item:before {
        content: '• ';
    }
}


main {
	background-color: #ffffff;
	font-size: 1.1rem;
	text-align: justify;
	filter: drop-shadow(8px 8px 6px rgba(0, 0, 0, 0.3));
}

.hero-image-container {
	padding: 1rem;
  /* Blends a 50% dark overlay on top of your background image */
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
              url('your-image.jpg') no-repeat center center/cover;
  color: #ffffff;
}
@media (max-width: 575.98px) {
	.topbar-tagline {
		display: none; /* keep the mobile top bar compact */
	}
}

/* Block editor "wide"/"full" alignment: makes the align-wide theme
   support actually break blocks out of Bootstrap's .container, since
   WordPress only adds the .alignwide/.alignfull class — the widening
   itself is up to the theme's CSS. */
.alignwide {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* Example: override Bootstrap's primary button color */
/*
.btn-primary {
	background-color: var(--bs5-theme-primary);
	border-color: var(--bs5-theme-primary);
}
*/
.wp-block-accordion-heading, .accordion-button { /*/bootstrap accordion*/
	background-color: var(--turquoise-blue);
	color:#ffffff;
	font-weight: bold;
}

.accordian-title-style{ /* wp block accordion */
	font-size: 18px;
	font-weight: bold;
	padding:5px;
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
  color: var(--wp--preset--color--white) !important;
}


.lead {
  font-size: 1.35rem;         /* Slightly larger than Bootstrap's 1.25rem */
  font-weight: 400;           /* 300 can be too thin and hard to read on low-res screens */
  font-style: italic; /* Slants the te
  line-height: 1.65;          /* More breathing room between lines */
  letter-spacing: -0.01em;    /* Tighter tracking looks premium at larger sizes */
  color: var(--bs-gray-800);  /* Softens pure black for a more elegant feel */
}

.img-full {
  width: 100%;
  height: auto; /* Or height: 100% if the parent container has a fixed height */
  object-fit: cover;
  max-height: 500px;
}

/*//Sidebar List font-style*/
.taxonomy-page-list {
	list-style: none;

}

.taxonomy-page-list a {
text-decoration: none;
color: #212529;
font-weight: 500;
	
}

.taxonomy-page-list a:hover {
text-decoration:underline;

	
}
.wp-block-heading, .tour-booking-heading {
	color: var(--my-pick);
	font-weight: 500;
	font-size: 1.4rem;
	
}
.home-hero .lead {
	color: #ffffff;
}.tour-booking-heading {
	background-color:var(--my-pick);
	text-align: center;
	color: #ffffff;
	font-weight: 500;
	font-size: 1.4rem;
	padding: 5px 0;

}
.accordion-button::after {
  --bs-accordion-btn-icon-width: 1.5rem;
  filter: brightness(0) invert(1);
}


/* Especial Vacations — page-about.php / page-contact.php
   Matches the existing site: red brand accent, blue nav/section headings,
   white content card floating over a full-width background photo. */

:root{
  --ev-red:#c0392b;
  --ev-blue:#1c63b7;
  --ev-blue-dark:#0f4a91;
  --ev-ink:#2b2b2b;
  --ev-line:#e5e5e5;
}

.ev-banner{
  width:100%;
  min-height:340px;
  background:
    linear-gradient(180deg, rgba(10,20,35,0.15), rgba(10,20,35,0.35)),
    linear-gradient(120deg,#7a8fa6 0%,#c9d3da 35%,#eef1f3 55%,#8a9aad 100%);
  /* Replace the gradient above with your real hero photo:
     background-image: url('/wp-content/uploads/your-himalaya-photo.jpg');
     background-size: cover; background-position: center; */
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem 1rem;
}

.ev-content-card{
  max-width:900px;
  margin:-90px auto 3rem;
  background:#fff;
  border:1px solid var(--ev-line);
  box-shadow:0 6px 24px rgba(0,0,0,0.08);
  padding:2.2rem 2.6rem 2.8rem;
  position:relative;
  z-index:2;
}

.ev-content-card h1{
  font-size:1.6rem;
  font-weight:600;
  color:var(--ev-ink);
  margin:0 0 1.4rem;
  font-family:Georgia, 'Times New Roman', serif;
}

.ev-content-card p{
  font-size:0.98rem;
  line-height:1.65;
  color:#333;
  margin:0 0 1rem;
}

.ev-content-card h2{
  font-size:1.15rem;
  color:var(--ev-blue);
  margin:1.8rem 0 0.6rem;
  font-weight:600;
}
/* Especial Vacations — page-about.php / page-contact.php
   Matches the existing site: red brand accent, blue nav/section headings,
   white content card floating over a full-width background photo. */

:root{
  --ev-red:#c0392b;
  --ev-blue:#1c63b7;
  --ev-blue-dark:#0f4a91;
  --ev-ink:#2b2b2b;
  --ev-line:#e5e5e5;
}

.ev-content-card{
  max-width:900px;
  margin:2.5rem auto 3rem;
  background:#fff;
  border:1px solid var(--ev-line);
  box-shadow:0 6px 24px rgba(0,0,0,0.08);
  padding:2.2rem 2.6rem 2.8rem;
  position:relative;
  z-index:2;
}

/* Images placed inside the card's own content (e.g. your "About Us" hero
   photo, added via the editor) sit flush with the card's edges. */
.ev-content-card img{
  max-width:100%;
  height:auto;
  display:block;
}
.ev-content-card > *:first-of-type{
  margin-top:0;
}

/* Tables inside the content card (e.g. Bank Transfer Details) */
.ev-content-card table{
  width:100%;
  border-collapse:collapse;
  margin:0.5rem 0 1.6rem;
  font-size:0.92rem;
}
.ev-content-card table td,
.ev-content-card table th{
  border:1px solid var(--ev-line);
  padding:0.65rem 0.9rem;
  text-align:left;
  vertical-align:top;
  color:#333;
}
.ev-content-card table th{
  background:var(--ev-blue);
  color:#fff;
  font-weight:600;
}
/* First column of a two-column info table (e.g. "Beneficiary Name",
   "Bank Name" labels) reads as a header even without a <th>. */
.ev-content-card table td:first-child{
  background:#f4f7fb;
  font-weight:600;
  color:var(--ev-blue-dark);
  width:32%;
  white-space:nowrap;
}
.ev-content-card table tr:nth-child(even) td:not(:first-child){
  background:#fafafa;
}
@media (max-width:600px){
  .ev-content-card table,
  .ev-content-card table tbody,
  .ev-content-card table tr,
  .ev-content-card table td{
    display:block;
    white-space:normal;
  }
  .ev-content-card table td:first-child{width:auto}
  .ev-content-card table tr{
    margin-bottom:0.8rem;
    border:1px solid var(--ev-line);
  }
  .ev-content-card table td{border:none;border-bottom:1px solid var(--ev-line)}
  .ev-content-card table td:last-child{border-bottom:none}
}

.ev-content-card h1{
  font-size:1.6rem;
  font-weight:600;
  color:var(--ev-ink);
  margin:0 0 1.4rem;
  font-family:Georgia, 'Times New Roman', serif;
}

.ev-content-card p{
  font-size:0.98rem;
  line-height:1.65;
  color:#333;
  margin:0 0 1rem;
}

.ev-content-card h2{
  font-size:1.15rem;
  color:var(--ev-blue);
  margin:1.8rem 0 0.6rem;
  font-weight:600;
}

.ev-hero-img{
  width:100%;
  display:block;
  margin-bottom:1.6rem;
  border:1px solid var(--ev-line);
}

/* Contact page */
.ev-contact-grid{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:2.4rem;
}

/* Contact Form 7 — style its default markup to match the site */
.ev-contact-grid .wpcf7-form p{
  margin:0 0 1.1rem;
}
.ev-contact-grid .wpcf7-form label{
  display:block;
  font-size:0.85rem;
  color:#555;
  font-weight:600;
  margin-bottom:0.35rem;
}
.ev-contact-grid .wpcf7-form input[type="text"],
.ev-contact-grid .wpcf7-form input[type="email"],
.ev-contact-grid .wpcf7-form input[type="tel"],
.ev-contact-grid .wpcf7-form input[type="number"],
.ev-contact-grid .wpcf7-form textarea,
.ev-contact-grid .wpcf7-form select{
  width:100%;
  font:inherit;
  font-size:0.95rem;
  padding:0.6rem 0.7rem;
  border:1px solid var(--ev-line);
  border-radius:3px;
  color:var(--ev-ink);
  background:#fafafa;
}
.ev-contact-grid .wpcf7-form input:focus,
.ev-contact-grid .wpcf7-form textarea:focus,
.ev-contact-grid .wpcf7-form select:focus{
  outline:none;
  border-color:var(--ev-blue);
  background:#fff;
}
.ev-contact-grid .wpcf7-form textarea{
  resize:vertical;
  min-height:100px;
}
.ev-contact-grid .wpcf7-form input[type="submit"]{
  margin-top:0.4rem;
  padding:0.75rem 1.8rem;
  background:var(--ev-red);
  color:#fff;
  border:none;
  border-radius:3px;
  font:inherit;
  font-size:0.95rem;
  font-weight:600;
  cursor:pointer;
}
.ev-contact-grid .wpcf7-form input[type="submit"]:hover{
  background:var(--ev-blue-dark);
}
.ev-contact-grid .wpcf7-form-control-wrap{
  display:block;
}
.ev-contact-grid .wpcf7-not-valid-tip{
  color:var(--ev-red);
  font-size:0.82rem;
  margin-top:0.3rem;
}
.ev-contact-grid .wpcf7-response-output{
  margin-top:1rem !important;
  border-radius:3px;
  font-size:0.9rem;
}
.ev-field{margin-bottom:1.1rem}
.ev-field label{
  display:block;font-size:0.85rem;color:#555;margin-bottom:0.35rem;font-weight:600;
}
.ev-field input,.ev-field textarea{
  width:100%;font:inherit;font-size:0.95rem;padding:0.6rem 0.7rem;
  border:1px solid var(--ev-line);border-radius:3px;color:var(--ev-ink);background:#fafafa;
}
.ev-field input:focus,.ev-field textarea:focus{
  outline:none;border-color:var(--ev-blue);background:#fff;
}
.ev-field textarea{resize:vertical;min-height:100px}
.ev-send{
  margin-top:0.4rem;padding:0.75rem 1.8rem;background:var(--ev-red);color:#fff;
  border:none;border-radius:3px;font:inherit;font-size:0.95rem;font-weight:600;cursor:pointer;
}
.ev-send:hover{background:var(--ev-blue-dark)}
.ev-notice{margin-top:1rem;font-size:0.9rem;color:var(--ev-blue-dark);font-weight:600}

.ev-info-row{
  display:flex;justify-content:space-between;padding:0.75rem 0;
  border-bottom:1px solid var(--ev-line);font-size:0.95rem;
}
.ev-info-row span:first-child{color:#666;font-weight:600}
.ev-info-row a{color:var(--ev-blue);text-decoration:none}
.ev-office{margin-top:1.4rem}
.ev-office b{display:block;color:var(--ev-blue);margin-bottom:0.2rem}
.ev-office p{font-size:0.9rem;margin:0}

@media (max-width:820px){
  .ev-content-card{margin-top:-50px;padding:1.6rem}
  .ev-contact-grid{grid-template-columns:1fr}
}

.entry-content,
.page-content-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}
/* Make the form take full width of its container */
.wpcf7 {
    background-color: #f9f9f9;
    padding: 25px;
    border-radius: 8px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.wpcf7 form {
    width: 100%;
}

.wpcf7 p {
    width: 100%;
}

/* Text Input Field Styles */
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=url],
.wpcf7 input[type=tel],
.wpcf7 input[type=number],
.wpcf7 .wpcf7-select {
    font-size: 16px;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.wpcf7 textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    color: #333;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 12px;
}

/* Submit button */
.wpcf7 input[type=submit] {
    padding: 12px 35px;
    background: #0073aa;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border: 0 none;
    cursor: pointer;
    border-radius: 5px;
}*/


.wpcf7 form {
    width: 100%;
}

.wpcf7 p {
    width: 100%;
}

/* This is the key fix — the wrapping span around each field */

.wpcf7 .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=url],
.wpcf7 input[type=tel],
.wpcf7 input[type=number],
.wpcf7 .wpcf7-select {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.wpcf7 textarea {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
.wpcf7 input.wpcf7-form-control {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.wpcf7 input.wpcf7-form-control {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.wpcf7-quiz-lable {
  font-size: 1.5rem;
  font-weight:bold;
}