/* Background Images and Footer */
#MPCopyright { clear: both; float: none; text-align: center; }
/* Color Picker */
/* VERSION 34 */
/********************* Basics **************************/  
/*
body {
  color: ;  
}  
*/
/*
a {
  color: ;  
}  
*/
/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input::placeholder {
  color: ; 
}  
*/
/*
.hl-linkcolor-background {
  background-color: ;  
}  
*/
/*
a.user-content-mention {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: ;  
}  
*/
/*
a:hover {
  color: ;  
}  
*/

/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input::placeholder {
  color: ;  
}  
*/
/*
a.user-content-mention:hover {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: ; 
} 
*/
/*
.bodyBackground {
  background-color: ;  
}  
*/
/*
.siteFrame {
  background-color: ;  
}  
*/
/*
#MPOuterMost {
  border-color: ;  
}  
*/
h1, .Heading1 {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    
h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    h3, .Heading3, h3 a, h3 a:hover {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
hr, hr.delimiter, .HLLandingControl ul li {
  border-bottom-color: ;  
}  
*/
#MPOuterFooter {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
fieldset {
  border-color: ;  
}  
*/
fieldset legend {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
/*
.SearchResults .SortBy {
  color: ;  
}      */
/*********************** Landing Controls ******************/  
.HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.drItemSubHeader a:not(.skip-header-text-color){
  color: ;  
    }  
*/
.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {

/*
  border-color: ;
*/
/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
.HLLandingControl .Content a:not(.btn) {
  color: ;  
}  
*/
/*
.HLLandingControl .ByLine {
  color: ;  
}  
*/
/*
.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: ;  
}  
*/
/*
.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: ;  
}    
*/
/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}  
/*
.nav-tabs {
  border-bottom-color: ;  
}  
*/
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a:hover, .nav .open > a:focus {

/*
  background-color: ;
*/
/*
  border-bottom-color: ;
*/
/*
  color: ;
*/
}  .nav-tabs > li > a {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/************************ Miscellaneous **********************/  
/*
.SloganText {
  color: ;  
}  
*/
.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.lblratingBig {
  color: ;  
}  
*/
/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
th a, th a:hover  {
  color: ;  
}  
*/
/*
.TableRowAlternate, .table-hover > tbody > tr:hover > td  {
  background-color: ;  
}    
*/
/************************ Menus ***********************/  
/*
#MPAuxNav ul.level1 li a {
  color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li ul {
  background-color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: ;  
}  
*/
/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    /*
.breadcrumb {
  background-color: ;  
}  
*/
/*
.breadcrumb li {
  color: ;  
}  
*/
/*
.breadcrumb li a {
  color: ;  
}  
*/
/*
.MPBottomMenu ul li a {
  color: ;  
}        */
/************************ Bootstrap Menus ***********************/  
/*
.navbar-default, #NAV {
  background-color: ;      
  border-color: ;  
}  
*/
/*
.navbar-default .navbar-nav > li > a {
  color: ;  
}  
*/
.navbar .navbar-nav > .active > a,    .navbar .navbar-nav > .active > a:hover,    .navbar .navbar-nav > .active > a:focus,   .navbar .navbar-nav > li > a:hover {
    /*
  background-color: ;
*/
/*
  color: ;
*/
}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  background-color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a {
  color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: ;  
  }  
*/
#MPButtonBar .dropdown-menu .active > a,   #MPButtonBar li .dropdown-menu .active > a:hover,   #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover,   #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  border-color: ;  
}  
*/
/************************ Bootstrap Buttons ***********************/  
.btn-primary, .ui-widget-content a.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
color: !important;
*/
}    
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .dropdown-toggle.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.label-default {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.badge, .badge a, a.badge a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-header {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-body, .panel-body {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-footer, .panel-footer {

/*
  background-color: ;
*/
}  
/*
#MPFooterLink {
  background-color: ;  
}  
*/
/*
#MPFooterLink a {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar span {
  color: ;  
}  
*/

/* Emtpy faceted search results cards */
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(2) .hlc-empty-state-card-top-part {
  background-color: ;
}
*/
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: ;
}
*//************ New Bootstrap 4^ Themeing ****/ 

:root:root {
  /*
  --hl-bs--primary: ;
  --hl-bs--selected: 26;
  */

  [PrimaryColorRGB-StartComment]
  --hl-bs--primary-rgb: [PrimaryColorRGB];
  --hl-bs--selected-rgb: [PrimaryColorRGB], 50;
  [PrimaryColorRGB-EndComment]

  /*
  --hl-bs--primary-opposite: ;
  */

  [TextOnPrimaryRGB-StartComment]
  --hl-bs--primary-opposite-rgb: [TextOnPrimaryRGB];
  [TextOnPrimaryRGB-EndComment]
  
  /*
  --hl-bs--link: ;
  */

  [LinkColorRGB-StartComment]
  --hl-bs--link-rgb: [LinkColorRGB];
  [LinkColorRGB-EndComment]

  /*
  --hl-bs--link-hover: ;
  --hl-bs--btn-icon-ctrl-bg-hover: ;
  --hl-bs--btn-icon-ctrl-border-hover: ;
  */

  [LinkHoverColorRGB-StartComment]
  --hl-bs--link-hover-rgb: [LinkHoverColorRGB];
  --hl-bs--btn-icon-ctrl-bg-hover-rgb: [LinkHoverColorRGB];
  --hl-bs--btn-icon-ctrl-border-hover-rgb: [LinkHoverColorRGB];
  [LinkHoverColorRGB-EndComment]

  /*
  --hl-bs--secondary: ;
  --hl-bs--secondary-selected: 26;
  */

  [SecondaryColorRGB-StartComment]
  --hl-bs--secondary-rgb: [SecondaryColorRGB];
  --hl-bs--secondary-selected-rgb: [SecondaryColorRGB], 50;
  [SecondaryColorRGB-EndComment]

  /*
  --hl-bs--secondary-opposite: ;
  */

  [TextOnSecondaryRGB-StartComment]
  --hl-bs--secondary-opposite-rgb: [TextOnSecondaryRGB];
  [TextOnSecondaryRGB-EndComment]
}

/* buttons */
/*
  button variables follow a pattern of 
  --hl-bs--btn-[theme]-[prop]

  [theme] is one of 
    "primary" 
    "secondary" 
    "link" 
    "ghost"
  we do respect "success" and "danger" if there are selections for them.
  there are also alt- versions but by default we do not override alt theme

  [prop] is one of 
    "text"
    "text-hover"
    "bg"
    "bg-hover"
    "border"
    "border-hover"
    "outline"
  from color picker, there are no text-hover and border-hover, so they should probably just be set to their non-hover counterpart.
  you do not have to override all of them for every button, but probably the colorful ones
*/
:root:root {
  /*
  --hl-bs--btn-primary-text: ;
  --hl-bs--btn-primary-text-hover: ;
  --hl-bs--btn-primary-outline: 7f;
  */

  [PrimaryButtonTextColorRGB-StartComment]
  --hl-bs--btn-primary-text-rgb: [PrimaryButtonTextColorRGB];
  --hl-bs--btn-primary-text-hover-rgb: [PrimaryButtonTextColorRGB];
  --hl-bs--btn-primary-outline-rgb: [PrimaryButtonTextColorRGB], 127;
  [PrimaryButtonTextColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-bg: ;
  */

  [PrimaryButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-primary-bg-rgb: [PrimaryButtonBackgroundColorRGB];
  [PrimaryButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-bg-hover: ;
  */

  [PrimaryButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-primary-bg-hover-rgb: [PrimaryButtonHoverBackgroundColorRGB];
  [PrimaryButtonHoverBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-border: ;
  --hl-bs--btn-primary-border-hover: ;
  */

  [PrimaryButtonBorderColorRGB-StartComment]
  --hl-bs--btn-primary-border-rgb: [PrimaryButtonBorderColorRGB];
  --hl-bs--btn-primary-border-hover-rgb: [PrimaryButtonBorderColorRGB];
  [PrimaryButtonBorderColorRGB-EndComment]
}

:root:root {
  /*
  --hl-bs--btn-success-text: ;
  --hl-bs--btn-success-text-hover: ;
  --hl-bs--btn-success-outline: 7f;
  */

  [SuccessButtonTextColorRGB-StartComment]
  --hl-bs--btn-success-text-rgb: [SuccessButtonTextColorRGB];
  --hl-bs--btn-success-text-hover-rgb: [SuccessButtonTextColorRGB];
  --hl-bs--btn-success-outline-rgb: [SuccessButtonTextColorRGB], 127;
  [SuccessButtonTextColorRGB-EndComment]
  
  /*
  --hl-bs--btn-success-bg: ;
  */

  [SuccessButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-success-bg-rgb: [SuccessButtonBackgroundColorRGB];
  [SuccessButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-success-bg-hover: ;
  */

  [SuccessButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-success-bg-hover-rgb: [SuccessButtonHoverBackgroundColorRGB];
  [SuccessButtonHoverBackgroundColorRGB-EndComment]

  /*
  --hl-bs--btn-success-border: ;
  --hl-bs--btn-success-border-hover: ;
  */

  [SuccessButtonBorderColorRGB-StartComment]
  --hl-bs--btn-success-border-rgb: [SuccessButtonBorderColorRGB];
  --hl-bs--btn-success-border-hover-rgb: [SuccessButtonBorderColorRGB];
  [SuccessButtonBorderColorRGB-EndComment]
  
  /*
  --hl-bs--btn-danger-text: ;
  --hl-bs--btn-danger-text-hover: ;
  --hl-bs--btn-danger-outline: 7f;
  */

  [DangerButtonTextColorRGB-StartComment]
  --hl-bs--btn-danger-text-rgb: [DangerButtonTextColorRGB];
  --hl-bs--btn-danger-text-hover-rgb: [DangerButtonTextColorRGB];
  --hl-bs--btn-danger-outline-rgb: [DangerButtonTextColorRGB], 127;
  [DangerButtonTextColorRGb-EndComment]
  
  /*
  --hl-bs--btn-danger-bg: ;
  */

  [DangerButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-danger-bg-rgb: [DangerButtonBackgroundColorRGB];
  [DangerButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-danger-bg-hover: ;
  */

  [DangerButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-danger-bg-hover-rgb: [DangerButtonHoverBackgroundColorRGB];
  [DangerButtonHoverBackgroundColorRGB-EndComment]

  /*
  --hl-bs--btn-danger-border: ;
  --hl-bs--btn-danger-border-hover: ;
  */

  [DangerButtonBorderColorRGB-StartComment]
  --hl-bs--btn-danger-border-rgb: [DangerButtonBorderColorRGB];
  --hl-bs--btn-danger-border-hover-rgb: [DangerButtonBorderColorRGB];
  [DangerButtonBorderColorRGB-EndComment]

}

:root:root {
  /*
  --hl-bs--btn-secondary-text: ;
  --hl-bs--btn-secondary-text-hover: ;
  --hl-bs--btn-secondary-outline: 7f;
  */

  [DefaultButtonTextColorRGB-StartComment]
  --hl-bs--btn-secondary-text-rgb: [DefaultButtonTextColorRGB];
  --hl-bs--btn-secondary-text-hover-rgb: [DefaultButtonTextColorRGB];
  --hl-bs--btn-secondary-outline-rgb: [DefaultButtonTextColorRGB], 127;
  [DefaultButtonTextColorRGB-EndComment]
  
  /*
  --hl-bs--btn-secondary-bg: ;
  */

  [DefaultButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-secondary-bg-rgb: [DefaultButtonBackgroundColorRGB];
  [DefaultButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-secondary-bg-hover: ;
  */

  [DefaultButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-secondary-bg-hover-rgb: [DefaultButtonHoverBackgroundColorRGB];
  [DefaultButtonHoverBackgroundColorRGB-EndComment]

  /*
  --hl-bs--btn-secondary-border: ;
  --hl-bs--btn-secondary-border-hover: ;
  */

  [DefaultButtonBorderColorRGB-StartComment]
  --hl-bs--btn-secondary-border-rgb: [DefaultButtonBorderColorRGB];
  --hl-bs--btn-secondary-border-hover-rgb: [DefaultButtonBorderColorRGB];
  [DefaultButtonBorderColorRGB-EndComment]
}

:root:root {
  /*
  --hl-bs--btn-link-text: ;
  --hl-bs--btn-link-outline: 7f;
  */

  [LinkColorRGB-StartComment]
  --hl-bs--btn-link-text-rgb: [LinkColorRGB];
  --hl-bs--btn-link-outline-rgb: [LinkColorRGB], 127;
  [LinkColorRGB-EndComment]

  /*
  --hl-bs--btn-link-hover: ;
  */

  [LinkHoverColorRGB-StartComment]
  --hl-bs--btn-link-hover-rgb: [LinkHoverColorRGB];
  [LinkHoverColorRGB-EndComment]
}

:root:root {
  /*
  --hl-bs--btn-ghost-outline: 7f;
  */

  [PrimaryButtonTextColorRGB-StartComment]
  --hl-bs--btn-ghost-outline-rgb: [PrimaryButtonTextColorRGB], 127;
  [PrimaryButtonTextColorRGB-EndComment]
}

:root:root {
  /*
  --hl-bs--footer-color: ;
  */

  [FooterTextColorRGB-StartComment]
  --hl-bs--footer-color-rgb: [FooterTextColorRGB];
  [FooterTextColorRGB-EndComment]

  /*
  --hl-bs--footer-color-opposite: ;
  */

  [FooterBackgroundColorRGB-StartComment]
  --hl-bs--footer-color-opposite-rgb: [FooterBackgroundColorRGB];
  [FooterBackgroundColorRGB-EndComment]
}/************************ Primary Navbar ***********************/

body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:hover, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:focus, body.ribbit :not(.no-theme) .navbar .navbar-nav>li>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:focus {
    /* 
    color: ;
    */    
    /* 
    color: ;
    */
}

/************************ Anchors ***********************/
body.ribbit a{
    /* 
    color: ;
    */
}
body.ribbit a:hover{
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn){
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn):hover{
    /* 
    color: ;
    */
}

/************************ Bootstrap Buttons ***********************/

/****START - .btn-primary****/
body.ribbit :not(.no-theme) .btn-primary, body.ribbit :not(.no-theme) .ui-widget-content a.btn-primary {

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color:  !important;
    */
}

body.ribbit :not(.no-theme) .btn-primary:hover, body.ribbit :not(.no-theme) .btn-primary:focus, body.ribbit :not(.no-theme) .btn-primary:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-primary {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

/**** btn-primary ****/
body.ribbit :not(.no-theme) .btn-primary {

    /* 
    color:  !important;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .btn-primary:hover:not(:disabled) {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-primary:focus {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}


/**** btn-success ****/
body.ribbit :not(.no-theme) .btn-success {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-success:focus,
body.ribbit :not(.no-theme) .btn-success:hover:not(:disabled) {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-success:focus {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}

/**** btn-overlay ****/
body.ribbit :not(.no-theme) .btn-overlay {

    /* 
    color: ;
    */
}


/**** btn-icon-primary[aria-label="Toggle folder list"] ****/
body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"] {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border: ;
    */
}

body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"]:hover {

    /*
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    */
}



body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}


body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .container-btn-icon-ctrl:focus>.btn-icon-ctrl {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}


body.ribbit :not(.no-theme) .btn-inline-icon:focus,
body.ribbit :not(.no-theme) .btn-inline-icon:hover:not(:disabled) {
    /* 
  color: ; 
  */

    /* 
    color: ;
    */
}


body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+* {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:focus,
body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:hover {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    */
    /* 
    background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ; 
    */
}


/********* alt icon botton **********/
body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

    /* 
    background-color: ;
    border-color: ;
    */
}


body.ribbit :not(.no-theme) .primary-button-background-color {

    /* 
    background-color:  !important;
    */
}


body.ribbit :not(.no-theme) .primary-button-border-color {

    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .primary-button-text-color {

    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .primary-button-hover-background-color:hover, body.ribbit :not(.no-theme) .primary-button-hover-background-color:focus {

    /* 
    background-color:  !important;
    */
}

/****END - .btn-primary****/

/****START - .btn-success****/
body.ribbit :not(.no-theme) .btn-success {

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .btn-success:hover, body.ribbit :not(.no-theme) .btn-success:focus, body.ribbit :not(.no-theme) .btn-success:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-success {

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .success-button-background-color {

    /* 
    background-color:  !important;
    */
}

body.ribbit :not(.no-theme) .success-button-border-color {

    /* 
    color:  !important;
    */
}

body.ribbit :not(.no-theme) .success-button-text-color {
    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .success-button-hover-background-color:hover, body.ribbit :not(.no-theme) .success-button-hover-background-color:focus {
    
    /* 
    background-color:  !important;
    */
}

/****END - .btn-success****/


/************************ Interior Header (#PageTitleH1) ***********************/
body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
    /* 
    fill: ;
    */
}
body.ribbit.interior :not(.no-theme) #InteriorPageTitle #PageTitleH1 {
    /* 
    color:  !important;
    */
}

/************************ Community Tabs ***********************/
body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab {
    /* 
    color: ;
    */ 
}

body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:hover, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:focus {
    /* 
    border-bottom-color: ;
    */ 
}

/*************** Inheritance for Content Specific to Association Model ***************/

/*Engagement Leaderboard*/
body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:hover>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:focus>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a:hover {
    /*
    color: ;
    */
    /* 
    border-bottom-color: ;
    */ 
}

body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li:hover .row.title-row .col-md-9>.leaderboard-user-info>a[id*=_EngagementList_NameLink_] {   
    /* 
    color: ;
    */
    /* 
    color: ;
    */
}

/*Logged-out Homepage Row backgrounds*/
body.ribbit :not(.no-theme) .row.primary-row {    
    /* 
    background-color: ;
    */
}

body.ribbit :not(.no-theme) .row.secondary-row {    
    /* 
    background-color: 90;
    */
}

/*Member Directory Action buttons color variation*/
body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type {
    /* 
    color: ;
    */     
    /* 
    background-color: ;
    border-color: ;
    */ 
}

body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type:hover{
    /* 
    color: ;
    */
    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

/*QuickLinks Widget Inheritance*/
body.ribbit .quick-links-list-item:hover .quick-links-list-item-text{
    /* 
    color: ;
    */
}

/**** Generated Utils ****/

/*
.text-color {
  color:  !important;
}
*/
  

/*
.link-color {
  color:  !important;
}
*/
  

/*
.mention-link-color {
  color:  !important;
}
*/
  

/*
.tag-link-color {
  color:  !important;
}
*/
  

/*
.link-hover-color:hover, .link-hover-color:focus {
  color:  !important;
}
*/
  

/*
.mention-hover-color:hover, .mention-hover-color:focus {
  color:  !important;
}
*/
  

/*
.tag-hover-color:hover, .tag-hover-color:focus {
  color:  !important;
}
*/
  

/*
.outer-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-hover-color:hover, .tag-background-hover-color:focus {
  color:  !important;
}
*/
  

/*
.page-background-color {
  background-color:  !important;
}
*/
  

/*
.border-color {
  color:  !important;
}
*/
  

/*
.primary-heading-text-color {
  color:  !important;
}
*/
  

/*
.primary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.secondary-heading-text-color {
  color:  !important;
}
*/
  

/*
.secondary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.tertiary-heading-text-color {
  color:  !important;
}
*/
  

/*
.tertiary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.seperator-color {
  color:  !important;
}
*/
  

/*
.footer-background-color {
  background-color:  !important;
}
*/
  

/*
.footer-text-color {
  color:  !important;
}
*/
  

/*
.primary-color {
  color:  !important;
}
*/
  

/*
.text-on-primary {
  color:  !important;
}
*/
  

/*
.table-header-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-header-background-color {
  background-color:  !important;
}
*/
  

/*
.landing-control-header-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-border-color {
  color:  !important;
}
*/
  

/*
.landing-control-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-background-color {
  background-color:  !important;
}
*/
  

/*
.landing-control-link-color {
  color:  !important;
}
*/
  

/*
.landing-control-byline-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-sub-title-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-title-text-color {
  color:  !important;
}
*/
  

/*
.selected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-tab-border-color {
  color:  !important;
}
*/
  

/*
.selected-tab-text-color {
  color:  !important;
}
*/
  

/*
.unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-hover-text-color {
  color:  !important;
}
*/
  

/*
.unselected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-text-color {
  color:  !important;
}
*/
  

/*
.slogan-text-color {
  color:  !important;
}
*/
  

/*
.table-header-background-color {
  background-color:  !important;
}
*/
  

/*
.table-alternate-background-color {
  background-color:  !important;
}
*/
  

/*
.aux-menu-text-color {
  color:  !important;
}
*/
  

/*
.unselected-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-bar-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-text-color {
  color:  !important;
}
*/
  

/*
.breadcrumb-link-color {
  color:  !important;
}
*/
  

/*
.footer-menu-text-color {
  color:  !important;
}
*/
  

/*
.unselected-menu-text-color {
  color:  !important;
}
*/
  

/*
.selected-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-menu-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.hover-menu-selected-background-color {
  background-color:  !important;
}
*/
  

/*
.hover-menu-selected-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-border-color {
  color:  !important;
}
*/
  

/*
.primary-button-background-color {
  background-color:  !important;
}
*/
  

/*
.primary-button-border-color {
  color:  !important;
}
*/
  

/*
.primary-button-text-color {
  color:  !important;
}
*/
  

/*
.primary-button-hover-background-color:hover, .primary-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.info-button-background-color {
  background-color:  !important;
}
*/
  

/*
.info-button-border-color {
  color:  !important;
}
*/
  

/*
.info-button-text-color {
  color:  !important;
}
*/
  

/*
.info-button-hover-background-color:hover, .info-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.success-button-background-color {
  background-color:  !important;
}
*/
  

/*
.success-button-border-color {
  color:  !important;
}
*/
  

/*
.success-button-text-color {
  color:  !important;
}
*/
  

/*
.success-button-hover-background-color:hover, .success-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.danger-button-background-color {
  background-color:  !important;
}
*/
  

/*
.danger-button-border-color {
  color:  !important;
}
*/
  

/*
.danger-button-text-color {
  color:  !important;
}
*/
  

/*
.danger-button-hover-background-color:hover, .danger-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.default-button-background-color {
  background-color:  !important;
}
*/
  

/*
.default-button-border-color {
  color:  !important;
}
*/
  

/*
.default-button-text-color {
  color:  !important;
}
*/
  

/*
.default-button-hover-background-color:hover, .default-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.pagination-activebutton-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-active-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-activebutton-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-button-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-hover-background-color:hover, .pagination-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.label-background-color {
  background-color:  !important;
}
*/
  

/*
.label-text-color {
  color:  !important;
}
*/
  

/*
.badge-background-color {
  background-color:  !important;
}
*/
  

/*
.badge-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-header-background-color {
  background-color:  !important;
}
*/
  

/*
.popup-window-header-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-background-color {
  background-color:  !important;
}
*/
  

/*
.popup-window-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-footer-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-text-color {
  color:  !important;
}
*/
  
/* CSS Overrides */
/********
 * BASE *
 ********/

html {
	-moz-box-sizing: border-box;
	-webkit-box-ƒbylizing: border-box;
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
}

*,
*:before,
*:after {
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
    
article,
aside,
blockquote,
body,
details,
dl,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
legend,
main,
menu,
nav,
ol,
p,
section,
summary,
ul {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}


        #herologo {
        width: 100% !important;
        }
        #heroInfo {
        margin: 33px 0 !important;
        background: rgba(255,255,255,.7);
        padding: 2% !important;
        }
        #spBG {
        background: url(/resource/resmgr/2020_conference/atlanta/atlanta_2500px_x_2500px3.png) !important;
        background-repeat: repeat-x;
        padding: 0;
        }
        #section1_wrapper {
        background: url(/resource/resmgr/2020_conference/atlanta/atlanta_2500px_x_2500px3.png) !important;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center top !important;
        padding: 0px !important;
        }
        #section2_wrapper {
        background-color: rgba(255,255,255,.7) !important;
        }
        #section3_wrapper {
        background-color: rgba(255,255,255,.7)!important;
        background-size: cover;
        background-position: center top;
        padding: 0 !important;
        }
        #section4_wrapper {
        margin: 33px 0 !important;
        background: rgba(255,255,255,.7);
        padding: 2% !important;
        }
        .col-sm-12 {
        padding-right: 0 !important;
        padding-left: 0 !important;
        }
        .col-sm-6 {
        float: right !important;
        width: 50% !important;
        }
        .responsive {
        width: 100%: !important;
        height: auto: !important;
        }
        #footerCol2 {
        background: #000080 !important;
        }
        #footerCol1 {
        background: #ffffff !important;
        }

audio,
canvas,
video {
	display: inline-block;
	display: inline;
	zoom: 1;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

body {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
       font-family: "Open Sans";
}

a {
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}

a:active, a:hover {
	outline: 0;
background-color: transparent;
}



h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #316eb6;
    margin: 1em 0;
    padding: 0;
}

small {
	font-size: .9em;
}

dl,
menu,
ol,
ul {
	margin: 0;
}

dd {
	margin: 0;
}

iframe {
	border: none;
	max-width: 100%;
	overflow: hidden;
}

ul,
ol {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
	-moz-margin-before: 0;
	-moz-margin-after: 0;
	-moz-margin-start: 0;
	-moz-margin-end: 0;
	-moz-padding-start: 0;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

legend {
	white-space: normal;
	*margin-left: 0
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	/* 3 */
	*vertical-align: middle;
	/* 3 */
}

button,
input {
	line-height: normal;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

label::selection {
	background-color: transparent;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 1em;
	*width: 1em;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	display: block;
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

[hidden] {
	display: none;
}

.clearfix:after {
	content: "";
	display: table;
	float: none;
	clear: both;
}

:root {
	--sfpe-blue: #356FB2;
}

.video__wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	margin-bottom: 1.6rem;
}

.video__wrapper iframe {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
}

p.bg-warning {
     padding-bottom: 0;
}

.AdSpot {
    text-align: center;
    padding-block-end: 15%;

}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #fff;
}

.text {
    color: black;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.imagelink {
    vertical-align: middle;
}

.imgcontainer {
    position: relative;
}

.imgcontainer:hover .overlay {
  opacity: 0.8;
transition-duration: 0.4s;
}

/**************
 * TYPOGRAPHY *
 **************/
body {
	font-size: calc(16px + .25vw);
	line-height: 1.5;
       font-family: "Montserrat", Helvetica, Arial, sans-serif;

}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
        font-family: "Jost", Helvetica, Arial, sans-serif;
	font-weight: 800;
	color: #414141;
	padding-bottom: 1.6rem;
}

h1, .h1 {
    font-size: calc(54px + .25vw);
}
h2 {
    font-size: calc(30px + .25vw);
    color: #333;
}
h3 {
    font-size: calc(24px + .25vw);
    font-weight: 800;
}
h3 > a {
    color: var(--sfpe-blue);
}

h4 {
    font-size: calc(20px + .25vw);
}
h5 {
    font-size: calc(18px + .25vw);
}
h6 {
    font-size: calc(16px + .25vw);
}

p {
	margin: 0;
	padding-bottom: 1.6rem;
}

ul,
ol {
	list-style-position: outside;
	padding-bottom: 1.6rem;
	padding-left: 2.4rem;
}

a {
    font-weight: 500;
     color: var(--sfpe-blue);

   font-family: "Montserrat", Helvetica, Arial, sans-serif;
}

a:hover {
     text-decoration: underline;
color: #316eb6;
  transition-duration: 1s;

}

a:active {
color:#191970;
}


.row {
    width: 100%;
margin: auto;
}

.row-full .col-md-12:only-child {
    padding: 0;
    width: 100%;
    max-width: none;
}

.img-responsive {
     width: 100%;
}

.btn__wrapper--center {
      padding-bottom: 1.6rem;
      display: flex;
      justify-content: center;
}

.btn__wrapper {
     padding-bottom: 1.6rem;
     display:flex;
     flex-wrap: wrap;
}

.btn__wrapper .btn:not(:last-child){
     margin-right: .8rem;
}

@media(max-width: 768px) {

 .btn__wrapper {
         flex-direction: column;
    }

   .btn__wrapper .btn:not(:last-child) {
        margin-bottom: .8rem;
        margin-right: 0;
    }
}

.bootstrap-select.btn-group .dropdown-menu li a span.text{
display:contents;
}

.bootstrap-select>.dropdown-toggle {
width: auto;
padding-right: 25px;
}

.caret {
display: none;
}

.btn {
    display: inline-block;
    padding: .8rem 2.4rem;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

.btn:hover {
    display: inline-block;
    padding: .8rem 2.4rem;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

.btn.btn-primary,
.btn.btn-default {
    color: #191970;
    background-color: #fff;
}

.btn.btn-primary:hover,
.btn.btn-default:hover {
color: #316eb6;
transition-duration: 0.4s;
   background-color:#fff;
}

.btn2.btn-primary,
.btn2.btn-default {
    color: #fff;
    background-color: #ff971a;
}

.btn2.btn-primary:hover,
.btn2.btn-default:hover {
color: #ff971a;
transition-duration: 0.4s;
   background-color:#fff;
}

.btn.btn-primary3,
.btn.btn-default {
    color: #fff;
    background-color: #ff971a;
}

.btn.btn-primary3:hover,
.btn.btn-default:hover {
color: #ff971a;
transition-duration: 0.4s;
   background-color:#fff;
}


.btn.btn-ghost--white:hover,
.btn.btn-ghost--primary:hover,
.btn.btn-white:hover{
  color: #fff;
transition-duration: 0.4s;
   background-color:#316eb6;
}

.Welcome button.btn.btn-default:hover {
    margin-bottom: 0;
    max-height: 34px;
    max-width: 34px;
}

.btn.btn-white{
    color:  var(--sfpe-blue);
    background-color: #fff;
}

.btn.btn-ghost--primary {
    color: var(--sfpe-blue);
    background-color: transparent;
    border: 2px solid var(--sfpe-blue);
}

.btn.btn-ghost--white {
     color: #fff;
     background-color: transparent;
     border: 2px solid #fff;
}

.btn-group-sm>.btn {
    font-size: 1.6rem;
padding: .8rem 2.4rem;
}

.btn-group {
    white-space: inherit;
}

.btn-sm {
    display: inline-block;
padding: 5px 10px;
font-size: 12px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

.btn-sm:hover {
    display: inline-block;
padding: 5px 10px;
font-size: 12px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

.btnlrg {
    display: inline-block;
    padding: .8rem 2.4rem;
    margin-bottom: 0;
    font-size: 2.9rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
 background-color:#191970;
}

.btnlrg2 {
    display: inline-block;
    padding: .8rem 2.4rem;
    margin-bottom: 0;
    font-size: 2.9rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
 background-color:#ff971a;
}

.btnlrg:hover {
    display: inline-block;
    padding: .8rem 2.4rem;
    margin-bottom: 0;
    font-size: 2.9rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
 background-color:#fff;
color: #191970;
}

.btnlrg:hover {
    display: inline-block;
    padding: .8rem 2.4rem;
    margin-bottom: 0;
    font-size: 2.9rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
 background-color:#fff;
color: #ff971a;
}

.shadow-box {
     box-shadow: 0px 32px 32px rgba(45, 57, 64, 0.1), 0px 0px 16px rgba(45, 57, 64, 0.06);
}

.social-icons {
     display: flex;
}

#FOOTER .social-icons i.fab {
     color:#191970;
     margin-right:.8rem;
}

/***********
 * Nav *
 ***********/
#NAV.stickyNav-full {
    background-color: #fff;
    padding: 2rem 0;
    border-bottom: 1px solid #424242;
   
}
@media (max-width: 1023px) { 
    #NAV.stickyNav-full {
        position:  static;
        background-color: transparent;
 
    }
}

/***********
 * Menu Test *
 ***********/
#MPOuterMost.full #HEADER, #MPOuterMost.full #BreadCrumb, #MPOuterMost.full #FOOTER, #MPOuterMost.full #MPFooterLinkContent, #MPOuterMost.full #MPButtonBar {
    margin: 0 auto;
    max-width: 2200px;
    width: auto;
}

#Welcome_LoginLink {
     background-color: transparent;
     padding: 0;
    margin: 0;
    display: block;
    border: 0;
    text-transform: unset;
}

#Welcome_LoginLink:before { 
    content: "\f30d";
    font-family:     "Font Awesome 5 Pro";
    color: #191970;
    margin-right: .8rem;
}



.stickyNav-filler {
    display: none;
}

.traditional-nav {
    padding:  3.0rem 0;
}

@media (max-width: 1023px) { 
    .traditional-nav {
        padding: 0;
    }
}

#MPButtonBar {
    background-color: #fff;
    max-width: none;
}

.traditional-nav > .col-md-12 {
    padding: 0;
    width: 100%;
}

#MPheader .col-md-12 {
display:flex;
    justify-content: flex-end;
    align-items: center;
}

@media(max-width: 1023px) {
    #MPheader .col-md-12 {
         align-items: flex-start;
     }

}

#MPheader .col-md-12 .pull-right:first-child {
    order: 1;
}

#MPheader .col-md-12 .pull-right:nth-child(2) {
    order: 0;
    margin-right: auto;
    width: calc(100% - 8rem);
}

#MPAuxNav, #AuxMenu {
     width: 100%;
}

#MPAuxNav #AuxMenu ul {
     width: 100% !important;
     display: flex;
     align-items: center;
}

@media(max-width: 1023px) {
    #MPAuxNav #AuxMenu ul {
         display: flex;
         flex-direction: column;    
         align-items:flex-start;
    }
}

#MPAuxNav ul.level1 li a {
    color: #191970;
    font-family: Jost;
    font-size: 1.6rem;
padding-right: 20px;
    font-weight: bold;
    text-decoration: none;

}

#MPAuxNav ul.level1 li a:hover {
color: #316eb6;
}


.navbar-nav>li>.dropdown-menu {
    top: calc(100% + 2.4rem);
    flex-wrap: wrap;
    min-width: 250px;
}

.stickyNav-full .navbar-nav>li>.dropdown-menu {
    top: 100%;
    left: 0;
}

.navbar-nav>li>.dropdown-menu > li {
    flex: 1 0 25%;
}

.navbar-nav>li>.dropdown-menu > li > a:first-child{
     font-size: 2.4rem;
}

@media (max-width: 991px) {
.navbar-nav {
    max-height: none;
}

}

a.dropdown-toggle{
color: #316eb6;
background-color: transparent;
}

a:hover.dropdown-toggle{
color: #316eb6;
background-color: transparent;
}

a:active.dropdown-toggle{
color: #316eb6;
background-color: transparent;
}

a:visited.dropdown-toggle{
color: #316eb6;
background-color: transparent;
}

a:open.dropdown-toggle{
background-color:transparent;
}

.dropdown.open.active {
color: #316eb6;
background-color: transparent;
}

.dropdown.active{
color: #316eb6;
background-color: transparent;
}

.dropdown.hover{
background-color: transparent;
}

.dropdown.focused{
background-color: transparent;
}

.dropdown.visited{
background-color: transparent;
}

.dropdown.active.current-page.open {
background-color: transparent;
}

@media(max-width: 1023px) {
     .navbar-nav>li>.dropdown-menu {
         position: static;
         background-color: transparent;
          border: none;
         box-shadow: none;
padding: 10px 0;
    } 


    .navbar-nav>li>.dropdown-menu li a{
        color: #ffffff;
        background-color: transparent
    }

    .navbar-nav>li>.dropdown-menu li a:hover
    .navbar-nav>li>.dropdown-menu li a:focus,
    .navbar-nav>li>.dropdown-menu li a:active {
        color: #316eb6;
        background-color: transparent;
    }

    .navbar-nav>li>.dropdown-menu > li {
        flex: 1 0 auto;
        max-width: 100%;
    }

     .navbar-default  .navbar-nav>li>.dropdown-menu > li > a:first-child{
         color: #191970;
         font-size: 1.6rem;
    }

    .navbar-nav>.open>.dropdown-menu {
       display: block;
    }
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
background-color: transparent;
}


#MPAuxNav ul.level1 li .fas {
    margin-right: .8rem;
    font-size: 1.2rem;
}

#MPAuxNav ul.level1 li .btn {
    padding: .8rem 2.4rem;
}

#MPButtonBar > .col-md-12 {
     width: 100%;
}

#MPButtonBar .row > .col-md-12 {
     position: static;
}


#MPButtonBar .navbar.navbar-default {
     background-color: transparent;
     border: none;
     padding-left: 20rem;
padding-bottom: 2rem;
padding-top: 2rem;
     display: flex;
      align-items:center;
     border-radius: 0;
    position: static;
}

@media (max-width:1199px) {
    #MPButtonBar .navbar.navbar-default {
         padding-left: 1.6rem;
         
    }
}

@media (max-width:1600px) {
    #MPButtonBar .navbar.navbar-default {
         padding-left: 20rem;
         
    }
}

@media (max-width:1023px) {
    #MPButtonBar .navbar.navbar-default {
         background-color: #424244;
  padding-left: 0rem;
         
    }
}

@media (max-width: 1023px) {
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav>.active>a {
    color: #ffffff;
    background-color: transparent;
}
}


@media (max-width: 1023px)
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    background-color: transparent;
}
}

@media (max-width: 1023px) {
.navbar-nav {
    max-height: 400px;
}
}

@media (max-width:767px) {
    #MPButtonBar .navbar.navbar-default {
         justify-content: flex-start;
         align-items: flex-end;
        flex-direction: column;
    }
}

#searchColumn {
     display: none;
}

#Logo {
    position: absolute;
    z-index: 4;
    top: 7.6rem;
    left: 1.6rem;
    width: 19rem;
    background-color: transparent;
}

@media (max-width: 1199px) {
     #Logo {
          display: none;
    }
}

@media (max-width: 1023px) {
     #Logo {
        display: block;
         right : 1.6rem;
         left: auto;
        width: 16rem;
    }
}


@media (max-width: 1023px) {
    .navbar-default .navbar-nav {
         flex-direction: column;
         flex-wrap: nowrap;
    }
}

#Logo.logo--stuck {
    position: fixed;
    z-index: 1001;
    top: 1rem;
left: 4.8rem;
    background-color: transparent;
}

@media (max-width: 1200px) { 
    #Logo.logo--stuck {
         display: none;
     }
}

.navbar-default .navbar-nav {
     padding-bottom: 0;
     display: flex;
}

@media (max-width: 1023px) {
    .navbar-default .navbar-nav {
         flex-direction: column;
         flex-wrap: nowrap;
    }
}

.navbar-default .navbar-nav li a {
     font-family: Jost;
     font-weight: bold;
font-size: 20px;
     color: #191970;
     padding-bottom: .8rem;
     padding-top: .8rem;

}

.navbar-default .navbar-nav li a:hover {
        color: #316eb6;
        background-color: transparent;
}

.navbar-default .navbar-nav li a:active {
        color: #316eb6;
        background-color: transparent;
}

.navbar-default .navbar-nav li a:focus {
       color: #316eb6;
        background-color: transparent;

}

.navbar-default .navbar-nav>.active>a {
       background-color: transparent;
}

@media (max-width: 1023px) {
    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>li>.dropdown-menu > li > a:first-child{
         color: #ffffff;
         background-color: transparent;
    }

    .navbar-default .navbar-nav li a:hover,
     .navbar-default .navbar-nav>.active>a:hover,
     .navbar-default .navbar-nav>.active>a:active,
     .navbar-default .navbar-nav>.active>a:focus {
          background-color: transparent;
    }
}

.navbar-collapse.navbar-ex1-collapse {
     width: 100%;
}
@media (min-width: 1024px) {
     .navbar-collapse.in {
          overflow-y: unset;
     }
}


#MPOuterHeader > .col-md-12 {
    padding: 0;
    width: 100%;
}

@media (min-width: 1024px) {
#MPOuterHeader > .col-md-12 {
     display: block !important;
}
}

#MPOuterHeader .nav-toggle {
    display: none;
    color: #191970;
}

@media (max-width: 1023px) {
     #MPOuterHeader {
          position:fixed;
          width: 100%;
          background-color:#fff;
          min-height: 4rem;
          padding: 0 1.6rem;
          display: flex;
          align-items:center;
          z-index: 4;
          left:0;
         top: 0;
     }
    #MPOuterHeader > .col-md-12 {
          position:absolute;
          left: 0;
          z-index: 4;
          top: 4rem;
         background-color:#424244;
display:none;
  
    }

    #MPOuterHeader .nav-toggle {
         cursor : pointer;
         display: block;
     }

}

#MPOuterMost.full #HEADER {
    margin: 0;
    background-color: #fff;
    padding: 0 3.2rem;
    max-width: none;
    width: 100%;

}

/***********
 * Hero *
 ***********/
.home .no-pageTitle-padding {
     padding-top: 0;
}

.hero {
    min-height: 64rem;
    padding: 4.8rem 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: right;
    position: relative;
background-image: linear-gradient(90deg, rgba(0, 0, 0, .7) 4.35%, rgba(0, 0, 0, .3) 40.54%);
}

.hero__headline {
    text-transform: uppercase;
}

.hero:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
background-image: linear-gradient(90deg, rgba(0, 0, 0, .7) 4.35%, rgba(0, 0, 0, .3) 40.54%);
}

.hero__container {
    position: relative;
    z-index: 1;
}

.hero-num {
    color: #FE9230;
    text-align: center;
    padding-bottom: 0;
}

.hero-num__text {
    color: #191970;
    text-align: center;
}

.hero-num__wrapper {
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    .hero-num__wrapper {
          flex-direction: column;
    }
}

.hero-num-group {
    padding: 0 3.2rem;
}

.hero-num-group:not(:last-child) {
    border-right: 2px solid #191970;
}

@media (max-width: 767px) {

    .hero-num-group:not(:last-child) {
         border-right: 0;
        border-bottom: 2px solid #fff;
    }
}

.hero-grid {
     display: grid;
     grid-template-columns: repeat(2, auto);
     grid-gap: 1.6rem;
     margin-bottom: 1.6rem;
}

@media(max-width: 767px) {
    .hero-grid {
        grid-template-columns: repeat(1, auto);
display: inline-block;
    }
}

.hero-cell {
    background-size: cover;
    background-position: center;
    padding: 5.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
background-image: linear-gradient(90deg, rgba(0, 0, 0, .7) 9.35%, rgba(0, 23, 64, .3) 40.54%);
}

.hero-cell:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .7) 9.35%, rgba(0, 23, 64, .3) 40.54%);
}

.hero-cell__container {
    z-index: 1;
    position: relative;
}

.hero-cell--large {
     grid-row: 1 / span 2;
}


/***********
 * Hero-cell2 *
 ***********/
.hero-cell2 {
    background-size: cover;
    background-position: center;
    padding: 5.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .7) 9.35%, rgba(19, 43, 71, .3) 40.54%);
}

.hero-cell2:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .7) 9.35%, rgba(19, 43, 71, .3) 40.54%);
}

.hero-cell2__container {
    z-index: 1;
    position: relative;
}

.hero-cell2--large {
     grid-row: 1 / span 2;
}

/***********
 * Hero-cell3 *
 ***********/
.hero-cell3 {
    background-size: cover;
    background-position: center;
    padding: 3.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
background-image: linear-gradient(90deg, rgba(0, 0, 0, .7) 9.35%, rgba(82, 14, 16, .3) 40.54%);
}

.hero-cell3:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .7) 9.35%, rgba(82, 14, 16, .3) 40.54%);
}

.hero-cell3__container {
    z-index: 1;
    position: relative;
}

.hero-cell3--large {
     grid-row: 1 / span 2;
}


.hero-cell4 {
    background-size: cover;
    background-position: center;
    padding: 5.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.hero-cell4:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
 
}

.hero-cell4__container {
    z-index: 1;
    position: relative;
}

.hero-cell4--large {
     grid-row: 1 / span 2;
}


.ContentItemHtml .hero + .HtmlFooter {
     padding: 0;
}

(max-width: 991px) {
    ContentItemHtml.hero + .HtmlFooter {
         padding: 0;
    }
}

/***********
 * Events *
 ***********/

.events {
    background-color: #F2F1F0;
    padding: 3.2rem 3.2rem 0;
    margin-bottom: 6.4rem;
}

.events .HLLandingControl {
    margin: 0;
}

.events .HLLandingControl .Content .col-md-12 > ul {
     display: grid;
     grid-template-columns: repeat(3, auto);
     grid-auto-rows: 10px;
}

@media(max-width: 1023px) {
    .events .HLLandingControl .Content .col-md-12 > ul {
        grid-template-columns: repeat(1, auto);
    }

}

.events .HLLandingControl  .Content .col-md-12 > ul > li{
    border-bottom: 0;
    margin: 1.6rem;
    background-color: #fff;
    padding: 1.6rem;
    box-shadow: 0px 32px 32px rgba(45, 57, 64, 0.1), 0px 0px 16px rgba(45, 57, 64, 0.06);
}

.events .HLLandingControl ul > li > div{

}

@media (max-width: 1023px) {
    .events .HLLandingControl  .Content .col-md-12 > ul > li{
        flex: 1 0 100%;
        max-width: 100%;
    }
}

.events .glyphicon {
    color: #D02832;
}

.events .title-row .btn {
    margin-top: 1.6rem;
}

.events .title-row .col-md-10 .row:last-child  .col-md-12.no-pad.break-word,
.events .timeAgoFormat,
#MainCopy_ctl09_rptEventList_LocationPanel_3,
.events [id*="rptEventList_LocationPanel"] {
    font-weight: bold;
    padding-bottom: .8rem;
}

.events [id*="rptEventList_LocationPanel"]:before {
     content: "\f3c5";
     color: #D02832;
     font-family:     "Font Awesome 5 Pro";
}

.events .timeAgoFormat:before {
     content: "\f073";
     color: #D02832;
     font-family:     "Font Awesome 5 Pro";
}

#MainCopy_ctl09_rptEventList_LocationPanel_3:before {
     content: "\f3c5";
     color: #D02832;
     font-family:     "Font Awesome 5 Pro";
}

.events .heading h2{
    text-align:center;
} 

.events .title-row {
    flex-direction: column;
    display: flex;
}

.events .title-row > div {
    flex-direction: column;
    display: flex;
}

.events .title-row .col-md-10 {
     padding: 0;
     display: flex;
     flex-direction: column;
}

.events .title-row .col-md-10 .row:last-child {
    order: 1;
}

.events .title-row .col-md-10 .row:first-child {
    order: 0;
}

.events .title-row .col-md-10 .row:nth-child(2) {
    order: 2;
}

.events .calendar-tile,
.events .col-md-2 {
     display: none;
}

.events .col-md-10 {
     width: 100%;
}

.events .title-row .col-md-3.pull-right {
    float: none !important;
    padding: 0;
    order: 0;
}

.events .title-row .col-md-3.pull-right .pull-right,
.events h4{
    float: none !important;
    color: #D02832;
    font-size: 1.4rem;
    text-transform: uppercase;
    background-color: transparent;
    padding: 0;
    padding-bottom: .8rem;
}

.title-row .col-md-9.no-pad {
    order: 1;

}

.HLLandingControl h3 a {
    color: #323E48;
    font-size: 3.2rem;
    font-weight: bold;
}

.events #MainCopy_ctl09_pnlMoreLink{
    padding-top: 3.2rem;
    display: flex;
    justify-content: center;
    margin-bottom: -2.4rem;
}

/**************
 * CTA - block *
 **************/

.cta-block {
     padding: 4.8rem;
     margin-bottom:6.4rem;
}

.cta-block--blue {
     background-color: var(--sfpe-blue);
}

.cta-inner--white {
     background-color: #fff;
     padding: 3.2rem;
}

@media (max-width: 1199px) {
    
    .cta-inner--white {
        margin-bottom: 3.2rem;
    }
}



.card-media__wrapper {
     padding-bottom: 1.6rem;
}

.card-media__wrapper img {
          width: 100%
}

.card-title {
     color: #fff;
}

.card-list {
     color: #fff;
}

.card-list li {
     color: #fff;
     padding-bottom: .8rem;
}

/**************
 *Video *
 **************/
.video-row {
     padding-bottom: 4.8rem;
}

.video-row2 {
     padding-bottom: 1.6rem;
}


/**************
 *Full Width Two Col *
 **************/
.fullwidth-twocol {
    margin-bottom: 4.8rem;
    display: flex;
}

@media(max-width: 1023px) {
    .fullwidth-twocol {
         flex-direction: column;
     }
}

.magazine {
     display: flex;
}

.magazine .btn__wrapper {
    padding-top: 1.6rem;
    padding-bottom: 3.2rem;
}

.magazine .img__wrapper {
    flex: 1 0 30%;
    max-width: 30%;
    padding-right: 3.2rem;
}

.magazine .img__wrapper img {
    width: 100%;
}

.col-md-4 .magazine  a {
    color: #fff;
    font-weight: bold;
}

.fullwidth-twocol .col-md-8 {
    background-color: #F2F1F0;
    padding: 4.8rem 3.2rem;
}

.fullwidth-twocol .col-md-4 {
     background-color: #18266E;
    padding: 4.8rem 3.2rem;
}


.fullwidth-twocol2 {
    margin-bottom: 4.8rem;
}

.fullwidth-twocol2 .col-md-8 {
    background-color: var(--sfpe-blue);
    padding: 4.8rem 3.2rem;
}

.fullwidth-twocol2 .col-md-8 .panel{
    background-color: transparent;
}

.fullwidth-twocol2 .col-md-8 .form-group{
     display: flex;
     padding-bottom: 1.6rem;
}

.fullwidth-twocol2 .col-md-8 label {
     flex: 1 0 30%;
}

.fullwidth-twocol2 .col-md-8 label,
.fullwidth-twocol2 .col-md-8 #Title,
.fullwidth-twocol2 .col-md-8 .ContentUserControl {
     color: #fff;
}

.fullwidth-twocol2.fullwidth-twocol2--home .col-md-4 {
     background-color: #fff;
     padding: 4.8rem 3.2rem;
}

.fullwidth-twocol2 .col-md-8 .btn.btn-primary {
    color:  var(--sfpe-blue);
    background-color: #fff;
}

.fullwidth-twocol2 .col-md-8 .btn.btn-default {
     color: #fff;
     background-color: transparent;
     border: 2px solid #fff;
}

.fullwidth-twocol2 .row.form-group {
     margin: 0;
     margin-bottom: 1.6rem;
}

.fullwidth-twocol2 .form-group .col-md-10 {
        width: 100%;
}

.fullwidth-twocol2 .row.form-group .col-md-10 {
         padding: 0;
        padding-left: 1rem;
}

.fullwidth-twocol3 .col-md-8  {
 background-color: #F2F1F0;
    padding: 4.8rem 3.2rem;
}

.fullwidth-twocol3 {
    margin-bottom: 4.8rem;
}


/**************
 *Full Width Two Col *
 **************/
.polls {
     padding-bottom: 4.8rem;
}

.polls .heading {
     padding: 1.6rem 3.2rem 0;
}

.ad__wrapper {
    padding: .8rem 0;
    display: flex;
    justify-content: center;
}

.ContentItemReact {
    background-color: #FE9230;
    padding: 1.6rem;
}

.hlc-blockui-busy .row:first-child .btn {
    width: 100%;
    margin-bottom: .8rem;
}

/**************
 *Formsl *
 **************/
.form-input__wrapper {
      display: flex;
     align-items: center;
     padding-bottom: 1.6rem;
     justify-content: center;
}
.form-input__wrapper label{
      margin-right: 1.6rem;
      max-width: 30%;
      flex: 1 0 30%;
      font-weight: normal;
     text-align: right;
}

.form-input__wrapper input{
     width: 100%;
}

.form__container {
    padding: 0 4.8rem;
}

.form__container .btn__wrapper {
     padding-top: 1.6rem;
     padding-left: calc(30% + 1.6rem);
}

.featured-list li{
    padding-bottom: 3.2rem;
}

.sponsors {
     padding-bottom: .8rem;
background-color: #fff;
}

.sponsors-list {
     display: flex;
     flex-wrap: wrap;
    justify-content: center;
}

.sponsors-list .partner {
     margin-right: 1.6rem;
    margin-bottom: 1.6rem;
}

.subscribe {
    padding: 1.6rem;
    background-color: #3C629A
} 

.subscribe__text {
    margin-right: 1.6rem;
    position: relative;
}

.subscribe__text:before{
    top: 0;
    left: -4.8rem;
    content: "\f0e0";
    color: #fff;
    font-family:     "Font Awesome 5 Pro";
    position: absolute;
    font-size: 2.4rem;
    line-height: 1;
}

.subscribe__text h4 {
    padding-bottom: 0;
}

.subscribe input {
    height: 4rem;
    opacity: .8;
    margin-right: .8rem;
    width: 100%;
    max-width: 32rem;
}

.subscribe__container {
    display: flex;
    justify-content: center;
    align-items:center;
}

@media (max-width: 991px) {
    .subscribe__container {
        flex-direction: column;
    }

.subscribe__text {
    text-align:center;
    padding-bottom: 1.6rem;
}


    .subscribe__container  input{
        margin-bottom: 1.6rem;
    }
}

.iframe-container {
  overflow: hidden;
  padding-top: 75%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-top: 75%;
}

#FOOTER {
     display: flex;
     flex-wrap: wrap;
    padding-top: 3.2rem
}

@media (max-width: 767px) {
    #FOOTER {
        flex-direction: column;
    }  
}

#FOOTER .row:first-child {
    padding-bottom: 3.2rem;
    max-width: 25%;
    flex: 1 0 25%;
}

#FOOTER .row:nth-child(2) {
    width: 75%;
    flex: 1 0 75%;
    max-width: 75%;
}

#FOOTER .row:nth-child(3) {
     order: 3;
}

#FOOTER .row:nth-child(4) {
     order: 2;
}

@media (max-width: 767px) {
    #FOOTER  .row:first-child,
     #FOOTER .row:nth-child(2){
        width: 100%;
        max-width: 100%;
        flex: 1 0 auto;
    }  
}


#MPOuterFooter {
    background-color: #fff;
}

#MPBottomMenu {
      padding: 0;
}

.FatFooterMenu {
    display: flex;
    flex-wrap: wrap;
}

.FatFooterMenu > li.static {
    padding: 0 3.2rem 3.2rem;
    flex: 1 0 25%;
    max-width: 25%;
}

@media (max-width: 767px) {
     .FatFooterMenu > li.static {
          padding: 0 1.6rem 3.2rem;
          flex: 1 0 50%;
          max-width: 50%;
     }
}

.FatFooterMenu .level1 {
     color: #191970;
     font-weight: bold;
     font-family: "Jost";
}

.FatFooterMenu ul.level2 {
     padding-left: 0;
}

.FatFooterMenu .level2 {
     color: #191970;
     font-size: 1.6rem;
}

#MPCopyright {
     padding-top: 1.6rem;
    border-top: 1px solid #191970;
    font-size: 1.6rem;
    color:#191970;
    display: none;
}

#MPFooterLink {
    background-color: #fff;
}

#MPFooterLink #MPFooterLinkContent a {
      font-size: 1.6rem;
     color:#191970;
     display: none;
}

.contact-footer {
}

.contact-footer p {
     padding-bottom: 0;
     font-size: 1.6rem;
}

.util-footer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(255,255,255, 0.75);
    padding: 0 16rem 1.6rem
}

@media(max-width:767px) {
    .util-footer {
        padding: 0 0 1.6rem;
    }
}

.util-footer a {
    color: #191970;
    font-weight: bold;
    margin-right: 3.2rem;
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
}

.util-footer-bottom  {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 1.6rem;
}

.util-footer-bottom a,
.util-footer-bottom span {
    color: #191970;
    margin-right: 3.2rem;
    margin-bottom: 1.6rem;
   font-size: 1.8rem;
    opacity: .75;
    font-family: "Jost";
}

/********
 * SFPE Community Connect *
 ********/

/********
 * Hero *
 ********/
#MPOuterMost.full #MPContentArea div.section1 {
    max-width: none;
    padding: 0;
}

.no-pageTitle-padding {
      padding: 0;
}

.hero.hero--connect {
    justify-content: center;
    align-items:center;
    min-height: 54rem;
    margin-bottom: 3.2rem;
}

.hero__container a {
    color: #fff;
}

.hero.hero--connect .hero__container  {
     display: flex;
     flex-direction: column;
     align-items:center;

}

.hero.hero--connect .hero__headline {
     text-transform: unset;
}

.hero-icon-row {
    display: flex;
    margin-top: auto;
    padding-top: 3.2rem;
    justify-content: space-between;
}

.hero-icon {
    display: flex;
    flex-direction: column;
    align-items:center;
    padding:1.6rem;
}

.hero-icon span {
    color: #191970;
    font-weight: bold;
     text-transform: uppercase;
    font-size: 1.8rem;
}

.hero-icon i {
    color: #191970;
    display: flex;
     align-items:center;
     justify-content: center;
    font-size: 3.6rem;
    background-color: var(--sfpe-blue);
    width: 8rem;
    height: 8rem;
    border-radius: 100%;
   margin-bottom: 1.6rem;
}

/********
 * Latest Updates *
 ********/
.update-wrapper {
    display: flex;
    padding-bottom: 1.6rem;
}

.media__img-wrapper {
    padding-right: 1.6rem;
}

.latest-updates .Content ul {
     display: flex;
    flex-wrap: wrap;
}

.latest-updates .Content ul > li{
     flex: 1 0 50%;
     max-width: 50%;
    border-bottom: 0;
}

.latest-updates .title-row h3 a {
    color: var(--sfpe-blue);
    font-size: 2rem;
}

.latest-updates  .title-row,
.latest-updates .content-row,
.latest-updates .row p,
.latest-updates .CommentPanel.ItemRatingCommentPanel{
    padding-left: 3.2rem;
}

.latest-updates .title-row h3:before {
    content: "\f1ea";
    font-family: "Font Awesome 5 Pro";
}

/********
 *Latest Discussions*
 ********/
.latest-discussions {
     padding-bottom: 3.2rem;
}

.latest-discussions .title-row h3{
     padding-bottom: .8rem;
}

.latest-discussions .form-control.pull-right {
     display: none;
}

.HLLandingControl .title-row img {
    border-radius: 100%;
}

.latest-discussions .HLLandingControl li{
     border-bottom: 0;
}

.latest-discussions .col-md-12 {
    padding: 0;
}

.latest-discussions .col-md-12 h5,
.latest-discussions .col-md-12 p,
.latest-discussions .CommentPanel.ItemRatingCommentPanel {
    padding-left: 6.4rem;
}

@media(max-width: 767px) {
     .latest-discussions .col-md-12 h5,
     .latest-discussions .col-md-12 p,
     .latest-discussions .CommentPanel.ItemRatingCommentPanel {
         padding-left: 0rem;
     }

}

.latest-discussions .btn-default {
     margin-left: 6.4rem;
}
@media(max-width: 767px) {
      .latest-discussions .btn-default {
          margin-left: 0rem;
     }

}
.latest-discussions .title-row h3 a{
     color: var(--sfpe-blue);
     font-size: 2rem;
}

.latest-discussions .title-row .ByLine {
     padding-bottom: .8rem;
}

.latest-discussions .btn-success {
        background-color: transparent;
        color: var(--sfpe-blue) !important;
        border: 0;
        padding: 0;
}

.latest-discussions .btn-success:after {
     content: "\f178";
     margin-left: .8rem;
     font-family: "Font Awesome 5 Pro";
}

/********
 * My Communities*
 ********/
.under-hero .col-md-6:last-child {
    position: relative;
}

.under-hero .col-md-6 .communities + .ContentItemHtml .HtmlContent a{
    position: absolute;
    top: 4.8rem;
    right: 3.2rem;
    color: #fff;
}

.communities {
      background-color: var(--sfpe-blue);
      padding: 3.2rem;
     margin-bottom: 3.2rem;
     color:#fff;
}

.communities div h2{
    font-family: "Jost", Helvetica, Arial, sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: calc(30px + .25vw);
}

.communities .Count.text-muted .Count.text-muted{
     font-weight: normal;
    color: #fff;
     font-size: 1.6rem;
     font-family: "Montserrat", Helvetica, Arial, sans-serif;
    display: block;
}

.communities .Count.text-muted .Count.text-muted::before {
     padding-top: 1.6rem;
     display: block;
     content: "When you join a community, it will be listed here for quick access. See a list of all communities. ";
     color:#fff;
}

.communities .community-list  {
     border-bottom: 0;
     padding-bottom: 0;
     margin-top: 0;
}
.communities .community-list .col-md-5{
    display: none;
}

.communities .community-list .col-md-7 {
     width: 100%;
}

.communities .community-list p {
    display: none;
}

.communities .community-list h3 {
    padding-bottom: 0;
}

.communities .community-list h3 a:before {
    content:"• ";
    color: #fff;
}

.communities .community-list h3 a{
    color: #fff;
    font-size: 1.8rem;
}

/**************
 * SFPE Additional CSS *
 **************/

.collapsiblecareer {
  background-color: #316eb6;
  color: white;
  cursor: pointer;
  padding: 30px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 24px;
}

.collapsiblecareer:hover {
  background-color: #191970;
transition-duration: 1s;
}

.collapsiblecareer:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.contentcareer {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}

/********
 * 5 Active Members *
 ********/

.HLEngagement .display-horizontal{
     display: flex;
     justify-content: center;
}

.ContentUserControl .HLLandingControl ul.display-horizontal li .title-row, 
.ContentUserControl .HLLandingControl ul.display-horizontal li .content-row {
     display: flex;
      justify-content: center;
     flex-direction: column;
     align-items:center;
     text-align:center;
}

.ContentUserControl .HLLandingControl ul.display-horizontal li .points-label {
     background-color: transparent;
     color: var(--sfpe-blue);
     font-weight: normal;
}

.ContentUserControl .HLLandingControl ul.display-horizontal li div[class*="col-md"] {
     width: auto;
}


.ContentUserControl .HLLandingControl ul.display-horizontal li .Image {
      min-width: 75px;
      min-height: 75px;
      max-height: none;
      max-width: none;
}

.ContentUserControl .HLEngagement ol.display-horizontal li, 
.ContentUserControl .HLLandingControl ul.display-horizontal li {
    min-width: 0;
     border: 0;
}

@media (max-width: 767px) {
     .HLEngagement .display-horizontal{
          flex-wrap: wrap;
     }
}