/*specific pages container*/
.home-custom-css{}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

/*main container of each section*/
.main-app-container {}

/*
call-to-action buttons e.g:
Register, Join The Community etc
*/
.btn-register {}

/*Top navigation bar container*/
.template-nav {}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1 {}

/*social share buttons container*/
.social-share-button {}

/*social share buttons per social network*/
.social-share-button.facebook {}
.social-share-button.twitter {}
.social-share-button.linkedin {}
.social-share-button.google {}

/* SUPERSIDE CUSTOM CSS */
body{
	font-family: 'Avenir Next',sans-serif !important;  
}
.navColors .color-2-background, .navColors .color-2-background.custom-color {
    background-color: #003b95;
}
nav .navbar-header .navbar-brand{
  display: none!important;
}
nav .nav-menu-btn{
	text-transform: capitalize!important;
}

body .main-view .superside-loader{
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #003B95;
  z-index: 11111;	
}
body .main-view .superside-loader .atom-sectionMain{
    display:none;
}
body .main-view .superside-loader{
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #003B95;
  z-index: 11111;	
}

footer{
    display: none!important;
}
.footer-padding,
.footer-padding.footer-padding-confirmation{
    padding-bottom:0px!important;
}
.superside-footer .main-app-container{
    width: 100%;
    max-width: 100%;
}
.superside-footer .main-app-container > div:first-child{
    display: none;
}
.superside-footer .main-app-container .element-groups > div{
    display: none;
}
.superside-footer .main-app-container .element-groups > div:first-child{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 72px;
}
.superside-footer .main-app-container .element-groups > div:first-child img{
    height: 24px;
    width: auto;
    padding: 0px!important;
    margin: 0px!important;
}
.superside-footer .main-app-container .element-groups > div:first-child > div:last-child{
    display: none;
}
.superside-footer .main-app-container .element-groups > div:first-child .atom-main{
    margin: 0px!important;
    border-radius: 0px!important;
}
.superside-footer .main-app-container .element-groups > div:first-child p{
    color: #FFFFFF;
    font-size: 0.667rem;
    margin: 0px!important;
    text-align: right;
}

@media (max-width: 800px) {
    .superside-footer .main-app-container .element-groups > div:first-child{
        flex-direction: column!important;
        padding: 0px 0px!important;
        gap:5px;
    }    
    .superside-footer .main-app-container .element-groups > div:first-child img{
        height: 11px!important;    
    }
    .superside-footer .main-app-container .element-groups > div:first-child p{
        text-align: center!important;
    }
    .superside-footer .main-app-container{
        padding-top: 18px!important;
        padding-bottom: 18px!important;
    }

}

/* 1. Hide the original English text */
.superside-countdown .count-unit {
    font-size: 0 !important; /* Hides the text ""DAYS"" */
    color: transparent !important;
}

/* 2. Style the new text to match your site's font */
.superside-countdown .count-unit::after {
    font-size: 20px !important; /* Adjust size to match your design */
    color: #ffff; /* Change this hex code to your desired text color */
    display: block;
    margin-top: px; /* Adjust this if the spacing looks off */
}

/* 3. Inject labels based on order */"
/* 1st Block: DAYS -> NEW LANGUAGE */
.superside-countdown .count-container:nth-child(1) .count-unit::after {
    content: 'DAYS';
}
/* 2nd Block: HOURS -> NEW LANGUAGE */
.superside-countdown .count-container:nth-child(2) .count-unit::after {
    content: 'HOURS';
}
/* 3rd Block: MINUTES -> NEW LANGUAGE */
.superside-countdown .count-container:nth-child(3) .count-unit::after {
    content:'MINUTES';
}
/* 4th Block: SECONDS -> NEW LANGUAGE */
.superside-countdown .count-container:nth-child(4) .count-unit::after {
    content: 'SECONDS';
}

/*1.- Back button*/

.agenda-view .session-control-buttons .control-button.back-to-agenda  {
   font-size: 0
}
.agenda-view .session-control-buttons .control-button.back-to-agenda::after{
   font-size: 14px;
   content:'';
}
/*2.- Interested*/

body > div.react-main.footer-padding-confirmation > div > div > div.agenda-view.top-agenda-margin-double.agenda-view--session > div > div > div.session-info-container-wrapper > div.session-page.session-page-element.padding-bottom-small.margin-bottom-small.container > div > div.session-actions.font-size-14 > div > div.session-action-wrapper.starred > div > span{
   font-size: 0;
}

body > div.react-main.footer-padding-confirmation > div > div > div.agenda-view.top-agenda-margin-double.agenda-view--session > div > div > div.session-info-container-wrapper > div.session-page.session-page-element.padding-bottom-small.margin-bottom-small.container > div > div.session-actions.font-size-14 > div > div.session-action-wrapper.starred > div > span::after{
   font-size: 14px;
   content: '';
}
/*3.- Share*/

body > div.react-main.footer-padding-confirmation > div > div > div.agenda-view.top-agenda-margin-double.agenda-view--session > div > div > div.session-info-container-wrapper > div.session-page.session-page-element.padding-bottom-small.margin-bottom-small.container > div > div.session-actions.font-size-14 > div > div.session-action-wrapper.share > div > span{
   font-size: 0
}
body > div.react-main.footer-padding-confirmation > div > div > div.agenda-view.top-agenda-margin-double.agenda-view--session > div > div > div.session-info-container-wrapper > div.session-page.session-page-element.padding-bottom-small.margin-bottom-small.container > div > div.session-actions.font-size-14 > div > div.session-action-wrapper.share > div > span::after{
   font-size: 14px;
   content: ';
}
9.- Speakers*/

.agenda-view .session-page .session-section-title  {
   font-size: 0
}
.agenda-view .session-page .session-section-title::after{
   font-size: 14px;
   content:;
}"
.calendar > :nth-child(1) > span{
 font-size: 0;
}

.calendar > :nth-child(1) > span  ::after{
 font-size: 14px;
 content: 'أ;
}Add"