/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */
.wp-block-cgb-modalwindow-block {
  border: 1px solid #fafafa;
  border-radius: 2px;
  padding: 10px; }
  .wp-block-cgb-modalwindow-block .input-group label {
    padding: 10px; }
  .wp-block-cgb-modalwindow-block .wp-block-quote {
    margin-bottom: 0.8em;
    padding: 0.5em 1em !important; }
  .wp-block-cgb-modalwindow-block .content-plain-text {
    min-height: 58px !important; }
  .wp-block-cgb-modalwindow-block span.remove-modalwindow {
    right: 20px;
    position: absolute; }
  .wp-block-cgb-modalwindow-block textarea.editor-plain-text.content-plain-text,
  .wp-block-cgb-modalwindow-block textarea.editor-plain-text.author-plain-text,
  .wp-block-cgb-modalwindow-block textarea.editor-plain-text.link-plain-text {
    background: #fafafa;
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 5px 10px; }
  .wp-block-cgb-modalwindow-block .input-group-text {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%; }

button.add-more-modalwindow {
  height: 55px;
  width: 55px;
  background: #939393;
  border-radius: 50%;
  position: relative;
  border: none;
  font-size: 2em;
  color: white;
  line-height: 1; }

.grvty-modal.modal-window {
  max-width: 600px;
  border: 2px solid #c0c0c0;
  color: #00ffff;
  top: 15%;
  left: 10%;
  position: absolute; }
  .grvty-modal.modal-window .modal-header {
    background: #00009e;
    border-radius: 0;
    color: #fff;
    padding: 4px 6px;
    text-transform: uppercase; }
    .grvty-modal.modal-window .modal-header .close {
      background: #c0c0c0;
      border: 1px solid #000;
      padding: 0;
      margin: 0;
      opacity: 1;
      width: 24px;
      height: 24px;
      overflow: hidden; }
      .grvty-modal.modal-window .modal-header .close:hover {
        background: #a5a5a5; }
      .grvty-modal.modal-window .modal-header .close span {
        width: 22px;
        height: 22px;
        display: block;
        text-align: center;
        font-size: 45px;
        margin-top: 0;
        line-height: 18px; }
  .grvty-modal.modal-window .modal-body {
    padding: 10px;
    background: #000; }

.classic-window-container {
  max-width: 600px;
  margin: auto; }
  .classic-window-container .classic-window-title-container,
  .classic-window-container .classic-window-text-container {
    border: 2px solid #000; }
  .classic-window-container .classic-window-title-container {
    background: white;
    border-bottom: none;
    display: -ms-flexbox;
    display: flex; }
    .classic-window-container .classic-window-title-container .buttons-left,
    .classic-window-container .classic-window-title-container .buttons-right {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      min-width: 76px;
      height: 36px;
      overflow: hidden; }
    .classic-window-container .classic-window-title-container .buttons-left button.btn-classic {
      border-right: 2px solid #000; }
    .classic-window-container .classic-window-title-container .buttons-right {
      text-align: right; }
      .classic-window-container .classic-window-title-container .buttons-right button.btn-classic {
        border-left: 2px solid #000; }
    .classic-window-container .classic-window-title-container .title {
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
      text-align: center;
      max-height: 36px; }
      .classic-window-container .classic-window-title-container .title span {
        background: black;
        color: #ffffff;
        display: inline-block;
        font-size: 18px;
        line-height: 28px;
        padding: 4px 3em;
        text-transform: uppercase; }
    .classic-window-container .classic-window-title-container button.btn-classic {
      width: 36px;
      height: 36px;
      background-color: white;
      border: none;
      font-size: 0;
      opacity: 1;
      padding: 0;
      vertical-align: top; }
      .classic-window-container .classic-window-title-container button.btn-classic.down {
        background-image: url("../img/btn-arrow-down.png"); }
      .classic-window-container .classic-window-title-container button.btn-classic.minimize {
        background-image: url("../img/btn-minimise.png"); }
      .classic-window-container .classic-window-title-container button.btn-classic.up {
        background-image: url("../img/btn-arrow-up.png"); }
  .classic-window-container .classic-window-text-container {
    padding: 2em 4em;
    background: white;
    color: #000; }

.team-member-item .team-member-name {
  text-transform: uppercase; }

.team-member-item .team-member-header {
  background: #00009e;
  border: 2px solid #c0c0c0;
  padding: 2px 5px; }

.team-member-item .team-member-body {
  position: relative;
  border: 2px solid #c0c0c0; }
  .team-member-item .team-member-body .team-member-image-container {
    border: 2px solid #000000; }
  .team-member-item .team-member-body .team-member-description {
    background: #b7b7b7;
    padding: 20px 20px;
    position: absolute;
    bottom: -50px;
    left: 10px;
    width: 100%;
    color: #000;
    border: 2px solid #002527; }