/* =========================================== */
/* ============ UTILITIES ============== */
/* =========================================== */
/*------------------------------------
  Text Colors
------------------------------------*/
.text-body-color {
  color: rgba(0, 0, 0, 0.65);
}

.text-white-55 {
  color: rgba(255, 255, 255, 0.55);
}

.text-white-70 {
  color: rgba(255, 255, 255, 0.7);
}

.text-white .ui-underline {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 1px;
}

.text-white .ui-underline:hover {
  color: #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
}

/*------------------------------------
  Text Decoration
------------------------------------*/
.text-none {
  text-decoration: none;
}

.text-none:hover {
  text-decoration: none;
}

/*------------------------------------
  Font Weight
------------------------------------*/
table th {
  font-weight: 600;
}

.fa,
.fas {
  font-weight: 600;
}

.fw-thin {
  font-weight: 300 !important;
}

.fw-base {
  font-weight: 400 !important;
}

.fw-strong {
  font-weight: 500 !important;
}

.fw-semi-bold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-extra-bold {
  font-weight: 800 !important;
}

/*----------------------------------
  Font Size
------------------------------------*/
code {
  font-size: 100%;
}

small {
  font-size: 0.9375rem;
}

.extra-small {
  font-size: 0.7rem;
}

.ui-font-size-75 {
  font-size: 75%;
}

.ui-font-size-90 {
  font-size: 90%;
}

.fs-8x {
  font-size: 8rem;
}

.fs-6x {
  font-size: 6rem;
}

.fs-5x {
  font-size: 5rem;
}

.fs-4x {
  font-size: 4rem;
}

.fs-3x {
  font-size: 3rem;
}

.fs-3x0 {
  font-size: 3.0rem;
}

.fs-2x9 {
  font-size: 2.9rem;
}

.fs-2x8 {
  font-size: 2.8rem;
}

.fs-2x7 {
  font-size: 2.7rem;
}

.fs-2x6 {
  font-size: 2.6rem;
}

.fs-2x5 {
  font-size: 2.5rem;
}

.fs-2x4 {
  font-size: 2.4rem;
}

.fs-2x3 {
  font-size: 2.3rem;
}

.fs-2x2 {
  font-size: 2.2rem;
}

.fs-2x1 {
  font-size: 2.1rem;
}

.fs-2x0 {
  font-size: 2.0rem;
}

.fs-2x {
  font-size: 2.0rem;
}

.font-size-2rem {
  font-size: 2.0rem;
}

.fs-1x9 {
  font-size: 1.9rem;
}

.fs-1x8 {
  font-size: 1.8rem;
}

.fs-1x7 {
  font-size: 1.7rem;
}

.fs-1x6 {
  font-size: 1.6rem;
}

.fs-1x5 {
  font-size: 1.5rem;
}

.fs-1x4 {
  font-size: 1.4rem;
}

.fs-1x3 {
  font-size: 1.3rem;
}

.fs-1x2 {
  font-size: 1.2rem;
}

.fs-1x1 {
  font-size: 1.1rem;
}

.fs-1x0 {
  font-size: 1rem;
}

.fs-md {
  font-size: 0.975rem;
}

.fs-sm {
  font-size: 0.935rem;
}

.fs-xs {
  font-size: 0.875rem;
}

@media (max-width: 767px) {
  .fs-1x9 {
    font-size: 1.8rem;
  }
  .fs-1x8 {
    font-size: 1.7rem;
  }
  .fs-1x7 {
    font-size: 1.6rem;
  }
  .fs-1x6 {
    font-size: 1.5rem;
  }
  .fs-1x5 {
    font-size: 1.4rem;
  }
  .fs-1x4 {
    font-size: 1.3rem;
  }
  .fs-1x3 {
    font-size: 1.2rem;
  }
  .fs-1x2 {
    font-size: 1.1rem;
  }
  .fs-1x1 {
    font-size: 1.0rem;
  }
  .fs-1x0 {
    font-size: 0.935rem;
  }
}

/*----------------------------------
  Line-Height
------------------------------------*/
.lnh-1p1 {
  line-height: 1.1rem !important;
}

.lnh-1p2 {
  line-height: 1.2rem !important;
}

.lnh-1p3 {
  line-height: 1.3rem !important;
}

.lnh-1p4 {
  line-height: 1.4rem !important;
}

.lnh-1p5 {
  line-height: 1.5rem !important;
}

.lnh-1p6 {
  line-height: 1.6rem !important;
}

.lnh-1p7 {
  line-height: 1.7rem !important;
}

.lnh-1p8 {
  line-height: 1.8rem !important;
}

.lnh-1p9 {
  line-height: 1.9rem !important;
}

.lnh-2p0 {
  line-height: 2.0rem !important;
}

.lnh-2p1 {
  line-height: 2.1rem !important;
}

.lnh-2p2 {
  line-height: 2.2rem !important;
}

.lnh-2p3 {
  line-height: 2.3rem !important;
}

.lnh-2p4 {
  line-height: 2.4rem !important;
}

.lnh-2p5 {
  line-height: 2.5rem !important;
}

.lnh-2p6 {
  line-height: 2.6rem !important;
}

.lnh-2p7 {
  line-height: 2.7rem !important;
}

.lnh-2p8 {
  line-height: 2.8rem !important;
}

.lnh-2p9 {
  line-height: 2.9rem !important;
}

.lnh-3p0 {
  line-height: 3.0rem !important;
}

/*----------------------------------
  Letter Spacing
------------------------------------*/
.text-space-1 {
  letter-spacing: 1px;
}

.text-space-minus {
  letter-spacing: -0.25rem;
}

.ui-letter-spacing-xs {
  letter-spacing: 1px;
}

.ui-letter-spacing-sm {
  letter-spacing: 2px;
}

/*------------------------------------
  Borders
------------------------------------*/
@media (min-width: 576px) {
  .border-sm {
    border: 1px solid #f1f1f1;
  }
  .border-sm-top {
    border-top: 1px solid #f1f1f1;
  }
  .border-sm-right {
    border-right: 1px solid #f1f1f1;
  }
  .border-sm-bottom {
    border-bottom: 1px solid #f1f1f1;
  }
  .border-sm-left {
    border-left: 1px solid #f1f1f1;
  }
  .border-sm-0 {
    border: 0 !important;
  }
  .border-sm-top-0 {
    border-top: 0 !important;
  }
  .border-sm-right-0 {
    border-right: 0 !important;
  }
  .border-sm-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-sm-left-0 {
    border-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .border-md {
    border: 1px solid #f1f1f1;
  }
  .border-md-top {
    border-top: 1px solid #f1f1f1;
  }
  .border-md-right {
    border-right: 1px solid #f1f1f1;
  }
  .border-md-bottom {
    border-bottom: 1px solid #f1f1f1;
  }
  .border-md-left {
    border-left: 1px solid #f1f1f1;
  }
  .border-md-0 {
    border: 0 !important;
  }
  .border-md-top-0 {
    border-top: 0 !important;
  }
  .border-md-right-0 {
    border-right: 0 !important;
  }
  .border-md-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-md-left-0 {
    border-left: 0 !important;
  }
}

@media (min-width: 992px) {
  .border-lg {
    border: 1px solid #f1f1f1;
  }
  .border-lg-top {
    border-top: 1px solid #f1f1f1;
  }
  .border-lg-right {
    border-right: 1px solid #f1f1f1;
  }
  .border-lg-bottom {
    border-bottom: 1px solid #f1f1f1;
  }
  .border-lg-left {
    border-left: 1px solid #f1f1f1;
  }
  .border-lg-0 {
    border: 0 !important;
  }
  .border-lg-top-0 {
    border-top: 0 !important;
  }
  .border-lg-right-0 {
    border-right: 0 !important;
  }
  .border-lg-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-lg-left-0 {
    border-left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .border-xl {
    border: 1px solid #f1f1f1;
  }
  .border-xl-top {
    border-top: 1px solid #f1f1f1;
  }
  .border-xl-right {
    border-right: 1px solid #f1f1f1;
  }
  .border-xl-bottom {
    border-bottom: 1px solid #f1f1f1;
  }
  .border-xl-left {
    border-left: 1px solid #f1f1f1;
  }
  .border-xl-0 {
    border: 0 !important;
  }
  .border-xl-top-0 {
    border-top: 0 !important;
  }
  .border-xl-right-0 {
    border-right: 0 !important;
  }
  .border-xl-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-xl-left-0 {
    border-left: 0 !important;
  }
}

/*--------------------------------------
  Border Position with Color-Variants
---------------------------------------*/
.border-top-primary {
  border-top: 1px solid #202879 !important;
}

.border-right-primary {
  border-right: 1px solid #202879 !important;
}

.border-bottom-primary {
  border-bottom: 1px solid #202879 !important;
}

.border-left-primary {
  border-left: 1px solid #202879 !important;
}

.border-top-secondary {
  border-top: 1px solid #0F165E !important;
}

.border-right-secondary {
  border-right: 1px solid #0F165E !important;
}

.border-bottom-secondary {
  border-bottom: 1px solid #0F165E !important;
}

.border-left-secondary {
  border-left: 1px solid #0F165E !important;
}

.border-top-success {
  border-top: 1px solid #C5E1A5 !important;
}

.border-right-success {
  border-right: 1px solid #C5E1A5 !important;
}

.border-bottom-success {
  border-bottom: 1px solid #C5E1A5 !important;
}

.border-left-success {
  border-left: 1px solid #C5E1A5 !important;
}

.border-top-info {
  border-top: 1px solid #81D4FA !important;
}

.border-right-info {
  border-right: 1px solid #81D4FA !important;
}

.border-bottom-info {
  border-bottom: 1px solid #81D4FA !important;
}

.border-left-info {
  border-left: 1px solid #81D4FA !important;
}

.border-top-warning {
  border-top: 1px solid #FFF59D !important;
}

.border-right-warning {
  border-right: 1px solid #FFF59D !important;
}

.border-bottom-warning {
  border-bottom: 1px solid #FFF59D !important;
}

.border-left-warning {
  border-left: 1px solid #FFF59D !important;
}

.border-top-danger {
  border-top: 1px solid #E84E40 !important;
}

.border-right-danger {
  border-right: 1px solid #E84E40 !important;
}

.border-bottom-danger {
  border-bottom: 1px solid #E84E40 !important;
}

.border-left-danger {
  border-left: 1px solid #E84E40 !important;
}

.border-top-light {
  border-top: 1px solid #fafbfd !important;
}

.border-right-light {
  border-right: 1px solid #fafbfd !important;
}

.border-bottom-light {
  border-bottom: 1px solid #fafbfd !important;
}

.border-left-light {
  border-left: 1px solid #fafbfd !important;
}

.border-top-dark {
  border-top: 1px solid #212529 !important;
}

.border-right-dark {
  border-right: 1px solid #212529 !important;
}

.border-bottom-dark {
  border-bottom: 1px solid #212529 !important;
}

.border-left-dark {
  border-left: 1px solid #212529 !important;
}

.border-top-primary-soft {
  border-top: 1px solid #dddfef !important;
}

.border-right-primary-soft {
  border-right: 1px solid #dddfef !important;
}

.border-bottom-primary-soft {
  border-bottom: 1px solid #dddfef !important;
}

.border-left-primary-soft {
  border-left: 1px solid #dddfef !important;
}

.border-top-primary-light {
  border-top: 1px solid #4D55A2 !important;
}

.border-right-primary-light {
  border-right: 1px solid #4D55A2 !important;
}

.border-bottom-primary-light {
  border-bottom: 1px solid #4D55A2 !important;
}

.border-left-primary-light {
  border-left: 1px solid #4D55A2 !important;
}

.border-top-primary-saturated {
  border-top: 1px solid #343D91 !important;
}

.border-right-primary-saturated {
  border-right: 1px solid #343D91 !important;
}

.border-bottom-primary-saturated {
  border-bottom: 1px solid #343D91 !important;
}

.border-left-primary-saturated {
  border-left: 1px solid #343D91 !important;
}

.border-top-primary-dark {
  border-top: 1px solid #0F165E !important;
}

.border-right-primary-dark {
  border-right: 1px solid #0F165E !important;
}

.border-bottom-primary-dark {
  border-bottom: 1px solid #0F165E !important;
}

.border-left-primary-dark {
  border-left: 1px solid #0F165E !important;
}

.border-top-alternate {
  border-top: 1px solid #C30000 !important;
}

.border-right-alternate {
  border-right: 1px solid #C30000 !important;
}

.border-bottom-alternate {
  border-bottom: 1px solid #C30000 !important;
}

.border-left-alternate {
  border-left: 1px solid #C30000 !important;
}

.border-top-alternate-soft {
  border-top: 1px solid #990000 !important;
}

.border-right-alternate-soft {
  border-right: 1px solid #990000 !important;
}

.border-bottom-alternate-soft {
  border-bottom: 1px solid #990000 !important;
}

.border-left-alternate-soft {
  border-left: 1px solid #990000 !important;
}

.border-top-alternate-light {
  border-top: 1px solid #FF3737 !important;
}

.border-right-alternate-light {
  border-right: 1px solid #FF3737 !important;
}

.border-bottom-alternate-light {
  border-bottom: 1px solid #FF3737 !important;
}

.border-left-alternate-light {
  border-left: 1px solid #FF3737 !important;
}

.border-top-alternate-saturated {
  border-top: 1px solid #FA0300 !important;
}

.border-right-alternate-saturated {
  border-right: 1px solid #FA0300 !important;
}

.border-bottom-alternate-saturated {
  border-bottom: 1px solid #FA0300 !important;
}

.border-left-alternate-saturated {
  border-left: 1px solid #FA0300 !important;
}

.border-top-alternate-dark {
  border-top: 1px solid #990000 !important;
}

.border-right-alternate-dark {
  border-right: 1px solid #990000 !important;
}

.border-bottom-alternate-dark {
  border-bottom: 1px solid #990000 !important;
}

.border-left-alternate-dark {
  border-left: 1px solid #990000 !important;
}

/*------------------------------------
  Border Colors-Dark Variants on Background
------------------------------------*/
.bg-primary .border-primary {
  border-color: #283297 !important;
}

.bg-primary-saturated .border-primary-saturated {
  border-color: #3e49ad !important;
}

.bg-primary-dark .border-primary-dark {
  border-color: #141e7f !important;
}

.bg-alternate .border-alternate {
  border-color: #e90000 !important;
}

.bg-alternate-dark .border-alternate-dark {
  border-color: #bf0000 !important;
}

.bg-secondary .border-secondary {
  border-color: #141e7f !important;
}

.bg-info .border-info {
  border-color: #a6e1fb !important;
}

.bg-danger .border-danger {
  border-color: #ec6e62 !important;
}

.bg-dark .border-dark {
  border-color: #32383e !important;
}

/*------------------------------------
  Border Colors-Light Variants on Background
------------------------------------*/
.bg-primary-soft .border-primary-soft {
  border-color: #cdd0e8 !important;
}

.bg-primary-light .border-primary-light {
  border-color: #464d92 !important;
}

.bg-alternate-soft .border-alternate-soft {
  border-color: #820000 !important;
}

.bg-alternate-light .border-alternate-light {
  border-color: #ff2020 !important;
}

.bg-alternate-saturated .border-alternate-saturated {
  border-color: #e30300 !important;
}

.bg-success .border-success {
  border-color: #badb94 !important;
}

.bg-warning .border-warning {
  border-color: #fff386 !important;
}

.bg-light .border-light {
  border-color: #eaecf7 !important;
}

.bg-white .border-white {
  border-color: #edeff8 !important;
}

.bg-transparent .border-transparent {
  border-color: #edeff8 !important;
}

/*----------------------------------
  Border Radius
------------------------------------*/
.rounded-4 {
  border-radius: 4px;
}

/* 6px */
.rounded-6 {
  border-radius: .375rem;
}

/* 10px */
.rounded-md {
  border-radius: .625rem;
}

/* 13px */
.rounded-13 {
  border-radius: 0.813rem;
}

.rounded-30 {
  border-radius: 30px;
}

.rounded-40 {
  border-radius: 40px;
}

.rounded-50 {
  border-radius: 50px;
}

/*----------------------------------
  Box Shadow
------------------------------------*/
.ui-box-shadow-sm {
  box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07);
}

.ui-box-shadow-lg {
  box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1);
}

/*----------------------------------
  Pull
------------------------------------*/
.ui-pull-half {
  transform: translate3d(0, -50%, 0);
}

/*----------------------------------
  Block Alignments
------------------------------------*/
.ui-ver-center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate3d(0, -50%, 0);
}

.ui-ver-bottom {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate3d(-50%, 0, 0);
}

/*------------------------------------
  Content Centered
------------------------------------*/
.content-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.content-x-centered {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

/*------------------------------------
  Align Helper
------------------------------------*/
.left-to-lg-right,
.left-to-md-right,
.left-to-sm-right,
.left-to-xs-right,
.left-to-lg-center,
.left-to-md-center,
.left-to-sm-center,
.left-to-xs-center {
  text-align: left;
}

.right-to-lg-left,
.right-to-md-left,
.right-to-sm-left,
.right-to-xs-left,
.right-to-lg-center,
.right-to-md-center,
.right-to-sm-center,
.right-to-xs-center {
  text-align: right;
}

.center-to-lg-left,
.center-to-md-left,
.center-to-sm-left,
.center-to-xs-left,
.center-to-lg-right,
.center-to-md-right,
.center-to-sm-right,
.center-to-xs-right {
  text-align: center;
}

@media (max-width: 1199px) {
  .left-to-lg-center {
    text-align: center;
  }
  .center-to-lg-right,
  .left-to-lg-right {
    text-align: right;
  }
  .right-to-lg-center {
    text-align: center;
  }
  .center-to-lg-left,
  .right-to-lg-left {
    text-align: left;
  }
}

@media (max-width: 991px) {
  .left-to-md-center {
    text-align: center;
  }
  .center-to-md-right,
  .left-to-md-right {
    text-align: right;
  }
  .right-to-md-center {
    text-align: center;
  }
  .center-to-md-left,
  .right-to-md-left {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .left-to-sm-center {
    text-align: center;
  }
  .center-to-sm-right,
  .left-to-sm-right {
    text-align: right;
  }
  .right-to-sm-center {
    text-align: center;
  }
  .center-to-sm-left,
  .right-to-sm-left {
    text-align: left;
  }
}

@media (max-width: 575px) {
  .left-to-xs-center {
    text-align: center;
  }
  .center-to-xs-right,
  .left-to-xs-right {
    text-align: right;
  }
  .right-to-xs-center {
    text-align: center;
  }
  .center-to-xs-left,
  .right-to-xs-left {
    text-align: left;
  }
}

/*------------------------------------
  Height-Sizing
------------------------------------*/
/* px */
.mheight-220 {
  min-height: 220px;
}

.mheight-300 {
  min-height: 300px;
}

.mheight-450 {
  min-height: 450px;
}

.mheight-500 {
  min-height: 500px;
}

.mheight-600 {
  min-height: 600px;
}

/* rem */
.mh-3rem {
  min-height: 3rem;
}

.mh-4rem {
  min-height: 4rem;
}

.mh-6rem {
  min-height: 5.5rem;
}

.mh-10rem {
  min-height: 10rem;
}

.mh-15rem {
  min-height: 15rem;
}

.mh-20rem {
  min-height: 20rem;
}

.mh-25rem {
  min-height: 25rem;
}

.mh-30rem {
  min-height: 30rem;
}

.mh-35rem {
  min-height: 35rem;
}

.mh-50rem {
  min-height: 50rem;
}

.mh-65rem {
  min-height: 65rem;
}

/* vh */
.h-50vh {
  height: 50vh;
}

.h-65vh {
  height: 65vh;
}

.h-85vh {
  height: 85vh;
}

.h-100vh {
  height: 100vh;
}

.mnh-100vh {
  min-height: 100vh;
}

/*------------------------------------
  Width-Sizing
------------------------------------*/
.w-22 {
  width: 22% !important;
}

.w-33 {
  width: 33.33% !important;
}

@media (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .h-sm-25 {
    height: 25% !important;
  }
  .h-sm-50 {
    height: 50% !important;
  }
  .h-sm-75 {
    height: 75% !important;
  }
  .h-sm-100 {
    height: 100% !important;
  }
  .h-sm-auto {
    height: auto !important;
  }
}

@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .h-md-25 {
    height: 25% !important;
  }
  .h-md-50 {
    height: 50% !important;
  }
  .h-md-75 {
    height: 75% !important;
  }
  .h-md-100 {
    height: 100% !important;
  }
  .h-md-auto {
    height: auto !important;
  }
}

@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .h-lg-25 {
    height: 25% !important;
  }
  .h-lg-50 {
    height: 50% !important;
  }
  .h-lg-75 {
    height: 75% !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
  .h-lg-auto {
    height: auto !important;
  }
}

@media (min-width: 1200px) {
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .h-xl-25 {
    height: 25% !important;
  }
  .h-xl-50 {
    height: 50% !important;
  }
  .h-xl-75 {
    height: 75% !important;
  }
  .h-xl-100 {
    height: 100% !important;
  }
  .h-xl-auto {
    height: auto !important;
  }
}

@media (min-width: 768px) {
  .h-md-100-v {
    height: 100vh;
  }
  .h-md-100 {
    height: 100vh;
  }
}

@media (min-width: 1200px) {
  .h-xl-300 {
    height: 300px;
  }
  .h-max-380 {
    max-height: 380px;
  }
}

.full-width {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

@media (max-width: 767px) {
  .w-xs-100 {
    width: 100% !important;
  }
}

/*------------------------------------
  Position
------------------------------------*/
.static {
  position: static;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

.top-3 {
  top: 3rem;
}

/*------------------------------------
  Opacity
------------------------------------*/
.ui-opacity-1 {
  opacity: .1;
}

.ui-opacity-6 {
  opacity: .6;
}

.ui-opacity-8 {
  opacity: .8;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: .1;
}

.opacity-30 {
  opacity: .3;
}

/*------------------------------------
  Z-Index
------------------------------------*/
.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

/* =========================================== */
/* ========= CUSTOM FLEX ENTRIES ============= */
/* =========================================== */
.entry--thumb a img {
  width: 100%;
  margin-bottom: 0;
}

.entry--content {
  padding: 0 0 0 2.5rem;
}

.entry--content .entry--meta {
  display: flex;
  padding: 0 0 10px;
  position: relative;
}

.entry--content .entry--meta::after {
  background: #202879 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 40px;
}

.entry--content .post_separator {
  margin: 0 5px;
}

.entry--content .entry--meta li a {
  padding-left: 5px;
}

.entry--content p {
  margin: 17px 0 10px;
}

/* entry-square */
.ui-entry-squareblock .entry--thumb,
.ui-entry-square .entry--thumb {
  flex-basis: 33.333%;
}

.ui-entry-squareblock .entry--content,
.ui-entry-square .entry--content {
  flex-basis: 66.666%;
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
  .ui-entry-square .entry--thumb {
    margin-top: 0.4rem;
  }
}

@media only screen and (max-width: 575px) {
  .ui-entry-square .entry--thumb {
    flex-basis: 100%;
  }
  .ui-entry-square .entry--content {
    flex-basis: 100%;
    padding: 25px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .ui-entry-squareblock .entry--thumb {
    flex-basis: 100%;
  }
  .ui-entry-squareblock .entry--content {
    flex-basis: 100%;
    padding: 25px 0 0;
  }
}

/* entry-along */
.ui-entry-along .entry--thumb,
.ui-entry-along .entry--content {
  flex-basis: 50%;
}

@media only screen and (max-width: 991px) {
  .ui-entry-along .entry--thumb {
    flex-basis: 100%;
  }
  .ui-entry-along .entry--content {
    flex-basis: 100%;
    padding: 25px 0 0 0;
  }
}

.ui-entry-alongblock .entry--thumb,
.ui-entry-alongblock .entry--content {
  flex-basis: 50%;
}

@media only screen and (min-width: 992px) {
  .ui-entry-alongblock .entry--thumb {
    flex-basis: 48%;
  }
  .ui-entry-alongblock .entry--content {
    flex-basis: 52%;
  }
}

@media only screen and (max-width: 991px) {
  .ui-entry-alongblock .entry--thumb {
    flex-basis: 100%;
  }
  .ui-entry-alongblock .entry--content {
    flex-basis: 100%;
    padding: 25px 0 0;
  }
}

/* entry-crosswise */
.ui-entry-crosswise .entry--thumb {
  flex-basis: 25%;
}

.ui-entry-crosswise .entry--content {
  flex-basis: 75%;
}

@media only screen and (min-width: 480px) and (max-width: 991px) {
  .ui-entry-crosswise .entry--thumb {
    margin-top: 0.4rem;
    flex-basis: 33.333%;
  }
  .ui-entry-crosswise .entry--content {
    flex-basis: 66.666%;
  }
}

@media only screen and (max-width: 479px) {
  .ui-entry-crosswise .entry--thumb {
    flex-basis: 100%;
  }
  .ui-entry-crosswise .entry--content {
    flex-basis: 100%;
    padding: 25px 0 0;
  }
}

/* entry-crossblock */
.ui-entry-crossblock .entry--thumb {
  flex-basis: 25%;
}

.ui-entry-crossblock .entry--content {
  flex-basis: 75%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui-entry-crossblock .entry--thumb {
    margin-top: 0.4rem;
    flex-basis: 33.333%;
  }
  .ui-entry-crossblock .entry--content {
    flex-basis: 66.666%;
  }
}

@media only screen and (max-width: 767px) {
  .ui-entry-crossblock .entry--thumb {
    flex-basis: 100%;
  }
  .ui-entry-crossblock .entry--content {
    flex-basis: 100%;
    padding: 25px 0 0;
  }
}