/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.custom-block.colored-band-block {
  position: relative;
  padding: 60px 0px; }
  .custom-block.colored-band-block.white-block {
    background-color: #fff; }
  .custom-block.colored-band-block.light-blue-block {
    background-color: #CEE1F0; }
  .custom-block.colored-band-block.dark-blue-block {
    background-color: #315E9F; }
    .custom-block.colored-band-block.dark-blue-block .direct-wrap h1,
    .custom-block.colored-band-block.dark-blue-block .direct-wrap h2,
    .custom-block.colored-band-block.dark-blue-block .direct-wrap h3,
    .custom-block.colored-band-block.dark-blue-block .direct-wrap h4,
    .custom-block.colored-band-block.dark-blue-block .direct-wrap h5,
    .custom-block.colored-band-block.dark-blue-block .direct-wrap h6,
    .custom-block.colored-band-block.dark-blue-block .direct-wrap p,
    .custom-block.colored-band-block.dark-blue-block .direct-wrap li {
      color: #fff !important; }
    .custom-block.colored-band-block.dark-blue-block .direct-wrap .wp-block-buttons .wp-block-button .wp-block-button__link {
      color: #fff !important;
      border-color: #fff !important;
      background-color: transparent !important; }
      .custom-block.colored-band-block.dark-blue-block .direct-wrap .wp-block-buttons .wp-block-button .wp-block-button__link::before {
        color: #315E9F !important; }
      .custom-block.colored-band-block.dark-blue-block .direct-wrap .wp-block-buttons .wp-block-button .wp-block-button__link:hover, .custom-block.colored-band-block.dark-blue-block .direct-wrap .wp-block-buttons .wp-block-button .wp-block-button__link:focus {
        background-color: #fff !important;
        border-color: #fff !important;
        color: #315E9F !important; }
  .custom-block.colored-band-block.tan-orange-block {
    background-color: #FCD8AD; }
  .custom-block.colored-band-block .wrap {
    max-width: 1186px; }
    .custom-block.colored-band-block .wrap.direct-wrap > *:first-child {
      margin-top: 0px !important; }
    .custom-block.colored-band-block .wrap.direct-wrap > *:last-child {
      margin-bottom: 0px !important; }