@import url("promobar.css");

.campaign-image-wrapper {
    width: 250px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.campaign-image-wrapper img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* DEFAULT: applies everywhere */
.jsports-campaign-container {
  width: 100%;
  height: 100px;              /* default slot height */
  border: 3px solid black;
  margin: 10px;
  background: cornflowerblue;
  padding: 10px;
}

.jsports-campaign-img-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* anchor should not change sizing behavior */
.jsports-campaign-img-content .jsports-img-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-width: 100%;
}

/* the image itself: never exceed container, keep aspect ratio */
.jsports-campaign-img-content .jsports-campaign-img,
.jsports-campaign-img-content img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;       /* no crop */
  display: block;            /* avoids inline spacing quirks */
}


.jsports-text-campaign-container {
	/* background: #575EC7 !important; */
    display: flex;
    justify-content: center;   /* horizontal */
    align-items: center;       /* vertical */
	font-size: clamp(14px, 2vw, 20px); 
	/*font-size: clamp(12px, 1.5vw, 18px);  */
	color: #fff;
}