@import url('//fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap');
:root {
    --white: #ffffff;
    --black:#000000;
    --blue: #00AEEF;
    --magenta:#EC008C;
    --green:#00A663;
    --gray:#757575;
    --light-gray:#BCBCBC;
    --light:#DCDCDC;
    --light-1:#B4B4B4;
    --light-thin:#EEEEEE;
    --dark-blue:#031528;
    

    --bg-white: #ffffff;
    --bg-black:#000000;
    --bg-dark-gray:#1E1E1E;
    --bg-blue: #00AEEF;
    --bg-magenta:#EC008C;
    --bg-green:#00A663;
    --bg-gray:#757575;
    --bg-light-gray:#BCBCBC;
    --bg-light:#DCDCDC;       
    --bg-light-thin:#EEEEEE;
    
    --form-border-color:#757575;
    --form-border-color-1:#b4b4b4;
  }


/********** Global Class  **********/
.bg-dark-gray{background-color: #1E1E1E;}

body{ font-family: 'Figtree', sans-serif; font-size: 18px; line-height: 24px; color: var(--black);}
body p{ font-family: 'Figtree', sans-serif; font-size: 18px; line-height: 24px;}
.entry-content, 
.entry-summary{ font-family: 'Figtree', sans-serif; font-size: 18px; line-height: 24px;}

a {color: var(--blue); text-decoration: none;font-family: 'Figtree', sans-serif;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family: 'Figtree', sans-serif;}

h1{font-size: 36px; line-height: 42px; font-weight: 400;}
h2{font-size: 28px; line-height: 32px;font-weight: 400;}
h3{font-size: 22px; line-height: 28px;font-weight: 400;}
h4{font-size: 18px; line-height: 22px;font-weight: 400;}

.site .button:focus, button:focus, 
input[type=submit]:focus, 
input[type=reset]:focus, 
.wp-block-search .wp-block-search__button:focus, 
.wp-block-button .wp-block-button__link:focus, 
.wp-block-file a.wp-block-file__button:focus { outline-offset: unset; outline: none;}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {  max-width: 1076px;  width: 100%;
  padding-left:15px; padding-right:15px; }
.custom-container{max-width: 1076px; padding-left:15px; padding-right:15px; margin-left: auto; margin-right:auto;}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){outline: none;  text-decoration: none;}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {  outline: none;}

.site-header{padding: 0;}
.site-main{padding: 0;}

.heading { font-size: 36px;   line-height: 42px;  font-weight: 400; padding-top: 0; padding-bottom:0; margin-top: 44px; margin-bottom:20px;}
.heading-login-margin{padding-left: 60px;}

body.home{font-size: 28px; line-height:36px;}
body.home p{font-size: 28px; line-height:36px;}
body.home .heading{font-size: 44px; line-height:60px;}

.heading-carousel{font-size: 44px; line-height:50px; font-weight: 400; padding-top: 20px; padding-bottom:0;  margin:0;}

.wpb_content_element{margin-bottom: 28px;}
.mt-11{margin-top: 11px;}
/********** Global Class  **********/

.login-carousel-wrapper .wpb_content_element{margin-bottom: 0;}


/********** Button Global Class  **********/
    .btn-primary{background-color:var(--bg-blue);border-color: var(--bg-blue); color: var(--white); width: 200px; height: 50px; display: inline-flex; align-items: center;
    justify-content: center; border-radius: 6px; font-size: 18px; font-weight: 400;font-family: 'Figtree', sans-serif; line-height: normal; padding: 0.75rem 0.375rem;}
    .btn-check:checked+.btn-primary, 
    .btn.active, .btn-primary.show, 
    .btn-primary:first-child:active, 
    :not(.btn-check)+.btn-primary:active{background-color:var(--bg-blue);border-color: var(--bg-blue);color: var(--white);}
    .btn-primary:hover,
    .btn-primary:focus{background-color: var(--bg-green);border-color: var(--bg-green);color: var(--white);}
    .site .btn-primary:focus:not(.wp-block-button__link):not(.wp-block-file__button){background-color: var(--bg-green);border-color: var(--bg-green);color: var(--white);
        outline: none; text-decoration: none;}
    
    
    .site .btn-primary.button:not(:hover):not(:active):not(.has-background), 
    button.btn-primary:not(:hover):not(:active):not(.has-background), 
    input[type=submit].btn-primary:not(:hover):not(:active):not(.has-background), 
    input[type=reset].btn-primary:not(:hover):not(:active):not(.has-background), 
    .wp-block-search .wp-block-search__button.btn-primary:not(:hover):not(:active):not(.has-background), 
    .wp-block-button .wp-block-button__link.btn-primary:not(:hover):not(:active):not(.has-background), 
    .wp-block-file a.wp-block-file__button.btn-primary:not(:hover):not(:active):not(.has-background),
    .site .button.btn-primary, 
    button.btn-primary, 
    input[type=submit].btn-primary, 
    input[type=reset].btn-primary, 
    .wp-block-search .wp-block-search__button.btn-primary, 
    .wp-block-button .wp-block-button__link.btn-primary, 
    .wp-block-file a.wp-block-file__button.btn-primary
    {background-color:var(--bg-blue);border-color: var(--bg-blue); color: var(--white); width: 200px; height: 50px; display: inline-flex; align-items: center;
        justify-content: center; border-radius: 6px; font-size: 18px;font-weight: 400;font-family: 'Figtree', sans-serif; line-height: normal; padding: 0.75rem 0.375rem;}
    
    
    .site .button.btn-primary:hover, 
    .site .button.btn-primary:active, 
    button.btn-primary:hover, 
    button.btn-primary:active, 
    input[type=submit].btn-primary:hover, 
    input[type=submit].btn-primary:active, 
    input[type=reset].btn-primary:hover, 
    input[type=reset].btn-primary:active, 
    .wp-block-search .wp-block-search__button.btn-primary:hover, 
    .wp-block-search .wp-block-search__button.btn-primary:active, 
    .wp-block-button .wp-block-button__link.btn-primary:hover, 
    .wp-block-button .wp-block-button__link.btn-primary:active, 
    .wp-block-file a.wp-block-file__button.btn-primary:hover, 
    .wp-block-file a.wp-block-file__button.btn-primary:active{background-color: var(--bg-green);border-color: var(--bg-green);color: var(--white);}
    
    
    
    
    .btn-secondary{background-color:var(--bg-white);border-color: var(--bg-white); color: var(--black);width: 200px; height: 50px; display: inline-flex; align-items: center;
        justify-content: center; border-radius: 6px;font-size: 18px;font-weight: 400;font-family: 'Figtree', sans-serif; line-height: normal; padding: 0.75rem 0.375rem;}
    .btn-check:checked+.btn-secondary, 
    .btn.active, .btn-secondary.show, 
    .btn-secondary:first-child:active, 
    :not(.btn-check)+.btn-secondary:active{background-color:var(--bg-white);border-color: var(--bg-white); color: var(--black);}
    .btn-secondary:hover,
    .btn-secondary:focus{background-color: var(--bg-green);border-color: var(--bg-green);color: var(--white);}
    .site .btn-secondary:focus:not(.wp-block-button__link):not(.wp-block-file__button){background-color: var(--bg-green);border-color: var(--bg-green);color: var(--white);
        outline: none; text-decoration: none;}
    
    
    
        .site .btn-secondary.button:not(:hover):not(:active):not(.has-background), 
        button.btn-secondary:not(:hover):not(:active):not(.has-background), 
        input[type=submit].btn-secondary:not(:hover):not(:active):not(.has-background), 
        input[type=reset].btn-secondary:not(:hover):not(:active):not(.has-background), 
        .wp-block-search .wp-block-search__button.btn-secondary:not(:hover):not(:active):not(.has-background), 
        .wp-block-button .wp-block-button__link.btn-secondary:not(:hover):not(:active):not(.has-background), 
        .wp-block-file a.wp-block-file__button.btn-secondary:not(:hover):not(:active):not(.has-background),
        .site .button.btn-secondary, 
        button.btn-secondary, 
        input[type=submit].btn-secondary, 
        input[type=reset].btn-secondary, 
        .wp-block-search .wp-block-search__button.btn-secondary, 
        .wp-block-button .wp-block-button__link.btn-secondary, 
        .wp-block-file a.wp-block-file__button.btn-secondary
        {background-color:var(--bg-white);border-color: var(--bg-white); color: var(--black);width: 200px; height: 50px; display: inline-flex; align-items: center;
            justify-content: center; border-radius: 6px;font-size: 18px;font-weight: 400;font-family: 'Figtree', sans-serif; line-height: normal; padding: 0.75rem 0.375rem;}
        
        
        .site .button.btn-secondary:hover, 
        .site .button.btn-secondary:active, 
        button.btn-secondary:hover, 
        button.btn-secondary:active, 
        input[type=submit].btn-secondary:hover, 
        input[type=submit].btn-secondary:active, 
        input[type=reset].btn-secondary:hover, 
        input[type=reset].btn-secondary:active, 
        .wp-block-search .wp-block-search__button.btn-secondary:hover, 
        .wp-block-search .wp-block-search__button.btn-secondary:active, 
        .wp-block-button .wp-block-button__link.btn-secondary:hover, 
        .wp-block-button .wp-block-button__link.btn-secondary:active, 
        .wp-block-file a.wp-block-file__button.btn-secondary:hover, 
        .wp-block-file a.wp-block-file__button.btn-secondary:active{background-color: var(--bg-green);border-color: var(--bg-green);color: var(--white);}
    




        .btn-danger{background-color:#dc3545;border-color: #dc3545; color: var(--white);width: 200px; height: 50px; display: inline-flex; align-items: center;
            justify-content: center; border-radius: 6px;font-size: 18px;font-weight: 400;font-family: 'Figtree', sans-serif; line-height: normal; padding: 0.75rem 0.375rem;}
        .btn-check:checked+.btn-danger, 
        .btn.active, .btn-danger.show, 
        .btn-secondary:first-child:active, 
        :not(.btn-check)+.btn-danger:active{background-color:#dc3545;border-color: #dc3545; color: var(--white);}
        .btn-danger:hover,
        .btn-danger:focus{background-color: #bb2d3b;border-color: #bb2d3b;color: var(--white);}
        .site .btn-danger:focus:not(.wp-block-button__link):not(.wp-block-file__button){background-color: #bb2d3b;border-color:#bb2d3b;color: var(--white);
            outline: none; text-decoration: none;}
        
        
        
            .site .btn-danger.button:not(:hover):not(:active):not(.has-background), 
            button.btn-danger:not(:hover):not(:active):not(.has-background), 
            input[type=submit].btn-danger:not(:hover):not(:active):not(.has-background), 
            input[type=reset].btn-danger:not(:hover):not(:active):not(.has-background), 
            .wp-block-search .wp-block-search__button.btn-danger:not(:hover):not(:active):not(.has-background), 
            .wp-block-button .wp-block-button__link.btn-danger:not(:hover):not(:active):not(.has-background), 
            .wp-block-file a.wp-block-file__button.btn-danger:not(:hover):not(:active):not(.has-background),
            .site .button.btn-danger, 
            button.btn-danger, 
            input[type=submit].btn-danger, 
            input[type=reset].btn-danger, 
            .wp-block-search .wp-block-search__button.btn-danger, 
            .wp-block-button .wp-block-button__link.btn-danger, 
            .wp-block-file a.wp-block-file__button.btn-danger
            {background-color:#dc3545;border-color: #dc3545; color: var(--white);width: 200px; height: 50px; display: inline-flex; align-items: center;
                justify-content: center; border-radius: 6px;font-size: 18px;font-weight: 400;font-family: 'Figtree', sans-serif; line-height: normal; padding: 0.75rem 0.375rem;}
            
            
            .site .button.btn-danger:hover, 
            .site .button.btn-danger:active, 
            button.btn-danger:hover, 
            button.btn-danger:active, 
            input[type=submit].btn-danger:hover, 
            input[type=submit].btn-danger:active, 
            input[type=reset].btn-danger:hover, 
            input[type=reset].btn-danger:active, 
            .wp-block-search .wp-block-search__button.btn-danger:hover, 
            .wp-block-search .wp-block-search__button.btn-danger:active, 
            .wp-block-button .wp-block-button__link.btn-danger:hover, 
            .wp-block-button .wp-block-button__link.btn-danger:active, 
            .wp-block-file a.wp-block-file__button.btn-danger:hover, 
            .wp-block-file a.wp-block-file__button.btn-danger:active{background-color: #bb2d3b;border-color:#bb2d3b;color: var(--white);}

    /********** Button Global Class  **********/

 
/********** Owl Carousel Default Class  **********/
.owl-carousel .owl-nav {  width: 100%;  display: flex;  justify-content: space-between;   padding: 0 10px;  position: absolute;  top: 50%;  transform: translateY(-50%);}
.owl-carousel .owl-nav[class*="owl-"] span{display: inline-flex;  align-items: center;  justify-content: center;  background-color: rgba(0,0,0,0.7);
    width: 40px;  height: 40px;  border-radius: 40px;}
.owl-carousel .owl-nav button.owl-prev span{font-size: 0; position: relative;}
.owl-carousel .owl-nav button.owl-prev span:before{ position: absolute;  content: '';  left: 15px;  width: 16px;  height: 16px;  border: solid #ffffff;
      border-width: 0 2px 2px 0;  transform: rotate(135deg);}
.owl-carousel .owl-nav button.owl-next span{font-size: 0; position: relative;}
.owl-carousel .owl-nav button.owl-next span:before{ position: absolute;  content: '';  right: 15px;  width: 16px;  height: 16px;  border: solid #ffffff;
    border-width: 2px 0 0 2px;  transform: rotate(135deg);}
.owl-carousel .owl-dots { position: absolute;  bottom: 20px;  display: flex;  justify-content: center;  width: 100%;}
.owl-carousel button.owl-dot { width: 10px; height: 10px;  border-radius: 10px;  margin: 0 7px; background-color: rgba(255,255,255,0.5)!important; opacity: 1; }
.owl-carousel button.owl-dot.active{background-color: rgba(255,255,255,1)!important;}
.owl-carousel.no-slide .owl-stage{transform: none!important;}
.owl-carousel.no-slide .owl-item.cloned{display: none!important;}

/********** Owl Carousel Default Class  **********/


/********** Footer  **********/
.footer{background-color: var(--bg-dark-gray); padding: 60px 0; color: var(--white); font-size: 18px;}
.footer-logo { text-align: left;}
ul.footer-social { padding: 200px 0 60px 0; margin: 0;  display: flex; align-items: center;}
ul.footer-social li { list-style: none; margin-right: 40px;}
ul.footer-social li:last-child{margin-right: 0;}
ul.footer-social li a { width: 60px; height: 60px;  border-radius: 60px; background-color: var(--bg-white);  color: var(--black); font-size: 30px;  text-decoration: none;
    display: inline-flex;  align-items: center;  justify-content: center;}
ul.footer-social li a:hover{background-color:var(--bg-blue);}
.site ul.footer-social li a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none;
    text-decoration: none;
    text-decoration-skip-ink: none;
    background: var(--bg-blue);
}
.footer-copyright{color: var(--white);}

.footer-section-1{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.footer-section-1 .widget_media_image{flex-grow: 1;}
.footer-section-2{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}

.footer-tagline{ padding: 0; margin: 0;}
.footer .menu-footer-menu-container{padding: 45px 0 100px 0;}
.footer ul.menu { padding: 0; margin: 0;}
.footer ul.menu li{list-style: none;}
.footer ul.menu li a {color: var(--white); text-decoration: none;}
.site .footer ul.menu li a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none;
    text-decoration: none;
    text-decoration-skip-ink: none;
    background: none;
}

.footer ul.footer-horizontal-menu{padding: 0; margin:0; display: flex; flex-wrap: wrap;}
.footer ul.footer-horizontal-menu li{list-style: none;    padding-right: 34px;   position: relative;}
.footer ul.footer-horizontal-menu li:after { position: absolute;  content: "";  width: 2px;  height: 18px;  background-color: var(--bg-white);  top: 9px;  right: 16px;}
.footer ul.footer-horizontal-menu li:last-child:after {display: none;}
.footer ul.footer-horizontal-menu li a {color: var(--white); text-decoration: none;}

.site .footer ul.footer-horizontal-menu li a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none;
    text-decoration: none;
    text-decoration-skip-ink: none;
    background: none;
}
/********** Footer  **********/





.testimonial-card{padding: 0; }
.testimonial-card .testimonial-content{padding-bottom: 40px;}
.testimonial-card .testimonial-author { display: flex;  align-items: center;}
.testimonial-card .testimonial-author-image{max-width: 170px; width: 170px; height: 100px; object-fit: cover; margin-right: 30px;}

.testimonial-card .owl-dots {position: static;justify-content: flex-start; margin-top: 15px;}




body.home .site-content { padding-top: 60px;}
body:not(.home) .site-content { padding-top: 100px; padding-bottom: 40px;}
body:not(.home).page-template-myplaylist .site-content{padding-top: 60px;}
body:not(.home).search-results .site-content{padding-top: 60px;}

#masthead {  background-color:var(--bg-white); border-bottom: solid 1px #979797;   position: fixed;   top: 0;   width: 100%;  max-width: 100%;    z-index: 999;  
  transition: top 0.5s; display: flex; align-items: center; height: 60px; }
.header{  display: flex;  align-items: center;  justify-content: space-between; }
.site-logo{width: 249px;}
.site-logo .custom-logo{width: 100%; max-width: 100%; display:block;}
.site-branding{display: none;}
.primary-navigation .primary-menu-container{margin: 0;}
.primary-navigation{margin-left: 0;}
.primary-navigation a:hover { text-decoration: none;  text-decoration-style: unset;}
.primary-navigation > div > .menu-wrapper{align-items: center;}
.primary-navigation > div > .menu-wrapper li{margin: 0 0 0 10px;}
.primary-navigation .current-menu-item > a:first-child, 
.primary-navigation .current_page_item > a:first-child{text-decoration: none;} 

.primary-navigation .primary-menu-container > ul > .btn-header-profile > a{ font-size: 0;  padding: 0;}
.primary-navigation .primary-menu-container > ul > .btn-header-profile > a:before{   content: "";    background-image: url(../images/profile.svg);
        background-size: 30px 30px;    background-repeat: no-repeat;    width: 30px;    height: 30px;    display: inline-block;}
.primary-navigation .primary-menu-container > ul > .btn-header-login > a{  background-color: var(--bg-blue);   color: var(--white);  font-weight: 600; 
    border-radius: 5px;     padding: 6px 23px;     font-size: 14px;    height: 30px; display: flex;  align-items: center;  justify-content: center;
    text-align: center;}

.primary-navigation .primary-menu-container > ul > .btn-header-login > a:hover,
.primary-navigation .primary-menu-container > ul > .btn-header-login > a:focus{  text-decoration: none;  outline: none;  background-color: var(--bg-blue); 
        color: var(--white); }

.primary-navigation .primary-menu-container > ul > .btn-header-subscribe > a{  background-color: var(--bg-white);   color: var(--light-gray); 
    border: solid 1px var(--light-gray);   font-weight: 600;     border-radius: 5px;     padding: 6px 23px;     font-size: 14px;    height: 30px; display: flex;  
    align-items: center;  justify-content: center;   text-align: center;}

.primary-navigation .primary-menu-container > ul > .btn-header-subscribe > a:hover,
.primary-navigation .primary-menu-container > ul > .btn-header-subscribe > a:focus{  text-decoration: none;  outline: none; background-color: var(--bg-white);  
    color: var(--light-gray); }
 .primary-navigation > div > .menu-wrapper > li > .sub-menu li:nth-child(1) { background-color: var(--bg-blue);}
  .primary-navigation > div > .menu-wrapper > li > .sub-menu li:nth-child(1) a { color: #fff; }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu li:nth-child(1) a:hover{background-color: var(--bg-blue) !important;}
  .primary-navigation .sub-menu{border: 1px solid var(--form-border-color-1);}



/********** Hero Slider  **********/
body.logged-in .hero-banner-wrapper{margin-bottom: 31px;}
.hero-banner-card{position: relative; width: 100%;}
.hero-banner-card .hero-banner-caption{position: absolute; left: 50px; bottom: 110px; z-index: 99; max-width: 400px; }
.hero-banner-card .hero-banner-category{font-size: 14px; margin-bottom: 15px;}
.hero-banner-title{font-size: 36px; line-height: 42px;}
.hero-banner-card .hero-banner-image img{display: block; width: 100%; height: 600px; object-fit: cover; border-radius: 10px;}
.hero-banner-card .hero-banner-bg{position: absolute;  content: "";  width: 50%;  height: 100%;  left: 0;  top: 0; z-index: 98; border-radius: 10px 0 0 10px;}
.hero-banner-card .hero-banner-play{margin-top: 20px;}
.hero-banner-card .hero-banner-play img{width: 60px; height: auto;}
/********** Hero Slider  **********/

.gtc-custom-buttonwrap{display: inline-block; margin: 5px 0;}

.signup-card{padding: 185px 0; background-repeat: no-repeat; background-size: cover;    background-position: center top; margin-bottom: 16px;}
.signup-card .vc_custom_heading{font-size: 44px; color: var(--white); padding-bottom: 40px;}

.feature-card > .vc_column-inner{background-color: rgba(0,174, 239, 0.1); border-radius: 6px; display: flex;  flex-direction: column;
    justify-content: center; align-items: center;    padding: 60px 20px; text-align: center;}
.feature-card .card-image {  background-color: var(--bg-blue);  border-radius: 6px;  width: 50px;  height: 50px;  display: inline-flex;  align-items: center;
    justify-content: center;  position: absolute;  top: 10px;  left: 10px;}
.feature-card .card-large-text { margin: 0;  font-size: 36px;  color: var(--blue);  font-weight: 600;}
.feature-card .card-small-text {margin: 0;  font-size: 22px;    color: var(--blue);   font-weight: 400;   text-transform: uppercase;}


/********** Post Slider **********/
.post-slider-wrapper a { text-decoration: none;  outline: none;}
.post-slider-card { border: solid 1px transparent; border-radius: 6px;  height: 100%; color: var(--gray);}
.post-slider-card a {color: var(--black);}
.post-slider-card .card-image img { border-radius: 6px 6px 0 0;  width: 100%; height: 170px;  object-fit: cover;}
.post-slider-card .card-body{background-color:var(--bg-light-thin);border-radius: 0 0 6px 6px; font-size: 18px; line-height: 24px;}
.post-slider-card .card-body p{font-size: 18px; line-height: 24px;}
.post-slider-card .card-play { display: flex;  justify-content: flex-end; width: 100%; display: none;}
.post-slider-card .card-play img{width: 40px; height: auto;}
.post-slider.owl-carousel .owl-stage{display: flex; padding: 30px 0;}
.post-slider.owl-carousel .owl-item{display: flex; position: relative; z-index:0;}

.post-slider.owl-carousel .owl-item.active{z-index: 1;}
.post-slider.owl-carousel .owl-item.active:hover{z-index: 2;}
.post-slider.owl-carousel .owl-item .item{transition: all 0.5s ease 0s; width: 100%;}
.post-slider.owl-carousel .owl-item .item:hover{ transform: scale(1.15); }
.post-slider.owl-carousel .owl-item .item:hover .post-slider-card { border: solid 1px var(--bg-white); color: var(--black);}
.post-slider.owl-carousel .owl-item .item:hover .post-slider-card .card-body{background-color: var(--bg-white);}
.post-slider.owl-carousel .owl-item .item:hover .post-slider-card .card-play{display: flex;}

.post-slider-link:hover .post-slider-card{ color: var(--black);}
/********** Post Slider **********/

/********** Post Slider Featured **********/
.post-slider-card.post-featured-card .card-body{position: absolute; left: 0; bottom: 0;background: transparent;  border-radius: 0;  font-size: 22px;  line-height: 28px; 
    font-weight: 600; color: var(--white); }
.post-slider-card.post-featured-card .card-body p {  font-size: 22px;  line-height: 28px;}
.post-slider-card.post-featured-card .card-image{position: relative;}
.post-slider-card.post-featured-card .card-image:before{position: absolute; content: ""; width: 100%; height: 100%; 
    background:linear-gradient(to top, rgba(0,0,0,0.9) 0, rgba(0,0,0,0) 60%); left: 0; top: 0;border-radius: 6px;}
.post-slider-card.post-featured-card .card-image img{height: 380px; border-radius: 6px;}
.post-slider.owl-carousel .owl-item .item:hover .post-slider-card.post-featured-card .card-body {  background-color: transparent;}
.post-slider.owl-carousel .owl-item .item:hover .post-slider-card.post-featured-card .card-play{display: none;}
/********** Post Slider Featured **********/


/********** Search Result/Single Post **********/
.single-post-wrapper a:not(.btn-primary) { text-decoration: none;  outline: none; color: var(--gray);}
/********** Search Result/Single Post **********/



  .full-slider-card *{display: block!important;}
  .full-slider-card .vc_single_image-img {
      max-width: 100%!important;
      width: 100%!important;
      height: auto!important;
  }
  @supports (-webkit-appearance: none) or (-moz-appearance: none) {
	input[type=checkbox],
	input[type=radio] {
		-webkit-appearance: none;
		-moz-appearance: none;
		position: relative;
		width: 30px;
		height: 30px;
		border: solid 1px var(--form-border-color);
		background: var(--global--color-white);
	}
	input[type=checkbox]:disabled,
	input[type=radio]:disabled {
		opacity: 0.7;
	}
	.is-dark-theme input[type=checkbox],
	.is-dark-theme input[type=radio] {
		background: var(--global--color-white-90);
	}
	input[type=checkbox]:focus {
		outline-offset: unset;
		outline: none;
	}
	input[type=checkbox]:after {
		content: "";
		opacity: 0;
		display: block;
		left: 5px;
		top: 2px;
		position: absolute;
		width: 7px;
		height: 13px;
		border: 3px solid var(--form--color-text);
		border-top: 0;
		border-left: 0;
		transform: rotate(30deg);
	}

	input[type=checkbox]:checked {
		color: var(--form--color-text);
	}

	input[type=checkbox]:checked:after {
		opacity: 0;
	}

	input[type=radio] {
		border-radius: 50%;
	}

	input[type=radio]:focus {
		outline-offset: unset;
		outline: none;
	}

	input[type=radio]:after {
		content: "";
		opacity: 0;
		display: block;
		left: 3px;
		top: 3px;
		position: absolute;
		width: 11px;
		height: 11px;
		border-radius: 50%;
		background: var(--form--color-text);
	}

	input[type=radio]:checked {
		border: none;
	}

	input[type=radio]:checked:after {
		opacity: 0;
	}

	input[type=radio]:checked:focus {
		outline-offset:unset;
		outline: none;
        box-shadow: none;
	}
}

input[type=checkbox] + label,
input[type=radio] + label {
	display: inline-block;
	padding-left: 15px;
	font-size: inherit;
	vertical-align: middle;
    margin: 0;
    top: 5px;
    position: relative;
}





  input.form-control,
  textarea.form-control{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input.form-control,
textarea.form-control{border-color:#b4b4b4;/*var(--border-input);*/} 
input.form-control:focus,
textarea.form-control:focus{
    outline-offset: unset;    
    outline: none;    
    box-shadow: none;
    border-color:var(--border-input);
}
.form-check-input[type=radio] {
    border-radius: 6px;
}
.form-check-input:checked {
    background-color: var(--bg-blue);
    border-color: var(--bg-blue);
}




/********** Subscribe Form **********/
.subscribe-card { padding: 40px; max-width: 800px; margin: 0 auto;}
.subscribe-card input.form-control{border-radius: 0; border-top: none; border-left: none; border-right:none;}
/********** Subscribe Form **********/

/********** Login Form **********/
.login-card { padding: 40px!important; max-width: 800px!important; margin: 0 auto;} 

.login-card input.form-control{border-radius: 0; border-top: none; border-left: none; border-right:none;}
.login-card .login-wrap { max-width: 100%;  width: 100%;  border: none;  background-color: #fff;  padding: 0;  border-radius: 0;  font-family: 'Figtree', sans-serif;}

.login-card .log-form-group {display: flex; align-items: center; justify-content: space-between;}
.login-card .log-form-group input[type="checkbox"]{order:1;}
.login-card .log-form-group i { order: 3;}
.login-card .log-form-group label{order:2; margin-left: 10px;}
/********** Login Form **********/


/********** Thank You Page **********/
.thankyou-card { padding: 40px; max-width: 800px; margin: 0 auto;}
.thankyou-card .btn-primary.btn-add{width: 30px!important;  height: 30px!important;  border-radius: 30px!important;  font-size: 30px!important;}
.thankyou-card .btn-danger.btn-remove{ width: 30px!important;  height: 30px!important;  border-radius: 30px!important;  font-size: 30px!important;}
.uploadFile {  background-color: var(--bg-white);   border: solid 1px var(--bg-gray);   color: var(--gray);   width: 200px;   height: 50px;   display: inline-flex;
    align-items: center;    justify-content: center;    border-radius: 6px;    font-size: 14px;   font-weight: 400;    font-family: 'Figtree', sans-serif;
    line-height: normal;    padding: 0.75rem 0.375rem;    resize: none;    overflow: hidden;    position: relative;}
.uploadFile input[type=file] {  cursor: pointer !important;   display: block;   font-size: 999px;   filter: alpha(opacity=0);    min-height: 100%;
    min-width: 100%;    opacity: 0;    position: absolute;    right: 0px;    text-align: right;    top: 0px;    z-index: 1; }
/********** Thank You Page **********/


/********** Modal Default **********/
.modal-header{padding: 20px 25px;}
.modal-body{padding: 20px 25px;}
.modal-header button.btn-close:not(:hover):not(:active):not(.has-background){background-color: var(--bg-black);  opacity: 1;   color: var(--white); 
  background-image: none; width: 30px; height: 30px; border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0;  }
.modal-header button.btn-close:hover,
.modal-header button.btn-close:focus,
.modal-header button.btn-close:active{background-color: var(--bg-black);  opacity: 1;   color: var(--white); 
  background-image: none; width: 30px; height: 30px; border-radius: 30px; display: inline-flex; align-items: center; justify-content: center;padding: 0; }
.modal-header button.btn-close:before{display: inline;content: "X"; color:var(--white);}
    .wp-form-action{position: relative;}
.wp-form-action .wpcf7-spinner { position: absolute;  left: 0;   top: 50%; transform: translateY(-50%);}
.modal-backdrop{background-color: var(--bg-blue); }
.modal-backdrop.show{opacity: 0.85;}
/********** Modal Default **********/

/********** Contact page **********/
.wpcf7-form .wpcf7-form-control-wrap.recaptcha { margin-bottom: 20px;display: block;}
/********** Contact page **********/


/********** Newsletter Popup **********/
.custom-newsletter{font-size: 18px;}
.custom-newsletter .wpcf7-form br{display: none;}

.custom-newsletter .mc_signup_submit .button,
.custom-newsletter .mc_signup_submit input[type=submit]:not(:hover):not(:active):not(.has-background){background-color:var(--bg-blue);border-color: var(--bg-blue); color: var(--white); width: 200px; height: 50px; display: inline-flex; align-items: center;  justify-content: center; border-radius: 6px; font-size: 18px; font-weight: 400;font-family: 'Figtree', sans-serif; line-height: normal; padding: 0.75rem 0.375rem; width: 100%!important; margin-top: 0!important;}
.custom-newsletter .mc_signup_submit .button:hover,
.custom-newsletter .mc_signup_submit .button:focus{background-color: var(--bg-green);border-color: var(--bg-green);color: var(--white);}


.custom-newsletter input.mc_input{
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-newsletter input.mc_input:focus{
  outline-offset: unset;    
  outline: none;    
  box-shadow: none;
  border-color:var(--border-input);
}
  
/********** Newsletter Popup **********/

/********** Showcase Modal **********/
.showcase-modal button.dropdown-toggle{height: 38px;}
.showcase-modal .dropdown-menu{min-width: 448px; max-width: 100%;}
/********** Showcase Modal **********/

/********** PlayList Popup **********/
.play-list-modal .modal-dialog{max-width: 800px;}
.play-list-modal .modal-title img{width: 165px; height: auto;}
.play-list-modal .form-control{height: 60px; font-size: 18px;}
.play-list-modal .form-control-bg-edit{background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/edit.svg); background-repeat: no-repeat; background-size:20px 32px;
  background-position: center right 20px; padding-right: 50px;}  
.play-list-modal .form-label{ font-size: 14px;font-weight: 400;}

.play-list-modal .form-control::-webkit-input-placeholder { 
  color:var(--dark-blue); 
}
.play-list-modal .form-control::-moz-placeholder { 
  color:var(--dark-blue); 
}
.play-list-modal .form-control:-ms-input-placeholder { 
  color:var(--dark-blue); 
}
.play-list-modal .form-control:-moz-placeholder { 
  color:var(--dark-blue);
}
/********** PlayList Popup **********/






/********** Single Post **********/
.entry-header .post-thumbnail, 
.singular .post-thumbnail, 
.alignfull [class*=inner-container] > .alignwide, 
.alignwide [class*=inner-container] > .alignwide{width: 100%; max-width: 100%;}
.singular .has-post-thumbnail .entry-header{margin: 0;}
.singular .post-thumbnail{margin-top: 0;}
.singular .post-thumbnail .wp-post-image{width: 100%!important; max-width: 100%!important; height: auto!important; margin: 0;}
.singular .entry-title { font-size: 36px;  line-height: 42px;  font-weight: 400;}
.singular-sidebar .widget-area { grid-template-columns: auto; margin-top: 0;   padding-top: 0;}
.singular-sidebar .widget-area > .widget{margin: 0px 0 20px 0;}
.singular-sidebar .widget h2 { font-size: 14px;  line-height: 14px;  font-weight: 600;  margin-bottom:0;}
.singular-sidebar .widget .tag-cloud{ margin-top: 0; font-size: 14px;}
.singular-sidebar .tag-cloud { margin-top: 10px;}
.singular-sidebar .tag-cloud a{  background-color: var(--bg-light-thin);  color: var(--dark-blue);  border-radius: 5px;  display: inline-block;
    text-decoration: none;    margin: 0px 5px 10px 0;    padding: 2px 8px;    font-size: 14px;    font-weight: 400;}
.singular-sidebar ul.category-list {  padding: 0;  margin: 0;}
.singular-sidebar ul.category-list li{ list-style: none;  display: inline-block;  font-size: 14px;  color: var(--dark-blue);}
.singular-sidebar ul.category-list li a{  font-size: 14px;  color: var(--dark-blue);  text-decoration: none;}
.singular-sidebar .widget-tag {font-size: 14px; font-weight: 400;}

.comments-area {background-color: var(--bg-blue);border-radius: 10px;padding: 40px 20px; color: #fff; position: relative; margin-bottom: 40px!important;}
.comments-area:after {position: absolute; content: ""; border-left: solid 20px transparent; border-right: solid 20px transparent;
  border-top: solid 35px var(--bg-blue); bottom: -35px;left: 30px;}
.comments-area .comments-title {font-size: 24px;padding: 0; margin: 0;}
.comments-area a{color: var(--white);}
.comments-area .comment-list{margin: 0;}
.comments-area .comment-list > li { margin-top: 0; margin-bottom: 0;}
.comments-area .comment-body > * {margin-top: 0;margin-bottom: 0;}
.comments-area .comment-reply-title{font-size: 24px;}
.comments-area textarea#comment { border: none; outline: none;}
.comments-area input[type="submit"].submit{
  background-color: var(--bg-white)!important;
  border-color: var(--bg-white);
  color: var(--black)!important;
  width: 200px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Figtree', sans-serif;
  line-height: normal;
  padding: 0.75rem 0.375rem;}
  .comments-area input[type="submit"].submit:hover,
  .comments-area input[type="submit"].submit:focus{
    background-color: var(--bg-green)!important;
    border-color: var(--bg-green);
    color: var(--white)!important;
  }
/********** Single Post **********/



/********** After Login Header  **********/
.search-form-wrapper{display: flex; flex-grow: 1; max-width: 460px;}
.search-form {   width: 100%; padding: 0 15px; }
.btn-header-search{white-space: nowrap; height: 33px!important; font-size: 14px!important; }
.header-search-bar {  width: 100%; position: relative;}
body.search .btn-header-search{display: none!important;}

.header-search-bar input.form-control{border-color: var(--form-border-color-1); line-height: normal;}
.btn-search{background-image: url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/search-icon.svg); background-repeat: no-repeat; width: 20px; height: 20px;    background-color: transparent!important;
    padding: 0!important;    margin: 0!important;    border: none!important;position: absolute;  right: 10px;  top: 6px;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

body.logged-in .primary-navigation .primary-menu-container > ul >  .btn-header-login{display: none;}
body.logged-in .primary-navigation .primary-menu-container > ul >  .btn-header-subscribe{display: none;} 
body.logged-in .primary-navigation .primary-menu-container > ul > .btn-header-profile > a{font-size: 14px; color: var(--light-1);/*text-transform: lowercase;*/
    display: flex;  align-items: center; white-space: nowrap;}
body.logged-in .primary-navigation .primary-menu-container > ul > .btn-header-profile > a:before{margin-right: 5px;}

.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle{display: none;}
body:not(.logged-in) .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=true] ~ ul{display: none!important;}


.primary-navigation > div > .menu-wrapper > li > .sub-menu{padding:0; margin:0;}
.primary-navigation > div > .menu-wrapper > li > .sub-menu:after{border-color: var(--bg-white) transparent;}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li{ background: var(--bg-white); margin: 0;}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li a{padding:10px 10px;}
/*.primary-navigation > div > .menu-wrapper > li > .sub-menu li a:hover{background-color: var(--bg-light-thin);}*/
.primary-navigation > div > .menu-wrapper > li > .sub-menu li a:hover{background-color: #00AEEF; color:#FFFFFF;} 
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {background: #00AEEF !important;}
/********** After Login Header  **********/

.custom-page-title {margin-bottom: 50px;}

/*#membership-wrapper {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 40px;
    border-radius: 5px;
    border: solid 1px #f5f5f5;    
}*/
#membership-wrapper {
    box-shadow: none;
    /*padding: 40px;
    border-radius: var(--bs-border-radius);
    border: solid 1px #b4b4b4; */   
}
#membership-wrapper input, 
#membership-wrapper textarea, 
#membership-wrapper select{width: 100%; max-width:100%;height: auto;padding: 5px 10px; }

.loader{  position: fixed;  top: 50%;   left: 50%; transform: translate(-50%,-50%); z-index: 999;}
.loader-subscribe{  position: fixed;  top: 50%;   left: 50%; transform: translate(-50%,-50%); z-index: 999;}

.btn-logout { color: var(--light-1);  font-size: 14px;  margin-right: 15px;  text-decoration: none;}
.btn-logout:hover, 
.btn-logout:focus { color: var(--gray); text-decoration: none;}


/********** After Login Footer Bar **********/
.after-login-footer-bar{border-top: solid 1px var(--light); padding:25px 0;}
.after-login-footer-bar .container{display: flex; align-items: center;justify-content: space-between;}
.btn-footer-profile{font-size: 14px;   color: var(--light-1);    /*text-transform: lowercase; */  display: flex;    align-items: center; text-decoration: none;}
.btn-footer-profile:before { display: inline-block;    content: "";  background-image: url(../images/profile.svg);  background-size: 30px 30px;
    background-repeat: no-repeat;   width: 30px;    height: 30px;     margin-right: 7px;}
.btn-my-showcases{font-size: 18px;   color: var(--dark-blue);    text-transform: capitalize;   display: flex;    align-items: center; text-decoration: none;}
.btn-my-showcases:before {   display: inline-block;  content: "";  background-image: url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/my-showcases.svg);   background-size: 22px 27px;   background-repeat: no-repeat;
    width: 22px;    height: 27px; margin-right: 7px;}
/********** After Login Footer Bar **********/


/********** After Login Post Action Bar **********/
.post-action-bar{border-top: solid 1px var(--bg-light); border-bottom: solid 1px var(--bg-light); padding:10px 0; display: flex;
    align-items: center;  justify-content: space-between;}
    .post-action-bar .left-col{display: inline-flex; align-items: center;}
    .post-action-bar .left-col a{ margin-right: 45px;}
.post-action-bar .right-col a{}

.btn-post-comment{display: inline-block; width: 30px; height: 27px; background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-comments.svg); background-repeat: no-repeat;}
.btn-post-comment:hover,
.btn-post-comment:focus{ background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-comments-hover.svg)!important; background-color: transparent!important;}
.site .btn-post-comment:focus:not(.wp-block-button__link):not(.wp-block-file__button){ background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-comments-hover.svg);}

.btn-post-comment .comments-total{ padding-left: 34px;  color: var(--light-1);  font-size: 14px; text-decoration: none;}
.btn-post-comment:hover .comments-total,
.btn-post-comment:focus .comments-total{color: var(--black);}

.btn-post-add-to-playlist{display: inline-block; width: 26px; height: 32px; background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-add-to-playlist.svg); background-repeat: no-repeat;}
.btn-post-add-to-playlist:hover,
.btn-post-add-to-playlist:focus{ background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-add-to-playlist-hover.svg)!important; background-color: transparent!important;}
.site .btn-post-add-to-playlist:focus:not(.wp-block-button__link):not(.wp-block-file__button){ background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-add-to-playlist-hover.svg);}

/*.btn-post-play{display: inline-block; width: 29px; height: 30px; background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-play.svg); background-repeat: no-repeat;}
.btn-post-play:hover,
.btn-post-play:focus{ background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-play-hover.svg)!important; background-color: transparent!important;}
.site .btn-post-play:focus:not(.wp-block-button__link):not(.wp-block-file__button){ background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-play-hover.svg);}
*/

.btn-post-play{width: 30px; overflow: hidden;}
.btn-post-play:hover,
.btn-post-play:focus{ background-color: transparent!important;}
.tts_play_button{display: inline-block; visibility: hidden;}
.tts_play_button:before{display: inline-block; position: absolute; content: ""; width: 30px; height: 30px; 
  background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-play.svg); background-repeat: no-repeat;visibility: visible;}
.tts_play_button.button-pause:before{background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-pause.svg);}

button.custom_audio_class{display: inline-block; width: 29px; height: 30px; background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-play.svg); background-repeat: no-repeat;}


.btn-post-share{display: inline-block; width: 23px; height: 32px; background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-share.svg); background-repeat: no-repeat;}
.btn-post-share:hover,
.btn-post-share:focus{ background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-share-hover.svg)!important; background-color: transparent!important;}
.site .btn-post-share:focus:not(.wp-block-button__link):not(.wp-block-file__button){ background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-share-hover.svg);}
/********** After Login Post Action Bar **********/



/********** Search Page **********/
.search-card{background-color:rgba(0,0,0,0.9);; color: var(--white); padding:40px 0; margin: 0;  transition: all 0.5s ease 0s; }
.search-card-fixed{position: fixed;  width: 100%;  z-index: 990;transform: translateY(-150%);}
.search-card-fixed.bar-show{transform: translateY(0); top: 60px;}
body.search .search-card-fixed{position: static; transform: none;}
.search-card input[type="search"].form-control{background: transparent; border: none;  border-bottom: solid 1px var(--bg-white); border-radius: 0;
color:var(--white);}
.search-card .search-input-wrapper{position: relative;}
.search-card .search-input-wrapper:before{position: absolute; content: ""; left: 1px; bottom: 0; width: 1px; height: 15px; background-color: var(--bg-white);}
.search-card .search-input-wrapper:after{position: absolute; content: ""; right: -2px; bottom: 0; width: 1px; height: 15px; background-color: var(--bg-white);}
.search-card .form-control::-webkit-input-placeholder {  color:var(--white);}
.search-card .form-control::-moz-placeholder { color:var(--white); }
  .search-card .form-control:-ms-input-placeholder { color:var(--white); }
.search-card .form-control:-moz-placeholder { color:var(--white);}

.search-card  .btn.btn-primary{ font-size: 14px!important;    height: 30px!important;  padding: 5px!important;}
.search-card  .search-button{width: 70px!important;}

button.dropdown-toggle{width: 133px;    height: 21px;    padding: 0 5px;    line-height: normal;   font-size: 14px;   font-weight: normal;   color: #000!important;
    background: transparent!important;    border: solid 1px var(--bg-black);    border-radius: 5px;    display: flex;    align-items: center;  justify-content: space-between;}
    
.dropdown-menu {max-height: 600px; overflow: auto;min-width: 250px;}    
.dropdown-item{padding: 5px 10px;}

.dropdown .form-check{display: flex; align-items: center;min-height: 0;     margin-bottom:0;}
.dropdown .form-check-input[type=checkbox]{width:10px; height: 10px; border-radius: 1px; top: -3px;}
.dropdown .form-check-input + label{width:calc(100% - 10px);}
.dropdown input[type=checkbox] + label{top: 0; font-size: 14px; line-height:14px; font-weight: 400; padding: 0 0 0 10px;}
.dropdown-item.active, 
.dropdown-item:active{color: var(--black);}

.search-card button.dropdown-toggle{color: #fff!important; border: solid 1px var(--bg-white); }
.search-card button.dropdown-toggle[aria-expanded="true"]{background-color: #fff!important; color: #000!important;}

.search-card .search-result-count{font-size: 14px;}
.search-card .search-items { display: flex; flex-wrap: wrap;    align-items: center; }



.search-card .toast { width: auto;     background-color: var(--bg-white);      color: var(--black);margin:0 10px 5px 0;}
.search-card .toast .toast-body { padding: 3px 10px; word-wrap: break-word;  background-color: var(--bg-white);    color: var(--black);  font-size: 14px;
        line-height: normal;  border-radius: 5px;}
.search-card .toast .btn-close { background-color: var(--black)!important;   opacity: 1; border-radius: 50px;   color: var(--white)!important;   display: inline-flex;
        align-items: center;  justify-content: center;   font-size: 18px;  padding: 0;  font-weight: 300;  margin-right: 5px;}
.search-results .page-header {  border: none;  padding: 30px 0;  margin: 0;} 
.search-results .page-header h1.page-title{padding: 0; margin: 0; font-size: 24px; color: var(--blue);font-weight: 500;}

.btn-post-share-1{display: inline-block; width: 23px; height: 32px; background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-share-1.svg); background-repeat: no-repeat;}
.btn-post-share-1:hover,
.btn-post-share-1:focus{ background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-share-1.svg)!important; background-color: transparent!important;}

.btn-post-edit{display: inline-block; width: 20px; height: 32px; background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-edit.svg); background-repeat: no-repeat;}
.btn-post-edit:hover,
.btn-post-edit:focus{ background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/post-edit.svg)!important;background-repeat: no-repeat; }

.search-date{font-size: 12px; margin-top: 33px;}
.search-action-bar{border-top: solid 1px var(--bg-light); border-bottom: solid 1px var(--bg-light); padding:10px 0; display: flex;
  align-items: center;  justify-content: space-between; margin-top: 20px;}
.page-template-admin-featured-list .search-action-bar{justify-content: flex-end;}
.form-control.select-play-list{max-width: 250px;height: 30px;line-height: normal;}

.btn-grid{display: inline-block; width: 25px; height: 27px; background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/btn-grid.svg); background-repeat: no-repeat;}
.btn-grid:hover,
.btn-grid:focus,
.btn-grid.active{background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/btn-grid-hover.svg)!important; background-color: transparent!important;}
.my-playlist-tab.active .btn-grid{background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/btn-grid-hover.svg)!important; background-color: transparent!important;}

.btn-list{display: inline-block; width: 37px; height: 13px; background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/btn-list.svg); background-repeat: no-repeat;}
.btn-list:hover,
.btn-list:focus,
.btn-list.active{background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/btn-list-hover.svg)!important; background-color: transparent!important;}
.my-playlist-tab.active .btn-list{background-image:url(https://www.activative.co.uk/wp-content/themes/activative-new/assets/images/btn-list-hover.svg)!important; background-color: transparent!important;}


.search-card .ui-slider.ui-widget-content { background-image: none;    background-color: #EEEEEE;    border: solid 1px #979797;   height: 14px;  border-radius: 10px;}
.search-card .ui-slider .ui-widget-header {  background-color: var(--bg-blue);  background-image: none;}
.search-card .ui-state-default, 
.search-card .ui-widget-content .ui-state-default, 
.search-card .ui-widget-header .ui-state-default { border: none;  background-image: none;  color: #000;  width: 50px;  height: 50px;  border-radius: 50px;
  display: inline-block;  background-color: var(--bg-blue); position: absolute;    top: -18px; display: inline-flex;   align-items: center;
  justify-content: center;    font-size: 12px;   color: #fff;}
  .search-card  .date-dropdown{  width:calc(100% - 24px);  inset: auto!important;  transform: none!important;
    right: 12px!important;  padding: 40px 35px 0 30px;}

  .search-card .ui-slider-horizontal .ui-slider-handle{margin-left: -1.8em;}
  .search-card .date-range{display: flex;  justify-content: space-between;   font-size: 12px;  padding-top: 20px;color: var(--light-1);}
  .search-card .ui-slider .ui-slider-handle{touch-action: auto;}
  .search-card .ui-draggable-handle{touch-action: auto;}
  .search-card .ui-resizable-handle{touch-action: auto;}
  .search-card .ui-selectable{touch-action: auto;}
  .search-card .ui-slider .ui-slider-handle{touch-action: auto;}
  .search-card .ui-sortable-handle{touch-action: auto;}  

  .calendar-card {display: flex; white-space: nowrap;  align-items: center;border: solid 1px var(--bg-white);  border-radius: 5px;  padding: 0 0 0 5px;
    min-width: 120px;   max-width: 120px;   position: relative;   height: 21px;overflow: hidden;}
  .calendar-card .calendar-label { font-size: 14px;  margin: 0 5px 0 0;   padding: 0; line-height: normal;}
  .calendar-card .calendar-input { border: none;  outline: none;  margin: 0;  line-height: normal;      font-size: 18px;  vertical-align: top;  border-radius:0 4px 4px 0;
    padding: 2px 2px;  height: 21px; width: 26px;  position: absolute;  right: 0; z-index: 999;background-color: #fff;}
  /********** Search Page **********/


/********** My Playlist **********/
.my-playlist-tab{border: none;}
.my-playlist-tab .nav-link{padding: 0;  margin: 0 15px 0 0;  line-height: normal;  background-color: transparent!important;  border: none;}
/********** My Playlist **********/


/********** Pagination **********/
.pagination { display: flex;  justify-content: center; border: none; padding:0; margin:0;}
ul.page-numbers { display: flex; flex-wrap: wrap; align-items: center;padding: 0; margin: 0;} 
ul.page-numbers li { list-style: none;  margin:0;  display: inline-flex;  align-items: center;}
ul.page-numbers li:after { display: inline-block;  content: "/";   color: var(--light-1);  font-size: 12px;} 
ul.page-numbers li:first-child:after,
ul.page-numbers li:last-child:after,
ul.page-numbers li:nth-last-child(2):after{display: none;}

ul.page-numbers li .page-numbers{color: var(--light-1); text-decoration: none; font-size: 14px;line-height: normal;  display: block;    padding: 5px;}
ul.page-numbers li .page-numbers:hover,
ul.page-numbers li .page-numbers:focus,
ul.page-numbers li .page-numbers.current{color: var(--dark-blue); text-decoration: none;}

ul.page-numbers li .prev.page-numbers{font-size: 0px;}
ul.page-numbers li .prev.page-numbers:before{  display: inline-block;  content: ""; width: 0;  height: 0; 
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;   border-right:6px solid var(--light-1);}
ul.page-numbers li .prev.page-numbers:hover:before{ border-right:6px solid var(--dark-blue);}
 
ul.page-numbers li .next.page-numbers{font-size: 0px;}
ul.page-numbers li .next.page-numbers:before{  display: inline-block;  content: ""; width: 0;  height: 0; 
    border-top: 6px solid transparent; border-bottom: 6px solid transparent;   border-left:6px solid var(--light-1);}
ul.page-numbers li .next.page-numbers:hover:before{ border-left:6px solid var(--dark-blue);}     
/********** Pagination **********/


/********** My Account Tabs **********/
.custom-tabs .tab-content { border: solid 1px #b4b4b4; /*var(--bg-light);*/  border-top: solid 1px #b4b4b4; /*var(--bg-dark-gray);*/; padding: 20px; border-radius: var(--bs-border-radius);}
.custom-tabs  .nav-pills .nav-item { margin-right: 10px;}
.custom-tabs .nav-pills .nav-item .nav-link { background-color: #eeedf0; color: #000; border: solid 1px #d6d6d6; border-radius: 5px 5px 0 0;}
.custom-tabs .nav-pills .nav-item .nav-link.active,
.custom-tabs .nav-pills .nav-item .nav-link:hover,
.custom-tabs .nav-pills .nav-item .nav-link:focus {  background-color: #00AEEF;/*var(--bg-dark-gray);*/  color: #fff;  border: solid 1px  #b4b4b4; /*var(--bg-dark-gray);*/}
.table th,
.table td{ border:1px solid var(--bs-border-color);}
/********** My Account Tabs **********/
.userlisting .container{padding:0px;}

[slider] {
    position: relative;
    height: 14px;
    border-radius: 10px;
    text-align: left;
    margin: 45px 0 10px 0;
  }
  
  [slider] > div {
    position: absolute;
    left: 13px;
    right: 15px;
    height: 14px;
  }
  
  [slider] > div > [inverse-left] {
    position: absolute;
    left: 0;
    height: 14px;
    border-radius: 10px;
    background-color: #CCC;
    margin: 0 7px;
  }
  
  [slider] > div > [inverse-right] {
    position: absolute;
    right: 0;
    height: 14px;
    border-radius: 10px;
    background-color: #CCC;
    margin: 0 7px;
  }
  
  [slider] > div > [range] {
    position: absolute;
    left: 0;
    height: 14px;
    border-radius: 14px;
    background-color: #1ABC9C;
  }
  
  [slider] > div > [thumb] {
    position: absolute;
    top: -7px;
    z-index: 2;
    height: 28px;
    width: 28px;
    text-align: left;
    margin-left: -11px;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    background-color: #FFF;
    border-radius: 50%;
    outline: none;
  }
  
  [slider] > input[type=range] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    z-index: 3;
    height: 14px;
    top: -2px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  
  div[slider] > input[type=range]::-ms-track {
    -webkit-appearance: none;
    background: transparent;
    color: transparent;
  }
  
  div[slider] > input[type=range]::-moz-range-track {
    -moz-appearance: none;
    background: transparent;
    color: transparent;
  }
  
  div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
    background: transparent;
    border: transparent;
  }
  
  div[slider] > input[type=range]:focus {
    outline: none;
  }
  
  div[slider] > input[type=range]::-ms-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
  }
  
  div[slider] > input[type=range]::-moz-range-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
  }
  
  div[slider] > input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    background: red;
    -webkit-appearance: none;
  }
  
  div[slider] > input[type=range]::-ms-fill-lower {
    background: transparent;
    border: 0 none;
  }
  
  div[slider] > input[type=range]::-ms-fill-upper {
    background: transparent;
    border: 0 none;
  }
  
  div[slider] > input[type=range]::-ms-tooltip {
    display: none;
  }
  
  [slider] > div > [sign] {
    opacity: 0;
    position: absolute;
    margin-left: -11px;
    top: -39px;
    z-index:3;
    background-color: #1ABC9C;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  
  [slider] > div > [sign]:after {
    position: absolute;
    content: '';
    left: 0;
    border-radius: 16px;
    top: 19px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top-width: 16px;
    border-top-style: solid;
    border-top-color: #1ABC9C;
  }
  
  [slider] > div > [sign] > span {
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
  }
  
  [slider]:hover > div > [sign] {
    opacity: 1;
  }


  .comment-form > p.logged-in-as{display:none;}
  .comment-form .comment-form-comment textarea{border-radius: 10px!important; border: 1px solid #b4b4b4;}
  .comment-form .comment-form-comment textarea:focus{
   outline-offset: 0!important;
    outline: none!important;
    
}

.comment-form .form-submit .submit{
    background-color: var(--bg-blue)!important;
    border-color: var(--bg-blue)!important;
    color: var(--white)!important;
    width: 200px!important;
    height: 50px!important;
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    border-radius: 6px!important;
    font-size: 18px!important;
    font-weight: 400!important;
    font-family: 'Figtree', sans-serif!important;
    line-height: normal!important;
    padding: 0.75rem 0.375rem!important;
}
.comment-form .form-submit .submit:hover,
.comment-form .form-submit .submit:focus{
   background-color: var(--bg-green)!important;
    border-color: var(--bg-green)!important;
    color: var(--white)!important;
}

#membership-wrapper legend{padding: 0 0 15px 0;}
.form-membership .button{
  background-color: var(--bg-blue)!important;
    border-color: var(--bg-blue)!important;
    color: var(--white)!important;
    width: 200px!important;
    height: 50px!important;
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    border-radius: 6px!important;
    font-size: 18px!important;
    font-weight: 400!important;
    font-family: 'Figtree', sans-serif!important;
    line-height: normal!important;
    padding: 0.75rem 0.375rem!important;
}
.form-membership .button:hover,
.form-membership .button:focus{
background-color: var(--bg-green)!important;
    border-color: var(--bg-green)!important;
    color: var(--white)!important;
  }

  .form-membership .form-element .element{position: relative;}
  .form-membership .form-element .element [id*="togglePasswordProfile"]{position: absolute;right: 10px; top: 10px;}

  .container-custom{max-width: 1320px!important; padding-right: 12px!important;    padding-left: 12px!important;}

  @media(max-width:992px){
    .search-form{max-width: 380px;}
  }
  
  @media(max-width:821px){
    .pagination ul.page-numbers{display: flex;}
  }
  @media(max-width:767px){

  .site-logo {width: 180px;}
  .search-form{max-width: 250px;}
    .hero-banner-card .hero-banner-image img{height: 400px;}
    /*new change start*/
    .hero-banner-card .hero-banner-caption{left: 30px; bottom: 90px;}
    .hero-banner-title {  font-size: 26px;  line-height: 32px;}
    /*new change end*/
    body.home .heading {  font-size: 36px;  line-height: 42px;}
    body.home .heading-carousel {  font-size: 36px;  line-height: 42px;}
    body.home p {font-size: 18px;  line-height: 24px;}

    .feature-card-description > .vc_column-inner { padding: 15px 0;}  
    

    .testimonial-card .testimonial-author-image{ max-width: 80px; width: 80px; height: 50px; margin-right: 20px;}

    .signup-card{padding: 290px 0 40px 0; background-position: right 30% bottom 0%;}
    .signup-card .wpb_single_image.wpb_content_element{margin-bottom: 15px;}
    .signup-card .vc_custom_heading{ font-size: 36px; line-height: normal;padding-bottom: 10px;}
    

    .footer-section-logo {order: 1;}
    .footer-section-short-desc {  order: 2;}
    .footer-section-menu { order: 3;}
    .footer-section-social {order: 4;}
    .footer-section-copyright { order: 5;}
    .footer-section-privacy { order: 6;}
    .footer-tagline{padding: 70px 0 0 0;}
    .footer .menu-footer-menu-container {  padding: 67px 0 135px 0;}
    ul.footer-social{padding: 0 0 30px 0;}
    .footer-copyright{padding-bottom: 40px;}

    #membership-wrapper .form-membership .form-element > label{width: 100%;text-align: left;}
    #membership-wrapper .form-membership .element{    margin-left: 0;   width: 100%;}
    .form-membership .form-element .element [id*="togglePasswordProfile"]{top: 47px;}
  }

  @media(max-width:481px){
    body.logged-in #masthead{ height: 100px;} 
    body.home.logged-in .site-content { padding-top: 100px;  }

    
    .header{flex-wrap: wrap;} 
    .site-logo{order: 1; margin: 0;}
    .search-form{max-width: 100%; padding: 0 10px 0 0;}
    .primary-navigation{order: 2;}
    .search-form-wrapper{order: 3;}
    .header-search-bar{margin-bottom: 10px;}

    body:not(.logged-in) .primary-navigation > div > .menu-wrapper li.btn-header-profile{display: none;}
    body:not(.logged-in) .primary-navigation > div > .menu-wrapper > li > .sub-menu{display: none;}
    body:not(.logged-in) .primary-navigation > div > .menu-wrapper li {   margin: 0 0 20px 0;}
    .primary-navigation .primary-menu-container > ul > .btn-header-login > a{height: 40px;}
    .primary-navigation .primary-menu-container > ul > .btn-header-subscribe > a{height: 40px;}
    .menu-button-container{padding: 0;}
    .menu-button-container #primary-mobile-menu .dropdown-icon{font-size: 0;}
    .menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon{ width: 40px;  height: 40px;}
    .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon{top: 4px;}    
  }

  .edit-link { display: none !important; }
  .single-post article ~ #comments{  display: none;}
 

  #show-post-comment-section a {
    text-decoration: underline;
  }
  
  
.login-wrap input[type="text"], .login-wrap input[type="password"]{padding-left:11px !important;}
.comment-form-comment > label{display:none !important;}

/*css add 2024*/

.tag article {
  display: block;
  width: 25%;
  float: left;
  padding: 10px;
  height: 100%;
  margin: 0;
  position: relative;
}
.tag .pagination
{width: 100%;}
.tag h2.entry-title 
{
  line-height: 1.3;
  font-size: 20px;
  overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
   padding: 0 10px;
}
.page-numbers, .prev.page-numbers, .next.page-numbers {
  font-size: 16px !important;
  padding: 10px;
} 
.tag h2.entry-title{min-height:80px;}
#membership-wrapper legend{border-bottom:0px;}
.tag article .entry-header:hover h2.entry-title a
{
  color: var(--black)
}
.tag h2.entry-title a:hover{
  color: var(--black);
}
.tag h2.entry-title a
{
  color:var(--gray)
}
.tag .site-main {
  max-width: 1320px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.tag header.page-header.alignwide {
  margin: 20px 0;
  padding: 20px 0;
  border: none;
}
.tag .post-thumbnail .wp-post-image
{
  margin-top:0;
  border-radius: 6px 6px 0 0px;
  height: 150px !important;
  object-fit: cover;
}
.tag figcaption.wp-caption-text {
  display: none;
}
.tag article .entry-header{
  background-color: var(--bg-light-thin);
  padding-bottom: 10px;
  border-radius: 6px;
}

.tag header.page-header.alignwide h1{
  font-size: 30px;
}
@media (max-width:1199px){
  .tag article{
    width: 33%;
  }
}
@media (max-width:768px){
  .tag article{
    width: 50%;
  }
}
@media (max-width:576px){
  .tag article{
    width: 100%;
  }
}