@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,500,500i,700,700i");
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "IBM Plex Sans", sans-serif;
  line-height: 1.4;
  font-size: 16px;
  word-break: break-word;
  margin: 0;
}

button {
  cursor: pointer;
  font-family: "IBM Plex Sans", sans-serif;
}

* {
  box-sizing: border-box;
}

figure {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.no__focus__outline button:focus,
.no__focus__outline a:focus {
  outline: none;
}

.icon-themeable.icon-colored:before {
  color: #6ba439;
}
.icon-themeable.icon-white:before {
  color: #ffffff;
}
.icon-themeable.icon-black:before {
  color: #000000;
}
.button__group .icon-themeable:before {
  color: #ffffff;
}
.button-group-white .icon-themeable:before {
  color: #6ba439;
}
.button__group {
  color: #ffffff !important;
}
.button-group-white {
  color: #4a4a4a !important;
}
.filter_right_icon:before {
  vertical-align: middle;
}

.button__group,
.button_video {
  background-color: #6ba439 !important;
}

.hide-on-mobile {display: none;}
.show-on-mobile {display: block;}
@media (min-width: 767.5px) {
  .hide-on-mobile {display: block;}
  .show-on-mobile {display: none;}
}


/* ------------------------- *\
  # START JOURNAL TOOLBAR 
\* ------------------------- */

.logo-image-wrapper .logo-image {
  height: 45px;
}

@media only screen and (min-width: 767.5px) and (max-width: 991.5px) {
  .journal-toolbar-container .logo-images-container {
    padding: 12px;
  }
  .logo-image-wrapper .logo-image {
    height: 36px;
  }
}

@media only screen and (max-width: 767.5px) {
  .journal-toolbar-container .logo-images-container {
    padding: 14.5px;
  }
  .logo-image-wrapper .logo-image {
    height: 38px;
  }
}

/* ------------------------- *\
  # END JOURNAL TOOLBAR 
\* ------------------------- */