.elementor-kit-7{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#253C59;--e-global-color-text:#FFFFFF;--e-global-color-accent:#D08645;--e-global-typography-primary-font-family:"Lora";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Rosario";--e-global-typography-text-font-weight:600;--e-global-typography-accent-font-family:"Barlow";--e-global-typography-accent-font-weight:500;font-family:"Source Sans 3", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"Cormorant Garamond", Sans-serif;}.elementor-kit-7 h2{font-family:"Cormorant Garamond", Sans-serif;}.elementor-kit-7 h3{font-family:"Cormorant Garamond", Sans-serif;}.elementor-kit-7 h4{font-family:"Cormorant Garamond", Sans-serif;}.elementor-kit-7 h5{font-family:"Cormorant Garamond", Sans-serif;}.elementor-kit-7 h6{font-family:"Cormorant Garamond", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.footer-credits{
    color: #fff;
}
.hfc-custom-container{
    max-width: 1300px;
	margin: auto;
}
.music-filter-form{
	display:flex;
	justify-content: space-between;
	max-width: 1300px;
	margin: auto;
	align-items: center;
}
.music-inner-form-select{
	width: 75%
}
.music-filter-form-options{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
/*.music-filter-form{ flex: 1; min-width: 140px; max-width: 200px; }*/

.music-filter-select {
    width: 100%;
    padding: 12px 14px;
    background: rgba(22, 30, 40, 0.85);
    border: 2px solid #3f444b;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234a6a8a' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}
.music-filter-select:focus { outline: none; border-color: #2e86c1; }

#hfc-primary-btn {
    padding: 8px 20px;
    background: linear-gradient(180deg,rgba(68, 90, 117, 1) 24%, rgba(37, 60, 89, 1) 74%);
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
	border: 2px solid rgba(216, 220, 224, 0.30196078431372547);
    transition: background .2s;
    white-space: nowrap;
	box-shadow: 
    inset 0 10px 5px -4px rgba(255, 255, 255, 0.2), /* top inner highlight */
   0 0 10px 0 rgba(0, 0, 0, 0.9);                 /* outer shadow */
}
.music-filter-btn {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .2em;
  
}

#music-filter-btn:hover, #hfc-primary-btn:hover { 
  box-shadow: 
    inset 0 4px 20px -4px rgba(255, 255, 255, 0.8), /* top inner highlight */
   0 0 10px 0 rgba(0, 0, 0, 0.9);                 /* outer shadow */

}

.filter-form-container{
	padding-top: 25px;
	padding-bottom: 25px;
	background: linear-gradient(180deg,rgba(2, 3, 5, 0.45) 24%, rgb(20, 28, 41, 0.65) 74%);
}

.song-cat-grid{
	padding: 30px 0;
	max-width: 1300px;
	margin: auto;
	display:flex;
    flex-wrap: wrap;
	align-items: center;
	position: relative;
	
}
.song-cat-inner {
    width: 20%;
    padding: 0 5px;
}
.song-cat-grid a{

	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	display:flex;
	align-items: end;
	text-align: center;
	box-shadow: 0 0 10px 0 rgb(2, 3, 5, .5);
	
	background-position: center;
}
.song-cat-grid a .song-cat-title{
	width: 100%;
	background: #11141a;
	color: #fff;
	padding: 15px 0;
	border: 2px solid #7c7d80;
}
/* Divider Custom CSS*/

.divider-taper {
    position: relative;
    height: 2px;
    width: 120%;
    margin: auto;
}

.divider-taper::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(to right, transparent, white, transparent);

    clip-path: polygon(
        0% 50%,
        10% 45%,
        25% 35%,
        50% 0%,
        75% 35%,
        90% 45%,
        100% 50%,
        100% 60%,
        75% 65%,
        50% 100%,
        25% 65%,
        10% 60%,
        0% 50%
    );

    opacity: 0.7;
}
.divider-fade {
    width: 100%;
    height: 2px;
  
    background: linear-gradient(
        to right,
        transparent,
        rgba(255,255,255,0.4),
        transparent
    );
}

.song-card {

    padding: 15px 30px;
    background: rgba(12, 16, 22, 0.8);
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #888;
}

.play-btn {
    width: 40px;
    height: 40px ;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    background-color: unset !important;
    color: #fff;
    font-size: 16px;
    position: relative;
}
.play-btn svg{
    width: 40px;
    height: 40px;
    position: absolute;
    top:0;
    left: 0;
}


.song-info {
    width: 100%;
    color: #fff;
    
}
.t-shape{
    display: block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-left: 30px solid #fff;
	border-bottom: 15px solid transparent;

}

.song-duration {
    margin-right: 30px;
  
}
.song-info-inner{
    display:flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.song-info-inner .song-title-con{
    width: 30%;
    display:flex;
    gap: 10px;
    align-items: center;
}

.song-info-inner .song-category{
    width: 20%;
}
.song-btn-container{
    display: flex;
    align-items: center;
    gap: 10px;
}
.featured-songs{
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px;
}

@media (max-width:1024px){
    
}
@media (max-width: 800px){
   .song-cat-grid{
       gap: 10px
   }
   .song-cat-grid .song-cat-inner{
       width: 40%;
       flex-grow: 2;
   }
   
}
@media (max-width:768px){
  .song-title{
       font-size: 18px;
   }
   .t-shape{
       display:none;
   }
   .song-info-inner{
     flex-direction: column;
    gap: 5px;
   }
   .song-info-inner .song-title-con,
   .song-info-inner .song-category{
       width: unset;
   }
   .song-duration{
       margin: unset;
   }
   .play-btn svg{
       position: unset;
       width: 100px;
       height: 100px;
   }
   .play-btn {
      width: unset;
      height: unset;
   }
   .featured-songs{
       display:flex;
       flex-wrap: wrap;
      gap: 10px;
       
   }
   .song-card{
       width: 48%;
       flex-grow: 2;
       margin-bottom: unset;
       padding: 35px 30px;
   }
   .song-btn-container{
       width: 100%;
       text-align:center;
   }
   .song-btn-container #hfc-primary-btn{
       width: 100%;
       display:inline-block;
   }
   .filter-form-container{
       padding: 25px 10px;
   }
   .music-filter-form{
       flex-wrap: wrap;
       
   }
   .music-inner-form-select {
       width: 100%;
   }
   .music-button-container{
       width: 100%;
       margin-top: 10px;
       text-align:center;
   }
}

@media (max-width: 530px){
    .music-filter-form-options{
        flex-wrap: wrap;
    }
    .music-filter-select{
        width: 48%;
    }
    .song-card{
       width: 100%
        
    }
}/* End custom CSS */