/*colors
dk blue #032c60
lt blue #eaf5fe
dk green #396547
dk grey #59575C
page backgrounds - white
Header text - dark blue (will call salesforce header text in case they change their minds)
regular text - dark grey (will call salesforce body text)
buttons and hearts - dark blue like nps (salesforce-button-border)
Recommendations bar - medium purple
Magnifying glass for search (circle) dark purple

colors previously here - 
    header          #3d1049
    button border   #2d0039
    button fill     #5c2f80
*/
:root{
  /*create colors for use in any of our areas below*/
  --salesforce-dark-blue: #032c60;
  --salesforce-medium-blue: #3e82e0;
  --salesforce-light-blue: 	#eaf5fe;
  --salesforce-dark-green: 	#396547;
  --salesforce-dark-grey:	#59575C;
  --salesforce-xx-light-purple: #C2C8E8;
  --salesforce-medium-purple: #730394;
  --salesforce-dark-purple:	#481A54;
  --salesforce-header-text: #2E0039;
  --salesforce-body-text: 	#59575c;
  --salesforce-button-border: #2E0039;
  --salesforce-button-hover: #730394;
  --salesforce-svg-heart: 	#5c2f80;
  --salesforce-headline-background:#2E0039;
  --salesforce-headline-text: white;
  --salesforce-link-text: #730394;
  --salesforce-header-background: #032c60;
}


/*****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;
}

.mdBtnR {
  border-radius: 50px !important;
}

#participantPage .rfwf-account-orders .mdBtnR {
 display:none;
}
/*buttons on many pages*/
.mdBtnR-primary{
  background: var(--salesforce-button-border) !important;
  border: 2px solid var(--salesforce-button-border) !important;
}
.mdBtnR-primary:hover {
  background: var(--salesforce-button-hover) !important;
  border: 2px solid var(--salesforce-button-hover) !important;
}


.mdBtnR-outline-primary, .mdBtnR-outline-primary:hover {
  border: 2px solid var(--salesforce-button-border) !important;
}

.mdBtnR-outline-primary span {
  color: var(--salesforce-button-border) !important;
}

/***Hide Orders Page**/
#rf-content .orders-page {display: none;}

/***Min Height for pages**/
.rf-workflow .rf-workflow-body-content {
    min-height: calc(100% - 320px);
}

/** 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');




#wf-temp_1619459726349 h1, #wf-temp_1619466708619 h2, #wf-temp_a1619465744554 h1, #wf-temp_a1619466842687 h1,
#wf-temp_1619465500880 h2, #wf-temp_1619466792435 h2,
#wf-temp_a1602541142568 h1,#wf-temp_a1603315560641 h2, #wf-temp_a1602618122541 h2, 
#wf-temp_a1602621420103 h2, #wf-temp_a1602541142568 h2, #wf-temp_1614271436402 h2,
.salesforce-edusummit2021-employeeRegistration-form-attendeeInfo h1, 
.salesforce-edusummit2021-employeeRegistration-form-attendeeInfo h2,
.salesforce-edusummit2021-attendeeregistration-form-attendeeInfo h1,
.salesforce-edusummit2021-attendeeregistration-form-attendeeInfo h2,
.salesforce-edusummit2021-employeeRegistration-form-confirm h1, 
.salesforce-edusummit2021-employeeRegistration-form-confirm h2,
.salesforce-edusummit2021-attendeeregistration-form-confirm h1,
.salesforce-edusummit2021-attendeeregistration-form-confirm h2,
.salesforce-edusummit2021-employeeRegistration-form-order h1, 
.salesforce-edusummit2021-employeeRegistration-form-order h2,
.salesforce-edusummit2021-attendeeregistration-form-order h1,
.salesforce-edusummit2021-attendeeregistration-form-order h2,
.salesforce-edusummit2021-employeeRegistration-account h1, 
.salesforce-edusummit2021-employeeRegistration-account h2,
.salesforce-edusummit2021-attendeeregistration-account h1,
.salesforce-edusummit2021-attendeeregistration-account h2

{
  font-family: 'Avante Garde'  !important;
  font-size: 26px !important;
  color: var(--salesforce-header-text) !important;
}


#wf-temp_a1602541142568 h2, #wf-temp_a1602541142568 h2 span {
  font-family: 'Avante Garde'  !important;
  font-size: 40px !important;
  color: var(--salesforce-header-text) !important;
}

.salesforce-edusummit2021-attendeeregistration-form-updateinfo strong {
  color: var(--salesforce-header-text) !important;
}


.salesforce-edusummit2021-attendeeregistration-form-updateinfo .label-text
{
  color:var(--salesforce-body-text) !important;
}


#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 span,
#footerContactUs span,
#footerSocial a {
  	color: white !important;
}

#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 !important;
  padding-left:18px;
  padding-top:24px;
  width:440px;
}

#footerLinks a {
  color: white !important;
}

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

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

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

footer{
  background-color: var(--salesforce-header-background);/*updated on 5/4 to blue JJE*/
  height: 170px;
}
#footerLeftBackgroundImage {
    height: 100%;
    width: unset;
    float: left;
}
#footerRightBackgroundImage {
    height: 100%;
    width: unset;
    float: right;
}

body, footer, header{ 
  min-width: 300px;
}

#headerRightBackgroundImage {
    height: 100%;
    width: unset;
    float: right;
}
#headerSalesforceLogo {
    height: 80%;
    width: unset;
    float: left;
  margin-left: 20px;
  padding-top: 17px;/*136 - 80 - 68 are heights of logo during transitions*/
}
@media only screen and (max-width: 1150px) {
  header{
    height:100px;
  }
  #rf-content{
    min-height: calc(100% - 270px);
  }
  #headerSalesforceLogo {
    padding-top: 10px;/*136 - 80 - 68 are heights of logo during transitions*/
  }
  @media only screen and (max-width: 1070px) {
    #footerLinks {
      width: 180px;
    }
    @media only screen and (max-width: 850px) {
      #footerSalesforceLogo {
        /*shrink logo if screen is too small*/
        width: 172px !important;
      }
      #footerLinks {
        width: 180px;
        padding-left:18px;
        padding-top:24px;
      }
      #footerSocial {
        left: 40%;
      }
      @media only screen and (max-width: 720px) {

        footer{
          height: 100px;
        }
        #rf-content {
          min-height: calc(100% - 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);
          }
          header{
            height: 60px;
          }
          #footerLinks, #footerSocial{
            display: none !important;
          }
          @media only screen and (max-width: 450px){
            #headerRightBackgroundImage {
              display:none;
            }
            .d3g-reg-session-catalog-header-image{
              width:130% !important;
              margin-left:-15% !important;
            }
          }/*450*/
        }/*600*/
      }/*720*/
    }/*850*/
  }/*1070*/
}/*1150*/
.rf-admin-content *, .rfComp-canvas *, .rf-default-modal *, [id*='rf-'].rf-widget * {
    font-family: 'SalesforceSans','Open Sans',Helvetica,Arial,sans-serif !important;
}


.md-frame.md-frame-primary .md-frame-header {
  background-color: #730394 !important;
  border-bottom-color: #730394 !important;
}


.rfSI.rfSI-primary svg {
  fill: #730394 !important;
}

a, a:link, a:visited {
  color: #730394 !important;
}

/* #rf-content, .rf-workflow-header{ commented out to get rid of purple on reg pages*/
.rf-workflow-header{
  background-color: rgb(194,200,232);
}

/*salesforce-edusummit2021-EPregMO-account*/
.salesforce-edusummit2021-attendeeregistration1619762877820001PRR0copy-account .rf-label,
.salesforce-edusummit2021-attendeeregistration-form-attendeeInfo .rf-label,
.salesforce-edusummit2021-employeeRegistration-form-attendeeInfo .rf-label,
.salesforce-edusummit2021-attendeeregistration-account .rf-label,
.salesforce-edusummit2021-employeeRegistration-account .rf-label,
.salesforce-edusummit2021-EPregMO-account .rf-label,
.salesforce-edusummit2021-EPregYNH-account .rf-label,
.salesforce-edusummit2021-EPreg615-account .rf-label,
.salesforce-edusummit2021-EPreg616-account .rf-label,
.salesforce-edusummit2021-EPregMO-form-attendeeInfo .rf-label,
.salesforce-edusummit2021-EPregYNH-form-attendeeInfo .rf-label,
.salesforce-edusummit2021-EPreg615-form-attendeeInfo .rf-label,
.salesforce-edusummit2021-EPreg616-form-attendeeInfo .rf-label{
  font-weight: 600 !important;
}


.salesforce-edusummit2021-attendeeregistration1619762877820001PRR0copy-account .wf-form-element-div > div,
.salesforce-edusummit2021-attendeeregistration-account .wf-form-element-div > div,
.salesforce-edusummit2021-employeeRegistration-account .wf-form-element-div > div,
.salesforce-edusummit2021-EPregMO-account .wf-form-element-div > div,
.salesforce-edusummit2021-EPregYNH-account .wf-form-element-div > div,
.salesforce-edusummit2021-EPreg615-account .wf-form-element-div > div,
.salesforce-edusummit2021-EPreg616-account .wf-form-element-div > div {
	padding-bottom: 16px;
	height: fit-content;
}


/*pre release catalog on various pages 4/29 JJE*/
    #rf-catalog{
    background-color: white !important;
}
/*remove bullet points*/
#rf-catalog ul li{
    list-style:none;
}
#rf-catalog .favorite-session svg{
    fill:var(--salesforce-svg-heart);
}
#rf-catalog .recommendation-actions svg{
    fill:white;
    opacity:1;
}
#rf-catalog .recommendation-bar{
    background-color:var(--salesforce-headline-background);
}
#rf-catalog .recommendation-bar, #rf-catalog .recommendation-bar span{
    color:white;
}
/*end pre release catalog stuff 4/29 JJE*/

/*pre release catalog more stuff 4/30 JJE*/
/*remove the bottom margin on attributes after speakers*/
#rf-catalog .rf-attribute:nth-child(n+4) {
    margin-bottom: 0 !important;
}
/*5/5 JJE add some space after last speaker*/
#rf-catalog .rf-attribute:nth-child(n+4) .description,
#rf-catalog .rf-attribute:nth-child(n+4) .speaker-details{
  padding-bottom: 12px;
}
/*remove extra padding on top graphic and button area*/
.salesforce-edusummit2021-attendeeregistration-page-EDS21contentcatalog .flex-box-section-full,
.salesforce-edusummit2021-employeeRegistration-page-EDS21contentcatalog .flex-box-section-full,
.salesforce-edusummit2021-attendeeregistration-page-EDS21sessioncatalog .flex-box-section-full {
    padding: 0 !important;
}
/*fix header on modal for speakers*/
.modal-dialog .modal-header{
  background-color:var(--salesforce-headline-background);
}
.modal-dialog .modal-header svg {
  fill:var(--salesforce-headline-text);
  opacity:1;
}
.modal-dialog .modal-header .modal-title{
  color:var(--salesforce-headline-text);
}
.modal-dialog .modal-body .mdBtnR-text{
  color:var(--salesforce-link-text);
}
.modal-dialog .modal-body svg{
  fill:var(--salesforce-link-text);
}
/*fix text colors in modal for speakers*/
.modal-dialog .modal-body h3{
  color:var(--salesforce-header-text);
}
.modal-dialog .modal-body div span{
  color:var(--salesforce-body-text);
}
/*fix link colors in catalog*/
#rf-catalog .speaker-trigger,
#rf-catalog .clear-search .mdBtnR-text,
#rf-catalog .title-text{
  color:var(--salesforce-link-text) !important;
}
#rf-catalog .rf-catalog-tabs li {
    color: var(--salesforce-button-border)!important;
}
#rf-catalog .rf-catalog-tabs li:hover {
  background-color: rgba(0,0,0,0) !important;
    color: var(--salesforce-link-text)!important;
}
#rf-catalog .rf-catalog-tabs .active{
  border-color:var(--salesforce-link-text) !important;
}
/*text colors not really set on the catalog page yet... lots of 444*/
#rf-catalog .rf-attribute .attribute-values,
 #rf-catalog .description span,
 #rf-catalog .rf-attribute p,
 #rf-catalog .rf-checkbox-label{
   color:var(--salesforce-body-text);
 }
 #rf-catalog .rf-attribute b,
 #rf-catalog h1,
 #rf-catalog h2,
 #rf-catalog h3,
 #rf-catalog .attribute-name,
 #rf-catalog .catalog-filter span{
   color:var(--salesforce-header-text);
 }
 #rf-catalog .title-text:hover,
 #rf-catalog .filters-header h2{
   color:var(--salesforce-header-text)!important;

 }
 #rf-catalog .search-content > .section-title{
   display:none;
 }
 #rf-catalog .search-results > li {
    background-color: rgba(194,200,232,.3) !important;
}
#rf-catalog .rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rf-checkbox-icon svg {
    background-color: var(--salesforce-button-border);
}
/*fix top banner area of pre-release catalog
might need to target the two or 3 pages that have it if we notice it hits other stuff*/
.rf-headline-interior {
    max-width: 1280px;
    margin: auto;
}

/*modal work 5/3 JJE - round mask for speaker images*/
.modal-dialog .modal-body .speaker-photo img{
  -webkit-mask-image: radial-gradient(circle at 80px 80px , black 80px, rgba(0, 0, 0, 0) 80px);
}

/*header and footer update 5/4*/
header {
  background-color:var(--salesforce-header-background);
  height: 120px;
  background-image: url(https://static.rainfocus.com/salesforce/nonprofitsummit/static/staticFile/staticfile/A1-Header-Right-795x150_1614792403804001GmcD.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}
/*hide zoom info on session catalog pre-release/session detail pre-release (6/7)
and room and ...  6/2*/
#rf-catalog .main-content .search-content .rf-tooltip-container.webinar-status-tooltip-container,
#rf-catalog .main-content .search-content .session-location,
#rf-catalog .main-content .search-content .webinar-join-btn,
#rf-catalog .session-details-container .rf-tooltip-container.webinar-status-tooltip-container,
#rf-catalog .session-details-container .session-location,
#rf-catalog .session-details-container .webinar-join-button,
.modal-dialog .modal-content .session-location{
    display: none;
}
/*fix all the add to schedule buttons 6/2*/
#rf-catalog .main-content .search-content .session-action,
#rf-catalog .session-details-container .session-action {
    height: fit-content !important;
  margin-bottom:10px;
}
/*alert box in button*/
#rf-catalog .main-content .search-content .session-action[data-test="rf-button-schedule-session"] svg[viewBox="0 0 24 24"],
#rf-catalog .session-details-container .session-action[data-test="rf-button-schedule-session"] svg[viewBox="0 0 24 24"] {
  fill: var(--salesforce-button-border);
}
.rf-checkbox-wrapper[data-test="rf-checkbox-wrapper-active"] svg {
    background: var(--salesforce-button-border);
}


.rf-default-modal .rf-modal-dropswap .rf-radio-option .check,
input[data-test="rf-radio-input"] {
  border-color: var(--salesforce-dark-purple) !important;
}
.rf-default-modal .rf-modal-dropswap .rf-radio-option input[type=radio]:checked ~ .check::before,
.rf-radio-option input[type=radio]:checked ~ .check::before
{
  background-color: var(--salesforce-dark-purple);
}
.rf-radio-option input[type=radio]:checked ~ .check,
.rf-radio-option .check {
	border: 1px solid var(--salesforce-dark-purple) !important;
}