:root{--primary:#e10600;--primary-dark:#b90500;--dark:#0f172a;--text:#111827;--muted:#64748b;--light:#f8fafc;--white:#fff;--border:rgba(15,23,42,.1);--shadow:0 15px 40px rgba(2,8,23,.12);--radius:18px;--container:1240px;--transition:all .3s ease}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family: 'Noto Sans Gurmukhi', 'Arial', sans-serif ;color:var(--text);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input{font:inherit}.container{width:min(calc(100% - 32px),var(--container));margin:0 auto}
.topbar {
    background: linear-gradient(90deg, rgb(176 23 23) 0%, rgb(0 0 0) 72%);
    color: #fff;
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100%;
    box-shadow: 0 8px 24px rgb(140 140 140 / 18%);
}
.wppsac-post-slider.design-3 .slick-next {
    top: 42% !important;
}
.wppsac-post-slider.design-3 .slick-prev {
    left: 0 !important;
    top: 42% !important;
}
.wppsac-post-slider h2.wppsac-post-title a, .wppsac-post-carousel h2.wppsac-post-title a {
    font-size: 22px;
	font-weight: 500;
    line-height: 26px;
    font-family: 'Noto Sans Gurmukhi', 'Arial', sans-serif !important;
}
.wppsac-post-carousel.design-1 .wppsac-carousel-slides {
    margin: 0 10px;
    border-radius: 18px;
    background: #000;
    position: relative;
    overflow: hidden;
    padding: 0 !important;
    box-shadow: 0 15px 40px rgba(2, 8, 23, .12);
    border: 1px solid #0f172a1a;
}
.wppsac-post-content-position {
    padding: 0 10px 10px;
    min-height: 94px;
    z-index: 9999;
    position: relative;
}
.wppsac-post-carousel .wppsac-post-date {
    color: #a7a5a5 !important;
}
.wppsac-post-carousel.design-1 .wppsac-post-title a {
    color: #fff;
    font-size: 17px;
    line-height: 20px;
}
.wppsac-wrap.wppsac-slick-carousel-wrp.wppsac-clearfix {
    padding: 0 0 40px;
    overflow: hidden;
}

.slick-list {
    overflow: unset!important;
}
.wppsac-carousel-slides.slick-slide:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 1;
    bottom: 0;
    background: linear-gradient(0deg, rgb(0 0 0 / 79%) 74%, rgba(0, 0, 0, 0) 100%, rgba(237, 221, 83, 1) 100%) !important;
}

.breadcrumb {
    width: 100%;
    max-width: 1210px;
    margin: 0 auto;
  font-size:14px;
  color:#64748b;
}

.breadcrumb a{
  color:#0f172a;
  font-weight:600;
}

.breadcrumb a:hover{
  color:#d90429;
}

.breadcrumb .sep {
    margin: 0 6px;
    color: #fd0303;
}

.breadcrumb .current {
    color: #f00000;
    font-weight: 500;
}

.single-page-wrap,
.inner-page,
.row{
  overflow: visible !important;
}

.sto-sid{
  align-self: flex-start;
}

.sto-sid .sidebar-area{
  position: sticky;
  top: 90px;
}
.entry-content .top-contact i {
    color: #cc0000;
}
.entry-content .top-contact {
    color: #000;
}
.canvibe-topbar{
  background:linear-gradient(90deg,#8b0000 0%, #000 100%);
  color:#fff;
  font-size:14px;
}

.canvibe-topbar .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 15px;
  gap:15px;
  flex-wrap:wrap;
}

.topbar-left{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.topbar-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.top-contact {
    color: #d3b4b4;
    text-decoration: none;
    font-weight: 500;
}

.top-contact i{
  margin-right:6px;
}

.top-contact:hover{
  color:#ffd9d9;
}

.social {
    width: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    transition: 0.3s ease;
}

.social:hover{
  transform:translateY(-2px);
  color:#fff;
}
.topbar-right .fb, .topbar-right .li {
    background: none;
}


.whatsapp-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#25d366;
  color:#fff;
  text-decoration:none;
  padding:4px 14px;
  border-radius:30px;
  font-weight:700;
}

.whatsapp-btn:hover{
  background:#1ebe5d;
  color:#fff;
}

@media (max-width: 768px){
    .canvibe-topbar .container {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 0;
    }
.topbar-left, .topbar-right {
        width: 100%;
        display: flex;
        gap: 10px;
        justify-content: center;
    }
.breadcrumb {
    padding: 0 20px;
}

}




.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img,.custom-logo-link img{object-fit:contain;border-radius:12px;padding:4px}.brand-text h1{margin:0;font-size:2rem;line-height:1}.brand-text p{margin:6px 0 0;font-size:.95rem;color:rgba(255,255,255,.88)}
.desktop-nav{display:flex;align-items:center;gap:26px}
.desktop-nav .menu,.mobile-links .menu{list-style:none;margin:0;padding:0}
.desktop-nav .menu{display:flex;align-items:center;gap:26px}
.desktop-nav li{display:inline-flex}
.desktop-nav a {
    font-size: 1rem;
    font-weight: 500;
    font-family: 'Noto Sans Gurmukhi', 'Arial', sans-serif !important;
    position: relative;
    margin: 8px 0 0;
    text-transform: uppercase;
    padding: 8px 0;
    color: #fff;
}

.recent-post-content a {
    color: #000;
    text-decoration: none;
    font-family: 'Noto Sans Gurmukhi', 'Arial', sans-serif !important;
    font-weight: 500;
}

.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:3px;background:#ff0000;border-radius:999px;transition:var(--transition)}

.desktop-nav a:hover:after,.desktop-nav .current-menu-item a:after{width:100%}.nav-actions{display:flex;align-items:center;gap:12px}.search-btn,.menu-btn,.close-btn,.hero-arrow{border:0;cursor:pointer;transition:var(--transition)}.search-btn{background:rgba(255,255,255,.12);color:#fff;width:46px;height:46px;border-radius:50%;font-size:1.05rem}.menu-btn{display:none;align-items:center;justify-content:center;background:rgb(227 17 17);color:#fff;width:46px;height:46px;border-radius:12px;font-size:1.35rem}
.mobile-menu-overlay{position:fixed;inset:0;background:rgba(2,8,23,.55);z-index:998;opacity:0;visibility:hidden;transition:var(--transition)}.mobile-menu{position:fixed;top:0;left:0;height:100vh;width:min(84vw,340px);background:var(--dark);color:#fff;z-index:999999;transform:translateX(-100%);transition:transform .35s ease;box-shadow:20px 0 40px rgba(0,0,0,.25);padding:22px 20px;display:flex;flex-direction:column}.mobile-menu.active{transform:translateX(0)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.mobile-brand{display:flex;align-items:center;gap:10px;min-width:0}.mobile-brand img,.mobile-brand .custom-logo{width:48px;height:48px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.08);padding:4px}.mobile-brand strong{font-size:1.15rem;display:block}.mobile-brand span{font-size:.85rem;color:rgba(255,255,255,.75)}.close-btn{background:rgba(255,255,255,.12);color:#fff;width:42px;height:42px;border-radius:10px;font-size:1.2rem}.mobile-links .menu{display:flex;flex-direction:column;gap:6px}.mobile-links a{display:block;padding:14px;border-radius:12px;font-weight:700;background:rgba(255,255,255,.04);color:#fff}.mobile-links .current-menu-item a,.mobile-links a:hover{background:var(--primary)}.mobile-extra{margin-top:auto;padding-top:20px;color:rgba(255,255,255,.75);font-size:.95rem;line-height:1.7}
.hero{position:relative;overflow:hidden;background:#0b1220}.slider{position:relative;min-height:650px}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .8s ease}.slide.active{opacity:1;pointer-events:auto}.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04)}.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.82) 0%,rgba(2,8,23,.58) 40%,rgba(2,8,23,.28) 100%);z-index:1}.hero-content{position:relative;z-index:2;min-height:650px;display:flex;align-items:center;padding:70px 0;max-width:700px;color:#fff}.tag{display:inline-block;background:var(--primary);color:#fff;padding:10px 16px;border-radius:999px;font-weight:700;margin-bottom:18px;box-shadow:0 10px 25px rgba(225,6,0,.28)}.hero h2{font-size:clamp(2rem,4vw,4rem);line-height:1.08;margin:0 0 16px;letter-spacing:-.03em}.hero p{font-size:1.08rem;line-height:1.8;color:rgba(255,255,255,.88);margin:0 0 28px;max-width:620px}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;font-weight:700;transition:var(--transition)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 12px 24px rgba(225,6,0,.28)}.btn-outline{border:1.5px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.04)}.slider-controls{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);width:min(calc(100% - 30px),var(--container));z-index:3;display:flex;align-items:center;justify-content:space-between}.slider-dots{display:flex;gap:10px;align-items:center}.dot{width:12px;height:12px;border-radius:50%;border:0;background:rgba(255,255,255,.45);cursor:pointer;transition:var(--transition)}.dot.active{width:34px;border-radius:999px;background:#fff}.arrows{display:flex;gap:10px}.hero-arrow{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(10px);font-size:1.2rem}
section{padding:70px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:28px;flex-wrap:wrap}

.section-head h3 {
    font-weight: 500;
    margin: 0 0 0 11px;
    line-height: 1.1;
    display: inline;
    background: #e30000;
    font-size: 22px;
    border-radius: 0 15px 0 15px;
    color: #fff;
    width: auto;
    padding: 5px 20px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Noto Sans Gurmukhi', 'Arial', sans-serif !important;
    letter-spacing: -.03em;
}
section.mmy {
    padding: 40px 0;
}
.section-head p{margin:8px 0 0;color:var(--muted);max-width:640px;line-height:1.7}.section-link{color:var(--primary);font-weight:700}
.grid-4,.shows-grid,.videos-grid,.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{grid-template-columns:repeat(4,1fr)}.card,.video-card,.news-card,.show-card,.post-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border)}.card-media,.video-thumb,.news-thumb,.show-media{position:relative;overflow:hidden;aspect-ratio:16/10}.card-media img,.video-thumb img,.news-thumb img,.show-media img,.post-card img{width:100%;height:100%;object-fit:cover}.card-body,.video-body,.news-body,.show-body{padding:22px}.eyebrow{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-weight:700;margin-bottom:10px;display:inline-block}.card h4,.video-body h4,.news-body h4,.show-body h4,.post-card h4{margin:0 0 10px;font-size:1.2rem;line-height:1.4}.card p,.video-body p,.news-body p,.show-body p,.post-card p{margin:0 0 16px;color:var(--muted);line-height:1.7;font-size:.97rem}.small-btn{display:inline-flex;padding:12px 18px;border-radius:999px;background:var(--primary);color:#fff;font-weight:700}.quick-stats{background:linear-gradient(135deg,#111827,#1f2937);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.stat-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:28px 22px;border-radius:20px;text-align:center}.stat-box strong{display:block;font-size:2rem;margin-bottom:8px}.stat-box span{color:rgba(255,255,255,.8)}
.content-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:28px;align-items:start}.news-list{display:grid;gap:22px}.news-card{display:grid;grid-template-columns:280px 1fr}.news-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem;color:var(--muted);margin-bottom:10px}.play-icon{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:rgba(225,6,0,.92);color:#fff;display:grid;place-items:center;font-size:1.6rem;box-shadow:0 15px 35px rgba(225,6,0,.35)}.sidebar-box{background:var(--light);border:1px solid var(--border);border-radius:20px;padding:24px;margin-bottom:22px}.sidebar-box h4,.widget-title{margin:0 0 18px;font-size:1.25rem}.mini-list{display:grid;gap:16px}.mini-item{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center}.mini-item img{width:96px;height:72px;object-fit:cover;border-radius:12px}.mini-item strong{display:block;margin-bottom:5px;line-height:1.45;font-size:.98rem}.mini-item span{color:var(--muted);font-size:.88rem}.radio-box{background:linear-gradient(135deg,var(--primary),#ff453e);color:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 40px rgba(225,6,0,.22)}.radio-box h4{margin:0 0 10px;font-size:1.6rem}.radio-box p{color:rgba(255,255,255,.88);line-height:1.7;margin-bottom:18px}.audio-player{background:rgba(255,255,255,.14);padding:14px;border-radius:16px}.audio-player audio{width:100%;margin-top:10px}
.soft-bg{background:#f8fafc}.newsletter{background:linear-gradient(135deg,#fff5f5,#fff0f0)}.newsletter-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;background:#fff;border-radius:28px;box-shadow:var(--shadow);border:1px solid rgba(225,6,0,.08);overflow:hidden}

.newsletter-content {
    padding: 36px;
    font-family: 'Noto Sans Gurmukhi', 'Arial', sans-serif !important;
}

.newsletter-content h3 {
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 1.1;
}

.newsletter-content p {
    color: #101726;
    line-height: 1.8;
    margin-bottom: 22px;
}

.newsletter-form{display:flex;gap:12px;flex-wrap:wrap}.newsletter-form input{flex:1 1 260px;height:54px;border-radius:999px;border:1px solid rgba(15,23,42,.12);padding:0 18px;font-size:1rem;outline:none}

.newsletter-art {
    min-height: 100%;
    display: flex;
    align-items: center;
}


.site-footer{background:var(--dark);color:#fff;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;margin-bottom:30px}.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:16px}.footer-brand img,.footer-brand .custom-logo{width:62px;height:62px;border-radius:12px;object-fit:contain;background:rgba(255,255,255,.07);padding:4px}.footer-col h5{margin:0 0 16px;font-size:1.1rem}.footer-col p,.footer-col a,.copy{color:rgba(255,255,255,.76);line-height:1.9;font-size:.96rem}.footer-col a{display:block;margin-bottom:8px}.footer-menu{list-style:none;margin:0;padding:0}.footer-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
.inner-page{padding:70px 0}.single-article{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:28px}.single-article h1{margin:0 0 10px;font-size:clamp(2rem,3vw,3rem)}.single-meta{color:var(--muted);margin-bottom:18px}.single-thumb img{width:100%;height:auto;border-radius:16px;margin-bottom:20px}.entry-content{line-height:1.8}.pagination-wrap{margin-top:24px}
@media (max-width:1180px){.grid-4,.stats-grid{grid-template-columns:repeat(2,1fr)}.shows-grid,.videos-grid,.footer-grid,.newsletter-wrap,.archive-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}
@media (max-width:900px){.desktop-nav,.search-btn{display:none}.menu-btn{display:inline-flex}.slider,.hero-content{min-height:560px}.news-card{grid-template-columns:1fr}.brand img,.custom-logo-link img{width:74px;height:74px}.brand-text h1{font-size:1.65rem}}
@media (max-width:768px){section{padding:56px 0}.grid-4,.stats-grid,.shows-grid,.videos-grid,.footer-grid,.newsletter-wrap,.archive-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:start}.btn{width:100%}}
@media (max-width:520px){.nav-wrap{min-height:74px}.brand{gap:10px}.brand img,.custom-logo-link img{width:74px;height:74px}.brand-text h1{font-size:1.3rem}.brand-text p{display:none}.hero-content{min-height:520px;padding:50px 0 90px}.hero h2{font-size:2rem}.hero p{font-size:.98rem}}

div#media_image-2 {
    border: 1px solid #000000;
    text-align: center;
    position: relative;
    box-shadow: 0 10px 22px rgb(15 23 42 / 12%);
}
div#media_image-2 h2 {
    background: #cc0000;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    display: inline;
    position: absolute;
    font-family: 'Noto Sans Gurmukhi', 'Arial', sans-serif !important;
    font-weight: 100;
    left: 15%;
    right: 15%;
    padding: 7px 0 3px;
    margin: -15px 0 0;
    border-radius: 33px;
}
div#media_image-2 img {
    margin: 0 auto;
}
.recent-post-item:last-child {
    margin: 0;
}
div#canvibe_recent_posts_widget-2 li {
    min-height: 107px;
    box-shadow: 0 10px 22px rgb(15 23 42 / 12%);
}
.slid-top {
    width: 100%;
    max-width: 1244px;
    clear: both;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.25fr .75fr .75fr;
    gap: 14px;
    padding: 14px;
}
.slidder {
    margin: 0;
    font-family: 'Noto Sans Gurmukhi', 'Arial', sans-serif;
    padding: 0;
    float: left;
    border-radius: 15px;
    border: 1px solid #0f172a1f;
    overflow: hidden;
    box-shadow: 0 10px 22px rgb(15 23 42 / 22%);
}
.wppsac-post-slider.design-3 .wppsac-post-short-content {
    background: linear-gradient(0deg,rgba(0, 0, 0, 1) 34%, rgba(0, 0, 0, 0) 100%, rgba(237, 221, 83, 1) 100%) !important;
    background-size: contain !important;
    padding: 120px 30px 10px 30px !important;
	height: auto !important;
}

.wppsac-post-slider .wppsac-post-image-bg img {
    height: auto !important;
}




.search-popup{
  position:fixed;
  inset:0;
  background:rgba(2,8,23,.72);
  z-index:1200;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
  padding:20px;
}

.search-popup.active{
  opacity:1;
  visibility:visible;
}

.search-popup-inner{
  width:min(100%,700px);
  background:#fff;
  border-radius:24px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
  padding:28px;
  position:relative;
}

.search-popup-inner h3{
  margin:0 0 16px;
  font-size:1.8rem;
}

.search-close{
  position:absolute;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:#f1f5f9;
  cursor:pointer;
  font-size:1.1rem;
}

.canvibe-search-form{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.canvibe-search-input{
  flex:1 1 320px;
  height:56px;
  border:1px solid rgba(15,23,42,.14);
  border-radius:999px;
  padding:0 20px;
  font-size:1rem;
  outline:none;
}

.canvibe-search-submit{
  height:56px;
  padding:0 24px;
  border:0;
  border-radius:999px;
  background:#e10600;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}

.wppsac-wrap .wppsac-post-image {
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
}

.canvibe-highlights {
    padding: 0 0 40px;
    background-image: url(https://canvibes.ca/wp-content/uploads/2026/03/can.webp);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    font-family: 'Noto Sans Gurmukhi', 'Arial', sans-serif !important;
    position: relative;
    border-top: 2px solid #e30000;
}
.canvibe-highlights:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 56%);
    z-index: 0;
}

.canvibe-highlights .container{
position:relative;
z-index:2;
}
.canvibe-highlights .section-head {
    text-align: center;
    display: flex;
    margin: 0 auto 40px;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.canvibe-highlights .section-tag {
    display: inline-block;
    background: #e30000;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 8px 14px;
    border-radius: 30px;
    margin: -15px auto 0;
}

.canvibe-highlights .section-head h2 {
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    margin: 20px 0 0;
    line-height: 1.2;
}

.canvibe-highlights .section-head p {
    color: rgba(255, 255, 255, 0.78);
    font-size: 16px;
    line-height: 1.8;
    max-width: 100%;
    margin: 0;
}

.highlight-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px;
}

.highlight-box{
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:20px;
  padding:32px 24px;
  text-align:center;
  backdrop-filter: blur(8px);
  transition:all 0.3s ease;
  box-shadow:0 10px 30px rgba(0,0,0,0.18);
}

.highlight-box:hover{
  transform:translateY(-6px);
  background:rgba(255,255,255,0.09);
  box-shadow:0 18px 40px rgba(0,0,0,0.25);
}

.highlight-icon {
    width: 64px;
    height: 64px;
    line-height: 64px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #162c427d;
    border: 1px solid #5e5e5e;
    color: #fff;
    font-size: 28px;
    box-shadow: 0 10px 24px rgb(4 17 30);
}
.highlight-box h3{
  color:#fff;
  font-size:22px;
  font-weight:700;
  margin-bottom:10px;
}

.highlight-box p{
  color:rgba(255,255,255,0.76);
  font-size:15px;
  line-height:1.7;
  margin:0;
}
#wppsac-post-carousel-3 .wppsac-post-image-bg {
    max-height: 360px;
    overflow: hidden;
}

#wppsac-post-carousel-3 .wppsac-carousel-slides {
    min-height: 471px;
    max-height: 471px;
}





@media (max-width: 991px){
  .highlight-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .canvibe-highlights .section-head h2{
    font-size:30px;
  }
}

@media (max-width: 576px){
  .highlight-grid{
    grid-template-columns:1fr;
  }

  .canvibe-highlights{
    padding:50px 0;
  }

  .canvibe-highlights .section-head h2{
    font-size:26px;
  }

  .highlight-box{
    padding:26px 18px;
  }
}








@media (max-width:768px){
	.slid-top {
    grid-template-columns: none;
    
}
.wppsac-post-slider.design-3 .wppsac-post-image-bg{height: 314px!important;}
.slidder.col {
    width: 100%;
    margin: 0;
}
  .search-popup-inner{
    padding:22px;
  }

  .canvibe-search-submit,
  .canvibe-search-input{
    width:100%;
  }
}




.cv-top-strip {
    width: 100%;
    padding: 0;
    font-family: 'Noto Sans Gurmukhi', 'Arial', sans-serif !important;
    margin: 0 ;
}

.cv-strip-wrap{
  display:grid;
  grid-template-columns: 45% 55%;
  gap:0;
  align-items:stretch;
  overflow:hidden;
}

/* LEFT RADIO BOX */
.cv-radio-box {
    min-height: 140px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 22px;
    background: url(https://canvibes.ca/wp-content/uploads/2026/03/bbg.webp);
    overflow: hidden;
    justify-content: flex-end;
}

.cv-radio-box::before{
  content:"";
  position:absolute;
  inset:0;
 
  pointer-events:none;
}

.cv-radio-box::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(0,0,0,0.12));
  pointer-events:none;
}

.cv-radio-mic,
.cv-radio-text{
  position:relative;
  z-index:2;
}

.cv-radio-mic{
  flex:0 0 92px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cv-radio-mic img {
    width: 160px;
    max-width: unset;
    height: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.35));
}

.cv-radio-text h2 {
    margin: 0 0 14px -40px;
    color: #fff;
    font-size: 31px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.3px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.cv-radio-btn {
    display: inline-block;
    min-width: 190px;
    text-align: center;
    padding: 4px 24px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 800;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: linear-gradient(180deg, #3f3f3f 0%, #222 55%, #111 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 6px 12px rgba(0, 0, 0, 0.35);
    transition: all .25s ease;
}

.cv-radio-btn:hover{
  transform:translateY(-1px);
  color:#fff;
  background:linear-gradient(180deg, #4a4a4a 0%, #252525 55%, #0e0e0e 100%);
}

/* RIGHT TRENDING */
.cv-trending-box {
    position: relative;
    min-height: 140px;
    background: #000;
    display: grid;
    grid-template-columns: 50.3% 42%;
    overflow: hidden;
}

.cv-trending-content {
    position: relative;
    z-index: 2;
    padding: 12px 24px 12px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(90deg, rgb(176 23 23) 0%, rgb(0 0 0) 72%);
}

.cv-trending-content h3{
  margin:0 0 12px;
  color:#fff;
  font-size:20px;
  font-weight:800;
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,0.12);
}

.cv-trending-content ul{
  list-style:none;
  padding:0;
  margin:0;
}

.cv-trending-content li{
  position:relative;
  padding-left:16px;
  margin:0 0 12px;
}

.cv-trending-content li:last-child{
  margin-bottom:0;
}

.cv-trending-content li::before{
  content:"•";
  position:absolute;
  left:0;
  top:-1px;
  color:#ff1c1c;
  font-size:22px;
  line-height:1;
}

.cv-trending-content a{
  color:#fff;
  text-decoration:none;
  font-size:15px;
  line-height:1.45;
  font-weight:500;
}

.cv-trending-content a:hover{
  color:#ffdddd;
}

.cv-trending-image {
    position: relative;
    z-index: 99;
    margin: 16px 0 0;
}

.cv-trending-image img{
  object-fit:cover;
  display:block;
}

.cv-trending-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.00) 100%);
  z-index:1;
  pointer-events:none;
}

/* TABLET */
@media (max-width: 991px){
  .cv-strip-wrap{
    grid-template-columns:1fr;
    gap:12px;
  }

  .cv-radio-box,
  .cv-trending-box{
    min-height:160px;
  }
}

/* MOBILE */
@media (max-width: 767px){
  .cv-radio-box{
    flex-direction:column;
    text-align:center;
    padding:22px 16px;
    gap:12px;
  }

  .cv-radio-mic{
    flex:0 0 auto;
  }

  .cv-radio-mic img{
    width:72px;
    height:72px;
  }

  .cv-radio-text h2{
    font-size:22px;
  }

  .cv-radio-btn{
    min-width:auto;
    width:100%;
    max-width:220px;
    font-size:16px;
    padding:12px 18px;
  }

  .cv-trending-box{
    grid-template-columns:1fr;
  }

  .cv-trending-content{
    order:1;
    padding:16px 18px;
    background:linear-gradient(180deg, rgba(18,18,18,0.95) 0%, rgba(18,18,18,0.82) 100%);
  }

  .cv-trending-image{
    order:2;
    min-height:180px;
  }
}









.highlight-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}

.media-card{
  position:relative;
  min-height:270px;
  border-radius:24px;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  box-shadow:0 18px 40px rgba(0,0,0,0.22);
  transition:all .35s ease;
  border:1px solid rgba(255,255,255,0.08);
}

.media-card:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 50px rgba(0,0,0,0.28);
}

.media-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0.12) 0%,
    rgba(0,0,0,0.18) 25%,
    rgba(0,0,0,0.52) 60%,
    rgba(0,0,0,0.88) 100%
  );
  z-index:1;
}

.media-content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  padding:24px 22px;
}

.media-badge{
  display:inline-block;
  background:#f30000;
  color:#fff;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  padding:7px 12px;
  border-radius:30px;
  margin-bottom:14px;
}

.media-content h3 {
    color: #fff;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 10px;
}

.media-content p{
  color:rgba(255,255,255,0.88);
  font-size:15px;
  line-height:1.7;
  margin:0;
}

/* Background images */
.media-news{
  background-image:url('https://images.unsplash.com/photo-1504711434969-e33886168f5c?q=80&w=1200&auto=format&fit=crop');
}

.media-tv{
  background-image:url('https://images.unsplash.com/photo-1492619375914-88005aa9e8fb?q=80&w=1200&auto=format&fit=crop');
}

.media-radio{
  background-image:url('https://images.unsplash.com/photo-1590602847861-f357a9332bbc?q=80&w=1200&auto=format&fit=crop');
}

.media-events{
  background-image:url('https://images.unsplash.com/photo-1511578314322-379afb476865?q=80&w=1200&auto=format&fit=crop');
}

/* Tablet */
@media (max-width: 1199px){
  .highlight-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width: 991px){
  .pro-media-boxes .section-head h2{
    font-size:36px;
  }
}

/* Mobile */
@media (max-width: 576px){
  .highlight-grid{
    grid-template-columns:1fr;
  }

  .media-card{
    min-height:300px;
  }

  .pro-media-boxes .section-head h2{
    font-size:28px;
  }

  .pro-media-boxes .section-head p{
    font-size:15px;
  }

  .media-content h3{
    font-size:24px;
  }
}






.canvibe-founders {
    padding: 0 0 20px;
    background: url(https://canvibes.ca/wp-content/uploads/2026/03/can.webp);
    background-size: cover;
    background-attachment: fixed;
}

.canvibe-founders .section-head {
    text-align: center;
    margin: auto;
    gap: 0;
    display: flex;
    margin-bottom: 30px;
    justify-content: center;
}
.canvibe-founders h2 {
    font-size: 42px;
    font-weight: 700;
    color:#c9c9c9;
    margin-bottom: 0;
}

.canvibe-founders p {
    color: #bfbfbf;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    max-width: 100%;
}
.founders-grid {
    display: grid;
}

.founder-card {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    transition: .3s;
    backdrop-filter: blur(15px);
    margin: 0 0 20px;
    padding: 20px;
}
.founder-img {
    float: left;
    border: 3px solid #cc0000;
    border-radius: 100%;
}

.founder-card:hover{

transform:translateY(-6px);

}

.founder-img img {
    width: 186px;
    height: 187px;
    max-width: none;
}

.founder-info {
    padding: 0 25px 25px 40px;
    float: left;
}

.founder-info h3{
color:#c9c9c9;
font-size:26px;
margin-bottom:5px;

}

.founder-info span{

color:#e60000;
font-weight:700;
font-size:14px;

}

.founder-info p{

margin-top:12px;

}

/* responsive */

@media(max-width:900px){

.founders-grid{ grid-template-columns:1fr; }
.founder-card {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.founder-info {padding: 0; text-align:center; }
	
}









.canvibe-about-split{
  padding:70px 0;
  background:#f8f4f4;
}

.canvibe-about-wrap{
  display:grid;
  grid-template-columns: 1.05fr 1fr;
  gap:38px;
  align-items:center;
  background:#fff;
  border-radius:28px;
  padding:34px;
  box-shadow:0 10px 35px rgba(0,0,0,0.06);
}

.canvibe-about-left .about-tag{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  letter-spacing:1.5px;
  color:#f00000;
  margin-bottom:12px;
  text-transform:uppercase;
}

.canvibe-about-left h2{
  font-size:48px;
  line-height:1.1;
  font-weight:800;
  margin:0 0 18px;
  color:#081a3a;
}

.canvibe-about-left p{
  font-size:18px;
  line-height:1.85;
  color:#334a68;
  margin:0 0 26px;
  max-width:620px;
}

.about-btns{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.about-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  padding:14px 24px;
  border-radius:999px;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  transition:all .25s ease;
}

.about-btn.primary{
  background:#f00000;
  color:#fff;
  box-shadow:0 10px 24px rgba(240,0,0,0.2);
}

.about-btn.secondary{
  background:#0d1220;
  color:#fff;
}

.about-btn:hover{
  transform:translateY(-2px);
  color:#fff;
}

/* RIGHT SIDE */
.mini-media-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.mini-media-card{
  position:relative;
  min-height:210px;
  border-radius:22px;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  text-decoration:none;
  box-shadow:0 10px 28px rgba(0,0,0,0.12);
  transition:all .3s ease;
}

.mini-media-card:hover{
  transform:translateY(-4px);
}

.mini-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,
    rgba(0,0,0,0.10) 0%,
    rgba(0,0,0,0.18) 35%,
    rgba(0,0,0,0.72) 100%);
  z-index:1;
}

.mini-badge{
  position:absolute;
  top:14px;
  left:14px;
  z-index:2;
  display:inline-block;
  background:#f00000;
  color:#fff;
  font-size:11px;
  font-weight:700;
  padding:7px 12px;
  border-radius:999px;
  text-transform:uppercase;
  letter-spacing:.8px;
}
.video-card .mini-badge {
    position: relative;
}
.mini-content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  padding:18px;
}

.mini-content h3{
  margin:0;
  color:#fff;
  font-size:24px;
  line-height:1.2;
  font-weight:800;
}

/* background images */
.news-card{
  background-image:url('https://images.unsplash.com/photo-1504711434969-e33886168f5c?q=80&w=1200&auto=format&fit=crop');
}

.video-card{
  background-image:url('https://images.unsplash.com/photo-1492619375914-88005aa9e8fb?q=80&w=1200&auto=format&fit=crop');
}

.radio-card{
  background-image:url('https://images.unsplash.com/photo-1590602847861-f357a9332bbc?q=80&w=1200&auto=format&fit=crop');
}

.event-card{
  background-image:url('https://images.unsplash.com/photo-1511578314322-379afb476865?q=80&w=1200&auto=format&fit=crop');
}

/* tablet */
@media (max-width: 1100px){
  .canvibe-about-wrap{
    grid-template-columns:1fr;
  }

  .canvibe-about-left h2{
    font-size:40px;
  }
}

/* mobile */
@media (max-width: 767px){
  .canvibe-about-split{
    padding:45px 0;
  }

  .canvibe-about-wrap{
    padding:22px;
    border-radius:20px;
    gap:24px;
  }

  .canvibe-about-left h2{
    font-size:32px;
  }

  .canvibe-about-left p{
    font-size:16px;
    line-height:1.7;
  }

  .mini-media-grid{
    grid-template-columns:1fr;
  }

  .mini-media-card{
    min-height:200px;
  }

  .mini-content h3{
    font-size:22px;
  }

  .about-btn{
    min-width:unset;
    width:100%;
  }
}









/* SINGLE STORY PAGE LAYOUT */
.inner-page{
  max-width: 1280px;
  margin: 0 auto;
  padding: 35px 15px 60px;
}

.inner-page .row{
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(300px, 380px);
  gap: 32px;
  align-items: start;
}

.stoo,
.sto-sid{
  width: 100%;
  min-width: 0;
}

/* Article card */
.single-article{
  background: #fff;
  border-radius: 22px;
  padding: 28px;
  box-shadow: 0 10px 35px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.06);
}

.single-article .eyebrow {
    display: inline-block;
    color: #f00000;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .8px;
    padding: 0;
    border-radius: 999px;
    margin: 0 10px 0 0;
}

.single-article h1 {
    font-size: 30px;
    line-height: 1.15;
    font-weight: 500;
    color: #000000;
    margin: 0 0 10px;
}

.single-meta{
  color: #6b7280;
  font-size: 14px;
  margin-bottom: 20px;
}

.single-thumb{
  margin: 0 0 24px;
  border-radius: 18px;
  overflow: hidden;
}

.single-thumb img{
  width: 100%;
  height: auto;
  display: block;
}

.entry-content{
  font-size: 18px;
  line-height: 1.9;
  color: #1f2937;
}

.entry-content p{
  margin: 0 0 18px;
}

.entry-content h2,
.entry-content h3,
.entry-content h4{
  color: #081a3a;
  line-height: 1.3;
  margin: 30px 0 14px;
}

.entry-content img{
  max-width: 100%;
  height: auto;
  border-radius: 14px;
}

.entry-content ul,
.entry-content ol{
  padding-left: 22px;
  margin: 0 0 20px;
}

/* Sidebar */
.sto-sid{
  position: sticky;
  top: 120px;
}

.sidebar-area{
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sidebar-area .widget{
  background: #fff;
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 10px 35px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.06);
}

.sidebar-area .widget-title,
.sidebar-area .canvibe-widget-title{
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  color: #081a3a;
  margin: 0 0 18px;
  position: relative;
  padding-bottom: 10px;
}

.sidebar-area .widget-title::after,
.sidebar-area .canvibe-widget-title::after{
  content: "";
  width: 54px;
  height: 4px;
  background: #f00000;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 999px;
}

/* Recent posts in sidebar */
.recent-posts-list,
.canvibe-recent-posts-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.recent-post-item,
.canvibe-recent-post-item{
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 14px;
  align-items: start;
  padding: 0 0 14px;
  margin: 0 0 14px;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.recent-post-item:last-child,
.canvibe-recent-post-item:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.recent-post-thumbnail img{
  width: 84px;
  height: 84px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.recent-post-content h4{
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
}

.recent-post-content h4 a{
  color: #111827;
  text-decoration: none;
}

.recent-post-content h4 a:hover{
  color: #f00000;
}

/* Overall page background */
body.single-post{
  background: #f6f7fb;
}

/* Mobile */
@media (max-width: 991px){
  .inner-page .row{
    grid-template-columns: 1fr;
  }

  .sto-sid{
    position: static;
  }

  .single-article h1{
    font-size: 34px;
  }
}

@media (max-width: 576px){
  .inner-page{
    padding: 22px 0 40px;
  }

  .single-article{
    padding: 18px;
    border-radius: 16px;
  }

  .single-article h1{
    font-size: 28px;
  }

  .entry-content{
    font-size: 16px;
    line-height: 1.8;
  }

  .sidebar-area .widget{
    padding: 18px;
  }
}





.related-posts{
  margin-top: 35px;
  padding-top: 10px;
}

.related-posts h3{
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
  color: #081a3a;
  margin: 0 0 20px;
  position: relative;
  padding-bottom: 10px;
}

.related-posts h3::after{
  content: "";
  width: 60px;
  height: 4px;
  background: #f00000;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 999px;
}

.related-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.related-card{
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.06);
  transition: .3s ease;
}

.related-card:hover{
  transform: translateY(-4px);
}

.related-thumb{
  display: block;
}

.related-thumb img{
  width: 100%;
  height: 210px;
  object-fit: cover;
  display: block;
}

.related-content{
  padding: 16px;
}

.related-date{
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 8px;
}

.related-content h4{
  margin: 0;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 700;
}

.related-content h4 a{
  color: #111827;
  text-decoration: none;
}

.related-content h4 a:hover{
  color: #f00000;
}

@media (max-width: 991px){
  .related-grid{
    grid-template-columns: 1fr;
  }

  .related-thumb img{
    height: 220px;
  }
}






.single-share{
display:flex;
align-items:center;
gap:10px;
margin:25px 0;
flex-wrap:wrap;
}

.share-label{
font-weight:700;
color:#111;
margin-right:6px;
}

.share-btn{
width:36px;
height:36px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
text-decoration:none;
font-size:14px;
transition:.3s;
}

.share-btn:hover{
transform:translateY(-2px);
color:#fff;
}

.fb{background:#1877f2;}
.tw{background:#111;}
.wa{background:#25d366;}
.li{background:#0a66c2;}







/* ARCHIVE PAGE LEFT SIDEBAR LAYOUT */
.archive-page-layout{
  max-width:1280px;
  margin:0 auto;
  padding:34px 15px 60px;
}

.archive-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 28px;
}

.archive-left-sidebar{
  position:sticky;
  top:120px;
  display:flex;
  flex-direction:column;
  gap:22px;
}

.archive-widget-box{
  background:#fff;
  border-radius:20px;
  padding:22px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.06);
}

.archive-category-box h3{
  font-size:28px;
  line-height:1.2;
  font-weight:800;
  color:#081a3a;
  margin:0 0 12px;
}

.archive-category-box p{
  color:#4b5563;
  font-size:15px;
  line-height:1.8;
  margin:0;
}

.archive-main-content{
  min-width:0;
}

.archive-head{
  margin-bottom:24px;
}

.archive-head h3 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 8px;
}
.archive-widget-box section {
    padding: 0;
}
.archive-head p{
  color:#6b7280;
  font-size:15px;
  margin:0;
}

.archive-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.post-card{
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.06);
  transition:.3s ease;
}

.post-card:hover{
  transform:translateY(-4px);
}

.post-card a{
  text-decoration:none;
  display:block;
}

.card-media{
  overflow:hidden;
}

.card-media img{
  width:100%;
  height:240px;
  object-fit:cover;
  display:block;
}

.card-body{
  padding:18px;
}

.card-body .eyebrow{
  display:inline-block;
  color:#d40000;
  font-size:12px;
  font-weight:700;
  letter-spacing:.5px;
  text-transform:uppercase;
  margin-bottom:10px;
}

.card-body h4{
  font-size:23px;
  line-height:1.35;
  font-weight:800;
  color:#111827;
  margin:0 0 10px;
}

.card-body p{
  font-size:15px;
  line-height:1.75;
  color:#4b5563;
  margin:0;
}

.archive-left-sidebar .widget-title,
.archive-left-sidebar .canvibe-widget-title{
  font-size:22px;
  line-height:1.2;
  font-weight:800;
  color:#081a3a;
  margin:0 0 18px;
  position:relative;
  padding-bottom:10px;
}

.archive-left-sidebar .widget-title::after,
.archive-left-sidebar .canvibe-widget-title::after{
  content:"";
  width:54px;
  height:4px;
  background:#f00000;
  position:absolute;
  left:0;
  bottom:0;
  border-radius:999px;
}

.archive-cats{
  list-style:none;
  margin:0;
  padding:0;
}

.archive-cats li{
  border-bottom:1px solid rgba(0,0,0,.08);
  padding:10px 0;
}

.archive-cats li:last-child{
  border-bottom:0;
}

.archive-cats a{
  text-decoration:none;
  color:#111827;
}

.archive-cats a:hover{
  color:#f00000;
}

.pagination-wrap{
  margin-top:28px;
}

.pagination-wrap .nav-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.pagination-wrap .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  color:#111827;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.06);
}

.pagination-wrap .page-numbers.current,
.pagination-wrap .page-numbers:hover{
  background:#f00000;
  color:#fff;
}

@media (max-width:1100px){
  .archive-layout{
    grid-template-columns:1fr;
  }

  .archive-left-sidebar{
    position:static;
    order:2;
  }

  .archive-main-content{
    order:1;
  }
}

@media (max-width:767px){
  .archive-page-layout{
    padding:24px 12px 40px;
  }

  .archive-grid{
    grid-template-columns:1fr;
  }

  .archive-head h3{
    font-size:28px;
  }

  .card-media img{
    height:220px;
  }

  .card-body h4{
    font-size:21px;
  }
}