/* VARIABLES */
:root {
    /* BOX FEATURES */
    --fb-background: linear-gradient(90deg, #7213EA 50%, #FD349C 100%);
    --fb-bordertop: none;
    --fb-borderbottom: none;
    --fb-borderleft: none;
    --fb-borderright: none;
    --fb-padding: 25px;
    /* FONT STYLES */
    --fb-heading-color: #ffffff;
    --fb-heading-margin: 0 0 15px 0 !important;
    --fb-font-color: #ffffff;
    --fb-link-color: #ffffff;
    /* GAP BETWEEN BOXES row-gap column gap */
    --fb-gap: 15px 15px
  }

/* CUSTOM BOX STYLES */
.fb-custom {
    background: var(--fb-background);
    border-top: var(--fb-bordertop);
    border-bottom: var(--fb-borderbottom);
    border-left: var(--fb-borderleft);
    border-right: var(--fb-borderright);
    padding: var(--fb-padding);
}
.fb-custom p,
.fb-custom li {
    color: var(--fb-font-color);
}
.fb-custom h2,
.fb-custom h3 {
    color: var(--fb-heading-color);
    margin: var(--fb-heading-margin);
}
.fb-custom a {
    color: var(--fb-heading-color);
}



.fb-OuterContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch; /*alignment, including stretch*/
  gap: 15px; /* row-gap column gap */
}
.fb-layoutCenter {
    justify-content: center;
}
.fb-layoutSpaceAround{
    justify-content: space-around;
}
.fb-layoutSpaceBetween {
    justify-content: space-between;
}
.fb-layoutSpaceEvenly {
  justify-content: space-evenly;
}
.fb-layoutLeft {
    justify-content: flex-start;
}
.fb-layoutRight {
    justify-content: flex-end;
}
.fb-InnerContainer {
  flex-basis: 346px;
      /* starting width: 20%=208px, 25%=260px, 50%=520px, 33%=346px */
  padding: 25px;
}

.fb-InnerContainer ul,
.fb-InnerContainer ol {
  text-align: left;
}

.fb-shadow > .fb-InnerContainer {
  box-shadow: 0px 3px 6px rgb(0 0 0 / 0.5);
}

.fb-grow > .fb-InnerContainer {
  flex-grow: 1;
}

.fb-textCenterAlign > .fb-InnerContainer p, 
.fb-textCenterAlign > .fb-InnerContainer h2, 
.fb-textCenterAlign > .fb-InnerContainer h3 {
    text-align: center;
} 

.fb-textLeftAlign > .fb-InnerContainer p, 
.fb-textLeftAlign > .fb-InnerContainer h2, 
.fb-textLeftAlign > .fb-InnerContainer h3 {
    text-align: left;
} 

.fb-InnerContainer h2 {
  /* font-weight: bold; */
  /* font-family: 'Open Sans Condensed',Arial,Helvetica,sans-serif; */
  font-size: 2.5rem;
  margin: 0 0 15px 0;
  padding: 0 !important;
  /* line-height: 1.3; */
}
.fb-InnerContainer h3 {
  font-family: 'Open Sans Condensed',Arial,Helvetica,sans-serif;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: normal;
  /* color: #00338D; */
  margin: 0 0 15px 0;
  text-transform: none;
}
.fb-InnerContainer p, 
.fb-InnerContainer ul,
.fb-InnerContainer ol,
.fb-InnerContainer h2,
.fb-InnerContainer h3 {
  line-height: 1.5;
  margin-bottom: 10px;
}
.fb-InnerContainer p,
.fb-InnerContainer ul,
.fb-InnerContainer ol {
  font-size: 1.6rem;
}
.fb-InnerContainer a:hover {text-decoration: underline;}

.fb-blue p,
.fb-blue li,
.fb-blue h2,
.fb-blue h3,
.fb-cobalt p,
.fb-cobalt li,
.fb-cobalt h2,
.fb-cobalt h3,
.fb-purple p,
.fb-purple li,
.fb-purple h2,
.fb-purple h3,
.fb-darkBlue p,
.fb-darkBlue li,
.fb-darkBlue h2,
.fb-darkBlue h3,
.fb-darkPurple p,
.fb-darkPurple li,
.fb-darkPurple h2,
.fb-darkPurple h3,
.fb-lightPurpleV2 p,
.fb-lightPurpleV2 li,
.fb-lightPurpleV2 h2,
.fb-lightPurpleV2 h3,
.fb-gradientPurpleCobalt p,
.fb-gradientPurpleCobalt li,
.fb-gradientPurpleCobalt h2,
.fb-gradientPurpleCobalt h3,
.fb-gradientDarkblueBlue p,
.fb-gradientDarkblueBlue li,
.fb-gradientDarkblueBlue h2,
.fb-gradientDarkblueBlue h3,
.fb-gradientBlueCobalt p,
.fb-gradientBlueCobalt li,
.fb-gradientBlueCobalt h2,
.fb-gradientBlueCobalt h3 {
  color: white;
}

.fb-blue a,
.fb-cobalt a,
.fb-purple a,
.fb-darkBlue a,
.fb-darkPurple a,
.fb-lightPurpleV2 a,
.fb-gradientPurpleCobalt a,
.fb-gradientDarkblueBlue a,
.fb-gradientBlueCobalt a {
  color: white;
  font-weight: bold;
}

.fb-lightPurple p,
.fb-lightPurple li,
.fb-lightPurple h2,
.fb-lightPurple h3 {
  color: #333;
}

.fb-blueWhite,
.fb-cobaltWhite,
.fb-purpleWhite,
.fb-darkBlueWhite,
.fb-pinkWhite,
.fb-plainWhite
{
  color: #333;
  background: #ffffff;
}

.fb-blueWhite,
.fb-cobaltWhite,
.fb-purpleWhite,
.fb-darkBlueWhite,
.fb-pinkWhite
{
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 8px solid;
}

.fb-blueGrey,
.fb-cobaltGrey,
.fb-purpleGrey,
.fb-darkBlueGrey,
.fb-pinkGrey,
.fb-plainGrey  
{
  color: #333;
  background-color: #F0F0F0;
}
.fb-blueGrey,
.fb-cobaltGrey,
.fb-purpleGrey,
.fb-darkBlueGrey,
.fb-pinkGrey  
{
  border-bottom: 1px solid #F0F0F0;
  border-left: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0;
  border-top: 8px solid;  
}

.fb-gradientPacificBlue p,
.fb-gradientPacificBlue li,
.fb-pacificBlue p,
.fb-pacificBlue li {
  color: black;
}
.fb-gradientPacificBlue h2,
.fb-gradientPacificBlue h3,
.fb-pacificBlue h2,
.fb-pacificBlue h3 {
  color: #00338D;
}

.fb-InnerContainer ul {
  list-style-type: disc;
  margin-left: 25px;
}
.fb-InnerContainer ol {
  list-style-type: decimal;
  margin-left: 25px;
}

.fb-blue {
  background-color: #00338d;
}
.fb-cobalt {
  background-color: #1e49e2;
}
.fb-purple {
  background-color: #7213ea;
}
.fb-darkBlue {
  background-color: #0C233C;
}
.fb-darkPurple {
  background-color: #510DBC;
}
.fb-lightPurple {
  background-color: #B497FF;
}
.fb-lightPurpleV2 {
  background-color: #8E42EE;
}
.fb-pacificBlue {
  background-color: #00B8F5;
}
.fb-skyBlue {
  background-color: #76d2ff;
}
.fb-lightBlue {
  background-color: #ACEAFF;
}
.fb-gradientDarkblueBlue {
  background: linear-gradient(90deg, #0C233C 50%, #00338d 100%);
}
.fb-gradientBlueCobalt {
  background: linear-gradient(90deg, #00338d 50%, #1E49E2 100%);
}
.fb-gradientPurpleCobalt {
  background: linear-gradient(90deg, #7213EA 50%, #1E49E2 100%);
}
.fb-gradientPacificBlue {
  background: linear-gradient(90deg, #00B8F5 50%, #ACEAFF 100%);
}
.fb-blueWhite, .fb-blueGrey {
  border-top-color: #00338d;
  color: #333;
}
.fb-darkBlueWhite, .fb-darkBlueGrey {
  border-top-color: #00338d;
  color: #333;
}
.fb-blueWhite h2,
.fb-blueWhite h3,
.fb-blueGrey h2,
.fb-blueGrey h3,
.fb-pacificBlue h2,
.fb-pacificBlue h3,
.fb-skyBlue h2,
.fb-skyBlue h3, 
.fb-lightBlue h2,
.fb-lightBlue h3,
.fb-plainWhite h2,  
.fb-plainWhite h3,
.fb-plainGrey h2,  
.fb-plainGrey h3
{
  color: #00338d;
}
.fb-cobaltWhite,
.fb-cobaltGrey
 {
  border-top-color: #1e49e2;
}
.fb-cobaltWhite h2,
.fb-cobaltWhite h3, 
.fb-cobaltGrey h2, 
.fb-cobaltGrey h3
{
  color: #1e49e2;
}
.fb-purpleWhite, .fb-purpleGrey {
  border-top-color: #7213ea;
}
.fb-purpleWhite h2,
.fb-purpleWhite h3,
.fb-purpleGrey h2,
.fb-purpleGrey h3
{
  color: #7213ea;
}
.fb-darkBlueWhite, .fb-darkBlueGrey {
  border-top-color: #0C233C;
}
.fb-darkBlueWhite h2,
.fb-darkBlueWhite h3,
.fb-darkBlueGrey h2,
.fb-darkBlueGrey h3
{
  color: #0C233C;
}


.fb-pinkWhite, .fb-pinkGrey {
  border-top-color: #FD349C;

}
.fb-pinkWhite h2,
.fb-pinkWhite h3,
.fb-pinkGrey h2,
.fb-pinkGrey h3
{
  color: #FD349C;
}

  /* mobile */
  @media only screen and (max-width: 640px) {
    .fb-gradientDarkblueBlue {
      background: linear-gradient(180deg, #0C233C 50%, #00338d 100%);
    }
    .fb-gradientBlueCobalt {
      background: linear-gradient(180deg, #00338d 50%, #1E49E2 100%);
    }
    .fb-gradientPurpleCobalt {
      background: linear-gradient(180deg, #7213EA 50%, #1E49E2 100%);
    }
    .fb-gradientPacificBlue {
      background: linear-gradient(180deg, #00B8F5 50%, #ACEAFF 100%);
    }
    }