@charset "utf-8";

/*
Theme Name: Sangat - Sikh Gurdwara HTML5 Template
Author: Metropolitanthemes
Version: 1.0.0
Description: responsive rules, desktop first (1399 / 1199 / 991 / 767 / 575)
*/

/*======================
(max-width: 1399px)
========================*/
@media (max-width: 1399px) {
  /* Header */
  /* 1200-1399: the bar takes the full width and every part gives a little, so the
     eight menus, the switches and Donate fit without pushing past the screen */
  .sg-header .container { max-width: none; padding: 0 20px; }
  .sg-navbar .navbar-box { gap: 14px; padding-left: 22px; }
  .sg-logo img { height: 46px; }
  .sg-menu > li > a { padding: 0 9px; letter-spacing: 0.05em; }
  .sg-menu .sub-menu.mega-home { grid-template-columns: repeat(2, 250px); }
  .header-donate { padding: 0 20px; }
  .sg-theme-toggle, .sg-bag-link { width: 48px; }
}

/*======================
(max-width: 1199px)
========================*/
@media (max-width: 1199px) {
  /* General */
  .sec-pt-120 { padding-top: 110px; }
  .sec-pb-120 { padding-bottom: 110px; }

  /* Header */
  .sg-main-nav { display: none; }
  .sg-menu-toggle { display: flex; }
  .sg-navbar .navbar-box { min-height: 80px; margin-left: auto; }

  /* Next Event And Sermon */
  .sg-next-card { padding: 34px 30px; }
  .next-countdown div { min-width: 54px; }

  /* Sangat Wall */
  .wall-grid { grid-template-columns: repeat(10, 1fr); }
  .wall-tile:nth-child(n+51) { display: none; }

  /* Home Two */
  .today-cell { padding: 24px 22px; }
  .today-link { padding: 0 24px; }

  /* Sermon Rows */
  .sg-sermon-row { grid-template-columns: 110px 1fr; }
  .sg-sermon-row .sermon-tools { grid-column: 2; }

  /* About And Sevadars */
  .stack-seal { width: 126px; height: 126px; }
  .stack-seal span { font-size: 2.5rem; }
  .value-item { padding-right: 24px; }
  .value-item + .value-item { padding-left: 24px; }

  /* Events And Details */
  .events-feature { grid-template-columns: 1fr auto; }
  .events-feature .sg-btn { grid-column: 1 / -1; justify-self: start; }

  /* Sermons And Details */
  .sg-sermon-list.is-grid { grid-template-columns: repeat(2, 1fr); }

  /* Seva Pages */
  .week-grid { grid-template-columns: repeat(4, 1fr); }

  /* Shop */
  .shop-sort { min-width: 200px; }

  /* Contact, FAQ, Account And Utility Pages */
  .info-grid { grid-template-columns: repeat(2, 1fr); }

  /* Footer */
  .strip-cell { padding: 20px 24px; }
  .footer-col { padding: 56px 24px 50px; }
  .widgets-grid { grid-template-columns: 1fr 1fr; }
  .footer-col:nth-child(3) { padding-left: 0; border-left: 0; }
  .footer-col:nth-child(-n+2) { border-bottom: 1px solid rgba(var(--sg-color-white-rgb), 0.08); }
}

/*======================
(max-width: 991px)
========================*/
@media (max-width: 991px) {
  /* General */
  .sec-pt-120 { padding-top: 90px; }
  .sec-pb-120 { padding-bottom: 90px; }
  .sec-pt-90 { padding-top: 70px; }
  .sec-pb-90 { padding-bottom: 70px; }
  .sg-section-head { margin-bottom: 48px; }
  .sg-watermark { width: 300px; }

  /* Header */
  .topbar-mail { display: none; }
  .topbar-links { display: none; }

  /* Breadcrumb */
  .sg-breadcrumb-area { min-height: 440px; padding: 180px 0 64px; }
  .breadcrumb-row { flex-direction: column; align-items: flex-start; }

  /* Hero */
  .sg-hero-slider { height: 760px; }
  .hero-copy { padding: 140px 30px 140px; }
  .hero-count { display: none; }

  /* Next Event And Sermon */
  .sg-next-area { margin-top: -90px; }

  /* Help Cards */
  .sg-help { padding-bottom: 90px; }

  /* Sangat Wall */
  .wall-grid { grid-template-columns: repeat(8, 1fr); }
  .wall-tile:nth-child(n+41) { display: none; }
  .wall-container { position: relative; inset: auto; display: block; margin-top: -120px; padding-bottom: 80px; }
  .wall-stage::before { display: none; }
  .wall-panel { max-width: none; }

  /* Home Two */
  .today-grid { grid-template-columns: 1fr 1fr; }
  .today-cell:nth-child(2) { border-right: 0; }
  .today-cell:nth-child(-n+2) { border-bottom: 1px solid var(--sg-line); }
  .today-link { justify-content: center; padding: 24px; }
  .programme-intro { position: static; }
  .locations-grid { grid-template-columns: 1fr; }
  .langar-media { margin-bottom: 10px; }

  /* About And Sevadars */
  .about-values { grid-template-columns: 1fr; margin-top: 60px; }
  .value-item, .value-item + .value-item { padding: 34px 0 0; border-left: 0; }
  .pillars-grid { grid-template-columns: 1fr; }
  .about-counters { grid-template-columns: 1fr 1fr; }
  .about-counters div:nth-child(3) { border-left: 0; }
  .about-counters div:nth-child(-n+2) { border-bottom: 1px solid var(--sg-line); }
  .team-head { flex-direction: column; align-items: flex-start; }

  /* Events And Details */
  .events-feature { grid-template-columns: 1fr; padding: 36px 30px; margin-bottom: 60px; }
  .sg-sidebar { position: static; }

  /* Seva Pages */
  .path-options { grid-template-columns: 1fr; }
  .book-summary { position: static; }
  .now-grid { grid-template-columns: 1fr; }
  .rota-head { display: none; }
  .rota-row { grid-template-columns: 1fr 1fr; gap: 14px; }
  .rota-name { grid-column: 1 / -1; }
  .week-grid { grid-template-columns: repeat(2, 1fr); }

  /* Shop */
  .pd-gallery { position: static; }
  .order-summary.is-sticky { position: static; }
  .shop-sidebar { position: static; }

  /* Contact, FAQ, Account And Utility Pages */
  .contact-box { grid-template-columns: 1fr; }
  .account-box { grid-template-columns: 1fr; }
  .account-photo { min-height: 300px; }
  .faq-side { position: static; }

  /* Footer */
  .cta-inner { flex-direction: column; align-items: flex-start; }
  .footer-strip .strip-grid { grid-template-columns: 1fr 1fr; }
  .strip-news { grid-column: 1 / -1; grid-row: 2; padding: 22px 0; border-left: 0; border-top: 1px solid rgba(var(--sg-color-white-rgb), 0.12); }
  .footer-cta { padding: 80px 0 56px; }
}

/*======================
(max-width: 767px)
========================*/
@media (max-width: 767px) {
  /* General */
  .row.g-5 { --bs-gutter-x: 1.5rem; }
  .sec-pt-120 { padding-top: 80px; }
  .sec-pb-120 { padding-bottom: 80px; }
  .sg-title .line { white-space: normal; display: inline; }
  .sg-section-head p, .sg-lead { font-size: 1.0625rem; }

  /* Header */
  .sg-topbar { display: none; }
  .sg-navbar .navbar-box { padding-left: 16px; min-height: 70px; }
  .sg-logo img { height: 44px; }
  .sg-theme-toggle, .sg-bag-link { width: 50px; }
  .sg-header-minimal .back-home { font-size: 0; gap: 0; }
  .sg-header-minimal .back-home i { font-size: 1rem; }

  /* Breadcrumb */
  .sg-breadcrumb-area { min-height: 380px; padding: 140px 0 50px; }

  /* Hero */
  .sg-hero-slider { height: 680px; }
  .hero-arrow { top: auto; bottom: 120px; width: 52px; height: 52px; margin-top: 0; }
  .hero-copy { padding: 110px 0 150px; }
  .hero-copy p { font-size: 1rem; }

  /* About Intro */
  .about-facts dt { font-size: 2rem; }
  .about-facts dd { letter-spacing: 0.06em; }

  /* Causes */
  .sg-photo-band .band-bg { bottom: auto; height: 760px; }
  .sg-photo-band .band-bg::after { background: linear-gradient(180deg, rgba(var(--sg-color-night-rgb), 0.72) 0%, rgba(var(--sg-color-navy-rgb), 0.6) 55%, var(--sg-color-night) 100%); }

  /* Home Two */
  .sg-prog-card { position: relative; top: auto; grid-template-columns: 1fr; gap: 12px; padding: 22px; }
  .hukam-card .sg-eyebrow { flex-wrap: wrap; justify-content: center; }
  .prog-time { flex-direction: row; align-items: center; gap: 10px; }
  .calc-menus { grid-template-columns: 1fr; }
  .hukam-meta div { padding: 12px 16px; }
  .news-mini > a { width: 84px; height: 84px; }

  /* About And Sevadars */
  .video-caption { left: 24px; bottom: 20px; }
  .video-caption strong { font-size: 1.25rem; }
  .video-play { width: 70px; height: 70px; margin: -35px 0 0 -35px; font-size: 1.125rem; }
  .seva-roles { grid-template-columns: 1fr; }

  /* Events And Details */
  .media-bar { position: static; flex-wrap: wrap; }
  .media-bar .sg-date-tile { border-right: 0; padding-right: 0; }
  .sg-quote { padding: 30px 24px 26px 24px; }
  .sg-quote::before { position: static; display: block; margin-bottom: 10px; }
  .sg-timeline li { grid-template-columns: 1fr; gap: 4px; }
  .detail-share { margin-left: 0; width: 100%; }

  /* Sermons And Details */
  .sermon-player-bar { grid-template-columns: 1fr; }
  .bar-cover { display: none; }
  .sg-sermon-list.is-grid { grid-template-columns: 1fr; }
  .sermon-toolbar { grid-template-columns: 1fr 1fr; }
  .sermon-toolbar > :nth-child(3) { border-left: 0; }
  .sermon-toolbar > :nth-child(-n+2) { border-bottom: 1px solid rgba(var(--sg-color-white-rgb), 0.12); }

  /* Donation */
  .sg-donate-form { padding: 32px 24px; }
  .amount-grid { grid-template-columns: repeat(3, 1fr); }

  /* Blog */
  .wide-body { padding: 26px 22px 30px; }
  .post-author { grid-template-columns: 1fr; padding: 26px; }
  .post-nav { grid-template-columns: 1fr; }
  .post-nav .next { text-align: left; }
  .post-nav .next small { justify-content: flex-start; }
  .post-gallery { grid-template-columns: 1fr; }

  /* Shop */
  .cart-table { padding: 4px 18px; }
  .cart-head { display: none; }
  .cart-line { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cl-product { grid-column: 1 / -1; }
  .cl-price::before, .cl-sub::before { content: attr(data-label) ": "; font-weight: 400; color: var(--sg-muted); }
  .cl-remove { justify-self: end; }
  .cart-coupon { width: 100%; flex-wrap: wrap; }
  .cart-coupon .sg-input-wrap { min-width: 0; flex: 1 1 100%; }

  /* Contact, FAQ, Account And Utility Pages */
  .contact-panel, .contact-form, .account-form { padding: 40px 26px; }
  .photo-copy { left: 26px; right: 26px; bottom: 26px; }
  .soon-count div { min-width: 0; flex: 1 1 0; }
  .soon-count dt { font-size: 2rem; }

  /* Footer */
  .bottom-inner { flex-direction: column; justify-content: center; padding: 24px 0; text-align: center; }
  .widgets-grid { grid-template-columns: 1fr; }
  .footer-col, .footer-col:nth-child(3) { padding: 44px 0 36px; border-left: 0; border-bottom: 1px solid rgba(var(--sg-color-white-rgb), 0.08); }
  .footer-col:last-child { border-bottom: 0; }
}

/*======================
(max-width: 575px)
========================*/
@media (max-width: 575px) {
  /* General */
  .sec-pt-120 { padding-top: 70px; }
  .sec-pb-120 { padding-bottom: 70px; }
  .sec-pt-90 { padding-top: 60px; }
  .sec-pb-90 { padding-bottom: 60px; }
  .sg-btn { padding: 0 24px; }
  .sg-btn-saffron { padding-right: 34px; }

  /* Preloader */
  .sg-preloader .pre-lockup { width: 200px; }

  /* Header */
  .sg-navbar .container { padding: 0 12px; }
  .header-donate { display: none; }
  .sg-logo img { height: 38px; }
  .sg-theme-toggle, .sg-bag-link { width: 46px; }
  .sg-menu-toggle { width: 56px; padding: 0 16px; }
  .sg-header-minimal .minimal-end .sg-btn { display: none; }

  /* Breadcrumb */
  .sg-breadcrumb-nav { white-space: normal; }

  /* Hero */
  .hero-title { font-size: clamp(2.25rem, 11vw, 3rem); }
  .hero-actions .sg-btn-glass { display: none; }

  /* Next Event And Sermon */
  .sg-next-card { padding: 28px 22px; }
  .next-event-info { gap: 18px; }
  .next-event-info .sg-date-tile { padding-right: 18px; }
  .next-countdown { width: 100%; justify-content: space-between; }
  .next-countdown div { flex: 1 1 0; min-width: 0; }
  .player-time { display: none; }

  /* About Intro */
  .about-facts { grid-template-columns: 1fr; }
  .about-facts div + div { border-left: 0; border-top: 1px solid var(--sg-line); }
  .about-watermark { width: 260px; }

  /* Latest Events And Sermons */
  .sg-event-row { flex-direction: column; align-items: flex-start; gap: 14px; padding: 22px; }
  .sg-event-row .sg-date-tile { width: 100%; height: auto; flex-direction: row; gap: 10px; padding: 12px; }
  .sg-event-row .sg-date-tile .m { margin-top: 0; }

  /* Help Cards */
  .sg-help { padding-bottom: 70px; }

  /* News Cards */
  .news-body { margin: -40px 14px 0; padding: 26px 20px 28px; }

  /* Sangat Wall */
  .wall-grid { grid-template-columns: repeat(5, 1fr); }
  .wall-tile:nth-child(n+26) { display: none; }
  .wall-panel { padding: 34px 26px; }
  .wall-panel h3 { font-size: 1.875rem; }
  .wall-container { margin-top: -70px; padding-bottom: 70px; }

  /* Home Two */
  .today-grid { grid-template-columns: 1fr; }
  .today-cell { border-right: 0; border-bottom: 1px solid var(--sg-line); }
  .sg-langar-calc { padding: 22px; }
  .langar-badge { right: 14px; padding: 18px 20px; }
  .langar-badge span { font-size: 2rem; }
  .katha-now-body { padding: 20px; }
  .news-feature-body { padding: 24px 22px 28px; }

  /* Sermon Rows */
  .sg-sermon-row { grid-template-columns: 1fr; gap: 16px; padding: 16px; }
  .sg-sermon-row .sermon-tools { grid-column: auto; }

  /* About And Sevadars */
  .about-counters { grid-template-columns: 1fr; }
  .about-counters div + div { border-left: 0; border-top: 1px solid var(--sg-line); }
  .stack-seal { left: auto; right: 8px; top: 12px; width: 108px; height: 108px; }
  .stack-seal span { font-size: 2rem; }
  .pillar { padding: 34px 26px; }

  /* Events And Details */
  .comment-list .comment { grid-template-columns: 52px 1fr; gap: 14px; }
  .comment > img { width: 52px; height: 52px; }
  .comment-children { grid-column: 1 / -1; }
  .side-widget { padding: 26px 22px; }

  /* Seva Pages */
  .book-step { padding: 28px 22px; }
  .rota-shifts { padding: 6px 18px; }
  .rota-row { grid-template-columns: 1fr; }
  .rota-row.is-chosen { margin: 0 -18px; padding-left: 18px; padding-right: 18px; }
  .langar-facts { grid-template-columns: 1fr; }
  .langar-facts div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--sg-line); }
  .week-grid { grid-template-columns: 1fr; }

  /* Shop */
  .pd-buy .sg-btn { flex: 1 1 auto; }

  /* Contact, FAQ, Account And Utility Pages */
  .info-grid { grid-template-columns: 1fr; }

  /* Footer */
  .footer-strip .strip-grid { grid-template-columns: 1fr; }
  .strip-cell, .strip-cell:last-child { justify-content: center; padding: 22px 0; border-left: 0; }
  .strip-news { grid-row: auto; }
  .bottom-links { gap: 16px; flex-wrap: wrap; justify-content: center; }
  .cta-actions { width: 100%; }
  .cta-actions .sg-btn { flex: 1 1 auto; }
}