/*
Theme Name: ARCM Web Theme
Theme URI: https://arcm.in
Author: ARCM Web Team
Description: Agriculture-focused modern college theme with dark/light mode, animated slider, and full customizer control.
Version: 3.0.0
License: GNU General Public License v2 or later
Text Domain: ARCM_Web_Theme
Tags: education, agriculture, elementor-ready, responsive-layout, dark-mode
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.4
*/

/* ============================================================
   🌿 AGRICULTURE COLOR PALETTE — CSS Variables
   All colors editable from Customizer → ARCM Settings
   ============================================================ */
:root {
  /* Primary — Forest Green */
  --arcm-primary:       #2c6e49;
  --arcm-primary-light: #3a8f60;
  --arcm-primary-dark:  #1a4d31;

  /* Accent — Wheat/Gold */
  --arcm-gold:          #d4a843;
  --arcm-gold-dark:     #b88c30;

  /* Earth tones */
  --arcm-brown:         #6b4c2a;
  --arcm-earth:         #8B6340;

  /* Neutrals */
  --arcm-cream:         #f4f1e8;
  --arcm-white:         #ffffff;
  --arcm-off-white:     #f0f4f0;
  --arcm-light-gray:    #e2e8e4;
  --arcm-gray:          #6c7c6e;
  --arcm-dark-gray:     #343d36;
  --arcm-black:         #1a2118;

  /* Semantic */
  --arcm-red:           #c0392b;
  --arcm-success:       #27ae60;

  /* Typography */
  --arcm-font-primary:  'Poppins', 'Inter', Arial, sans-serif;
  --arcm-font-heading:  'Merriweather', Georgia, serif;
  --arcm-font-size:     16px;

  /* Sizing */
  --arcm-container-max: 95%; /* Expanded to 95% width per user request */
  --arcm-radius-sm:     4px;
  --arcm-radius-md:     8px;
  --arcm-radius-lg:     16px;
  --arcm-radius-full:   50%;

  /* Shadows */
  --arcm-shadow-sm:  0 1px 4px rgba(0,0,0,.08);
  --arcm-shadow-md:  0 4px 16px rgba(0,0,0,.12);
  --arcm-shadow-lg:  0 8px 32px rgba(0,0,0,.16);

  /* Transitions */
  --arcm-transition: 280ms ease;

  /* Z-index */
  --arcm-z-dropdown: 100;
  --arcm-z-sticky:   200;
  --arcm-z-fixed:    300;
  --arcm-z-modal:    400;

  /* Logo size (customizer controlled) */
  --arcm-logo-height:   70px;

  /* Light mode bg/text */
  --arcm-bg:            #ffffff;
  --arcm-text:          #1a2118;
  --arcm-surface:       #f4f1e8;
  --arcm-border:        #e2e8e4;
  --arcm-card-bg:       #ffffff;
}

/* 🌑 DARK MODE */
[data-theme="dark"] {
  --arcm-bg:          #121a12;
  --arcm-text:        #e8f0e8;
  --arcm-surface:     #1e2b1e;
  --arcm-border:      #2a3d2a;
  --arcm-card-bg:     #1e2b1e;
  --arcm-off-white:   #1a2618;
  --arcm-cream:       #1a2618;
  --arcm-light-gray:  #2a3d2a;
  --arcm-gray:        #8fa88f;
  --arcm-white:       #1e2b1e;
  --arcm-black:       #e8f0e8;
}

/* ============================================================
   RESET & BASE
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  font-size: var(--arcm-font-size);
  overflow-x: hidden;
}
body {
  margin: 0; padding: 0;
  font-family: var(--arcm-font-primary);
  font-size: 1rem;
  line-height: 1.7;
  color: var(--arcm-text);
  background: var(--arcm-bg);
  transition: background .3s ease, color .3s ease;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  max-width: 100vw;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--arcm-primary); text-decoration: none; transition: color var(--arcm-transition); }
a:hover { color: var(--arcm-gold); }
h1,h2,h3,h4,h5,h6 {
  font-family: var(--arcm-font-heading);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 .75rem;
  color: var(--arcm-primary-dark);
}
[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,
[data-theme="dark"] h4,[data-theme="dark"] h5,[data-theme="dark"] h6 { color: var(--arcm-gold); }
h1{font-size:clamp(1.8rem,4vw,3rem)} h2{font-size:clamp(1.4rem,3vw,2.2rem)}
h3{font-size:clamp(1.2rem,2.5vw,1.75rem)} h4{font-size:1.15rem} h5{font-size:1rem}
p { margin: 0 0 1rem; }
ul,ol { padding-left: 1.5rem; }
.screen-reader-text { border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px }
.skip-link:focus { background:var(--arcm-primary);color:#fff;padding:10px 20px;position:fixed;top:0;left:0;z-index:9999 }

/* ============================================================
   LAYOUT UTILITIES
   ============================================================ */
.arcm-container { width:100%;max-width:var(--arcm-container-max);margin:0 auto;padding:0 20px; }
.arcm-section { padding: 35px 0; background: var(--arcm-bg); }
.arcm-section-alt { background: var(--arcm-surface); }
.arcm-section-header { text-align:center;margin-bottom:24px; }
.arcm-section-header h2 { display:inline-block;position:relative;padding-bottom:12px; }
.arcm-section-header h2::after { content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:56px;height:3px;background:var(--arcm-gold);border-radius:2px; }
@media (max-width:1024px) {
  .arcm-hero-area { grid-template-columns:1fr; height:auto; }
  .arcm-hero-area > * { height:auto; }
  .arcm-hero-slider { height: 400px; order: -1; }
  .arcm-sidebar-left { max-height: 400px; overflow-y:auto; }
  .arcm-footer-grid { grid-template-columns:1fr 1fr; }
  /* Front page panels */
  #agri-section .arcm-grid-4 { grid-template-columns: 1fr 1fr; }
  #agri-section .arcm-grid-4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width:768px) {
  .arcm-top-bar .arcm-container { justify-content:center; }
  .arcm-grid-2,.arcm-grid-3,.arcm-grid-4 { grid-template-columns:1fr !important; }
  .arcm-nav-menu { display:none;flex-direction:column;width:100%;position:absolute;top:100%;left:0;background:var(--arcm-primary); }
  .arcm-nav-menu.active { display:flex; }
  .arcm-nav-menu li { width:100%;border-bottom:1px solid rgba(255,255,255,.1); }
  .arcm-menu-toggle { display:block; }
  /* Ensure course panels shrink on phone */
  .arcm-courses-grid { grid-template-columns: 1fr !important; gap:30px; }
  .arcm-hero-slider { height: 300px; }
  #news-events-section > .arcm-container > div { grid-template-columns: 1fr !important; }
}
@media (max-width:480px) {
  .arcm-footer-grid { grid-template-columns:1fr; text-align:center; }
  .arcm-footer-col h4::after { left:50%;transform:translateX(-50%); }
  .arcm-logo-band-right { justify-content:center; width:100%; }
}
.arcm-section-header p { max-width:600px;margin:12px auto 0;color:var(--arcm-gray); }

/* ============================================================
   🌿 TOP BAR — Agriculture Modern
   ============================================================ */
.arcm-top-bar {
  background: var(--arcm-primary-dark);
  color: rgba(255,255,255,.85);
  font-size: .8rem;
  padding: 6px 0;
  width: 100%;
}
.arcm-top-bar .arcm-container {
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;
}
.arcm-top-bar-left { display:flex;align-items:center;gap:12px;flex-wrap:wrap; }
.arcm-top-bar-left a { color:rgba(255,255,255,.8);font-size:.78rem;display:inline-flex;align-items:center;gap:5px; }
.arcm-top-bar-left a:hover { color:var(--arcm-gold); }
.arcm-highlight { color:var(--arcm-gold)!important;font-weight:700; }
.arcm-top-bar-right { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }

/* Accessibility controls */
.arcm-accessibility-controls { display:flex;gap:3px; }
.arcm-accessibility-controls button {
  background:none;border:1px solid rgba(255,255,255,.3);color:#fff;
  padding:2px 7px;border-radius:3px;cursor:pointer;font-size:.75rem;
  transition:all var(--arcm-transition);
}
.arcm-accessibility-controls button:hover { background:var(--arcm-gold);border-color:var(--arcm-gold);color:var(--arcm-primary-dark); }

/* Dark mode toggle */
.arcm-dark-toggle {
  background:none;border:1px solid rgba(255,255,255,.3);color:#fff;
  padding:3px 10px;border-radius:20px;cursor:pointer;font-size:.75rem;
  display:inline-flex;align-items:center;gap:5px;transition:all var(--arcm-transition);
}
.arcm-dark-toggle:hover { background:var(--arcm-gold);border-color:var(--arcm-gold);color:var(--arcm-primary-dark); }

/* Language switcher */
.arcm-lang-switcher { display:flex;gap:4px;font-size:.75rem; }
.arcm-lang-switcher a { color:rgba(255,255,255,.7);padding:2px 8px;border:1px solid rgba(255,255,255,.3);border-radius:3px; }
.arcm-lang-switcher a:hover,.arcm-lang-switcher a.active { background:var(--arcm-gold);color:var(--arcm-primary-dark);border-color:var(--arcm-gold); }

/* ============================================================
   🌿 LOGO BAND — Logo + Title side by side
   ============================================================ */
.arcm-logo-band {
  background: var(--arcm-bg);
  padding: 12px 0;
  border-bottom: 3px solid var(--arcm-gold);
  transition: background .3s ease;
}
.arcm-logo-band .arcm-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
}
/* Logo + Name together */
.arcm-logo-name-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-decoration: none;
}
.arcm-logo-name-group img,
.arcm-logo-name-group .custom-logo {
  height: var(--arcm-logo-height) !important;
  width: auto !important;
  max-width: 100%;
  border-radius: 4px;
}
.arcm-college-name-block h1 {
  font-family: var(--arcm-font-heading);
  font-size: clamp(1.4rem, 4vw, 2.4rem);
  color: var(--arcm-primary);
  margin: 0;
  line-height: 1.2;
}
.arcm-college-name-block .arcm-tagline {
  font-size: .8rem;
  color: var(--arcm-gold-dark);
  font-weight: 600;
  margin: 2px 0 0;
  display: block;
}
.arcm-logo-band-right { display:flex;align-items:center;gap:12px;flex-shrink:0; }
.arcm-logo-band-right img { max-height:60px;width:auto; }
.arcm-naac-badge { text-align:center;font-size:.7rem;font-weight:700;color:var(--arcm-primary); }
.arcm-naac-badge span { display:block;font-size:1.4rem;font-weight:900;color:var(--arcm-gold); }

/* ============================================================
   🌿 MAIN NAVIGATION — Dynamic Agriculture Green
   ============================================================ */
.arcm-main-nav {
  background: var(--arcm-primary);
  position: sticky;
  top: 0;
  z-index: var(--arcm-z-sticky);
  box-shadow: 0 2px 12px rgba(0,0,0,.2);
  transition: all var(--arcm-transition);
}
.arcm-main-nav.scrolled { box-shadow: 0 4px 20px rgba(0,0,0,.25); }
.arcm-main-nav .arcm-container { display:flex;align-items:stretch; }
.arcm-home-icon {
  background: var(--arcm-gold);
  color: var(--arcm-primary-dark);
  padding: 0 18px;
  display:flex;align-items:center;
  font-size:1.1rem;
  transition:background var(--arcm-transition);
  flex-shrink:0;
  text-decoration:none;
}
.arcm-home-icon:hover { background:var(--arcm-gold-dark);color:var(--arcm-primary-dark); }
.arcm-nav-menu {
  list-style:none;margin:0;padding:0;display:flex;flex:1;flex-wrap:wrap;
}
.arcm-nav-menu > li { position:relative; }
.arcm-nav-menu > li > a {
  display:block;padding:14px 14px;color:rgba(255,255,255,.95);
  font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;
  transition:all var(--arcm-transition);
  border-right:1px solid rgba(255,255,255,.1);
  white-space:nowrap;
}
.arcm-nav-menu > li > a:hover,
.arcm-nav-menu > li.current-menu-item > a,
.arcm-nav-menu > li.current-menu-ancestor > a {
  background:rgba(255,255,255,.15);
  color:var(--arcm-gold);
}
/* Dropdown */
.arcm-nav-menu .sub-menu {
  display:none;position:absolute;top:100%;left:0;min-width:220px;
  background:var(--arcm-card-bg);box-shadow:var(--arcm-shadow-lg);
  z-index:var(--arcm-z-dropdown);border-top:3px solid var(--arcm-gold);
  border-radius:0 0 var(--arcm-radius-md) var(--arcm-radius-md);
  overflow:hidden;padding:4px 0;
}
.arcm-nav-menu li:hover > .sub-menu { display:block; }
.arcm-nav-menu .sub-menu a {
  display:block;padding:9px 18px;color:var(--arcm-text);
  font-size:.82rem;border-bottom:1px solid var(--arcm-border);
  transition:all var(--arcm-transition);
}
.arcm-nav-menu .sub-menu a:hover { background:var(--arcm-primary);color:#fff;padding-left:24px; }
/* Mobile toggle */
.arcm-menu-toggle {
  display:none;background:var(--arcm-gold);border:none;color:var(--arcm-primary-dark);
  padding:10px 16px;font-size:1.2rem;cursor:pointer;margin-left:auto;
}

/* ============================================================
   🎞️ HERO SLIDER — Animated
   ============================================================ */
.arcm-hero-area {
  display:grid;
  grid-template-columns: 1fr 3.5fr 1fr;
  max-width: var(--arcm-container-max);
  margin: 0 auto;
  align-items:stretch; /* Match height of tallest column */
  background:var(--arcm-surface);
  overflow:hidden;
  border:3px solid var(--arcm-gold);
  border-top:none;
  box-shadow:0 4px 24px rgba(44,110,73,.15),inset 0 0 0 4px rgba(44,110,73,.06);
  height: auto;
  min-height: 540px;
}
@media (max-width: 1200px) {
  .arcm-hero-area { grid-template-columns: 1fr 2fr 1.5fr; }
}
@media (max-width: 992px) {
  .arcm-hero-area { height: auto; }
}
/* Panels should fill the height */
.arcm-hero-area > * { display:flex; flex-direction:column; overflow:hidden; }
/* Left Sidebar */
.arcm-sidebar-left {
  background:var(--arcm-card-bg);
  border-right:2px solid var(--arcm-gold);
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--arcm-gold) var(--arcm-surface);
}
.arcm-slate-header {
  background:linear-gradient(135deg,var(--arcm-primary) 0%,var(--arcm-primary-dark) 100%);
  color:#fff;padding:14px 16px;font-weight:700;font-size:.9rem;
  text-align:center;letter-spacing:1px;
}
.arcm-slate-header small { display:block;font-size:.7rem;font-weight:400;opacity:.85;margin-top:2px; }
.arcm-slate-menu { list-style:none;margin:0;padding:0; }
.arcm-slate-menu li { border-bottom:1px solid var(--arcm-border); }
.arcm-slate-menu li a {
  display:flex;align-items:center;gap:10px;padding:11px 14px;
  color:var(--arcm-text);font-size:.82rem;font-weight:500;
  transition:all var(--arcm-transition);
}
.arcm-slate-menu li a:hover { background:var(--arcm-primary);color:#fff;padding-left:20px; }
.arcm-slate-menu li a i {
  width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  background:var(--arcm-surface);border-radius:50%;color:var(--arcm-primary);
  font-size:.9rem;flex-shrink:0;transition:all var(--arcm-transition);
}
.arcm-slate-menu li a:hover i { background:var(--arcm-gold);color:var(--arcm-primary-dark); }

.arcm-hero-slider {
  position:relative;overflow:hidden;background:var(--arcm-primary-dark);
  width:100%;
}
.arcm-slider-track { display:flex;height:100%;width:100%; }
.arcm-slide {
  min-width:100%;height:100%;flex-shrink:0;position:relative;
}
.arcm-slide img { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block; }
.arcm-slide-fallback {
  width:100%;height:100%;min-height:100%;
  background:linear-gradient(135deg,var(--arcm-primary) 0%,var(--arcm-primary-dark) 50%,var(--arcm-brown) 100%);
  display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:40px;
}
.arcm-slide-fallback h2 { color:#fff;font-size:clamp(1.4rem,4vw,2.5rem);margin-bottom:10px; }
.arcm-slide-fallback p { font-size:1.1rem;opacity:.9;margin-bottom:24px; }
/* Slider Controls */
.arcm-slider-controls {
  position:absolute;bottom:16px;left:50%;transform:translateX(-50%);
  display:flex;gap:8px;z-index:10;
}
.arcm-slider-dot {
  width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);
  border:none;cursor:pointer;transition:background var(--arcm-transition);padding:0;
}
.arcm-slider-dot.active { background:var(--arcm-gold);transform:scale(1.2); }
.arcm-slider-prev,.arcm-slider-next {
  position:absolute;top:50%;transform:translateY(-50%);z-index:10;
  background:rgba(0,0,0,.4);color:#fff;border:none;cursor:pointer;
  width:40px;height:40px;border-radius:50%;font-size:1rem;
  display:flex;align-items:center;justify-content:center;
  transition:background var(--arcm-transition);
}
.arcm-slider-prev { left:12px; }
.arcm-slider-next { right:12px; }
.arcm-slider-prev:hover,.arcm-slider-next:hover { background:var(--arcm-gold);color:var(--arcm-primary-dark); }
.arcm-slider-caption {
  position:absolute;bottom:40px;left:0;right:0;
  background:rgba(0,0,0,.55);color:#fff;padding:10px 20px;
  font-size:.85rem;text-align:center;backdrop-filter:blur(4px);
}

/* Right Sidebar - Leadership */
.arcm-sidebar-right {
  display:flex;flex-direction:column;overflow-y:auto;
  gap:10px; padding:10px;
}
/* Stacked Leadership Cards (Right Sidebar) */
.arcm-leader-main-card {
  transition: all var(--arcm-transition);
}
.arcm-leader-main-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.08) !important;
  border-color: var(--arcm-gold) !important;
}
.arcm-leader-main-card a:hover {
  background: var(--arcm-gold-dark) !important;
  color: #fff !important;
}

.arcm-leader-hz-card {
  transition: all var(--arcm-transition);
}
.arcm-leader-hz-card:hover {
  transform: translateX(4px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  border-left: 1px solid var(--arcm-gold) !important;
}
.arcm-leader-hz-card a:hover {
  background: var(--arcm-gold-dark) !important;
  color: #fff !important;
}

/* ============================================================
   TICKER / NEWS / EVENTS (unchanged structure, updated colors)
   ============================================================ */
.arcm-ticker { background:var(--arcm-gold);padding:10px 0;overflow:hidden; }
.arcm-ticker .arcm-container { display:flex;align-items:center;gap:12px; }
.arcm-ticker-label {
  background:var(--arcm-primary);color:#fff;padding:4px 14px;
  font-size:.75rem;font-weight:700;text-transform:uppercase;
  white-space:nowrap;border-radius:var(--arcm-radius-sm);flex-shrink:0;
}
.arcm-ticker-content { flex:1;overflow:hidden;white-space:nowrap; }
.arcm-ticker-content a { color:var(--arcm-primary-dark);font-weight:600;font-size:.85rem; }

@keyframes arcm-blink {
  0%   { opacity: 1; }
  50%  { opacity: 0.2; }
  100% { opacity: 1; }
}
.arcm-badge-new {
  color: #c0392b;
  font-size: 0.65rem;
  font-weight: 700;
  border: 1px solid #c0392b;
  padding: 2px 6px;
  border-radius: 4px;
  vertical-align: middle;
  margin-left: 6px;
  animation: arcm-blink 1.5s infinite;
  display: inline-block;
  line-height: 1;
}

.arcm-news-events {
  display:grid;grid-template-columns:1fr 1.6fr;background:var(--arcm-bg);
}
.arcm-news-column { background:var(--arcm-primary-dark);color:#fff; }
.arcm-news-column-header {
  background:var(--arcm-primary);padding:14px 20px;
  display:flex;justify-content:space-between;align-items:center;
}
.arcm-news-column-header h3 { color:#fff;margin:0;font-size:1rem; }
.arcm-news-scroll {
  max-height:380px;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:var(--arcm-gold) var(--arcm-primary-dark);
}
.arcm-news-item { padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.1); }
.arcm-news-item:hover { background:rgba(255,255,255,.05); }
.arcm-news-item .news-date { color:var(--arcm-gold);font-size:.72rem;font-weight:700;text-transform:uppercase;margin-bottom:3px;display:block; }
.arcm-news-item .news-title { font-weight:600;font-size:.82rem;line-height:1.5; }
.arcm-news-item .news-title a { color:#fff; }
.arcm-news-item .news-title a:hover { color:var(--arcm-gold); }
.arcm-news-footer { padding:10px 18px;border-top:1px solid rgba(255,255,255,.1); }
.arcm-news-footer a { color:#fff;border:1px solid var(--arcm-gold);padding:4px 12px;font-size:.72rem;font-weight:600;text-transform:uppercase; }
.arcm-news-footer a:hover { background:var(--arcm-gold);color:var(--arcm-primary-dark); }

.arcm-events-column { background:var(--arcm-surface); }
.arcm-events-column-header { background:var(--arcm-gold);padding:14px 20px; }
.arcm-events-column-header h3 { color:var(--arcm-primary-dark);margin:0;font-size:1rem; }
.arcm-events-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px; }
.arcm-event-card-lko {
  background:var(--arcm-card-bg);border-radius:var(--arcm-radius-md);overflow:hidden;
  box-shadow:var(--arcm-shadow-sm);transition:all var(--arcm-transition);
}
.arcm-event-card-lko:hover { box-shadow:var(--arcm-shadow-md);transform:translateY(-2px); }
.arcm-event-card-lko img { width:100%;height:220px;object-fit:cover; }
.arcm-event-card-lko .event-img-placeholder {
  height:220px;background:var(--arcm-light-gray);
  display:flex;align-items:center;justify-content:center;color:var(--arcm-gray);font-size:1.6rem;
}
.arcm-event-card-lko .event-title { padding:8px 10px;font-size:.78rem;font-weight:500;color:var(--arcm-text);line-height:1.4; }
.arcm-event-card-lko .event-title a { color:inherit; }
.arcm-events-footer { padding:10px 16px;border-top:1px solid var(--arcm-border); }
.arcm-events-footer a { border:1px solid var(--arcm-primary);color:var(--arcm-primary);padding:4px 12px;font-size:.72rem;font-weight:600;text-transform:uppercase; }
.arcm-events-footer a:hover { background:var(--arcm-primary);color:#fff; }

/* ============================================================
   BUTTONS
   ============================================================ */
.arcm-btn {
  display:inline-flex;align-items:center;gap:6px;
  padding:10px 24px;font-family:var(--arcm-font-primary);
  font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;
  border:2px solid transparent;border-radius:var(--arcm-radius-sm);
  cursor:pointer;transition:all var(--arcm-transition);text-decoration:none;line-height:1.5;
}
.arcm-btn-primary { background:var(--arcm-gold);color:var(--arcm-primary-dark);border-color:var(--arcm-gold); }
.arcm-btn-primary:hover { background:var(--arcm-gold-dark);transform:translateY(-2px);box-shadow:var(--arcm-shadow-md); }
.arcm-btn-secondary { background:var(--arcm-primary);color:#fff;border-color:var(--arcm-primary); }
.arcm-btn-secondary:hover { background:var(--arcm-primary-light);transform:translateY(-2px); }
.arcm-btn-outline { background:transparent;color:#fff;border-color:#fff; }
.arcm-btn-outline:hover { background:#fff;color:var(--arcm-primary); }
.arcm-btn-outline-dark { background:transparent;color:var(--arcm-primary);border-color:var(--arcm-primary); }
.arcm-btn-outline-dark:hover { background:var(--arcm-primary);color:#fff; }
.arcm-btn-sm { padding:6px 14px;font-size:.75rem; }
.arcm-btn-lg { padding:13px 30px;font-size:.95rem; }

/* ============================================================
   CARDS & GRIDS
   ============================================================ */
.arcm-grid { display:grid;gap:15px; }
.arcm-grid-2 { grid-template-columns:repeat(2,1fr); }
.arcm-grid-3 { grid-template-columns:repeat(3,1fr); }
.arcm-grid-4 { grid-template-columns:repeat(4,1fr); }

/* Custom Layout Grids */
.arcm-courses-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; align-items:start; }

/* Dynamic Hover Effect for Course Links */
.arcm-course-link {
  position: relative;
  overflow: hidden;
}
.arcm-course-link::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 4px; height: 100%;
  background: var(--arcm-gold);
  transform: scaleY(0);
  transition: transform var(--arcm-transition);
  transform-origin: bottom;
}
.arcm-course-link:hover {
  background: rgba(44,110,73,.08) !important;
  padding-left: 20px !important;
}
.arcm-course-link:hover::before {
  transform: scaleY(1);
}
.arcm-course-link i { transition: transform var(--arcm-transition); }
.arcm-course-link:hover i { transform: scale(1.15); color: var(--arcm-gold-dark) !important; }

.arcm-events-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; align-content:start; }
.arcm-news-events { display:grid; grid-template-columns:1fr 1fr; }

.arcm-card {
  background:var(--arcm-card-bg);border-radius:var(--arcm-radius-md);
  overflow:hidden;box-shadow:var(--arcm-shadow-sm);
  transition:all var(--arcm-transition);display:flex;flex-direction:column;
  border:1px solid var(--arcm-border);
}
.arcm-card:hover { transform:translateY(-4px);box-shadow:var(--arcm-shadow-lg);border-color:var(--arcm-gold); }
.arcm-card-image { position:relative;overflow:hidden;aspect-ratio:16/10; }
.arcm-card-image img { width:100%;height:100%;object-fit:cover;transition:transform .4s ease; }
.arcm-card:hover .arcm-card-image img { transform:scale(1.05); }
.arcm-card-body { padding:16px;flex:1;display:flex;flex-direction:column; }
.arcm-card-body h3 { font-size:1rem;margin-bottom:6px; }
.arcm-card-body p { color:var(--arcm-gray);font-size:.85rem;flex:1; }

.arcm-icon-card {
  background:var(--arcm-card-bg);border-radius:var(--arcm-radius-md);
  padding:24px 16px;text-align:center;box-shadow:var(--arcm-shadow-sm);
  transition:all var(--arcm-transition);border-bottom:3px solid transparent;
  border:1px solid var(--arcm-border);
}
.arcm-icon-card:hover { transform:translateY(-4px);box-shadow:var(--arcm-shadow-lg);border-bottom-color:var(--arcm-gold);border-color:var(--arcm-gold); }
.arcm-icon-card .arcm-icon {
  width:60px;height:60px;margin:0 auto 12px;
  background:linear-gradient(135deg,var(--arcm-surface),var(--arcm-cream));
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;color:var(--arcm-primary);transition:all var(--arcm-transition);
}
.arcm-icon-card:hover .arcm-icon { background:var(--arcm-primary);color:#fff; }
.arcm-icon-card h4 { font-size:.92rem;font-weight:600;margin-bottom:4px; }
.arcm-icon-card p { font-size:.8rem;color:var(--arcm-gray);margin:0; }

/* ============================================================
   FOOTER SOCIAL BAR
   ============================================================ */
.arcm-social-bar { background:var(--arcm-gold);padding:12px 0; }
.arcm-social-bar .arcm-container { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px; }
.arcm-social-bar-label { font-weight:700;font-size:.9rem;color:var(--arcm-primary-dark); }
.arcm-social-icons { display:flex;gap:8px; }
.arcm-social-icons a {
  color:var(--arcm-primary-dark);width:34px;height:34px;display:inline-flex;
  align-items:center;justify-content:center;border-radius:50%;
  background:rgba(0,0,0,.12);font-size:.9rem;transition:all var(--arcm-transition);
}
.arcm-social-icons a:hover { background:var(--arcm-primary);color:#fff;transform:translateY(-2px); }
.arcm-social-bar .arcm-feedback { font-size:.82rem;color:var(--arcm-primary-dark); }
.arcm-social-bar .arcm-feedback a { color:var(--arcm-primary-dark);font-weight:700; }

/* ============================================================
   FOOTER — 4 Column, Agriculture Dark
   ============================================================ */
.arcm-footer {
  background: linear-gradient(rgba(26,77,49,.93),rgba(26,77,49,.97)),
              url('') center/cover no-repeat;
  color:rgba(255,255,255,.8);
}
.arcm-footer-main { padding:40px 0; }
.arcm-footer-grid { display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr;gap:30px;align-items:start; }
.arcm-footer-col h4 {
  color:#fff;font-family:var(--arcm-font-primary);font-size:.88rem;
  font-weight:700;margin-bottom:14px;padding-bottom:8px;position:relative;
  text-transform:uppercase;letter-spacing:.5px;
}
.arcm-footer-col h4::after { content:"";position:absolute;bottom:0;left:0;width:36px;height:2px;background:var(--arcm-gold); }
.arcm-footer-col p { font-size:.82rem;line-height:1.8; }
.arcm-footer-col ul { list-style:none;padding:0;margin:0; }
.arcm-footer-col ul li { margin-bottom:5px; }
.arcm-footer-col ul li a {
  color:rgba(255,255,255,.7);font-size:.82rem;
  display:inline-flex;align-items:center;gap:4px;transition:all var(--arcm-transition);
}
.arcm-footer-col ul li a::before { content:"›";font-weight:bold; }
.arcm-footer-col ul li a:hover { color:var(--arcm-gold);padding-left:4px; }

/* Footer center logo */
.arcm-footer-center { text-align:center; }
.arcm-footer-center .custom-logo,
.arcm-footer-center img {
  max-height:60px !important;
  width:auto !important;
  margin:0 auto 10px;
  border-radius:50%;
}
.arcm-footer-bottom {
  border-top:1px solid rgba(255,255,255,.1);padding:12px 0;font-size:.78rem;
}
.arcm-footer-bottom .arcm-container {
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;
}

/* ============================================================
   PAGE HEADER & BREADCRUMB
   ============================================================ */
.arcm-page-header {
  background:linear-gradient(135deg,var(--arcm-primary) 0%,var(--arcm-primary-dark) 100%);
  color:#fff;padding:36px 0;
}
.arcm-page-header h1 { color:#fff;margin:0;font-size:clamp(1.4rem,3vw,2rem); }
.arcm-breadcrumb { background:var(--arcm-surface);padding:9px 0;border-bottom:1px solid var(--arcm-border);font-size:.8rem; }
.arcm-breadcrumb-list { list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px; }
.arcm-breadcrumb-list li::after { content:"/";margin-left:5px;color:var(--arcm-gray); }
.arcm-breadcrumb-list li:last-child::after { content:none; }
.arcm-breadcrumb-list li:last-child { color:var(--arcm-gray); }

/* ============================================================
   ADMISSION BOX
   ============================================================ */
.arcm-admission-box {
  background:linear-gradient(135deg,var(--arcm-primary) 0%,var(--arcm-brown) 100%);
  color:#fff;border-radius:var(--arcm-radius-lg);padding:30px 36px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.arcm-admission-box h2 { color:#fff;margin-bottom:6px; }
.arcm-admission-box p { opacity:.9;max-width:500px; }
.arcm-admission-actions { display:flex;gap:10px;flex-wrap:wrap; }

/* ============================================================
   CONTACT
   ============================================================ */
.arcm-contact-grid { display:grid;grid-template-columns:1fr 1fr;gap:30px; }
.arcm-contact-info-item { display:flex;gap:12px;margin-bottom:14px; }
.arcm-contact-info-item .contact-icon {
  width:42px;height:42px;flex-shrink:0;background:var(--arcm-surface);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:1rem;color:var(--arcm-primary);border:2px solid var(--arcm-gold);
}
.arcm-contact-info-item h4 { font-size:.88rem;font-weight:600;margin-bottom:2px; }
.arcm-contact-info-item p { color:var(--arcm-gray);font-size:.82rem;margin:0; }
.arcm-map-embed { border-radius:var(--arcm-radius-md);overflow:hidden;box-shadow:var(--arcm-shadow-md);aspect-ratio:16/9; }
.arcm-map-embed iframe { width:100%;height:100%;border:0; }

/* ============================================================
   GALLERY
   ============================================================ */
.arcm-gallery-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px; }
.arcm-gallery-item { position:relative;border-radius:var(--arcm-radius-md);overflow:hidden;aspect-ratio:4/3;cursor:pointer; }
.arcm-gallery-item img { width:100%;height:100%;object-fit:cover;transition:transform .4s ease; }
.arcm-gallery-item:hover img { transform:scale(1.07); }
.arcm-gallery-overlay {
  position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 60%);
  display:flex;align-items:flex-end;padding:12px;opacity:0;transition:opacity var(--arcm-transition);
}
.arcm-gallery-item:hover .arcm-gallery-overlay { opacity:1; }
.arcm-gallery-overlay span { color:#fff;font-weight:600;font-size:.82rem; }
.arcm-filter-buttons { display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:20px; }
.arcm-filter-btn {
  padding:6px 16px;background:var(--arcm-surface);border:1px solid var(--arcm-border);
  border-radius:20px;font-size:.82rem;color:var(--arcm-text);cursor:pointer;transition:all var(--arcm-transition);
}
.arcm-filter-btn:hover,.arcm-filter-btn.active { background:var(--arcm-primary);color:#fff;border-color:var(--arcm-primary); }

/* ============================================================
   BACK TO TOP BUTTON
   ============================================================ */
.arcm-back-top {
  position:fixed;bottom:24px;right:24px;z-index:var(--arcm-z-fixed);
  width:44px;height:44px;background:var(--arcm-primary);color:#fff;
  border:none;border-radius:50%;cursor:pointer;font-size:1rem;
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--arcm-shadow-md);transition:all var(--arcm-transition);
  opacity:0;pointer-events:none;transform:translateY(10px);
}
.arcm-back-top.visible { opacity:1;pointer-events:auto;transform:translateY(0); }
.arcm-back-top:hover { background:var(--arcm-gold);color:var(--arcm-primary-dark);transform:translateY(-3px); }

/* ============================================================
   FACULTY CARD
   ============================================================ */
.arcm-faculty-card {
  text-align:center;background:var(--arcm-card-bg);border-radius:var(--arcm-radius-md);
  padding:20px;box-shadow:var(--arcm-shadow-sm);transition:all var(--arcm-transition);
  border:1px solid var(--arcm-border);
}
.arcm-faculty-card:hover { transform:translateY(-3px);box-shadow:var(--arcm-shadow-lg);border-color:var(--arcm-gold); }
.arcm-faculty-card .faculty-photo { width:90px;height:90px;border-radius:50%;object-fit:cover;margin:0 auto 10px;border:3px solid var(--arcm-gold); }
.arcm-faculty-card h4 { font-size:.92rem;font-weight:600;margin-bottom:3px; }
.arcm-faculty-card .faculty-designation { font-size:.8rem;color:var(--arcm-gold-dark);font-weight:500; }
.arcm-faculty-card .faculty-dept { font-size:.75rem;color:var(--arcm-gray); }

/* ============================================================
   SEARCH / 404 / POSTS
   ============================================================ */
.arcm-search-form { display:flex;max-width:480px;margin:20px auto; }
.arcm-search-form input[type="search"] {
  flex:1;padding:10px 16px;font-size:.9rem;border:2px solid var(--arcm-border);
  border-right:none;border-radius:var(--arcm-radius-md) 0 0 var(--arcm-radius-md);
  outline:none;font-family:var(--arcm-font-primary);background:var(--arcm-bg);color:var(--arcm-text);
}
.arcm-search-form input:focus { border-color:var(--arcm-primary); }
.arcm-search-form button {
  padding:10px 20px;background:var(--arcm-primary);color:#fff;border:none;
  border-radius:0 var(--arcm-radius-md) var(--arcm-radius-md) 0;cursor:pointer;font-weight:600;
}
.arcm-search-form button:hover { background:var(--arcm-gold);color:var(--arcm-primary-dark); }
.arcm-posts-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px; }
.arcm-pagination { display:flex;justify-content:center;gap:5px;margin-top:28px; }
.arcm-pagination a,.arcm-pagination span {
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:var(--arcm-radius-sm);font-weight:600;font-size:.85rem;
  transition:all var(--arcm-transition);
}
.arcm-pagination a { background:var(--arcm-surface);color:var(--arcm-text); }
.arcm-pagination a:hover { background:var(--arcm-primary);color:#fff; }
.arcm-pagination span.current { background:var(--arcm-gold);color:var(--arcm-primary-dark); }
.arcm-404-content { text-align:center;padding:60px 20px; }
.arcm-404-content h1 { font-size:clamp(4rem,10vw,8rem);color:var(--arcm-border);margin:0; }
.arcm-single-meta { display:flex;flex-wrap:wrap;gap:14px;color:var(--arcm-gray);font-size:.82rem;margin-bottom:16px; }
.arcm-entry-content { font-size:1rem;line-height:1.85; }

/* ============================================================
   🌿 AGRICULTURE SPECIAL SECTIONS
   ============================================================ */
.arcm-agri-banner {
  background:linear-gradient(135deg,var(--arcm-primary-dark) 0%,var(--arcm-brown) 100%);
  color:#fff;padding:40px;border-radius:var(--arcm-radius-lg);
  display:flex;align-items:center;gap:24px;flex-wrap:wrap;
}
.arcm-agri-banner h2 { color:var(--arcm-gold);margin-bottom:8px; }
.arcm-agri-banner p { opacity:.9; }

.arcm-stat-card {
  text-align:center;background:var(--arcm-card-bg);border-radius:var(--arcm-radius-md);
  padding:24px;box-shadow:var(--arcm-shadow-sm);border-bottom:4px solid var(--arcm-gold);
}
.arcm-stat-card .stat-number { font-size:2.5rem;font-weight:900;color:var(--arcm-primary);line-height:1; }
.arcm-stat-card .stat-label { font-size:.82rem;color:var(--arcm-gray);margin-top:6px; }

/* ============================================================
   ELEMENTOR OVERRIDES
   ============================================================ */
.elementor-page .site-main,.elementor-page .front-page-content { max-width:100%;padding:0;margin:0; }

/* ============================================================
   📱 RESPONSIVE — MOBILE FIXES
   ============================================================ */
@media (max-width:1100px) {
  .arcm-hero-area { grid-template-columns:1fr;min-height:auto; }
  .arcm-sidebar-left,.arcm-sidebar-right { display:none; }
  .arcm-slide-fallback { min-height:350px; }
}
@media (max-width:992px) {
  .arcm-menu-toggle { display:flex;align-items:center;justify-content:center; }
  .arcm-nav-menu {
    display:none;position:absolute;top:100%;left:0;right:0;width:100%;
    background:var(--arcm-primary);flex-direction:column;
    box-shadow:var(--arcm-shadow-lg);z-index:var(--arcm-z-dropdown);
  }
  .arcm-nav-menu.active { display:flex; }
  .arcm-nav-menu > li > a { border-right:none;border-bottom:1px solid rgba(255,255,255,.1); }
  .arcm-nav-menu .sub-menu { position:static;box-shadow:none;border-top:none; }
  .arcm-news-events { grid-template-columns:1fr !important; }
  .arcm-footer-grid { grid-template-columns:1fr !important; }
  .arcm-contact-grid { grid-template-columns:1fr; }
  .arcm-grid-4 { grid-template-columns:repeat(2,1fr); }
  .arcm-grid-3 { grid-template-columns:1fr !important; }
  .arcm-courses-grid { grid-template-columns:1fr !important; }
  .arcm-events-grid { grid-template-columns:1fr !important; }
  .arcm-logo-band-right { display:none; }
  .arcm-top-bar-left { gap:8px; }
}
@media (max-width:768px) {
  .arcm-grid-4 { grid-template-columns:1fr !important; }
  .arcm-footer-grid { grid-template-columns:1fr !important; }
}
@media (max-width:600px) {
  .arcm-footer-grid { grid-template-columns:1fr !important; }
  .arcm-grid-4,.arcm-grid-3,.arcm-grid-2,.arcm-courses-grid { grid-template-columns:1fr !important; }
  .arcm-events-grid { grid-template-columns:1fr !important; }
  .arcm-admission-box { flex-direction:column;text-align:center; }
  .arcm-top-bar-left a span { display:none; }
  .arcm-college-name-block h1 { font-size:clamp(.85rem,3.5vw,1.3rem); }
  .arcm-logo-name-group img { max-height:50px !important; }
}


/* Prevent overflow globally on mobile */
* { max-width:100%; }
img,video,iframe,table { max-width:100%; }

@media print {
  .arcm-top-bar,.arcm-main-nav,.arcm-footer,.arcm-ticker,.arcm-social-bar,.arcm-back-top { display:none!important; }
}

/* =================================================================
   🔧 FIX PACK v3.1 — Logo, News/Events, Ticker, Courses, Border
   ================================================================= */

/* ---- 1. LOGO SIZE FIX: constrain custom_logo output img --------- */
.arcm-logo-band .site-logo-wrap,
.arcm-logo-name-group .site-logo-wrap { flex-shrink:0; }

.arcm-logo-name-group a.custom-logo-link { display:block; }
.arcm-logo-name-group a.custom-logo-link img,
.arcm-logo-name-group .custom-logo,
.arcm-logo-name-group img.custom-logo,
.arcm-logo-band img {
  max-height: var(--arcm-logo-height, 70px) !important;
  max-width:  120px  !important;
  width:      auto   !important;
  height:     auto   !important;
  object-fit: contain;
}
/* Logo band should never grow taller than the logo + padding */
.arcm-logo-band { padding:10px 0; }

/* ---- 2. NEWS TICKER: auto-scroll marquee animation --------------- */
.arcm-ticker { overflow:hidden; }
.arcm-ticker-content { overflow:hidden; white-space:nowrap; }
.arcm-ticker-inner {
  display:inline-block;
  animation: arcm-ticker-scroll 30s linear infinite;
  white-space:nowrap;
}
.arcm-ticker-inner:hover { animation-play-state:paused; }
@keyframes arcm-ticker-scroll {
  0%   { transform: translateX(100vw); }
  100% { transform: translateX(-100%); }
}

/* ---- 3. NEWS & EVENTS: equal 50/50 split ----------------------- */
.arcm-news-events {
  grid-template-columns: 1fr 1fr !important;
}

/* ---- 4. DECORATIVE PAGE BORDER — 4 sides ----------------------- */
#page { position:relative; }
#page::before {
  content:"";
  position:fixed;
  top:0; left:0; right:0; bottom:0;
  pointer-events:none;
  border:5px solid var(--arcm-gold);
  z-index:9990;
  box-shadow:
    inset 0 0 0 2px var(--arcm-primary),
    inset 0 0 0 8px rgba(212,168,67,.15);
}
/* Inner accent corners */
#page::after {
  content:"";
  position:fixed;
  top:12px; left:12px; right:12px; bottom:12px;
  pointer-events:none;
  border:1px solid rgba(212,168,67,.35);
  z-index:9989;
}

/* ---- 5. COURSES TABS — UG / PG / Training / Internships --------- */
.arcm-courses-tabs { width:100%; }
.arcm-tab-buttons {
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px;
}
.arcm-tab-btn {
  padding:10px 24px;background:var(--arcm-surface);border:2px solid var(--arcm-border);
  border-radius:var(--arcm-radius-sm);font-size:.85rem;font-weight:600;
  color:var(--arcm-text);cursor:pointer;transition:all var(--arcm-transition);
  font-family:var(--arcm-font-primary);
}
.arcm-tab-btn:hover { border-color:var(--arcm-primary);color:var(--arcm-primary); }
.arcm-tab-btn.active {
  background:var(--arcm-primary);color:#fff;border-color:var(--arcm-primary);
  box-shadow:var(--arcm-shadow-md);
}
.arcm-tab-panel { display:none; }
.arcm-tab-panel.active { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }
.arcm-course-card {
  background:var(--arcm-card-bg);border:1px solid var(--arcm-border);
  border-radius:var(--arcm-radius-md);padding:20px;
  transition:all var(--arcm-transition);border-left:4px solid var(--arcm-primary);
}
.arcm-course-card:hover {
  transform:translateY(-3px);box-shadow:var(--arcm-shadow-md);
  border-left-color:var(--arcm-gold);
}
.arcm-course-card .course-badge {
  display:inline-block;background:var(--arcm-surface);color:var(--arcm-primary);
  font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
  padding:3px 10px;border-radius:20px;margin-bottom:8px;
}
.arcm-course-card h4 { font-size:.95rem;font-weight:700;margin-bottom:6px;color:var(--arcm-primary-dark); }
.arcm-course-card p { font-size:.8rem;color:var(--arcm-gray);margin:0 0 10px; }
.arcm-course-card .course-duration {
  font-size:.75rem;font-weight:600;color:var(--arcm-gold-dark);
  display:inline-flex;align-items:center;gap:4px;
}

/* ---- 6. STATS SECTION: enhanced card ---- */
.arcm-stat-card { cursor:default; }
.arcm-stat-card .stat-number {
  font-size:2.8rem;font-weight:900;
  background:linear-gradient(135deg,var(--arcm-primary),var(--arcm-gold-dark));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:block;line-height:1;
}
.arcm-stat-card .stat-icon { font-size:1.8rem;color:var(--arcm-primary);margin-bottom:10px;display:block; }
.arcm-stat-card .stat-label { font-size:.82rem;font-weight:600;color:var(--arcm-gray);margin-top:6px;display:block; }

/* ---- 7. TICKER UP: move between hero and news/events ------------ */
/* Already in the correct position in front-page.php */

@media (max-width:992px) {
  .arcm-tab-panel.active { grid-template-columns:repeat(2,1fr); }
  .arcm-news-events { grid-template-columns:1fr !important; }
}
@media (max-width:600px) {
  .arcm-tab-panel.active { grid-template-columns:1fr; }
  #page::before { border-width:3px; }
  #page::after  { top:7px;left:7px;right:7px;bottom:7px; }
}