@import url(../color.css);

.stories-item.swiper-slide figure , .formulary-company-profile-bottom figure {
    position: relative;
}

.stories-item.swiper-slide figure h4.caption_cls , .formulary-company-profile-bottom figure h4.caption_cls {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    margin-top: 27px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 15px;
    background-color: rgb(0 0 0 / 38%);
    border-radius: 0px 0px 22px 22px; 
}
.formulary-company-profile-bottom figure h4.caption_cls
{
    border-radius: 0px; 
}

h4.caption_cls {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: rgb(0, 0, 0);    
    margin-top: 27px;
  
} 

img.img_mar
{
    margin-bottom: 10px;
}

.event_view .text-color{
    color:var(--pink);
}

.features-item figure img{
    float: left;
    width: 100% !important;
   
}
.bi-house{
    padding: 5px;
}

#hap_left-site-ad{
    margin-left: -1055px;
    position: absolute;  
    margin-top: -100px;
}
#hap_right-site-ad{
    margin-left: 655px;
    position: absolute;
    margin-top: -100px;
}
#cp_left-site-ad{
    margin-left: -1055px;
    position: absolute;  
    margin-top: -100px;
}
#cp_right-site-ad{
    margin-left: 655px;
    position: absolute;
    margin-top: -100px;
}

#mpo_left-site-ad{
    margin-left: -1055px;
    position: absolute;  
    margin-top: -100px;
}
#mpo_right-site-ad{
    margin-left: 655px;
    position: absolute;
    margin-top: -100px;
}
#odt_left-site-ad{
    margin-left: -1055px;
    position: absolute;  
    margin-top: -100px;
}
#bp_left-site-ad{
    margin-left: -1055px;
    position: absolute;  
    margin-top: -100px;
}
#bp_right-site-ad{
    margin-left: 655px;
    position: absolute;
    margin-top: -100px;
}
#cw_left-site-ad{
    margin-left: -1055px;
    position: absolute; 
    margin-top: -100px; 
}
#cw_right-site-ad{
    margin-left: 655px;
    position: absolute;
    margin-top: -100px;
}
#lnw_left-site-ad{
    margin-left: -1055px;
    position: absolute;  
    margin-top: -100px;
}
#lnw_right-site-ad{
    margin-left: 655px;
    position: absolute;
    margin-top: -100px;
}
#non_left-site-ad{
    margin-left: -1055px;
    position: absolute;  
    margin-top: -100px;
}
#non_right-site-ad{
    margin-left: 655px;
    position: absolute;
    margin-top: -100px;
}
#odt_right-site-ad{
    margin-left: 655px;
    position: absolute;
    margin-top: -100px;
}
#nut_left-site-ad{
    margin-left: -1055px;
    position: absolute;  
    margin-top: -100px;
}
#nut_right-site-ad{
    margin-left: 655px;
    position: absolute;
    margin-top: -100px;
}
#pen_left-site-ad{
    margin-left: -1055px;
    position: absolute;  
    margin-top: -100px;
}
#pen_right-site-ad{
    margin-left: 655px;
    position: absolute;
    margin-top: -100px;
}
#ink_left-site-ad{
    margin-left: -1055px;
    position: absolute;  
    margin-top: -100px;
}
#ink_right-site-ad{
    margin-left: 655px;
    position: absolute;
    margin-top: -100px;
}
.fromulary-company-heading .stickylink:hover {
    text-decoration: none;
    color: inherit; 
}

.fromulary-company-heading .stickylink {
    text-transform: uppercase !important;  
}
.stickylink:hover {
    text-decoration: none;
    color: inherit; 
}
.ad-bar-top {
    width: 100%;
    height: 350px;
    background-color:black;
}
    
    
.footer-ad{
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 1100px;
    text-align: center;
    background-color: rgb(227, 227, 227);
    z-index: 8;
}
.fromulary-company-profile-bottom figure img {
    border-radius:20px;
}
.breadcrumb-wrap nav ul .bi-chevron-right  {
   font-size: 16px;
}

.breadcrumb-wrap nav ul {    
    column-gap: 10px !important;
}
.breadcrumb-wrap nav ul li{
    padding-right: 0px !important;
}

.list-filter-btn {
   
    padding: 10px 38px 7px 18px !important;
    min-width: 150px;
    min-height: 30px;
}

.breaking-news-list {
    width: 100%;
    position: relative;
    height: 645px !important;
    overflow-y: scroll;
}
body .breaking-news-list-wrap {
   overflow-y: unset !important;
}  
.tranding-news .breaking-news-list {
    width: 100%;
    height: auto;
    overflow: auto;
    height: 645px !important;
    overflow-y: scroll !important;
}

.facebook-icon a{
    content: "\F344"; /* Unicode code point for Facebook icon */
     /* Use the custom font family */
    font-size: 24px; /* Adjust the size as needed */
  }

 .menu-item a i.bi {
    font-size: 0.8rem;
 } 
 .caption_left, .caption_center, .caption_right {
    background-color: #DDDDDD;
    color: #333333;
    font: normal 14px Arial;
    padding-left: 5px;
}

.caption_left, .caption_center, .caption_right {
background-color: #DDDDDD;
color: #333333;
padding: 10px;
}

.caption_left {
float: left;
margin: 0 5px 5px 0;
}

.caption_right {
float: right;
margin: 0 0 5px 5px;
}

.caption_center {
background-color: transparent;
}

.caption_left img, .caption_center img, .caption_right img {
border: 1px solid #000000;

}

/*-------------------------Brand Pages Code start------------------------*/
.mycss li {
    padding-left: 0;
}
.mycss li a:hover
{
    color:var(--pink);
}
.post-type-archive-top-company-brands .dirrectory-listing-col ul li {
    padding: 15px 0;
    width: 100%;
    display: flex;
    border-bottom: 1px solid var(--gray);
    height: 60px;
    line-height: 1.4;
    align-items: center;
    font-size: 14px; 
}


.brand_left_sidebar .directory-listing-accordion-title span {
    display: unset;  
}
.brand_left_sidebar  .directory-listing-accordion-title a {
    text-decoration: none;
    color: rgb(11, 13, 23);
    font-weight: 700;
}
.directory-listing-accordion-title a:hover { 
   color:var(--pink);
}
.brand_left_sidebar.directory-listing-accordion-item.active a
{
   color:rgb(158, 0, 93);
}
.company-personal-accordion.brand_single .ps-3 {
    padding-left: 0;
}
a.brand_left_sidebar.directory-listing-accordion-item {
    display: block;
}

.brand_left_sidebar.directory-listing-accordion-item.active .directory-listing-accordion-title button:after
{
 display:none;
}
.brand_left_sidebar.directory-listing-accordion-item .directory-listing-accordion-title button:after
{
 display:none;
}
.brand_left_sidebar .directory-listing-accordion-title button {  
  padding: 0 5px 0 0;   
} 
.brand_list_c .grid-list .companies-component-content {
    display: grid;
    gap: 20px;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;   
}
.brand_list_c .grid-list .companies-component {
    background-color: var(--white);
    box-shadow: 1px 5px 5px 0 rgba(0,0,0,.08);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}
img.brand_logo_c {
    max-width: 50px;
    width: 100%;
} 
section.dirrectory-list-wrap {
    margin-bottom: 80px;
}
span.brn_owner_brand {
    font-size: 12px;
}


body .row>* {
    padding-left: 0; 
}

.brand-profile-card-fev {
    display: none;
} 

body .row {
 margin-left: 0;
}
/*-------------------------Brand Pages Code end------------------------*/




/*-------------------------Footer Explore Our Brands Logo Css Start------------------------*/
.footer_explore_logo .fx_logos {
    margin-left: 7%;
    margin-right: 0;
}
.footer_explore_logo_wrap h5 {
    margin-left: 7%;
}
@media (max-width: 992px)
{
    .footer_explore_logo .fx_logos {
        margin-left: 0;
        margin-right: 7%; 
    }
    .footer_explore_logo_wrap h5 {
        margin-left: 0;
    }
}

/*-------------------------Footer Logo Css End------------------------*/
 





@media (max-width: 767px) { 
    #commentfrom p, #commentfrom > div {
        width: 100%;
    }


}


/* niraj */
.company-personal-accordion{
    width: 100%;
    padding: 0 15px 20px;
    max-height: 250px;
    overflow-y: auto;
}

.issue-hero-slider-item-wrap .magazine-hero-slider-item{float: left; max-width: 200px; position: relative; border-radius: 20px; overflow: hidden; width: 100%; margin: 5px 15px;}
.magazine-hero-slider-item:hover .issue-hero-slider-thumb::after{background:linear-gradient(to bottom, rgba(0,0,0,.0), var(--black));}

.stories-and-news {
    padding-bottom: 0px !important;
}
.buyer-guide-tab-item-wrap {
    padding-bottom: 0px !important;
}
.prodcast-item-wrap {
    border-bottom: 1px solid var(--gray);
}

.oleos-categories-wrap{
    padding-bottom: 0px !important;
}

@media only screen and (max-width: 767px) {
    .spotlight-section {
        display: none;
    }
    .left-brand-sidebar-wrapper {
        display: none;
    }
    #directory-listing-search-by-ranking {
        display: none;
    }
    .company-personal-accordion{
        padding: 0 0 20px;
        max-height: 250px;
        overflow-y: auto;
    }
    .directory-listing .directory-listing-accordion{
        width: 100%;
        padding-left: 0px
    }
  
}

label.archive-label.clear_filter {
    color: var(--black);
}

body.tax-top-companies-reports .clear-search-btn {
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    margin-left: -30px;
    padding: 0;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

body.tax-top-companies-reports .clear-search-btn:hover {
    color:var(--black);
}

body.tax-top-companies-reports th.top-companies-seles svg {
    display: none;
}
body.tax-top-companies-reports th.top-companies-seles {
    pointer-events: none;
} 


body address {
     line-height: 1.6;
}

body .buyers-guide-f-hero-socials .buyers-guide-f-hero-socials-right span {
      margin-bottom: 0;
}
body .buyers-guide-f-hero-socials .buyers-guide-f-hero-socials-right a.btn-pinik {
    background-color: var(--pink);
    padding: 5px;
    font-size: 14px;
    margin-top: 9px;
}

.breaking-news-list {
    width: 100%;
    position: relative;
    height: 600px !important;
    overflow-y: scroll !important; 
} 

/*--------------Ticket css start------------------*/
.list-filter-btn span {
    text-transfrom: capitalize;
}
/*--------------Ticket css end------------------*/

@media(max-width:767px)
{
   /*-----------------------Right sidbar css Start------------------------*/
     body .prodcast-right-wrap {
        display: none !important; 
    }
    body .right_sidebar {
        display: none;
    }
   body .fromulary-company-add-wrap
   {
    display: none;
   } 
/* Main content wrap to ensure relative positioning */
.main-content-wrap {
    position: relative;
    
}


/*-----------------------Right sidbar css End------------------------*/

}
.right-ad {
    position: relative;   
    float: right; 
     /* padding-left: 20px; */
} 
.left-ad {
    position: relative;    
    float: left; 
    /* padding-right: 20px; */
}
.right-ad, .left-ad {
    transition: top 0.8s ease; /* Adjust the transition duration and timing function as needed */
}
.ad-container {
    position: relative;
    z-index: 5;
}

/* -------------Native Ad Border line ------------- */

.native-ad-border{
    border: none;
    /* border-bottom: 1px solid rgba(0, 0, 0, .125); */
    padding: 30px 10px !important;
}

/*--------------------------------------------Live from Css Start--------------------------------------*/

.header_live_from_shows {
    width: 100%;
}
h1.live_show_title {
    line-height: 1.1;
    margin-bottom: 15px;
}
.top_layer .left {
    width: 25%;
} 
.top_layer .right {
    width: 75%;
}
.live_from {
    border: 4px solid;
    max-width: 282px;
    border-radius: 8px;
    padding: 18px 15px;
    font-size: 34px;
    font-weight: 700;
    display: flex;
    align-items: center;
} 

span.point {
    background-color: var(--pink);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 5px;
}
.live_from .text {
    text-transform: uppercase;
    font-size: 42px;
} 
.top_layer {
    display: flex;
    align-items: center;
}
.header_live_from_shows {
    width: 100%;
    padding: 15px;
}
h1.live_show_title {
    margin-left: 14px;
}
.bottom_layer .my_info {
    display: flex;
    color: var(--pink);
    font-size: 18px;
    line-height: 1.4;
    margin-top: 10px;
    font-weight: 600; 
}
.bottom_layer span.bar {
    margin: 0 10px;
}
.bottom_layer {
    display: flex;
    align-items: center;
}
.bottom_layer .left {
    width: 65%;
} 
.bottom_layer .right { 
    width:35%;
}
.inner_r {
    display: flex;
    float: right;
}

.live_show_logo {
    max-width: 125px;
    width: 100%;
}
.inner_r {
    display: flex;
    float: right;
    align-items: center;
}

.sponsered_by {
    margin-right: 15px;
    font-size: 17px;
    line-height: 1.2;
}
h3.cat_header {
display: flex;
color: var(--pink);
font-size: 26px;
line-height: 1.4;
margin-top: 10px;
font-weight: 600;
}

/*-----------------------------Buyer Guide Start------------------------------*/
 
    .directory-listing-accordion-item.active .directory-listing-accordion-title button:before {
        opacity: 0 !important;
    }
    .directory-listing-accordion-title button.no-child:after
    {
        display: none; 
    }
    .directory-listing-accordion-title button.no-child {       
        padding: 0 15px 0 0;
    }
    #accordionExample.add-scroll {
        height: 450px;
        overflow-y: scroll;
        overflow-x: hidden;
        margin-bottom: 45px;
    }

/*-----------------------------Buyer Guide End------------------------------*/
 
/*--------------------------------------------Live from Css Responsive start---------------------------------------*/
@media(max-width:1200px)
{
    .live_from .text {
        text-transform: uppercase; 
        font-size: 38px;
    }
    .live_from {
        border: 4px solid;
        max-width: 262px; 
    }

.live_from {
    border: 4px solid;
    max-width: 239px;
} 
.live_from .text {
    text-transform: uppercase;
    font-size: 34px;
} 
}


@media(max-width:1020px)
{
    h1.live_show_title {
        font-size: 50px !important;
    }
    
  
    .bottom_layer .my_info {
         font-size: 20px;
        line-height: 1.3;
        margin-top: 5px;      
    }
    .header_live_from_shows button.hamburger {
        float: right; 
        width:40px;
    }
    .header_live_from_shows .container
    {
      padding:0px;
    }
    
    .header_live_from_shows button.hamburger {
        width: 40px;
        position: absolute;
        top: 15px;
        cursor: pointer;
        right: 15px;
    } 
}
@media(max-width:980px)
{
    .live_from .text {
        text-transform: uppercase;
        font-size: 29px;
    }
    .live_from {
        border: 4px solid;
        max-width: 220px; 
        padding: 14px 17px;
    }
    
} 

@media(max-width:880px)
{
    .live_from .text {
        text-transform: uppercase;
        font-size: 26px;
    }
}
@media(max-width:824px)
{
    .live_from .text {
         font-size: 23px;
    }
}





/*
@media(max-width:767px)
{
    .live_from {
        max-width: 140px;
    }
    .header_live_from_shows button.hamburger {        
        position: absolute;
        top: 0;       
        right: 0;
    }

    .top_layer .left {
        width: 25%;
    }
    .top_layer .right {
        width: 75%;
        position: relative;
    }
    h1.live_show_title {
        font-size: 36px !important;
    }
    .live_from .text { 
        font-size: 20px;
        line-height: 1.3;
    }
    .live_from {
          padding: 6px 9px;
    } 
    .bottom_layer .right .inner_r
    {
        display: block;
        margin-top: 10px;
    }
    .bottom_layer .right .inner_r .sponsered_by
    {
      margin-bottom: 9px;
    }
    .bottom_layer .right {
        width: 30%;
    }
    .bottom_layer .left {
        width: 70%;
    }   
} */

/*
@media(max-width:600px)
{
    h1.live_show_title {
        font-size: 24px !important;
    }
    .live_from .text {
        font-size: 16px;
        line-height: 1.3;
    }
    .bottom_layer .my_info {
        font-size: 16px;
    } 

} */

@media(max-width:768px)
{
    .live_from .text {
        font-size: 42px;
        line-height: 1.0;
    }
     .live_from {
        border: 5px solid var(--pink);
        max-width: 294px;
        width: 100%;
        padding: 10px 9px 13px 13px;
        border-radius: 20px;
    }  

    .bottom_layer .my_info {
        display: block;
    }
    span.bar {
        display: none;
    }
    .bottom_layer .my_info {
        font-size: 30px;
        line-height: 1.3;
        margin-top: 5px;
    }  
    .sponsered_by {
        margin-right: 15px;
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 10px;
    } 
    .bottom_layer .right .inner_r {
        display: block;
        float: none;
        margin-top: 14px;
    }

    span.point {
        background-color: var(--pink);
        width: 18px;
        height: 18px;
        border-radius: 50%;
        margin-right: 7px;
    }

    .bottom_layer {
        display: block;
        align-items: center;
    }
  
    .top_layer .left {
        width: 100%;
    }
    .top_layer
    {
        position: relative;
    }
    .top_layer .right {
        width: 100%;
        position: static;
    }
     .top_layer .left {
        width: 100%;
    }
    .bottom_layer .left {
        width: 100%;
    }
    .bottom_layer .right {
        width: 100%;
    }
   
    .top_layer {
        display: block;       
    }    
    h1.live_show_title {
        font-size: 54px !important;
        line-height: 1.2;
        margin-left: 0;
        margin: 13px 0;
    }
    .header_live_from_shows button.hamburger {
        width: 40px;
        position: absolute;
        top: 0px;
        cursor: pointer;
        right: 0px;
    } 

}


@media(max-width:400px)
{
    .header_live_from_shows .container {
        padding: 0;
    }
   h1.live_show_title {
        font-size: 40px !important; 
        line-height: 1.2;
        margin-left: 0;
        margin: 8px 0;
    }
    .sponsered_by {
        margin-right: 15px;
        font-size: 14px;
        line-height: 1.2;
    }
    .bottom_layer .my_info {
        font-size: 24px;
        line-height: 1.3;
        margin-top: 10px;
    }
    .live_from .text {
        font-size: 30px;
        line-height: 1.0;
    }
  .live_from {
        border: 5px solid var(--pink);
        max-width: 220px;
        width: 100%;
        padding: 9px 9px 12px 10px;
        border-radius: 15px;
    }
   
    .sponsered_by {
        margin-right: 15px;
        font-size: 17px;
        line-height: 1.2; 
    }


} 


/*--------------------------------------------Live from Css Responsive end---------------------------------------*/


/*--------------------------------------------Live from Css End---------------------------------------*/

/*-----------------Logo css start --- -------------*/
  
    body .custom-logo {
        max-width: 170px;
        height: auto;
        border: none;
        width: 100%;
    }
   body .footer-logo img {
        max-width: 90px !important;
        width: 100%;
    }
/*-----------------Logo css end --- -------------*/  

/*-------------------footer explore logos start----------------------*/
.fr_explore_logos {
    display: flex;
}
.fx_logos {
    margin-right: 7%;
}
.fr_explore_logos.bottom_row {
    margin-top: 35px; 
}
.footer_site_logo {
    margin-bottom: 25px;
}
@media(max-width:700px)
{
    .fr_explore_logos {
        display: block;
    }
    .fx_logos {
        margin-right: 0;
        margin-top: 25px;
    }
    .fr_explore_logos.bottom_row {
        margin-top: 0;
    }
   

}

/*-------------------footer explore logos ene----------------------*/

/*------------------Buyer Guide start-----------------------*/
.single-distributor-profile .brand-profile-contant-accordion-btn:after
{
    display: none;
}
/*------------------Buyer Guide end-----------------------*/



.p_template_na {
    display: none; 
}
/* ------------------ glossary CSS----------------------- */

.stories-wrap h2 span {
    font-size: 12px;
    line-height: 18px;
    background-color: var(--gray);
    color: var(--ashe);
    padding: 0 6px;
    border-radius: 4px;
}
/*----------------header ad css start----------------------*/
#cw_header-1, #non_header-1, #reports_header-1
{
    margin-top: 29px; 
} 
#hap_header-1
{
  margin-top: 0px; 
}
#cp_header-1
{
  margin-top: 16px;  
}
#bp_header-1
{
    margin-top: 0px; 
}
#nut_header-1
{
    margin-top: 0px;    
}
#odt_header-1
{
    margin-top: 7px;
}
#pen_header-1
{
  margin-top:0px;
}
#ink_header-1
 {
    margin-top:0px; 
 }  
 #mpo_header-1
 {
    margin-top: 5px;
 }
 #lnw_header-1
 {
    margin-top: 25px; 
 }

 .header-main.hap .logo {
    max-width: 75px;
    width: 100%;
} 
.header-main.hap .logo img{
    max-width: 75px;
    width: 100%;
} 
.header-main.hap .main-nav {
    position: relative;
    margin-left: 0;
}
/*-----------------------------------------------Footer Ads start----------------------------------------------------*/





#ink_header-1
 {
    margin-top:0px; 
 }  
 #mpo_header-1
 {
    margin-top: 5px;
 }
 #lnw_header-1
 {
    margin-top: 25px; 
 }
div#hap_footer-1,div#cp_footer-1,div#cw_footer-1,div#non_footer-1,div#reports_footer-1,div#bp_footer-1,div#nut_footer-1,div#odt_footer-1,div#pen_footer-1,div#ink_footer-1,div#mpo_footer-1,div#lnw_footer-1  {
    position: relative;
} 



span.close_footer_add {
    position: absolute;
    z-index: 999999999999;
    top: 0;
    right: 0;
    background-color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 0px 10px;
    font-family: 'Inter';
}



/*----------------------------------------Footer Ads End ---------------------------------------------------*/ 



 /*----------------header ad css end----------------------*/


 /*---------------------------Directory Rotate slider start------------------------------*/
 .directory_rotate .buyer-gide-heading {
    float: unset;
}
.directory_rotate .buyer-gide-heading {
    float: unset;
}
.home_odt .swiper-button-next, .home_odt .swiper-button-prev
{
    color: #f47837; 
}
.mpo_home .swiper-button-next, .mpo_home .swiper-button-prev
{
    color: #1196d3; 
}
.cp_home_contact_services .swiper-button-next, .cp_home_contact_services .swiper-button-prev
{
    color:#e52631;
}

 /*---------------------------Directory Rotate slider end------------------------------*/

 .content-item ul li {
    list-style:initial;
 }
 .bullet_dot_add {
    min-height: 40px;
}
 .bullet_dot_add  a::before{
    content: "\2022";      
    font-size: 20px;        
    position: absolute;     
    display: contents;            
    transform: translateY(-50%);
 }


 @media (max-width: 767px) {
    .formulary-company-profile-top .social {
        width: calc(100% - 80px);
        flex: unset !important;
    }
}
@media (max-width: 767px) {
    .formulary-company-profile-top .company_logo {
        width: calc(100% - 75px);
        flex: unset !important;
    }
}

.companies-card ul li a:hover .c-sidebar-cta__count span{
    color: #fff;
}