/*------------------------------------*\
    ALERT
\*------------------------------------*/
:root {
  --fancybox-zIndex : 1200;
}
.popupAlert {
  --alert-bs-gutter-x: 1.5rem;
  --alert-bs-gutter-y: 1.5rem;
  width: 990px;
  max-width: 95%;
  padding: 0rem 1.5rem;;
  padding: 0rem calc(.5 * var(--alert-bs-gutter-x));
}

.noticeBody {
}
.noticeBody .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-.5 * var(--alert-bs-gutter-x));
  margin-left: calc(-.5 * var(--alert-bs-gutter-x));
}
.noticeBody .row > *{
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--alert-bs-gutter-x) * .5);
  padding-left: calc(var(--alert-bs-gutter-x) * .5);
}
.popupAlert .popupImg {
  padding-right:0;
  padding-left:0;
}
.popupAlert .popupImg img {
  width:100%
}
.popupAlert .popupImg .alertImage {
  height:100%;
  position: relative;
}
.popupAlert .noticeText {
  padding-top:calc(1.5 * var(--alert-bs-gutter-x));
  padding-bottom:calc(1.5 * var(--alert-bs-gutter-x));
  padding-right: calc(var(--alert-bs-gutter-x) * 1);
  padding-left: calc(var(--alert-bs-gutter-x) * 1);
}
.popupAlert .noticeText .popTitle{
  margin: 0px 0 20px;
  font-family: var(--sans);
  color: var(--brand);
  line-height: 1.2;
  margin: 0 0 .5em;
  font-size: clamp(20px, 5vw, 26px);
  font-weight: 500;
  text-align: center;
}
@media (min-width:992px){
.noticeBody .noticeText  {
  flex: 1 0 0%;
}
.noticeBody .popupImg   {
  flex: 0 0 auto;
  width: 50%;
}
.popupAlert .popupImg img {
  height: 100%;
  object-fit: cover;
}
}