@charset "utf-8";

/*
Theme Name: Altara - Church & Ministry HTML5 Template.
Author: Metropolitanthemes
Version: 1.0.0

%%%%%%% Responsive Stylesheet %%%%%%%
Desktop-first max-width cascade: 1399 / 1199 / 991 / 767 / 575
*/

/*======================
Max Width 1399px
========================*/
@media (max-width: 1399.98px) {
  /* Topbar And Header */
  .al-nav > ul { gap: 26px; }
  .al-header .header-inner { gap: 26px; padding-left: 32px; padding-right: 26px; }
  .al-topbar .topbar-inner { padding: 0 32px; }
  .al-topbar .top-contact li:nth-child(2) { display: none; }
  /* Hero One */
  .hero-tab span { font-size: 14px; }
  /* Service Times Bar */
  .service-bar-inner { grid-template-columns: 370px minmax(0, 1fr); }
  .sb-cta { grid-column: 1 / -1; flex-direction: row; align-items: center; padding: 24px 38px; }
  .sb-cta .cta-text { flex: 1 1 auto; }
}

/*======================
Max Width 1199px
========================*/
@media (max-width: 1199.98px) {
  /* General */
  .al-pt-120 { padding-top: 110px; }
  .al-pb-120 { padding-bottom: 110px; }
  /* Topbar And Header */
  .al-nav { display: none; }
  .header-actions { margin-left: auto; }
  .al-header .header-bar { height: 84px; }
  .al-header.is-scrolled { padding-bottom: 84px; }
  .al-header.is-over.is-scrolled { padding-bottom: 0; }
  .al-menu-toggle { flex-basis: 84px; width: 84px; }
  /* Hero One */
  .hero-rail { display: none; }
  /* About Split */
  .about-collage { padding: 22px 70px 90px 22px; }
  .al-seal { width: 124px; height: 124px; }
  /* Community Work And Partners */
  .partners-inner { flex-direction: column; align-items: flex-start; gap: 26px; }
  .partners-label { max-width: none; }
  /* Appeal And Candle Row */
  .appeal-candles { padding-left: 0; }
  .candle { flex-basis: 30px; }
  .candle-wax { width: 30px; }
  /* Sermon Rows And Latest Sermon */
  .ls-recent .sermon-thumb { flex-basis: 84px; width: 84px; height: 84px; }
  .sf-copy { padding: 44px 40px; }
  /* Hero Two */
  .al-hero-two .hero-actions .al-btn { padding-left: 22px; padding-right: 22px; }
  .h2-week ul { grid-template-columns: 1fr 1fr; }
  .h2-week li:nth-child(3) { border-left: 0; padding-left: 0; }
  .h2-week li:nth-child(n+3) { border-top: 1px solid var(--al-line); }
  /* Sermon Pages */
  .library-bar { grid-template-columns: 1fr 1fr 1fr; }
  .lib-search { grid-column: 1 / -1; }
  /* Event Pages */
  .next-card { flex-direction: column; align-items: flex-start; }
  .next-count { flex-basis: auto; width: 100%; max-width: 440px; }
  /* Footer */
  .invite-inner { grid-template-columns: 1fr 1fr; }
  .invite-inner .al-btn { justify-self: start; }
}

/*======================
Max Width 991px
========================*/
@media (max-width: 991.98px) {
  /* General */
  .al-counters, .al-join, .al-verse-band { padding-top: 90px; padding-bottom: 90px; }
  .al-pt-120 { padding-top: 96px; }
  .al-pb-120 { padding-bottom: 96px; }
  .al-pt-90 { padding-top: 76px; }
  .al-pb-90 { padding-bottom: 76px; }
  .al-section-head { margin-bottom: 48px; }
  .al-section-head.is-split { flex-direction: column; align-items: flex-start; gap: 24px; }
  .al-frame .frame-line { inset: -14px 14px 14px -14px; }
  .al-frame.is-right .frame-line { inset: -14px -14px 14px 14px; }
  /* Topbar And Header */
  .al-topbar .top-contact li:first-child { display: none; }
  .al-topbar .topbar-inner { padding: 0 24px; }
  .al-header .header-inner { padding-left: 24px; padding-right: 18px; }
  .al-logo img { height: 46px; }
  /* Subheader */
  .al-subheader { padding: 100px 0 110px; }
  .sub-cross { display: none; }
  /* Sermon Player */
  .player-now { flex-basis: 200px; }
  .player-tools [data-player-skip] { display: none; }
  /* Hero One */
  .al-hero { height: max(720px, 100svh); }
  .hero-tab span { display: none; }
  .hero-tab { flex: 0 0 auto; padding-right: 34px; }
  .hero-slide { padding-bottom: 190px; }
  .hero-tabs { bottom: 40px; }
  /* Service Times Bar */
  .al-service-bar { margin-top: -40px; }
  .service-bar-inner { grid-template-columns: 1fr; }
  /* About Split */
  .about-copy { padding-left: 0; }
  /* Community Work And Partners */
  .process-line { display: none; }
  .process > .row { --bs-gutter-y: 56px; }
  .al-partners { grid-template-columns: repeat(3, 1fr); }
  /* Counters Band */
  .counters-row { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }
  .counter:nth-child(3) { border-left: 0; }
  /* Testimonials */
  .testi-copy { padding-left: 0; }
  .testi-media { margin: 0 auto; }
  /* Sermon Rows And Latest Sermon */
  .sf-media { min-height: 340px; }
  /* Hero Two */
  .al-hero-two .hero-slide { padding: 50px 0 90px; }
  .arch-layer { display: none; }
  .arch-photo { width: 100%; max-width: 460px; margin: 50px auto 0; }
  .al-hero-two .hero-copy { max-width: none; }
  /* Gallery Mosaic */
  .mosaic-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 280px 280px 280px; }
  .gallery-tile.is-c { grid-column: 1 / span 2; grid-row: 2; }
  .gallery-tile.is-b { grid-column: 2; grid-row: 1; }
  .gallery-tile.is-d { grid-column: 1; grid-row: 3; }
  .gallery-tile.is-e { grid-column: 2; grid-row: 3; }
  /* Partner Plans */
  .plans-grid { --bs-gutter-y: 110px; }
  /* Sermon Cards And About Two */
  .about-copy.is-left { padding-right: 0; }
  .media-quote { left: 0; }
  /* Sidebar Widgets */
  .al-sidebar.is-sticky { position: static; }
  /* History, Team And Filters */
  .timeline-line { left: 9px; }
  .tl-item { grid-template-columns: 1fr; gap: 16px; padding: 24px 0 24px 44px; }
  .tl-dot { left: 9px; top: 46px; }
  .tl-item.is-left .tl-when, .tl-item.is-left .tl-card { order: 0; }
  .tl-item.is-right .tl-when { text-align: left; }
  .join-inner { flex-direction: column; align-items: flex-start; }
  /* Ministry Pages */
  .finder-form { position: static; }
  /* Sermon Pages */
  .series-media { min-height: 300px; }
  /* Event Pages */
  .ticket-order { position: static; }
  .event-bar { grid-template-columns: 1fr 1fr; margin: -50px 16px 34px; }
  .event-bar > div:nth-child(3) { border-left: 0; }
  .event-bar > div:nth-child(n+3) { border-top: 1px solid rgba(255, 255, 255, 0.16); }
  /* Visit Planner And Prayer Wall */
  .visit-summary, .prayer-form { position: static; }
  /* Giving And FAQ Pages */
  .appeal-photo { min-height: 300px; }
  .appeal-body { padding: 40px 30px; }
  /* Church Shop */
  .pd-info { padding-left: 0; }
  /* Contact, Account And Utility Pages */
  .account-card { grid-template-columns: 1fr; }
  .account-side { min-height: 300px; }
  /* Footer */
  .invite-inner { grid-template-columns: 1fr; gap: 30px; }
  .footer-invite { padding: 76px 0 66px; }
  .footer-main { padding: 70px 0 50px; }
}

/*======================
Max Width 767px
========================*/
@media (max-width: 767.98px) {
  /* General */
  .al-dots.is-tl, .al-dots.is-bl { left: -10px; }
  .al-dots.is-tr, .al-dots.is-br { right: -10px; }
  .al-pt-120 { padding-top: 84px; }
  .al-pb-120 { padding-bottom: 84px; }
  .al-lead { font-size: 18px; }
  .al-numeral { font-size: 62px; }
  .al-quote, .al-content blockquote { padding: 70px 26px 26px; }
  /* Topbar And Header */
  .top-service .sc-name, .top-service .sc-when { display: none; }
  .head-donate { display: none; }
  /* Sermon Player */
  .al-player .player-inner { flex-wrap: wrap; gap: 10px 16px; padding: 12px 0; }
  .player-track { order: 3; flex-basis: 100%; }
  .player-now { flex: 1 1 0; }
  body.has-player { padding-bottom: 128px; }
  body.has-player .al-back-to-top { bottom: 150px; }
  /* Hero One */
  .hero-lead { font-size: 18px; margin-bottom: 32px; }
  .hero-kicker { font-size: 12px; letter-spacing: 0.18em; }
  /* Service Times Bar */
  .sb-days { flex-wrap: wrap; gap: 24px; }
  .st-day { flex: 1 1 140px; }
  /* Events */
  .ef-body { margin: -60px 16px 0; padding: 28px 24px; }
  .ef-facts { grid-template-columns: 1fr; gap: 10px; }
  .ef-facts > div + div { padding-left: 0; border-left: 0; }
  /* Live Band And Glass Daybreak */
  .al-live-band { padding: 100px 0; }
  .live-status { flex-direction: column; border-radius: var(--al-radius-lg); padding: 16px 20px; text-align: center; }
  /* Ministry Pages */
  .detail-steps { grid-template-columns: 1fr; }
  .fr-match { display: none; }
  /* Sermon Pages */
  .library-bar { grid-template-columns: 1fr 1fr; }
  .sermon-meta { grid-template-columns: 1fr 1fr; }
  .sermon-meta > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .media-tools { grid-template-columns: 1fr 1fr; }
  .media-tools > :nth-child(3) { border-left: 0; }
  .series-copy { padding: 40px 26px; }
  /* Visit Planner And Prayer Wall */
  .visit-steps { grid-template-columns: 1fr 1fr; }
  .prayer-grid { columns: 1; }
  .prayer-head { flex-direction: column; align-items: flex-start; }
  /* Giving And FAQ Pages */
  .give-figures { grid-template-columns: 1fr; }
  .give-pair { grid-template-columns: 1fr; }
  /* Church Shop */
  .cart-table thead { display: none; }
  .cart-table tr, .wish-table tr { display: grid; grid-template-columns: 1fr auto; padding: 14px 18px; border-bottom: 1px solid var(--al-line); background: var(--al-surface); }
  .cart-table td, .wish-table td { padding: 6px 0; border: 0; }
  .cart-table td:first-child, .wish-table td:first-child { grid-column: 1 / -1; }
  .wish-table thead { display: none; }
  .shop-toolbar { flex-direction: column; align-items: stretch; }
  .shop-sort { flex-basis: auto; }
  /* Blog Pages */
  .post-content { padding: 28px 24px 30px; }
  .post-quote { padding: 40px 28px; }
  .author-box { flex-direction: column; align-items: flex-start; }
  .comment-children { margin-left: 30px; }
  .comment-form { padding: 28px 20px; }
}

/*======================
Max Width 575px
========================*/
@media (max-width: 575.98px) {
  /* General */
  .al-counters, .al-join, .al-verse-band { padding-top: 72px; padding-bottom: 72px; }
  .al-pt-120 { padding-top: 72px; }
  .al-pb-120 { padding-bottom: 72px; }
  .al-pt-90 { padding-top: 62px; }
  .al-pb-90 { padding-bottom: 62px; }
  body { font-size: 16px; }
  .al-eyebrow { font-size: 12px; gap: 12px; letter-spacing: 0.18em; }
  .al-eyebrow .rule { flex-basis: 30px; width: 30px; }
  .al-eyebrow .rule::after { width: 30px; }
  .al-btn { min-height: 52px; padding: 12px 24px; }
  .al-play { width: 80px; height: 80px; font-size: 18px; }
  /* Topbar And Header */
  .al-header .header-bar { height: 74px; }
  .al-header.is-scrolled { padding-bottom: 74px; }
  .al-header.is-scrolled .header-bar { height: 70px; }
  .al-menu-toggle { flex-basis: 70px; width: 70px; }
  .al-logo img { height: 40px; }
  .al-header.is-scrolled .al-logo img { height: 38px; }
  .header-actions { gap: 8px; }
  .head-round { width: 40px; height: 40px; font-size: 14px; }
  .header-actions a[href="wishlist.html"] { display: none; }
  .al-header .header-inner { padding-left: 16px; padding-right: 12px; gap: 12px; }
  .al-topbar .topbar-inner { padding: 0 16px; gap: 10px; }
  .top-service .al-status { font-size: 10px; padding: 4px 8px; }
  /* Offcanvas Menu */
  .offcanvas-head, .offcanvas-nav, .offcanvas-foot { padding-left: 22px; padding-right: 22px; }
  /* Subheader */
  .al-subheader { padding: 76px 0 84px; }
  .al-subheader .sub-lead { font-size: 17px; }
  /* Hero One */
  .al-hero { height: max(700px, 100svh); }
  .hero-title { font-size: 13.4vw; }
  .hero-actions .al-btn { flex: 1 1 100%; }
  .hero-tab { padding: 22px 26px 24px 0; }
  .hero-arrows .al-arrow { width: 46px; height: 46px; }
  /* Service Times Bar */
  .sb-next, .sb-week { padding: 28px 22px; }
  .sb-cta { flex-direction: column; align-items: flex-start; padding: 26px 22px; }
  .sb-count b, .ef-count b { font-size: 25px; }
  .sb-name { font-size: 29px; }
  /* About Split */
  .about-collage { padding: 14px 40px 70px 14px; }
  .al-seal { width: 104px; height: 104px; left: 38%; bottom: 10px; }
  .al-seal text { font-size: 15px; }
  .about-features { grid-template-columns: 1fr; }
  .about-stats dd { font-size: 40px; }
  .about-stats > div + div { padding-left: 14px; }
  .about-sign { flex-wrap: wrap; }
  .about-sign .al-btn { margin-left: 0; }
  /* Community Work And Partners */
  .al-partners { grid-template-columns: repeat(2, 1fr); gap: 28px 20px; }
  /* Events */
  .event-row { gap: 16px; }
  .er-date { flex-basis: 60px; }
  .er-go { display: none; }
  .er-title { font-size: 21px; }
  /* Counters Band */
  .counter { padding: 0 12px; }
  .counter > span { font-size: 11px; letter-spacing: 0.14em; }
  /* Appeal And Candle Row */
  .candle-shelf { height: 250px; padding: 0 8px; gap: 4px; }
  .candle { flex-basis: 22px; }
  .candle-wax { width: 22px; }
  .candle-flame { width: 13px; height: 28px; }
  .cause-stats dd { font-size: 25px; }
  .cause-stats > div + div { padding-left: 14px; }
  /* Testimonials */
  .testi-badge { width: 72px; height: 72px; font-size: 22px; }
  .testi-faces button { width: 48px; height: 48px; }
  .testi-nav .al-arrows { display: none; }
  /* Sermon Rows And Latest Sermon */
  .sermon-row { flex-direction: column; }
  .sermon-thumb, .ls-recent .sermon-thumb { flex-basis: auto; width: 100%; height: auto; aspect-ratio: 16 / 10; }
  .sf-copy { padding: 34px 24px; }
  .sf-facts { grid-template-columns: 1fr; }
  .sf-facts > div:nth-child(even) { padding-left: 0; border-left: 0; }
  /* Post Cards */
  .post-row { flex-direction: column; }
  .post-thumb { flex-basis: auto; aspect-ratio: 16 / 10; }
  .post-body, .post-row .post-body { padding: 26px 24px; }
  .post-foot { flex-direction: column; align-items: flex-start; }
  /* Hero Two */
  .al-hero-two .hero-title { font-size: 17vw; }
  .al-hero-two .hero-actions .al-btn { flex: 1 1 100%; }
  .h2-week ul { grid-template-columns: 1fr; }
  .h2-week li, .h2-week li:nth-child(3) { padding: 18px 0; border-left: 0 !important; }
  .h2-week li + li { border-top: 1px solid var(--al-line); }
  /* Live Band And Glass Daybreak */
  .al-live-band { padding: 72px 0; }
  /* Gallery Mosaic */
  .mosaic-grid { grid-template-rows: 180px 240px 180px; gap: 4px; }
  .tile-cap { display: none; }
  /* Message Band */
  .message-form { padding: 28px 20px; }
  /* Sermon Cards And About Two */
  .sc-body { padding: 34px 22px 24px; }
  /* About And FAQ Components */
  .faq-q { font-size: 20px; }
  .faq-a { padding: 0 0 22px; }
  .goal-head { flex-direction: column; gap: 2px; margin-bottom: -6px; }
  .goal-head span { margin-right: 0; }
  .goals-year { width: 100px; height: 100px; }
  /* History, Team And Filters */
  .tl-card { flex-direction: column; align-items: flex-start; }
  .tl-card img { width: 100%; height: auto; flex-basis: auto; aspect-ratio: 16 / 10; }
  /* Ministry Pages */
  .finder-row { gap: 14px; }
  .finder-row .er-go { display: none; }
  .detail-join { padding: 28px 20px; }
  .detail-gallery { grid-template-columns: 1fr; }
  /* Sermon Pages */
  .library-bar { grid-template-columns: 1fr; }
  .post-nav { grid-template-columns: 1fr; }
  .scripture-card { padding: 30px 24px; }
  .scripture-card blockquote p { font-size: 23px; }
  /* Event Pages */
  .next-card { padding: 34px 22px; }
  .cal-box, .cal-day { padding: 22px 16px; }
  .cal-cell b { font-size: 16px; }
  .map-card { position: static; max-width: none; border-radius: 0; }
  .map-frame iframe { height: 340px; }
  /* Visit Planner And Prayer Wall */
  .visit-steps span { display: none; }
  .visit-steps { grid-template-columns: repeat(4, 1fr); }
  .kids-ages { grid-template-columns: 1fr; }
  .visit-done { padding: 40px 22px; }
  .visit-nav .al-btn { flex: 1 1 auto; }
  /* Giving And FAQ Pages */
  .share-row { flex-wrap: wrap; gap: 14px; }
  .share-row > span { flex: 1 1 100%; }
  .give-form { padding: 28px 20px; }
  .amount-grid { grid-template-columns: repeat(2, 1fr); }
  /* Church Shop */
  .coupon-form .al-input input { width: 100%; }
  .coupon-form { flex-direction: column; width: 100%; }
  .checkout-box, .checkout-order { padding: 26px 20px; }
  /* Blog Pages */
  .comment > img { width: 48px; height: 48px; margin-right: 14px; }
  /* Contact, Account And Utility Pages */
  .account-form { padding: 36px 22px; }
  .account-side { padding: 30px 22px; }
  .soon-count b { font-size: 34px; }
  .soon-count { gap: 6px; }
  .al-contact-cards { margin-top: -40px; }
  /* Footer */
  .footer-bottom .bottom-inner { flex-direction: column; align-items: flex-start; }
  .footer-legal { gap: 18px; flex-wrap: wrap; }
  /* Back To Top */
  .al-back-to-top { right: 16px; bottom: 16px; width: 46px; height: 46px; }
}