/* Table of Contents
==================================================
# Global 
# Header 
# Dropdown CSS 
# Home Banner 
# About Section 
# Artists Section 
# Gallery Sction 
# Shop Section 
# Blog Section 
# Promotion 
# Twitter Feed 
# Contact Section 

Default Color : #ed145b
==================================================

*/

/* ==========================================================================
 	Global
 ========================================================================== */

html,
body {
	font-family: 'allerregular', sans-serif;
	font-weight:400;
	color:#2c3e50;
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'allerregular', sans-serif;
	font-weight:normal;
}

ul {
	margin:0;
	padding:0;
    list-style:none;
}

a:hover {
	color: #8e1913;
}

a, a:hover, a:active,
a:focus, button:focus, .btn:focus,
.form-control:focus {
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.btn.btn-primary {
    text-transform: uppercase;
    font-family: 'allerbold';
    font-size: 14px;
    text-align: center;
    border-color: #8e1913;
    background-color: #8e1913;
	padding-top: 10px;
    padding-bottom: 15px;
    padding-left:35px;
    padding-right:60px;
    position: relative;
}

.btn.btn-primary:hover {
    background-color: transparent;
    color: #8e1913;
}

.btn.btn-default i,
.btn.btn-primary i {
    margin-left: 10px;
    font-size: 18px;
}

.btn.btn-primary i {
    color: #fff;
    position: absolute;
    right: 30px;
    top: 14px;    
}

.btn.btn-primary:hover i {
	right:20px;
	color: #8e1913;
}

.btn.btn-default {
    background-color: transparent;
    border:none;
    font-size: 14px;
    color: #8a8a8a;
    padding: 0;
    text-transform: uppercase;
    font-family: 'allerbold';
    line-height: 0;
}

.btn.btn-default:hover {
    color: #8e1913;
}

.btn.btn-default i {
    color: #8e1913;
}

.btn.btn-default:hover i {
    color: #8a8a8a;
}

.section-padding {
    padding-top: 60px;
    padding-bottom: 50px;
}

.bg-image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.section-title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.section-title h1,
.page-title h1 {
    font-size: 12px;
    letter-spacing: 14px;
    color: #8e1913;
    font-family: 'allerbold';
}

.section-title h2,
.page-title h2 {
    font-size: 46px;
    color: #000;
    margin: 0;
    font-family: 'aller_displayregular';
}

.page-title h1,
.page-title h2 {
    color: #fff;
}

.no-padding {
    padding: 0;
}

.before-after,
.before {
    position: relative;
}

.before-after:before,
.before-after:after  {
    position: absolute;
    content: "";
    top: -30px; 
    width: 6%; 
    border-bottom: 30px solid #fff;   
	z-index:10;
}

.before-after:before {
    left: 0;
    border-right: 25px solid transparent;
}

.before-after:after {
    right: 0;
    border-left: 25px solid transparent;    
}

.before:before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    margin-left: -46%;
    width: 92%;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    border-top: 30px solid #fff;    
}

.bg-white {
	background-color:#FFF;
}

.bg-transparent {
    background-color: rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}

.page-title {
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    padding-top: 120px;
    padding-bottom: 70px; 
}

.breadcrumb {
    z-index: 1;
    background-image: url(../images/bg/7.jpg);
    background-color: transparent;
    position: relative;
    margin-bottom: 0;
    padding: 0;
}

.body-multiple {
    position: relative;
    z-index: 1;
}

.breadcrumb .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 28, 64, 0.4);;
    z-index: -1;
}


.body-multiple:before {
    content: "";
}

.pagination {
    margin-bottom: 15px;
}

.page-content {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.navbar-toggle {
    border: 1px solid #8e1913;
    margin-top: 12px;
}

.navbar-toggle .icon-bar {
    background-color: #8e1913;
}

/* ==========================================================================
 	Header
 ========================================================================== */

/* =========================================================
   SANCY FM – TOP BANNER + NAVIGATION (NO INTERMEDIATE)
   - Desktop = >= 992px (full desktop)
   - Mobile version = <= 991px (collapse + mobile header layout)
   Requires:
   - Bootstrap collapse JS
   - Bootstrap dropdown JS (for .dropdown-toggle + data-toggle="dropdown")
   ========================================================= */

/* ----------------------------
   TOKENS
---------------------------- */
:root{
  --sfm-red:#8e1913;
  --sfm-dark:#222;
  --sfm-muted:#666;
  --sfm-line:rgba(0,0,0,.08);
  --sfm-bg:#fff;
  --sfm-shadow:0 12px 28px rgba(0,0,0,.12);

  --sfm-nav-h:60px;     /* desktop nav height */
}

/* =========================================================
   TOP BANNER
   ========================================================= */
.top-banner{
  background: rgba(142, 25, 19, 0.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(255,255,255,.18);
}
.top-banner,
.top-banner .tb-inner{
  display:flex;
  align-items:center;
}
.top-banner .tb-inner{
  justify-content: space-between;
  height: 34px;
}
.top-banner,
.top-banner a{
  color: rgba(255,255,255,.95);
}
.top-banner .tb-freq strong{
  font-weight: 900;
  letter-spacing: .3px;
}

/* Optional: hide if you add body.nav-scrolled */
body.nav-scrolled .top-banner{
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}

/* =========================================================
   NAVBAR BASE
   ========================================================= */
#navigation .navbar{
  min-height: var(--sfm-nav-h);
  margin-bottom: 0;
  border: 0;
  background: var(--sfm-bg);
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
}

#navigation .navbar:before,
#navigation .navbar:after{
  content:none !important;
  display:none !important;
}

#navigation .navbar-fixed-top{
  z-index: 10050;
  top: 0; /* keep stable; banner positioning handled separately if needed */
}

/* =========================================================
   BRAND BASE
   ========================================================= */
#navigation .navbar-brand{
  margin-right: 0;
  padding: 10px 0;
  height: var(--sfm-nav-h);
  display:flex;
  align-items:center;
}
#navigation .navbar-brand img{
  max-height: 46px;
  width:auto;
  display:block;
}

/* =========================================================
   MENU LINKS BASE
   ========================================================= */
#navigation .navbar-nav>li{
  position: relative;
}

#navigation .navbar-nav>li>a{
  color: var(--sfm-muted);
  text-transform: uppercase;
  padding: 0 16px;
  line-height: var(--sfm-nav-h);
  height: var(--sfm-nav-h);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .55px;
  background: transparent;
  transition: color .15s ease;
}

#navigation .navbar-nav>li>a:hover,
#navigation .navbar-nav>li>a:focus,
#navigation .navbar-nav>li.active>a,
#navigation .navbar-nav>.active>a,
#navigation .navbar-nav>.active>a:focus,
#navigation .navbar-nav>.active>a:hover{
  color: var(--sfm-red);
  background: transparent;
}

/* =========================================================
   LIVE BUTTON (base)
   ========================================================= */
#btnLivePlayer.btn.btn-primary,
#navigation .btn.btn-primary{
  position: relative;
  display: inline-flex;
  align-items: center;      /* vertical centering */
  justify-content: center;  /* horizontal centering */

  height: 36px;
  line-height: 1;           /* 🔑 FIX: remove baseline drift */

  padding: 0 18px 2.5px 25px;   /* reserve icon space */
  background: var(--sfm-red);
  border: 1px solid var(--sfm-red);
  color:#fff;

  font-weight: 900;
  letter-spacing: .6px;
  text-transform: uppercase;

  border-radius: 6px;
  overflow:hidden;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}

/*#btnLivePlayer.btn.btn-primary::before{
  content:"\f04b";
  font-family: FontAwesome;
  font-size: 11px;

  position:absolute;
  left: 14px;
  top: 50%;

  opacity: 0;
  transform: translate(-6px, -50%);
  transition: opacity .18s ease, transform .18s ease, color .18s ease;
}*/

#btnLivePlayer.btn.btn-primary:hover{
  background:#fff;
  color: var(--sfm-red);
  transform: translateY(-1px);
}

#btnLivePlayer.btn.btn-primary:hover::before{
  opacity: 1;
  transform: translate(0, -50%);
  color: var(--sfm-red);
}


/* =========================================================
   DROPDOWN MENU — Desktop position, Mobile in-flow
   (Works with .dropdown-toggle + data-toggle="dropdown")
   ========================================================= */
#navigation ul.sub-menu{
  position:absolute;
  top: var(--sfm-nav-h);
  left: 0;
  background:#fff;
  list-style:none;
  margin:0;
  padding: 10px 0;
  min-width: 210px;
  border: 1px solid rgba(0,0,0,.08);
  border-top: 2px solid var(--sfm-red);
  border-radius: 10px;
  box-shadow: var(--sfm-shadow);
  display:none;
  z-index: 999;
}

#navigation .navbar-nav li ul.sub-menu li a{
  display:block;
  color: var(--sfm-muted);
  padding: 9px 16px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .4px;
  transition: background .15s ease, color .15s ease;
}
#navigation .navbar-nav li ul.sub-menu li a:hover,
#navigation .navbar-nav li ul.sub-menu li a:focus,
#navigation .navbar-nav li ul.sub-menu li.active>a{
  color: var(--sfm-red);
  background: rgba(142,25,19,.06);
}

@keyframes sfmFadeUp{
  from{ opacity:0; transform: translateY(10px); }
  to  { opacity:1; transform: translateY(0); }
}

/* =========================================================
   DESKTOP ONLY (>= 992px)
   ========================================================= */
@media (min-width: 991px){

  /* layout: logo left / menu centered / button right */
  #navigation .navbar .container{
    display:flex;
    align-items:center;
    gap: 18px;
  }

  #navigation .navbar-header{
    flex: 0 0 auto;
    display:flex;
    align-items:center;
  }

  #navigation nav.navbar-collapse{
    float:none;
    flex: 1 1 auto;
    display:flex !important;
    justify-content:center;
    align-items:center;
  }

  #navigation .navbar-nav{
    float:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 4px;
  }

  /* underline indicator */
  #navigation .navbar-nav>li>a:after{
    content:"";
    position:absolute;
    left: 16px;
    right: 16px;
    bottom: 14px;
    height: 2px;
    background: var(--sfm-red);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .18s ease;
    opacity: .9;
  }
  #navigation .navbar-nav>li:hover>a:after,
  #navigation .navbar-nav>li.active>a:after{
    transform: scaleX(1);
  }

  /* button at far right (outside nav in your HTML) */
  #btnLivePlayer{
    margin-left:auto;
    margin-top: 12px;
  }

  /* desktop dropdown open on hover + on bootstrap open state */
  #navigation .navbar-nav > li.dropdown:hover > ul.sub-menu{
    display:block;
    animation: sfmFadeUp 180ms ease both;
  }
  #navigation .navbar-nav > li.dropdown.open > ul.sub-menu{
    display:block;
  }
}

/* =========================================================
   MOBILE VERSION (<= 991px) — NO INTERMEDIATE
   - Force collapse behavior earlier
   - Use mobile header layout + in-flow dropdown
   ========================================================= */
@media (max-width: 991px){

  /* ---- Force the navbar to behave like "mobile" at <=991 ---- */

  /* Ensure burger is visible (Bootstrap 3 hides it >=768 by default) */
  #navigation .navbar-toggle{
    display: block !important;
  }

  /* Make collapse not forced-open by desktop rules */
  #navigation .navbar-collapse.collapse{
    display: none !important;
  }
  #navigation .navbar-collapse.collapse.in{
    display: block !important;
  }

  /* Prevent float layout of navbar-nav in this range */
  #navigation .navbar-header,
  #navigation .navbar-collapse,
  #navigation .navbar-nav{
    float: none !important;
  }

  #navigation .navbar-nav{
    margin: 6px 0 10px;
  }

  /* ---- Mobile header grid (balanced burger / logo / button) ---- */
  #navigation{
    --m-pad-x: 12px;
    --m-gap: 10px;
    --m-row-h: 56px;
    --m-btn-h: 40px;
    --m-logo-h: 42px;
    --edge-w: 156px; /* equal visual columns left/right */
  }

  #navigation .navbar.navbar-fixed-top{
    min-height: 74px;
    padding: 0;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,.06);
  }

  #navigation .navbar > .container{
    position: relative;
    display: grid !important;
    grid-template-columns: var(--edge-w) 1fr var(--edge-w) !important;
    grid-template-rows: var(--m-row-h) auto !important;
    align-items: center !important;
    column-gap: var(--m-gap);
    padding: 10px var(--m-pad-x) 8px;
  }

  /* Let burger + brand be placed by grid */
  #navigation .navbar-header{
    grid-column: 1 / 3;
    grid-row: 1;
    display: contents;
  }

  /* Burger */
  #navigation .navbar-toggle{
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    align-self: center;

    margin: 0 !important;
    padding: 10px 12px;
    border: 1px solid rgba(142,25,19,.45);
    border-radius: 8px;
    background: #fff;
  }
  #navigation .navbar-toggle .icon-bar{ background: var(--sfm-red); }

  /* Logo centered */
  #navigation .navbar-brand{
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    align-self: center;

    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  #navigation .navbar-brand img{
    max-height: var(--m-logo-h);
    width:auto;
    display:block;
  }

  /* Live button (outside nav) placed in right column */
  #btnLivePlayer{
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-self: center;

    margin: 0 !important;
    height: var(--m-btn-h);
    line-height: var(--m-btn-h);
    padding: 0 14px;
    border-radius: 8px;
    box-shadow: none;
    white-space: nowrap;
    max-width: calc(var(--edge-w) - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #btnLivePlayer::before{ display:none !important; }
  #btnLivePlayer:hover{ transform:none; }

  /* Collapse panel below header row */
  #navigation nav.navbar-collapse{
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    margin: 8px 0 0;
    padding: 0;
    border-top: 1px solid var(--sfm-line);
    background:#fff;
    box-shadow: 0 12px 24px rgba(0,0,0,.06);
  }

  /* Links in collapse */
  #navigation .navbar-nav > li > a{
    height:auto;
    line-height: 48px;
    padding: 0 15px;
  }
  #navigation .navbar-nav > li > a:after{ display:none !important; }

  /* Dropdown: in-flow on mobile/tablet */
  #navigation ul.sub-menu{
    position: static !important;
    top:auto !important;
    left:auto !important;
    min-width: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0 10px;
    margin: 0;
    background: transparent;
    display: none;
  }
  #navigation .navbar-nav > li.dropdown.open > ul.sub-menu{
    display:block;
  }

  #navigation .navbar-nav li ul.sub-menu li a{
    padding: 0 15px 0 34px;
    line-height: 44px;
    font-size: 12px;
    letter-spacing: .35px;
  }

  #navigation .navbar-nav > li.dropdown > a{
    display:flex;
    align-items:center;
    justify-content: space-between;
  }
  #navigation .navbar-nav > li.dropdown > a .fa-angle-down{
    font-size: 16px;
    opacity: .75;
  }

  /* Extra small phones */
  @media (max-width: 380px){
    #navigation{ --edge-w: 140px; }
    #btnLivePlayer{
      padding: 0 10px;
      font-size: 12px;
      letter-spacing: .3px;
    }
    #navigation .navbar-brand img{ max-height: 38px; }
  }
}



/* Home Banner */


.home-content {
    padding-top: 235px;
    padding-bottom: 100px;
    color: #fff;
}

.logo-intro img {
    display: inline;
    margin-top: -20px;
}

.logo-intro span {
    font-family: 'Cookie', cursive;
    font-size: 58px;
    color: #fff;
    text-transform: capitalize;
    margin-left: 10px;
}

#countdown {
    margin-bottom: 35px;
}

#countdown li {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  width: 140px;
}

#countdown li p {
    font-size: 18px;
    line-height: 0;
    font-family: 'allerbold';
    margin-top: 42px;
}

#countdown li+li {
  margin-left: 25px;
}

#countdown li span {
  font-size: 51px;
  color: #fff;
  font-family: 'aller_displayregular';
  float: left;
  width: 60px;
}

.home-content h2 {
    font-size: 116px;
    text-transform: uppercase;
    font-family: 'aller_displayregular';
    margin-top: 0;
    margin-bottom: 5px;
}

.social {
    margin-top: 20px;
}

.social a {
    color: #fff;
    font-size: 14px;
    margin-right: 5px;
    margin-left: 5px;
}
/*************
 * 
 * SLIDESHOW
 * 
 * ***********/
 /* Fullscreen slider section wrapper */
.home-hero { position: relative; }

/* Logo line inside Revolution captions */
.hero-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.hero-logo img { height: 48px; width: auto; }
.hero-logo span {
  color: #fff;
  font-size: 48px;
  line-height: 1;
  font-family: 'Cookie', cursive;
}

/* Social list inside slider */
.hero-social {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  gap: 14px;
}
.hero-social a {
  color: #fff;
  font-size: 16px;
}
.hero-social a:hover { color: #8e1913; }

/* Ensure nav always above overlays */
#rev_slider_home_wrapper .tp-bullets,
#rev_slider_home_wrapper .tparrows {
  z-index: 9999 !important;
}

.home-banner .social a:hover,
.social a:hover {
    color: #8e1913;
}

.album-cover {
    float: left;
    margin-right: 20px;
}

.album-title h4 {
    color: #fff;
    font-size: 14px;
    margin-top: 5px;
}

.home-banner .jp-play-bar {
    background-color: #fff;
}

/* About Section */

.about-section.about {
    background-image: url(../images/bg/2.jpg);
    background-color: #e7eced;
}

.about-section.about.before-after:before, 
.about-section.about.before-after:after {
	background-image: url(../images/bg/2.jpg);	
	height: 30px;
	border: 0;
	top: -29px;
}

.about-section.about.before-after:before {	
	-moz-transform: skewX(40deg);
	-webkit-transform: skewX(40deg);
	-o-transform: skewX(40deg);
	-ms-transform: skewX(40deg);
	transform: skewX(40deg);
	left: -15px;
	background-position:left top;
}

.about-section.about.before-after:after {	
	background-position:right top;
	-moz-transform: skewX(-40deg);
	-webkit-transform: skewX(-40deg);
	-o-transform: skewX(-40deg);
	-ms-transform: skewX(-40deg);
	transform: skewX(-40deg);
	right: -15px;
}

.about-section .about-content {
    padding-bottom: 10px;
}

.about-section.about .about-content {
    padding-bottom: 55px;
}

.about-section .about-image {
    max-height: 370px;
    overflow: hidden;
}

.about-section.about .about-info {
    background-color: #fff;
}

.about-info {
    padding: 35px;
    padding-left: 55px;
    padding-right: 70px;
    padding-bottom: 65px;
    font-size: 16px;
    line-height: 26px;
    font-family: 'aller_lightregular';
    overflow: hidden;
}

.about-section.about .about-info {
    background-color: #fff;
}

.about-info h3 {
    font-size: 26px;
    font-family: 'allerbold';
    padding-bottom: 25px;
    margin-bottom: 20px;
	color:#000;
}

.about-section.about .about-info h3 {
    border-bottom: 1px solid #f0f1f2;
}

.about-info ul {
    margin-top: 20px;
    font-family: 'allerregular';
    font-size: 14px;
}

.about-info ul li i {
    color: #8e1913;
    margin-right: 10px;
    font-size: 14px;
}

.about-festival .about-content {
    padding-bottom: 25px;
    padding-top: 20px;
}

.about-festival .about-info {
    padding-top: 5px;
}

.about-festival .about-text {
    margin-top: 20px;
    font-size: 14px;
    margin-bottom: 25px;
}

.about-festival .about-time {
    margin-bottom: 25px;
}

.about-festival .about-info h3 {
    padding-bottom: 0;
    margin-bottom: 30px;
}

.about-section.about-festival {
    padding-bottom:0;
}

.festival-info .audio-list {
    padding-top: 35px;
}

.festival-info  .audio-list .controls a {
    display:block;
}

.festival-info  .audio-list .controls {
    float:left;
    background-color: #d3d3d3;
    margin-right: 20px;
    width:40px;
    height:40px;
    line-height: 48px;
    text-align: center;
    display:block;   
}

.festival-info .jp-play {
    background-image: none; 
    margin: 0 6px;
}

.audio-list .controls:hover {
   background-color: #8e1913; 
}

.audio-list .controls i {
    color:#fff;
    font-size: 24px;
}

.audio-list .audio-info h5 {
    font-size: 14px;
    color:#000;
    display:inline-block;
    float: left;
}



/* Artists Section */

.artists {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.artists img,
.artist-image img {
    width: 100%;
}

.artists-section .section-title {
    margin-bottom: 50px;
}

.artists-overlay {
    position: absolute;
    top: -100%;
    right: 0;
    width: 100%;
    height:100%;
    background-color: rgba(0, 28, 64, 0.7);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.artists:hover .artists-overlay {
	top: 0;
}

.artists-info {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 25px;
}

.artists-info li a {
    color: #fff;
    font-size: 14px;
}

.artists-info li a:hover {
    color: #000;
}

.artists-info a {
    color: #fff;
    font-size: 34px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 14px;
    display: block;
    font-family: 'aller_displayregular';
}

.artists-info h6 {
    font-family: 'allerbold';
    letter-spacing: 8px;
    margin-bottom: 5px;
}

.artists-section .btn.btn-primary {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 25px;
}
 
.ferformers .pagination {
    padding-top: 40px;
}


/* Gallery Sction */

.gallery-section {
    background-image: url(../images/bg/3.jpg);
    background-color: #e7eced;
    padding-bottom: 100px;
}

.video-content {
    position: relative;
    max-width: 100%;
    max-height: 310px;
    overflow: hidden;
}

.video-overlay {
    position: absolute;
    padding: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 28, 64, 0.7);
    opacity: 0;
     -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.video-content:hover .video-overlay {
     -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.video-content .video {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -33px;
}

.video-content .video.video-icons {
    margin-top: -60px;
    margin-left: -63px;
}

.video-content .video a {
    font-size: 66px;
    color: #fff;
}

.video-content .video a:hover{
	color:#8e1913;
}

.gallery-section .section-title {
    margin-bottom: 40px;
    padding-top: 55px;
    text-align: left;
}

.gallery-section .nav-tabs {
    background-color: #fff;
    border-bottom: 0;
    padding: 25px 15px;
    margin-bottom: 25px;
}

.gallery-section .nav-tabs a h5 {
    font-size: 14px;
    line-height: 18px;
    margin-top: 15px;
}

.gallery-section .nav-tabs>li {
    width:25%;
}

.gallery-section .nav-tabs>li>a {
    margin-right: 0;
    border: 0;
}

.gallery-section .nav>li>a {
    padding: 0 10px;
    color: #000;
}

.gallery-section .nav-tabs li span {
    display: block;
}

.gallery-section .nav>li>a:focus, 
.gallery-section .nav>li>a:hover,
.gallery-section .nav-tabs>li.active>a, 
.gallery-section .nav-tabs>li.active>a:focus, 
.gallery-section .nav-tabs>li.active>a:hover {
    border: 0;
    background-color: transparent;
}

.gallery-section .gallery-image {
    position: relative;
    max-width: 110px;
    max-height: 110px;
    overflow: hidden;
}

.nav-tabs>li .image-overlay {
    opacity: 0;
}

.nav-tabs>li.active .image-overlay,
.gallery-image:hover .image-overlay,
.nav-tabs>li.active>a:focus .image-overlay {
    background-color: rgba(0, 28, 64, 0.7);
    opacity: 1;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.image-overlay img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;    
}

.gallery-section .gallery-image i {
    font-size: 30px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -13px;
    margin-top: -16px;
}

.festival-info {
    background-color: #f7f7f7;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

.festival-info:last-child {
	margin-bottom:25px;
}

.festival-image {
    float: left;
    max-width: 115px;
    max-height: 110px;
    margin-right: 45px;
    position: relative;
    overflow: hidden;
}

.image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 28, 64, 0.7);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); 
}

.festival-info:hover .image-overlay {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.festival-info .time {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -48px;
    text-align: center;
    color: #fff;
    font-size: 38px;
    font-family: 'aller_lightregular';
}

.festival-info .time span {
    font-size: 16px;
    letter-spacing: 8px;
    font-family: 'allerbold';
    display: block;
}

.festival-info h2 {
    color: #000;
    font-family: 'allerbold';
}

.festival-info:hover h2 {
    color: #8e1913;
}

.festival-info h5 {
    display: inline;
    font-size: 14px;
}

.festival-info .text-left {
    float: left;
}

.festival-info .text-right {
    padding-right: 60px;
    padding-top: 50px;
}

.festival-info h2 {
    color: #000;
    font-family: 'allerbold';
    margin-top: 20px;
    font-size: 30px;
}

.festival-info h5 {
    display: inline;
    font-size: 14px;
    margin-top: 10px;
}

.gallery-section.artist-hive {
    padding-bottom: 75px;
}

.video-content.video .jp-playlist ul li:nth-child(1) .jp-playlist-item{
    background-image:url(../images/gallery/21.jpg)   
}

.video-content.video .jp-playlist ul li:nth-child(2) .jp-playlist-item{
    background-image:url(../images/gallery/22.jpg)   
}

.video-content.video .jp-playlist ul li:nth-child(3) .jp-playlist-item{
    background-image:url(../images/gallery/23.jpg)   
}

.video-content.video .jp-playlist ul li:nth-child(4) .jp-playlist-item{
    background-image:url(../images/gallery/24.jpg)   
}

.photo-galery .photo {
    max-width: 270px;
    max-height: 245px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
}

.photo-galery .photo .photo-overlay {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(237, 20, 91, 0.6);
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.photo-galery .photo .showcase-icons {
    position: absolute;
    top: -100%;
    left: 0;
    margin-top: -45px;
}

.photo-galery .photo:hover .photo-overlay {
    top: 0;
}

.photo-galery .photo:hover .showcase-icons {
    top: 50%;
}

.photo-galery .photo .showcase-icons i {
    color: #fff;
    font-size: 66px;
}

/* Gallery Hive */

.gallery-hive {
    padding-top: 80px;
    padding-bottom: 35px;
}

.gallery-item {
    position: relative;
    margin-bottom: 40px;
    max-height: 590px;
    overflow: hidden;    
}

.gallery-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 50px;
}

.gallery-info .title i {
    font-size: 72px;
    color: #fff;
    display: block;
}

.gallery-info .title a {
    font-size: 34px;
    text-transform: uppercase;
    font-family: 'aller_displayregular';
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}

.gallery-info a i {
    margin-right: 10px;
}

.gallery-info a, .gallery-info a i {
    font-size: 16px;
    color: #fff;
}

.gallery-info a span {
    text-transform: uppercase;
}

.gallery-item:hover .gallery-info {
    background: transparent;
}

.gallery-overlay {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 28, 64, 0.7);
}

.gallery-item:hover .gallery-overlay {
    top: 0;
} 

.gallery-item:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 12%, rgba(0,0,0,0.15) 25%, rgba(0,0,0,0.64) 78%, rgba(0,0,0,0.73) 93%, rgba(0,0,0,0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 12%,rgba(0,0,0,0.15) 25%,rgba(0,0,0,0.64) 78%,rgba(0,0,0,0.73) 93%,rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 12%,rgba(0,0,0,0.15) 25%,rgba(0,0,0,0.64) 78%,rgba(0,0,0,0.73) 93%,rgba(0,0,0,0.75) 100%);
}

/* Clients Section */

.clients-section {
    text-align: center;
}

.clients-section .section-title {
    padding-top: 5px;
    margin-bottom: 50px;
}

.clients-section .client {
    margin:10px 40px 0;
}

.clients-section .client li {
    margin-left: 20px;
    margin-right: 20px; 
}

.client img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
    opacity: .6;    
}

.client img:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0); 
    opacity: 1;   
}


/* Shop Section */

.shop-section {
    text-align: center;
    background-image: url(../images/bg/3.jpg);
    background-color: #e7eced;
}

.shop-section .section-title {
    margin-bottom: 45px;
    padding-top: 55px;
}

.shop-section .products {
    margin-bottom: 10px;
	min-height: 455px;
    padding-top: 30px;
	text-align:center;
}

.shop-section .products img {
	display:inline-block;
}

.products h5 {
    font-family: 'allerbold';
    margin-top: 5px;
}

.products a {
    font-size: 24px;
    color: #000;
    font-family: 'allerbold';
	display:block;
}

.products:hover a {
    color: #8e1913;
}

.shop-section .products i,
.products:hover i {
    color: #8e1913;
}

.products i {
    font-size: 24px;
    color: #d9d9d9;
    margin-top: 5px;
    margin-bottom: 20px;
}

/* Products Section */

.products-section {
    padding-top: 40px;
}

.products-section .products {
    min-height: 455px;
    padding-top: 30px;
    margin-bottom: 25px;
}

.products img {
    display: inline-block;
}

.products-section .pagination {
    margin-top: 5px;
    margin-bottom: 65px;
}

.products-section .products:hover {
    background-color: #f0f3f5;
}

.shop-section .products:hover {
	background-color:#fff;
}

/* Products Details */

.products-slider .owl-prev,
.products-slider .owl-next {
    position: absolute;
    top: 50%;
}

.products-slider .owl-prev {
    left: 0;
}

.products-slider .owl-next {
    right: 0;
}

.products-slider .owl-nav i {
    font-size: 64px;
    color: #d1d1d1;
}

.products-slider .owl-nav i:hover {
    color: #8e1913;
}

.products-details h1 {
    color: #757575;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 30px;
}

.products-details h1 span {
    color: #39b54a;
}

.products-details h2 {
    font-size: 36px;
    font-family: 'allerbold';
    margin-top: 0;
}

.products-details h3 {
    font-size: 24px;
    font-family: 'allerbold';
    margin-top: 0;
}

.products-details .color {
    margin-top: 45px;
    margin-bottom: 30px;
}

.products-details .color h3 {
    margin-right: 45px;
    display:inline-block;
}


.products-details input[type="radio"]+label {
    cursor: pointer;
    display:inline-block;
    position:relative;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.products-details input[type="radio"] {
    display:none;
}

.products-details input[type="radio"] + label:before {
    border: 5px solid transparent;
}

.products-details input[type="radio"]:checked + label:before {
    border: 5px solid #e5e5e5;
}

.products-details input[type="radio"] + label:before,
.products-details input[type="radio"] + label:after {
    position:absolute;
    top:2px;
    left:0;
    content:"";
    width:23px;
    height:23px;
    border-radius:50%;
    display:inline-block;
}

.products-details input[type="radio"] + label:after {
    left:4px;
    top:6px;
    width:15px;
    height:15px;
    background-color:#757575;
}

.products-details input[type="radio"]:checked + label:after {
    background-color:#757575;
}

.products-details input[type="radio"]#color2+label:after {
     background-color: #0072bc;
}

.products-details input[type="radio"]#color3+label:after {
     background-color: #f26d7d;
}

.products-details input[type="radio"]#color4+label:after {
     background-color: #62a35d;
}

.products-details input[type="radio"]#color5+label:after {
     background-color: #f26522;
}


.products-content {
    margin-top: 40px;
    margin-bottom: 55px;
}

.products-details .share h3,
.products-details .cart h3 {
    font-size: 14px;
}

.products-details .cart h3 {
    float:left;
    margin-right: 40px;
    padding-top: 5px;

}

.quantity .input-text {
    border :1px solid #d6d6d6;
    padding: 6px 15px;
    max-width: 70px;
}

.quantity {
    position:relative;
    z-index: 1;
    max-width: 175px;
}

.quantity:before {
    position:absolute;
    content:"";
    top:0;
    right: 35px;
    width:1px;
    height:100%;
    background-color: #d6d6d6;
}

.quantity .btn.btn-default {
    position: absolute;
    right: 15px;
    bottom:17px;
    background-color: transparent;
}

.quantity i.fa-angle-down {
    position: absolute;
    right: 0;
}

.quantity .btn.btn-default i {
    color:#454545;
    font-size: 14px;
}

.quantity .btn.btn-default:focus,
.quantity input:focus {
    outline: none;
    background-color: transparent;
}

.add-buttons {
    margin-top: 45px;
    margin-bottom: 35px;
}

.cart-button {
    margin-right: 15px;
}

.add-buttons .button {
    text-transform: uppercase;
    font-family: 'allerbold';    
    border: 1px solid #8e1913;
    padding: 0 30px;
    padding-top: 10px;
    padding-bottom: 13px;  
    padding-left: 55px;
    background-color: #8e1913;  
    color: #fff;
    border-radius: 4px;
    position: relative;
}

.add-buttons i {
    margin-left: 0;
    margin-right: 10px;
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -12px;
}

.add-buttons .wishlist-button {
    background-color: #8dc63f;
    border: 1px solid #8dc63f;
}

.wishlist-button:hover {
    background-color: transparent;  
    color:#8dc63f; 
}

.cart-button:hover {
    background-color: transparent;  
    color:#8e1913;   
}

.products-details .share {
    color: #787878;
}

.related-products .product-content {
    margin-top: 40px;
    padding-bottom: 15px;
}

.related-products .products {
    padding: 15px 0;
}

.related-products .products:hover {
    background-color: #fafafa;
}

.related-products h1 {
    font-size: 28px;
    color: #8e1913;
    text-transform: uppercase;
    font-family: 'aller_displayregular';
    margin-bottom: 45px;
}

.related-products i {
    color: #d9d9d9;
}

.related-products .products:hover i {
    color: #8e1913;
}

/* Products Description */

.products-description {
    font-size: 14px;
    line-height: 26px;
    color: #888;
    background-color: #fafafa;
}

.products-description .description-content {
    padding-top: 5px;
    padding-bottom: 30px;
}

.products-description h5 {
    font-size: 16px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    color: #000;
}

.products-description .short-info p {
    margin-bottom: 20px;
}

.products-description .nav-tabs {
    border-bottom: 0;
}

.products-description .nav-tabs li {
    margin-bottom: 25px;
}

.products-description .nav-tabs li+li {
    border-left: 2px solid #aeaeae;
    margin-left: 25px;
    padding-left: 25px;
}

.products-description .nav-tabs>li>a {
    border: 0;
    color: #888;
    padding: 0;
    font-size: 16px;
    line-height: 15px;
}

.products-description .nav-tabs>li.active>a, 
.products-description .nav-tabs>li.active>a:focus, 
.products-description .nav-tabs>li.active>a:hover,
.products-description .nav-tabs>li>a:hover {
    border: 0;
    background-color: transparent;
    color: #8e1913;
}

.product-menu {
    float: left;
}

.product-menu.sub {
    margin-left: 130px;
}

.products-description.before-after:before, 
.products-description.before-after:after {
    border-bottom: 30px solid #fafafa;
}

.rating-bar {
    margin-bottom: 60px;
    max-width: 335px;
}

.rating-number span {
    display: block;
    font-size: 30px;
    font-family: 'allerbold';
}

.skill-progress {
    position: relative;
    min-height: 30px;
}

.progress {
    height: 12px;
    background-color: #f3f3f3;
    border-radius: 4px;
    box-shadow: none;
    width: 60%;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-left: 40px;
    margin-bottom: 0;
}

.rating-count {
    position: absolute;
    top: 0;
    right: 0;
}

.progress-bar {
   background-color: #d8d8d8;
   box-shadow: none;
}

.progress-bar {
  -webkit-transition: width 2s ease-in-out;
  -moz-transition: width 2s ease-in-out;
  -ms-transition: width 2s ease-in-out;
  -o-transition: width 2s ease-in-out;
  transition:  width 2s ease-in-out;
  border-radius: 4px;
}

.star-rating {
    margin-right: 20px;
    color: #fed700;
    margin-top: 15px;
}

.star-rating li {
    float: left;
}

.product-reviews .comment {
    margin-top: 30px;
    border-bottom: 1px solid #888; 
}

.product-reviews .comment:last-child {
    border-bottom: 0;
}

.product-reviews .description {
    margin-bottom: 30px;
}

.comment-info .author {
    font-family: 'allerbold';
    float: left;
    margin-right: 20px;
}

.form-group.review {
    padding-top: 80px;
}

.product-reviews .comment-info {
    overflow: hidden;
}

.comment-info .time {
    float: right;
	text-transform:capitalize;
}

.comment-info .star-rating {
    margin-top: 4px;
}

.form-group.review label {
    font-size: 14px;
}

.rating-star { 
  position: absolute;
  top: 50px;
}

.rating-star h6 {
    font-size: 14px;
    line-height: 0;
}

.rating > input { 
    display: none; 
} 

.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label { 
    color: #fed700;  
}

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
 color: #fed700;  
} 

.contact-form .btn.btn-primary {
    padding-right: 35px;
}

/* Blog Section */

.blog-section .section-title {
    padding-top: 30px;
}

.entry-post {
    position: relative;
    margin-bottom: 25px; 
    overflow: hidden;
}

.post-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 45px;
    padding-bottom: 50px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-family: 'aller_lightregular';
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 11%, rgba(0,0,0,0.19) 24%, rgba(0,0,0,0.69) 64%, rgba(0,0,0,0.85) 79%, rgba(0,0,0,0.97) 93%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 11%,rgba(0,0,0,0.19) 24%,rgba(0,0,0,0.69) 64%,rgba(0,0,0,0.85) 79%,rgba(0,0,0,0.97) 93%,rgba(0,0,0,1) 100%); 
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 11%,rgba(0,0,0,0.19) 24%,rgba(0,0,0,0.69) 64%,rgba(0,0,0,0.85) 79%,rgba(0,0,0,0.97) 93%,rgba(0,0,0,1) 100%); 
}

.entry-post:hover .post-content {
    padding-top: 50%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.20) 18%, rgba(0,0,0,0.42) 36%, rgba(0,0,0,0.85) 70%, rgba(0,0,0,0.95) 87%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.20) 18%,rgba(0,0,0,0.42) 36%,rgba(0,0,0,0.85) 70%,rgba(0,0,0,0.95) 87%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.20) 18%,rgba(0,0,0,0.42) 36%,rgba(0,0,0,0.85) 70%,rgba(0,0,0,0.95) 87%,rgba(0,0,0,1) 100%);
}

.post-content .time {
    width: 65px;
    height: 65px;
    text-align: center;
    background-color: #8e1913;
}

.post-content .time a {
    font-size: 34px;
    color: #fff;
    display: block;
    padding: 15px;
    line-height: 18px;
    text-transform: uppercase;
    font-family: 'aller_displayregular';
}

.post-content .time a span {
    font-size: 14px;
    font-family: 'allerbold';
    letter-spacing: 5px;
}

.entry-title {
    margin: 20px 0;
}

.entry-title h1,
.entry-title a {
    font-size: 34px;
    line-height: 34px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'aller_displayregular';
}

.entry-title a:hover {
    color: #8e1913;
}

.post-icons {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ed6d62;
}

.post-icons:hover {
    background-color: #8e1913;
}

.post-icons a {
    color: #fff;
    font-size: 18px;
    display: block;
}

/* Blog Details */

.blog-details .entry-post {
    max-width: inherit;
    max-height: 600px;
}

.blog-section.blog {
    padding-top: 80px;
}

.blog-section.blog .entry-post {
    margin-bottom: 30px;
}

.blog-section.blog .pagination {
    margin-top: 50px;
}

.entry-post .entry-meta a {
    font-size: 16px;
    color: #fff;
}

.entry-post .entry-meta i {
    margin-right: 10px;
}

.entry-post .entry-meta  li+li {
    margin-left: 15px;
}

.entry-post .entry-meta  li:first-child {
    text-transform: uppercase;
}

.entry-post .entry-meta a:hover {
    color: #8e1913;
}


/* =========================================
   BLOG CARD - DESIGN #2 (new article)
   Usage: .entry-post.entry-post--new
========================================= */

.entry-post--new {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}

.entry-post--new:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
}

/* Make whole card clickable */
.entry-post--new .entry-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

/* Square media area */
.entry-post--new .entry-media {
  position: relative;
  aspect-ratio: 1 / 1;  /* square */
  overflow: hidden;
  background: #eee;
}

.entry-post--new .entry-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.entry-post--new:hover .entry-media img {
  transform: scale(1.06);
}

/* NEW badge */
.entry-post--new .badge-new {
  position: absolute;
  top: 14px;
  right: 14px;
  background: #8e1913;
  color: #fff;
  font-size: 12px;
  font-family: 'allerbold';
  letter-spacing: 2px;
  padding: 6px 10px;
  text-transform: uppercase;
}

/* Date pill */
.entry-post--new .date-pill {
  position: absolute;
  left: 14px;
  bottom: 14px;
  width: 68px;
  background: rgba(0,0,0,.65);
  color: #fff;
  text-align: center;
  padding: 10px 0 8px;
}

.entry-post--new .date-pill .day {
  display: block;
  font-size: 28px;
  line-height: 1;
  font-family: 'allerbold';
}

.entry-post--new .date-pill .mon {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  letter-spacing: 4px;
  font-family: 'allerbold';
}

/* Body */
.entry-post--new .entry-body {
  padding: 18px 18px 20px;
}

.entry-post--new .entry-title-new {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: 'aller_displayregular';
  color: #000;
}

.entry-post--new .entry-excerpt {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  font-family: 'aller_lightregular';
}

/* CTA */
.entry-post--new .entry-cta {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'allerbold';
  color: #8e1913;
}

.entry-post--new .entry-cta i {
  margin-left: 8px;
}
/***** PODCASTS *****/

/* =========================================
   BLOG CARD - DESIGN #3 (podcast)
   Usage: .entry-post.entry-post--podcast
========================================= */

/* ===============================
   PODCAST CARD (UPDATED & SAFE)
   =============================== */

.entry-post--podcast {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;

  /* NEW */
  width: 100%;
  display: flex;
  flex-direction: column;
}

.entry-post--podcast:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
}

/* whole card clickable */
.entry-post--podcast .podcast-link {
  display: flex;              /* UPDATED */
  flex-direction: column;     /* UPDATED */
  height: 100%;               /* UPDATED */
  color: inherit;
  text-decoration: none;
}

/* ===============================
   MEDIA
   =============================== */

.entry-post--podcast .podcast-media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #eee;
  flex: 0 0 auto;
}

.entry-post--podcast .podcast-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.entry-post--podcast:hover .podcast-media img {
  transform: scale(1.06);
}

/* PODCAST tag */
.entry-post--podcast .podcast-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: #8e1913;
  color: #fff;
  font-size: 12px;
  font-family: 'allerbold';
  letter-spacing: 3px;
  padding: 6px 10px;
  text-transform: uppercase;
}

/* play button */
.entry-post--podcast .podcast-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 62px;
  height: 62px;
  margin-left: -31px;
  margin-top: -31px;
  border-radius: 50%;
  background: rgba(0,0,0,.55);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .2s ease, background .2s ease;
}

.entry-post--podcast .podcast-play i {
  color: #fff;
  font-size: 22px;
  margin-left: 3px;
}

.entry-post--podcast:hover .podcast-play {
  transform: scale(1.05);
  background: rgba(142,25,19,.85);
}

/* duration */
.entry-post--podcast .podcast-duration {
  position: absolute;
  right: 14px;
  bottom: 14px;
  background: rgba(0,0,0,.65);
  color: #fff;
  font-size: 12px;
  padding: 6px 10px;
  font-family: 'allerregular';
}

.entry-post--podcast .podcast-duration i {
  margin-right: 6px;
}

/* ===============================
   BODY (HEIGHT CONTROL)
   =============================== */

.entry-post--podcast .podcast-body {
  padding: 18px 18px 20px;

  /* NEW */
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* Title — clamp to 2 lines */
.entry-post--podcast .podcast-title {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: 'aller_displayregular';
  color: #000;

  /* NEW */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* meta */
.entry-post--podcast .podcast-meta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  font-size: 13px;
  color: #777;
  margin-bottom: 12px;
}

.entry-post--podcast .podcast-meta i {
  margin-right: 7px;
  color: #8e1913;
}

/* Description — clamp to 3 lines */
.entry-post--podcast .podcast-excerpt {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  font-family: 'aller_lightregular';

  /* NEW */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-word;
}

/* CTA sticks to bottom */
.entry-post--podcast .podcast-cta {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'allerbold';
  color: #8e1913;

  /* NEW */
  margin-top: auto;
}

.entry-post--podcast .podcast-cta i {
  margin-left: 8px;
}

@media (min-width: 768px){
  .blog-section .row {
    display: flex;
    flex-wrap: wrap;
  }
  .blog-section .row > [class*="col-"]{
    display: flex;
  }
}


/***** BLOG ****/
.blog-details .entry-post {
    margin-top: 80px;
}

.blog-details .entry-title {
    margin-top: 15px;
    margin-bottom: 10px;
}

.blog-details .post-content {
    padding-bottom: 50px;
}

.entry-summary {
    font-size: 16px;
    line-height: 24px;
    margin-top: 55px;
    font-family: 'aller_lightregular';
    max-width: 1085px;
}

.entry-summary::first-letter {
    font-size: 46px;
    text-transform: uppercase;
}

.entry-summary p {
    margin-bottom: 25px;
}

.commenter-info {
    float:left;
    margin-right: 15px;
}

.commenter-avatar {
    width: 50px;
    height: 50px;
}

.blog-social {
    margin-top: 45px;
    margin-bottom: 60px;
}

.media-inner,
.media-inner h4 span {
    font-size: 14px;
    line-height: 22px;
    color: #888;
}

.media-inner h4 {
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
}

.media-inner .reply {
    font-size: 14px;
    color: #8e1913;
}

.post-comment {
    max-width: 1075px;
}

.replay-box h1, 
.feedback h1 {
    border-bottom: 2px solid #e6e7e8;
    padding-bottom: 10px;
    margin-bottom: 60px;
    margin-top: 5px;
    font-size: 46px;
    text-transform: uppercase;
    font-family: 'aller_displayregular';
}

.comments-area h1 {
    margin-bottom: 40px;
}

.comments-area h1 {
    color: #000;
    font-size: 46px;
    text-transform: uppercase;
    font-family: 'aller_displayregular';    
}

.comments-area li {
    padding-bottom: 90px;
}

.comments-area .reply-comment{
    padding-left: 180px;
} 

.replay-box {
    padding-bottom: 60px;
}

/* Replay Box */

.replay-box h1,
.feedback h1 {
    color: #000;
    border-bottom: 2px solid #e6e7e8;
    padding-bottom: 10px;
    margin-bottom: 60px;
    margin-top: 5px;
    font-size: 46px;
    text-transform: uppercase;
    font-family: 'aller_displayregular';     
}

.replay-box .contact-form {
    padding: 0 40px;
}

.replay-box .form-group label {
    font-size: 14px;
    color: #6e6e6e;
    text-transform: capitalize;
}

.form-control {
    border-radius: 0;
    border: 1px solid #8d8d8d;
    height: 36px;
    margin-bottom: 25px;
    box-shadow: none;
}

.form-control:focus {
    border: 1px solid #8e1913;
}

textarea.form-control {
    min-height: 135px;
    resize: none;
}

.contact-form .btn.btn-primary  {
    margin-top: 15px;
}

.contact-section.contact .contact-info {
    padding-top: 75px;
    padding-bottom: 70px;
}

.contact-section.contact .contact-info h3 {
    margin-bottom: 30px;
}



.contact-section.contact.before-after:before, 
.contact-section.contact.before-after:after {
    background-image: url(../images/bg/map-bg.jpg);  
    height: 30px;
    border: 0;
    top: -29px;
    background-size: cover;
}

.contact-section.contact.before-after:before {  
    -moz-transform: skewX(40deg);
    -webkit-transform: skewX(40deg);
    -o-transform: skewX(40deg);
    -ms-transform: skewX(40deg);
    transform: skewX(40deg);
    left: -15px;
    background-position:left top;
}

.contact-section.contact.before-after:after {   
    background-position:right top;
    -moz-transform: skewX(-40deg);
    -webkit-transform: skewX(-40deg);
    -o-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    transform: skewX(-40deg);
    right: -15px;
}

/* Feedback */

.feedback {
    background-color: #fafafa;
}

.feedback .feedback-content {
    padding-top: 20px;
    padding-bottom: 55px;
    overflow: hidden;
}

.contact-info li, 
.contact-info li a {
    font-family: 'allerregular';
    font-size: 14px;
    margin-bottom: 10px;
    color: #444;
}

.contact-info li a:hover {
    color: #8e1913;
}

.feedback.before-after:before, 
.feedback.before-after:after {
    border-bottom: 30px solid #fafafa;
}

.contact-section.contact .contact-info {
    padding-top: 75px;
    padding-bottom: 70px;
    margin-top: -187px;
}

/* Promotion */

.promotion {
    text-align: center;
    background-image: url(../images/bg/5.jpg);
    background-color: #802b43;
}

.promotion-content {
    padding-top: 130px;
    padding-bottom: 50px;
}

.promotion.bg-transparent {
    background-image: inherit;
    background-color: rgba(0, 0, 0, 0.3);
}

.promotion h2 {
    font-size: 116px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'aller_displayregular';
}

.promotion .btn.btn-primary {
    background-color: #fff;
    color: #8e1913;
    border-color: #fff;
}

.promotion .btn.btn-primary i {
    color: #8e1913;
}

.promotion .btn.btn-primary:hover {
    background-color: transparent;
    color: #fff;
}

.promotion .btn.btn-primary:hover i {
    color: #fff;
}

/* Twitter Teed */

.twitter-feed  {
    padding-bottom: 60px;
    text-align: center;
}

.twitter-feed .section-title {
    margin-bottom: 45px;
    padding-top: 20px;
    font-size: 46px;
    color: #00bff3;    
}

.twitter-feed .section-title h1 {
    margin-top: 5px;
}

.twitter-feed .feed-content {
    max-width: 550px;
    display: inline-block;
    color: #707070;
}

.twitter-feed h4 {
    margin-top: 35px;
    font-family: 'aller_lightregular';
}

.twitter-feed a {
    color: #00bff3;
    font-family: 'allerregular';
}

.twitter-feed a:hover {
    color: #8e1913;
}

.feed-content.white-color a:hover {
    color: #000 !important;
}


/* Contact Section */

.contact-section {
    position: relative;
}

.contact-section.before:before {
    z-index: 1;
}

#gmap {
    height: 615px;
    width: 100%;
}

.contact-info {
    background-color: #fff;
    padding: 35px;
    padding-top: 55px;
    padding-bottom: 100px;
    max-width: 365px;
    position: absolute;
    top: 50%;
    right: 8%;
    margin-top: -197px;
    overflow: hidden;
}

.contact-info .time {
    width: 65px;
    height: 65px;
    text-align: center;
    background-color: #8e1913;    
}

.contact-info .time h2 {
    font-size: 34px;
    line-height: 18px;
    padding: 15px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'aller_displayregular';    
}

.contact-info .time h2 span {
    font-size: 14px;
    font-family: 'allerbold';
    letter-spacing: 5px;    
}

.contact-info h3 {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'aller_displayregular';
}

.contact-info li {
    font-family: 'allerregular';
    font-size: 14px;
    margin-bottom: 10px;  
}

.contact-info i {
    color: #8e1913;
    margin-right: 10px;
    font-size: 14px;    
}

.contact-info .btn.btn-primary {
    margin-top: 20px;
}

/* Schedule Section */

.schedule-section {
    text-align: center;
}

.schedule-section .section-title {
    margin-bottom: 45px;
    color: #ed6d62;
    padding-top: 40px;
}


.gallery-section .jp-play::after,
.gallery-section .jp-play::after,
.schedule-section .jp-play::after,
.audio-album .jp-play::after {
    display: none;
 }

.schedule-section i {
    font-size: 46px;
}

.schedule-text {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    color: #707070;
    max-width: 750px;
    display: inline-block;
    margin-bottom: 30px;
    font-family: 'aller_lightregular';
}

.schedule-menu {
    margin-bottom: 30px;
    background-color: #f7f7f7;
    padding: 30px 40px;
    text-align: left;
    margin-left: 0;
}

.schedule-menu li+li {
    margin-left: 162px;
}

.schedule-menu li:nth-child(2){
    margin-left: 115px;
    margin-right: 130px;
}

.schedule-menu li:nth-child(4){
    margin-left: 110px;
    margin-right: 80px;
}

.schedule-menu li:nth-child(5){
    margin-left: 131px;
}

.schedule-menu a {
    font-size: 16px;
    color: #8e1913;
    text-transform: capitalize;
    font-family: 'allerbold';
}

.schedule-section .rock-roll {
    padding-top: 35px;
    padding-right: 40px;
    padding-left: 40px;
    overflow: hidden;
}

.schedule-section .festival-image {
    margin-right: 40px;
}

/* Artist Detail */

.artist-info {
    font-size: 16px;
    line-height: 26px;
    font-family: 'aller_lightregular';
    padding-top: 55px;
}

.artist-info li a {
    font-size: 14px;
    color: #000;
}

.artist-info li a:hover {
    color: #8e1913;
}

.artist-detail h1 {
    font-size: 34px;
    text-transform: uppercase;
    font-family: 'aller_displayregular';
    max-width: 140px;
    line-height: 31px;
    margin-top: 10px;
    margin-bottom: 15px;    
}

.artist-detail h4 {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'allerbold';
    letter-spacing: 5px;
    margin-bottom: 30px;
}

.artist-info address {
    margin-top: 25px;
}

.artist-info address .menu li {
    margin-bottom: 5px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
}

.artist-info address .menu {
    float: left;
    max-width: 320px;
}

.artist-info address .menu.sub {
    margin-left: 80px;
}

.artist-info address .menu span {
    font-family: 'allerregular';
    margin-right: 15px;
}

.artist-info address .menu h6,
.artist-info address .menu h5 {
    font-size: 14px;
}

.artist-info address .menu h5  {
   float: left;
   min-width: 120px;
   font-weight: 700;
}

/* Musical Awards */

.musical-awards .section-title {
    padding-bottom: 10px;
}

.musical-awards.section-padding {
    padding-top: 95px;
    padding-bottom: 0;
}

.awards-timline {
    max-width: 500px;
    display:inline-block;
}

.timeline-panel img {
    display:inline;
}

.panel-left {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 45px;
    position: relative;
}

.panel-right {
    float: right;
    width: 50%;
    text-align: left;
    padding-left: 45px;
    padding-top: 5px;
}

.awards-timline h4 {
    color: #8e1913;
    margin-bottom: 0;
}

.timeline-panel {
    margin-bottom: 75px;
}

.panel-left:after {
    position: absolute;
    content: "";
    top: 25px;
    right: 0;
    width: 4px;
    height: 365px;
    background-color: #8e1913;
}

.timeline-panel.timeline {
    position: relative;
}

.timeline-panel.timeline:before {
    position: absolute;
    content:"";
    top: 10px;
    right: -51px;
    width: 16px;
    height: 16px;
    background-color: #8e1913;
    border-radius: 50%;    
}

/* Showcase Section */

.showcase-section {
    padding-bottom: 50px;
}

.showcase-section .section-title {
    margin-top: 20px;
    padding-bottom: 10px;
}

.showcase-section .section-title h2 {
    font-size: 34px;
    margin-top: 25px;
    margin-bottom: 10px;    
}

.showcase-section .section-title li+li {
    margin-left: 20px;
}

.showcase-section .section-title i {
    font-size: 72px;
    color: #8e1913;
}

.showcase-section .section-title a,
.showcase-section .section-title a i {
    font-size: 16px;
    color: #808080;
    text-transform: lowercase;
}

.showcase-section .section-title a i {
    margin-right: 10px;
}

.showcase-section .section-title a span {
    text-transform: uppercase;
}

.showcase-section .section-title a:hover i,
.showcase-section .section-title a:hover {
    color: #8e1913;
}

.showcase {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.showcase img {
    width: 100%;
}

.showcase-overlay {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 28, 64, 0.6)
}

.showcase:hover .showcase-overlay {
    top:0;
}

.showcase-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 15px;
    padding-left: 35px;
    padding-right: 35px;
}

.showcase-icons a {
    display:block;
    font-size: 66px;
    text-align: center;
    color: #fff;       
}

.showcase-icons {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%; 
    -webkit-transition: all 700ms;
    -moz-transition: all 700ms;
    -ms-transition: all 700ms;
    -o-transition: all 700ms;
    transition: all 700ms;
    z-index: 1;     
}

.showcase:hover .showcase-icons {
    top: 50%;
    margin-top: -45px;
}

.showcase-info h3 {
    font-size: 22px;
    margin-bottom: 0;
    font-family: 'aller_displayregular';
}

.showcase-info h5 {
    font-size: 12px;
    font-family: 'allerbold';
    letter-spacing: 10px;
    margin-top: 0;
}

.showcase-section .pagination {
    padding-top: 30px;
}

/* Life Career */

.life-career,
.earnings {
    background-image: url(../images/bg/3.jpg);
    background-color: #e7eced;
}

.career-content {
    padding-top: 95px;
    padding-bottom: 55px;
}

.career-image,
.earning-image,
.discography-image,
.vocal-image {
    max-height: 375px;
    overflow: hidden;
}

.career-info,
.earning-info,
.vocal-info {
    font-size: 16px;
    line-height: 26px;
    font-family: 'aller_lightregular';
}

.career-info h1,
.discography h1,
.earning-info h1,
.vocal-info h1 {
    font-size: 26px;
    font-family: 'allerbold';
    margin-bottom: 30px;
}

.discography-content {
    padding-top: 75px;
    padding-bottom: 25px;
}

.discography-content li {
    line-height: 30px;
    font-size: 14px;
}

.vocal-content {
    padding-top: 55px;
    padding-bottom: 25px;

}

/* Discography */

.earnings-content {
    padding-top: 95px;
    padding-bottom: 55px;
}

.discography .menu {
    display:inline-block;
    font-size: 16px;
    line-height: 26px;
    font-family: 'aller_lightregular';
}
.discography .menu.sub {
    margin-left: 70px;
}

/* Pagination */

.pagination li a {
    border: 0;
    font-size: 18px;
    color: #8e1913;
    background-color: #fff;
    padding:10px 15px;
    padding-top: 6px;
    border-radius: 0;
    margin: 5px;
    font-family: 'allerbold';
}

.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover,
.pagination>.active>a,
.pagination>.active>a:hover {
    background-color: #8e1913;
    color: #fff;
}

.pagination>li:first-child>a, 
.pagination>li:first-child>span,
.pagination>li:last-child>a, 
.pagination>li:last-child>span {
    border-radius: 0;
    color: #a4a4a4;
}

.pagination>li:first-child>a:hover, 
.pagination>li:first-child>a:focus, 
.pagination>li:last-child>a:focus,
.pagination>li:last-child>a:hover {
    color: #fff;
}

.bg-transparent .pagination li a {
    background-color: transparent;
}

.bg-transparent .pagination li a:hover,
.bg-transparent .pagination>li>a:focus,
.bg-transparent .pagination>.active>a {
    background-color: #8e1913;
}

/* Sponsors */

.sponsors-title {
    position: relative;
    z-index: 1;
    padding-top: 115px;
    padding-bottom: 125px;
}

.sponsors-title img {
    display:inline;
}

.sponsors-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/sponsors-overlay.png);
    z-index: -1;
    background-position: center center;
}

.become-sponsors h1,
.sponsors h1 {
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'aller_displayregular';
    margin-bottom: 25px;
    text-align: center;
}

.sponsors-section {
    background-color: #fafafa;
    padding-top: 75px;
    padding-bottom: 25px;    
}

.sponsors-section h1 {
    padding-bottom: 40px;
}

.sponsors-section.before-after:before, 
.sponsors-section.before-after:after {
    border-bottom: 30px solid #fafafa;
}

.sponsors-section .client li {
    margin-bottom: 35px;
}

.sponsors-section .client li+li {
    margin-left: 40px;
}

.sponsors-section .client li:nth-child(5) {
    margin-left: 0;
}

.become-sponsors {
    padding-top: 90px;
    padding-bottom: 50px;    
    color: #fff;
    background-color: #8e1913;
}

.become-sponsors.before:before {
    border-top: 30px solid #fafafa;
}

.sponsors-info {
    max-width: 905px;
    display: inline-block;
}

.become-sponsors .btn.btn-primary {
    background-color: #fff;
    color: #8e1913;
    margin-top: 35px;
}

.become-sponsors .btn.btn-primary i {
    color: #8e1913;
}

.become-sponsors .btn.btn-primary:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

.become-sponsors .btn.btn-primary:hover i {
    color: #fff;
}

/* ==========================================================================
    MULTI EVENT 
 ========================================================================== */

.white-color,
.white-color h1,
.white-color h2,
.white-color h3,
.white-color h4,
.white-color span,
.white-color label,
.white-color a,
.white-color .section-title i {
    color: #fff !important;
}

.home-banner.banner .banner-overlay {
        background-color: rgba(0, 28, 64, 0.7);
}

.home-banner.banner .home-content h2 {
    margin-bottom: 0;
}

.home-banner.banner .home-content h3 {
    font-size: 27px;
    margin-top: 0;
    margin-bottom: 25px;
}

.home-banner.banner .social {
    margin-top: 30px;
}

.home-banner.banner #countdown {
    margin-bottom: 0;
}

.home-banner.banner .home-content {
    padding-bottom: 200px;
    padding-top: 290px;
}

.home-content .btn.btn-primary:hover {
	background-color:#ed6d62;
	color:#fff;
}

.home-content .btn.btn-primary:hover i {
	color:#fff;
}

.home-banner.banner .btn.btn-primary {
    background-color: #fff;
    color: #8e1913;
}

.home-banner.banner .btn.btn-primary i {
    color: #8e1913;
}

.home-banner.banner .btn.btn-primary:hover {
    background-color: #8e1913;
    color: #fff;
}

.home-banner.banner .btn.btn-primary:hover i {
    color: #fff;
}

/* Schedule Slider */

.schedule-slider {
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 40px;
    padding-bottom: 35px;
    margin-bottom: 30px;
}

.schedule-slider .schedule {
    background-color: rgba(0, 0, 0, 0.3);
    max-width: 375px;
    min-height: 110px;
    margin-left: 20px;
    margin-right: 15px;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
}

.schedule-slider .time {
    float: left;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 15px;
    background-image: url(../images/bg/8.jpg);
    position: relative;
    z-index: 1;
}

.schedule-slider .time-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 0, 83, 0.5);
    z-index: -1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}    

.schedule-slider .time:hover .time-overlay {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.schedule-slider .time h1 {
    font-size: 72px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'aller_lightregular'; 
    line-height: 40px;
    text-align: center;    
}

.schedule-slider .time h1 span {
    font-size: 16px;
    letter-spacing: 10px;
    font-family: 'allerbold';
    display: block;
}

.schedule-slider h4 {
    font-size: 18px;
    text-transform: capitalize;
    font-family: 'allerbold';
    color: #fff;
    padding-top: 30px;
}

.schedule-slider .owl-prev,
.schedule-slider .owl-next {
    color: #765c6b;
    position: absolute;
    top: 50%;
    font-size: 42px;
    margin-top: -30px;
}

.schedule-slider .owl-prev {
    left: -35px;
}

.schedule-slider .owl-next {
    right: -35px;
}

.schedule-slider .owl-prev:hover,
.schedule-slider .owl-next:hover {
    color: #fff;
}

/* Feedback */

.feedback.bg-transparent {
        background-color: rgba(0, 0, 0, 0.3);
}

.contact-content {
    position: relative;
    position: relative;
    padding-top: 85px;
    padding-bottom: 75px;    
}

/* Promotion */

.promotion.bg-transparent {
    background-image: inherit;
    background-color: rgba(0, 0, 0, 0.3);
}

/* Become Sponsors */

.become-sponsors.sponsors {
    background-color: transparent;
}

/* Ucoming Events */

.ucoming-events .dropdown {
    display: inline-block;
}

.ucoming-events .dropdown li {
    margin: 0;
}

.ucoming-events .dropdown a {
    font-size: 14px;
    color: #a4a4a4;
    display: block;
    width: 90px;    
}

.ucoming-events .dropdown a:hover,
.ucoming-events .dropdown-menu>li>a:focus, 
.ucoming-events .dropdown-menu>li>a:hover {
    background-color: transparent;
    color: #ed6d62;
}

.ucoming-events .dropdown i {
    color: #8e1913;
}

.ucoming-events .dropdown-menu {
    width: 80px;
    padding-bottom: 15px;
    padding-top: 10px;
}

.ucoming-events .schedule-menu li i {
    margin-left: 5px;
}

.ucoming-events .schedule-menu li:nth-child(2) {
    margin-left: 5px;
    margin-right: 235px;
}

.ucoming-events .schedule-menu li ul li:nth-child(2) {
    margin-left: 0;
}

.ucoming-events .festival-image {
    margin-right: 70px;
}

.ucoming-events .festival-info .time {
    width: 100%;
    margin-left: -55px;
}

.ucoming-events .festival-info .time h1 {
    font-size: 72px;
    margin-top: 5px;
}

.ucoming-events .festival-info .time h1 span {
    line-height: 0;
}

.ucoming-events .festival-info h2 {
    font-size: 24px;
}

.ucoming-events .address {
    padding-top: 40px;
}

.ucoming-events .button {
    text-align: center;
    padding-top: 30px;
}

.ucoming-events .btn.btn-primary:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.ucoming-events .btn.btn-primary:hover i {
    color: #fff;
}

.promotion.bg-transparent .promotion-content {
    padding-top: 40px;
}

/* Gallery Section */

.featured-video {
    background-image: inherit;
    background-color: transparent;
    padding-bottom: 0;  
}

.right-content.bg-transparent,
.video-gallery.bg-transparent {
    position: relative;
}

.video-gallery.bg-transparent:before,
.right-content.bg-transparent:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 80px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);    
}

.video-gallery.bg-transparent:before {
    left: -80px;
}

.right-content.bg-transparent:after {
    right: -80px;   
}

.video-content.video-icons .jp-play.play-icon {
    width: 125px;
    height: 125px;
    margin-left: -60px !important;
    margin-top: -25px !important;   
}

.featured-video .video-gallery {
    padding-right: 65px;
    max-width: 650px;
    padding-bottom: 50px;
}

.featured-video .right-content {
    padding-left: 65px;
    padding-bottom: 75px;
}

.video-content.video-icons .jp-playlist ul li a:before {
    content: "";
    background-image: url(../images/player/2.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#jplayer-container .jp-playlist li {
    background-color: rgba(0, 0, 0, 0.33);
    margin-bottom: 1px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    padding-left: 25px;
    padding-right: 20px;
}

#jplayer-container .jp-playlist li:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

#jplayer-container .jp-playlist li:first-child {
    margin-top: 1px;
    padding-top: 55px;
}

#jplayer-container .jp-playlist li:nth-child(6) {
    padding-bottom: 35px;
}

#jplayer-container .jp-playlist li a {
    color: #fff;
}

#jplayer-container .jp-title span {
    margin-right: 10px;
}

#jplayer-container .time {
    right: 20px;
    position: absolute;
}

#jplayer-container .control-content {
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

#jplayer-container .jp-artist {
    display: none;
}

#jplayer-container #playing {
    position: absolute;
    left: 125px;
    z-index: 1;
}

#jplayer-container #playing .artist-name {
    position: absolute;
    top: 40px;
    color: #000;
}

#jplayer-container .jp-controls {
    background-image: url(../images/player/3.jpg);
    width:110px;
    height: 110px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-right: 20px;
}

#jplayer-container .jp-controls:before,
.audio-album .jp-controls:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 28, 64, 0.7);
    z-index: -1;
}

#jplayer-container .jp-controls:hover:before,
.audio-album .jp-controls:hover:before {
    background-color: rgba(237, 20, 91, 0.9);
}

#jplayer-container .track-name {
    color: #000;
}

#jplayer-container .jp-progress {
    background-color: #cccccc;
}

.featured-video .jp-play-bar {
    background-color: #8e1913;  
}

#jplayer-container .jp-current-time {
    color: #8e1913;
    line-height: 0;
    margin-top: 75px;
}

#jplayer-container .jp-progress {
    width: 45%;
    margin: 0;
    margin-right: 20px;
}

#jplayer-container li a img {
    display: inline;
    margin-top: 26px;
    text-align: center;
}

#jplayer-container .jp-play {
    margin: 0;
    background-image: inherit;
}

.audio-content {
    max-height: 525px;
    overflow: hidden;
}

.twitter-feed.bg-transparent {
    margin-top: 30px;
}

.clients-section.clients .client img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    opacity: 1;
}

.clients-section.clients .client img:hover {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
    opacity: .5;
}

.artist-section .artist-detail {
    margin-top: 25px;
    padding-bottom: 25px;
}

.artist-section .pagination {
    padding-top: 50px;
    margin-bottom: 0;
}



/* ==========================================================================
    BAND
 ========================================================================== */


.band-banner .home-content {
    padding-top: 295px;
    padding-bottom: 220px;
}

.band-banner .home-content h1 {
    font-family: 'Cookie', cursive;
    font-size: 90px;
}

.band-banner .home-content h2 {
    font-size: 78px;
    line-height: 20px;
    margin-bottom: 40px;
} 

.home-banner.band-banner .jp-play-bar {
    background-color: #8e1913;
}


/* Recent Albums */

.albums-slider.slider-band {
    background-image: url(../images/bg/10.jpg);
    background-repeat: no-repeat;
    background-position: 100px 100px;
}

.album-image {
    max-width: 270px;
    max-height: 290px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.album-overlay {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(142, 24, 19, 0.7);
    z-index: 1;    
}

.album-icons {
    position: absolute;
    top: 50%;
    left: -100%;
    width: 100%;
    height: 100%;
    margin-top: -33px;
    font-size: 48px;
    color: #fff;
    z-index: 1;
    -webkit-transition: all 1000ms;
    -moz-transition: all 1000ms;
    -ms-transition: all 1000ms;
    -o-transition: all 1000ms;
    transition: all 1000ms;
}

.album-icons a {
    color: #fff;
}

.recent-albums .album-item {
    color: #000;
    margin-left: 15px;
    margin-right: 15px;
}

.album-item h2,
.cbp-item h2 {
    font-size: 12px;
    letter-spacing: 10px;
    margin-top: 15px;
    font-family: 'allerbold';
    text-transform: uppercase;
    margin-bottom: 5px;
}

.album-item h3,
.cbp-item h3 a {
    margin-top: 0;
    font-family: 'aller_displayregular';
    text-transform: uppercase;
    color: #000;
}

.cbp-item h3 {
    margin-top: 0;
}

.cbp-item h3 a:hover {
    color: #8e1913;
}

.album-image:hover .album-overlay {
    left: 0;
}

.album-image:hover .album-icons {
    left: 0;
}

.albums-slider .owl-prev,
.albums-slider .owl-next {
    position: absolute;
    top: 50%;
    font-size: 64px;
    color: #d1d1d1;
    margin-top: -80px;
}

.albums-slider .owl-prev {
    left: -60px;
}

.albums-slider .owl-next {
    right: -60px;
}

.albums-slider .owl-prev:hover,
.albums-slider .owl-next:hover {
    color: #8e1913;
}

/* Shop Section */

.products.item {
    overflow: hidden;
    position: relative;
    margin-bottom: 35px;
}

.shop-section .product-content {
    padding-bottom: 10px;
}

.products.item .products-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -90px;
    color: #fff;
    background-color: rgba(237, 20, 91, 0.8);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    line-height: 126px;
    text-align: center; 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);      
}

.products.item .products-icons i {
    color: #fff;
    font-size: 48px;
}

.products.item:hover .products-icons {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);    
}

.product-thumb {
    margin-bottom: 30px;
    margin-top: 15px;
}

.promotion.contact {
    font-size: 25px;
    color: #fff;
    line-height: 32px;
    position: relative;
    background-image: url(../images/bg/11.jpg);
    z-index: 1;
}

.promotion.contact h1 {
    font-size: 48px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'aller_displayregular';
}

.promotion.contact a {
    color: #fff;
}

.promotion.contact a:hover {
    color: #000;
}


.promotion.contact .promotion-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 28, 64, 0.7);
    z-index: -1;
}

.promotion.contact .social {
    margin-top: 30px;
}

/* Gallery Section */

.festival-schedule.live-shows .festival-info {
    margin-bottom: 27px;
}

.festival-schedule.live-shows .image-overlay {
    background-color: rgba(184, 187, 189, 0.5);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);    
}

.festival-schedule.live-shows .festival-info:hover .image-overlay {
    background-color: rgba(0, 28, 64, 0.7);
}

.festival-schedule.live-shows .time h1 {
    font-size: 72px;
    line-height: 40px;
    padding-top: 5px;
}

/* Artist Detail */

.artist-detail.our-band {
    padding-top: 80px;
}

.artist-detail.our-band  h1 {
    max-width: 100%;
    margin-top: 5px;
}

.artist-detail.our-band h4 {
    margin-bottom: 45px;
}

.artist-detail.our-band .menu li {
    margin-bottom: 10px;
}

.band.vocalist, 
.band.vocalist {
    background-image: url(../images/bg/3.jpg);
    background-color: #e7eced;
}

.vocalist-content {
    padding-top: 60px; 
    padding-bottom: 25px;   
}

.band.vocalist .vocalist-content,
.band.vocalist .vocalist-content {
    margin-top: 30px;
    margin-bottom: 30px;
}

.vocalist-image {
    position: relative;
    overflow: hidden;
    max-width: 575px;
    max-height: 375px;
}

.vocalist-overlya {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 28, 64, 0.7);   
}

.vocalist-image:hover .vocalist-overlya {
    top: 0;
}

.vocalist h1 {
    font-size: 34px;
    text-transform: uppercase;
    max-width: 150px;
    font-family: 'aller_displayregular';
    line-height: 30px;
    margin-bottom: 0;
}

.vocalist h2 {
    font-size: 12px;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'allerbold';
    margin-top: 15px;
    margin-bottom: 30px;
}

.vocalist-overlya .social {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 34px;
    margin-left: -75px;
    margin-top: -18px;
}

.vocalist-overlya .social a {
    font-size: 34px;
}

.vocalist-overlya .social a:hover {
    color: #000;
}

.vocalist p {
    margin-bottom: 20px;
}

/* Album Section */

.album-menu {
    margin-bottom: 80px;
    margin-top: 15px;  
}

.album-menu .btn-default i {
    color: #000;
    font-size: 18px;    
}

.album-menu li,
.album-menu .btn-default {
    color: #000;
    font-size: 18px;
    text-transform: capitalize;
    font-family: 'allerregular';    
}

.album-menu .btn-default.active.focus, 
.album-menu .btn-default.active:focus, 
.album-menu .btn-default:hover, 
.album-menu .btn-default.active:hover, 
.album-menu .btn-default:active.focus, 
.album-menu .btn-default:active:focus, 
.album-menu .btn-default:active:hover, 
.album-menu .open>.dropdown-toggle.btn-default.focus, 
.album-menu .open>.dropdown-toggle.btn-default:focus, 
.album-menu .open>.dropdown-toggle.btn-default:hover {
    background-color: transparent;
    color: #000;
}

.album-menu li {
    float: left;
}

.album-menu li a {
    color: #000;
    font-size: 18px;
    position: relative;
    padding: 10px;
    padding-left: 0;
}

.album-menu .dropdown-menu {
    border-radius: 0;
}

.album-menu .dropdown-menu li {
    float: none;
    padding-left: 20px;
    cursor: pointer;
    color: #000;
    margin-bottom: 5px;
    font-size: 16px;
}

.album-menu .dropdown-menu li:hover {
    color: #8e1913;
}

.album-menu .dropdown-menu li+li {
    margin-left: 0;  
}

.album-menu li i {
    margin-left: 10px;
}

.album-menu li+li {
    margin-left: 30px;
}

.album-section .cbp-item {
    margin-bottom: 50px;
}

#portfolio-item {
    overflow: hidden;
}

.album-section .pagination {
    margin-top: 65px;
}

/* Audio Album */

.audio-album .album-content {
    padding-top: 20px;
}

.audio-album .left-content h1 {
    font-size: 12px;
    font-family: 'allerbold';
    letter-spacing: 10px;
    text-transform: uppercase;
    margin-top: 25px;
}

.audio-album .left-content h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'aller_displayregular';
    margin-top: 0;
}

.audio-album .left-content h3 {
    font-size: 16px;
    color: #757575;
    margin-top: 15px;
}

.audio-album .left-content h3 span {
    color: #39b54a;
}

.audio-album .left-content h4 {
    font-size: 24px;
    font-family: 'allerbold';
    margin-bottom: 30px;
}

.audio-album .quantity {
    max-width: 265px;
}

.audio-album .quantity  h3 {
    float: left;
    margin-right: 30px;
    line-height: 0;
    color: #000;
}

.audio-album .quantity .input-text {
    max-width: 165px;
} 

.audio-album .quantity:before {
    right: 40px;
}

.audio-album  .button {
    margin-bottom: 15px;
    text-align: left;
}

.audio-album .add-buttons {
    margin-top: 35px;
}

.audio-album .jp-interface {
    background-color: #f4f4f4;
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 30px;
}

.audio-album #playing {
    position: absolute;
    top: -5px;
    left: 143px;
    z-index: 1;
}

.audio-album .jp-progress {
    width: 72%;
    background-color: #c3c3c3;
    margin-top: 70px;
    margin-left: 0;
    margin-right: 30px;
}

.audio-album .jp-play {
    margin: 0;
    background-image: inherit;
}

.audio-album .jp-controls {
    background-image: url(../images/album/1.jpg);
    background-size: contain;
    width: 110px;
    height: 110px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-right: 20px;
}

.audio-album li a img {
    display: inline;
    margin-top: 27px;
    text-align: center;    
}

.audio-album .track-name {
    font-size: 20px;
}

.audio-album .jp-current-time {
    padding-top: 60px;
    color: #8e1913;
    font-family: 'allerbold';
}

.audio-album .artist-name {
    position: absolute;
    top: 45px;
}

.audio-album .jp-playlist li {
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.audio-album .jp-playlist li a {
    color: #000;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    font-size: 16px;
}

.audio-album .jp-playlist li:last-child {
    border-bottom: 0;
}

.audio-album .jp-artist {
    display: none;
}

.audio-album .info-wrapper .time {
    position: absolute;
    right: 40px;
}

.audio-album .jp-title span {
    margin-right: 15px;
}

.audio-album .jp-playlist li.jp-playlist-current a,
.audio-album .jp-playlist li a:hover {
    color: #8e1913;
}

.audio-album .info-wrapper .time:before {
    position: absolute;
    right: 80px;
    top: 0;
    content: "\f08a";
    font-family: fontawesome;
    font-size: 16px;
    color: #c3c3c3;    
}

.audio-album .jp-playlist li a:hover  .time:before,
.audio-album .jp-playlist li.jp-playlist-current a .time:before{
    position: absolute;
    content: "\f004";
    font-family: fontawesome;
    color: #8e1913;
}

.audio-album .jp-play-bar {
    background-color: #8e1913;
}

/* Related Album */

.related-album {
    padding-top: 20px;
    padding-bottom: 60px;
}

.related-album h1 {
    font-size: 34px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-family: 'aller_displayregular';
}

/* BIOGRAPHY */

.home-banner.biography .home-content {
    padding-top: 315px;
    padding-bottom: 220px;
}

.home-banner.biography .home-content h1 {
    font-size: 60px;
    font-family: 'Cookie', cursive;
    color: #8e1913;
}

.home-banner.biography .home-content h2 {
    font-size: 78px;
    line-height: 36px;
    margin-bottom: 30px;
}

.home-banner.biography .jp-play-bar {
    background-color: #8e1913;
}

.about.about-biography .about-info h3 {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.about.about-biography .about-info h4 {
    font-size: 16px;
    border-bottom: 1px solid #f0f1f2;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.about.about-biography .social {
    margin-top: 30px;
}

.about.about-biography .social a i {
    font-size: 24px;
}

.about.about-biography .social .fa-facebook {
    color: #0072bc;
}

.about.about-biography .social .fa-twitter {
    color: #00aeef;
}

.about.about-biography .social .fa-google-plus {
    color: #ed1c24;
}

.about.about-biography .social .fa-soundcloud {
    color: #f26522;
}

.about.about-biography .social .fa-instagram {
    color: #8dc63f;
}

.about.about-biography .social .fa-rss {
    color: #ffd200;
}

.about.about-biography .social i:hover {
    color: #8e1913;
}

/* Biography Section */

.biography-section {
    color: #000;
    font-size: 16px;
    line-height: 26px;
}

.biography-content {
    padding-top: 20px;
    padding-bottom: 25px;
}

.biography-image {
    max-height: 530px;
    overflow: hidden;
}

.biography-section .social a {
    color: #000;
}

.biography-section .social a:hover {
    color: #8e1913;
}

.biography-info {
    padding-top: 55px;
}

.biography-info h1 {
    text-transform: uppercase;
    font-size: 34px;
    font-family: 'aller_displayregular';
    margin: 0;
}

.biography-info h4 {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 10px;
    font-family: 'allerbold';
    margin-bottom: 45px;
}

.signature {
    margin-top: 40px;
}

.signature h1,
.signature h2{
    font-family: 'Allura', cursive;
    color: #000;
}

.signature h1 {
    font-size: 40px;
    margin-bottom: 0;
    line-height: 40px;
}

.signature h2 {
    margin: 0;
    font-size: 20px;
}

.life-career .menu span {
    font-family: 'allerbold';
    margin-right: 10px;
}

.video-gallery .before-none .jp-playlist ul li a:before {
    content: "";
}

/* Tyopography Section */

.tyopography-section {
    padding-top: 200px;
}

.tyopography-section h1 {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 30px;
    font-family: 'allerbold';
}

.tyopography-section .nav-tabs>li {
    float: none;
}

.buttons .btn.btn-primary {
    margin-bottom: 20px;
    font-size: 22px;
    padding-right: 35px;
    margin-right: 30px;    
}

.buttons .btn.btn-primary i {
    position: inherit;
    right: 0;
    top: 0;
    margin-left: 10px;
}

.full-rounded-buttons .btn.btn-primary {
    border-radius: 50px;
}

.buttons-normal .btn.btn-primary {
    border-radius: 0;
}

.buttons .btn.btn-primary.medium {
    font-size: 18px;
}

.buttons .btn.btn-primary.small {
    font-size: 14px;
}

.tyopography-section .button .btn.btn-primary {
    width: 100%;
    margin-top: 30px;
}

.transparent-buttons .btn.btn-primary {
    background-color: #fff;
    color: #ed6d62;
}

.transparent-buttons .btn.btn-primary:hover {
    background-color: #ed6d62;
    color: #fff;
}

.tyopography-section .clients h1,
.tyopography-section .albums h1 {
    font-size: 30px;
    font-family: 'aller_displayregular';
}

.tyopography-section .clients {
    margin-top: 50px;
    margin-bottom: 50px;
}

.tyopography-section .albums {
    padding-bottom: 100px;
}

.tyopography-section .album-image {
    max-width: 220px;
    max-height: 225px;
}

.tyopography-section .albums-slider .owl-prev, 
.tyopography-section .albums-slider .owl-next {
    opacity: 0;
}

.tyopography-section .albums-slider:hover .owl-prev, 
.tyopography-section .albums-slider:hover .owl-next {
    opacity: 1;
}

.tyopography-section .nav-tabs {
    border: 0; 
}

.tyopography-section .nav-tabs>li>a {
    border: 0; 
    border-radius:0;
    text-transform: uppercase;
    font-family: 'allerbold';
    color: #000;
}

.tyopography-section .nav-tabs>li>a:hover,
.tyopography-section .nav-tabs>li.active>a, 
.tyopography-section .nav-tabs>li.active>a:focus, 
.tyopography-section .nav-tabs>li.active>a:hover {
    color: #8e1913;
    background-color: #fff;
    border: 0;
    border-bottom-color: transparent;
}
.navbar-topbar {
  height: 35px;
  background: rgba(148, 25, 20, 1);
}

.navbar-topbar-inner {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.navbar-topbar-social {
  display: flex;
  align-items: center;
  gap: 10px;
}

.navbar-topbar-social a {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  border-radius: 4px;
  transition: all 0.22s ease;
}

.navbar-topbar-social a:hover,
.navbar-topbar-social a:focus {
  background: #fff;
  color: rgba(148, 25, 20, 1);
  transform: translateY(-1px);
  text-decoration: none;
}
.tyopography-section  .showcase {
    max-height: 200px;
}

.tyopography-section .pagination-1 li a {
    border-radius: 50px;
    padding-top: 5px;
}

.tyopography-section .pagination-2 li a {
    border: 1px solid #8e1913;
}

.tyopography-section .pagination-3 li a {
    border: 1px solid #8e1913;
    background-color: #8e1913;
    color: #fff;
}

.tyopography-section .pagination-3 li.active a,
.tyopography-section .pagination-3 li a:hover {
    background-color: transparent;
    color: #8e1913;
}

/* ==========================================================================
    Footer Top
 ========================================================================== */

.footer-top {
    padding-top: 70px;
    padding-bottom: 15px;
}

.footer-widget {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
    overflow: hidden;
}

.footer-widget h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'allerbold';
    margin-bottom: 35px;
}

.footer-logo {
    margin-bottom: 20px;
    margin-top: 10px;
}

.recent-post {
    margin-bottom: 20px;
    overflow: hidden;
}

.recent-post a {
    color: #fff;
    font-size: 15px;
}

.recent-image {
    float: left;
    margin-right: 25px;
    max-width: 55px;
    max-height: 55px;
}

.photos-filckr li {
    float: left;
    margin-bottom: 15px;
}

.recent-image:hover img,
.photos-filckr li:hover img {
    opacity: .5;
}


.photos-filckr li+li {
    margin-left: 9px;
}

.photos-filckr li:nth-child(4) {
    margin-left: 0;
}

.footer-widget .contact {
    font-size: 14px;
}

.footer-widget .contact li {
    margin-bottom: 10px;
}

.footer-widget .contact i {
    margin-right: 10px;
}

.footer-widget .contact a {
    color: #fff;
}

.footer-widget a:hover {
    color: #000;
}

/* ==========================================================================
    Footer
 ========================================================================== */

.footer {
    padding-top: 20px;
    padding-bottom: 10px;
}

.copyright {
    font-size: 14px;
    text-transform: uppercase;
    float: left;
}

.copyright a {
    color: #8e1913;
    font-family: 'allerbold';
}

.footer-memu {
    float: right;
}

.footer-memu li {
    float: left;
}

.footer-memu li+li {
    margin-left: 30px;
}

.footer-memu li a {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    line-height: 30px;
}

.footer-memu li a:hover {
    color: #8e1913;
}


/* ==========================================================================
 	Extra Css
 ========================================================================== */

a, button, .artists-overlay, 
.post-icons, .image-overlay, 
.clients li, .post-content, 
.festival-info h2, .showcase-overlay, 
.products, .products i, .gallery-overlay,
.time-overlay, .owl-prev,
.owl-next, .album-overlay,
.products-icons, .btn.btn-default i,
.btn.btn-primary i, .controls,
.showcase-section i, .vocalist-overlya,
.time:before, .client img, .video-overlay,
.owl-nav i, .jp-controls:before, .jp-playlist li,
.photos-filckr li:hover:before,
.recent-image img, .photos-filckr li img {
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
} 


@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller.regular-webfont.woff2') format('woff2'),
         url('../fonts/aller.regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aller_lightregular';
    src: url('../fonts/aller_lt-webfont.woff2') format('woff2'),
         url('../fonts/aller_lt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allerbold';
    src: url('../fonts/aller_bd-webfont.woff2') format('woff2'),
         url('../fonts/aller_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'aller_displayregular';
    src: url('../fonts/allerdisplay-webfont.woff2') format('woff2'),
         url('../fonts/allerdisplay-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
video {
	background-color:#333;
}



/*Magnific-popup overwrite CSS*/

.mfp-figure {
    background-color: #fff;
}

img.mfp-img {
    padding:12px;
}

.mfp-image-holder .mfp-close {
    top:-35px;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor:pointer;
}

.mfp-counter {
    right: 50%;
    color: #fff;
    top: 50px;
    margin-right: -20px;
}
.webradio-block-display{
                position: relative;
                background: #d9d9d9;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 8em;
                z-index: 9999;
            }
             .webradio-container{
                position: fixed;
                background: #d9d9d9;
                left: 0;
                bottom: 0;
                width: 100%;
                z-index: 9999;
            }
            .static-footer{
                position: relative !important;
            }
            .mcradio-player{
                width:30%;
                height: 8em;
                background: #8e1913;
                color: #fff;
            }
            .mcradio-player .air-title{
                float: left;
                height: 30%;
                padding: 15px;
                font-size: 1.2em;
            }
            .mcradio-player .air-cover{
                float: left;
                height: 8em;
                width: 8em;
            }
            .mcradio-player .air-cover img{
                width: 8em;
                position: absolute;
            }
            .mcradio-player .air-play{
                    font-size: 1.9em;
                    color: #fff;
                }
                .webradio-container .webradio-button{
                    float: right;
                    background: #333;
                    color:#fff;
                    padding: 15px;
                    margin-top: -50px;
                    text-transform: uppercase;
                    text-align: center;
                    z-index:9999;
                    cursor: pointer;
                }
                .local-webradio{
                    width: 70%;
                    margin: 0 auto;
                    margin-right: auto;
                    float: right;
                    text-align: center;
                    line-height: 8em;
                    overflow: hidden;
                }
                .local-webradio .btn-control{
                    background:#333;
                    color: #fff;
                    height:8em;
                    padding: 6px;
                    position: absolute;
                }
               .local-webradio .btn-prev{
                float: left;
                top: 0;
               }
               .local-webradio .btn-next{
                float: right;
                top: 0;
                right: 0;
               }
               .local-webradio .btn-next:hover i{
                position: relative;
                left:2px;
                animation-duration: 3s;
               }
               .local-webradio .btn-prev:hover i{
                 position: relative;
                right:2px;
                animation-duration: 3s;
               }
               .owl-carousel .item{
                width: 200px;
                margin:0 auto;
               }
               .station-list{
                display: none;
               }
            @media only screen and (max-width: 1150px) {
                    .local-webradio{
                        width:50%;
                        background:#d9d9d9;
                    }
                    .mcradio-player{
                        width: 100% !important;
                    }
                    .station-list{
                        display: block;
                    }
                    .station-list ul{
                        display: block;
                    }
                    .webradio-border{
                        background:#333;
                    }
            }
            @media only screen and (max-width: 580px) {
                .local-webradio{
                        display: none;
                    }
                    .webradio-button{
                        display: none !important;
                    }
            }
            .vertical-align{
                vertical-align: middle;
            }
            .padding-17{
                padding-top: 17px;
            }

/* =====================================================
   SANCY FM – RADIO SCHEDULE (Website-matched palette)
   ===================================================== */

/* =====================================================
   WRAPPER
   ===================================================== */
.schedule-wrap{
  padding: 55px 0;
}

/* =====================================================
   TABS (7 days)
   ===================================================== */
.schedule-tabs{
  margin-bottom: 18px;
}

.schedule-tabs-bar{
  background: #243F4A;
  padding: 10px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.schedule-tabs-bar::-webkit-scrollbar{ height: 8px; }
.schedule-tabs-bar::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.18);
  border-radius: 20px;
}

.schedule-tab{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: rgba(255,255,255,.07);
  color: #F2F5F6;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid rgba(255,255,255,.10);
  transition: background .15s ease, box-shadow .15s ease;
}

.schedule-tab:not(.is-active):hover{
  color : #fff !important;
  background: rgba(255,255,255,.12);
  box-shadow: 0 6px 14px rgba(0,0,0,.18);
}

.schedule-tab.is-active{
  background: #A3201A;
  border-color: rgba(255,255,255,.18);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  cursor: default;
  pointer-events: none;
}

.tab-day{
  font-family: 'allerbold';
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
}

.tab-date{
  font-family: 'allerregular';
  font-size: 12px;
  opacity: .95;
  padding-left: 10px;
  border-left: 1px solid rgba(255,255,255,.22);
}

/* =====================================================
   META HEADER
   ===================================================== */
.schedule-meta{
  display:flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 15px;
  padding: 16px 0 10px;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.meta-kicker{
  display:block;
  font-family:'allerbold';
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 2px;
  color: #6C8A95;
}

.meta-date{
  display:block;
  font-family:'aller_displayregular';
  font-size: 24px;
  text-transform: uppercase;
  color:#102A33;
}

.schedule-meta-onair{
  display:flex;
  align-items:center;
  gap: 10px;
  font-family:'allerbold';
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  color:#6C8A95;
}

.live-dot{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background:#A3201A;
  box-shadow: 0 0 0 6px rgba(163,32,26,.18);
}

/* =====================================================
   LIST / CARDS
   ===================================================== */
.schedule-list{ margin-top: 18px; }

.show-card{
  display:flex;
  gap: 18px;
  background: #1E3F4C;
  color: #F2F5F6;
  margin: 0 0 16px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
  position: relative;
  overflow: hidden;
  transition: transform .15s ease, box-shadow .15s ease;
}

.show-card:nth-child(even){ background: #244B5A; }

.show-card::before{
  content:"";
  position:absolute;
  top:-40%;
  left:-35%;
  width: 60%;
  height: 200%;
  background: linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  transform: rotate(18deg);
  pointer-events:none;
}

.show-card:not(.is-onair):hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 32px rgba(0,0,0,.22);
}

.show-card.is-onair{
  background: #2C5A6B;
  border-left: 4px solid #A3201A;
  box-shadow: 0 18px 34px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.05);
}

/* =====================================================
   TIME COLUMN
   ===================================================== */
.show-time{
  min-width: 92px;
  padding-right: 8px;
  border-right: 1px solid rgba(255,255,255,.16);
}

.time-top, .time-bot{
  font-family:'allerbold';
  font-size: 22px;
  letter-spacing: 1px;
  color: #FFFFFF;
}

.time-line{
  height: 1px;
  background: rgba(255,255,255,.22);
  margin: 10px 0;
}

/* =====================================================
   CONTENT
   ===================================================== */
.show-body{ flex: 1; position: relative; z-index: 1; }

.show-head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.show-title{
  margin: 0;
  font-family:'aller_displayregular';
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: .5px;
  color: #FFFFFF;
}

.show-host{
  font-family:'allerbold';
  font-size: 13px;
  color: #C7D6DC;
  margin-bottom: 10px;
}

.show-desc{
  margin: 0;
  font-family:'allerregular';
  font-size: 14px;
  line-height: 22px;
  color: #E6EEF1;
  max-width: 900px;
}

/* =====================================================
   BADGE
   ===================================================== */
.badge-live{
  display:inline-block;
  background:#A3201A;
  color:#FFFFFF;
  padding: 9px 14px;
  font-family:'allerbold';
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  line-height: 1;
  border-radius: 2px;
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
  white-space: nowrap;
}

/* =====================================================
   NEW FEATURE: DETAILS / SEGMENTS (keeps style)
   ===================================================== */
.show-details{
  margin-top: 14px;
  border-top: 1px solid rgba(255,255,255,.14);
  padding-top: 12px;
}

.show-details summary::-webkit-details-marker{ display:none; }
.show-details summary::marker{ content:""; }

.show-details-summary{
  cursor: pointer;
  user-select: none;
  font-family:'allerbold';
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  color: rgba(255,255,255,.88);
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  outline: none;
}

.show-details-summary:hover{
  color: rgba(255,255,255,.98);
}

.show-details-icon{
  width: 18px;
  height: 18px;
  border: 1px solid rgba(255,255,255,.22);
  position: relative;
  border-radius: 2px;
  flex: 0 0 auto;
}

.show-details-icon::before,
.show-details-icon::after{
  content:"";
  position:absolute;
  background: rgba(255,255,255,.9);
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.show-details-icon::before{ width: 10px; height: 2px; }
.show-details-icon::after{ width: 2px; height: 10px; }

.show-details[open] .show-details-icon::after{ display:none; }

.show-segments{ margin-top: 12px; }

.segment-item{
  display:flex;
  gap: 14px;
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,.10);
}

.segment-item:first-child{
  border-top: none;
  padding-top: 4px;
}

.segment-time{
  min-width: 62px;
  font-family:'allerbold';
  color: #fff;
  letter-spacing: .5px;
}

.segment-title{
  font-family:'allerbold';
  color: rgba(255,255,255,.95);
  margin-bottom: 2px;
}

.segment-desc{
  font-family:'allerregular';
  color: rgba(255,255,255,.86);
  line-height: 20px;
  font-size: 13px;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width: 991px){
  .meta-date{ font-size: 20px; }
  .show-title{ font-size: 20px; }
}
@media (max-width: 767px){
  .schedule-meta{ flex-direction: column; align-items:flex-start; }
  .show-card{ flex-direction: column; }
  .show-time{
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.16);
    padding-bottom: 10px;
    min-width: auto;
  }
  .segment-item{ flex-direction: column; gap: 6px; }
  .segment-time{ min-width: auto; }
}
.contact-page {
  padding: 60px 0;
}

.contact-page .container {
  max-width: 1100px;
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 32px;
  align-items: start;
}

.contact-box,
.contact-info-box {
  background: #fff;
  border: 1px solid #eee;
  padding: 30px;
}

.contact-box h3,
.contact-info-box h3 {
  margin: 0 0 20px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1f2e3d;
  letter-spacing: 1px;
}

.contact-box p,
.contact-info-box p {
  color: #666;
  line-height: 1.6;
}

.contact-form .form-group {
  margin-bottom: 18px;
}

.contact-form label {
  font-weight: 700;
  color: #333;
}

.contact-form .form-control {
  height: 46px;
  border-radius: 0;
  box-shadow: none;
}

.contact-form textarea.form-control {
  height: auto;
  min-height: 160px;
  resize: vertical;
}

.contact-required {
  color: #9d1b14;
}

.contact-hidden {
  display: none !important;
}

.contact-info-list {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
}

.contact-info-list li {
  display: flex;
  gap: 14px;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  color: #555;
}

.contact-info-list li:last-child {
  border-bottom: none;
}

.contact-info-list i {
  width: 24px;
  color: #9d1b14;
  font-size: 22px;
  text-align: center;
  margin-top: 2px;
}

.contact-info-list strong {
  display: block;
  color: #1f2e3d;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 4px;
}

.contact-alert {
  margin-bottom: 22px;
}

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

@media (max-width: 767px) {
  .contact-page {
    padding: 40px 0;
  }

  .contact-box,
  .contact-info-box {
    padding: 24px 18px;
  }
}
.contact-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.contact-submit-btn i {
  font-size: 14px !important;
  line-height: 1 !important;
  margin: 0 !important;
  vertical-align: middle;
}

/* Page structure */
.podcast-page-section {
  padding: 65px 0;
}

.podcast-page-intro {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 35px;
}

.podcast-page-intro h3 {
  margin: 0 0 12px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1f2e3d;
  letter-spacing: 1px;
}

.podcast-page-intro p {
  color: #777;
  line-height: 1.6;
}

/* Tools */
.podcast-tools {
  background: #fff;
  border: 1px solid #eee;
  padding: 22px;
  margin-bottom: 28px;
}

.podcast-tools-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px 140px;
  gap: 14px;
  align-items: center;
}

.podcast-tools .form-control,
.podcast-tools .btn {
  height: 44px;
  border-radius: 0;
  box-shadow: none;
}

/* Category grid */
.podcast-category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.podcast-category-card {
  background: #fff;
  border: 1px solid #eee;
  transition: all .25s ease;
  height: 100%;
}

.podcast-category-card:hover {
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  transform: translateY(-3px);
}

.podcast-category-card a,
.podcast-category-card a:hover,
.podcast-category-card a:focus {
  color: inherit;
  text-decoration: none;
  display: block;
  height: 100%;
}

.podcast-category-media {
  position: relative;
  height: 230px;
  overflow: hidden;
  background: #f5f5f5;
}

.podcast-category-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.podcast-category-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.08));
}

.podcast-category-icon {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 2;
  width: 46px;
  height: 46px;
  background: #9d1b14;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.podcast-category-icon i {
  font-size: 22px;
}

.podcast-category-body {
  padding: 20px 22px;
}

.podcast-category-theme {
  color: #9d1b14;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1.5px;
  margin-bottom: 8px;
}

.podcast-category-title {
  margin: 0;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1f2e3d;
  line-height: 1.25;
}

.podcast-category-cta {
  margin-top: 16px;
  color: #9d1b14;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1.5px;
}

.cbp-item.is-hidden {
  display: none !important;
}

/* Podcast cards */
.podcast-list-header {
  margin-bottom: 26px;
  text-align: center;
}

.podcast-list-header h3 {
  margin: 0 0 8px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1f2e3d;
}

.podcast-list-header p {
  color: #777;
  margin: 0;
}

.podcast-card-col {
  margin-bottom: 28px;
}

.entry-post--podcast {
  height: 100%;
  background: #fff;
  border: 1px solid #eee;
  transition: all .25s ease;
}

.entry-post--podcast:hover {
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  transform: translateY(-3px);
}

.podcast-link,
.podcast-link:hover,
.podcast-link:focus {
  display: block;
  color: inherit;
  text-decoration: none;
  height: 100%;
}

.podcast-media {
  position: relative;
  height: 230px;
  background: #f5f5f5;
  overflow: hidden;
}

.podcast-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.podcast-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.05));
}

.podcast-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  background: #9d1b14;
  color: #fff;
  padding: 7px 11px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.podcast-play {
  position: absolute;
  z-index: 2;
  right: 16px;
  bottom: 16px;
  width: 54px;
  height: 54px;
  background: #fff;
  color: #9d1b14;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
}

.podcast-play i {
  font-size: 20px;
  margin-left: 3px;
}

.podcast-duration {
  position: absolute;
  z-index: 2;
  left: 14px;
  bottom: 14px;
  color: #fff;
  font-weight: 800;
}

.podcast-body {
  padding: 22px;
  min-height: 245px;
  display: flex;
  flex-direction: column;
}

.podcast-title {
  margin: 0 0 12px;
  font-size: 21px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1f2e3d;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.podcast-meta {
  color: #666;
  font-size: 13px;
  margin-bottom: 12px;
}

.podcast-meta span {
  display: inline-flex;
  align-items: center;
  margin-right: 12px;
  margin-bottom: 6px;
}

.podcast-meta i {
  color: #9d1b14;
  margin-right: 6px;
}

.podcast-excerpt {
  color: #666;
  line-height: 1.55;
  margin: 0 0 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}

.podcast-cta {
  color: #9d1b14;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
}

/* Responsive */
@media (max-width: 991px) {
  .podcast-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .podcast-tools-row {
    grid-template-columns: 1fr 1fr;
  }

  .podcast-tools-row .reset-filter {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  .podcast-page-section {
    padding: 45px 0;
  }

  .podcast-tools-row {
    grid-template-columns: 1fr;
  }

  .podcast-category-grid {
    grid-template-columns: 1fr;
  }

  .podcast-category-media,
  .podcast-media {
    height: 190px;
  }

  .podcast-body {
    min-height: auto;
  }
}
.podcast-list-title{
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  font-family: 'aller_displayregular';
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.event-page {
  padding: 55px 0;
}

.event-page .container {
  max-width: 1180px;
}

/* =========================
   TOP BOX + FILTERS
   ========================= */

.event-top-box,
.event-filters,
.event-filters-inline {
  background: #fff;
  border: 1px solid #eee;
  padding: 28px;
  margin-bottom: 28px;
}

.event-filters-inline {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  padding: 16px;
  margin: 25px 0;
}

.event-top-box {
  text-align: center;
}

.event-top-box h3 {
  margin: 0 0 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1f2e3d;
}

.event-top-box p {
  color: #777;
  margin-bottom: 18px;
}

.event-filter-row {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
}

.event-filter-field {
  min-width: 0;
}

.event-filter-search {
  flex: 1.4;
}

.event-filter-place {
  flex: 1;
}

.event-filter-date {
  flex: 0 0 160px;
}

.event-filters label,
.event-filters-inline label {
  display: block;
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 600;
  color: #555;
}

.event-filters .form-control,
.event-filters-inline .form-control {
  height: 42px;
  border-radius: 6px;
  border: 1px solid #ddd;
  box-shadow: none;
}

.event-filters .form-control:focus,
.event-filters-inline .form-control:focus {
  border-color: #8e1913;
  box-shadow: none;
}

.event-filter-actions {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}

.event-filters .btn,
.event-filters-inline .btn {
  height: 42px;
  border-radius: 6px;
  padding: 10px 16px;
  white-space: nowrap;
}

.event-filters .btn-primary,
.event-filters-inline .btn-primary {
  background: #8e1913;
  border-color: #8e1913;
}

.event-filters .btn-primary:hover,
.event-filters-inline .btn-primary:hover {
  background: #74130f;
  border-color: #74130f;
  color: #fff;
}

/* =========================
   EVENT LIST
   ========================= */

.event-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: start;
}

.event-count {
  color: #777;
  font-size: 14px;
  margin-bottom: 16px;
}

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

.event-item {
  background: #fff;
  border: 1px solid #eee;
  margin-bottom: 18px;
  transition: all .25s ease;
}

.event-item:hover {
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  transform: translateY(-2px);
}

.event-link,
.event-link:hover,
.event-link:focus {
  display: block;
  color: inherit;
  text-decoration: none;
}

/*
  Desktop fixed layout:
  Date | Image | Content | Detail
*/
.event-row {
  display: grid;
  grid-template-columns: 104px 255px minmax(0, 1fr) 145px;
  gap: 28px;
  align-items: stretch;
  min-height: 155px;
}

/* =========================
   DATE BLOCK
   ========================= */

.event-date {
  width: 104px;
  min-width: 104px;
  margin: 0;
  background: #9d1b14;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  text-transform: uppercase;
  padding: 12px;
}

.event-date .day {
  font-size: 36px;
  font-weight: 900;
  line-height: 1;
}

.event-date .month {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  margin-top: 7px;
}

/* =========================
   IMAGE
   ========================= */

.event-thumb {
  width: 255px;
  height: 155px;
  min-width: 255px;
  overflow: hidden;
  border-radius: 8px;
  background: #f5f5f5;
  position: relative;
  align-self: center;
  margin: 0;
}

.event-thumb img {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: block;
  object-fit: cover;
  object-position: center;
}

.event-no-img {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  color: #999;
  font-size: 34px;
}

/* =========================
   CONTENT
   ========================= */

.event-content {
  min-width: 0;
  padding: 24px 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.event-title {
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1f2e3d;
  line-height: 1.25;
}

.event-meta {
  color: #666;
  font-size: 14px;
  margin-bottom: 10px;
}

.event-meta span {
  display: inline-flex;
  align-items: center;
  margin: 0 10px 7px 0;
}

.event-meta i {
  color: #9d1b14;
  margin-right: 7px;
  font-size: 24px;
}

.event-desc {
  max-width: 760px;
  margin: 0 0 14px;
  color: #666;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* =========================
   DETAIL ACTION
   ========================= */

.event-action {
  width: 145px;
  min-width: 145px;
  justify-self: end;
  text-align: right;
  white-space: nowrap;
  color: #9d1b14;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.event-action i {
  margin-left: 8px;
  font-size: 28px;
  vertical-align: middle;
}

/* =========================
   PAGINATION
   ========================= */

.event-pagination {
  text-align: center;
  margin-top: 28px;
}

.event-pagination form {
  display: inline-block;
  margin: 3px;
}

.event-page-btn {
  border: 0;
  background: transparent;
  padding: 0;
  color: inherit;
  cursor: pointer;
}

.event-pagination a,
.event-pagination span,
.event-pagination button {
  display: inline-block;
  min-width: 38px;
  height: 38px;
  padding: 8px 12px;
  border: 1px solid #eee;
  margin: 3px;
  background: #fff;
  color: #9d1b14;
  font-weight: 800;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}

.event-pagination button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
}

.event-pagination a:hover,
.event-pagination button:hover {
  background: #9d1b14;
  border-color: #9d1b14;
  color: #fff;
}

.event-pagination .active {
  background: #9d1b14;
  border-color: #9d1b14;
  color: #fff;
}

/* =========================
   ALERTS + ACTIVE FILTERS
   ========================= */

.event-alert {
  margin-bottom: 20px;
}

.event-active-filters {
  margin: 15px 0;
}

.event-active-filters span {
  display: inline-block;
  margin: 4px 8px 4px 0;
  padding: 5px 8px;
  background: #f5f5f5;
  border-radius: 4px;
  font-size: 13px;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1199px) {
  .event-row {
    grid-template-columns: 88px 220px minmax(0, 1fr) 120px;
    gap: 20px;
  }

  .event-date {
    width: 88px;
    min-width: 88px;
  }

  .event-thumb {
    width: 220px;
    min-width: 220px;
    height: 145px;
  }

  .event-action {
    width: 120px;
    min-width: 120px;
  }
}

@media (max-width: 991px) {
  .event-filter-row {
    flex-wrap: wrap;
  }

  .event-filter-search,
  .event-filter-place,
  .event-filter-date {
    flex: 1 1 calc(50% - 10px);
  }

  .event-filter-actions {
    flex: 1 1 100%;
    justify-content: flex-end;
  }

  .event-row {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 18px;
  }

  .event-date {
    width: 80px;
    min-width: 80px;
    min-height: 130px;
  }

  .event-thumb {
    grid-column: 2;
    width: 100%;
    min-width: 0;
    height: 190px;
  }

  .event-content {
    grid-column: 1 / -1;
    padding: 18px 20px 8px;
  }

  .event-action {
    grid-column: 1 / -1;
    width: auto;
    min-width: 0;
    justify-self: start;
    justify-content: flex-start;
    text-align: left;
    padding: 0 20px 20px;
  }
}

@media (max-width: 600px) {
  .event-top-box,
  .event-filters,
  .event-filters-inline {
    padding: 18px;
  }

  .event-filter-search,
  .event-filter-place,
  .event-filter-date,
  .event-filter-actions {
    flex: 1 1 100%;
  }

  .event-filter-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .event-filter-actions .btn,
  .event-filters .btn,
  .event-filters-inline .btn {
    width: 100%;
  }

  .event-row {
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 12px;
  }

  .event-date {
    width: 70px;
    min-width: 70px;
    min-height: 110px;
  }

  .event-date .day {
    font-size: 30px;
  }

  .event-date .month {
    font-size: 11px;
    letter-spacing: 1.5px;
  }

  .event-thumb {
    height: 165px;
  }

  .event-title {
    font-size: 19px;
  }
}
/* Modal overlay above header/menu */
.add-event-modal {
  position: fixed !important;
  z-index: 99999 !important;
  overflow-y: auto !important;
  padding: 20px 15px !important;
}

.modal-open .add-event-modal {
  overflow-x: hidden;
  overflow-y: auto !important;
}

.modal-backdrop {
  position: fixed !important;
  z-index: 99990 !important;
  background: #000;
}

.modal-backdrop.in {
  opacity: .68;
}

/* Modal position: not fixed, so scroll works */
.add-event-modal .modal-dialog {
  position: relative;
  width: 860px;
  max-width: calc(100% - 30px);
  margin: 20px auto;
  transform: none !important;
}

/* Modal box */
.add-event-modal .modal-content {
  border-radius: 0;
  border: none;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  overflow: hidden;
}

/* Modal header */
.add-event-modal .modal-header {
  background: #9d1b14;
  color: #fff;
  padding: 24px 28px;
  border-bottom: none;
  position: relative;
}

.add-event-modal .modal-title {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.add-event-modal .modal-subtitle {
  margin: 8px 0 0;
  color: rgba(255,255,255,.85);
}

.add-event-modal .close {
  position: absolute;
  top: 18px;
  right: 22px;
  color: #fff;
  opacity: 1;
  text-shadow: none;
  font-size: 26px;
  line-height: 1;
}

/* Modal body scroll */
.add-event-modal .modal-body {
  padding: 28px;
  max-height: calc(100vh - 210px);
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* Modal footer */
.add-event-modal .modal-footer {
  padding: 18px 28px;
  border-top: 1px solid #eee;
  background: #fff;
}

/* Form sections */
.event-form-step-title {
  display: flex;
  align-items: center;
  margin: 26px 0 16px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1f2e3d;
  letter-spacing: 1px;
}

.event-form-step-title:first-child {
  margin-top: 0;
}

.event-form-step-title span {
  width: 30px;
  height: 30px;
  background: #9d1b14;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  font-weight: 900;
}

.event-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.event-form-grid .full {
  grid-column: 1 / -1;
}

.event-form-grid label {
  font-weight: 700;
  color: #333;
}

.event-required {
  color: #9d1b14;
}

.add-event-modal .form-control {
  height: 46px;
  border-radius: 0;
  box-shadow: none;
}

.add-event-modal textarea.form-control {
  min-height: 100px;
  height: auto;
}

.event-file-upload {
  border: 2px dashed #ddd;
  padding: 24px;
  text-align: center;
  display: block;
  cursor: pointer;
  transition: all .25s ease;
  background: #fafafa;
}

.event-file-upload:hover {
  border-color: #9d1b14;
  background: #fff;
}

.event-file-upload i {
  display: block;
  font-size: 34px;
  color: #9d1b14;
  margin-bottom: 10px;
}

.event-file-upload strong {
  display: block;
  color: #1f2e3d;
  text-transform: uppercase;
}

.event-file-upload small {
  display: block;
  color: #777;
  margin-top: 4px;
}

.event-file-upload input {
  display: none;
}

@media (max-width: 1199px) {
  .event-filter-row {
    grid-template-columns: 1fr 1fr;
  }

  .event-row {
    grid-template-columns: 90px 160px minmax(0, 1fr);
  }

  .event-action {
    grid-column: 3;
    justify-content: center;
    padding-bottom: 18px;
  }

  .event-content {
    padding-bottom: 12px;
  }
}

@media (max-width: 767px) {
  .event-page {
    padding: 40px 0;
  }

  .event-top-box,
  .event-filters {
    padding: 22px 18px;
  }

  .event-filter-row,
  .event-form-grid {
    grid-template-columns: 1fr;
  }

  .event-form-grid .full {
    grid-column: auto;
  }

  .event-row {
    grid-template-columns: 82px minmax(0, 1fr);
    min-height: auto;
  }

  .event-date {
    min-height: 170px;
  }

  .event-thumb {
    height: 170px;
  }

  .event-content {
    grid-column: 1 / -1;
    text-align: left;
    padding: 22px 18px;
  }

  .event-title {
    font-size: 19px;
  }

  .event-meta span {
    margin: 0 14px 8px 0;
  }

  .event-desc {
    margin: 0 0 14px;
  }

  .event-action {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding: 0 18px 22px;
  }

  .add-event-modal {
    padding: 10px !important;
  }

  .add-event-modal .modal-dialog {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    margin: 10px auto;
  }

  .add-event-modal .modal-header,
  .add-event-modal .modal-footer {
    padding: 20px 18px;
  }

  .add-event-modal .modal-body {
    padding: 22px 18px;
    max-height: calc(100vh - 180px);
  }
}

@media (max-width: 480px) {
  .event-row {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .event-date {
    min-height: 145px;
  }

  .event-date .day {
    font-size: 30px;
  }

  .event-thumb {
    height: 145px;
  }

  .event-title {
    font-size: 18px;
  }

  .event-meta i {
    font-size: 20px;
  }
}

/* =====================================================
   SANCY FM – EVENT HOME LISTE
   ===================================================== */

.home-event-list-section {
  padding: 70px 0;
}

.home-event-list-intro {
  max-width: 760px;
  margin: 0 auto 35px;
  text-align: center;
  color: #666;
  font-size: 16px;
}

.home-event-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 1180px;
}

.home-event-item {
  background: #fff;
  border: 1px solid #eee;
  margin-bottom: 18px;
  transition: all .25s ease;
}

.home-event-item:hover {
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  transform: translateY(-2px);
}

.home-event-link,
.home-event-link:hover,
.home-event-link:focus {
  display: block;
  color: inherit;
  text-decoration: none;
}

.home-event-row {
  display: grid;
  grid-template-columns: 115px 210px minmax(0, 1fr) 150px;
  align-items: stretch;
  min-height: 145px;
}

.home-event-date {
  background: #9d1b14;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-transform: uppercase;
}

.home-event-date .day {
  font-size: 38px;
  font-weight: 900;
  line-height: 1;
}

.home-event-date .month {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  margin-top: 7px;
}

/* Fixed image box */
.home-event-thumb {
  position: relative;
  width: 210px;
  height: 200px;
  min-height: 145px;
  overflow: hidden;
  background: #f5f5f5;
  align-self: stretch;
}

.home-event-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  min-height: 0;
  object-fit: cover;
  object-position: center;
}

.home-event-live-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(157, 27, 20, 0.95);
  color: #fff;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 3px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  box-shadow: 0 4px 12px rgba(0,0,0,.18);
}

.home-event-live-badge i {
  margin-right: 7px;
  font-size: 12px;
}

.home-event-content {
  min-width: 0;
  padding: 26px 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home-event-title {
  margin: 0 0 14px;
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  color: #111;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.home-event-meta {
  color: #666;
  font-size: 14px;
  margin-bottom: 10px;
}

.home-event-meta span {
  display: inline-flex;
  align-items: center;
  margin: 0 10px 6px;
}

.home-event-meta i {
  color: #9d1b14;
  margin-right: 7px;
  font-size: 28px;
}

.home-event-desc {
  max-width: 680px;
  margin: 0 auto;
  color: #666;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.home-event-action {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9d1b14;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  white-space: nowrap;
}

.home-event-action i {
  margin-left: 10px;
  font-size: 30px;
}

.home-event-more {
  text-align: center;
  margin-top: 30px;
}

/* Tablet */
@media (max-width: 991px) {
  .home-event-row {
    grid-template-columns: 100px 170px minmax(0, 1fr);
    min-height: 145px;
  }

  .home-event-thumb {
    width: 170px;
    height: 145px;
    min-height: 145px;
  }

  .home-event-action {
    grid-column: 3;
    justify-content: center;
    padding: 0 20px 20px;
  }

  .home-event-content {
    padding: 22px 24px 12px;
  }

  .home-event-title {
    font-size: 21px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .home-event-list-section {
    padding: 50px 0;
  }

  .home-event-row {
    display: grid;
    grid-template-columns: 85px minmax(0, 1fr);
    min-height: auto;
  }

  .home-event-date {
    grid-row: 1 / 3;
    min-height: 180px;
  }

  .home-event-date .day {
    font-size: 34px;
  }

  .home-event-thumb {
    width: 100%;
    height: 180px;
    min-height: 180px;
  }

  .home-event-content {
    grid-column: 1 / -1;
    padding: 22px 18px 12px;
    text-align: left;
  }

  .home-event-title {
    font-size: 20px;
  }

  .home-event-meta span {
    margin: 0 14px 8px 0;
  }

  .home-event-meta i {
    font-size: 20px;
  }

  .home-event-desc {
    margin: 0;
  }

  .home-event-action {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding: 0 18px 22px;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  .home-event-row {
    grid-template-columns: 75px minmax(0, 1fr);
  }

  .home-event-date {
    min-height: 150px;
  }

  .home-event-thumb {
    width: 100%;
    height: 150px;
    min-height: 150px;
  }

  .home-event-title {
    font-size: 18px;
  }

  .home-event-action i {
    font-size: 24px;
  }
}

/* =====================================================
   SANCY FM – COMPACT WEATHER WIDGET (current only)
   ===================================================== */

.wx-mini{
  font-family: "allerregular", Arial, sans-serif;
  max-width: 980px;
  margin: 0 auto;
}

.wx-mini-panel{
  background: #243F4A;
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 14px 28px rgba(0,0,0,.14);
  border-radius: 3px;
  overflow: hidden;
}

.wx-mini-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

/* Card */
.wx-mini-card{
  position: relative;
  padding: 18px 16px 16px;
  border-right: 1px solid rgba(255,255,255,.06);
  text-decoration: none;
  color: #F2F5F6;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  transition: transform .15s ease, background .15s ease;
}
.wx-mini-card:last-child{ border-right: none; }

.wx-mini-card::before{
  content:"";
  position:absolute;
  top:-40%;
  left:-35%;
  width: 70%;
  height: 220%;
  background: linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  transform: rotate(18deg);
  pointer-events:none;
  opacity:.6;
}

.wx-mini-card:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.03);
}

/* City */
.wx-mini-city{
  margin: 0;
  font-family: "aller_displayregular", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 16px;
  color: #FFFFFF;
}

/* Icon */
.wx-mini-icon{
  width: 46px;
  height: 46px;
  border-radius: 2px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  display:grid;
  place-items:center;
}
.wx-mini-icon svg{
  width: 28px;
  height: 28px;
}

/* Temperature */
.wx-mini-temp{
  font-family: "allerbold", Arial, sans-serif;
  font-size: 34px;
  line-height: 1;
  color: #FFFFFF;
}

/* Stats */
.wx-mini-stats{
  display:flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  color: rgba(242,245,246,.78);
  align-items: center;
}
.wx-mini-stats b{
  font-family: "allerbold", Arial, sans-serif;
  color: #FFFFFF;
}

/* Wind row */
.wx-wind{
  display:flex;
  align-items:center;
  gap: 8px;
}

/* Direction arrow */
.wx-wind-dir{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.25);
  display:grid;
  place-items:center;
}
.wx-wind-dir span{
  display:block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 8px solid #FFFFFF;
  transform-origin: 50% 70%;
}

/* Direction helpers (rotate arrow) */
.dir-n  span{ transform: rotate(0deg); }
.dir-ne span{ transform: rotate(45deg); }
.dir-e  span{ transform: rotate(90deg); }
.dir-se span{ transform: rotate(135deg); }
.dir-s  span{ transform: rotate(180deg); }
.dir-so span{ transform: rotate(225deg); }
.dir-o  span{ transform: rotate(270deg); }
.dir-no span{ transform: rotate(315deg); }

/* CTA */
.wx-mini-link{
  margin-top: 6px;
  font-family: "allerbold", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  color: rgba(242,245,246,.80);
  display:flex;
  align-items:center;
  gap: 8px;
}
.wx-mini-arrow{
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(242,245,246,.75);
  border-bottom: 2px solid rgba(242,245,246,.75);
  transform: rotate(-45deg);
}

/* Responsive */
@media (max-width: 900px){
  .wx-mini-grid{ grid-template-columns: 1fr; }
  .wx-mini-card{
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.06);
  }
  .wx-mini-card:last-child{ border-bottom: none; }
}
/* Avoid description overflow (nice UX) */
.entry-post--podcast .podcast-excerpt{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;   /* 3 lines max */
  overflow: hidden;
  line-height: 1.5;
  max-height: calc(1.5em * 3);
}

/* Also keep titles clean */
.entry-post--podcast .podcast-title{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;   /* 2 lines max */
  overflow: hidden;
}

/* Make all cards same height for clean grid */
.entry-post--podcast .podcast-body{
  min-height: 210px; /* tweak if needed */
}
  .event-detail-breadcrumb {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.event-detail-page {
  padding: 60px 0;
}

.event-detail-page .container {
  max-width: 1180px;
}

.event-detail-card {
  background: #fff;
  border: 1px solid #eee;
  overflow: hidden;
}

.event-detail-hero {
  position: relative;
  min-height: 360px;
  background: #f5f5f5;
  display: flex;
  align-items: flex-end;
}

.event-detail-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event-detail-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.75),
    rgba(0,0,0,.25),
    rgba(0,0,0,.05)
  );
}

.event-detail-hero-empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bbb;
  font-size: 80px;
  background: #f5f5f5;
}

.event-detail-hero-content {
  position: relative;
  z-index: 2;
  padding: 40px;
  color: #fff;
  width: 100%;
}

.event-detail-date-badge {
  display: inline-block;
  background: #9d1b14;
  color: #fff;
  padding: 12px 18px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.event-detail-title {
  margin: 0;
  font-size: 38px;
  line-height: 1.15;
  font-weight: 900;
  text-transform: uppercase;
}

.event-detail-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 35px;
  padding: 36px 40px 42px;
}

.event-detail-main h3,
.event-detail-side h3 {
  margin: 0 0 18px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1f2e3d;
  letter-spacing: 1px;
}

.event-detail-description {
  color: #555;
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 28px;
}

.event-detail-text {
  color: #555;
  line-height: 1.7;
}

.event-detail-text p {
  margin-bottom: 16px;
}

.event-detail-side {
  background: #fafafa;
  border: 1px solid #eee;
  padding: 26px;
  align-self: start;
}

.event-info-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.event-info-list li {
  display: flex;
  gap: 14px;
  padding: 15px 0;
  border-bottom: 1px solid #e8e8e8;
  color: #555;
}

.event-info-list li:last-child {
  border-bottom: none;
}

.event-info-list i {
  width: 24px;
  color: #9d1b14;
  font-size: 22px;
  text-align: center;
  margin-top: 2px;
}

.event-info-list strong {
  display: block;
  color: #1f2e3d;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 4px;
}

.event-detail-actions {
  margin-top: 26px;
}

.event-detail-actions .btn {
  margin-right: 8px;
  margin-bottom: 8px;
}

.event-back {
  margin-top: 28px;
}

.event-not-found {
  background: #fff;
  border: 1px solid #eee;
  padding: 40px;
  text-align: center;
}

.event-not-found i {
  font-size: 50px;
  color: #9d1b14;
  margin-bottom: 18px;
}

.event-not-found h3 {
  font-weight: 900;
  text-transform: uppercase;
}

/* Schedule - clean compact list */
.event-schedule {
  margin-top: 42px;
}

.event-schedule > h3 {
  margin-bottom: 22px;
}

.event-schedule-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.event-schedule-item {
  display: grid;
  grid-template-columns: 110px 145px minmax(0, 1fr);
  align-items: stretch;
  background: #fff;
  border: 1px solid #eee;
  margin-bottom: 14px;
  transition: all .25s ease;
}

.event-schedule-item:hover {
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  transform: translateY(-2px);
}

.event-schedule-date {
  background: #9d1b14;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 125px;
  letter-spacing: 1px;
}

.event-schedule-date .schedule-day {
  font-size: 30px;
  line-height: 1;
}

.event-schedule-date .schedule-month {
  font-size: 13px;
  margin-top: 7px;
  letter-spacing: 2px;
}

.event-schedule-time-box {
  background: #fafafa;
  border-right: 1px solid #eee;
  color: #1f2e3d;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 18px 14px;
}

.event-schedule-time-inner i {
  display: block;
  color: #9d1b14;
  font-size: 28px;
  margin-bottom: 8px;
}

.event-schedule-time {
  display: block;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.35;
}

.event-schedule-time small {
  font-size: 12px;
  font-weight: 700;
  color: #777;
  text-transform: uppercase;
}

.event-schedule-content {
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.event-schedule-content h4 {
  margin: 0 0 8px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1f2e3d;
  font-size: 23px;
  line-height: 1.25;
}

.event-schedule-content p {
  color: #666;
  margin: 0;
  line-height: 1.55;
  font-size: 15px;
}

.event-schedule-img {
  margin-top: 14px;
  max-width: 260px;
}

.event-schedule-img img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #eee;
}

/* Other events */
.other-events-section {
  margin-top: 45px;
}

.other-events-section h3 {
  margin: 0 0 22px;
  font-weight: 900;
  text-transform: uppercase;
  color: #1f2e3d;
  letter-spacing: 1px;
}

.other-events-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.other-event-card {
  background: #fff;
  border: 1px solid #eee;
  transition: all .25s ease;
  height: 100%;
}

.other-event-card:hover {
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  transform: translateY(-2px);
}

.other-event-card a,
.other-event-card a:hover,
.other-event-card a:focus {
  color: inherit;
  text-decoration: none;
  display: block;
  height: 100%;
}

.other-event-media {
  position: relative;
  height: 165px;
  background: #f5f5f5;
  overflow: hidden;
}

.other-event-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.other-event-empty {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  font-size: 34px;
}

.other-event-date {
  position: absolute;
  left: 14px;
  bottom: 14px;
  background: #9d1b14;
  color: #fff;
  padding: 8px 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.other-event-body {
  padding: 20px;
}

.other-event-title {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 900;
  text-transform: uppercase;
  color: #1f2e3d;
}

.other-event-meta {
  color: #666;
  font-size: 13px;
  margin-bottom: 10px;
}

.other-event-meta span {
  display: inline-flex;
  align-items: center;
  margin-right: 12px;
  margin-bottom: 6px;
}

.other-event-meta i {
  color: #9d1b14;
  margin-right: 6px;
}

.other-event-desc {
  color: #666;
  line-height: 1.45;
  margin: 0 0 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.other-event-cta {
  color: #9d1b14;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
}

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

  .event-detail-side {
    order: -1;
  }

  .event-schedule-item {
    grid-template-columns: 95px 130px minmax(0, 1fr);
  }

  .event-schedule-content h4 {
    font-size: 20px;
  }

  .other-events-grid {
    grid-template-columns: 1fr;
  }

  .other-event-media {
    height: 220px;
  }
}

@media (max-width: 767px) {
  .event-detail-page {
    padding: 40px 0;
  }

  .event-detail-hero {
    min-height: 280px;
  }

  .event-detail-hero-content {
    padding: 28px 22px;
  }

  .event-detail-title {
    font-size: 27px;
  }

  .event-detail-body {
    padding: 26px 20px 32px;
    gap: 25px;
  }

  .event-detail-description {
    font-size: 16px;
  }

  .event-detail-side {
    padding: 22px 18px;
  }

  .event-schedule-item {
    grid-template-columns: 82px minmax(0, 1fr);
  }

  .event-schedule-date {
    grid-row: 1 / 3;
    min-height: auto;
  }

  .event-schedule-date .schedule-day {
    font-size: 25px;
  }

  .event-schedule-date .schedule-month {
    font-size: 11px;
  }

  .event-schedule-time-box {
    justify-content: flex-start;
    border-right: none;
    border-bottom: 1px solid #eee;
    padding: 14px 18px;
  }

  .event-schedule-time-inner {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .event-schedule-time-inner i {
    margin: 0;
    font-size: 20px;
  }

  .event-schedule-time {
    font-size: 16px;
  }

  .event-schedule-time small {
    display: none;
  }

  .event-schedule-content {
    padding: 18px;
  }

  .event-schedule-content h4 {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .event-detail-body {
    padding: 22px 16px 28px;
  }

  .event-schedule-item {
    grid-template-columns: 74px minmax(0, 1fr);
  }

  .event-schedule-content {
    padding: 16px;
  }

  .event-schedule-content h4 {
    font-size: 17px;
  }

  .other-event-media {
    height: 170px;
  }
}
.fw-bold{
  font-weight: bold !important;
}
  .event-filters-inline {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  padding: 16px;
  margin: 25px 0;
}

.event-filters-inline .event-filter-row {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
}

.event-filters-inline .event-filter-field {
  min-width: 0;
}

.event-filters-inline .event-filter-search {
  flex: 1.4;
}

.event-filters-inline .event-filter-place {
  flex: 1;
}

.event-filters-inline .event-filter-date {
  flex: 0 0 160px;
}

.event-filters-inline label {
  display: block;
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 600;
  color: #555;
}

.event-filters-inline .form-control {
  height: 42px;
  border-radius: 6px;
  border: 1px solid #ddd;
  box-shadow: none;
}

.event-filters-inline .form-control:focus {
  border-color: #8e1913;
  box-shadow: none;
}

.event-filters-inline .event-filter-actions {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}

.event-filters-inline .btn {
  height: 42px;
  border-radius: 6px;
  padding: 10px 16px;
  white-space: nowrap;
}

.event-filters-inline .btn-primary {
  background: #8e1913;
  border-color: #8e1913;
}

.event-filters-inline .btn-primary:hover {
  border-color: #74130f;
  color:#333;
}

@media (max-width: 991px) {
  .event-filters-inline .event-filter-row {
    flex-wrap: wrap;
  }

  .event-filters-inline .event-filter-search,
  .event-filters-inline .event-filter-place {
    flex: 1 1 calc(50% - 10px);
  }

  .event-filters-inline .event-filter-date {
    flex: 1 1 calc(50% - 10px);
  }

  .event-filters-inline .event-filter-actions {
    flex: 1 1 100%;
    justify-content: flex-end;
  }
}

@media (max-width: 600px) {
  .event-filters-inline .event-filter-search,
  .event-filters-inline .event-filter-place,
  .event-filters-inline .event-filter-date,
  .event-filters-inline .event-filter-actions {
    flex: 1 1 100%;
  }

  .event-filters-inline .event-filter-actions {
    flex-direction: column;
  }

  .event-filters-inline .btn {
    width: 100%;
  }
}
.event-thumb {
  flex: 0 0 170px;
  width: 170px;
  height: 150px;
  overflow: hidden;
  border-radius: 8px;
  background: #eee;
  position: relative;
}

.event-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.event-no-img {
  width: 100%;
  height: 100%;
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  color: #999;
}

@media (max-width: 767px) {
  .event-thumb {
    flex: 0 0 100%;
    width: 100%;
    height: 190px;
  }
}
.event-date {
  margin-right: 26px;
}

.event-thumb {
  margin-right: 28px;
}
.event-row {
  display: flex;
  align-items: stretch;
  gap: 28px;
}

.event-date {
  flex: 0 0 68px;
}

.event-thumb {
  flex: 0 0 255px;
}
@media (max-width: 767px) {
  .event-row {
    gap: 14px;
  }

  .event-date,
  .event-thumb {
    margin-right: 0;
  }
}
.event-row {
  display: grid;
  grid-template-columns: 104px 385px minmax(0, 1fr) 145px;
  gap: 34px;
}

.event-date {
  width: 104px;
  min-width: 104px;
  margin: 0;
}

.event-thumb {
  width: 385px;
  height: 225px;
  overflow: hidden;
  border-radius: 8px;
  margin: 0;
}

.event-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.event-content {
  min-width: 0;
}

.event-action {
  width: 145px;
  min-width: 145px;
  justify-self: end;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .event-row {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 18px;
  }

  .event-thumb {
    grid-column: 2;
    width: 100%;
    height: 190px;
  }

  .event-content {
    grid-column: 1 / -1;
  }

  .event-action {
    grid-column: 1 / -1;
    width: auto;
    min-width: 0;
    justify-self: start;
    text-align: left;
  }
}

@media (max-width: 600px) {
  .event-row {
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 14px;
  }

  .event-thumb {
    height: 170px;
  }
}

.event-active-filters span {
  display: inline-block;
  margin: 4px 8px 4px 0;
  padding: 5px 8px;
  background: #f5f5f5;
  border-radius: 4px;
  font-size: 13px;
}

.event-page-btn {
  border: 0;
  background: transparent;
  padding: 0;
  color: inherit;
  cursor: pointer;
}

.event-pagination form {
  display: inline-block;
}
.event-pagination {
  text-align: center;
  margin-top: 28px;
}

.event-pagination form {
  display: inline-block;
  margin: 3px;
}

.event-pagination a,
.event-pagination span,
.event-pagination button {
  display: inline-block;
  min-width: 38px;
  height: 38px;
  padding: 8px 12px;
  border: 1px solid #eee;
  background: #fff;
  color: #9d1b14;
  font-weight: 800;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}

.event-pagination button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
}

.event-pagination a:hover,
.event-pagination button:hover {
  background: #9d1b14;
  border-color: #9d1b14;
  color: #fff;
}

.event-pagination .active {
  background: #9d1b14;
  border-color: #9d1b14;
  color: #fff;
}
.entry-thumbnail {
  width: 100%;
  height: 420px;
  overflow: hidden;
  background: #eee;
  position: relative;
}

.entry-thumbnail img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 991px) {
  .entry-thumbnail {
    height: 340px;
  }
}

@media (max-width: 767px) {
  .entry-thumbnail {
    height: 240px;
  }
}

/**** PODCAST PLAYER ****/

/* =========================================
   PODCAST DETAIL — COVER + PLAYER
========================================= */

.podcast-detail-hero {
  display: grid;
  grid-template-columns: minmax(280px, 390px) minmax(0, 1fr);
  gap: 38px;
  align-items: stretch;
  margin-top: 70px;
  margin-bottom: 42px;
}

.podcast-detail-cover {
  position: relative;
  min-height: 390px;
  overflow: hidden;
  background: #ececec;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
}

.podcast-detail-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, .42), transparent 45%);
  pointer-events: none;
}

.podcast-detail-cover img {
  width: 100%;
  height: 100%;
  min-height: 390px;
  display: block;
  object-fit: cover;
}

.podcast-detail-cover-badge {
  position: absolute;
  z-index: 2;
  left: 18px;
  bottom: 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  background: #8e1913;
  color: #fff;
  font-family: 'allerbold';
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.podcast-detail-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 35px;
  background: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, .08);
}

.podcast-detail-heading {
  margin-bottom: 28px;
}

.podcast-detail-category {
  display: inline-block;
  margin-bottom: 14px;
  color: #8e1913;
  font-family: 'allerbold';
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.podcast-detail-heading h1 {
  margin: 0 0 20px;
  color: #111;
  font-family: 'aller_displayregular';
  font-size: 52px;
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.08;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.podcast-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.podcast-detail-meta li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #666;
  font-family: 'allerregular';
  font-size: 13px;
}

.podcast-detail-meta i {
  color: #8e1913;
}

.podcast-player {
  padding: 24px;
  background: #171717;
  color: #fff;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .18);
}

.podcast-player-main {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.pp-btn {
  width: 64px;
  height: 64px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #8e1913;
  color: #fff;
  font-size: 21px;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.pp-btn:hover,
.pp-btn:focus {
  background: #ad251e;
  transform: scale(1.05);
  outline: 2px solid rgba(255, 255, 255, .45);
  outline-offset: 3px;
}

.pp-btn i {
  margin-left: 3px;
}

.podcast-player-info {
  min-width: 0;
}

.podcast-player-label {
  display: block;
  margin-bottom: 5px;
  color: #bbb;
  font-family: 'allerregular';
  font-size: 11px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.podcast-player-title {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pp-times {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #d7d7d7;
  font-family: 'allerregular';
  font-size: 13px;
  white-space: nowrap;
}

.pp-times-separator {
  color: #777;
}

.podcast-player-progress {
  margin: 22px 0 18px;
}

.pp-range {
  width: 100%;
  margin: 0;
  cursor: pointer;
  accent-color: #8e1913;
}

.pp-seek-range {
  display: block;
}

.podcast-player-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.pp-secondary-btn,
.pp-volume-btn {
  border: 0;
  background: transparent;
  color: #ddd;
  cursor: pointer;
}

.pp-secondary-btn {
  position: relative;
  width: 42px;
  height: 36px;
  padding: 0;
  font-size: 16px;
}

.pp-secondary-btn span {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  font-size: 9px;
  font-family: Arial, sans-serif;
}

.pp-secondary-btn:hover,
.pp-secondary-btn:focus,
.pp-volume-btn:hover,
.pp-volume-btn:focus {
  color: #fff;
  outline: 1px solid rgba(255, 255, 255, .45);
}

.pp-volume {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 145px;
}

.pp-volume-btn {
  padding: 4px;
  font-size: 17px;
}

.pp-next {
  display: inline-flex;
  align-items: center;
  gap: 7px;
    margin-left: 8px;
  color: #c8c8c8;
  font-family: 'allerregular';
  font-size: 12px;
  cursor: pointer;
}

.pp-next input {
  margin: 0;
}

.pp-download {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  color: #fff;
  font-family: 'allerbold';
  font-size: 11px;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

.pp-download:hover,
.pp-download:focus {
  color: #e5aaa7;
  text-decoration: none;
}

.podcast-audio-warning {
  margin: 0;
}

.blog-details .podcast-meta {
  margin-top: 0;
}

.podcast-article {
  margin-top: 35px;
}

.podcast-article > :first-child {
  margin-top: 0;
}

@media (max-width: 991px) {
  .podcast-detail-hero {
      grid-template-columns: minmax(280px, 350px) minmax(0, 1fr);
    gap: 24px;
  }

  .podcast-detail-panel {
    padding: 25px;
  }

  .podcast-detail-heading h1 {
    font-size: 34px;
  }

  .podcast-player-main {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .pp-btn {
    width: 56px;
    height: 56px;
  }

  .pp-times {
    grid-column: 2;
  }
}

@media (max-width: 767px) {
  .podcast-detail-hero {
    display: block;
    margin-top: 35px;
  }

  .podcast-detail-cover {
    min-height: 0;
    aspect-ratio: 1 / 1;
    box-shadow: none;
  }

  .podcast-detail-cover img {
    min-height: 0;
    aspect-ratio: 1 / 1;
  }

  .podcast-detail-panel {
    padding: 25px 20px;
    border-top: 0;
  }

  .podcast-detail-heading {
    margin-bottom: 22px;
  }

  .podcast-detail-heading h1 {
    font-size: 31px;
  }

  .podcast-player {
    padding: 20px 16px;
  }

  .podcast-player-main {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 13px;
  }

  .pp-btn {
    width: 54px;
    height: 54px;
  }

  .pp-times {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }

  .podcast-player-controls {
    align-items: flex-start;
  }

  .pp-volume {
    width: 120px;
  }

  .pp-next,
  .pp-download {
    width: 100%;
  }

  .pp-download {
    margin-left: 0;
    padding-top: 8px;
  }
}

/***** PODCAST LINK ****/

.podcast-meta {
  margin: 15px 0;
  font-size: 14px;
  color: #666;
}

.podcast-meta-item {
  display: inline-block;
  margin-right: 15px;
}

.podcast-article {
  line-height: 1.75;
  font-size: 16px;
}

.podcast-article h1 {
  font-size: 28px;
  margin: 25px 0 15px;
}

.podcast-article h2 {
  font-size: 22px;
  margin: 25px 0 12px;
}

.podcast-article h3 {
  font-size: 18px;
  margin: 20px 0 10px;
}

.podcast-article blockquote {
  border-left: 4px solid #ddd;
  padding-left: 15px;
  color: #555;
  font-style: italic;
}

.podcast-recipe {
  background: #fafafa;
  border: 1px solid #eee;
  padding: 18px;
  margin: 20px 0;
  border-radius: 8px;
}

.recipe-title {
  margin-top: 0;
}
.podcast-recipe-numbered {
  background: #fffaf4;
  border: 1px solid #f0dfc8;
}

.recipe-section {
  margin-top: 14px;
}

.recipe-section h4 {
  font-size: 16px;
  margin: 0 0 6px;
  color: #8e1913;
}

.recipe-section p {
  margin: 0;
}

.podcast-share-box {
  background: #fff;
  border: 1px solid #eee;
  padding: 22px;
  margin: 35px 0;
  text-align: center;
}

.podcast-share-title {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1f2e3d;
  margin-bottom: 16px;
}

.podcast-share-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.podcast-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid #eee;
  background: #fff;
  color: #9d1b14;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
  transition: all .2s ease;
}

.podcast-share-btn:hover,
.podcast-share-btn:focus {
  background: #9d1b14;
  border-color: #9d1b14;
  color: #fff;
  text-decoration: none;
}

.podcast-share-btn i {
  font-size: 16px;
}

.podcast-share-copy.copied {
  background: #1f2e3d;
  border-color: #1f2e3d;
  color: #fff;
}

@media (max-width: 600px) {
  .podcast-share-links {
    flex-direction: column;
  }

  .podcast-share-btn {
    width: 100%;
  }
}