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;

}