:root{
  /*create colors for use in any of our areas below
  using this for testing last year stuff mostly*/
  --salesforce-dark-blue: #032c60;
  --salesforce-medium-blue: #3e82e0;
  --salesforce-light-blue: #eaf5fe;
  --salesforce-dark-green: #396547;
  --salesforce-dark-grey:#59575C;
}


/*Portal Stuff Overall*/
body, span, p, div,
.rf-admin-content *, .rfComp-canvas *:not(div.video-room-card *), .rf-default-modal *, [id*='rf-'].rf-widget * {
  /*font-family: 'SalesforceSans',sans-serif;*/
  /*color: #59575c;/*THIS is removed entirely, seems it's getting way too much */
}
#rf-catalog .rf-attribute video-js button.vjs-big-play-button,
#rf-catalog .rf-attribute video-js button.vjs-big-play-button span{
  font-size: 50px;
}

#rf-catalog .rf-attribute *:not(a):not(button>span):not(video-js *):not(.rf-brightcove-player *),
#rf-catalog .rf-checkbox span,
#rf-catalog .rf-checkbox-label,
#rf-catalog .session-details-container .title-container .title-text,
#rf-catalog .session-details-page .catalog-result-title button .title-text{
  color: #59575c;/*THIS is updated to targeted areas */
}
#rf-catalog .session-title a > div.title-text{
  color: #59575c;
}
/*fix color on zoom links*/
#rf-catalog button.webinar-join-btn:not(.disabled) span.mdBtnR-text{
  color:#0176d3;
}
/*:not(video-js *) added 20220411 to fix video menu on session pages*/
#rf-catalog .rf-attribute *:not(video-js *),
#rf-catalog .rf-checkbox span,
#rf-catalog .rf-checkbox-label,
#rf-catalog .mdBtnR-text,
#rf-catalog .badges .badge,
#rf-catalog .rf-catalog-tabs li button,
#rf-catalog .recommendation-bar .recommended-for-you-text,
#rf-catalog .recommendation-bar .recommendation-message,
#rf-catalog .filters li button span,
.d3g-track-header-wrapper p,
#rf-catalog .session-details-container .title-container .title-text,
#rf-catalog .session-details-page .catalog-result-title button .title-text{
  font-family: 'SalesforceSans',sans-serif;
}

/*remove all default padding from flex-box-sections and add padding to top and bottom ones only*/
.flex-box-section-full {
    padding-top: unset;
    padding-bottom: unset;
}
.flex-box-section-full:last-child {
    padding-bottom: 50px;
}
.flex-box-section-full:first-child {
    padding-top: 50px;
}
/*make sure any boxes that are next to each other take up the same space*/
.flex-box-section-full .rf-card .card-body{
  height:max-content;
}
/*remove scroll bar on rf-catalog on portal (from widget)*/
.rf-body .flex-box-section-full #rf-catalog{
  overflow:hidden;
}


/* session speakers page */
.salesforce-edusummit22-event-portal-page-speakers .targeted-agenda-header {
  display:none;
}


.salesforce-edusummit22-event-portal-page-exhibitors .search-content .section-title {
  display:none;
}
/*remove labels from exhibitor sections - specifically for custom level segmentation - 
will need to change if we want labels on other exhibitor catalogs
default is these three from rf
#rf-catalog .search-container .search-content .section-title, 
#rf-exhibitorcatalog .search-container .search-content .section-title, 
#rf-speakercatalog .search-container .search-content .section-title
but we will only use exhibitor*/
#rf-exhibitorcatalog .search-container .search-content .section-title {
    margin: 8px 0 10px;
    display: none;
}


/*20220307 - colors for session badges for prerelease
.badges .rf-advancement,
.badges .rf-marketing,
.badges  .rf-enterprise-wide-crm,
.badges  .rf-institution-operations,
.badges .rf-k-12,
.badges  .code-1645076376928001k8zh,
.badges  .rf-student-experience,
*/
.code-1645076376928001k8zh,
.code-1646833536021001gHwo,
.code-1646833536021002g0cH,
.code-1645076376928002kqI6,
.code-1645076376928003k5nC,
.code-1645076376928004kx7n,
.code-1645076376928005kLik,
.code-1645076376928006kOtD,
.code-1645076376928007kNnG,
.code-1646833536021003gM9h,
.code-1646833536021004gAi3,
.code-1646833536021005gtkI,
.code-1646833536021006gqns
{
    background-color: #fe9339;
    color: #444444;
}


/*.badges .rf-intermediate,
.badges .rf-beginner,
.badges .rf-advanced  */

.code-1645076376928008kvVU,
.code-164507689627100115T1,
.code-164512681818901212ZP,
.code-1646833536021013gyGR,
.code-1646833536021014gtes,
.code-1646076595696006oz5a,
.code-1646076595696007ocVL,
.code-1646076595696008oLXM,
.code-1646076595696009oJTa,
.code-1646852368013001RBaQ
{
   background-color: #ffba90;
   color : #444444 !important;
}


/*.badges .rf-recruitment-and-admissions, */
/*.badges .rf-administration,
.badges .rf-enrollment-management,
.badges .rf-finance-and-operations,
.badges .rf-information-technology,
.badges .rf-marketing-and-communications,
.badges .rf-president,
.badges .rf-provost,
.badges .rf-student-success-and-services,
.badges .rf-superintendent  */

.code-16451268181890011dQf,
.code-16451268181890021VQK,
.code-1646833536021007gNYm,
.code-1646833536021008gGxq,
.code-16451268181890031zMD,
.code-16451268181890041SoE,
.code-16451268181890051dnv,
.code-1646833536021009gInC,
.code-1646833536021010goPE,
.code-16451268181890061Lv9,
.code-16451268181890071ZFt,
.code-16451268181890081ff9,
.code-1646833536021011gkIt,
.code-1646833536021012gDga,
.code-16451268181890091oVJ
{
    background-color: #fcc003;
    color: #444444;
}


.code-1646076595696001o4yK,
.code-1646076595696002obEo,
.code-1646076595696003oWUz,
.code-1646076595696004o8Uo,
.code-1646076595696005okTn {
    background-color: #f9e3b6;
    color: #444444;
}



/*********************CALENDAR STUFF FROM LAST YEAR TO TEST AND VALIDATE********************/

/*CALENDAR PAGE START*/
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .add-personal-time{
  border-radius:25px;
}
/*calendar not full width - only important when we used widget
#rf-calendar {
    width: 80%;
    margin: auto;
}*/
.recommendation-actions span svg{
  fill:white !important;
  opacity: 1 !important;
}
#rf-calendar .schedule-calendar .rbc-event.session-interest svg {
  fill:var(--salesforce-medium-blue) !important;
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot {
  background-color: white;/*#2168CA;*/
}
/*don't want to hide the webinar link this year... 20220411
[data-test="rf-modal-modal.body"] [data-test="rf-button-webinar-link"],*/
[data-test="rf-modal-modal.body"] .session-location{
  display:none !important;
}
.rbc-day-slot .rbc-time-slot disabled {
  background-color: #f5f5f5;
}

[data-test="rf-button-session-over"] {
  display:none !important;
}

/*calendar item for speakers to see - attendee branding!!!*/
#rf-calendar .schedule-calendar .rbc-event.session-speaker{
  background-color:#396547;
  border-color:#396547;
}

#rf-calendar .schedule-calendar .rbc-event.session-speaker .rbc-event-label,
#rf-calendar .schedule-calendar .rbc-event.session-speaker .rbc-event-content *{
  color:white;
}
#rf-calendar .schedule-calendar .rbc-event{
  min-height:2.5% !important;/*1.6 if 24 hours 2.5 if 7-10*/
}

#rf-calendar .session-calendar-instructions {
  display:none;
}

#rf-calendar .rbc-time-slot > .rbc-label,
#rf-calendar .rbc-time-header-cell span,
#rf-calendar .calendar-options .rf-checkbox-label{
    color: var(--salesforce-dark-blue) !important;
}
/*am/pm match everywhere else 20220311*/
#rf-calendar .schedule-calendar .rbc-time-gutter .rbc-label{
  text-transform:uppercase;
}
/*remove toggle from grid to non on apac page since only one day*/
.salesforce-edusummit22-event-portal-page-calendar-apac #rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .rfSI-toggle {
    display: none;
}

#rf-calendar .calendar-options input[type=checkbox]:checked+.checkbox-bg{
  background-color: var(--salesforce-dark-blue) !important;
}
/*colors for different scheduled item text 20220311*/
/*sessions - blue back*/
.rbc-event.schedule-calendar-session.enrolled .rbc-event-label,
.rbc-event.schedule-calendar-session.enrolled .rbc-event-content *{
  color:white;
}
/*20220317 update pill text when there are recommended sessions on hover of cal*/
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot .recommendations-message span.rf-pill-text{
  color:white;
}
#rf-calendar .schedule-calendar .rbc-event.calendar-item{
  background-color:#cfe9fe;
  border-color:#cfe9fe;
}
/*CALENDAR PAGE END FROM LAST YEAR TO TEST AND VALIDATE*******************************************/


.d3g-1360-width-max {
    max-width: 1360px;
}



/*D3G BROADCAST MODAL START*/

    .D3GBroadcastMessageModal {
        z-index:92;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        opacity: 0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        visibility: hidden;
    }
    .D3GBroadcastMessageModal-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 1rem 1.5rem;
        width: 24rem;
        border-radius: 0.5rem;
        background: #fff;
      	max-width: 90% !important;
    }
    .D3GBroadcastclose-button {
        float: right;
    position: absolute;
    right: 2px;
    top: 2px;
        text-align: center;
        cursor: pointer;
        border-radius: 0.25rem;
      
        /*background: #606061;
        color: #FFFFFF;*/
      color:#0B5CAB;
        line-height: 25px;
        width: 24px;
        text-decoration: none;
        font-weight: bold;
        /*-webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;*/
      
    }

    .show-D3GBroadcastMessageModal {
        opacity: 1;
        visibility: visible;
        transform: scale(1.0);
    }

.D3GBroadcastclose-button:hover {
  color:#032d60;
/*    background: #032d60;*/
}

@media only screen and (max-width:499px){
  .d3g-broadcast-message-inner-text {
    font-size: 16px;
  }
}
@media only screen and (max-height:700px){
  .d3g-broadcast-message-inner-text {
    font-size: 16px;
  }
}
/*D3G BROADCAST MODAL END*/



/*3/25 adding a little more space at bottom of footer since it's added into the body*/
footer > .footer__inner .footer__brand__links {
    padding-bottom: 25px;
}

/*3/28 fixing catalog tabs so they continue to wrap on small screens*/
@media (max-width: 767px){
#rf-catalog .search-container .rf-catalog-tabs, #rf-exhibitorcatalog .search-container .rf-catalog-tabs, 
  #rf-speakercatalog .search-container .rf-catalog-tabs {
    flex-wrap: wrap;
}}

/*testing if I can fix all tracks from here 3/28*/
@media only screen and (max-width:1099px){
  .d3g-track-header-wrapper > div:last-child {
      flex-basis: 100%;
      height: 200px;
      margin: auto;
  }
  .d3g-track-header-wrapper > div:first-child {
      flex-basis: 100%;
      order: 2;
  }
  .d3g-track-header-wrapper {
      display: flex;
      flex-direction: column;
  }
}

  /*20220330 - fix li decoration for all tiles (Targ Agenda) - specifically Advancement Page*/
#rf-content .workflow-targeted-agenda .rf-tile-wrapper .rf-tile-info ul li {
    list-style: disc;
}

/*20220405 remove title bar from brightcove videos - this likely can go away since we removed the title from the player within Brightcove JJE 0414*/
.video-js .vjs-dock-text {
    display: none;
}
  
/*20200407 fixing mainstage buttons on mainstage pages on small screens*/
@media only screen and (max-width:480px){
    .d3g-mainstage-buttons > span.d3g-mainstage-button{
        display:block;
    }
    .d3g-mainstage-buttons{
        padding-bottom: 20px;
    }
}  

/*20220407 - change modal title case to whatever happens to be in translations
likely changing back since we can't control 'speaker' header and many others
removed on 20220408
.rf-default-modal .modal-content .modal-header .modal-title{
  text-transform:none;
}*/
/*20220407 Change Chat bubble background color for help desk*/
.rf-chat .rf-chat-fab {
    background-color: #f39339;
}

/*20220407 fix list items style on Channel Players*/
.room-info-container .room-info-details ul li {
    list-style: disc;
}

/*20220408 fix buttons on session cards (catalogs) to ensure 'Add to Schedule' button is centered vertically even when zoom text is shown*/
ul.session-actions > li > button.session-action{
  margin-top:auto !important;
  margin-bottom:auto !important;
}

/*20220413 try and fix video controls on iphones*/
@media only screen and (max-width:380px){
    .rf-video-player video-js *{font-size:10px !important;}
  /*all of this worked on browser but made no difference on the iphone... need more investigation
    .rf-video-player video{font-size:1px !important;}
  .rf-video-player .vjs-control-bar{max-width:95%; overflow:visible;}
  .rf-video-player .vjs-fullscreen-control{order:1; visibility:visible; opacity:1; display:flex;}
  .rf-video-player .vjs-subs-caps-button{order:2;}*/
}
/*20220420 hide the thumbnails on video player scrub bars so you can't get a preview on simulve - 
may need to remove for on demand time - only shows up on channel players*/
.vjs-thumbnail-display {
    display: none !important;
}

/*20220428 hide top nav on new thanks page*/
.salesforce-edusummit22-event-portal-page-thanks #sfdo-portal-header #d3g-header-nav-bar-wrapper > ul > li:not(:first-child),
.salesforce-edusummit22-event-portal-page-thanks #sfdo-portal-header #d3g-header-nav-hamburger-icon {
    display: none;
    pointer-events: none;
}