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

#rf-content {
  background: #EAF5FE !important;
}


/* Thin */
@font-face {
    font-family: 'Salesforce Sans';
    src: url('https://static.rainfocus.com/salesforce/trailblazers20/static/staticFile/staticfile/SalesforceSans-Thin_1602877223600001g51J.woff') format('woff');
    font-weight: 100;
    font-style: normal;
  	color:#59575c;
}

/* Thin, Italic */
@font-face {
    font-family: 'Salesforce Sans';
    src: url('https://static.rainfocus.com/salesforce/trailblazers20/static/staticFile/staticfile/SalesforceSans-ThinItalic_1602877222969001gVtB.woff') format('woff');
    font-weight: 100;
    font-style: italic;
  	color:#59575c;
}

/* Light */
@font-face {
    font-family: 'Salesforce Sans';
    src: url('https://static.rainfocus.com/salesforce/trailblazers20/static/staticFile/staticfile/SalesforceSans-Light_1602877224226001gFmz.woff') format('woff');
    font-weight: lighter;
    font-style: normal;
  	color:#59575c;
}

/* Light, Italic */
@font-face {
    font-family: 'Salesforce Sans';
    src: url('https://static.rainfocus.com/salesforce/trailblazers20/static/staticFile/staticfile/SalesforceSans-LightItalic_1602877223936001gdMS.woff') format('woff');
    font-weight: lighter;
    font-style: italic;
  	color:#59575c;
}

/* Normal */
@font-face {
    font-family: 'Salesforce Sans';
    src: url('https://static.rainfocus.com/salesforce/trailblazers20/static/staticFile/staticfile/SalesforceSans-Regular_1602877223779001gAZp.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  	color:#59575c;
}

/* Normal, Italic */
@font-face {
    font-family: 'Salesforce Sans';
    src: url('https://static.rainfocus.com/salesforce/trailblazers20/static/staticFile/staticfile/SalesforceSans-Italic_1602877224414001gYAv.woff') format('woff');
    font-weight: normal;
    font-style: italic;
  	color:#59575c;
}

/* Bold */
@font-face {
    font-family: 'Salesforce Sans';
    src: url('https://static.rainfocus.com/salesforce/trailblazers20/static/staticFile/staticfile/SalesforceSans-Bold_1602877224768001g6lj.woff') format('woff');
    font-weight: bold;
    font-style: normal;
  	color:#59575c;
}

/* Bold, Italic */
@font-face {
    font-family: 'Salesforce Sans';
    src: url('https://static.rainfocus.com/salesforce/trailblazers20/static/staticFile/staticfile/SalesforceSans-BoldItalic_1602877224600001gN6W.woff') format('woff');
    font-weight: bold;
    font-style: italic;
  	color:#59575c;
}

#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;
}

#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, .d3g-braindate-iframe{
  min-height: calc(100vh - 245px + 120px);
}

footer{
  background-color: #042c60 !important;
  height: 120px;
}
#footerLeftBackgroundImage {
    height: 100%;
    width: unset;
    float: left;
}
#footerRightBackgroundImage {
    height: 100%;
    width: unset;
    float: right;
}

body, footer, header{ 
  min-width: 400px;
}
header{
  background-color: #042c60 !important;
  height: 120px;
}


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

.vertical-menu{
  display:none;
}

@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, .headerRightMenuItems{
    height:100px !important;
  }
  #rf-content, .d3g-braindate-iframe {
    min-height: calc(100vh - 225px + 120px);
  }
  #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: 172px;
      padding-left:18px;
      padding-top:24px;
    }
    #footerSocial {
      left: 40%;
    }
    @media only screen and (max-width: 720px) {
    
      footer{
        height: 100px;
      }
      #rf-content, .d3g-braindate-iframe {
        min-height: calc(100vh - 190px + 100px);
      }
      header, .headerRightMenuItems{
        height: 85px !important;
      }
      #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, .d3g-braindate-iframe {
          min-height: calc(100vh - 165px + 100px);
        }
        header, .headerRightMenuItems{
          height: 60px !important;
        }
        #footerLinks, #footerSocial{
          display: none !important;
        }
      }/*600*/
    }/*720*/
  }/*850*/
}/*1150*/
}/*1232*/
.rf-admin-content *, .rfComp-canvas *, .rf-default-modal *, [id*='rf-'].rf-widget * {
    font-family: 'Salesforce Sans','Open Sans',Helvetica,Arial,sans-serif !important;
}


.headerMenuItem {
  	padding-right: 30px !important;
	color: #FFFFFF;
	display: table-cell;
 	vertical-align:middle;
    font-size:16px;
}

.headerMenuItem a {
  color: #FFFFFF !important;
}

.headerMenuItem a:hover {
  color: #0176d3 !important;
  text-decoration: none;
}

.headerRightMenuItems {
    float: right;
    height: 120px;
  	display:table;
}
.d3g-hide, .d3g_hide{
 display:none !important; 
}
.d3g-braindate-iframe{
  /*height: calc(100vh - 380px);this will move to match all @ medias as well*/
    border: none;
}
#special-div{
  /*holds login stuff so can't hide
  display:none;*/
}
.rf-body.salesforce-nonprofitsummit-nps21-networking-page-braindate .special-div {
    display: none;
}



/*fix buttons for opt-in page*/
#wf-btn-cancel, #wf-btn-submit{
  border-radius: 25px;
  border-color: var(--salesforce-dark-blue);
}
#wf-btn-submit span{
  color:white !important;
}
#wf-btn-cancel span{
  color: var(--salesforce-dark-blue);
}
#wf-btn-submit{
  background-color: var(--salesforce-dark-blue);
}
/*fix text for opt-in page*/
.salesforce-nonprofitsummit-nps21-networking-form-opt-in div,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in p,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in span,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in h1,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in h2,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in h3,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in strong,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in-emp div,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in-emp p,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in-emp span,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in-emp h1,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in-emp h2,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in-emp h3,
.salesforce-nonprofitsummit-nps21-networking-form-opt-in-emp strong{
  color: var(--salesforce-dark-blue) !important;
}
.salesforce-nonprofitsummit-nps21-networking-form-opt-in-emp li, 
.salesforce-nonprofitsummit-nps21-networking-form-opt-in li {
    list-style: circle !important;
    color: var(--salesforce-dark-blue) !important;
}
.d3g-important-red{
  color:#8a033e !important;
}