/**
Theme Name: maharashtra Tourism
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maharashtra-tourism
Template: astra
*/


/* Top header */
.ast-above-header-bar .site-above-header-wrap {
  max-height: 50px;
}

.site-header-primary-section-center h2{
  /* font-size: 18px;
  font-weight: 600;
  color: #222222; */
  margin-bottom: 0px;
  text-align: center;
}

/* Accessibility Toolbar */
.accessibility-toolbar {
  background-color: #fcf8f0; /* Matches the dark blue bar in your image */
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

/* Base Button Styles */
.acc-btn {
  background: transparent;
  color: #222222;
  border: none;
  font-family: Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  width: auto;
  height: auto;
  padding: 0 5px;
  cursor: pointer;
  display: inline;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

/* Hover state for blue buttons */
.acc-btn:hover {
  opacity: 0.6;
}

/* Light Theme Box Style (White background, Dark text) */
.acc-btn.light-box {
  background-color: transparent;
  color: #222222;
  border: none;
}

/* Dark Theme Box Style (Dark background, Light text, Thick border) */
.acc-btn.dark-box {
  background-color: transparent;
  color: #222222;
  border: none;
}

/* Active Highlight Border (Optional cue for font buttons) */
.acc-btn.active {
  font-weight: bold;
}

/* --- Accessibility Target Styling --- */
/* These classes will be applied to the body tag via jQuery */
body.large-text {
  font-size: 120% !important;
}
body.small-text {
  font-size: 85% !important;
}

/* Dark/High Contrast Mode override rules */
body.dark-contrast-mode {
  background-color: #121212 !important;
  color: #ffffff !important;
}
body.dark-contrast-mode p, 
body.dark-contrast-mode h1, 
body.dark-contrast-mode h2, 
body.dark-contrast-mode h3, 
body.dark-contrast-mode li,
body.dark-contrast-mode span {
  color: #fffffa !important;
}
body.dark-contrast-mode a {
  color: #3399ff !important;
}

.ast-builder-language-switcher-menu {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 2. List Items & Dividers */
.ast-builder-language-switcher-menu-item-header {
  display: inline-flex;
  align-items: center;
}

/* Creates a vertical divider element between list items.
   Using :not(:last-child) ensures a divider isn't placed after the final language.
*/
.ast-builder-language-switcher-menu-item-header:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;             /* Matches the font size for visual balance */
  background-color: #cccccc; /* Soft grey color for the divider */
  margin: 0 12px;           /* Adjusts spacing on left & right of divider */
}

/* 3. Language Link Styling */
.ast-builder-language-switcher-menu .ast-builder-language-switcher-item {
  color: #000000 !important;       /* Deep black font color */
  font-weight: 600 !important;     /* Bold weight */
  font-size: 14px !important;      /* 14px font size */
  text-decoration: none !important; /* Removes default underline */
  line-height: 1;
  transition: opacity 0.2s ease;
}
.ast-builder-language-switcher-menu-item-header:not(:last-child){
  margin-right: 0px !important;
}

/* Custom properties for a modern, sleek palette */
:root {
  --card-bg: #ffffff;
  --text-dark: #0f172a;
  --text-muted: #64748b;
  --primary: #4f46e5;       /* Indigo primary */
  --primary-hover: #4338ca;
  --border-color: #f1f5f9;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
  --shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

/* Responsive Grid Layout */
.tourism-grid.cols-4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
  padding: 30px;
  font-family: system-ui, -apple-system, sans-serif;
  background-color: #f8fafc; /* Light modern backdrop */
}

/* Sleek Minimalist Card */
.policy-card {
  background: var(--card-bg);
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--shadow-sm);
}

/* Lift on Hover */
.policy-card:hover {
  transform: translateY(-4px);
  border-color: #cbd5e1;
  box-shadow: var(--shadow-md);
}

/* Card Title */
.policy-card h3 {
  margin: 0 0 20px 0;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-dark);
  letter-spacing: -0.02em;
}

/* Base styles for all links */
.policy-card a {
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

/* Primary "Apply" Button - Spans full width */
.policy-card .apply-btn {
  background: var(--primary);
  color: #ffffff;
  padding: 12px;
  border-radius: 10px;
  margin-bottom: 12px;
  width: 100%;
  box-sizing: border-box;
}

.policy-card .apply-btn:hover {
  background: var(--primary-hover);
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25);
}

/* Language links container - forces side-by-side alignment */
.policy-card .eng-btn,
.policy-card .mar-btn {
  width: calc(50% - 6px);
  display: inline-flex;
  padding: 10px;
  border-radius: 8px;
  background: #f8fafc;
  color: var(--text-muted);
  border: 1px solid #e2e8f0;
  box-sizing: border-box;
}

/* Push the Marathi button to the right */
.policy-card .eng-btn {
  margin-right: 12px;
}

/* Hover effects for English & Marathi document links */
.policy-card .eng-btn:hover,
.policy-card .mar-btn:hover {
  background: #f1f5f9;
  color: var(--text-dark);
  border-color: #cbd5e1;
}

/* Micro-interaction when clicked */
.policy-card a:active {
  transform: scale(0.97);
}