/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/

// Colors.
$black: rgb(41, 41, 41);
$white: #f4f4f4;
$gray: #dedede;
$green: #bada55;
$red: orangered;

// Respond above.
$breakpoints: (
		start: 1px,
		mobile: 768px,
		screen: 960px,
		laptop: 1200px,
		desktop-lg: 1600px
);
@mixin respond-above($breakpoint, $maxbreakpoint: null) {

  // If the breakpoint exists in the map.
  @if map-has-key($breakpoints, $breakpoint) {

	// Get the breakpoint value.
	$breakpoint-value: map-get($breakpoints, $breakpoint);
	$maxbreakpoint-value: null;
	@if map-has-key($breakpoints, $maxbreakpoint) {
	  $maxbreakpoint-value: map-get($breakpoints, $maxbreakpoint);
	}
	// Write the media query.
	@if  ($maxbreakpoint-value) {
	  @media (min-width: $breakpoint-value) and (max-width: $maxbreakpoint-value) {
		@content;
	  }
	} @else {
	  @media (min-width: $breakpoint-value) {
		@content;
	  }
	}


	// If the breakpoint doesn't exist in the map.
  } @else {

	// Log a warning.
	@warn 'Invalid breakpoint: #{$breakpoint}.';
  }
}
.wp-core-ui select[multiple] {
  min-height: 80px !important;
}
.block-editor-page .wp-block {
  max-width: 1160px;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
.edit-post-visual-editor__content-area {
  overflow: hidden;
}
.bs-badge {
  background: rgba(250, 250, 250, 0.65);
  padding: 2px 4px;
  border-radius: 2px;
  max-height: 20px;
}
$border-radius-main: 3px;