/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-fne-tabbed-content {
  margin-top: 30px;
  margin-bottom: 30px; }

.wp-block-fne-tabbed-content-holder .blocks-rich-text__tinymce.mce-content-body {
  font-size: 14px; }

.wp-block-fne-tabbed-content-holder.vertical-holder {
  display: -ms-flexbox;
  display: flex; }

.wp-block-fne-tabbed-content-tab-holder {
  position: relative; }

.wp-block-fne-tabbed-content-tab-holder.vertical-tab-width {
  position: relative;
  width: 21%; }

.wp-block-fne-tabbed-content-scroll-button-container {
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  pointer-events: none; }

.wp-block-fne-tabbed-content-scroll-button-container > button {
  position: absolute;
  pointer-events: auto;
  border-radius: 50%;
  top: -10px;
  padding: 0;
  margin: 0;
  height: 25px;
  width: 25px; }

.wp-block-fne-tabbed-content-scroll-button-top {
  left: 40%; }

.wp-block-fne-tabbed-content-scroll-button-bottom {
  left: 40%;
  top: 0;
  bottom: 0; }

.wp-block-fne-tabbed-content-scroll-button-right {
  right: 0; }

.wp-block-fne-tabbed-content-scroll-button-right svg {
  padding-top: 4px;
  padding-left: 2px; }

.wp-block-fne-tabbed-content-scroll-button-left svg {
  padding-top: 4px;
  padding-right: 3px; }

.wp-block-fne-tabbed-content-tabs-title {
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden; }

.wp-block-fne-tabbed-content-tab-title-wrap {
  border: 1px solid lightgrey;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 10px 15px;
  border-bottom: 0;
  margin-right: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer; }

.wp-block-fne-tabbed-content-tab-title-wrap.active {
  color: white; }

.wp-block-fne-tabbed-content-tab-title-vertical-wrap {
  border: 1px solid lightgrey;
  border-top-left-radius: 5px;
  padding: 10px 15px;
  border-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer; }

.wp-block-fne-tabbed-content-tab-title-vertical-wrap.active {
  color: #000000; }

.wp-block-fne-tabbed-content-tabs-content {
  padding: 0px;
  background-color: #fff;
  overflow: hidden; }

.wp-block-fne-tabbed-content-tabs-content.vertical-content-width {
  width: 79%; }

@media (max-width: 374.98px) {
  .wp-block-fne-tabbed-content-tab-title-wrap {
    padding: 10px 5px; }
  .wp-block-fne-tabbed-content-tabs-content p {
    margin: 0 0 10px 0; }
  .wp-block-fne-tabbed-content-scroll-button-container > button {
    top: -30px; } }

.unselectable {
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */ }

.wp-block-fne-tabbed-content-scroll-button-left,
.wp-block-fne-tabbed-content-scroll-button-right {
  display: none; }

.wp-block-fne-tabbed-content-tabs-content > .wp-block-fne-tabbed-content-tab-content-wrap {
  margin-bottom: 0; }