/*colors
lt blue #eaf5fe
dk blue #032d60
*/

/*sections
color declarations
fonts
code for many pages
Home Page
Tracks and Track A-D, Demo Jam, and Product Demos (around line 711)
Braindate - Not used anymore
Leaderboard (around line 875)
Capsule
Pigeonhole Chat Mod Page
agenda page (around line 1070)
meeting request - linked from exhibit booth
d3g modal
@media
Login
TimeZoneConverter
extra stuff that may need to be cleaned up or found a home
*/

/*colors
dk blue #032c60
lt blue #eaf5fe
dk green #396547
dk grey #59575C

*/
:root{
  /*create colors for use in any of our areas below*/
  --salesforce-dark-blue: #032d60;
  --salesforce-medium-blue: #3e82e0;
  --salesforce-light-blue: #eaf5fe;
  --salesforce-dark-green: #396547;
  --salesforce-dark-grey:#59575C;
}

/*MULTIPLE PAGES START*/

#footerSalesforceLogo {
  position: absolute;
  left: 10%;
  top: 35%;
  width: 344px !important;
}

.footerLSalesforceLogo {
  position: absolute;
  width: 100%;
}

#footerSocial {
  position: absolute;
  left: 50%;
  top: 35%;
  width: 200px !important;
  margin: 0 auto 0 auto;
  color:white;
  font-size:24px;
}

#footerSocial div {
  display: inline-block !important;
  padding-right: 8px;
  padding-top: 12px;
  width: 20px !important;
  vertical-align: top;
}

.footerSocial{
  position: absolute;
  width: 20px !important;
}

#footerLinks {
  position: absolute;
  font-size:11px;
  color: white;
  padding-left:18px;
  padding-top:24px;
  width:440px;
}

#footerLinks a {
  color: white;
}

#footerContactUs {
  position: absolute;
  right: 5%;
  top: 35%;
  color:white;
  font-size:24px;
}

#footerContactUs a {
  color: white;
  font-size: 11px;
}

#rf-content{
  min-height: calc(100% - 290px);
}

footer{
  background-color: #032d60 !important;
  height: 170px;
}
#footerLeftBackgroundImage {
    height: 100%;
    width: unset;
    float: left;
}
#footerRightBackgroundImage {
    height: 100%;
    width: unset;
    float: right;
}

body, footer, header{ 
  min-width: 332px;
}
/*leaderboard names for home and leaderboard pages*/
.leaderboard-card-list span{
  word-break: break-word;
}
/*pages with extra white at the bottom that need to be blue*/
.rf-body.salesforce-nonprofitsummit-nps21-portal-main-login,
.salesforce-nonprofitsummit-nps21-portal-main-page-thanks #rf-content,
.salesforce-nonprofitsummit-nps21-portal-main-page-game #rf-content,
.salesforce-nonprofitsummit-nps21-portal-main-page-tracks #rf-content,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a #rf-content,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b #rf-content,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c #rf-content,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d #rf-content,
.salesforce-nonprofitsummit-nps21-portal-main-page-main #rf-content,
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam #rf-content,
.salesforce-nonprofitsummit-nps21-portal-main-page-agenda #rf-content,
.salesforce-nonprofitsummit-nps21-portal-main-page-agenda .rfwf-body-content.rf-workflow-body-content,
.salesforce-nonprofitsummit-nps21-portal-main-form-opt-out-game #rf-content,
.salesforce-nonprofitsummit-nps21-portal-main-form-swag-opt-in #rf-content,
.salesforce-nonprofitsummit-nps21-portal-main-form-prize-opt-out #rf-content{
    background-color: #eaf5fe;
}


.salesforce-nonprofitsummit-nps21-portal-main-page-main .d3g-home-thankyou {
  padding-top:0px !important;
}


/*pages with extra blue strip that need white*/
.salesforce-nonprofitsummit-nps21-capsule-page-capsule /* .rfwf-body-content  */{
  background-color: white !important;
}
.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3g-portal-home-explore-buttons,
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .d3g-portal-home-explore-buttons,
.salesforce-nonprofitsummit-nps21-portal-main-page-product-demo .d3g-portal-home-explore-buttons,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a .d3g-portal-home-explore-buttons,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b .d3g-portal-home-explore-buttons,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c .d3g-portal-home-explore-buttons,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d .d3g-portal-home-explore-buttons,
.salesforce-nonprofitsummit-nps21-portal-main-page-tracks .d3g-portal-home-explore-buttons,
.salesforce-nonprofitsummit-nps21-portal-main-page-agenda .d3g-portal-home-explore-buttons
{
  padding-bottom:50px !important;
}

.rf-admin-content *, .rfComp-canvas *, .rf-default-modal *, [id*='rf-'].rf-widget * {
    font-family: 'Salesforce Sans','Open Sans',Helvetica,Arial,sans-serif !important;
}

.d3g-hide, .d3g_hide{
 display:none !important; 
}



.favorite-session svg, .favorite-session svg:hover, 
.favorite-session svg:active, .favorite-session svg:focus,
.favorite-catalog-result svg, .favorite-catalog-result svg:focus
{
  fill: var(--salesforce-dark-blue) !important;  /* changed 4/5 @ 1:53PM */
}


/*way too broad again :( 
- was actually fine once they finally decided to turn everything the same color 
.mdBtnR, .mdBtnR-outline-primary {
	background-color: #032d60 !important;
    border-radius: 25px;
}

.mdBtnR-outline-primary, a.mdBtnR-outline-primary, .session-scheduled {
	border-color: #032d60 !important;
}

.mdBtnR .mdBtnR-text, .mdBtnR-outline-primary .mdBtnR-text, .mdBtnR-primary {
  color: white !important;
}*/
/*disabled buttons are always filled*/
/*latest one was on track pages when session was full
https://reg.rainfocus.com/flow/salesforce/nonprofitsummit/nps21-portal-main/page/track-b
4/10 - JJE*/
button.mdBtnR-primary.disabled{
  background-color: var(--salesforce-dark-blue);
  border-color:var(--salesforce-dark-blue);
}
.mdBtnR, .mdBtnR-outline-primary {
    border-radius: 25px;
}

/* outline UNSELECTED add to schedule button */
.mdBtnR-outline-primary, a.mdBtnR-outline-primary
{
  border-color: #032d60 !important;
}

.mdBtnR-outline-primary .mdBtnR-text, a.mdBtnR-outline-primary .mdBtnR-text
{
  color: #032d60 !important;
}

.mdBtnR-outline-primary .rfSI svg, a.mdBtnR-outline-primary .rfSI svg {
  fill: #032d60 !important;
}





button.session-scheduled{
  background-color: var(--salesforce-dark-blue);
  border-color: var(--salesforce-dark-blue);
  color: white;
}
/*remove capitolize action on all modal title bars*/
.rf-default-modal .modal-content .modal-header .modal-title {
    text-transform: unset;
}
/*modal drop swap many pages*/
.rf-default-modal .rf-modal-dropswap > .rf-modal-text:after {
    content: "  Which would you like to attend?";
    white-space: pre;
}
.rf-default-modal .rf-modal-dropswap .rf-radio-option .check{
  border-color: var(--salesforce-dark-blue) !important;
}
.rf-default-modal .rf-modal-dropswap .rf-radio-option input[type=radio]:checked ~ .check::before{
  background-color: var(--salesforce-dark-blue);
}

.rf-radio-option input[type=radio]:checked ~ .check {
	border: 1px solid var(--salesforce-dark-blue) !important;
}

/*MULTIPLE PAGES END*/

/*HOME PAGE START*/

#headerNickName2{
  word-break:break-word;
  font-weight:bold;
}
.d3g-home-topCarousel, .d3g-portal-home-explore-buttons, .d3g-homeGetInGameWidget{
  padding-top:0px !important;  /* decrease space between welcome image and carousel */
}

.d3g_home_speaker_ta {
  padding-bottom: 0px !important;  /* decrease space between speakers and explore */
}
.my-survey-list-card .card-body div {
  padding:10px !important;
}

/* all text on home page */
.card-header-title, .rf-result-title, .company-info {
  color: #032d60 !important;
}


.recommended-sessions-card .has-rows {
   height: 500px !important;
}

#welcomeVideoToggleDiv {
    margin: auto;
    width: fit-content;
}
#welcomeVideoToggle {
    /* nothing needed now that we are div with img
  background-image: url("https://static.rainfocus.com/salesforce/nonprofitsummit/static/staticfile/staticfile/H%20-%20Left%20Nav%20-%20Rewatch%20Orientation%20Video_1616160593813001r07m.png");
    width: 200px;
    height: 50px;
  position: center;
    background-size: contain;
    border: none;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,0);
  color:white;*/
}
#welcomeVideoToggle:hover {
    cursor: pointer;
}
.welcomeVideoToggleDiv{
  display:none;
}

.welcomeHeader {
  width:100%;
  background-image: url(https://static.rainfocus.com/salesforce/nonprofitsummit/static/staticFile/staticfile/H1%20-%20Left%20Nav%20-%20Welcome%20Tile%20380x570_16147180422690014JjR.png);
    background-size: cover;
    background-repeat: no-repeat;
  background-position-x:center;
/*  background-color:#032d60; */
  color: #FFFFFF !important;
  text-align:center;
  
    border-radius: 5px;
}


.d3g-portal-home-left-welcome .flex-box-child > div{
  
}
#headerWelcome {
  color: #FFFFFF !important;
  /*position: absolute;
  top: 190px;
  left: 40px;*/
 padding-top:75%; 
  width: 90%;
    margin: auto;
  /*works well until we move to stacked view*/
  
}

.d3g-portal-home-left-welcome-header {
  /*moved to inner area
  background-image: url(https://static.rainfocus.com/salesforce/nonprofitsummit/static/staticFile/staticfile/H1%20-%20Left%20Nav%20-%20Welcome%20Tile%20380x570_16147180422690014JjR.png);
    background-size: cover;
    background-repeat: no-repeat;
  background-position-x:center;*/
}

#headerName {
  color: #FFFFFF !important;
  /*position: absolute;
  top: 240px;*/
  padding-bottom: 10px;
}

.welcomeBody {
  width:100%;
  background-color:	#90D0FE;
  color: #032d60;
  text-align:center;
}

#leaderHeaderP {
  height:63px !important;
}

#headerNickName {
  font-weight:bold;
  color: #032d60;
}

#yourTrack {
  font-weight:bold;
  color: #FFFFFF;
}
.d3g-portal-home-all-tracks .d3g-portal-home-track-button {
    width: 49%;
    display: inline-grid;
}

.d3g-portal-home-all-tracks .d3g-portal-home-track-button img {
  box-shadow: 1px 1px 3px 0px rgb(50 50 50 / 75%) !important;
}

.d3g-portal-home-explore-buttons .d3g-portal-home-explore-button {
    width: 24%;
    display: inline-flex;
  padding-left:10px;
  padding-right:10px;
}

/*
.d3g-portal-home-explore-buttons {
    max-width: 1200px;
}
*/

.d3g-portal-home-left-nav-button {
  /*center buttons for mobile*/
    width: fit-content;
    margin: auto;
  	padding-bottom: 4px;
}


.panel-left {
  background-color: #0176d3 !important;
}

.rfwf-body-content,
.page-builder-canvas,
.page-builder
{
  background-color: #eaf5fe;
}

.card-header {
  background-color: #EAF5FE !important;
}





.meeting-requestor > div > button {
  display:none;
}

.d3g-portal-home-thankyou-button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 32%;
}

.seeAllSpeakers {
  font-size:10px !important;
}

.featuringHeader {
  font-size:24px !important;
  font-weight: 600;
  color: #032d60 !important;
}


/*Sponsor Carousel*/
.sponsorCarousel {display: none}

/* Slideshow container */
.sponsorSlideshow-container {
  max-width: 1200px;
  position: relative;
  margin: auto;
  background-color: rgba(0,0,0,0);
}

/*Promo Carousel*/
.promoCarousel {display: none}

/* Slideshow container */
.promoSlideshow-container {
  max-width: 1200px;
  position: relative;
  margin: auto;
  background-color: rgba(0,0,0,0);
}


.sponsorSlideshow-container img,
.promoSlideshow-container img {

    box-shadow: 3px 3px 5px 0px rgb(50 50 50 / 75%) !important;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* The dots/bullets/indicators Now are titles*/
.sponsorDot {
  color: silver;
  cursor: pointer;
  font-size:60px;
  margin: 0 2px;
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.6s ease;
}

.promoDot {
  color: silver;
  cursor: pointer;
  font-size:60px;
  margin: 0 2px;
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.6s ease;
}


.active, .sponsorDot:hover {
  color:#000;
  text-decoration: none;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.5s;
  animation-name: fade;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

  /*opacity:1;*/
}

@-webkit-keyframes fade {
  from {opacity: 0.5} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0.5} 
  to {opacity: 1}
}
/*end of slideshow stuff*/

.salesforce-nonprofitsummit-nps21-portal-main-page-main .speaker-info .company-info {
  display:none;
}
/*home page survey and meeting card headers*/
.my-survey-list-card .card-header,
.D3G_MyMeetingsCard .card-header,
.modal-header {
  background-color:#032d60 !important;
  border-color: #032d60 !important;
}
.my-survey-list-card .card-header-title,
.D3G_MyMeetingsCard .card-header-title,
.modal-title {
  color:white !important;
}

.modal-header .modal-close, .modal-header svg, .modal-header svg:hover {
	fill: white !important;
  	opacity: 1 !important;
}



.meeting-requestor,
.my-survey-list-card {
    box-shadow: 3px 3px 5px 0px rgb(50 50 50 / 75%) !important;
}


.leaderboard-card-list h3,
.leaderboard-card-list span,
.card-survey-incomplete span,
.card-survey-incomplete h5,
.meeting-requestor h5,
.meeting-requestor p,
.rf-tile-line-two,
.session-date-time span,
.rf-tile-title a,
.rf-attribute .description span
{
  color: #59575C !important;
}


.speaker-card .see-all-sessions-btn {
  padding-left:15px !important;
    margin-top:15px;

}


.speaker-card .see-all-sessions-btn span svg {
  fill: white !important;
}

#d3g-home-meetingIntro {
  color: white;
  font-weight:bold;
}

#d3g-home-meetingIntro a {
  color: white;
  text-decoration: underline;
}

.d3g-home-meetingIntroCard {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
/*new colors for meeting pills*/
/*pending fcc003*/
.salesforce-nonprofitsummit-nps21-portal-main-page-main .rf-pill-orange{
  background-color: #fcc003 !important;
  border-color: #fcc003 !important;
}
/*approved 70bf75*/
.salesforce-nonprofitsummit-nps21-portal-main-page-main .rf-pill-green{
  background-color: #70bf75 !important;
  border-color: #70bf75 !important;
}
/*Denied d83a00*/
.salesforce-nonprofitsummit-nps21-portal-main-page-main .rf-pill-red{
  background-color: #d83a00 !important;
  border-color: #d83a00 !important;
}
.salesforce-nonprofitsummit-nps21-portal-main-page-main button.mdBtnR.mdBtnR-primary.confirm {
    /* cancel button for meetings on modal 4/20 JJE */
    background-color: var(--salesforce-dark-blue);
    border-color: var(--salesforce-dark-blue);
}

/*edit button on meeting card of portal home*/
.salesforce-nonprofitsummit-nps21-portal-main-page-main .meeting-requestor .icon-action > span:nth-child(1) {
    display: none;
}
/*new header welcome left nav item for portal home*/
.d3g-header-welcome-center{
  width:fit-content;
  margin:auto;
}
.d3g-header-welcome-center h1, .d3g-header-welcome-center div{
  color:white !important;
  text-align: center;
}

#gamificationTitle {
  color: white;
  font-weight: bold;
  font-size: 16px;
  text-align : center;
}

#gamificationScore {
  color: white;
  font-weight: bold;
  font-size: 22px;
  text-align : center;
  width:100%;
}

#gamificationRank {
  color: white;
  font-weight: bold;
  font-size: 16px;
}

.game-leaderboard-card {
  box-shadow: none;
  -webkit-box-shadow : none;
}

.leaderboard-card-list li > span:nth-child(2) {
    /*mid screen size need the points to look better when multiple lines - don't even try to wrap the line for fear of insanity */
    text-align: right;
    /* display: block; */
}

.salesforce-nonprofitsummit-nps21-portal-main-page-main .leaderboard-card-header {
  	background-color: #0176d3 !important;
  	background-size: cover;
	background-image: url('https://static.rainfocus.com/salesforce/nonprofitsummit/static/staticFile/staticfile/H3a%20-%20Left%20Nav%20-%20Leaderboard%20Points%20Graphic%20380X150_16147180426200014vAO.png');
    color:white;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-main .leaderboard-card-header > div {
  display:none;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-main .leaderboard-card-list {
	padding: 10px 16px 8px 12px;
	font-size:10pt;
	background-color: #FFFFFF;
    border-radius: 0 0 4px 4px;
	border: 1px solid #ccc;
    border-top: 0;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-main .leaderboard-card-list li {
  padding:0px 0px 10px 0px;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-main .leaderboard-card-list li span h3 {
  margin-right: 12px !important;
  font-size: 16px !important;
  margin-bottom: 5px !important;
}
/*buttons on Swag opt in*/
.salesforce-nonprofitsummit-nps21-portal-main-form-swag-opt-in #wf-btn-submit{
  background-color: var(--salesforce-dark-blue);
  border-color: var(--salesforce-dark-blue);
}
#d3g-swag-opt-in-button{
  /*display:none;/*removed on 4/21 for live show JJE*/
}
/*4/20 JJE adjust spacing between new swag text and swag button*/
.salesforce-nonprofitsummit-nps21-portal-main-page-main .flex-box-section-full.swagShippingForm {
    padding-bottom: 0px !important;
}
/*added 4/20 JJE - new text for swag giveaway*/
.salesforce-nonprofitsummit-nps21-portal-main-page-main .swagShippingForm p, 
.salesforce-nonprofitsummit-nps21-portal-main-page-main .swagShippingForm p a {
    color: white !important;
}
.salesforce-nonprofitsummit-nps21-portal-main-page-main .swagShippingForm p a {
    text-decoration: underline;
}
/*fix title in speaker modal*/
.salesforce-nonprofitsummit-nps21-portal-main-page-main .rf-default-modal .modal-content .modal-header .modal-title {
    text-transform: capitalize !important;
}

/*survey modal body*/
/*will also change speaker modal body, waiting on confirmation from Laura 4/6 */


/* cc in video player - may need to add directly into brightcove player - doesn't work as it's an iframe
should work on some good settings to upload for EDU maybe - JJE 4/7*/
.salesforce-nonprofitsummit-nps21-portal-main-page-main .vjs-text-track-cue > div {
    /* opacity: .8; */
    background-color: #032d60 !important;
    padding-left: 5px;
    padding-right: 5px;
}

/*added 4/8 JJE - Update modal text on homepage to grey for surveys
won't work as surveys are an iframe within a modal*/
.salesforce-nonprofitsummit-nps21-portal-main-page-main .rf-default-modal .modal-body h1{
  color: var(--salesforce-dark-grey);
}

/*HOME PAGE END*/




/*TRACKS AND TRACK A-D - DEMO JAM - PRODUCT DEMOS - START*/

/*demo jam change button text to Watch Demo 4/21 JJE*/

.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .exhibitor-tile-view-booth:after{
  content:"Watch Demo";
  color: var(--salesforce-dark-blue);
}
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .exhibitor-tile-view-booth .mdBtnR-text{
  display:none !important;
}
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .session-time,
.salesforce-nonprofitsummit-nps21-portal-main-page-product-demo .session-time {
    text-transform: uppercase;
}
.salesforce-nonprofitsummit-nps21-portal-main-page-product-demo .targeted-agenda-headline{
  display:none !important;
}
.salesforce-nonprofitsummit-nps21-portal-main-page-product-demo .rf-workflow,
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .rf-workflow {
    background-color: #EAF5FE !important;
}
.salesforce-nonprofitsummit-nps21-portal-main-page-thanks h1,
.salesforce-nonprofitsummit-nps21-portal-main-page-thanks p,
.salesforce-nonprofitsummit-nps21-portal-main-page-product-demo .product-demo-page-top-text h1,
.salesforce-nonprofitsummit-nps21-portal-main-page-product-demo .product-demo-page-top-text p,
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .demojam-page-top-text h1,
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .demojam-page-top-text p,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a h1,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b h1,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c h1,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d h1,
.d3g-portal-track-track-title,
.d3g-portal-track-track-header
{
  color: var(--salesforce-dark-blue) !important;
}

.d3g-portal-track-track-buttons-row {
    height: fit-content;
    display: flex;
}

.d3g-portal-track-track-buttons {
    width: 100% !important;
  	max-width:100%;
}

.d3g-portal-track-track-button-left {
   width:48%;
  float:left;
  display:inline-block;
  background-color: #FFFFFF;
  height:auto;
  box-shadow: 3px 3px 5px 0px rgb(50 50 50 / 75%) !important;
}


.d3g-portal-track-track-button-right {
   width:48%;
  float:right;
  display:inline-block;
  margin-left:20px;
  background-color: #FFFFFF;
  height:auto;
  box-shadow: 3px 3px 5px 0px rgb(50 50 50 / 75%) !important;
}

/*new way to handle buttons on tracks page moving <a> into another div*/

.d3g-portal-track-track-button-right > a,
.d3g-portal-track-track-button-left > a{
  padding-left:20px;
}
.salesforce-nonprofitsummit-nps21-portal-main-page-tracks .d3g-explore-sessions-button-div > a img,
.salesforce-nonprofitsummit-nps21-portal-main-page-tracks .d3g-explore-sessions-button-div > a img{
  padding-bottom:20px;
}

.d3g-portal-track-track-button-left img,
.d3g-portal-track-track-button-right img {
  width:100%;
  vertical-align: bottom;
}


.d3g-portal-track-innerDiv {
  padding: 30px 50px 50px 50px;
  position:relative;
  height:100%;
}
.salesforce-nonprofitsummit-nps21-portal-main-page-tracks .d3g-explore-sessions-button-div{
  position:absolute;
  bottom:0;
}


.d3g-portal-track-track-button-left a,
.d3g-portal-track-track-button-right a {
  text-decoration: none;
  font-size:16px;
  color: #032d60;
}



.d3g-portal-track-header {
  padding: 20px 20px 0px 20px;
  width:100%;
  font-size:18px;
  font-weight:bold;
}



.d3g-portal-track-text {
  padding: 20px;
  width:100%;
  color: #59575c !important;
  padding-bottom:40px;
}
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a .targeted-agenda-details-card,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b .targeted-agenda-details-card,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c .targeted-agenda-details-card,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d .targeted-agenda-details-card
{
  background-color: #FFFFFF;
}


.salesforce-nonprofitsummit-nps21-portal-main-page-track-a .page-builder-display-reset ,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b .page-builder-display-reset ,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c .page-builder-display-reset ,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d .page-builder-display-reset  {
	background-color: #EAf5fe !important;
}


.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .targeted-agenda-header,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a .targeted-agenda-header,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b .targeted-agenda-header,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c .targeted-agenda-header,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d .targeted-agenda-header {
  display:none;
}

/*targeted agenda times*/
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam #rf-content .session-time,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a #rf-content .session-time,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b #rf-content .session-time,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c #rf-content .session-time,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d #rf-content .session-time {
    text-transform: uppercase;
}


/*targeted agenda exclamation point on conflict schedule button - removed after we went back to the light blue when not scheduled
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a .session-schedule svg,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b .session-schedule svg,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c .session-schedule svg,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d .session-schedule svg {
    fill: #FFFFFF !important;
}/**/


/* hide room on session modal */
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .modal-dialog .session-location,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a .modal-dialog .session-location,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b .modal-dialog .session-location,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c .modal-dialog .session-location,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d .modal-dialog .session-location {
    display:none;
}
/*text to correct grey on session modal*/
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .modal-body div,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a .modal-body div,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b .modal-body div,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c .modal-body div,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d .modal-body div {
    color: var(--salesforce-dark-grey);
}
/*fix button border color on session modal*/
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .modal-footer .mdBtnR-primary,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a .modal-footer .mdBtnR-primary,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b .modal-footer .mdBtnR-primary,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c .modal-footer .mdBtnR-primary,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d .modal-footer .mdBtnR-primary{
  border-color: var(--salesforce-dark-blue);
  background-color: var(--salesforce-dark-blue);
}
/*fix button border color on session modal*/
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .modal-footer .mdBtnR-outline-primary,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a .modal-footer .mdBtnR-outline-primary,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b .modal-footer .mdBtnR-outline-primary,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c .modal-footer .mdBtnR-outline-primary,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d .modal-footer .mdBtnR-outline-primary{
  border-color: var(--salesforce-dark-blue);
}
.salesforce-nonprofitsummit-nps21-portal-main-page-demojam .modal-footer .mdBtnR-outline-primary > span,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a .modal-footer .mdBtnR-outline-primary > span,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-b .modal-footer .mdBtnR-outline-primary > span,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-c .modal-footer .mdBtnR-outline-primary > span,
.salesforce-nonprofitsummit-nps21-portal-main-page-track-d .modal-footer .mdBtnR-outline-primary > span{
  color: var(--salesforce-dark-blue);
}
/*modal checkbox to navy - may need to target to all pages like above - also added to catalog branding*/
.modal-body .rf-checkbox input[type=checkbox]:checked+.checkbox-bg{
  border-color: var(--salesforce-dark-blue);
  background-color: var(--salesforce-dark-blue);
}



/*session headers on track pages
.salesforce-nonprofitsummit-nps21-portal-main-page-track-a .rf-tile-container .rf-tile .rf-tile-banner {
    height: auto !important;
    max-height: fit-content !important;
}*/


.d3g-portal-track-track-header {
  font-size: 16px;
  color: #032d60 !important;
}

.d3g-track-track-text {
  color: #032d60 !important;
  font-size:16px;
}

/*TRACKS AND TRACK A-D END*/

/*BRAINDATE START*/

#d3g_braindate_iframe{
  position:absolute;
      width: 100%;
    height: calc(100vh - 380px);
    border: none;
}
/*BRAINDATE END*/

/*LEADERBOARD START*/
/*768 and under need @media help to fix some things*/
.d3gGamificationRight {
    width: 49%;
    float: right;
  margin-left:1%;
}.d3gGamificationLeft {
    width: 49%;
    float: left;
  margin-right:1%;
}
.d3gGamificationButtons{
    height: fit-content;
    display: flex;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationTrophyCase {
  padding: 20px 30px 20px 30px;
  background-color: #FFFFFF;
  width:100%;
}

/*
.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationPossibleBadges {
  padding:40px 20px 20px 20px;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationPossibleBadges figure {
  float:left;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationPossibleBadges figcaption {
  text-align:center !important;
  font-weight: bold;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationPossibleBadges img {
  width:180px;
}
*/

.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationEarnPoints,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationTierUp {
  padding: 20px 30px 20px 30px;
  background-color: #FFFFFF;
  width:100%; height:100%;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}


.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationEarnPoints img,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationTierUp img {
	width: 100%;
  	padding-bottom:15px;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3g-gamification-EarnPoints_Prizes {
  padding-bottom:50px;
}


.d3gGamificationCustomClass .rf-grid-layout-100 {
  background-color: #FFFFFF;
}


.salesforce-nonprofitsummit-nps21-portal-main-page-game .leaderboard-card-list {
	padding-top: 10px;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-game .leaderboard-card-list li {
  padding:0px 0px 10px 0px;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-game .game-leaderboard-card,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .game-trophy-card {
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

/*leaderboard*/
.salesforce-nonprofitsummit-nps21-portal-main-page-game .trophy-card-header{
  background: var(--salesforce-dark-blue) !important;/*#032d60 !important;*/
  
}
.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3g-gamificationPage-LeaderBoardAttendee h1,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3g-gamificationPage-LeaderBoardEmployee h1 {
  color: var(--salesforce-dark-grey) !important; 
}
.salesforce-nonprofitsummit-nps21-portal-main-page-game .trophy-card-header > div > h4 {
    display: none;
}

.trophy-card-header > div {
    max-width: 1050px;
}
.game-trophy-card .trophy-card-header{
  height: auto !important;
  min-height:100px;
}
.salesforce-nonprofitsummit-nps21-portal-main-page-game .trophy-card-header > div:after {
    content: "Track your Nonprofit Summit achievements with badges. Badges are earned based on a specific action or a collection of completed tasks.";
    float: left;
    margin-top: 10px;
  	color:#FFFFFF;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-game .trophy-card-header > div:before {
    content: "Earn Badges\a\a\a";
    font-weight: bold;
  	color: #FFFFFF;
  	font-size:24px;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3g-gamificationPage-LeaderBoardAttendee div[data-path="children[4].children[0]"] > div,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3g-gamificationPage-LeaderBoardAttendee div[data-path="children[2].children[0]"] > div,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3g-gamificationPage-LeaderBoardEmployee div[data-path="children[2].children[0]"] > div {
  	background: #FFFFFF;
  height:100%;
  	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.leaderboardHeader {
  padding: 24px 10px 16px 30px;
  min-height: 80px;
  background:#032d60;
  width: 100%;
  margin: auto;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3g-gamificationPage-LeaderBoardAttendee .leaderboardHeader h1,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3g-gamificationPage-LeaderBoardEmployee .leaderboardHeader h1 {
  color: #FFFFFF !important;
}

.game-trophy-card .trophy-card-list {
  height: auto !important;  /* make the trophy case not so tall */
}

.salesforce-nonprofitsummit-nps21-portal-main-page-game .rf-grid-layout-100 p {
  color: #032d60 !important;
}


.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationEarnPointsText p,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationTierUpText p,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .rf-tooltip-container  p,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3g-gamificationPage-YourScore h3,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .rf-grid-layout-33 p,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .leaderboard-card-list span {
	color: #59575C !important;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3g-gamificationPage-LeaderBoardAttendee,
.salesforce-nonprofitsummit-nps21-portal-main-page-game .d3g-gamificationPage-LeaderBoardEmployee
{
  background-color: #eaf5fe important;
  color: white;
}

.salesforce-nonprofitsummit-nps21-portal-main-form-opt-out-game #wf-btn-submit{
  background-color: var(--salesforce-dark-blue);
  border-color: var(--salesforce-dark-blue);
}
.attendee-game-top-header h1,
.attendee-game-top-header span,
.employee-game-top-header h1,
.employee-game-top-header span{
  color: var(--salesforce-dark-blue);
}

/*new prize opt out form 4/6 */
.salesforce-nonprofitsummit-nps21-portal-main-form-prize-opt-out,
.salesforce-nonprofitsummit-nps21-portal-main-form-prize-opt-out h1,
.salesforce-nonprofitsummit-nps21-portal-main-form-prize-opt-out p,
.salesforce-nonprofitsummit-nps21-portal-main-form-prize-opt-out span{
  color: var(--salesforce-dark-blue);
}
.salesforce-nonprofitsummit-nps21-portal-main-form-prize-opt-out #wf-btn-submit{
  background-color: var(--salesforce-dark-blue);
  border-color: var(--salesforce-dark-blue);
}

/*LEADERBOARD END*/

/*CAPSULE START*/
#capsuleID .capsule-container .capsule-grid .items, .capsule-grid > .items{
  /*CAPSULE style can't be controled by us, needs to be configured in the application/config file/ who knows as of 2/15*/
        background-color: blue !important;
}
#shadow-root (open)::host {
  /*CAPSULE style can't be controled by us, needs to be configured in the application/config file/ who knows as of 2/15*/
    --capsule-bg-color: blue !important;
}
/*iframe capsule version*/
.d3g-capsule-iframe {
    z-index: 2;
    height: 80vh;
    position: absolute;
}
/*CAPSULE END*/



/*PIGEONHOLE CHAT MOD START*/

/*speaker ph portal*/
.salesforce-nonprofitsummit-nps21phchatmoderator-page-phchatmoderations .view-all-btn{
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.salesforce-nonprofitsummit-nps21phchatmoderator-page-phchatmoderations .mdBtnR{
    border-color: #032d60 !important;
  background-color: #032d60 !important;
}
.salesforce-nonprofitsummit-nps21phchatmoderator-page-phchatmoderations #rf-content{
    background-color: #eaf5fe;
}

/*PIGEONHOLE CHAT MOD END*/




/*AGENDA PAGE START*/
/*made parent full height of page at min here and using @media then push buttons down*/
.salesforce-nonprofitsummit-nps21-portal-main-page-agenda .d3g-portal-home-explore-buttons {
    /*position: absolute;
    bottom: 0;
  width:100%;/*removed after new images showed up that were much taller*/
}
.salesforce-nonprofitsummit-nps21-portal-main-page-agenda .page-builder-display-reset{
  min-height: calc(100vh - 290px);
}
.d3g-portal-agend-page-agenda-item{
 /*div that holds p that holds image for regional agenda*/ 
  width: fit-content;
  margin: auto;
}/*this page also has buttons (named with portal-home) and bottome promo slide*/
.d3g-portal-agenda-page-header {
  color: #032d60 !important;
	padding-bottom:20px;
}

.d3g-portal-agend-page-agenda-item {
  padding-bottom:10px;
}

.salesforce-nonprofitsummit-nps21-portal-main-page-agenda h1 {
  color: var(--salesforce-dark-blue);
}

/*AGENDA PAGE END*/

/*MEETING REQUEST START*/
/*pages
https://reg.rainfocus.com/flow/salesforce/nonprofitsummit/exhmeetingrequest/scheduling
needs '+' or pencil to turn white and blue to extend fully on page background
text on Clear button in modal from adding host should be white
buttons on modal have different blue outlines
modal-title needs the white on blue treatment we did on exhibit and catalog brandings
*/
.salesforce-nonprofitsummit-exhmeetingrequest-scheduling .rfG-sm-33 .input-aligned-label {
  display:none !important;
}

.salesforce-nonprofitsummit-exhmeetingrequest-scheduling .rf-workflow-header {
    background-color: #eaf5fe !important;
}

/* hide back button - it's not active - it was gray in old branding but with this branding it looks like it is useable */
.salesforce-nonprofitsummit-exhmeetingrequest-scheduling .rfwf-panel-interior .pull-left {
  display:none;
}

.salesforce-nonprofitsummit-exhmeetingrequest-scheduling .meeting-with-button button svg {
  fill: white !important;
}

.salesforce-nonprofitsummit-exhmeetingrequest-scheduling .choose-experts-search button {
  color: white;
}

.salesforce-nonprofitsummit-exhmeetingrequest-scheduling .rfwf-headline h1,
.salesforce-nonprofitsummit-exhmeetingrequest-scheduling .rf-subheader p,
.salesforce-nonprofitsummit-exhmeetingrequest-form-meeting #contact-info p {
  color: #032d60 !important;
}

.salesforce-nonprofitsummit-exhmeetingrequest-scheduling #rf-content,
.salesforce-nonprofitsummit-exhmeetingrequest-form-meeting #rf-content,
.salesforce-nonprofitsummit-exhmeetingrequest-page-confirm #rf-content{
  background-color: #eaf5fe !important;
}


/* increase padding on the MY MEETINGS between each line */
.page-builder-display-reset .meeting-requestor .card-body-row p {
  padding-bottom: 5px;
}

.salesforce-nonprofitsummit-exhmeetingrequest-scheduling .mdBtnR-primary,
.salesforce-nonprofitsummit-exhmeetingrequest-form-meeting .mdBtnR-primary,
.salesforce-nonprofitsummit-exhmeetingrequest-page-confirm .mdBtnR-primary{
  border-color: var(--salesforce-dark-blue);
  background-color: var(--salesforce-dark-blue);
}

/*text on scheduling page when picking times*/
.salesforce-nonprofitsummit-exhmeetingrequest-scheduling .meeting-program h2,
.salesforce-nonprofitsummit-exhmeetingrequest-form-meeting .meeting-program h2,
.salesforce-nonprofitsummit-exhmeetingrequest-scheduling .label-text,
.salesforce-nonprofitsummit-exhmeetingrequest-form-meeting .label-text,
.salesforce-nonprofitsummit-exhmeetingrequest-scheduling label,
.salesforce-nonprofitsummit-exhmeetingrequest-form-meeting label,
.salesforce-nonprofitsummit-exhmeetingrequest-page-confirm div,
.salesforce-nonprofitsummit-exhmeetingrequest-page-confirm h2{
  color: var(--salesforce-dark-blue) !important;
}

/*some button fixes after we were less broad on buttons*/
/*meeting with button*/
.salesforce-nonprofitsummit-exhmeetingrequest-scheduling .mdBtnR-text{
  color: white !important;
}
.salesforce-nonprofitsummit-exhmeetingrequest-scheduling .mdBtnR{
  background-color: var(--salesforce-dark-blue);
  border-color: var(--salesforce-dark-blue);
}

/*remove specific exhibitors from meeting request dropdown*/
.salesforce-nonprofitsummit-exhmeetingrequest-scheduling [data-test="select-dropdown-result-item-16066929958560015Uyy"]{
  display:none !important;
}
/*MEETING REQUEST END*/


.salesforce-nonprofitsummit-nps21phchatmoderator-page-phchatmoderations [data-test="rf-button-q-and-a-moderated-session-card-view-session-button"] span,
.salesforce-nonprofitsummit-nps21phchatmoderator-page-phchatmoderations [data-test="rf-button-q-and-a-moderated-session-card-view-all-button"] span {
  color: white !important;
}


/*D3G MODAL START*/

    .D3Gmodal {
      z-index:2;
        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;
    }
    .D3Gmodal-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 1rem 1.5rem;
        width: 24rem;
        border-radius: 0.5rem;
        background: #fff;
/*        background: -moz-linear-gradient(#fff, #999);
        background: -webkit-linear-gradient(#fff, #999);
        background: -o-linear-gradient(#fff, #999); */
      	max-width: 95% !important;
    }
    .close-button {
        float: right;
        text-align: center;
        cursor: pointer;
        border-radius: 0.25rem;
      
        background: #606061;
        color: #FFFFFF;
        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-D3Gmodal {
        opacity: 1;
        visibility: visible;
        transform: scale(1.0);
    }

.close-button:hover {
    background: #032d60;
}

/*D3G MODAL END*/


@media only screen and (max-width: 1232px){
  .headerMenuItem{
    display:none !important;
    /*replace me with drop down menu eventually*/
  }
  .vertical-menu{
    display:block !important;
  }
@media only screen and (max-width: 1150px) {
  header{
    height:100px;
  }
  #rf-content{
    min-height: calc(100% - 270px);
  }
  .salesforce-nonprofitsummit-nps21-portal-main-page-agenda .page-builder-display-reset{
    min-height: calc(100vh - 270px);
  }
  #headerSalesforceLogo {
    padding-top: 10px;/*136 - 80 - 68 are heights of logo during transitions*/
  }
  @media only screen and (max-width: 850px) {
    #footerSalesforceLogo {
      /*shrink logo if screen is too small*/
      width: 172px !important;
    }
    #footerLinks {
      width: 180px;
      padding-left: 0px;
      padding-top: 24px;
    }
    #footerSocial {
      left: 40%;
    }
    
    #headerWelcome {
     padding-top:115%; 

    }
    
    @media only screen and (max-width:768px){
      /*fix portal nav items later*/
      /*Game Page https://reg.rainfocus.com/flow/salesforce/nonprofitsummit/nps21-portal-main/page/game*/
      /*tracks page https://reg.rainfocus.com/flow/salesforce/nonprofitsummit/nps21-portal-main/page/tracks*/
      
      .salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationButtons .d3gGamificationLeft,
      .salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationButtons .d3gGamificationRight,
      .salesforce-nonprofitsummit-nps21-portal-main-page-tracks .d3g-portal-track-track-button-left,
      .salesforce-nonprofitsummit-nps21-portal-main-page-tracks .d3g-portal-track-track-button-right{
        width:100%;
        margin-bottom: 20px;
      }
      .salesforce-nonprofitsummit-nps21-portal-main-page-game .d3gGamificationButtons,
      .salesforce-nonprofitsummit-nps21-portal-main-page-tracks .d3g-portal-track-track-buttons-row{
        display:block;
      }
      
      
    @media only screen and (max-width: 720px) {
    
      footer{
        height: 100px;
      }
      #rf-content{
        min-height: calc(100% - 185px);
      }
      .salesforce-nonprofitsummit-nps21-portal-main-page-agenda .page-builder-display-reset{
        min-height: calc(100vh - 185px);
      }
      header{
        height: 85px;
      }
      #headerSalesforceLogo {
        padding-top: 6px;/*136 - 80 - 68 are heights of logo during transitions*/
      }
      #footerLinks{
        padding-top: 8px;
      }
      #footerSocial , #footerSalesforceLogo , #footerContactUs {
        top: 25%;
      }
      @media only screen and (max-width: 600px) {
        
        #rf-content{
          min-height: calc(100% - 160px);
        }
        .salesforce-nonprofitsummit-nps21-portal-main-page-agenda .page-builder-display-reset{
          min-height: calc(100vh - 160px);
        }
        header{
          height: 60px;
        }
        #footerContactUs {
          font-size:8pt;
        }
        #footerSalesforceLogo {
          left: 10px;
        }
        #footerLinks, #footerSocial{
          display: none !important;
        }
        @media only screen and (max-width: 400px) {
          #footerContactUs{
            display:none !important;
          }
        }/*400*/
      }/*600*/
    }/*720*/
  }/*767*/
  }/*850*/
}/*1150*/
}/*1232*/

@media only screen and (max-width:500px) and (max-height:800px){
  .D3Gmodal-box {
    top: 50%;
    left: 50%;
    transform: scale(.5) translate(-100%,-100%);
    width: 100% !important;
  }
}

/*LOGIN NEEDS TO HIDE MENU*/
.rf-body.salesforce-nonprofitsummit-nps21-portal-main-login .headerRightMenuItems,
.rf-body.salesforce-nonprofitsummit-nps21-portal-main-login .vertical-menu{
  display:none !important;
}

/*TIME ZONE RF*/
/* Timezone converter CSS */
#rf-tzconv-outer-container {
  display: flex;
  align-items: center;
}
 
#rf-tzSelect {
  display: block;
  width: auto;
  font-size: 14px;
  color: #444;
  line-height: 20px;
  padding: 6px 8px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-right: 8px;
}
 
#rf-tzconv-container {
  display: flex;
}
 
 
#rf-tzconv-container .rf-tzconv-event-time-container,
#rf-tzconv-container .rf-tzconv-user-time-container {
  padding: 0px 16px;
}
 
#rf-tzconv-container .rf-tzconv-event-time-container label,
#rf-tzconv-container .rf-tzconv-user-time-container label {
  display: block;
  font-weight: 600;
}
 
#rf-tzconv-container .rf-tzconv-event-time-container span,
#rf-tzconv-container .rf-tzconv-user-time-container span {
  display: block;
}

#rf-tzconv-outer-container {
    margin-top: 24px;
}
#rf-tzconv-event-time {
    display: flex;
    flex-direction: row;
}

#rf-tzconv-event-time .rf-select {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 50px;
    margin-right: 8px;
    margin-top: 8px;
}
/* Timezone converter CSS */

/*MOST LIKELY FROM ATTENDEE BRANDING AND CAN GO AWAY - START*/
/*****Hide Email Send***/
.sessionsAndSubmissions .table-header div:nth-child(4) {
    display: none !important;
}
.sessionsAndSubmissions .table-row div:nth-child(4) {
    display: none !important;
}
/***Add bullet points back in**/
.rf-admin-content ul li, .rf-admin-content ol li, .rfComp-canvas ul li, .rfComp-canvas ol li, .rf-default-modal ul li, .rf-default-modal ol li, [id*='rf-'].rf-widget ul li, [id*='rf-'].rf-widget ol li {
    list-style: disc;
}
#participantPage .rfwf-account-orders .mdBtnR {
 display:none;
}
/***Hide Orders Page**/
#rf-content .orders-page {display: none;}

/***Min Height for pages**/
.rf-workflow .rf-workflow-body-content {
    min-height: 800px;
}
/** Hide 'Orders from account page'**/
.rfwf-account-orders h3{
 display: none; 
}
/***HIDE ORDER DETAILS ON ACCOUNTS PAGE**/
.rfwf-full-panel.rfwf-account-orders {
    display: none !important;
}
/* Tanner Hide  Confirmation Page Green Check*/

img.confirm-check-mark.pull-left {
    display: none;
}


@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

/* confirmation page section headers */
#wf-temp_a1603315560641 h2, #wf-temp_a1602618122541 h2, #wf-temp_a1602621420103 h2, #wf-temp_a1602541142568 h2,
#wf-temp_1608310320472 h2, #wf-temp_a1602621997410 h2, #wf-temp_a1607729314682 h2,
#wf-temp_1610058940258 h2, 
#wf-temp_a1603315560641 h2 span
{
  font-family: 'Avante Garde'  !important;
  font-size: 28px !important;
  color: #032d60;
}

/* confirmation page 'you're registered' header */
#wf-temp_a1602541142568 h1 span span{
  font-family: 'Avante Garde'  !important;
  font-size: 42px !important;
  color: #032d60 !important;
}

#wf-temp_a1602541142568 h2 {
  font-family: 'Avante Garde'  !important;
  font-size: 42px !important;
  color: #032d60 !important;
}
.popover-content {
  font-size: 15px;
}
/*MOST LIKELY FROM ATTENDEE BRANDING AND CAN GO AWAY - END*/



/* sample CSS - maybe remove after actual images/css  */
/*
.trackButton {
  background-color: #000000;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 50px;
}
*/

.ta-grid-speaker-card .speaker-photo {
	-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75) !important;
	-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75) !important;
	box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75) !important;
}

.targeted-agenda-details-card {
	-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75) !important;
	-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75) !important;
	box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75) !important;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  max-width: 500px !important;
}

.rf-webinar-content {
  display:block !important;
}

img.imgCenter {
    display: block !important;
    margin: 0 auto !important;
}

.vertical-menu{
  display:none;
}


.clearFloats {
  clear:left;
}

.page-builder-display-reset {
  background-color: #EAF5FE !important;
}


.salesforce-nonprofitsummit-nps21-portal-main-form-swag-opt-in span,
.salesforce-nonprofitsummit-nps21-portal-main-form-swag-opt-in p
{
  color: var(--salesforce-dark-blue);
}