@charset "utf-8";

/*~-~-~-~-~-~-~-~-~-~ Custom fonts ~-~-~-~-~-~-~-~-~-~*/
@import url('https://fonts.googleapis.com/css2?family=Anybody:ital,wght@0,100..900;1,100..900&display=swap');


/*~-~-~-~-~-~-~-~-~-~ Custom fonts ~-~-~-~-~-~-~-~-~-~*/
    @font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype'),
        url('../fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight:400;
    font-style: normal;
    font-display: swap;
}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */
:root {
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --body-font:"Anybody", sans-serif;
    --heading-font:"Anybody", sans-serif;
    --nav-font: 'Helvetica';
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL:60px; 
    --f-size-XXL:50px;    
    --f-size-XL: 40px;
    --f-size-L: 30px;    
    --f-size-M:24px;
    --f-size-S: 20px;
    --f-size-SM: 18px;
    --f-size-Body: 16px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
/*    --common-transition: all 0.8s ease;*/
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-sky: #4588C6;
    --clr-white: #fff;
    --clr-black: #000000;    
    --clr-red: #FB0014;
    --clr-dark: #040404;
    --clr-dark2: #222222;
    --clr-dark3: #777777;
    --clr-dark4: #363636;
    --clr-dark5: #191919;
    --clr-yellow: #FFB739;   
    --clr-yellow-light: #fade02;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */
}


/* INPUT TYPE AUTOFILL BACKGROUND AND TEXT COLOR CHANGE DESIGN*/

.newsletter-holder form .form-group input.form-control:-webkit-autofill,
.newsletter-holder form .form-group input.form-control:-webkit-autofill:hover,
.newsletter-holder form .form-group input.form-control:-webkit-autofill:focus,
.newsletter-holder form .form-group input.form-control:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #121A20 inset !important;
  -webkit-text-fill-color:#fff !important;
  transition: background-color 5000s ease-in-out 0s;
}




/* html { overflow-x: hidden; } */
body { font-size: var(--f-size-Body);margin: 0; padding: 0; line-height: 1.4; font-weight: 400; color: var(--clr-dark); transition: var(--common-transition);font-family:var(--body-font);}
h1, h2, h3, h4, h5, h6 { font-family:var(--heading-font); color: var(--clr-dark2); margin: 0 0 20px; padding: 0; line-height: 1.3; font-weight: 700; }

h1 {font-size: var(--f-size-XL);text-transform: uppercase;}
h2 {font-size: var(--f-size-L);text-transform: uppercase;}
h3 {font-size: var(--f-size-M);text-transform: uppercase;}
h4 {font-size: var(--f-size-S);}
h5 {font-size: var(--f-size-SM);}
h6 {font-size: var(--f-size-Body);}
  
p{ margin: 0 0 20px; padding: 0; line-height: 1.5; font-size: var(--f-size-Body);color: var(--clr-dark3); } 
h2 span { color: var(--clr-blue-shade); display: block; font-size: 16px; text-transform: uppercase;}
img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--heading); outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }

textarea, select, .form-control, input { font-family: var(--nav-font); font-size: 16px; padding:16px 20px; background:var(--clr-white); width: 100%; /*border-radius: 10px;*/ border-radius: 0px; margin-bottom: 30px; outline: none !important;  color: var(--clr-dark3);border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); }
textarea { padding: 18.5px 20px; min-height: 120px !important; resize: none; /*border-radius: 10px !important;*/ border-radius: 0px !important;}
input[type="submit"] {font-family: var(--nav-font); background:var(--clr-red) url(../images/rightarrow.svg) no-repeat center;background-position: 90%; color: var(--clr-white); width: auto;  padding: 18px 69px 18px 40px; font-weight: 500; transition: all 0.3s ease 0s; outline: none; letter-spacing: normal; border: 0 none;}
input[type="submit"]:hover {background:#3A8DFF url(../images/rightarrow.svg) no-repeat 90%;}
textarea:focus, select:focus, .form-control:focus, .form-select:focus { outline: none !important; box-shadow: inherit!important; border: 1px solid rgba(0, 0, 0, 0.4); }

select, .form-select { appearance: none; -webkit-appearance: none; font-size: 16px; padding: 17px 20px; background-color: #FDFDFD; /*border-radius: 10px;*/ border-radius: 0px; border:1px solid rgba(0, 0, 0, 0.4); background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: 98% center; color: var(--clr-dark3); }
input:focus, input:focus-visible { outline: none; box-shadow: none; border:1px solid rgba(0, 0, 0, 0.4); }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}
.field-group { margin-bottom: 30px; }

/* --- for placeholder color --- */
input::-moz-placeholder , .form-control::-moz-placeholder { color:var(--clr-dark3); opacity: 1; font-size: 14px; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color:var(--clr-dark3); font-size: 14px;}
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color:var(--clr-dark3);font-size: 14px; }





/* --- for placeholder color --- */

label, .maxchar { margin-bottom: 11px; color: var(--clr-black-primary); font-weight: 500; font-size: var(--f-size-Body);} /* desktop size 18 and mobile size 15 */
  
.common-padding{ padding-top:30px; padding-bottom:30px; }
.small-padding{ /*padding-top: 30px; padding-bottom: 30px;*/ padding-top: 15px; padding-bottom: 15px;} 
.side-padding{ padding-left: 48px; padding-right: 48px; }

.btn, a.btn{ font-family: var(--nav-font); line-height: 1; background:var(--clr-sky); color: var(--clr-white); display:inline-flex; border-radius: 10px; column-gap: 15px; padding: 15px;align-items: center; transition: var(--common-transition);font-size: var(--f-size-Body); font-weight: 500; text-transform: capitalize; border: 0 none;}
.btn:hover{ background:var(--clr-red); color: var(--clr-white);}
.btn.red { background:var(--clr-red);}
.btn.red:hover {background:var(--clr-sky);}
.btn.border{background: transparent; text-transform: uppercase; color: var(--clr-white); border:solid 1px var(--clr-white);}
.btn.border:hover{background: var(--clr-sky); color: var(--clr-white); border:solid 1px var(--clr-sky);}

.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p, .white li{color: var(--clr-white);}
/* .radius-15 img { border-radius: 15px;} */
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

/* -- Header -- */
.headermidd .socialicon { display: flex;  align-items: center; column-gap: 15px;}
/* .dark-mode header { background: var(--clr-black);} */
.dark-light-mode i{ color:var(--clr-white); font-size: var(--f-size-L); /*width: 24px;*/ cursor: pointer;}
.dark-light-mode input.modeToggle {display: none;}
.dark-light-mode label.switch { margin-bottom: 0;}
.dark-light-mode { cursor: pointer;}
.socialicon .dark-light-mode{margin-top: 2px;}
.dark-mode body { background: var(--clr-dark2); color: var(--clr-white);}
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode p, .dark-mode h2 span, .dark-mode .aboutus-holder .aboutus-info p, .dark-mode .musicawardsCards-info p, .dark-mode .articles-details-info ul li{color: var(--clr-white); } 
.dark-mode .specialEvent { background:var(--clr-dark5);}
/*.headerbtm .dark-light-mode { display: none;}*/
.add-sec img { border-radius: 15px;}
.socialicon {/* display: flex; flex-flow: row wrap; column-gap: 15px; justify-content: flex-end;*/}
.header-right .socialicon { display: flex; flex-flow: row wrap; justify-content: flex-end;}
.socialicon li.hdr-tikTok img { width: 15px;}
.header-right .top_button.add-btn .add-icon{display: none;}
/* .mob-dark{display: none;} */
.headerbtm .nav_btn { display: none;}
.login-search .login img, .login-search .search img { filter: brightness(0.25);}
.dark-light-mode.mob-dark .modetext i{color: #404040;}

.header-right .socialicon .dark-light-mode{margin-left: 10px;}
.dark-mode .our-articles-poster-left { border-right: 1px solid rgb(255 255 255 / 40%);}
.dark-mode .our-articles-poster { border: 1px solid rgb(255 255 255 / 40%); background: var(--clr-dark5);}
.dark-mode .trendingNews .trendingNewsitm:not(:last-child) { border-bottom: 1px solid rgb(255 255 255 / 40%);}
.dark-mode .videos-sec-card { box-shadow: 0px 12px 10px 0px rgb(255 255 255 / 10%);    background:var(--clr-dark2);}
.dark-mode .specialEvent-card-info h4, .home-event-sec .event-card-info h4 { color:var(--clr-dark);}
.dark-mode .gallery-holder, .dark-mode .musicawardsCards{ background: var(--clr-dark) !important;}
.dark-mode .infocard, .dark-mode .calendar { background: var(--clr-dark);}
.dark-mode .musicawardsCards-info ul li:before { filter: brightness(0) invert(1);}
.dark-mode .page-template-tpl-awards-offer .add-sec, .dark-mode .page-template-tpl-event-highlights .add-sec {background: var(--clr-dark) !important;}
.dark-mode .newscard { background: var(--clr-dark);}

.dark-mode .careersCard { border: 1px solid var(--clr-black); background: var(--clr-dark5);}
.dark-mode #viewmore .modal-body h4, .dark-mode #viewmore .modal-body h5, .dark-mode #viewmore .modal-body h6 { color: var(--clr-white);}
.dark-mode #msform fieldset { background:var(--clr-dark4);}
.dark-mode .sidemenu ul li a { color: var(--clr-white);}
.dark-mode .woocommerce-MyAccount-content.myaccount-wrapper { background: var(--clr-dark5);}
.dark-mode .sidemenu { border: solid 1px hsl(0deg 0% 100% / 40%);}
.dark-mode .sidemenu ul li a { border-bottom: solid 1px hsl(0deg 0% 100% / 40%);}
.dark-mode body .other-month { color: var(--clr-dark3);}
.dark-mode .swal2-title{ color: var(--clr-dark3);}
/*.dark-mode textarea, .dark-mode select, .dark-mode .form-control, .dark-mode input { background:var(--clr-dark5);    color: var(--clr-white);}*/
.dark-mode .main-footer * { color: var(--clr-dark3) !important;}
.dark-mode .newscard-list-holder .newscard-list { border-bottom: 1px solid rgb(255 255 255 / 20%);}
.dark-mode .card-number h4, .dark-mode .event-card-info h4 { color: var(--clr-dark2);}
.dark-mode .default_method, .dark-mode .dotticonright {  color: var(--clr-dark);}
.dark-mode #viewmore button.btn-close {filter: brightness(0) invert(1);}
.dark-mode .recentVideoslist .videoCard-info { background: var(--clr-dark5);}
.dark-mode .myaddCard { background: var(--clr-dark);}
.dark-mode p#resume_preview { color: var(--clr-black);}
.dark-mode h2.woocommerce-loop-product__title {  color: #000;}
.dark-mode .woocommerce table.shop_table, .dark-mode .woocommerce .woocommerce-customer-details address { border: 1px solid rgb(255 255 255 / 35%);}
.dark-mode .woocommerce table.shop_table tbody th, .dark-mode .woocommerce table.shop_table tfoot td, .dark-mode .woocommerce table.shop_table tfoot th { border-top: 1px solid rgb(255 255 255 / 30%);}
.dark-mode table.woocommerce-orders-table tr, .dark-mode table.woocommerce-orders-table td{border-color: rgb(255 255 255 / 30%);}
.dark-mode table.woocommerce-orders-table { background:transparent; }
table.woocommerce-orders-table { background: var(--clr-white); border: 0 none !important; border-spacing: 0; border-collapse: separate;}
table.woocommerce-orders-table a.button.view {font-family: var(--nav-font)!important; font-weight: 500; font-size: 16px; border-radius: 10px;  background: var(--clr-dark3);color: var(--clr-white);  padding: 15px;  min-width: 117px;   text-align: center;}
table.woocommerce-orders-table a.button.view:hover { background: var(--clr-sky); color: var(--clr-white);}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding: 10px 15px;  vertical-align: middle; }
.woocommerce .dark-mode table.my_account_orders td, .dark-mode .woocommerce table.my_account_orders th { color: var(--clr-white); }
.woocommerce form input.woocommerce-Input { background: #F4F4F6!important; border: 0 none !important; padding: 14px 20px !important; height: 50px !important;}
.successful img { width: 120px;}
.login-holder form.woocommerce-ResetPassword.lost_reset_password { padding: 0; margin-bottom: 20px;}
.login-holder form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first { width: 100%;}
form#msform input.form-control.text-danger { border-color: var(--clr-red);}
form#msform label.text-danger { display: none !important;}

.filearea img { width: 24px;}
.loader_spin img { width: 50px;}
.modal-content {border-radius: 30px;}
.modal-body .careersCard { margin-bottom: 0;}
.modal-body {padding: 0;}
header{/*background: var(--clr-dark);*/ background: var(--clr-yellow-light);}
.login-search { display: flex;  /*column-gap: 15px;*/ column-gap: 12px; align-items: center;}
.top_button .btn.red { padding: 8px 10px; border-radius: 5px; font-size: 15px;}
.main-header .side-padding { padding-left: 60px; padding-right: 60px;}
.header-top img { /*border-radius: 15px;*/ height: auto;}
header.no-banner { background: linear-gradient(287.94deg, rgba(25, 112, 230, 0.65101) 23.1%, #0B29A7 89.93%);}
header.no-banner .main-header {  position: relative;}
.stickyholder { position: relative; z-index: 2;}
.logo img { /*height: 66px;*/ height: 76px;}
.hdr-wrap, .all-holder { display: flex; align-items: center;  justify-content: flex-end;}
.smallview {  display: none;}
.header-sticky .stickyholder { position: fixed; top: 0; left: 0;  right: 0;  z-index: 9;  /*background: var(--clr-dark);*/ background: var(--clr-yellow-light);}
.header-sticky .stickyholder .headermidd, .header-sticky .stickyholder .headerbtm { max-width: 1440px; margin: 0 auto;}
.headerbtm { display: flex; justify-content: space-between; align-items: center;}
.hdr-wrap ul { display: flex; align-items: center; padding: 0; list-style: none; margin: 0; }
.topmenu ul li:not(:last-child), .main-menu ul li:not(:last-child) { /*margin-right:48px;*/ margin-right: 35px;}
.topmenu ul li:hover a,.topmenu ul li.current-menu-item a, .main-menu ul li.current-menu-item a, .main-menu ul li:hover a {color:var(--clr-red);border-bottom: solid 3px var(--clr-red);}
.topmenu ul li a, .main-menu ul li a {font-family: var(--nav-font); /*color: var(--clr-white);*/ color: var(--clr-dark4); font-size: var(--f-size-Body);font-weight: 400; border-bottom: solid 3px transparent; display: inline-block;}
.topmenu ul li a{ padding-bottom: 25px;}
.main-menu ul li a{ /*padding-bottom: 34px;*/ padding-bottom: 20px; text-transform: uppercase;}
.small-logo { width: 120px; margin: 0 auto 20px; background: var(--clr-sky); height: 120px; display: flex; align-items: center; justify-content: center; padding: 20px; border-radius: 50%; }

#modetext-mob { display: inline-block; vertical-align: middle;  padding-top: 5px;}
.main-menu .hdr-btn{display: none;}
.main-header.no-banner { background: var(--clr-light-blue); position: relative;}
.hdr-btn {  display: flex; column-gap: 20px;margin: 0 15px; flex-wrap: wrap; align-items: center;}
.topmenu ul, .main-menu ul {display: flex;}
.headermidd{ display: flex; align-items: center; justify-content: space-between; border-top: solid 1px rgb(255 255 255 / 30%); border-bottom: solid 1px rgb(255 255 255 / 30%); padding-top: 14px; padding-bottom: 14px;}
.headerbtm{ padding-top: 12px; padding-bottom: 12px; border-top: solid 1px rgb(255 255 255 / 30%);}
.header-right .socialicon { margin-top: 8px;}

/*.headermidd, .headerbtm, .max-search { max-width: 1406px; margin: auto;}*/

ul {margin: 0;padding: 0; list-style: none;}
#searchBtnBar { background: transparent; border: 0 none; outline: 0 none; color: #fff; /*font-size: 40px;*/ height: 34px;}
#bgSearchBar { display: flex; align-items: center; column-gap: 15px;  max-width: 600px;  justify-content: center;margin-right: 60px; margin-left: auto;  padding: 10px 0; display: flex !important;}
#bgSearchBar input.searchField { margin-bottom: 0;}
.search-bar-container { background: var(--clr-dark); display: none;}
.search-bar-container .max-search {margin: 0 auto; max-width: 1450px; }
.socialicon ul { display: flex; align-items: center; /*column-gap: 15px;*/ column-gap: 10px; list-style: none !important; padding-left: 0 !important;}
.socialicon ul li a { color: var(--clr-white); border: solid 1px var(--clr-white);  width: 35px;  height: 35px; display: flex; align-items: center; justify-content: center;  border-radius: 50%;}
.socialicon ul li:hover a { color: var(--clr-white); border: solid 1px var(--clr-red); background: var(--clr-red);}
.mobileview{opacity: 0; height: 0;}
/* dropdown */



li.menu-item-has-children{position: relative;display: inline-block;}
.main-menu ul li.menu-item-has-children a{margin-right: 15px;}
li.menu-item-has-children::after { position: absolute; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; /*font-size: 17px;*/ font-size: 12px; margin-left: 15px; /*color: var(--clr-white);*/ color: var(--clr-dark4); transition: 0.3s ease-in; /*top: 4px; right: -10px;*/ top: 4px; right: 0px;}
.hdr-menu .main-menu ul li.menu-item-has-children a:hover::after{display: none;}
li.menu-item-has-children > ul.sub-menu {display: none; position: absolute; /*background: #FFF;*/ background: var(--clr-yellow-light); box-shadow: 0px 0px 10px 0px rgba(46, 45, 45, 0.25);/*min-width: 430px;*/ min-width: 230px; z-index: 1;margin-top: 0px; border-radius: 0px; top: 45px; left: 0; overflow: hidden;}
li.menu-item-has-children > ul.sub-menu li{margin-right: 0;}
li.menu-item-has-children > ul.sub-menu li:hover{/*background: linear-gradient(86.89deg, #3A8DFF 0.83%, #2C70D9 69.23%);*/ background-color: var(--clr-red);}
li.menu-item-has-children > ul.sub-menu li:hover a{color: var(--clr-white) !important;}
li.menu-item-has-children ul.sub-menu a{display: block; /*color: var(--clr-black-primary);*/ color:var(--clr-dark4); margin-right: 0; /*padding: 20px 28px;*/ padding: 10px 15px; border: none;}
li.menu-item-has-children > ul.sub-menu > li:hover > a{background-color: var(--yellow) !important;color: var(--black); }
li.menu-item-has-children > ul.sub-menu > li > a{border: none;border-bottom: 1px solid #8F8C82B2; }
li.menu-item-has-children:hover ul.sub-menu {display: block;}
li.menu-item-has-children:hover::after{transform: rotate(180deg);}
li.menu-item-has-children ul.sub-menu li{margin-right: 0;width: 100%;padding: 0;margin: 0;}
li.menu-item-has-children ul.sub-menu li:last-child{border: 0 none;margin: 0; border-radius:0 0;}
li.menu-item-has-children ul.sub-menu li:first-child{border-radius: 0 0;}
li.menu-item-has-children ul.sub-menu li:last-child a{border:0 none;}
.minus, .plus {display: none;}

ul.sub-menu li.current-menu-item a{/*background: linear-gradient(86.89deg, #3A8DFF 0.83%, #2C70D9 69.23%);*/ background-color: var(--clr-red); color: #fff !important;}
.main-menu ul li.current-menu-parent>a, .main-menu ul li.menu-item-has-children.current-menu-parent::after, .main-menu ul li:hover.menu-item-has-children::after{color: var(--clr-red);}
.dark-mode li.menu-item-has-children > ul.sub-menu{/*background: #222222;*/ background: var(--clr-yellow-light);}


/* dropdown */


 @keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
} 

/* -- Header -- */

/* -- Banner -- */
.titletag {text-transform: uppercase; border: 2px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.12); border-radius: 10px; padding:11px 15px 8px 15px; color: var(--clr-white); display: inline-flex; margin-bottom: 30px; }
.header-sticky .homebanner, .header-sticky .applicationform-holder, .header-sticky .myaccount-holder{ margin-top: 167px;}
.home-banner-holder img { width: 100%; height: 100%; object-fit: cover;position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.homebanner .draggable { padding: 0 !important;}
.home-banner-holder { position: relative; padding-bottom: 31%; }
.home-banner-holder:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 1; background: linear-gradient(81.49deg, rgba(2, 16, 29, 0.3) 4.03%, rgba(2, 16, 29, 0.7) 83.12%); }
.banner-cnt { position: absolute; bottom: 50px; /*left: 335px*/; max-width: 630px; width: 100%; z-index: 1; }
.banner-cnt h2, .banner-cnt p { color: var(--clr-white);}
/*span.headphone img {height: 16px;}*/

.homebanner .slick-prev, .homebanner .slick-next{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;bottom: 0;top: 50%;border: 1px solid var(--clr-white);background: transparent;  border-radius: 50%;z-index: 1;opacity: 1;}
.homebanner .slick-prev:hover, .homebanner .slick-next:hover{/*border: 1px solid var(--clr-red); background: var(--clr-red);*/ border-color: #df6d76; background: #dc0314 !important;}
.homebanner .slick-prev{/*left: 250px;*/ left: 115px; background: var(--clr-red) !important;}
.homebanner .slick-prev::before{content: '';background: url(../images/prev-icon.svg);background-position: center; background-size: contain;background-repeat: no-repeat;position: absolute;height:20px;width: 20px;opacity: 1;filter: brightness(1);}
.homebanner .slick-next{/*right:250px;*/ right: 115px; left: auto; background: var(--clr-red) !important; }
.homebanner .slick-next::before{content: '';background: url(../images/next-icon.svg);background-position: center; background-size: contain;background-repeat: no-repeat;position: absolute;height:20px;width: 20px;opacity: 1;filter: brightness(1);}
.homebanner  ul.slick-dots { bottom: 25px;}
/* -- Banner -- */
/* -- IRIE FM -- */
.irifSLholder { /*border-radius: 20px;*/ /*height: 600px;*/ height: 450px; padding: 27px;color: #fff; margin-bottom:50px; background-size: cover !important; background-position: bottom center !important;}
.irifSL {/*border-radius: 15px;*/ padding: 30px; text-align: center; background: rgba(0, 0, 0, 0.7); height:85%;  box-shadow: 0px 2px 20px 0px rgba(170, 170, 170, 0.15); display: flex;    align-items: center; justify-content: center;}
.irifSL:before{position: absolute; border-radius: 15px; left: 15px;top: 15px;right: 15px; bottom: 15px; content: ""; border: solid 1px #BFBBA3;}
.irifSLholder h4, .irifSLholder h5, .irifSL p{color: var(--clr-white);}
.irifSL .slick-dots { bottom: -100px;}
.irifSLholder h5{text-transform: uppercase;}
/* -- IRIE FM -- */
/*------------------------NEW CSS ADDED------------------------*/
.left-sidelist .recentpostcard:not(:last-child) { margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 20px;padding-bottom: 10px;}
.recentpostcard .newscard-img { padding-bottom: 50%;}
.recentpostcard .newscard-info { padding: 10px 0;}
.recentpostcard .newscard-info h4, .recentpostcard .newscard-info h6{margin-bottom: 10px;}
.recentpostcard .newscard-info p{margin-bottom: 0;}
.titlecenter {
    display: flex; text-align: center;
    align-items: center;
    justify-content: center;
    /*min-height: 475px;*/
    min-height: 370px;
}
/*------------------------NEW CSS ADDED------------------------*/ 
/* -- Our articles -- */
.ourarticlessl { /*border-radius: 30px;*/ background: rgba(36, 104, 166, 1); padding:40px 20px; display: flex; align-items: center; justify-content: center; position: relative;}
.ourarticlessl:before{position: absolute; /*border-radius: 15px;*/ left: 15px;top: 15px;right: 15px; bottom: 15px; content: ""; border: solid 1px var(--clr-white);}
.ourarticlessl h2{margin-bottom: 0; color: var(--clr-white); font-style: italic;}
.ourarticlessl h2 strong{font-size: var(--f-size-XXL); font-style: normal;}
.ourarticlessl h3{margin-bottom: 0; font-style: italic;}
.ourarticlessl h3 strong{font-size: var(--f-size-XL); font-style: normal; display: block;}
/* -- Our articles -- */
/* -- posterSLone -- */
.our-articles-poster { display: flex; border-radius: 25px;  border: 1px solid rgba(0, 0, 0, 0.4);}
.our-articles-poster-left {border-right: 1px solid rgba(0, 0, 0, 0.4);  padding: 30px; width:57%;}
.posterSLone-item-info h3 {display: -webkit-box; text-transform: capitalize; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height: 1; text-overflow: ellipsis; } 
.posterSLone-item-info p {display: -webkit-box; text-transform: capitalize; -webkit-line-clamp: 2; color: var(--clr-dark3); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.posterSLone-item-info h6{font-weight: 500; text-transform: capitalize;} 
.posterSLone-item-img { position: relative; margin-bottom: 20px; /*border-radius: 15px;*/ overflow: hidden; padding-bottom: 67%; } 
.posterSLone-item-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.trendingNewsitm h4{display: -webkit-box; text-transform: capitalize; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; text-overflow: ellipsis; }
.trendingNewsitm p{color: var(--clr-dark3);margin-bottom: 10px;}
.trendingNews .trendingNewsitm:not(:last-child){ border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 20px;margin-bottom: 20px; }
.newsSl .slick-prev, .newsSl .slick-next { top: 23%;}
.our-articles-poster-right { padding: 20px 0 0; width: 43%;}
.newsSl-item-img { position: relative; margin-bottom: 20px; border-radius: 0px; overflow: hidden; padding-bottom:50%; } 
.newsSl-item-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.newsSl-item-info p{display: -webkit-box; text-transform: capitalize; -webkit-line-clamp: 2; color: var(--clr-dark3); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.newsSl { margin: 0 30px 20px;}
.postersports {padding:0px 20px;}
.postersports.entertainments { padding-bottom: 20px;}
.newsSl-item-info h4 { margin-bottom: 5px;}

.irifSL a{display: block !important;}
.irifSLitemimg { position: relative; padding-bottom: 160%; overflow: hidden;}
.irifSLitemimg img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center;}

/* -- posterSLone -- */


.slick-prev, .slick-next{width:40px;height: 40px;display: flex;align-items: center;justify-content: center;bottom: 0;top: 50%;background:var(--clr-white)!important;  border-radius: 50%;z-index: 1;opacity: 1;}
.slick-prev:hover, .slick-next:hover{background:var(--clr-sky)!important;}
.slick-prev:hover:before, .slick-next:hover:before{filter: brightness(1);}
.slick-prev{left: -27px;}
.slick-prev::before{content: '';background: url(../images/prev-icon.svg);background-position: center; background-size: contain;background-repeat: no-repeat;position: absolute;height:15px;width: 15px;opacity: 1;filter: brightness(0);}
.slick-next{right:-27px;left: auto;}
.slick-next::before{content: '';background: url(../images/next-icon.svg);background-position: center; background-size: contain;background-repeat: no-repeat;position: absolute;height:15px;width: 15px;opacity: 1;filter: brightness(0);}

.dark-mode .slick-prev, .dark-mode .slick-next{background: var(--clr-dark) !important;}
.dark-mode .slick-prev::before, .dark-mode .slick-next::before{filter: brightness(1);}

/*--Our latest videos--*/
.videos-sec-card { box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.1); /*border-radius: 15px;*/}
.videos-sec-card-img { position: relative; /*border-radius: 15px 15px 0 0;*/ overflow: hidden; padding-bottom: 70%; } 
.videos-sec-card-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.videos-sec-card-img .playbtn { position: absolute; top: 0; left: 0; right: 0; z-index: 1; bottom: 0; display: flex; align-items: center; justify-content: center; }
.videos-sec-card:hover .videos-sec-card-info { border-color:var(--clr-red);}
.videos-sec-card:hover .videos-sec-card-info h4 a{ color:var(--clr-red);}
.videos-sec-card-img .playbtn img{width: 64px; height: 45px; position: initial;}
.videos-sec-card-info { padding: 30px; border: solid 2px transparent; /*border-radius: 0 0 15px 15px;*/ border-top: 0; }
.videos-sec-card-info h4 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.videos-sec-card-info p {margin-bottom: 0; display: -webkit-box; text-transform: capitalize; -webkit-line-clamp: 2; color: var(--clr-dark3); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.tabscenter { background: #E6E6E6; display: inline-flex; align-items: center; justify-content: center; padding: 12px 8px; /*border-radius: 50px;*/ margin-bottom: 30px; }
.tabscenter .nav-link.active { background: var(--clr-red); color:  var(--clr-white); }
.tabscenter .nav-link { /*border-radius: 50px;*/ color:  var(--clr-dark2);font-weight: 700;}

.videoModal .modal-body { padding: 0; position: relative; padding-bottom: 59%;}
.videoModal button.btn-close { position: absolute; right: -15px; top: -15px; opacity: 1; z-index: 9; background-color: #fff; width: 24px; height: 24px; border-radius: 50px;}
.videoModal .modal-body video { border-radius: 8px; margin-bottom: -9px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}
.video_iframe {  position: relative; padding-bottom: 65%;}
.video_iframe iframe { position: absolute; top: 0;right: 0; left: 0;bottom: 0; width: 100% !important; height: 100% !important; object-fit: cover;}
.modal-body.iframe_video{ padding-bottom: inherit;}
/*--Our latest videos--*/
/*--specialEvent--*/
.specialEvent { background: #EEEEEE;}
.customsize { display: flex;}
.customsize-left { width: 84%;}
.SPevent-card { padding: 0 12px;}
.specialEventSL .slick-next { right:12px; left: auto; top: -60px;}
.specialEventSL .slick-prev { right: 65px; top: -60px;left: auto;}
.specialEventSL .slick-list.draggable{padding: 0 !important;}

.specialEvent-card{margin-bottom: 40px; padding: 0 12px;}
.specialEvent-card-img { position: relative; border-radius: 15px 15px 0 0; overflow: hidden; padding-bottom: 82%; } 
.specialEvent-card-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.specialEvent-card-img .playbtn { position: absolute; top: 0; left: 0; right: 0; z-index: 1; bottom: 0; display: flex; align-items: center; justify-content: center; }
.specialEvent-card-info { padding: 25px 30px; background: var(--clr-white); position: relative;}
.specialEvent-card-info:after {position: absolute; left: 0; right: 0; bottom: -6px; content: ""; background: url(../images/shape.svg); height: 7px; transform: rotate(180deg);}
.specialEvent-card a.btn { width: 100%; text-align: center; justify-content: center; padding: 40px 20px; border-radius: 0 0 15px 15px; }
.specialEvent-card-info h4 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px;}
.specialEvent-card-info p { margin-bottom: 0; display: -webkit-box; text-transform: capitalize; -webkit-line-clamp: 2; color: var(--clr-dark3); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.customsize-right { padding-top: 59px; width: calc(100% - 84%);}
.recentnews {border-radius: 15px; margin: 0 0 30px;}
.recentnews-img { position: relative; /*border-radius: 15px 15px 0 0;*/ overflow: hidden; padding-bottom:135%; } 
.recentnews-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.recentnews-img .playbtn { position: absolute; top: 0; left: 0; right: 0; z-index: 1; bottom: 0; display: flex; align-items: center; justify-content: center; }
.recentnews-info h5 a{ color:var(--clr-white); text-transform: capitalize;}
.recentnews-info { padding: 15px; background:var(--clr-red); /*border-radius:0 0 15px 15px;*/}
.recentnews .showtime { position: absolute; top: 40px; bottom: inherit; display: flex; justify-content: space-between; left: 30px; right: 30px; }
/*--specialEvent--*/

/*--Our free radio--*/
.freeaudio-sec {  background: var(--clr-dark);}
.audiolist-itms {  display: flex; column-gap: 15px;}
.audiolist-itms:not(:last-child) { border-bottom: solid 1px rgb(255 255 255 / 40%); padding-bottom: 20px; margin-bottom: 20px;}
.audiolist-itms-poster {  min-width: 150px; max-width: 150px; }
.audiolist-itms-info p { margin-bottom: 10px; color: var(--clr-yellow); text-transform: uppercase;}
.audiolist-itms-info .playnow{display: flex; align-items: center; column-gap: 15px; color: var(--clr-white);}
.audiolist-itms-info .playnow i{ font-size: 20px; color: #595959;}
.audiolist-itms-info h4 a{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.audiolist-itms:hover h4 a, .audiolist-itms:hover .audiolist-itms-info .playnow i{color: var(--clr-red);}
.audiolist-itms .audiolist-itms-poster img { aspect-ratio: 1/1.17; object-fit: cover;}

/*--Our free radio--*/

/* -- Programme -- */
.discussion-left h2 strong { line-height: 1; font-size: var(--f-size-XXXL); font-style: italic; color: var(--clr-yellow);}
.discussion-left h4 { font-style: italic; font-weight: 400;}
.discussion-left h3 { font-style: italic;font-size: var(--f-size-XL);margin-bottom: 0;}
#countdown h2 { display: inline-flex; column-gap: 15px; margin-bottom: 30px; padding: 10px 30px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(100px); border-radius: 15px; line-height: 1; font-style: italic; }
#countdown h2 span{font-size: var(--f-size-XL);}
.discussion-right ul { display: inline-flex; column-gap: 15px; margin-bottom: 30px; padding: 20px 30px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(100px); border-radius: 15px; line-height: 1; font-style: italic; }
.discussion-holder .row {    display: flex;    align-items: flex-end;}
.discussion-right {  text-align: right;}
.discussion-right h4{font-style: italic; text-transform: uppercase; color: var(--clr-yellow);}
.discussion-right ul li:not(:last-child) { border-right: solid 1px #fff; padding-right: 15px;}
.discussion-right ul li{ font-size: var(--f-size-S);}


/* .event-card {border-radius: 15px;} */
.event-card-img { position: relative; /*border-radius: 15px 15px 0 0;*/ overflow: hidden; padding-bottom: 82%; } 
.event-card-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%!important; height: 100% !important; object-fit: cover !important; object-position: top;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float: left; margin: 0 3.8% 0 0;padding: 0;position: relative; width: 21%; margin-left: 0; height: 100% !important; object-fit: cover; }
.event-card-img .playbtn { position: absolute; top: 0; left: 0; right: 0; z-index: 1; bottom: 0; display: flex; align-items: center; justify-content: center; }
.event-card:hover .event-card-info { background:var(--clr-red);}
.event-card:hover .event-card-info h4 a, 
.event-card:hover .event-card-info h4, 
.event-card:hover .event-card-info p, 
.event-card:hover .event-card-info strong, 
.event-card:hover .event-card-info h2{ color:var(--clr-white);}
.event-card-info { padding: 25px 30px; background: #EEEEEE; /*border-radius:0 0 15px 15px;*/}
.showtime { position: absolute; bottom: 0; display: flex; justify-content: space-between; left: 30px; right: 30px; }
.event-card-info p{color: var(--clr-dark3); margin-bottom: 0;}
.event-card-info p strong{color: var(--clr-dark2);}
.showtime p span { display: block; font-weight: bold; }
.showtime p:last-child{text-align: right;}
.titlewrapper{ display: flex; align-items: center; justify-content: space-between; }
.titlewrapper h2{margin-bottom: 0;}
/* -- Programme -- */

/* -- Inner Banner -- */
.innerBanner .home-banner-holder {padding-bottom: 26%; overflow: hidden; min-height: auto; align-items: center;}
.innerBanner .banner-cnt { max-width: 630px; top: 50%; bottom: inherit; transform: translateY(-50%);}
.innerBanner .banner-cnt p{ color: var(--clr-white); margin-bottom: 0;}
.header-sticky .innerBanner { margin-top: 180px;}
/* -- Inner Banner -- */

/* -- Event & Details -- */
.eventCard{background: var(--clr-white); margin-bottom: 50px;box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 15px;}
.eventCard-img { position: relative; border-radius: 15px; overflow: hidden; padding-bottom:70%; margin-bottom: 20px; } 
.eventCard-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.eventCard-info h4 a { margin-bottom: 0; display: -webkit-box;   text-transform: capitalize;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;    overflow: hidden; text-overflow: ellipsis;}
.eventCard-info { padding: 30px;}
.eventCard-info p {  display: -webkit-box;  text-transform: capitalize;  -webkit-line-clamp: 1;  color: var(--clr-dark3);  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
a.tickets { line-height: 1; color: var(--clr-red); font-weight: 700; display:flex; column-gap: 15px;}
a.tickets:hover { color: var(--clr-black);}
a.tickets:hover img {  filter: brightness(0);}
.postholder { display: flex; flex-wrap: wrap; column-gap: 16px;}
.eventimg { position: relative; border-radius: 15px; overflow: hidden; padding-bottom:49%; margin-bottom: 20px; } 
.eventimg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.eventimginfo { background: var(--clr-white); box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 15px; padding:68px 50px;margin-bottom: 20px; height: calc(100% - 24px);}
.eventimginfo h4 a { margin-bottom: 0;}
.eventimginfo p, .eventimginfo h4 a { display: -webkit-box; text-transform: capitalize; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;    text-overflow: ellipsis;}
.eventimginfo p{color: var(--clr-dark3);}


.shortEvent-info {background: var(--clr-white); box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.1);  border-radius: 15px;  padding: 28px 30px;  margin-bottom: 24px;}
.shortEvent-info p { display: -webkit-box;  text-transform: capitalize;  -webkit-line-clamp: 2;  color: var(--clr-dark3);  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.upcevents-info { border:solid 1px hsl(0deg 0% 0% / 40%); padding: 28px;  border-radius: 20px;}
.upcevents-info h4{ font-weight: 600;display: -webkit-box;  text-transform: capitalize; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;    text-overflow: ellipsis;}
.upcevents-info p{display: -webkit-box;  text-transform: capitalize; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;    text-overflow: ellipsis;}
.upcevents-img { position: relative; border-radius: 15px; overflow: hidden; padding-bottom:56%; margin-bottom: 20px; } 
.upcevents-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.shortEvent-info h4{margin-bottom: 5px; display: -webkit-box;   text-transform: capitalize;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;    overflow: hidden; text-overflow: ellipsis;}
.event-details h2, .recenteventslists h3{text-transform: capitalize;}
.sideadd img { width: 100%;}
.event-details h2, .event-details h4{margin-bottom: 50px;}
.event-details h5{margin-top: 50px;}
.event-details .staff { padding: 26px 25px; margin: 50px 0;}
.event-details .staff .socialicon ul li a { width: 60px; height: 60px; font-size: var(--f-size-S); }
.event-details p { color: var(--clr-dark3); }
.eventtimeinfo { border-radius: 25px; background: #EEEEEE; padding: 40px;margin-bottom: 50px; } 
.eventtimeinfo ul { margin: 0; padding: 0; line-height: normal; display: flex; } 
.eventtimeinfo ul li:last-child{margin-right: 0;} 
.eventtimeinfo ul li{ display: flex; column-gap: 20px; margin-right: 20px; } 
.eventtimeinfo ul li i { font-size: 30px; color: var(--clr-red); } 
.eventtimeinfo ul li h4  {margin-bottom: 0;} 
.eventtimeinfo ul li h4 span { display: block; font-size: var(--f-size-Body); text-transform: uppercase; font-weight: 400; color: var(--clr-dark2); } 
.w-33 a.btn.red { min-width: 415px; justify-content: center; } 
.musicawardsCards-info ul li { position: relative;color: var(--clr-dark3); display: block; padding: 10px 0 10px 30px; } 
.musicawardsCards-info p{color: var(--clr-black);} 
.musicawardsCards-info ul li:before { position: absolute; left: 0; top: 12px; content: ""; background: url(../images/tick-icon.png); width: 18px; height: 18px; } 
.musicawardsCards .row:not(:last-child) { margin-bottom: 50px;} 
.paymentTicket { display: flex; align-items: center; column-gap: 30px; border: solid 1px hsl(0deg 0% 0% / 40%); padding: 20px; border-radius: 15px; max-width: 1146px; margin: 50px auto; background: var(--clr-white); } 
.paymentTicket .paymentTicketImg { max-width: 343px;} 
.paymentTicket-info h3  { color: var(--clr-red);margin-bottom: 0;} 
.paymentTicket-info h3 sub { font-size: 20px; bottom: 0; text-transform: capitalize;} 
.customradio-wrapper { border: solid 1px hsl(0deg 0% 0% / 40%); padding: 20px; border-radius: 15px; background: #fff; max-width: 335px; } 
.customradio-wrapper .customradio:last-child label { margin-bottom: 0; } 
.customradio [type="radio"]:checked, .customradio [type="radio"]:not(:checked) { position: absolute; left: -9999px; } 
.customradio [type="radio"]:checked + label, .customradio [type="radio"]:not(:checked) + label { position: relative;padding: 3px 0 10px 35px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } 
.customradio [type="radio"]:checked + label:before, .customradio [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 26px; height: 26px; border: 2px solid var(--clr-red); border-radius: 100%; background: #fff; } 
.customradio [type="radio"]:checked + label:after, .customradio [type="radio"]:not(:checked) + label:after { content: ''; width: 16px; height: 16px; background:var(--clr-red); position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } 
.customradio [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 
.customradio [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.customradio-holder .form-group { display: block; margin-bottom: 15px; }
.customradio-holder .form-group input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.customradio-holder .form-group label { position: relative; cursor: pointer; }
.customradio-holder .form-group label:before { content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid var(--clr-red); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; }
.customradio-holder .form-group input:checked + label:after { content: ''; display: block; position: absolute; top: 2px; left: 9px; width: 6px; height: 14px; border: solid var(--clr-red); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.customradio-holder label span{ color: var(--clr-red);}
.customradio-holder { margin-bottom: 10px;}

.wpem-single-event-ticket-information .wpem-event-ticket-info-title {
    background: none;
    padding: 20px 20px 10px 0;
}
.dark-mode .wpem-event-organizer-name {
    color: var(--clr-white);
}


/* -- Event & Details -- */


/*---------step-------------*/ 
.choose-file { font-size: 16px; padding: 16px 20px; background: var(--clr-white); width: 100%; border-radius: 10px; margin-bottom: 30px; outline: none !important; color: var(--clr-dark); border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); text-align: center;min-height: 162px; display: flex;  align-items: center; justify-content: center; position: relative;}
.choose-file input.form-control { position: absolute; opacity: 0; left: 0; right: 0; bottom: 0; top: 0; cursor: pointer; }
.filearea p { margin-top: 20px;}
input.btn-submit.border { background: var(--clr-white) url(../images/rightarrow-red.svg) no-repeat center; background-position: 80%; color: var(--clr-red); width: auto; padding: 18px 69px 18px 40px; font-weight: 500; transition: all 0.3s ease 0s; outline: none; letter-spacing: normal; border:solid 1px var(--clr-red) !important; }
.step-btn-holder { display: flex; align-items: center; justify-content: center; column-gap: 20px; } 
.addon { background: #fff; padding: 10px 15px; border-radius: 10px; border: solid 1px var(--clr-red); color: var(--clr-red)!important; } 
.addnow { margin-bottom: 30px;    text-align: left; }
.customradioinner { display: flex; align-items: center; column-gap: 20px; } 
#msform fieldset h4.title, #msform fieldset label { text-align: left !important; display: block; text-transform: capitalize; }
.connecting-line {height: 1px; border-bottom: dashed 1px var(--clr-sky);position: absolute;width:75%;margin: 0 auto; left: 0; right: 0; top: 26px; z-index: -2; } 
.wizard-inner { position: relative;max-width: 513px; margin: 0 auto 50px;text-align: center; } 
#msform {  position: relative;  margin-top: 20px;}
#msform fieldset .form-card { background: white; border: 0 none; border-radius: 0px; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2); padding: 20px 40px 30px 40px; box-sizing: border-box; width: 94%; margin: 0 3% 20px 3%; position: relative; }
#msform fieldset {    text-align: center; border-radius: 15px; background: #EEEEEE; padding: 30px; }
#msform fieldset:not(:first-of-type) { display: none; }
#msform fieldset .form-card { text-align: left; color: #9E9E9E; }
#msform input:focus, #msform textarea:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none; font-weight: 500; border-bottom: 2px solid skyblue; outline-width: 0; }
#msform .action-button {    background: var(--clr-red) url(../images/rightarrow.svg) no-repeat center; background-position: 80%; color: var(--clr-white); width: auto; margin: 0 10px; padding: 18px 69px 18px 40px; font-weight: 500; transition: all 0.3s ease 0s; outline: none; letter-spacing: normal; border: 0 none; } #msform .action-button:hover, #msform .action-button:focus { background: #3A8DFF url(../images/rightarrow.svg) no-repeat 80%; } 
#msform .action-button-previous {/*background: var(--clr-white) url(../images/rightarrow-red.svg) no-repeat center;*/ background: var(--clr-white) url(../images/previous-arrow-red.svg) no-repeat center; /*background-position: 80%;*/ background-position: 15%; margin: 0 10px; color: var(--clr-red); width: auto; /*padding: 18px 69px 18px 40px;*/ padding: 18px 40px 18px 69px; font-weight: 500; transition: all 0.3s ease 0s; outline: none; letter-spacing: normal; border: solid 1px var(--clr-red) !important; } 
#msform .action-button-previous:hover, #msform .action-button-previous:focus { /*background: var(--clr-red) url(../images/rightarrow.svg) no-repeat 80%;*/ background: var(--clr-red) url(../images/previous-arrow.svg) no-repeat 15%; color: var(--clr-white); } 
#progressbar { margin-bottom: 30px; overflow: hidden;display: flex; position: relative; max-width: 513px; margin: 0 auto; text-align: center; } 
#progressbar .active { color: #000000; } 
#progressbar li { list-style-type: none; font-size: 12px; width: 25%; position: relative; }
#progressbar #account:before { content: "1"; } 
#progressbar #personal:before { content: "2"; }
#progressbar #payment:before { content: "3"; } 
#progressbar #confirm:before { content: "4"; }
#progressbar li:before { width: 27px; height: 27px; line-height: 27px; display: block; font-size: 18px; color: #ffffff; background: #555; border-radius: 50%; margin: 13px auto; padding: 2px; } 
#progressbar li:after { width: 41px; height: 41px; margin: 20px auto; border-radius: 100%; padding: 0; background-color: #fff; position: absolute; top:-14px; left: 0; right: 0; border: 1px solid #555555; z-index: -1; content: ""; display: inherit; } 
#progressbar li strong { font-size: var(--f-size-Body); color: var(--clr-dark3); font-weight: 400; margin-top: 20px; display: block; } 
#progressbar li.active:before{ background:var(--clr-sky) url(../images/small-check.svg) no-repeat 53%; font-size: 0; color: #fff; border-color: var(--clr-sky); } 
.successful h3 { margin-top: 20px; }

/*---------step-------------*/ 

.input-holder { display: flex;    column-gap: 15px;}
.input-holder .form-group {  width: 50%;}
#user_first_name-error, #user_last_name-error, #user_phone-error, #user_email-error, #password-error, #cpassword-error{ display: none !important;}
form#signup .text-danger { display: block !important;   padding-top: 10px;}
form#signup .eye-icon {top: 24px;}


.login-holder form.woocommerce-form.woocommerce-form-login.login, form#signup {  max-width: 550px; margin: auto;}
.login-holder  input.text-danger { display: block; border: solid 1px red!important;}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 0 none;}
.login-page, .woocommerce-account {  background: #F9F9F9;}
.login-container {text-align: center;}
.login-holder { background: #ffffff; border-radius: 35px; padding:30px; position: relative;min-height: 772px; } 
.login-holder.signup {  padding:40px 30px;} 
.login-container h3{text-transform: capitalize;} 
.login-holder p { color: var(--clr-dark);} 
.login-holder form {text-align: left;padding: 0;} 
.login-container .form-group { margin-bottom: 20px;} 
.login-holder label { display: block; margin: 0;color: var(--clr-dark3); font-size: 16px; } 
.form-footer label { display: flex; align-items: center; column-gap: 10px; } 
input.woocommerce-Input.woocommerce-Input--text.input-text, .login-container input{margin-bottom: 0; height: 50px; background: #F4F4F6; border: 0 none; padding: 14px 20px;} 
.form-footer label input[type="checkbox"] { width: 16px; height: 16px; box-shadow: 0 0 0; padding: 0; margin: 0; } 
.login-holder input[type="email"], .login-holder input[type="password"] { width: 100%; padding: 10px 20px;    height: 50px; border: none; border-radius: 10px; background: #f4f3f6; font-size: 16px; margin-bottom: 0; box-sizing: border-box; } 
.password-wrapper {position: relative;} 
.eye-icon { position: absolute; right: 15px; top: 45%; transform: translateY(-50%); cursor: pointer; height: 18px; width: 18px;} 
.form-footer { display: flex; justify-content: space-between; align-items: center; font-size: 14px; margin: 20px 0; } 
.forgot { color:  var(--clr-sky) !important; text-decoration: none; font-weight: 500; } 
button.woocommerce-Button.button, .login-btn, button.login-btn.woocommerce-button.button.woocommerce-form-login__submit { width: 100%; padding: 12px; background-color:var(--clr-sky); color: var(--clr-white); border: none; border-radius: 10px; font-size: 16px; cursor: pointer; } 
button.woocommerce-Button.button {    font-size: var(--f-size-Body); font-family: var(--nav-font); font-weight: 500; width: auto; padding: 17px 30px !important; margin-top: 20px; background: var(--clr-sky)!important; color: var(--clr-white);}
button.woocommerce-Button.button:hover {background: var(--clr-red)!important; color: var(--clr-white)!important;}

span#account_display_name_description { font-size: small; margin-top: 10px; display: block;}
.signup-text { text-align: center; margin-top: 15px; font-size: 16px; color: #999; } 
.signup-text a { color:var(--clr-sky); text-decoration: none; text-decoration: underline; font-weight: 500; } 
.login-wrapper {height: calc(100vh - 70px);  display: flex;  align-items: center; margin: 35px 0; } 
.login-bg { position: relative; overflow: hidden; border-radius: 15px; background-repeat:no-repeat !important; object-fit: cover !important; min-height: 772px; }
.login-bg img { position: absolute; top: 50%;  left: 50%;  width: 60%; transform: translate(-50%, -50%);}
.login-holder .bottom-place { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }
.login-holder .bottom-place ul li:not(:last-child) { padding-right: 15px; border-right: solid 1px #B0B0B0;}
.login-holder .bottom-place ul li {line-height: 1;}
.login-holder .bottom-place ul li a { color: #B0B0B0;font-size: 12px;}
.login-holder .bottom-place ul { display: flex; align-items: center; justify-content: center; column-gap: 15px;}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit { margin: 0 0 1em;}
.priceCard { width: 100%; background: var(--clr-white); border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); position: relative; transition: border 0.3s ease; margin-bottom: 20px; cursor: pointer; }
.priceCard input[type="checkbox"] { position: absolute; top: 15px; left: 15px; appearance: none; width: 20px; padding: 0; margin: 0; height: 20px; border:1px solid #B2B2B2; border-radius: 4px; background: var(--clr-white); cursor: pointer; }
.priceCard input[type="checkbox"]:checked { background-color: var(--clr-red); border-color: var(--clr-red); }
.priceCard input[type="checkbox"]:checked::before { content: "✔"; color:  var(--clr-white); font-size: 14px; position: absolute; top:0; transform: rotate(8deg); left: 3px; }
.priceCard input[type="checkbox"]:checked ~ .priceCard-content { border-color:  var(--clr-red); }
.priceCard-content {padding: 45px 15px 15px 15px;border: 1px solid transparent;}
.priceCard .ad-title {color: var(--clr-sky);font-weight: 600; font-size: var(--f-size-Body); }
.priceCard .price {font-size: var(--f-size-SM); font-weight: 600; color: var(--clr-black); }
.priceCard .dimension { font-size: var(--f-size-Body); color: var(--clr-dark3);}
.priceCard input[type="checkbox"]:checked ~ .priceCard-content {   border: 1px solid  var(--clr-red);  border-radius: 10px; }

.iagree label { cursor: pointer; color: var(--clr-dark3); text-transform: capitalize; column-gap: 5px; display: flex; align-items: center; line-height: 1;  margin-bottom: 20px;}
.iagree label a{ color: var(--clr-red); text-decoration: underline;}
.iagree label input[type="checkbox"] {width: 20px; height: 20px;  box-shadow: 0 0 0; margin-bottom: 0;}
.choose-file p { font-size: 18px; color: var(--clr-dark3);}

.woocommerce form .form-row {  margin: 0 0 20px;}
/*----MY ACCOUNT PAGES----*/



.sidemenu { border-radius: 15px; padding:0 30px; border: solid 1px hsl(0deg 0% 0% / 40%); margin-right: 20px;}
.sidemenu ul li a {  font-size: var(--f-size-SM); text-transform: capitalize; color: var(--clr-dark2); font-weight: 600;  border-bottom: solid 1px hsl(0deg 0% 0% / 20%); display: flex; justify-content: space-between; align-items: center; padding: 25px 0;}
.sidemenu ul li:last-child a {border-bottom:0 none;}
.sidemenu ul li.is-active a, .sidemenu ul li:hover a { color: var(--clr-red);}

.myaccount-wrapper { border-radius: 15px;  padding: 50px;  background: #eee;}
.userProfile input[type="submit"] {  background: var(--clr-red) url(../images/rightarrow.svg) no-repeat center;  background-position: 88%;}
.userProfile input[type="submit"]:hover { background: #3A8DFF url(../images/rightarrow.svg) no-repeat 88%;}
p.smalltext{font-size: 12px; color: var(--clr-black);}
.userProfile {padding: 0 75px;}
.userProfile .eye-icon { top: 28%;}

.myaddCard{background: var(--clr-white); box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 15px; margin-bottom: 30px;} 
.myaddCard-img { position: relative; border-radius: 15px; overflow: hidden; padding-bottom: 67%; } 
.myaddCard-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.myaddCard-info {padding: 20px; border-radius: 0 0 15px 15px;}
.myaddCard-info h6{font-weight: 700; text-transform: capitalize; color: var(--clr-red); margin-bottom: 10px;} 
.myaddCard-info h6 span{margin-top: 15px; display: block; font-weight: 600; text-transform: capitalize; color: var(--clr-red);} 
.myaddCard-info h4 {display: -webkit-box; text-transform: capitalize; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: var(--clr-dark2);margin-bottom: 10px;} 
.myaddCard-info p {display: -webkit-box; text-transform: capitalize; -webkit-line-clamp:2; color: var(--clr-dark3); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;margin-bottom: 0; } 

table.table thead tr th { background: transparent;  text-align: center;}
table.table { /*border-collapse: separate;*/}
table.table tbody { border: solid 1px hsl(0deg 0% 0% / 40%); padding: 15px !important;}
table.table tbody tr td {padding: 15px; border-color: hsl(0deg 0% 0% / 20%); text-align: center; font-weight: 400;background: #fff;}
table.table tbody tr td:first-child{border-left: solid 20px #fff;}
table.table tbody tr td:last-child{border-right: solid 20px #fff;}
table.table tbody tr:first-child td{border-top: solid 10px #fff;}
table.table tbody tr:last-child td{border-bottom: solid 10px #fff;;}
table.table tr th ,table.table tr td{text-transform: capitalize; font-weight: 400; font-size: var(--font-size-body); color: var(--clr-dark2);}
table.table tr td .downloadbtn a{color: var(--clr-red);}
table.table tr td .basic { border-radius: 10px;  background: #EEEEEE;  padding: 5px;}

.card-box { background-color: #fff; margin-bottom: 30px; border-radius: 12px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); position: relative; border: 1px solid #ddd; }
.card-header { display: flex; justify-content: space-between; align-items: center; }
.visa-logo { background-color:var(--clr-sky); color: var(--clr-white); padding: 4px 12px; border-radius: 4px; font-size: 14px; font-weight: bold; }
.menu-toggle { background: none; border: none; color: var(--clr-red);font-size: var(--font-size-body); cursor: pointer; }
.dropdown { position: absolute; width: 180px; top: 50px; right: 20px; background: #fff; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); padding: 10px 16px; display: none; z-index: 1; border: 1px solid hsl(0deg 0% 0% / 20%); }
.card-number { font-size: 20px; margin: 20px 0 10px; font-weight: bold; }
.card-label { display: flex;column-gap: 30%;}
.card-label p span {   display: block;  color: var(--clr-dark2);    font-weight: 400;}
.card-label p {  color: var(--clr-black); font-weight: 600;}
.dotticonright {  padding: 10px; cursor: pointer;}
.dotticonright:hover .dropdown{ display: block;}
.hidden { display: none;}
.showtime p {font-size: 12px;  font-weight: 700;}
.event-card-info h4 a { margin-bottom: 0; font-size: 20px;  display: -webkit-box;   text-transform: capitalize;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;   text-overflow: ellipsis;}
.event-card-info p {font-size: 14px; display: -webkit-box;  text-transform: capitalize;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; text-overflow: ellipsis;}
.event-card-info {  background: var(--clr-white);  margin-bottom: 50px;  box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.1); /*border-radius: 0 0 15px 15px;*/}
.btnholder {  display: flex;  column-gap: 15px;  flex-wrap: wrap;}
.home-event-sec .event-card-info { margin-bottom: 0;}
.home-event-sec .event-card-info h4 { margin-bottom: 5px;}


.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);}
/*----MY ACCOUNT PAGES----*/

/* -- Music Awards Year -- */
.holder { display: flex; align-items: flex-start; justify-content: space-between; }
.awards-tabs ul .nav-link { font-family: var(--nav-font); line-height: 1; background: var(--clr-white); color: var(--clr-red); display: inline-flex; margin-right: 15px; border-radius: 15px; column-gap: 15px; padding: 18px 20px; align-items: center; transition: var(--common-transition); font-size: var(--f-size-Body); font-weight: 500; text-transform: capitalize; border: 0 none;border-bottom: 1px solid rgba(251, 0, 20, 1); }
.awards-tabs ul .nav-link.active, .awards-tabs ul .nav-link:hover { background: var(--clr-red); color: var(--clr-white);}
.awards-tabs ul .nav-link.active img{filter: brightness(0) invert(1);}
.awardsCard { position: relative; overflow: hidden; margin-bottom:30px; display: block;}
.awardsCard img { width: 100%; border-radius: 15px; height: 260px; object-fit: cover; }
.awardsCard h5{text-align: center; margin: 20px 0 0 0;}
.awardsCard h5 span{color: var(--clr-red);}
.awards-tabs .tab-pane .row:not(:last-child) { border-bottom: solid 1px hsl(0deg 0% 0% / 20%); margin-bottom: 30px; }
.awards-tabs ul.nav.nav-pills { padding-bottom: 30px; border-bottom:solid 1px hsl(0deg 0% 0% / 20%);}
.awardsCard .star { position: absolute; width: 45px; height: 45px; background:  var(--clr-red); display: flex; border-radius: 10px; right: 20px; top: 20px; align-items: center; justify-content: center; }
.awardsCard .star img{height: 24px; width: 24px; border-radius: 0; min-width: 24px;}
/* -- Music Awards -- */

/*---news & details---*/
.newscard{box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 0px; background:  var(--clr-white); height: 100%;} 
.newscard-img { position: relative; border-radius: 0px; overflow: hidden; padding-bottom: 67%; } 
.newscard-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.newscard-info { padding: 30px; border-radius: 0 0 15px 15px;}
.newscard-info h6{font-weight: 500; text-transform: capitalize;} 
.newscard-info h4 {display: -webkit-box; text-transform: capitalize; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.newscard-info p {display: -webkit-box; text-transform: capitalize; -webkit-line-clamp:2; color: var(--clr-dark3); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;margin-bottom: 0; } 
/*.onthard .newscard-info {  padding-right: 10rem;}*/

.newscard-list h4{font-weight: 500; margin-bottom: 0;  }
.newscard-list p{ color: var(--clr-dark3); }
.newscard-list-holder .newscard-list{ border-bottom: 1px solid rgba(0, 0, 0, 0.2);margin-bottom: 20px; }
.newscard-list-holder .newscard-list:last-child { margin-bottom: 0;}
.newscard-two-img { position: relative; margin-bottom: 20px; border-radius: 15px; overflow: hidden; padding-bottom: 67%; }
.newscard-two-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.newscard-two-info h6 { font-weight: 500; text-transform: capitalize; }
.newscard-two-info h3 { display: -webkit-box; text-transform: capitalize; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.newscard-two-info p { display: -webkit-box; text-transform: capitalize; -webkit-line-clamp: 2; color: var(--clr-dark3); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0;}

.video-show {margin-bottom: 30px; position: relative; /*border-radius: 15px;*/ overflow: hidden; padding-bottom: 58%; }
.video-show img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.video-show .playbtn { position: absolute; top: 0; left: 0; right: 0; z-index: 1; bottom: 0; display: flex; align-items: center; justify-content: center; } 
.video-show .playbtn img {width: 97px; height: 107px; position: initial; }
.articles-details-info img {  margin: 30px 0; /*border-radius: 15px;*/}
.articles-details-info h5{margin-top: 40px;}
.articles-details-info ul {list-style: disc; padding-left: 20px; color: var(--clr-dark3); }

.staff-profile img { width: 80px; height: 80px; border-radius: 50px; margin: 0; }
.profile-left h4 span { text-transform: capitalize; display: block; font-size: var(--f-size-SM); font-weight: normal; }
.profile-left h4{margin-bottom: 0;}
.staff { display: flex; align-items: center; background: #EEEEEE; padding: 21px 25px; /*border-radius: 15px;*/ justify-content: space-between; margin-bottom: 30px; } .profile-left { display: flex; align-items: center; column-gap: 20px; }
.staff .socialicon ul li a { color: var(--clr-white); background: var(--clr-black);  border: solid 1px var(--clr-black);}
.staff .socialicon ul li:hover a { background: var(--clr-red);border: solid 1px var(--clr-red); }
.relatedArticles{background: #eee;}
.relatedArticles h2{font-size: var(--f-size-XL);}
/*---news & details---*/


/*---Gallery---*/
.flex-column {max-width: 352px;}        
.flex-column img {margin: 5px;}        
.flex-column .scale {transform: scaleY(1.05);padding-top: 5px;}

.galleryCard { /*margin: 5px;*/ }

  :root{
      --gap: 10px;
    }
/* Masonry using CSS columns */ 
.masonry{ column-gap: var(--gap); padding: var(--gap); } 
/* responsive column counts */ 
@media (min-width: 480px){ 
    .masonry{ column-count: 2; -webkit-column-count: 2;  }
} 
@media (min-width: 768px){
    .masonry{ column-count: 3; -webkit-column-count: 3; } 
} 
@media (min-width: 1200px){
    .masonry{ column-count: 5; -webkit-column-count: 5; } 
} 
.masonry a{ display: inline-block; width: 100%; margin: 0 0 5px; break-inside: avoid; position: relative; /*border-radius: 14px;*/ overflow: hidden; /*transform: translateZ(0); box-shadow: 0 6px 24px rgb(0 0 0 / .25); -webkit-box-shadow: 0 6px 24px rgb(0 0 0 / .25); -moz-box-shadow: 0 6px 24px rgb(0 0 0 / .25); -0-box-shadow: 0 6px 24px rgb(0 0 0 / .25); -ms-box-shadow: 0 6px 24px rgb(0 0 0 / .25);*/ } 
.masonry img{ display: block; width: 100%; height: auto; transition: transform .3s ease;} 
.masonry a:focus-visible{ outline:0 none; outline-offset: 0; }
.masonry a:hover img{ transform: scale(1.50); -webkit-transform: scale(1.50); will-change: transform;}
.masonry .caption-badge{ position: absolute; left: 10px; bottom: 10px; background: rgb(0 0 0 / .55); color: #fff; padding: 6px 10px; border-radius: 999px; font-size: 12px; backdrop-filter: blur(2px); }
/* Lightbox */ 
.lightbox{ position: fixed; inset: 0; display: none; /* toggled to flex when open */ align-items: center; justify-content: center; z-index: 9999; } 
.lightbox.open { display: flex;  }
.lightbox.open  a.btn{ max-width: 1024px; margin: 0 auto; } 
.lightbox a.btn {padding: 0; background: transparent;}
.lb-backdrop{ position: absolute; inset: 0; background: rgb(0 0 0 / .92); backdrop-filter: blur(2px); } 
.lb-content{ position: relative; max-width: min(92vw, 1200px); max-height: 86vh; margin: 0; } 
.lb-img{ display: block; max-width: 100%; max-height: 100%; /*border-radius: 16px;*/ box-shadow: 0 12px 40px rgb(0 0 0 / .5); } 
.lb-caption{ margin-top: 10px; text-align: center; font-size: 14px; color: #ddd; }
/* Controls */
.lb-btn{ position: absolute; top: 50%; transform: translateY(-50%); border: none; background: rgb(255 255 255 / 1); color:var(--clr-black); width: 44px; height: 44px; border-radius: 999px; cursor: pointer; place-items: center; backdrop-filter: blur(2px);line-height: 1; align-items: center; display: flex; justify-content: center; font-size: 22px; }
.lb-btn:hover { background: var(--clr-red);  color: var(--clr-white);}
.lb-prev{ left: 0px; }
.lb-next{ right:0px; } 
/* Close button */
.lb-close { position: absolute; top: 5px; right: 5px; border: none; width: 30px; height: 30px; border-radius: 999px; background: var(--clr-red); color: var(--clr-white); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; padding-top: 3px; }
.lb-close:hover{ color:var(--clr-black) }
/* Mobile tweaks: keep controls inside */ 
@media (max-width: 640px){ 
    .lb-prev{ left: 8px; } 
    .lb-next{ right: 8px; } 
    .lb-close{ top: 8px; right: 8px; }
}







/*---Gallery---*/

/*---Contactus---*/
.infocard {/*border-radius: 20px;*/ background: #EEEEEE; padding: 28px 0;  margin-bottom: 24px;}
.infocard h4 { margin-bottom: 0;}
.infocard h4 a{ color: var(--clr-sky);}

.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { border-color: #f00 !important; }
.wpcf7 form .wpcf7-response-output { color: #f00; text-align: center; }
.wpcf7 form.sent .wpcf7-response-output { color: #46b450; }

/*---Contactus---*/

.aboutus-holder .row:last-child .col-md-6.order-2 { order: inherit !important;}
.aboutus-holder .aboutus-info p {  color: var(--clr-dark3);}
/*---careers---*/
.careersCard { padding: 40px; border: 1px solid rgba(0, 0, 0, 0.4); /*border-radius: 25px;*/ margin-bottom: 24px;}
.col-md-6.mb-4 .careersCard { margin-bottom: 0; height: 100%;}
.careersCard .more { font-weight: 600; color: var(--clr-red); }
.dateofpost {display: flex; align-content: center; column-gap: 15px; margin-bottom: 10px;}
.dateofpost i{color: var(--clr-red);}
.careersCard p{display: -webkit-box; text-transform: capitalize; -webkit-line-clamp: 2; color: var(--clr-dark3); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.careersCard.ccdetails p {
    display: block;
    -webkit-line-clamp: none;
    -webkit-box-orient: inherit;
    overflow: visible;
    text-overflow: inherit;
}
.ccdetails {border: 0; padding: 25px;}
.ccdetails p{color: var(--clr-dark3); }
.ccdetails ul li{color: var(--clr-dark3); position: relative; padding: 0 0 20px 20px;}
.ccdetails ul li:before { position: absolute; left: 0; top: 8px; background: var(--clr-dark3); content: ""; width: 4px; height: 4px; border-radius: 50px; }
#viewmore button.btn-close { position: absolute; z-index: 9; right: 35px; top: 20px; opacity: 1; }
.ccdetails h6  {font-size: 16px; font-weight: 600;}
.ccdetails h6 span {  width: 210px; display: inline-block;}
.ccdetails-inner{height: 500px;  overflow-y: auto;}
/*---careers---*/
/*---Videos list---*/

.videoCard{margin-bottom: 24px;}
.videoCard-img { position: relative; /*border-radius: 15px;*/ overflow: hidden; padding-bottom:80%; margin-bottom: 20px; } 
.videoCard-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.videoCard-img .playbtn { position: absolute; top: 0; left: 0; right: 0; z-index: 1; bottom: 0; display: flex; align-items: center; justify-content: center; }
.videoCard-img .playbtn img { width: 64px; height: 45px; position: initial;}
.videoCard-info h4 a { margin-bottom: 0; display: -webkit-box;   text-transform: capitalize;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
.recentVideoslist .videoCard-info { background: var(--clr-white); box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.1); /*border-radius: 15px;*/  padding: 36px 30px;  margin-bottom: 24px;}
.recentVideoslist .videoCard-info h4 {margin-bottom: 0;}
.recentVideoslist .videoCard-info p { display: -webkit-box;  text-transform: capitalize;  -webkit-line-clamp: 2;  color: var(--clr-dark3);  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
/*---Videos list---*/

/*--Archives--*/
.title-search-holder { flex-wrap: wrap; display: flex; align-items: center;  justify-content: space-between; margin-bottom: 20px;}
.title-search-holder h2{ margin-bottom: 0;}
.search-box { display: flex; align-items: center; background-color: #f8f8fa; /*border-radius: 12px;*/ padding:0 20px 0 0; width: 450px; box-shadow: 0 0 0 1px #ddd; } .search-box input { margin-bottom: 0; box-shadow: 0 0 0;border: none; background: transparent; outline: none; font-size: 16px; color: #333; flex: 1; }
.search-box input::placeholder { color: #bbb; }
.search-box .icon { font-size: 18px; color: #333; }

.archivesCard{margin-bottom: 50px;box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.1); /*border-radius: 15px;*/ background:  var(--clr-white);}
.archivesCard-img { position: relative; /*border-radius: 15px;*/ overflow: hidden; padding-bottom:70%; margin-bottom: 20px; } 
.archivesCard-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.archivesCard-info h4 a { margin-bottom: 0; display: -webkit-box;   text-transform: capitalize;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.archivesCard-info { padding: 30px;}
.archivesCard-info p { margin-bottom: 0; display: -webkit-box;  text-transform: capitalize;  -webkit-line-clamp: 3;  color: var(--clr-dark3);  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.singleimg { position: relative; /*border-radius: 15px;*/ overflow: hidden; padding-bottom:53%; margin-bottom: 20px; } 
.singleimg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }

.calendar { background: white; /*border-radius: 20px;*/ margin: 30px 20px; width:100%;max-width: 956px; margin: 0 auto; box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
.calendar-header { display: flex; justify-content: space-between; align-items: center; padding: 48px 60px; }
.calendar-header h2 { margin-bottom: 0; font-size: 22px; font-weight: bold; }
.nav-btn { background: red; color: white; border: none; font-size: 20px; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; }
.day-names, .calendar-grid {align-items: center; display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; }
.day-names div { font-weight: bold; margin-bottom: 10px; } .calendar-grid div { padding: 30px 0; cursor: pointer; border-radius: 50%; transition: 0.2s ease-in-out; }
/*.calendar-grid div:hover { background: #eee;width: 78px; height: 78px; margin: auto;  display: flex;  align-items: center; justify-content: center; }*/
.other-month { color: #ccc; }
.selected { background-color: #1e88e5; color: white; font-weight: bold; box-shadow: 0 4px 10px rgba(30, 136, 229, 0.4); width: 78px; height: 78px; margin: auto;  display: flex;  align-items: center; justify-content: center; }
.year-post-list ul li a { display: inline-block; text-decoration: underline; font-size: var(--f-size-M); font-weight: 600; margin-bottom: 10px; }
.year-post-list ul li { text-align: center; }
.dark-mode ul.calendar-post-list {  background: var(--clr-dark3);}
ul.calendar-post-list {background: var(--clr-sky); color: var(--clr-white);position: absolute; padding: 10px; top: 82px; /*border-radius: 6px;*/ text-align: left; font-size: 14px; left: 0; right: 0;}
.calendar-cell { position: relative;}
/*--Archives--*/


/* -- Footer -- */

.main-footer{position: relative; background:#121A20;}
.footer-left { padding-right:3rem;}
.footer-left h1 {  text-transform: capitalize;margin-bottom: 60px; color: var(--clr-white);}
.main-footer h6{color: var(--clr-white);}
.main-footer p{color:var(--clr-white); font-weight: 300;}
.ftr-menu ul{ margin: 0;padding: 0;list-style: none;}
.ftr-menu ul li a{color:#DADEE2; font-weight: 500; padding-bottom: 15px; display: block; font-size: var(--f-size-body);}
.ftr-menu ul li:hover a{color: var(--clr-red);}
.copyrights {background: #0D1318;}
.copyrights p{margin-bottom: 0;padding: 16px 0;}
.newsletter-holder form { display: flex; flex-wrap: wrap;column-gap: 15px;}
.newsletter-holder .btn-submit, .newsletter-holder .btn-submit:hover { background-position: center;}
.newsletter-holder form .form-group .form-control{ font-size: 16px;  padding:10px 100px 20px 0; background: transparent; width: 100%; border-radius: 0; margin-bottom: 0;  outline: none !important;  box-shadow: none !important; border: 0 none;  color:var(--clr-white);}
.newsletter-holder form .form-group input[type="submit"] { /*padding: 18px 40px;*/ padding: 12px 40px; margin-left: -100px;}
.newsletter-holder .form-control::-moz-placeholder { color: #8F8F8F; opacity: 1; }
.newsletter-holder .form-control:-ms-input-placeholder { color: #8F8F8F; }
.newsletter-holder .form-control::-webkit-input-placeholder { color:#8F8F8F;}
.newsletter-holder form .form-group {  width: 100%;  display: flex;  column-gap: 20px; border-bottom: 1px solid #8F8F8F !important;}
.footer-link-wrap { flex-wrap: wrap; display: flex;  align-items: flex-start;  justify-content: space-between;}
.ftr-menu .d-flex ul { min-width: 210px;}
.fa-bell{display: none;}
/* -- Footer -- */


.customAudio .player { display: flex; align-items: center; gap: 10px; width: 500px; max-width: 90%; } 
.customAudio .cover { width: 40px; height: 40px; background:rgb(255 255 255 / 30%); border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; } 
.customAudio .progress { flex: 1; height: 4px; border: 0 none; -webkit-appearance: none; appearance: none; background:hsl(0deg 0% 87% / 20%); border-radius: 2px; outline: none; padding: 0; margin-bottom: 0; } 
.customAudio .progress::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #fff; cursor: pointer; } 
.customAudio button { background: none; border: none; cursor: pointer; color: #fff; } 
.customAudio svg { fill: #fff; } 
.playerholder { position: relative;border-radius: 15px; overflow: hidden; } 
.playerholder h4 { position: absolute; top: 40px; left: 35px; margin-bottom: 0; max-width: 60%; } 
.customAudio { display: flex; padding: 15px; column-gap: 20px; align-items: center; background: rgb(255 255 255 / 15%); position: absolute; bottom: 0; backdrop-filter: blur(10px); left: 0; right: 0; } 
.audiotitle h5, .audiotitle p  { text-overflow: ellipsis; display: -webkit-box; font-weight: 400; -webkit-line-clamp: 1; margin-bottom: 0px; -webkit-box-orient: vertical; overflow: hidden; } 
.audiotitle p{color: #FFB739;} 
img.emoji { filter: grayscale(1);} 
.archive .news-holder .newscard { margin-bottom: 24px; height: calc(100% - 24px); } 
.page-template-tpl-archives .search-form { display: flex; align-items: center; max-width: 68%; margin: 0 auto; column-gap: 10px; } 
.dark-mode  .profile-left h4 { color: var(--clr-dark2); }
.archive .news-holder .newscard-ad{box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.1); margin-bottom: 24px; height: calc(100% - 24px); /*border-radius: 15px; overflow: hidden;*/}

/* -- Body Adjustment -- */



/*===TOGGLE FONT SIZE ADJUSTMENT===*/

.fontsize h1 {font-size: clamp( 1.5rem, 1.25rem + 1.25vw, 2.75rem ) !important; /*24-44*/}
.fontsize h2 {font-size: clamp( 1.25rem, 1.1rem + 0.75vw, 2rem ) !important; /*20-32*/}
.fontsize h3 {font-size: clamp( 1.125rem, 1rem + 0.625vw, 1.75rem ) !important; /*18-28*/}
.fontsize h4 {font-size: clamp( 1rem, 0.9rem + 0.5vw, 1.5rem ) !important; /*16-24*/}
.fontsize h5 {font-size: clamp( 0.9375rem, 0.875rem + 0.3125vw, 1.25rem ) !important; /*15-20*/}
.fontsize h6 {font-size: clamp( 0.9375rem, 0.875rem + 0.3125vw, 1.25rem ) !important; /*15-20*/}
.fontsize p {font-size: clamp( 0.9375rem, 0.9rem + 0.1875vw, 1.125rem ) !important; line-height: 1.4; /*15-18*/}

.fontsize p, .fontsize div:not(div:has( p, h1, h2, h3, h4, h5, h6)), .fontsize footer:not(footer:has( p, h1, h2, h3, h4, h5, h6)), .fontsize li:not(.a11y-toolbar-list-item), .fontsize label, .fontsize input, .fontsize select, .fontsize textarea, .fontsize legend, .fontsize code, .fontsize pre, .fontsize dd, .fontsize dt, .fontsize blockquote { font-size: clamp( 16px, 1.75rem, 18px ) !important; line-height: 1.6;}
.fontsize .showtime p {font-size: clamp( 12px, 1.25rem, 15px ) !important;}


/*===TOGGLE FONT SIZE ADJUSTMENT===*/


.home-event-sec.ad-listing-sec .event-card{margin-bottom: 20px;}
.home-event-sec.ad-listing-sec .event-card .event-card-info h4 { font-size: var(--f-size-Body); overflow: hidden;  text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; min-height: 41px;}
.home-event-sec.ad-listing-sec .event-card:hover .event-card-info h4, .home-event-sec.ad-listing-sec .event-card:hover span.subcat-count{color:var(--clr-white);}
.home-event-sec.ad-listing-sec ul.products li.product  a.button{display:none;}
.home-event-sec.ad-listing-sec ul.products li.product span.price{display:none;}

.tabfeature { list-style: none; padding: 0; display: flex; gap: 15px;margin-bottom: 20px;flex-wrap: wrap; } 
.tabfeature li { position: relative; }
.tabfeature input[type="checkbox"] { display: none; } 
.tabfeature label { display: inline-block; padding: 12px 28px; border: 1px solid #888; border-radius: 999px; background: #111; color: #fff; font-weight: 600; font-size: 14px; cursor: pointer; position: relative; transition: all 0.3s ease; }
.tabfeature li.active label { background:var(--clr-red);	border-color:var(--clr-red); color:var(--clr-white); }
.tabfeature li.active label::after { content: "✕"; font-size: 12px; position: absolute; top: -19px; right: 4px; color:var(--clr-red); border: solid 1px var(--clr-red); width: 20px; border-radius: 50%; height: 20px; display: flex ; align-items: center; justify-content: center; padding-top: 3px; }

ul.variable-items-wrapper li.variable-item .variable-item-contents span {  background: var(--clr-sky); padding:5px 20px !important; border: 0 none; font-weight: 400; color: var(--clr-white); display: block; border-radius: 10px;}
ul.variable-items-wrapper li.variable-item.selected .variable-item-contents span{background:var(--clr-red);font-weight: 400;}
ul.variable-items-wrapper li.variable-item { padding: 0 !important;border: 0 none !important;display: block !important;height: auto !important;box-shadow: 0 0 0 !important;outline: 0 none !important;}
.artists-details .presenters-dtls-img { max-width: 44%;}
.variable-item-contents { border: 0 none !important; height: auto !important; width: auto !important;}
a.reset_variations { color: red; border: solid 1px var(--clr-red);  padding: 5px 10px; border-radius: 4px;}
h1.woocommerce-products-header__title.page-title {  color: var(--clr-white);}
.single-product .summary.entry-summary .single_add_to_cart_button {  background: var(--clr-sky) !important;   font-weight: 400 !important;    padding: 14px 20px !important;    margin-top: 10px !important;border-radius: 10px;}
.single-product .summary.entry-summary .single_variation_wrap span.price {  color: #000;}
.single-product .summary.entry-summary p.price, .single-product .summary.entry-summary .product_meta, .product .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs, .product .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information{display: none !important;}

.aboutus-holder .row:nth-child(odd) { flex-direction: row-reverse;}
.freeaudio-sec .titlewrapper { border-bottom: solid 1px rgb(255 255 255 / 30%); padding-bottom: 20px;}
.top_button.smallview span.add-icon img { width: 25px;}
.top_button.smallview a.btn.red { padding: 13px 15px;}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme { display: flex; align-items: center;  justify-content: center;}
.dotticonright .dropdown .menu-toggle {display: block;}
.dotticonright .dropdown .menu-toggle:not(:last-child) {padding-bottom: 5px;}
.checkout_wrap { display: flex; column-gap: 30px;}
.checkout_wrap .col-1.left_billing_form {  width: 100%;}
.woocommerce-checkout input[type="radio"] { width: 16px !important; height: 16px; margin-right: 5px !important;}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
    line-height: 1; margin: 0 !important;}
button#place_order { background: var(--clr-sky); border-radius: 10px; padding: 14px 20px;}
button#place_order:hover { background: var(--clr-red);color: var(--clr-white)!important; }
.woocommerce-checkout .woocommerce-message , .woocommerce-checkout ul.woocommerce-error{ display: none;}
.page-template-tpl-ad-listing .ad-listing-sec .row { justify-content: center;   text-align: center;}
.page-template-tpl-ad-listing .ad-listing-sec .row .titlewrapper { justify-content: center;  text-align: center;}
.loader_spin.text-center { position: fixed; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  z-index: 9;}
.woocommerce .col2-set, .woocommerce-page .col2-set { max-width: 628px;}

.live-streamVideo .modal-body {  padding-bottom: 0;}
.live-streamVideo .modal-body .wpstream_player_container {margin-bottom: 0;}
.live-streamVideo .modal-body .wpstream_player_wrapper.wpstream_player_shortcode {margin-bottom: 0;}
/* .videoModal .modal-body video, .video-js {border-radius: 15px;} */

.wpstream-login-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0;display: flex; align-items: center; justify-content: center;}
.wpstream-login-overlay h3 {color: var(--clr-white);}
.video-js { /*border-radius: 20px;*/ overflow: hidden;}
.articles-details-info picture.vjs-poster img {margin: 0;}


/*---------------------2 NEW PAGES CSS---------------------*/
.presenters-card { position: relative; margin-bottom: 24px;}
.presenters-card-img { position: relative;  padding-bottom: 120%;}
.presenters-card-img:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.47) 0%, rgba(52, 55, 60, 0) 47.65%, rgba(0, 0, 0, 0.47) 100%); position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 1; border-radius: 15px; }
.presenters-card-img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 15px; }
.presenters-card-info { position: absolute; z-index: 2; top: 15px; left: 0; bottom: 15px; padding: 15px; right: 0; }
.presenters-card-info h3 { color: var(--clr-white); padding-bottom: calc(114% - 120px);  margin-bottom: 0;}
.presenters-card-info ul { background: #313030C2; border: 1px solid #FFFFFFBD; width: 100%; padding: 10px; border-radius: 15px;}
.presenters-card-info ul li:not(:last-child){margin-bottom: 10px;} 
.presenters-card-info ul li { color: var(--clr-white);display: flex; column-gap: 15px;}
.presenters-card-info ul li span {color: red;}
.presenters-details-holder { box-shadow:1px 6px 8.5px 11px #0000000D; border-radius: 15px; padding: 30px; display: flex; align-items: flex-start; column-gap: 20px; } 
.presenters-details-holder .presenters-dtls-img { min-width: 40%; position: relative; border-radius: 15px; overflow: hidden;}
.presenters-details-holder ul li:not(:last-child){margin-bottom: 10px;} 
.presenters-details-holder ul li {display: flex; column-gap: 15px;}
.presenters-details-holder ul li span {color: red;}
.calender-view { background:var(--clr-sky);padding-top:10px; width:180px; min-height:130px; border-radius:10px; position:absolute; right:15px; bottom:15px; }
/*
.timezone { background: red; padding: 6px; border-radius: 0 0 10px 10px;} 
.home-event-sec .event-card-info .timezone { background: none; padding:0px; border-radius: 0 0 0 0;} 
*/
.calender-view p, .calender-view h4 { margin-bottom: 5px; color: var(--clr-black); }
/*---------------------2 NEW PAGES CSS---------------------*/

.wpem-single-event-footer, .event_registration.registration, .audiolist-itms .wpstream_player_wrapper button.vjs-big-play-button, .product-type-live_stream div#reviews, .product-type-live_stream .woocommerce-product-gallery, .myaccount-wrapper input#payment_method_stripe { display: none;}
.woocommerce-page .product-type-live_stream.product div.summary{width: 100%; float: left;}
.woocommerce-page .wpstream_player_container { max-width: 100%;}
a.showlogin, p.lost_password a { text-decoration: underline; color:var(--clr-red); } 
.woocommerce-form__label-for-checkbox { display: flex; align-items: center; justify-content: flex-start !important; column-gap: 10px; } 
input[type="checkbox"] { width: auto; border: 0 none; box-shadow: 0 0 0; padding: 0; margin: 0; } 
.woocommerce-form__label-for-checkbox span { line-height: 1.3; } 
input#username { background: #F4F4F6 !important; border: 0 none !important; padding: 14px 20px !important; height: 50px !important; } 
button.woocommerce-button.button.woocommerce-form-login__submit { background: var(--clr-sky); color: var(--clr-white); font-weight: 500; border-radius: 10px; padding: 14px 20px; } 
.woocommerce .col2-set, .woocommerce-page .col2-set { max-width: 100% !important; } 
#customer_details .col-2 { width: 100%;} 
.attendee_outer_wrap { display: flex; flex-wrap: wrap; column-gap: 20px; }
.attendee_outer_wrap .attendee-wrapper { margin-bottom: 20px; width: 48%;}
.load_ad_listing .priceCard-content { padding-top: 0;}
.load_ad_listing input[type="radio"] { width: auto; margin: 15px;}
.preview-holder #photo_preview { min-height: 100px; object-fit: cover; margin-left: 20px;}
p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last { width: 100%;}
.woocommerce-MyAccount-content p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last { width: 47%;}
form#signup .password-wrapper {margin-bottom: 15px;}

/* 05.11.25 */
.event-not-for-sell .wpem-single-event-ticket-information{display: none;}
.ad_booked { pointer-events: none; }
.ad_booked .priceCard{ background: #dfd8d8;}
/* 05.11.25 */


.presenterstabs .nav-link.active, .presenterstabs .nav-link:hover { background: var(--clr-red);}
.presenterstabs .nav-link { text-transform: capitalize; background: var(--clr-sky);  color: var(--clr-white); border-radius: 50px;  padding: 10px 25px;}
.presenterstabs {column-gap: 15px;}
.common-bg{background-size: cover; background-repeat: no-repeat; background-position: center center;}
.wpcf7-spinner{position: absolute;}
.btnholders { column-gap: 20px; display: flex; flex-flow: row wrap;}
.grey_bg{background-color: #eee;}
.woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before{background-image: url(../images/eye-open.svg) !important; opacity: 0.5;}
.woocommerce form .show-password-input.display-password::before, .woocommerce-page form .show-password-input.display-password::before{background-image: url(../images/eye-close.svg) !important; opacity: 1;}


.dark-mode ul.variable-items-wrapper li.variable-item { background: transparent !important;}
/*.dark-mode .eventlist-holder h2 { color: var(--clr-dark2); }*/
.dark-mode  .eventCard { background: var(--clr-dark2); }
.dark-mode span.subcat-count { color: var(--clr-black);}

.dark-mode .wpem-single-event-page .wpem-heading-text, .dark-mode .wpem-single-event-page .wpem-single-event-sidebar-info, .dark-mode .wpem-single-event-page .wpem-single-event-sidebar-info a, .dark-mode .wpem-viewed-event.wpem-tooltip.wpem-tooltip-bottom { color: var(--clr-white) !important; }

.presenters-dtls-img .calender-view p, .presenters-dtls-img .calender-view h4{color: var(--clr-white);}

.dark-mode .presenters-details-holder, .dark-mode .archivesCard{ background: #000000;}
.dark-mode .relatedArticles, .dark-mode .grey_bg { background: #111111;}
.dark-mode .newscard-info p, .dark-mode .trendingNewsitm p, .dark-mode .newscard-list p, .dark-mode .archivesCard-info p, .dark-mode .eventCard-info p{ color: #bbbbbb;}
.dark-mode .single-product .summary.entry-summary .single_variation_wrap span.price { color: #fff;}
.dark-mode p.testmode-info { color: #000;}
.dark-mode .upcevents-info { border: solid 1px hsl(0deg 11.94% 93.98% / 40%);}

.wpstream_notice {padding: 50px;}
.listenlive { /*max-width: 189px;*/ /*width: 32px;*/ width: 22px;}
/*.listenlive .headphone { max-width: 23px;}*/
.btn-search-icon img, .login img {width: 22px;}
.dark-light-mode span.modetext i { width: auto; font-size: 22px;}

.dark-mode .payment_box.payment_method_cod p { color: #000;}
p.woocommerce-customer-details--phone { margin: 5px 0;}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before { line-height: 1.50 !important;}

.text-danger { margin-bottom: 15px;}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select { min-height: 45px;}
.awards-tabs ul#pills-tab {padding-top: 30px;}

li.wc_payment_method.payment_method_directpay label {display: contents; align-items: center;}
li.wc_payment_method.payment_method_directpay label img { height: 50px; width: auto;}
.dark-mode .payment_box.payment_method_directpay p { color: #000;}
button {font-weight: 500 !important;font-size: var(--f-size-Body); font-family: var(--nav-font)!important;}
.select2-container .select2-selection--single .select2-selection__rendered {padding: 15px;}
a.button.wc-backward {  padding: 15px; font-weight: 500; background: var(--clr-red); color: var(--clr-white);}
a.button.wc-backward:hover { background: var(--clr-sky);color: var(--clr-white)!important; }
.blockUI.blockOverlay{ z-index: 1!important;}
a.woocommerce-button { font-weight: 500 !important;}
ul.woocommerce-error li {text-align: left;}

/*-- css(26-06-2026)(Start) --*/
.newNewsitm-box {
    border: 1px solid #e2e2e2;
    border-radius: 0px;
    padding: 5px;
    margin-bottom: 10px;
}
.post-wrapper {
    display: flex;
    flex-flow: row wrap;
}
.img-post {
    width: 100px;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    padding-top: 18%;
}
.img-post img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content-post {
    width: calc(100% - 100px);
    padding-left: 15px;
}
.new-postersports-box {
    background-color: #fff;
    padding: 10px;
    border-radius: 0px;
    box-shadow: 0 0 12px -1px rgba(0, 0, 0, 0.15);
    transition: all 0.6s ease-in-out 0s;
}
.new-postersports-box .btn-cat a.btn {
    color: #000;
}
.new-postersports-box .btn-cat a.btn span img {
    filter: brightness(0);
}
.dark-mode .new-postersports-box {
    background-color: var(--clr-dark5);
}
.slick-slide.new-postersports-box{margin: 10px;}

.new-postersports-box:hover{ box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.15);}

.tri-logo{
    width: 140px;
    height: 140px;
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
    position: absolute;
    bottom: 0;
    left: 0;

}
.tri-logo img{
    width: 85px;
    height: auto;
    object-fit: contain;
    top: inherit;
    left: 2px;
    bottom: 5px;
}
.header-right .socialicon{display: none;}
.appicon {
    margin-top: 30px;
}
.appicon ul {
    display: flex;
    flex-flow: row nowrap;
    column-gap: 10px;
    font-size: 17px;}
.appicon ul li a { color: var(--clr-white);}
.appicon ul li a:hover { color: var(--clr-white);}

.no-evemnts {
    height: 77%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;}
.no-evemnts h3{margin-bottom: 0;}

/*-- css(26-06-2026)(End) --*/

/*-- css(29-06-2026)(Start) --*/
.find-live-sec {background-color: var(--clr-red); margin-bottom: 50px; margin-top: 0px; padding: 15px 0;}
.find-app-row {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    column-gap: 10px;
}
.play-store-title{width: auto;}
.play-store-list{width: 58%;}
.play-store-title h4{margin-bottom: 0; color: var(--clr-white);}

.play-store-list ul{
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    column-gap: 5px;
}
.play-store-list ul li{width: 46%; border-radius: 8px;}

.live-app-row{display: flex; align-items: center; flex-flow: row wrap; column-gap: 10px; position: relative;}
/*.live-box{position: relative;}*/
.live-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.live-pic{width: 120px; height: 120px; border-radius: 100%; overflow: hidden; box-shadow: 0px 0px 0px 5px #3aaf86;}
.live-title{position: absolute; bottom: 0; left: 0; right: 0; width: auto; background: #3aaf86; padding: 1px 2px; text-align: center; display: table; margin: 0 auto; min-width: 60px; border-radius: 0 0 6px 6px;}
.live-title p{margin-bottom: 0; font-weight: 600; color: #fff; text-transform: uppercase;}
.live-app-right h5{margin-bottom: 0; color: #54dbac;}
.live-app-right h5 a{ color: #54dbac;}
.live-app-right h5 a:hover{ color: var(--clr-white);}

.live-app-right {
    margin-left: 150px;
}
.homebanner.slick-slider.slick-dotted{margin-bottom:0;}
.gray-bg{background-color: #EEEEEE;}
.join-youtube-pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.join-youtube-pic {
    position: relative;
    padding-top: 45%;
    overflow: hidden;
}
.join-youtube-content{padding-top: 15px}

/*-- css(29-06-2026)(End) --*/


@media only screen and (min-width:1699px){
.container{max-width: 1430px;}
}

@media only screen and (max-width:1799px){
.upcevents-img { padding-bottom: 60%;}
.eventlist-holder .col-md-8 .row {  margin-bottom: 20px;}   
.eventimginfo { padding: 43px 50px;}
.homebanner .slick-prev {left: 75px;}
.homebanner .slick-next {right: 75px;}
.new-home-design .irifSLholder { margin-bottom: 55px;}

    
}
@media only screen and (max-width:1699px){

.topmenu ul li:not(:last-child), .main-menu ul li:not(:last-child) {margin-right: 15px;}
.eventimg { padding-bottom: 53%;}
    
/*.irifSLholder { height: 560px;}*/
.irifSL {height: 90%;} 
.irifSLholder .slick-dotted.slick-slider {  margin-bottom: 0;}
.irifSL .slick-dots { bottom: -70px;}
.irifSLholder { margin-bottom: 75px;}    
.ourarticlessl .slick-dots { bottom: -40px;} 
.homebanner .slick-prev {left: 35px;}
.homebanner .slick-next {right: 35px;} 
.home-event-sec .event-card-info h2.woocommerce-loop-product__title {  min-height: 51px;}
.ftr-menu .d-flex ul { min-width: 180px;}
.new-home-design .irifSLholder { margin-bottom: 45px;}
    
}
@media only screen and (max-width:1499px){
    
:root {
    --f-size-XXXL: 40px;
    --f-size-XXL: 35px;
    --f-size-XL: 30px;
    --f-size-L: 24px;
    --f-size-M: 22px;
    --f-size-S: 20px;
    --f-size-SM: 18px;
    --f-size-Body: 16px;
} 
.common-padding { padding-top: 40px;  padding-bottom: 40px;}    
.side-padding, .main-header .side-padding {   padding-left: 15px;  padding-right: 15px;}    
.irifSLholder {  height: 550px; padding: 27px 15px;} 
.new-home-design .irifSLholder {  height: 400px;} 
.new-home-design .ourarticlessl {height: 400px;}
.newsSl { margin: 0 30px 20px;}  
/* .newsSl-item-img { padding-bottom: 47%;}   */
.our-articles-poster-left { padding: 30px;} 
    
.customsize-left { width: 80%;}
.customsize-right { width: calc(100% - 80%);}
.recentnews-img { padding-bottom: 103%;}  
.specialEvent-card-info h4 { line-height: 1;}
.audiolist-itms:not(:last-child) { padding-bottom: 15px;  margin-bottom: 20px;} 
.audiolist-itms-poster { min-width: 150px; max-width: 150px; } 
.slick-prev, .slick-next {  width: 40px;  height: 40px;} 
.slick-prev::before, .slick-next::before { height: 15px; width: 15px;}
.slick-prev{left: -20px;}
.slick-next{right:-20px;}
.specialEvent-card a.btn { padding: 25px 20px;}  
    
.upcevents-img { padding-bottom: 57%;} 
.dark-light-mode i { font-size: 24px;} 
.ourarticlessl {  text-align: center; padding: 20px 30px;}   
    
.header-sticky .stickyholder .headermidd, .header-sticky .stickyholder .headerbtm { max-width: 1320px; padding-left: 20px; padding-right: 24px;}   
.lightbox.open a.btn{  max-width: 768px;  } 
.careersCard { padding: 30px;} 
.homebanner .slick-prev {left: 1px;}
.homebanner .slick-next {right: 1px;}
.tri-logo { width: 120px; height: 120px;}
.tri-logo img { width: 72px; left: 2px; bottom: 3px;}

}

@media only screen and (max-width:1399px){

.topmenu ul li a {padding-bottom: 17px; }
 
/*.btn span.headphone img { height: 13px;}*/
/*.small-padding { padding-top: 30px; padding-bottom: 30px;}*/
.headermidd { padding-top: 10px; padding-bottom: 10px;}
.homebanner .slick-prev, .homebanner .slick-next { width: 50px; height: 50px;}   
/*.banner-cnt { left: 180px;}*/
   
.sidemenu { margin-right: 0;}
.userProfile { padding: 0;}
.myaccount-wrapper {padding: 25px;}  
.audiolist-itms-info .playnow i {font-size: 25px;}  
.audiolist-itms-poster {min-width: 140px;max-width: 140px; }
.irifSL { padding: 30px;}
.ourarticlessl { padding: 30px 40px; }
.newsSl { margin: 0 23px 20px;}   
.our-articles-poster-right { padding: 23px 0 0;}
.postersports { padding: 10px 23px;} 
.our-articles-poster-left {  padding: 23px;}  
.upcevents-img { padding-bottom: 60%;}
.onthard .newscard-info { padding-right: 20px;} 
.page-template-tpl-signup .login-bg { min-height:772px;}  
.login-bg{ min-height:680px;}  
.login-holder { min-height: 680px;} 
    
    
.customsize-right { padding-top: 50px;}
.recentnews-img {padding-bottom: 100%;}
.irifSL { height: 90%;}
.irifSL .slick-dots { bottom: -56px;}    
.homebanner .slick-prev{/*left: 8%;*/ left: 3%;}
.homebanner .slick-next{/*right:8%;*/ right:3%;}
    
.lightbox.open a.btn{  max-width: 600px;  }  
.titlecenter { min-height: 420px;}
.footer-link-wrap .socialicon ul { column-gap: 5px;}
.ftr-menu .d-flex ul { min-width: 160px;}
.new-postersports-box{padding: 10px;}
.newNewsitm-box { /*border-radius: 5px;*/ padding: 4px;}
.img-post { width: 80px; /*border-radius: 4px;*/}
.content-post { width: calc(100% - 80px); padding-left: 10px;}
.trendingNewsitm .content-post p { margin-bottom: 4px;}
.new-home-design .irifSLholder { margin-bottom: 35px;}
.slick-slide.new-postersports-box{margin: 8px 5px;}

.live-pic {
    width: 90px;
    height: 90px;
    box-shadow: 0px 0px 0px 3px #3aaf86;
}
.live-app-right {
    margin-left: 100px;
}
.live-title { min-width: 44px;}
.find-live-sec {
    margin-bottom: 30px;
    /* margin-top: 40px; */
}
.play-store-list {
    width: 59%;}
}

@media only screen and (max-width:1299px){
:root {    
     --f-size-XXXL: 40px;
    --f-size-XXL: 35px;
    --f-size-XL: 30px;
    --f-size-L: 24px;
    --f-size-M: 22px;
    --f-size-S: 20px;
    --f-size-SM: 18px;
    --f-size-Body: 16px;      
} 

    
.hdr-btn { column-gap: 15px;  margin: 0 15px;}  
.login-search { column-gap: 10px;} 
.ftr-menu .d-flex ul { min-width: 180px;}  
.header-sticky .homebanner, .header-sticky .applicationform-holder, .header-sticky .myaccount-holder { margin-top: 250px;}
.ourarticlessl {padding: 0px 25px; height: 450px;}
.new-home-design .ourarticlessl { height: 350px;}
.new-home-design .irifSLholder{height: 350px;}
.recentnews-img { padding-bottom: 97%;} 
.audiolist-itms-poster { min-width: 125px; max-width: 125px;}  
.upcevents-img { padding-bottom: 65%;}  
.eventimg { padding-bottom: 56%;}  
.card-label { column-gap: 15px; justify-content: space-between;}   

    
.customsize-left { width: 69%;}  
.customsize-right { width: calc(100% - 69%);}
.specialEventSL .slick-next { top: -50px;}
.specialEventSL .slick-prev {top: -50px;}   
    
    
.header-sticky .stickyholder .headermidd, .header-sticky .stickyholder .headerbtm {  padding-left: 20px; padding-right: 24px;} 
.homebanner .slick-prev {left: 0%;}
.homebanner .slick-next {right: 0%;}
.homebanner .slick-prev, .homebanner .slick-next { width: 40px; height: 40px;}


    
}
@media only screen and (max-width:1199px){
:root {
    --f-size-XXXL: 40px;
    --f-size-XXL: 30px;
    --f-size-XL: 24px;
    --f-size-L: 22px;
    --f-size-M: 18px;
    --f-size-S: 16px;
    --f-size-SM: 15px;
    --f-size-Body: 14px;
}
.login-search { /*margin-right: 55px;*/ margin-right: 45px;}     
.headerbtm .dark-light-mode { display: block; margin-left: 5px;}
.common-padding { padding-top: 35px; padding-bottom: 35px; }
.common-small-padding { padding-top: 35px; padding-bottom: 35px; }
.nav_btn { display: block; cursor: pointer;position: relative;}
.hdr-wrap ul { display: block; text-align: center;}
.main-menu ul {text-align: center; flex-flow: row wrap;}
.main-menu .topmenu.mobileview>ul { width: 100%; display: block; text-align: center;}
.mobileview { opacity: 1; height: auto;}
.headerbtm .header-right { display: flex; align-items: center; justify-content: flex-end; flex-flow: row wrap;}


body.fixed { overflow-y: hidden;}
body.fixed .main-header { background: var(--clr-dark-blue);}
.stickyholder { position: relative;}
.main-menu { position: fixed; transform:translateX(100%); right: -100%; top:0; bottom: 0; z-index: 999; max-width: 100%; background-color:var(--clr-dark); padding-top: 70px; margin:0; display:block; width: 100%; padding-left: 20px;padding-right: 20px; transition: 250ms ease-in;overflow: auto;  border-top: solid 1px var(--clr-blue); }
.nav_btn.sidebar_active { position: fixed; top: 30px; right: 20px;  z-index: 999;}
.main-menu>ul li { width: 100%; }
.main-menu ul li:not(:last-child) { margin-right: 0; }
.main-menu>ul>li a { display: block; padding: 5px 0;border-bottom:0;color: var(--clr-white); }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a{}
.topmenu ul li a{padding: 5px 0; display: block; }
.hdr-rt ul li a {color: var(--clr-white);padding: 10px;}
li.menu-item-has-children::after{content: none;}
.nav_btn::after { content: ""; position: absolute; width: 35px; height: 2px; background: var(--clr-white); right: 0; /*top: -12px;*/ top: -7px; transition: ease-in-out 0.4s; }
.nav_btn::before { content: ""; position: absolute; width: 35px; height: 2px; background: var(--clr-white); /*top: 3px;*/ top: 7px; right: 0; transition: ease-in-out 0.4s; }

.nav_btn.sidebar_active::after{transform: rotate(45deg);top: 0; }
.nav_btn.sidebar_active::before{transform: rotate(135deg);top: 0; }
.main-menu.sidebar-open { right: 0; }
.minus, .plus{/*display: block;*/ position: absolute;right: 0;top: 0;font-weight: 400;color: var(--clr-white);font-size: 30px; height: 100%;
        align-items: center; justify-content: center; display: flex;}
.minus{display: none;}

li.menu-item-has-children.open-sub > ul.sub-menu{display: block;}
li.menu-item-has-children:hover > ul.sub-menu{height: 0; overflow: hidden;}
li.menu-item-has-children.open-sub > ul.sub-menu{/*height: 100%;*/ height: auto; position: relative; top: 0;}
li.menu-item-has-children.open-sub .minus{display: block; font-size: 50px; line-height: 1; right: 0; top: -8px;}
li.menu-item-has-children.open-sub .plus{display: none;}
/*li.menu-item-has-children ul.sub-menu a{color: var(--clr-black-primary) !important;}*/


    
.home-banner-holder { min-height: auto; height: auto;  padding-bottom: 50%;  position: relative;}
.home-banner-holder img { position: absolute;  top: 0; left: 0; right: 0; bottom: 0;}
.innerBanner .home-banner-holder { min-height: 400px;}
.home-project-card { padding: 15px;}
h1, h2, h3, h4, h5, h6, p { margin: 0 0 15px;}  
.home-blog-desc { padding: 20px;}
.home-blog-desc a.btn.more { right: 0; bottom: 0; width: 50px;} 
    
.irifSLholder {padding: 15px; height: auto;}
.new-home-design .irifSLholder { height: 300px;}
.irifSLitemimg { padding-bottom: 100%;}
.ourarticlessl { /*height: 390px;*/ height: 300px;} 
.new-home-design .ourarticlessl { height: 300px;} 
.customsize-right {padding-top: 54px;} 
.recentnews-info { padding: 20px;}   
.specialEventSL .slick-prev {right: 60px;}  
.homebanner .slick-prev{left: 30px;}
.homebanner .slick-next{right:30px;}  
.banner-cnt {left: 120px; max-width: 590px;}   
    
.upcevents-img { padding-bottom: 74%;} 
.newscard-info {padding: 20px;}
.eventimg { padding-bottom: 70%;} 
.topmenu ul li a, .main-menu ul li a { border-bottom: solid 1px transparent;}  
.topmenu ul li:hover a, .topmenu ul li.current-menu-item a, .main-menu ul li.current-menu-item a, .main-menu ul li:hover a { border-bottom:0;}
.socialicon ul li a { border: solid 1px var(--clr-white) !important;} 
.event-card-info {padding: 15px; margin-bottom: 30px;}
.showtime { left: 10px; right: 10px;}  
.showtime p {font-size: 10px;margin: 5px;}  
.eventtimeinfo { border-radius: 20px; padding: 20px;}  
.eventtimeinfo ul li i {font-size: 20px;}  
    
/* Base (no delays here) */
.main-menu ul li, .main-menu .topmenu ul li{  opacity: 0;  transform: translateX(-150px);  -webkit-transform: translateX(-150px);  transition-property: transform, opacity;  -webkit-transition-property: transform, opacity;  transition-duration: .4s;  -webkit-transition-duration: .4s;}

/* Open state (no delays here either) */
.main-menu.sidebar-open ul li, .main-menu.sidebar-open .topmenu ul li{  opacity: 1;  transform: translateX(0);  -webkit-transform: translateX(0);
/* Reset any inherited delays so we control them below */
  transition-delay: 0s;  -webkit-transition-delay: 0s;}

/* -------- First UL (direct child of .main-menu) -------- */
.main-menu.sidebar-open > ul > li:nth-child(1){ transition-delay:.10s; -webkit-transition-delay:.10s; }
.main-menu.sidebar-open > ul > li:nth-child(2){ transition-delay:.18s; -webkit-transition-delay:.18s; }
.main-menu.sidebar-open > ul > li:nth-child(3){ transition-delay:.26s; -webkit-transition-delay:.26s; }
.main-menu.sidebar-open > ul > li:nth-child(4){ transition-delay:.34s; -webkit-transition-delay:.34s; }
.main-menu.sidebar-open > ul > li:nth-child(5){ transition-delay:.42s; -webkit-transition-delay:.42s; }
.main-menu.sidebar-open > ul > li:nth-child(6){ transition-delay:.50s; -webkit-transition-delay:.50s; }
.main-menu.sidebar-open > ul > li:nth-child(7){ transition-delay:.58s; -webkit-transition-delay:.58s; }


.main-menu.sidebar-open > ul > li:nth-child(8){ transition-delay:.66s; -webkit-transition-delay:.66s; }
.main-menu.sidebar-open > ul > li:nth-child(9){ transition-delay:.74s; -webkit-transition-delay:.74s; }



/* -------- Second UL (.topmenu .mobileview) -------- */
/* Start after the first list finishes; bump with !important to beat any old rules */
.main-menu.sidebar-open .topmenu > ul > li:nth-child(1){ transition-delay:.70s !important; -webkit-transition-delay:.70s !important; }
.main-menu.sidebar-open .topmenu > ul > li:nth-child(2){ transition-delay:.78s !important; -webkit-transition-delay:.78s !important; }
.main-menu.sidebar-open .topmenu > ul > li:nth-child(3){ transition-delay:.86s !important; -webkit-transition-delay:.86s !important; }
.main-menu.sidebar-open .topmenu > ul > li:nth-child(4){ transition-delay:.94s !important; -webkit-transition-delay:.94s !important; }
.main-menu.sidebar-open .topmenu > ul > li:nth-child(5){ transition-delay:1.02s !important; -webkit-transition-delay:1.02s !important; }
.main-menu.sidebar-open .topmenu > ul > li:nth-child(6){ transition-delay:1.10s !important; -webkit-transition-delay:1.10s !important; }
.main-menu.sidebar-open .topmenu > ul > li:nth-child(7){ transition-delay:1.18s !important; -webkit-transition-delay:1.18s !important; }

    
.headermidd{display: none;}
.hdr-wrap  .sidebar-open .mobileview {opacity: 1;height: auto;}
.headerbtm { border-top: solid 1px rgb(255 255 255 / 30%);} 
.hdr-wrap .socialicon ul {  display: flex;column-gap: 10px;justify-content: center;}
.topmenu .socialicon {position: absolute;left: 0; right: 0; bottom: 30px;} 
.topmenu ul li a { display: flex; justify-content: center;}   
.hdr-wrap .socialicon ul { column-gap: 15px;} 

.page-template-tpl-signup .login-bg { min-height: 748px;}  
    
    
.specialEventSL .slick-next { top:-29px;}
.specialEventSL .slick-prev { top:-29px; } 
.smallview { display: block;}  
.myevents-account .col-md-4 { width: 50%;}
.all-holder .hdr-btn a.btn { max-width: 174px;} 
#searchBtnBar { padding: 0 10px;}
/*.btn span.headphone img { height: 13px; width: 20px;}*/
.btn, a.btn { column-gap: 5px; max-height: 44px;}
.top_button.smallview a.btn.red {padding: 15px 15px;}
.newsletter-holder form .form-group input[type="submit"] { max-height: 44px;}

 .page-template-tpl-archives .search-form input.form-control { padding: 8px 15px;} 
.lb-close { top: -177px !important;} 
.header-right .top_button.add-btn a { font-size: 0; width: 40px; height: 40px; display: block; padding: 0; border-radius: 100px; text-align: center; justify-content: center;} 
.header-right .top_button.add-btn .add-icon{display: block; /*width: 25px; margin-left: 5px;*/ width: 34px; margin-left: 3px; padding-top: 6px;}
.header-right .socialicon{display: none;}
.mob-dark{display: block; margin-left: 5px;}
.topmenu.mobileview .socialicon ul { justify-content: center;}
.headerbtm .nav_btn { display: block;}
.socialicon ul li.hdr-tikTok img { width: 12px;}
.new-home-design .irifSLholder { margin-bottom: 20px;}
.tri-logo { width: 100px; height: 100px;}
.tri-logo img { width: 60px; left: 1px; bottom: 2px;}
.img-post { width: 70px;}
.content-post { width: calc(100% - 70px);}

}
@media only screen and (max-width:991px){
.irifSLholder h4 { text-align: center;} 
.ourarticlessl h2 { text-align: center;}  
.ourarticlessl h2 strong { display: block;} 
.new-home-design .irifSLholder{height: 250px;} 
.new-home-design .ourarticlessl {  height: 250px;} 
.slick-dotted.slick-slider { margin-bottom: 50px;}  
.videos-sec-card { margin-bottom: 24px;}
.customsize-left { width: 70%;} 
.customsize-right { width: calc(100% - 70%);}
.audiolist { margin: 24px 0;} 
.audiobanner-add{ text-align: center;}  
.footer-link-wrap { display: block;}  
.footer-left {  padding-right: 5rem;}   
.ftr-menu { padding: 12px 0;}
.btnholders a.btn.red { margin: 5px 3px;}
.newsletter-holder .btn-submit { padding: 15px 30px;}
.upcevents-info { padding: 20px;}
.upcevents-img { padding-bottom: 105%;}  
.newscard { margin-bottom: 24px;     height:calc( 100% - 24px);}   
.eventimginfo { padding: 30px;}  
.eventimg { padding-bottom: 88%;} 
.infocard h4 { font-weight: 400;  font-size: var(--f-size-Body);} 
.sidemenu {padding: 0 20px;}
.sidemenu ul li a {padding: 15px 0;}   
.myaddCard-info { padding: 15px;}  
input[type="submit"] { padding: 14px 69px 14px 40px;}   
textarea, select, .form-control, input {  padding: 13px 15px;}
.myaccount-wrapper { padding: 15px;}   
.paymentTicket {flex-wrap: wrap;}  
.paymentTicket .paymentTicketImg, .customradio-wrapper { margin-bottom: 20px;}
.awards-tabs .col-sm-2 { width: 33.333%;}
br{display: none;}
br.mb-4 { display: block;}
.eventtimeinfo ul { flex-wrap: wrap;} 
.eventtimeinfo ul li{margin-bottom: 20px;}  
.event-details .staff .socialicon ul li a { width: 35px; height: 35px; font-size: 14px;}  
.socialicon ul { column-gap: 5px;}  
 .event-details .staff { flex-wrap: wrap; justify-content: center;}
.w-33 a.btn.red { min-width: auto;} 
    
    
.login-bg img { display: block;} 
.login-bg, .page-template-tpl-signup .login-bg { margin-bottom: 20px; min-height: auto; padding: 250px 0;} 
.login-holder { min-height: auto;}
.login-holder form { padding: 0;}
.showtime p { font-size: 14px;}  
.event-card {  margin-bottom: 24px;}   
.login-wrapper { height: auto;} 
    
.hdr-wrap.xx a.btn span { display: none;} 
.right-sidelist { margin-top: 30px;} 
.titlecenter { max-width: 300px;  margin: auto;}    
.checkout_wrap {display: block;} 
.checkout_wrap .col-1.left_billing_form { margin-bottom: 30px;}  
    
.woocommerce ul.order_details li {
    float: none;
    text-transform: uppercase;
    font-size: .715em;
    line-height: 1;
    border-bottom: 1px dashed #cfc8d8; border-right: 0 none;
    margin: 0 0 10px;
    padding: 0 0 10px;
    list-style-type: none;
    width: 100%;
}
.video-show .playbtn img { width: 60px;  height: 60px;}    
.banner-cnt {left: 92px;}
.careersCard { padding: 20px; border-radius: 15px;}
    
    
.archive .news-holder .newscard { height: auto;} 
.nav-item { margin: 10px 0;}

.card-box { padding: 10px;} 
.visa-logo { font-size: 12px;}  
.card-header { column-gap: 10px;} 
.login-holder { padding: 15px 20px;}
.woocommerce form.login {  padding: 20px 0;}  
/*
.masonry a{transition: none; -webkit-transition: none; display: block;}
.masonry img {transition: none; -webkit-transition: none;} 
*/
    
   
table.shop_table_responsive tr.woocommerce-orders-table__row { padding-bottom: 30px;}  
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0 3% 0 0;  width: 30%;}  

    
.presenters-details-holder { padding: 20px;}
.page-template-tpl-archives .search-form {  max-width: 80%;} 
form#signup .text-danger { margin-bottom: 0;}
.live-pic { width: 80px; height: 80px;}
.live-app-right { margin-left: 90px;}


    
}

@media only screen and (max-width:767px) {
.login-bg, .page-template-tpl-signup .login-bg {padding: 150px 0;}

.fa-bell{display: block;}
.hdr-btn .btn { column-gap: 0;font-size: 0; padding: 11px; border-radius: 50px; width: 40px; height: 40px; align-items: center; justify-content: center; }
.hdr-btn .btn .fa-bell{ font-size: 15px;} 
.hdr-btn .btn img{display: none;}
.hdr-btn .btn span.headphone img {display: block; height: 13px;}  
.hdr-wrap-logo { width: 80px;}
.logo img { /*height: 40px;*/ height: auto; width: auto;}  
.header-top.small-padding.side-padding { padding: 5px;}   

.hdr-btn { column-gap: 10px; margin: 0 10px;} 
.login-search {margin-right: 50px;}    
.footer-left { padding-right: 0;} 
.footer-left h1 { margin-bottom: 20px;}  
.titlewrapper {  display: block; text-align: center;} 
.titlewrapper h2, .event-card-info { margin-bottom: 20px;}  
.customsize-left, .customsize-right { width: 100%;}    
.customsize { display: block; margin-bottom: 24px;}
.nav_btn { margin-top: 5px;} 
.discussion-right ul { padding: 15px;} 
.discussion-right ul li { font-size: var(--f-size-Body);}   
.discussion-right { padding-top: 25px;}  
.specialEventSL .slick-prev { right: auto;  left: calc(50% - 45px); top: auto; bottom: -35px;}
.specialEventSL .slick-next { right: calc(50% - 45px); left: auto; top: auto; bottom: -35px;}   
.our-articles-poster { display: block;}
.our-articles-poster-left { border-right: 0 none; width: 100%;}  
.dark-mode .our-articles-poster-left{border-right: 0 none;}
.our-articles-poster-right { width: 100%;} 
.newsSl { margin: 0 0 20px;} 
.postersports { padding: 10px 0;} 
.specialEvent-card { padding: 0;} 
.our-articles-poster-right { padding: 20px 20px 0;}


.homebanner .slick-dots { bottom: 25px;}
.banner-cnt { left: 5%; right: 5%; width: auto;}
.home-banner-holder { padding-bottom: 100%;}   
.header-sticky .homebanner, .header-sticky .applicationform-holder, .header-sticky .myaccount-holder { margin-top: 69px;}  
.homebanner.slick-initialized.slick-slider.slick-dotted { margin-bottom: 0;}
.trendingNewsitm h4 { -webkit-line-clamp: 2;}    
.btn, a.btn { border-radius: 10px;  column-gap: 10px; padding: 13px 16px;}   
#bgSearchBar { column-gap: 5px; margin-right: 15px;  margin-left: 15px;  padding-bottom: 15px; } 
#bgSearchBar input.searchField {padding: 8px 10px; font-size: 14px;} 
button.bgsearchbtn.btn, button.bgcancelhbtn.btn.red { padding: 13px 10px;} 
.recentVideoslist { margin-top: 50px;} 
.infocard h4 { font-size: var(--f-size-Body);}  
.order-2 { order: inherit !important;}   
.aboutus-img { margin-bottom: 20px;}
    
.calendar-grid div { padding: 10px 0;} 
.selected { width: 40px; height: 40px;}  
.nav-btn { font-size: 14px;}  
.calendar-header { padding: 25px 15px;} 
.year-post-list { margin-bottom: 24px;}  
.calendar-header h2 { font-size: 16px;} 
.search-box {  min-width: 100%; max-width: 450px;  width: 100%; margin-top: 20px;} 
.title-search-holder { justify-content: center;} 
.archivesCard { margin-bottom: 24px;}
.musicawardsCards-info ul { margin-bottom: 20px;}
.musicawardsCards-info ul li:before { top: 10px;}  
.newscard {  margin-bottom: 20px;} 
.careersCard {padding: 20px;}  
div#viewmore .careersCard {padding: 0;}  
#viewmore button.btn-close { position: absolute; z-index: 9; right: 15px; top: 20px; opacity: 1;}
.header-sticky .innerBanner { margin-top: 65px;}  
.main-menu { padding-bottom: 30px;}  

.eventimg { padding-bottom: 70%;}  
.eventCard-img { margin-bottom: 0;}  
.recentVideoslist {margin-top: 0;margin-bottom: 0 !important;}
.eventCard { margin-bottom: 24px;}   
textarea, select, .form-control, input { font-size: 14px; margin-bottom: 20px;}  
.ftr-menu .d-flex { column-gap: 20px;} 
.ftr-menu .d-flex ul { min-width: auto;}  
.sidemenu { margin-bottom: 20px;}  
.userProfile input[type="submit"] { margin-bottom: 0;}   
.userProfile .eye-icon {top: 37%;}  
table.table { width: 700px;}   
.awards-tabs .col-sm-2 { width: 50%;}
.awardsCard img { height: 185px;}   
.awardsCard .star { width: 25px; height: 25px; right: 15px; top: 15px;}
.awardsCard .star img { height: 15px; width: 15px;   min-width: 15px;} 
.holder{flex-wrap: wrap; margin-bottom: 20px;}  
.awards-tabs ul .nav-link {margin-right: 0; column-gap: 1px;  padding: 12px 12px;  font-size: 13px;} 
.awards-tabs ul .nav-link span img{ display: none;} 
.awards-tabs ul.nav.nav-pills { justify-content: space-between;}   
.eventlist-holder.side-padding{ padding-bottom: 0;}
#searchBtnBar{padding: 0 1px;} 
.choose-file p {font-size: 12px;} 
.footer-link-wrap {  display: flex; column-gap: 15px;} 
.ftr-menu:first-child { padding: 12px 0; width: 100%;}
.ftr-menu .d-flex { justify-content: space-between;}
.socialicon ul {  column-gap: 10px;}  
.socialicon ul li a { width: 30px;  height: 30px;} 
.login-holder .bottom-place ul li a { font-size: 10px;}
.login-holder .bottom-place { position: relative;  bottom: 0;  left: 0;  transform: translateX(0);} 
.input-holder {  flex-wrap: wrap;}  
.input-holder .form-group { width: 100%;  }
.small-logo { width: 80px; height: 80px; padding: 10px;}
ul.calendar-post-list { font-size: 7px; padding: 6px; top: 38px; width: 60px;} 
.innerBanner .home-banner-holder { min-height: 300px;}  
.modal-body { padding: 15px;}
.modal-body .dateofpost { margin-right: 30px;}
 #msform .action-button-previous, #msform .action-button { padding: 13px 50px 13px 18px;  margin:0 2px; background-size: 20px; /*background-position: 83%;*/} 
#msform .action-button-previous{padding: 13px 18px 13px 50px;}
.header-top.small-padding { padding-top: 10px;  padding-bottom: 10px;}  
.header-sticky .stickyholder .headermidd, .header-sticky .stickyholder .headerbtm { padding-left: 10px;  padding-right: 10px;}
    
.hdr-wrap.xx a.btn span.add-icon  {  display: block;  width: 25px;}
.top_button.smallview a.btn.red { font-size: 0; border-radius: 50%;column-gap: 0;  width: 40px; height: 40px;  padding: 0; display: flex; align-items: center; justify-content: center;} 
.hdr-wrap.xx a.btn span.headphone { display: block;}
.tabfeature { padding: 0 15px; gap: 5px;}   
.tabfeature label { padding: 10px 20px; margin-bottom: 10px; font-size: 10px;}
.staff { padding: 15px 10px; margin-bottom: 25px;}
.profile-left { column-gap: 10px;}
.main-footer .socialicon { padding: 12px 0; min-width: 103px;}
.specialEvent .customsize .customsize-right {padding-top: 0px;}
.articles-details .recentVideoslist { margin-top: 30px;}
    
.dark-mode .modal-content { background: #191919;}
.dark-mode div#careerPOPup { border: 0 none;} 
:root { --gap: 2px; }   
.galleryCard { margin: 2px;}  
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding: 15px 15px;}  
.mdp-readabler-trigger-button-box button#mdp-readabler-trigger-button { padding: 10px !important;} 
.videoModal  .modal-dialog-centered { max-width: 86%;  margin: auto;}
.wpstream_notice {font-size: 16px !important; padding: 30px;}
    
.presenters-details-holder { flex-wrap: wrap;}  
.presenters-details-holder .presenters-dtls-img, .presenters-details-holder .presenters-dtls-info { min-width: 100%;}
.presenters-details-holder .presenters-dtls-img{margin-bottom: 30px;}
    
    
    
.page-template-tpl-archives .search-form {max-width: 100%;}
.page-template-tpl-archives .search-form input.form-control {  padding: 10px 15px;}
.page-template-tpl-archives .search-form input[type="submit"] {   padding: 14px 50px 14px 20px;}
.woocommerce .woocommerce-customer-details address { word-break: break-all;}
.successful img { width: 40px;}
.lb-close {top: -100px !important;}

.nav_btn::before { top: 4px;}
.nav_btn::after { top: -10px;}
.new-home-design .irifSLholder { margin-bottom: 0px;}
.new-home-design .titlecenter{ min-height: 100%;}
.new-postersports-box{padding: 10px;}
.img-post { width: 100px;}
.content-post { width: calc(100% - 100px);}
.no-evemnts { height: 70px; padding: 10px; margin-bottom: 15px;}
.appicon ul { font-size: 15px;}

.find-app-row{justify-content: center;}
.live-app-row{justify-content: center; margin-top: 15px;}
.live-box { position: relative; top: inherit; transform: inherit;}
.live-app-right { margin-left: 0px;}
.find-live-sec { margin-bottom: 20px; /*margin-top: 30px;*/}
    
}
@media only screen and (max-width:575px){
    .archive .news-holder .newscard, .archive .news-holder .newscard-ad{height: auto;}
    .careersCard{ padding: 15px;}
    .ccdetails h6 span { width: 100%; display: block; margin-bottom: 5px;}
    .appicon ul { font-size: 14px;}

}
@media only screen and (max-width:480px){
:root {
    --f-size-XXXL: 24px;
    --f-size-XXL: 20px;
    --f-size-XL: 20px;
    --f-size-L: 20px;
}
    
.hdr-btn .btn {  padding: 5px; width: 25px; height: 25px;}
.hdr-btn { column-gap: 5px; margin: 0 5px;} 
.login-search {margin-right: 50px;} 
.login-search {  column-gap: 5px;} 
/*#searchBtnBar {font-size: 30px;}  */
.listenlive { width: 20px;}
.top_button.add-btn .add-icon img { width: 24px;}
.login-search img { /*width: 25px;*/ width: 20px; height: auto;}
.top_button.smallview a.btn.red { width: 25px;height: 25px;}  
.hdr-wrap.xx a.btn span.add-icon {  width: 18px;}    
/*.logo img { height: 30px;}*/
.socialicon ul { column-gap: 3px;}
.staff-profile img { width: 60px; height: 60px;}
.staff-profile { width: 60px;}
.dark-mode .profile-left h4 { width: calc(100% - 90px); word-wrap: break-word;}
.socialicon ul li a { width: 26px; height: 26px;}
.staff { padding: 10px 10px;}
.newscard-info { padding: 20px 10px;}

#msform .action-button { padding: 12px 40px 12px 14px;} 
#msform .action-button-previous{padding: 11px 14px 11px 40px;}
.freeaudio-sec button.vjs-big-play-button { transform: scale(0.5) !important;}
.header-right .top_button.add-btn a { width: 32px; height: 32px;}
.header-right .top_button.add-btn .add-icon{ width: 26px; margin-left: 3px; padding-top: 6px;}
    
    .newNewsitm-box {
        /* border-radius: 5px; */
        padding: 3px;
    }
    .img-post {
        width: 80px;
        /* border-radius: 5px; */
        padding-top: 10%;
    }
    .content-post {
        width: calc(100% - 80px);
        padding-left: 10px;
    }
    .play-store-title { width: 100%; text-align: center; margin-bottom: 6px;}
    .play-store-list { width: auto;}
    .play-store-list ul { justify-content: center;}
    


}
@media only screen and (max-width:399px){
 .card-box { padding: 10px;}   
.card-label { column-gap: 10px;}
.discussion-right ul li { font-size: 10px;}
.tabscenter .nav-link { font-size: 12px;} 
.btn, a.btn { border-radius: 10px;  column-gap: 5px; padding: 13px 15px;}
.awards-tabs ul .nav-link {margin-right: 0; column-gap: 0; padding: 12px 8px; font-size: 12px;} 
.main-menu { padding-top: 60px;} 
.login-holder input[type="email"], .login-holder input[type="password"], textarea, select, .form-control, input { padding: 10px 15px;  font-size: 12px;}
.tabscenter { padding: 5px 5px;} 

.iagree label {flex-wrap: wrap; font-size: 10px;}
.lb-close {top: -89px !important;}
.hdr-wrap-logo { width: 60px;}

}
@media only screen and (max-width:380px){
.topmenu .socialicon { bottom: 15px;} 
.login-search { margin-right: 45px;}
form.woocommerce-form.woocommerce-form-login.login { padding: 0;}  
.form-footer { display: block;} 
.forgot { margin: 10px 0;display: block;} 
p.signup-text a { display: block;}

.staff { flex-flow: row wrap;}
.staff .socialicon { width: calc(100% - 57px); margin-top: 7px; margin-left: auto;}
.profile-left { column-gap: 7px; width: 100%;}
.profile-left h4 { width: calc(100% - 67px);}
.staff-profile {width: 50px;}
.staff-profile img { width: 50px; height: 50px;}
    
}
@media only screen and (max-width:360px){
    .lb-close {top: -70px !important;}
    .live-pic { width: 70px; height: 70px;}
    .live-title { min-width: 40px; padding: 0px 1px;}

}