/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
body.gutenberg-editor-page .editor-post-title__block, body.gutenberg-editor-page .editor-default-block-appender, body.gutenberg-editor-page .editor-block-list__block {
  max-width: 100% !important; }

.accordimg {
  width: 100%;
  height: auto;
  overflow: hidden; }
  .accordimg ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0; }
  .accordimg ul li {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    width: 16.666%;
    height: 800px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }
  .accordimg ul li .text--container {
    top: -100px;
    height: auto;
    width: 100%;
    position: relative;
    z-index: 3;
    vertical-align: bottom;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease; }
  .accordimg ul li .text--container {
    margin: 0;
    width: 100%;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    position: relative;
    z-index: 5;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease; }
  .accordimg ul:hover li {
    width: 8%; }
  .accordimg ul:hover li:hover {
    width: 60%; }
  .accordimg ul:hover li:hover h3 * {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
        transform: translateX(0); }
  .accordimg h3 {
    padding-left: 10px; }
  .accordimg a {
    -webkit-transition: .6s ease all;
    -o-transition: .6s ease all;
    transition: .6s ease all;
    border-bottom: 1px solid transparent; }
    .accordimg a:hover {
      -webkit-transition: .6s ease all;
      -o-transition: .6s ease all;
      transition: .6s ease all;
      border-bottom: 1px solid #eee; }
  .accordimg .font-size-18 {
    font-size: 18px; }
  .accordimg .font-size-19 {
    font-size: 19px; }
  .accordimg .font-size-20 {
    font-size: 20px; }
  .accordimg .font-size-21 {
    font-size: 21px; }
  .accordimg .font-size-22 {
    font-size: 22px; }
  .accordimg .font-size-23 {
    font-size: 23px; }
  .accordimg .font-size-24 {
    font-size: 24px; }
  .accordimg .font-size-25 {
    font-size: 25px; }
  .accordimg .font-size-26 {
    font-size: 26px; }
  .accordimg .font-size-27 {
    font-size: 27px; }
  .accordimg .font-size-28 {
    font-size: 28px; }
  .accordimg .font-size-29 {
    font-size: 29px; }
  .accordimg .font-size-30 {
    font-size: 30px; }
  .accordimg .text-color-light-silver {
    color: #eee; }
  .accordimg .text-color-silver {
    color: #ddd; }
  .accordimg .text-color-white {
    color: #fff; }
  .accordimg .text-color-black {
    color: #000; }
  .accordimg .text-color-black-light {
    color: #222; }
  .accordimg .text-color-saddle-brown {
    color: #795548; }
  .accordimg .text-color-light-yellow {
    color: #ffeb3b; }
  .accordimg .text-color-sea-green {
    color: #4CAF50; }
  .accordimg .text-color-teal {
    color: #00BCD4; }
  .accordimg .text-color-cyan {
    color: #2196F3; }
  .accordimg .text-color-dark-blue {
    color: #3f51b5; }
  .accordimg .text-color-dark-purple {
    color: #673ab7; }
  .accordimg .text-color-red {
    color: #F44336; }