.block-deo-flexbox {
  margin-bottom: 2em;
  overflow: hidden;
}

.deo-flexbox-content {
  max-width: 1080px;
}

.deo-flexbox-image,
.deo-flexbox {
  position: relative;
  flex-grow: 1;
}

.deo-flexbox-image-width-1 .deo-flexbox-image {
  flex-grow: 1;
}

.deo-flexbox-image-width-1 .deo-flexbox {
  flex-grow: 2;
}

.deo-flexbox-image-width-2 .deo-flexbox-image {
  flex-grow: 1;
}

.deo-flexbox-image-width-2 .deo-flexbox {
  flex-grow: 1;
}

.deo-flexbox-image-width-3 .deo-flexbox-image {
  flex-grow: 2;
}

.deo-flexbox-image-width-3 .deo-flexbox {
  flex-grow: 1;
}


.deo-flexbox:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: inherit;
  opacity: .75;
  z-index: 1;
}

.deo-flexbox.deo-flexbox-opacity--0:before {
  opacity: 0;
}

.deo-flexbox.deo-flexbox-opacity--25:before {
  opacity: .25;
}

.deo-flexbox.deo-flexbox-opacity--50:before {
  opacity: .50;
}

.deo-flexbox.deo-flexbox-opacity--75:before {
  opacity: .75;
}

.deo-flexbox.deo-flexbox-opacity--100:before {
  opacity: 1;
}


.deo-flexbox-inner {
  z-index: 10;
  position: relative;
  max-width: 100%;
}

.deo-flexbox-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.deo-flexbox-image-right .deo-flexbox-image:before,
.deo-flexbox-image-left .deo-flexbox-image:before{
  padding-top: 0;
}





@media (max-width: 768px) {
  .min-h-auto {
    min-height: auto !important;
  }
  .deo-flexbox-image-right .deo-flexbox-image:before,
  .deo-flexbox-image-left .deo-flexbox-image:before{
    padding-top: 56.25%;
  }
}


.flexbox-bg-img-wrap {
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
}

.flexbox-bg-img {
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}




.deo-flexbox-readmore {
  color: #ff483f;
  font-weight: 600;
  display: inline-flex;
  align-items:center;
}

.deo-flexbox-readmore svg {
  margin-top: 2px;
  margin-left: .4em;
}

.deo-flexbox-title {
  margin-bottom: 1.5rem;
}

.deo-flexbox-title.text-gray-800:hover {
  color: #4a5568;
}

.deo-flexbox-title.text-white:hover {
  color: #e2e8f0;
}

p.text-white .deo-flexbox-readmore:hover {
  color: #bf4943;
}



.box-padding-slim,
.box-padding-normal,
.box-padding-medium,
.box-padding-wide {
  padding: 2rem;
}

.box-padding-none {
  padding: 0;
}

@media only screen and (min-width: 768px) {

  .box-padding-none {
    padding: 0;
  }

  .box-padding-slim {
    padding: 2rem;
  }

  .box-padding-normal {
    padding: 3rem;
  }

  .box-padding-medium {
    padding: 4.5rem;
  }

  .box-padding-wide {
    padding: 6rem;
  }

}

.block-deo-flexbox.alignfull:not(.deo-flexbox-image-left, .deo-flexbox-image-right) .deo-flexbox-inner {
  margin: 0 auto;
  width: 100%;
  max-width: calc(1080px + 60px);
  padding-left: 30px;
  padding-right: 30px;
}

/* Flexbox Themes */

.block-deo-flexbox.ung-theme .deo-flexbox {
  background-color: #f3004b !important;
}

.block-deo-flexbox.ung-theme .deo-flexbox:before {
  background-image: radial-gradient(farthest-corner at 10% 10%, #f3004b 0%, #ff483f 100%);
}

.block-deo-flexbox.ung-theme .icon-wrap {
  background-color: #fff !important;
}

.block-deo-flexbox.ung-theme .icon-wrap svg {
  fill:  #f3004b !important;
}


.block-deo-flexbox .icon-color-default {
  background-color: #ff483f;
  color: #fff;
}

.block-deo-flexbox .icon-color-inverse {
  background-color: #fff;
  color: #ff483f;
}



.block-deo-flexbox.ung-theme .deo-flexbox-readmore,
.block-deo-flexbox.ung-theme .icon-heading,
.block-deo-flexbox.ung-theme .deo-flexbox-title,
.block-deo-flexbox.ung-theme ul li,
.block-deo-flexbox.ung-theme p {
  color: #fff;
}

.block-deo-flexbox.ung-theme .deo-flexbox-readmore {
  font-weight: 600;
}

.block-deo-flexbox.ung-theme .btn {
  background-color: #fff;
  color: #f3004b;
  background-image: none;
}

.page-id-5166 .post-grid-title {
  border: none;
}