@charset "UTF-8";
@import "colors.css";

.col-xs-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-xs-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-xs-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-xs-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-xs-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4,.col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.w-90 {
  width: 90% !important;
}

.tabs-horizontal.tabs-line .nav-tabs {
  display: block;
  width: 100%;
  position: relative;
  transform: translateY(-5px);
  margin-bottom: -5px;
  margin-left: 0px;
  margin-right: 0px;
  border: 0;
  will-change: transform;
  text-align: center;
  background: #eee;
  padding: 20px
}

.tabs-horizontal.tabs-line .nav-tabs li a.active,
.tabs-horizontal.tabs-line .nav-tabs li a.is-active {
  color: #242731;
  background-color: transparent;
}

.tabs-horizontal.tabs-line .nav-tabs li a.active:before,
.tabs-horizontal.tabs-line .nav-tabs li a.is-active:before {
  width: 100%;
}


.page .btn-primary,
.page .btn-primary:active,
.page .btn-primary:focus {
  color: #fff;
  background: var(--orange);
  border-color: var(--orange);
}

.page .btn-primary:hover {
  color: #fff;
  background: var(--yellow) !important;
  border-color: var(--yellow) !important;
}

.btn.btn-effect-ujarak.btn-primary::before,
.btn.btn-effect-ujarak.btn-primary-outline::before {
  background: var(--yellow);
}

.btn.btn-effect-ujarak.btn-primary:hover,
.btn.btn-effect-ujarak.btn-primary-outline:hover {
  border-color: var(--yellow);
}

input[type="submit"] {
  border: none;
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  cursor: pointer;
}

.node--view-mode-teaser-big.post-boxed {
  min-height: 530px;
}

.node--view-mode-teaser-big.post-boxed:before {
  background: none;
}

.node--view-mode-teaser-big.post-boxed .post-boxed-body{
  padding: 15px !important;
}

.about-box-text a {
  font-size: inherit;
}

.about-box-text .post-boxed-title a {
  font-weight: normal;
}

.featured-grid>* {
  margin-top: 30px;
  pointer-events: auto;
}

.featured-grid>*::before {
  content: '';
  display: table;
  width: 0;
}

.staff-board.row {
  margin-bottom: 40px;
  border-bottom: solid 1px #eee;
  padding-bottom: 20px;
}