/* PET ADVERTISE WIDGET */

.advertise-widget.color-bg::before {
  background-color: rgb(78, 168, 184);
}

.advertise-widget svg {
  width: 220px;
  height: 100%;
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: 15px;
  margin-top: 7px;
}

.advertise-widget .pet {
  color: white;
}

.advertise-widget .pet .arrow:before,
.advertise-widget .pet .arrow:after {
  border-top: 3px solid white;
  border-right: 3px solid white;
}

.advertise-widget .feed-title {
  border-bottom: 4px solid white;
}

.advertise-widget .item-content .category-date a,
.advertise-widget .item-content .category-date span,
.advertise-widget .item-content .item-description h4,
.advertise-widget .item-content .item-description p,
.advertise-widget .item-content .item-description a,
.advertise-widget .item-content .item-description a span {
  color: white;
}

.advertise-widget .item-content .item-description h4 {
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.advertise-widget .item-content .item-description h4:hover {
  opacity: 0.8;
}

.advertise-widget .grid {
  border-bottom: 1px solid white;
}

.advertise-widget
  .grid
  .item:not([class*="horizontal-d"]):not(.horizontal)::after {
  border-right: 1px solid rgba(212, 210, 210, 0.8);
}

.advertise-widget .button-container .custom-button.pet {
  background-color: white;
  color: rgb(78, 168, 184);
}

.advertise-widget .button-container .custom-button.pet:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 670px) {
  .advertise-widget {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 1170px) {
  .advertise-widget svg {
    margin-top: -10px;
  }
}

/* ESHOP ADVERTISE WIDGET */

.eshop-logo-container {
  height: 80px;
  width: 100%;
  margin: auto;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(black),
    color-stop(50%, black),
    color-stop(50%, #ffd530),
    to(#ffd530)
  );
  background: -o-linear-gradient(
    left,
    black 0%,
    black 50%,
    #ffd530 50%,
    #ffd530 100%
  );
  background: linear-gradient(
    to right,
    black 0%,
    black 50%,
    #ffd530 50%,
    #ffd530 100%
  );
  text-align: center;
}

.eshop-logo-container img {
  height: 100%;
  margin: auto;
}

.advertise-widget-eshop {
  padding-top: 20px;
}

.advertise-widget-eshop.color-bg::before {
  background-image: url(../images/eshopAd-images/eshop-background-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.advertise-widget-eshop .grid {
  border-bottom: none;
}

.advertise-widget-eshop
  .grid
  .item:not([class*="horizontal-d"]):not(.horizontal)::after {
  border-right: none;
}

.advertise-widget-eshop .feed-title {
  text-align: center;
  border-bottom: none;
  margin-bottom: 40px;
}

.advertise-widget-eshop .feed-title h2 {
  font-size: 22px;
  font-weight: bold;
  width: 100%;
  font-family: "FA-TOC", Georgia, Times, serif;
}

.advertise-widget-eshop .item-image {
  border: 2px solid white;
}

.advertise-widget-eshop .item-image img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  /* object-position: bottom; */
}

.advertise-widget-eshop .item-content {
  position: relative;
}

.advertise-widget-eshop .item-content .item-description {
  border: 2px solid white;
  width: 85%;
  margin: -70px auto auto auto;
}

.eshop-inner-description-box {
  background-color: white;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1px;
  width: 100%;
}

.eshop-inner-description-box {
  font-size: 14px;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  line-height: 1.2;
}

.eshop-inner-description-box:hover {
  cursor: pointer;
  opacity: 0.9;
}

@media (max-width: 670px) {
  .advertise-widget-eshop .item-image img {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .advertise-widget-eshop .item-content .item-description {
    width: 60%;
  }
}

/* Athinaiki Zithopoiia */

/* Background image */
.advertise-widget-athens-zitho:before {
  background-image: url(https://files.capital.gr/banners/Adops/THETOC/Euro2024/iStock-1459978037.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}

.advertise-widget-athens-zitho .grid {
  border-bottom: none;
}

/* Title */
.advertise-widget-athens-zitho .feed-title {
  text-align: center;
  border-bottom: none;
  margin-bottom: 2.5rem;
}

.advertise-widget-athens-zitho .feed-title a {
  width: 100%;
}

.advertise-widget-athens-zitho .feed-title h2 {
  padding-right: 0;
  margin: auto;
}

.advertise-widget-athens-zitho .feed-title p {
  font-weight: 700;
  max-width: 65ch;
  margin: auto;
}

.advertise-widget-athens-zitho .item {
  background-color: white;
  border-radius: 15%;
  overflow: hidden;
  border: 6px solid white;
  padding-bottom: 0;
  z-index: 30;
}

/* Item Image */
.advertise-widget-athens-zitho .item .item-image a {
  aspect-ratio: 9/10;
}

.advertise-widget-athens-zitho .item .item-image a img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

.advertise-widget-athens-zitho .item .item-image {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.advertise-widget-athens-zitho .item .item-image:hover {
  opacity: 0.8;
}

/* Item Description */
.advertise-widget-athens-zitho .item .item-content {
  padding: 1rem;
}

.advertise-widget-athens-zitho .item .item-content a {
  -webkit-transition: all 0.3 ease-in-out;
  -o-transition: all 0.3 ease-in-out;
  transition: all 0.3 ease-in-out;
}

.advertise-widget-athens-zitho .item .item-content a:hover {
  text-decoration: underline;
}

.advertise-widget-athens-zitho .overlay-link {
  position: absolute;
  height: 100%;
  width: 100vw;
  top: 0;
  left: 50%;
  right: auto;
  transform: translate(-50%, 0);
}

/* Logo Banner */
.athinaiki-logo-container.color-bg:before {
  background-color: #d99e2a;
  padding: 0.5rem 0;
}

.athinaiki-logo-container img {
  display: block;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 20;
}

@media screen and (max-width: 720px) {
  .athinaiki-logo-container img {
    width: 80%;
  }

  .advertise-widget-athens-zitho .item {
    margin-bottom: 1.5rem;
  }
}


/* ATTIKA */
.advertise-widget-attika:before {
  background-image: url(../images/attika/background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}

.advertise-widget-attika .feed-title {
  display: flex;
  justify-content: space-between;
  border-bottom: none;
  padding-bottom: 3rem;
  padding-top: 2rem;
  margin-top: 0;
  margin-bottom: 0;
}

.advertise-widget-attika .feed-title .title-section {
  max-width: 50%;
  flex: 50%;
}

.advertise-widget-attika .feed-title .title-section h2 {
  color: #014282;
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
  padding-right: 0;
}

.advertise-widget-attika .feed-title .title-section p {
  font-size: 1.2rem;
  margin-bottom: 0;
}

.advertise-widget-attika .feed-title .logo-section .logo-container {
  position: relative;
  width: 215px;
}

.advertise-widget-attika .feed-title .logo-section span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.9rem;
}

.advertise-widget-attika .feed-title .logo-section img {
  width: 100%;
}

.advertise-widget-attika .grid {
  border-bottom: none;
  padding-bottom: 3rem;
}

.advertise-widget-attika .item {
  border: 2px solid white;
  padding-bottom: 0;
  border-radius: 131px 131px 0px 0px;
  overflow: hidden;
}

.advertise-widget-attika .item .item-image img {
  aspect-ratio: 9/10;
  object-fit: cover;
}

.advertise-widget-attika .item .item-content {
  padding: 1rem;
  text-align: center;
  font-size: 1rem;
  background-color: white;
}

.advertise-widget-attika .item .item-content a p {
  transition: all 0.3s ease-in-out;
}

.advertise-widget-attika .item .item-content a p:hover,
.advertise-widget-attika .item .item-content a p:active {
  color: #014282;
}

@media screen and (max-width: 768px) {
  .advertise-widget-attika .feed-title .title-section {
    max-width: 100%;
    flex: 100%;
    text-align: center;
  }

  .advertise-widget-attika .feed-title .logo-section {
    max-width: 100%;
    flex: 100%;
    margin-top: 2rem;
  }

  .advertise-widget-attika .feed-title .logo-section .logo-container {
    margin: auto;
  }

  .advertise-widget-attika .item {
    margin-bottom: 2rem;
  }
}


/* Euro 2024 */
.euro-2024-logo.feed-container.color-bg:before {
  background: #ffd530;
}

.euro-2024-logo.feed-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.euro-2024-logo.feed-container img,
.euro-2024-logo.feed-container h2,
.euro-2024-logo.feed-container div {
  position: relative;
  z-index: 20;
}

.euro-2024-logo.feed-container h2 {
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
}

.euro-2024-logo.feed-container span {
  font-size: 2rem;
  font-weight: 700;
}

.euro-2024-logo.feed-container div {
  display: flex;
  gap: 1.5rem;
  align-items: flex-end;
}

/* Advertise Section */
.advertise-widget-euro-2024:before {
    background-image: url(/Content/EuroBasket2025/ball.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.advertise-widget-euro-2024 .feed-title {
  max-width: 508px;
  color: white;
  margin: auto;
  text-align: center;
  border-bottom: none;
  margin-bottom: 2.5rem;
}

.advertise-widget-euro-2024 .feed-title p {
  font-size: 1.5rem;
}

.advertise-widget-euro-2024 .grid {
  border-bottom: none;
  padding-bottom: 3rem;
}

.advertise-widget-euro-2024 .item {
    border: 2px solid white;
    padding-bottom: 0;
    /* border-radius: 94px 94px 0px 0px;*/
    border-radius: 250px 250px 0px 0px;
    overflow: hidden;
}

.advertise-widget-euro-2024 .item .item-image img {
  aspect-ratio: 9/10;
  object-fit: cover;
}

.advertise-widget-euro-2024 .item .item-content {
  padding: 0.5rem 1rem;
  text-align: center;
  font-size: 1rem;
  background-color: white;
}

.advertise-widget-euro-2024 .item .item-content a p {
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
}

.advertise-widget-euro-2024 .item .item-content a p:hover,
.advertise-widget-euro-2024 .item .item-content a p:active {
  color: #ffd530;
}


@media screen and (max-width:1170px) {
  .advertise-widget-euro-2024 .item {
    margin-bottom: 1.5rem;
  }

  .advertise-widget-euro-2024 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

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

  
.euro-2024-logo.feed-container {
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

  .advertise-widget-euro-2024 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}





/* EuroBasket 2025 */
.eurobasket-2025-logo.feed-container.color-bg:before {
    background: #1b1f27;
}

.eurobasket-2025-logo a {
    color:white;
}

.eurobasket-2025-logo.feed-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

    .eurobasket-2025-logo.feed-container img,
    .eurobasket-2025-logo.feed-container h2,
    .eurobasket-2025-logo.feed-container div {
        position: relative;
        z-index: 20;
    }

    .eurobasket-2025-logo.feed-container h2 {
        margin-bottom: 0;
        font-size: 3rem;
        font-weight: 700;
    }

    .eurobasket-2025-logo.feed-container span {
        font-size: 2rem;
        font-weight: 700;
    }

    .eurobasket-2025-logo.feed-container div {
        display: flex;
        gap: 1.5rem;
        align-items: flex-end;
    }

/* Advertise Section */
.advertise-widget-eurobasket-2025:before {
    background-color: #1b1f27 !important;
    /*    background-image: url(/Content/EuroBasket2025/ball_blue.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
*/
}

.advertise-widget-eurobasket-2025 .feed-title {
    max-width: 708px;
    color: white;
    margin: auto;
    text-align: center;
    border-bottom: none;
    margin-bottom: 2.5rem;
}

    .advertise-widget-eurobasket-2025 .feed-title p {
        font-size: 1.2rem;
    }

.advertise-widget-eurobasket-2025 .grid {
    border-bottom: none;
    padding-bottom: 3rem;
}

.advertise-widget-eurobasket-2025 .item {
    border: 2px solid white;
    padding-bottom: 0;
    /* border-radius: 94px 94px 0px 0px;*/
    /*border-radius: 250px 250px 0px 0px;
    overflow: hidden;*/
}

    .advertise-widget-eurobasket-2025 .item .item-image img {
        aspect-ratio: 9/10;
        object-fit: cover;
    }

    .advertise-widget-eurobasket-2025 .item .item-content {
        padding: 0.5rem 1rem;
        text-align: center;
        font-size: 1rem;
        background-color: white;
    }

        .advertise-widget-eurobasket-2025 .item .item-content a p {
            font-size: 1rem;
            transition: all 0.3s ease-in-out;
        }

            .advertise-widget-eurobasket-2025 .item .item-content a p:hover,
            .advertise-widget-eurobasket-2025 .item .item-content a p:active {
                color: #000;
            }


@media screen and (max-width:1170px) {
    .advertise-widget-eurobasket-2025 .item {
        margin-bottom: 1.5rem;
    }

    .advertise-widget-eurobasket-2025 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

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


    .eurobasket-2025-logo.feed-container {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .advertise-widget-eurobasket-2025 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}