@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,
  core_concept: #481b66,
  recommended_reading: #d96704
);

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

.bar > .accordion-header .accordion-button {
  text-transform: uppercase;
}

@each $type, $color in $colorMap {
  .SELF-#{$type}, .TYPE-#{$type} {
    &.bar, &.titled-view {
       > .d0-card-header, > .d0-card-frame > .d0-card-header, > .accordion-header .accordion-button {
        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);
}

.TYPE-sketch .RIGHT-discussion.titled-view {
  clear: both;
}