expand_less

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&family=Oswald&display=swap');





$colorMap: (

  article: #169179,

  icon: #ba372a,

  sketch: #3598db

);



body {

  font-family: 'Montserrat', sans-serif;

}



h1, h2, h3, h4, h5, h6, .d0-card-header-title {

  font-family: 'Oswald', sans-serif;

}



.bar-right {

  display: none !important;

}



@each $type, $color in $colorMap {

  .SELF-#{$type}, .TYPE-#{$type} {

    &.open-view, &.closed-view, &.titled-view {

       > .d0-card-header, > .d0-card-frame > .d0-card-header {

        background-color: $color;

        color: white;

        a, .card-title {

          color: white;

          padding-left: 1em;

        }

      }  

    }

    &.bar-view, &.expanded_bar-view {

      .bar {

        border-left: 3px solid $color !important;

      }

      .bar-left .card-title {

        color: $color !important;

      }

    }

    .btn {

      background-color: $color !important;

    }

  }

}



.thrivableContent {

  .RIGHT-image.content-view {

    float: right;

  

    }

  padding: 0 0 1rem 1rem;

  }

  clear: both;

  padding: 2rem 0;

}



.RIGHT-icon.labeled-view {

  display: none;

}



section.banner {

  height: 300px;

  background-repeat: repeat-x;

  background-size: cover;

  background-position: center;

  margin: 4em 0;

}



.banner-1 {

  background-image: url(https://nyc3.digitaloceanspaces.com/dockospace/files/20378/56941-original.jpeg);

}



.banner-2 {

  background-image: url(https://nyc3.digitaloceanspaces.com/dockospace/files/20379/56951-original.jpeg);

}



.banner-3 {

  background-image: url(https://nyc3.digitaloceanspaces.com/dockospace/files/20429/57387-original.jpeg);

}



.banner-4 {

  background-image: url(https://nyc3.digitaloceanspaces.com/dockospace/files/20430/57392-original.jpeg);

}



.banner-5 {

  background-image: url(https://nyc3.digitaloceanspaces.com/dockospace/files/20431/57395-original.jpeg);

}