/**
 * #.# style SCSS[Plugin styles] Main Plugin styles file enqueued in index.php
 *
*/
/**
 * #.# Common SCSS[Plugin styles] Common plugin styles
 *
 * Can include things like variables and mixins
 * that are used in all ob-blocks as well as default styles for components in BlockControls + InspectorControls
*/
.card-background--white .single-post {
  background: white;
  padding: 20px;
}

.components-panel__row {
  font-weight: 700;
}

.in-block__notice {
  border-left: 6px solid rgb(0, 174, 255);
  background: rgb(212, 241, 255);
  font-size: 12px;
  line-height: 21px;
  padding: 8px;
  color: black;
  position: absolute;
  top: 100%;
}
.in-block__highlight {
  border: 2px dashed;
  padding: 0 0 0 6px;
  margin-left: -6px;
}

.block-sidebar__panelrow--nested {
  margin-bottom: 12px;
}
.block-sidebar__notice {
  border-left: 6px solid rgb(0, 174, 255);
  background: rgb(212, 241, 255);
  padding: 10px;
}
.block-sidebar__notice--small {
  padding: 4px;
}
.block-sidebar__warning {
  border-left: 3px solid red;
  background: rgb(255, 223, 223);
  padding: 10px;
  margin-top: 12px;
}
.block-sidebar__nested-check {
  border-left: 4px solid lightgrey;
  padding-left: 11px;
  margin-bottom: 12px;
  margin-top: -12px;
  margin-left: 17px;
  max-width: 90%;
}
.block-sidebar__nested-list {
  border-left: 4px solid lightgrey;
  padding-left: 12px;
  margin-bottom: 12px;
}
.block-sidebar__nested-list .components-panel__row {
  min-height: 20px;
  font-weight: 700;
}
.block-sidebar__nested-list .components-base-control {
  margin-bottom: 12px;
}
.block-sidebar__nested-list .components-checkbox-control__input {
  height: 16px;
  width: 14px;
}
.block-sidebar__nested-list .components-checkbox-control__checked {
  width: 20px;
  height: 14px;
}
@media (min-width: 600px) {
  .block-sidebar__nested-list .components-checkbox-control__input-container {
    width: 18px;
    height: 14px;
  }
  .block-sidebar__nested-list .components-checkbox-control__checked {
    width: 20px;
    height: 14px;
    top: 1px;
  }
}
.block-sidebar__list {
  padding-left: 20px;
}
.block-sidebar__list-item {
  list-style: circle;
}

.tag-group {
  margin: 6px 0 0 !important;
  padding: 0 !important;
}
.tag-group--experience-type {
  margin: 0;
  list-style: none;
}

.tag {
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
  text-transform: uppercase;
}
.tag:after {
  content: ",";
}
.tag:last-child:after {
  display: none;
}
.tag--experience-type {
  border-radius: 25px;
  padding: 0 13px;
}
.tag--experience-type:after {
  display: none;
}

/**
 * #.# Editor SCSS[Plugin styles] Shared editor styles
 *
 * Can include things like contaner widths etc.
 * that are used across all ob-blocks.
*/
/**
 * #.# Common SCSS[Plugin styles] Common plugin styles
 *
 * Can include things like variables and mixins
 * that are used in all ob-blocks as well as default styles for components in BlockControls + InspectorControls
*/
.card-background--white .single-post {
  background: white;
  padding: 20px;
}

.components-panel__row {
  font-weight: 700;
}

.in-block__notice {
  border-left: 6px solid rgb(0, 174, 255);
  background: rgb(212, 241, 255);
  font-size: 12px;
  line-height: 21px;
  padding: 8px;
  color: black;
  position: absolute;
  top: 100%;
}
.in-block__highlight {
  border: 2px dashed;
  padding: 0 0 0 6px;
  margin-left: -6px;
}

.block-sidebar__panelrow--nested {
  margin-bottom: 12px;
}
.block-sidebar__notice {
  border-left: 6px solid rgb(0, 174, 255);
  background: rgb(212, 241, 255);
  padding: 10px;
}
.block-sidebar__notice--small {
  padding: 4px;
}
.block-sidebar__warning {
  border-left: 3px solid red;
  background: rgb(255, 223, 223);
  padding: 10px;
  margin-top: 12px;
}
.block-sidebar__nested-check {
  border-left: 4px solid lightgrey;
  padding-left: 11px;
  margin-bottom: 12px;
  margin-top: -12px;
  margin-left: 17px;
  max-width: 90%;
}
.block-sidebar__nested-list {
  border-left: 4px solid lightgrey;
  padding-left: 12px;
  margin-bottom: 12px;
}
.block-sidebar__nested-list .components-panel__row {
  min-height: 20px;
  font-weight: 700;
}
.block-sidebar__nested-list .components-base-control {
  margin-bottom: 12px;
}
.block-sidebar__nested-list .components-checkbox-control__input {
  height: 16px;
  width: 14px;
}
.block-sidebar__nested-list .components-checkbox-control__checked {
  width: 20px;
  height: 14px;
}
@media (min-width: 600px) {
  .block-sidebar__nested-list .components-checkbox-control__input-container {
    width: 18px;
    height: 14px;
  }
  .block-sidebar__nested-list .components-checkbox-control__checked {
    width: 20px;
    height: 14px;
    top: 1px;
  }
}
.block-sidebar__list {
  padding-left: 20px;
}
.block-sidebar__list-item {
  list-style: circle;
}

.tag-group {
  margin: 6px 0 0 !important;
  padding: 0 !important;
}
.tag-group--experience-type {
  margin: 0;
  list-style: none;
}

.tag {
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
  text-transform: uppercase;
}
.tag:after {
  content: ",";
}
.tag:last-child:after {
  display: none;
}
.tag--experience-type {
  border-radius: 25px;
  padding: 0 13px;
}
.tag--experience-type:after {
  display: none;
}

/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 * 
 *
 *  NB: to remove properties from style.scss in the backend you need to add and overwrite them here
 */
.wp-block-ob-blocks-metadata p, .wp-block-ob-blocks-metadata span {
  margin-bottom: 0;
}
.wp-block-ob-blocks-metadata__content {
  padding: 20px;
  padding-bottom: 120px;
}
.wp-block-ob-blocks-metadata__content p {
  margin-top: 0 !important;
}
.wp-block-ob-blocks-metadata__content a {
  color: inherit;
}
.wp-block-ob-blocks-metadata__title {
  font-size: 36px;
  line-height: 50px;
  margin-top: 46px !important;
  margin-bottom: 12px;
}
.wp-block-ob-blocks-metadata__title:first-child {
  margin-top: 0 !important;
}
@media screen and (max-width: 600px) {
  .wp-block-ob-blocks-metadata__title {
    margin-top: 24px !important;
  }
}
.wp-block-ob-blocks-metadata__sidebar-data {
  margin-bottom: 6px !important;
}
.wp-block-ob-blocks-metadata__sidebar-data--placeholder {
  opacity: 0.5;
}
.wp-block-ob-blocks-metadata svg {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.wp-block-ob-blocks-metadata .wp-block-button {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 3px;
  border: none;
  border-radius: 24px;
  display: inline-block;
  text-decoration: none;
  margin-top: 0;
}
.wp-block-ob-blocks-metadata .wp-block-button a {
  margin-top: 24px;
}
.wp-block-ob-blocks-metadata .wp-block-button.has-custom-width.wp-block-button__width-100 {
  width: 100%;
}
.wp-block-ob-blocks-metadata .wp-block-button.has-custom-width.wp-block-button__width-75 {
  width: 75%;
}
.wp-block-ob-blocks-metadata .wp-block-button.has-custom-width.wp-block-button__width-50 {
  width: 50%;
}
.wp-block-ob-blocks-metadata .wp-block-button.has-custom-width.wp-block-button__width-25 {
  width: 25%;
}
.wp-block-ob-blocks-metadata .wp-block-button.has-custom-width .wp-block-button__link {
  width: 100%;
}

/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 * 
 *
 *  NB: to remove properties from style.scss in the backend you need to add and overwrite them here
 */
.wp-block-ob-blocks-post-selector__placeholder {
  background-image: linear-gradient(135deg, #f0f0f0 10%, #f5f5f5 10%, #f5f5f5 50%, #f0f0f0 50%, #f0f0f0 60%, #f5f5f5 60%, #f5f5f5 100%);
  background-size: 70.71px 70.71px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
  font-size: 24px;
  text-align: center;
  padding: 20px;
  color: black;
  cursor: pointer;
  border: 4px dashed #d6d6d6;
}
.wp-block-ob-blocks-post-selector__placeholder p {
  margin-bottom: 0 !important;
}
.wp-block-ob-blocks-post-selector__placeholder-subtext {
  font-size: 16px !important;
  max-width: 400px;
}
.wp-block-ob-blocks-post-selector__placeholder-subtext .wp-block-ob-blocks-post-selector.card-background--white .single-post {
  background: white;
  padding: 20px;
}
.wp-block-ob-blocks-post-selector.post-container--card-background .single-post {
  background: white;
  color: black;
  padding: 20px;
}
.wp-block-ob-blocks-post-selector.post-container .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr;
}
.wp-block-ob-blocks-post-selector.post-container .wp-block-ob-blocks-post {
  margin-bottom: 0;
  margin-top: 0;
}
.wp-block-ob-blocks-post-selector.post-container--grid .single-post {
  display: block;
}
.wp-block-ob-blocks-post-selector.post-container--grid .single-post__image--placeholder span {
  max-width: none;
  max-width: initial;
}
.wp-block-ob-blocks-post-selector.post-container--grid-2 .block-editor-inner-blocks > .block-editor-block-list__layout {
  grid-template-columns: 1fr 1fr;
}
.wp-block-ob-blocks-post-selector.post-container--grid-3 .block-editor-inner-blocks > .block-editor-block-list__layout {
  grid-template-columns: 1fr 1fr 1fr;
}

/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 * 
 *
 *  NB: to remove properties from style.scss in the backend you need to add and overwrite them here
 */
.single-post {
  border: none;
}
.single-post a:not(.edit-post-admin-only) {
  pointer-events: none;
}
.single-post__content {
  padding: 0px 0px 30px;
}
.single-post__date {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 6px;
}
@media screen and (max-width: 900px) {
  .single-post__date {
    font-size: 14px;
  }
}
.single-post__tag-group {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}
.single-post__tag-group--experience-type {
  list-style: none;
}
.single-post__tag {
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.single-post__tag:after {
  content: ",";
}
.single-post__tag:last-child:after {
  display: none;
}
.single-post__tag--experience-type {
  color: black;
  border-radius: 25px;
  padding: 2px 13px 0;
}
.single-post__tag--experience-type:after {
  display: none;
}
@media screen and (max-width: 900px) {
  .single-post__tag {
    font-size: 14px;
  }
}
.single-post__title-link {
  text-decoration: none;
  color: inherit;
  pointer-events: all;
}
.single-post__title-link:hover {
  color: black;
}
.single-post__title {
  margin-top: 0 !important;
  font-size: 36px;
  line-height: 50px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .single-post__title {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 480px) {
  .single-post__title {
    font-size: 22px;
    line-height: 28px;
  }
}
.single-post__text {
  font-size: 20px;
  line-height: 30px;
}
@media screen and (max-width: 480px) {
  .single-post__text {
    font-size: 16px;
    line-height: 22px;
  }
}
.single-post__artist {
  font-size: 30px;
  line-height: 40px;
  font-weight: normal !important;
}
@media screen and (max-width: 767px) {
  .single-post__artist {
    font-size: 22px;
    line-height: 28px;
  }
}
@media screen and (max-width: 480px) {
  .single-post__artist {
    font-size: 18px;
    line-height: 24px;
  }
}
.single-post__button {
  font-size: 20px;
  line-height: 30px;
  color: inherit;
  margin-top: 20px;
  display: inline-block;
  text-decoration: none;
}
.single-post__image {
  margin-bottom: 16px;
}
.single-post__image img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 900px) {
  .single-post__image img {
    width: 100%;
    max-height: 300px;
    -o-object-fit: cover;
       font-family: "object-fit:cover;object-position:center center";
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}
.single-post .single-post__edit-post {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 30px;
  right: 0;
  background: #e8e8e8;
  color: black;
  padding: 0 6px;
}
.single-post .edit-post-admin-only {
  font-size: 12px;
}

/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 * 
 *
 *  NB: to remove properties from style.scss in the backend you need to add and overwrite them here
 */
.components-form-token-field__remove-token.components-button svg {
  width: 20px;
}

.single-select {
  position: relative;
  margin-top: 6px;
}
.single-select__title {
  border: 0;
  background: none;
  text-align: left;
  font-size: 26px;
}
.single-select__title:after {
  content: "";
  display: inline-table;
  margin-left: 12px;
  margin-bottom: 0;
  transform: rotate(0deg);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 16px solid black;
}
.single-select__title--open:after {
  transform: rotate(180deg);
  margin-bottom: 0px;
}
@media screen and (max-width: 600px) {
  .single-select__title {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    padding: 0;
  }
  .single-select__title:after {
    position: absolute;
    right: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid black;
  }
}
.single-select__options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 2;
  display: none;
  padding-left: 0;
  padding-top: 6px;
  margin: 0;
}
.single-select__options li {
  background: black;
  color: white;
}
.single-select__options--open {
  display: block;
}
.single-select__option {
  border: 0;
  background: white;
  list-style: none;
  cursor: pointer;
  padding: 6px 12px;
  margin-bottom: 0;
}
.single-select__option:hover {
  background: grey;
}
@media screen and (max-width: 600px) {
  .single-select__option {
    background: black;
    color: white;
  }
}

.wp-block-ob-blocks-search-filter .search-filter-controls {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.wp-block-ob-blocks-search-filter .search-filter-controls__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.wp-block-ob-blocks-search-filter .search-filter-controls__single-select {
  margin-right: 12px;
}
@media screen and (max-width: 600px) {
  .wp-block-ob-blocks-search-filter .search-filter-controls__single-select {
    width: 100%;
  }
}
.wp-block-ob-blocks-search-filter .search-filter-controls__post-count {
  font-size: 20px;
  line-height: 30px;
  white-space: nowrap;
  padding-bottom: 4px;
  margin-left: 30px;
}
.wp-block-ob-blocks-search-filter .post-container .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr;
}
.wp-block-ob-blocks-search-filter .post-container--grid .single-post {
  display: block;
}
.wp-block-ob-blocks-search-filter .post-container--grid .single-post__image--placeholder span {
  max-width: none;
  max-width: initial;
}
.wp-block-ob-blocks-search-filter .post-container--grid-2 .block-editor-inner-blocks > .block-editor-block-list__layout {
  grid-template-columns: 1fr 1fr;
}
.wp-block-ob-blocks-search-filter .post-container--grid-3 .block-editor-inner-blocks > .block-editor-block-list__layout {
  grid-template-columns: 1fr 1fr 1fr;
}
.wp-block-ob-blocks-search-filter .post-container--grid-4 .block-editor-inner-blocks > .block-editor-block-list__layout {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.wp-block-ob-blocks-search-filter .post-container__placeholder {
  background-image: linear-gradient(135deg, #f0f0f0 10%, #f5f5f5 10%, #f5f5f5 50%, #f0f0f0 50%, #f0f0f0 60%, #f5f5f5 60%, #f5f5f5 100%);
  background-size: 70.71px 70.71px;
  height: 300px;
  font-size: 24px;
  padding: 10%;
  text-align: center;
  cursor: pointer;
}
.wp-block-ob-blocks-search-filter .loadmore {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 60px;
  font-size: 30px;
}
.wp-block-ob-blocks-search-filter .loadmore:after {
  content: "";
  margin-top: 24px;
  display: inline-table;
  margin-left: 12px;
  margin-bottom: 0;
  transform: rotate(0deg);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 16px solid black;
}
.wp-block-ob-blocks-search-filter .loadmore--hidden {
  display: none;
}
.wp-block-ob-blocks-search-filter .loadmore:after, .wp-block-ob-blocks-search-filter .loadmore span {
  cursor: pointer;
}
@media screen and (max-width: 900px) {
  .wp-block-ob-blocks-search-filter .post-container--grid .block-editor-inner-blocks > .block-editor-block-list__layout, .wp-block-ob-blocks-search-filter .post-container--grid-3 .block-editor-inner-blocks > .block-editor-block-list__layout {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .wp-block-ob-blocks-search-filter .single-post__title {
    font-size: 30px !important;
    line-height: 36px;
  }
}
@media screen and (max-width: 600px) {
  .wp-block-ob-blocks-search-filter__reset-filters {
    position: static;
  }
  .wp-block-ob-blocks-search-filter__no-results {
    font-size: 30px;
    line-height: 42px;
    margin: 30px 0;
    max-width: 800px;
  }
  .wp-block-ob-blocks-search-filter .search-filter-controls {
    margin-bottom: 12px;
    flex-direction: row;
    position: relative;
  }
  .wp-block-ob-blocks-search-filter .search-filter-controls__single-select {
    padding: 6px 0;
  }
  .wp-block-ob-blocks-search-filter .search-filter-controls__filters {
    display: flex;
    flex-direction: row;
    width: auto;
    width: initial;
  }
  .wp-block-ob-blocks-search-filter .search-filter-controls__post-count {
    position: static;
    bottom: 0;
  }
  .wp-block-ob-blocks-search-filter .post-container--grid .block-editor-inner-blocks > .block-editor-block-list__layout, .wp-block-ob-blocks-search-filter .post-container--grid-3 .block-editor-inner-blocks > .block-editor-block-list__layout {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend + Backend.
 */
.wp-block-ob-blocks-metadata {
  background-color: #d1d1e1;
  padding: 20px;
  padding-bottom: 38px;
  position: relative;
  text-align: center;
}
.wp-block-ob-blocks-metadata__header {
  margin: -20px -20px 0;
  padding: 20px 20px 8px;
  background-color: #FF5628;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 1;
}
.wp-block-ob-blocks-metadata__title {
  text-transform: uppercase;
  font-size: 50px;
  line-height: 50px;
}
.wp-block-ob-blocks-metadata__subtitle {
  font-family: "Helvetica Neue LT", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 36px;
}
.wp-block-ob-blocks-metadata__content a {
  color: inherit;
}
.wp-block-ob-blocks-metadata__pattern {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 100px;
}
.wp-block-ob-blocks-metadata .wp-block-button__link:not([href]) {
  display: none;
}

/**
 * #.# Styles
 *
 * CSS for both Frontend + Backend.
 */
.wp-block-column > .wp-block-ob-blocks-post-selector {
  margin: 0;
}

.wp-block-ob-blocks-post-selector {
  margin: 60px 0;
}
.wp-block-ob-blocks-post-selector .wp-block-ob-blocks-post {
  margin-bottom: 0;
  margin-top: 0;
}
.wp-block-ob-blocks-post-selector.post-container--card-background .single-post {
  background: white;
  color: black;
  padding: 20px;
}
.wp-block-ob-blocks-post-selector.post-container--grid {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr;
}
.wp-block-ob-blocks-post-selector.post-container--grid .single-post {
  display: block;
}
@media screen and (max-width: 767px) {
  .wp-block-ob-blocks-post-selector.post-container--grid {
    display: block;
  }
}
.wp-block-ob-blocks-post-selector.post-container--grid-2 {
  grid-template-columns: 1fr 1fr;
}
.wp-block-ob-blocks-post-selector.post-container--grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 767px) {
  .wp-block-ob-blocks-post-selector {
    margin-bottom: 0;
  }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend + Backend.
 */
.single-post a:not(.edit-post-admin-only) {
  pointer-events: all;
}
/**
 * #.# Styles
 *
 * CSS for both Frontend + Backend.
 */
.wp-block-ob-blocks-search-filter {
  margin-bottom: 60px;
}
.wp-block-ob-blocks-search-filter__no-results {
  font-size: 40px;
  line-height: 50px;
  margin: 60px 0;
  max-width: 800px;
}
.wp-block-ob-blocks-search-filter__reset-filters {
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 3px;
  background: none;
  border: none;
  align-items: center;
  display: flex;
  text-decoration: none;
  transition: all 0.2s ease;
  padding: 8px 0;
}
.wp-block-ob-blocks-search-filter__reset-filters img {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.wp-block-ob-blocks-search-filter .search-filter-controls {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 30px;
}
.wp-block-ob-blocks-search-filter .post-container--masonry {
  grid-gap: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: masonry;
  justify-content: center;
}
.wp-block-ob-blocks-search-filter .post-container--masonry > * {
  align-self: start;
}
.wp-block-ob-blocks-search-filter .post-container--list .single-post {
  display: flex;
}
.wp-block-ob-blocks-search-filter .post-container--list .single-post__content {
  flex: 0 0 50%;
}
.wp-block-ob-blocks-search-filter .post-container--list .single-post__image {
  flex: 0 0 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp-block-ob-blocks-search-filter .post-container--grid {
  display: grid;
  grid-gap: 30px;
}
.wp-block-ob-blocks-search-filter .post-container--grid .single-post {
  display: block;
}
.wp-block-ob-blocks-search-filter .post-container--grid .single-post__image--placeholder span {
  max-width: none;
  max-width: initial;
}
.wp-block-ob-blocks-search-filter .post-container--grid-2 {
  grid-template-columns: 1fr 1fr;
}
.wp-block-ob-blocks-search-filter .post-container--grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.wp-block-ob-blocks-search-filter .post-container--grid-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 900px) {
  .wp-block-ob-blocks-search-filter .post-container--grid, .wp-block-ob-blocks-search-filter .post-container--grid-3 {
    grid-template-columns: 1fr 1fr;
  }
  .wp-block-ob-blocks-search-filter .single-post__title {
    font-size: 30px !important;
    line-height: 36px;
  }
}
@media screen and (max-width: 600px) {
  .wp-block-ob-blocks-search-filter {
    margin-top: 40px;
  }
  .wp-block-ob-blocks-search-filter__reset-filters {
    position: absolute;
    left: 0;
    bottom: 6px;
    text-align: left;
    margin-left: 0;
    padding: 0;
  }
  .wp-block-ob-blocks-search-filter__no-results {
    font-size: 30px;
    line-height: 42px;
    margin: 30px 0;
    max-width: 800px;
  }
  .wp-block-ob-blocks-search-filter .search-filter-controls {
    margin-bottom: 12px;
    flex-direction: column;
    position: relative;
  }
  .wp-block-ob-blocks-search-filter .search-filter-controls__filters {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .wp-block-ob-blocks-search-filter .search-filter-controls__post-count {
    position: relative;
    bottom: auto;
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .wp-block-ob-blocks-search-filter .search-filter-controls__post-count {
    margin-top: 24px;
  }
}
@media screen and (max-width: 600px) {
  .wp-block-ob-blocks-search-filter .post-container--grid, .wp-block-ob-blocks-search-filter .post-container--grid-3 {
    grid-template-columns: 1fr;
  }
}