/* =========== Image Text =========== */
.imgtxtban-wrapper { background: #fff; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; }
.imgtxtban-wrapper.image-right { flex-direction:row-reverse; }
.imgtxtban-text { max-width: 474px; padding: 48px 24px; margin: 0 auto; }
.imgtxtban-image-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
.imgtxtban-image-wrapper img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto!important; height: auto!important; min-width: 100%; min-height: 100%; max-width: none; max-height: none; }
.imgtxtban-top { align-items: flex-start }
.imgtxtban-headline { margin-bottom:32px;  }
.imgtxtban-summary { margin-top:30px; }
.imgtxtban-ctas { margin-top: 20px; }

{% if style.mobile_responsiveness %}
@media(max-width: 991px) {
  .stack-on-tablet .imgtxtban-image { width: 100% !important; }
  .stack-on-tablet .imgtxtban-wrapper { max-width: 480px; margin: 0 auto;  }
  .stack-on-tablet .imgtxtban-image-wrapper img { position: relative; transition: none; max-width: 100%; max-height: 100%; }
  .stack-on-tablet .imgtxtban-text { width: 100% !important; padding-top: 32px; padding-bottom: 32px; }
}
{% else %} 
@media(max-width: 767px) {
  .imgtxtban-image { width: 100% !important; }
  .imgtxtban-wrapper { max-width: 480px; margin: 0 auto;  }
  .imgtxtban-image-wrapper img { position: relative; transition: none; max-width: 100%; max-height: 100%; }
  .imgtxtban-text { width: 100% !important; padding-top: 32px; padding-bottom: 32px; }
}
{% endif %}