html {
  min-height: 100%;
}

body {
  min-height: 100%;
  margin: 0;
  position: relative;
  background-color: #eff0f3;
  color: #333;
}

.max-w-none {
  max-width: none !important;
}

.max-h-none {
  max-height: none !important;
}

.m-revert {
  margin: revert;
}

section {
  margin: 10px 0;
  border-radius: 0.5rem;
  background: #fff;
}
section > h2 {
  margin-bottom: 1rem;
  padding: 1.5rem 1rem 1rem;
  position: -webkit-sticky;
  position: sticky;
  border-radius: 0.25rem 0.25rem 0 0;
  color: #222;
  font-size: 1.4rem;
  z-index: 100;
}
section .plot-wrap {
  padding-bottom: 2em;
  background: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}

h3 {
  padding: 1rem 1rem;
  background: #ddd;
  border-radius: 0.25rem;
  color: #444;
  font-size: 1.4em;
  font-weight: normal;
}

figure img {
  max-width: 100%;
}

.navbar-dark {
  color: #eee;
}

.nav-text {
  height: 100%;
  padding: 0.875rem 0.75rem;
  display: inline-block;
}

.btn,
.nav-item,
.form-control.code-selector {
  font-size: 0.9rem;
}

.navbar-brand {
  font-size: 0.8rem;
}

/* #content, */
.hidden {
  display: none;
}

.guide {
  display: none;
}

.row {
  width: 100%;
  margin: 0 auto;
}
.row .row {
  padding: 0;
}
.row .row[class*=col-] {
  padding-right: 0px;
  padding-left: 0px;
}
.row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

label span {
  height: 100%;
  padding: 0.75rem 0.75rem 0.75rem 2.25rem;
  display: block;
  border-radius: 0.25rem;
  background: #fafafa;
  cursor: pointer;
  text-indent: -1.5rem;
}
label span::before {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  content: "";
  display: inline-block;
  border: 3px solid #fff;
  border-radius: 1rem;
  background: #eee;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0.1rem 0, rgba(0, 0, 0, 0.15) 0 1px 0.1rem 0 inset;
          box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0.1rem 0, rgba(0, 0, 0, 0.15) 0 1px 0.1rem 0 inset;
}
label input[type=radio] {
  display: none;
}
label input[type=radio]:checked + span {
  background: #a6d174;
  color: #fff;
  font-weight: bold;
}
label input[type=radio]:checked + span::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#b3ee6f), to(#62cf62));
  background: -o-linear-gradient(#b3ee6f, #62cf62);
  background: linear-gradient(#b3ee6f, #62cf62);
}
label input[type=radio]:disabled + span {
  background: #e6e6e6;
  color: #888;
  cursor: not-allowed;
}
label input[type=radio]:disabled + span::before {
  border: 3px solid #efefef;
  background: #ddd;
}
label.no-value {
  display: none;
}
label.no-value > input[type=radio]:checked + span {
  background: #ee9494;
}
label.no-value > input[type=radio]:checked + span::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#ee9494), to(#c44));
  background: -o-linear-gradient(#ee9494, #c44);
  background: linear-gradient(#ee9494, #c44);
}

#news a:not(.btn) {
  color: #ff4035;
}

#feature a:not(.btn) {
  color: #af8f00;
}

#configurations a:not(.btn) {
  color: #00becc;
}

#howto a:not(.btn) {
  color: #f20071;
}

#invitation a:not(.btn) {
  color: #26d800;
}

#download a:not(.btn) {
  color: #160f5c;
}

.bg-news {
  background-color: #f9d6d4;
  color: #2f4b70;
}
.bg-feature {
  background-color: #f5d753;
  color: #fff;
}
.bg-configurations {
  background-color: #86d9df;
  color: #fff;
}
.bg-howto {
  background-color: #ec9fc3;
  color: #fff;
}
.bg-invitation {
  background-color: #a4d899;
  color: #fff;
}
.bg-download {
  background-color: #757292;
  color: #fff;
}

.btn-primary {
  background-color: #f3f2f7;
  border-color: #6b6982;
  color: #5e5c75;
}
.btn-news {
  background-color: #f5c1be;
  color: #fff;
}
.btn-feature {
  background-color: #f2d03d;
  color: #fff;
}
.btn-configurations {
  background-color: #74d1d8;
  color: #fff;
}
.btn-howto {
  background-color: #e68bb6;
  color: #fff;
}
.btn-invitation {
  background-color: #95cf88;
  color: #fff;
}
.btn-download {
  background-color: #5e5c75;
  color: #fff;
}
.btn-primary:hover {
  background-color: #8884b3;
  border-color: #5e5892;
  color: #fff;
}
.btn-news:hover {
  background-color: #feeae9;
  color: #fff;
}
.btn-feature:hover {
  background-color: #ffe263;
  color: #fff;
}
.btn-configurations:hover {
  background-color: #93e6ec;
  color: #fff;
}
.btn-howto:hover {
  background-color: #f6afd0;
  color: #fff;
}
.btn-invitation:hover {
  background-color: #b0e6a5;
  color: #fff;
}
.btn-download:hover {
  background-color: #8884b3;
  color: #fff;
}

#news {
  position: relative;
}
@media screen and (min-width: 992px) {
  #news #wp-rest {
    height: auto;
  }
}
#news #rest-loading {
  display: none;
  width: 48px;
  position: absolute;
  top: calc( 50% - 16px );
  left: calc( 50% - 16px );
}
#news #rest-loading.active {
  display: none;
}
#news .btn-news {
  min-height: 250px;
  display: block;
}
#news .btn-news img {
  max-height: 100%;
}

#feature ol > li {
  list-style: none;
  counter-increment: number;
}
#feature ol > li::before {
  width: 2em;
  height: 2em;
  margin: 0.5em auto;
  padding: 0.5em;
  display: block;
  background: #f8b626;
  border-radius: 1em;
  content: counter(number);
  color: #fff;
  font-size: 64px;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
}

@media screen and (min-width: 992px) {
  #howto {
    margin-bottom: -20px;
  }
}

#download ul {
  list-style: none;
}
#download button {
  padding: 0;
}
#download span {
  padding: 0.375rem 0.75rem;
  display: block;
}

#post-area {
  display: none;
}

.title {
  text-align: center;
}

table {
  border-radius: 0.25rem;
  overflow: hidden;
  table-layout: auto;
  width: 100%;
  padding: 10px;
  -webkit-box-shadow: 0 0 1px #000;
          box-shadow: 0 0 1px #000;
}
table thead {
  position: -webkit-sticky;
  position: sticky;
}
table tr th {
  padding: 0.5rem;
  border-bottom: #aaa solid 1px;
  text-align: center;
}
table tr th.column-job {
  text-align: center;
  width: 8em;
}
table tr th.column-menu {
  text-align: center;
  width: 8em;
}
table tr th.column-period {
  text-align: center;
  width: 9em;
}
table tr th.column-durat {
  text-align: center;
  width: 3em;
}
table tr td {
  padding: 0.5rem;
  text-align: center;
  background: #fff;
}
table tr td.column-support {
  text-align: left;
}
table tr:nth-child(2n-2) td {
  background-color: #f2f2f2;
}
@media screen and (max-width: 779px) {
  table {
    padding: 0;
    display: block;
  }
  table thead {
    display: none;
  }
  table tbody, table tr, table th, table td {
    display: block;
  }
  table tr {
    border-top: 1px solid #aaa;
  }
  table tr:first-of-type {
    border: none;
  }
  table tr th {
    background-color: #596775;
    padding: 0.5rem;
    color: #fff;
    text-align: center;
  }
  table tr th:nth-child(2n) {
    background-color: #464f58;
  }
  table tr td {
    padding: 0.5rem;
    text-align: left;
    background: #fff;
  }
  table tr td:nth-child(2n) {
    background-color: #f6f6f6;
  }
  table tr td.column-support {
    text-align: left;
  }
  table tr td::before {
    display: inline-block;
    font-weight: bold;
  }
  table tr:nth-child(2n-2) td {
    background-color: #fff;
  }
  table tr:nth-child(2n-2) td:nth-child(2n) {
    background-color: #f6f6f6;
  }
  table tr tbody td {
    background: #fff;
  }
}
.swal-title {
  font-size: 1.4rem;
}

.swal-modal {
  width: 960px;
  max-width: 50%;
  min-width: 300px;
}

.print-area button {
  display: none;
}

#colorbox img,
.fancybox-content img {
  max-width: 100%;
  height: auto;
}
#colorbox .alignleft,
.fancybox-content .alignleft {
  float: left;
}
#colorbox .alignright,
.fancybox-content .alignright {
  float: right;
}

#cboxContent article h2.entry-title {
  font-size: 1.4rem;
}
@media screen and (min-width: 992px) {
  #cboxContent article h2.entry-title {
    font-size: 1.8rem;
  }
}

.movie-body video {
  margin: 0 auto;
  display: block;
}