/* Font sizes */
/* Max widths for media queries */
.experience-component.experience-commerce_layouts-custom1Column {
  margin-bottom: 45px; }
  @media (max-width: 545px) {
    .experience-component.experience-commerce_layouts-custom1Column {
      margin-bottom: 10px; } }

#homepage {
  padding-bottom: 0; }

@media (max-width: 768px) {
  .homepage header {
    background-color: #fff; } }

.hidden-indicators-template {
  margin-bottom: 0; }

.banner .experience-commerce_layouts-carousel {
  overflow: hidden; }
  .banner .experience-commerce_layouts-carousel .carousel-control {
    bottom: unset;
    top: calc(50% - 4rem);
    right: 2%;
    width: 96%;
    height: 4rem;
    padding: 1rem; }
    .banner .experience-commerce_layouts-carousel .carousel-control .carousel-control-prev {
      left: 0; }
    .banner .experience-commerce_layouts-carousel .carousel-control .carousel-control-next {
      right: 0; }
    @media (max-width: 768px) {
      .banner .experience-commerce_layouts-carousel .carousel-control {
        top: calc(50% - 70px); }
        .banner .experience-commerce_layouts-carousel .carousel-control .carousel-control-prev,
        .banner .experience-commerce_layouts-carousel .carousel-control .carousel-control-next {
          display: block; }
          .banner .experience-commerce_layouts-carousel .carousel-control .carousel-control-prev span,
          .banner .experience-commerce_layouts-carousel .carousel-control .carousel-control-next span {
            background: none;
            border: none !important; }
            .banner .experience-commerce_layouts-carousel .carousel-control .carousel-control-prev span::before,
            .banner .experience-commerce_layouts-carousel .carousel-control .carousel-control-next span::before {
              color: #fff !important; } }
  .banner .experience-commerce_layouts-carousel .carousel-item.active.carousel-item-left, .banner .experience-commerce_layouts-carousel .carousel-item.active.carousel-item-right {
    display: none; }

.banner,
.essential-gear {
  text-align: center; }
  @media (max-width: 768px) {
    .banner .image-button .overlay .custom-button a,
    .essential-gear .image-button .overlay .custom-button a {
      border-color: #3100fe !important;
      background-color: #3100fe;
      color: #fff !important; } }

.essential-gear {
  text-align: center; }
  .essential-gear.content-wrap {
    padding-top: 0; }
  .essential-gear .image-button .custom-button a {
    color: #fff !important; }
  .essential-gear img {
    border-radius: 20px; }

.new-drops .image-button .overlay .title,
.summer-highlight .image-button .overlay .title {
  color: #3100fe !important; }

@media (max-width: 545px) {
  .new-drops .image-button .overlay {
    padding: 0; } }

.text-with-button.image-button .overlay {
  position: static;
  text-align: center; }
  .text-with-button.image-button .overlay .heading p {
    margin-bottom: 0; }
  .text-with-button.image-button .overlay .title {
    color: #3100fe;
    font-weight: bold;
    font-size: 50px;
    font-family: "Changa One", sans-serif !important;
    display: inline-block;
    line-height: 1; }
  .text-with-button.image-button .overlay .description {
    width: 60%;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .text-with-button.image-button .overlay .description {
        width: 90%; } }

.best-sellers .product-tile-pd {
  border: 1px solid #555;
  border-radius: 20px;
  padding: 15px;
  height: 100%; }
  .best-sellers .product-tile-pd .product-tile-image-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    aspect-ratio: 1/1;
    overflow: hidden; }
    .best-sellers .product-tile-pd .product-tile-image-link img {
      max-height: 100%;
      object-fit: contain; }
  .best-sellers .product-tile-pd .product-tile-body .product-price {
    display: none; }
  .best-sellers .product-tile-pd .product-tile-body .product-name-link {
    margin-bottom: 30px; }
    @media (max-width: 545px) {
      .best-sellers .product-tile-pd .product-tile-body .product-name-link {
        margin-bottom: 10px; } }
    @media (min-width: 769px) {
      .best-sellers .product-tile-pd .product-tile-body .product-name-link {
        margin-bottom: 10px; } }
    .best-sellers .product-tile-pd .product-tile-body .product-name-link a {
      color: #001e8f !important;
      font-weight: 700; }
  .best-sellers .product-tile-pd .product-tile-body .color-swatches .swatches-ul .swatch-li {
    margin-right: 0.5em; }
  @media (max-width: 768px) {
    .best-sellers .product-tile-pd .product-tile-body .product-name-link {
      min-height: 85px; }
      .best-sellers .product-tile-pd .product-tile-body .product-name-link a {
        font-size: 14px; }
    .best-sellers .product-tile-pd .product-tile-body .available-color {
      min-height: 60px; } }
  @media (min-width: 769px) {
    .best-sellers .product-tile-pd .product-tile-body .product-name-link {
      min-height: 75px; }
      .best-sellers .product-tile-pd .product-tile-body .product-name-link a {
        font-size: 16px; }
    .best-sellers .product-tile-pd .product-tile-body .available-color {
      min-height: 60px; } }

.summer-essential .image-button img {
  border-radius: 20px; }

.summer-essential .image-button .custom-button a {
  background: #fff;
  color: #000; }

.summer-essential .image-button .title {
  color: #fff;
  margin-bottom: 20px; }

@media (max-width: 545px) {
  .summer-essential .image-button .overlay {
    padding: 15px; } }

.iconoclast.content-wrap {
  padding-bottom: 0; }

.iconoclast figcaption {
  display: none; }

.iconoclast .row {
  margin-right: -6px; }

.iconoclast .product-tile-pd .product-tile-image {
  border-radius: 20px;
  border: 1px solid #f6f6f6;
  background-color: #f6f6f6;
  padding: 20px;
  margin-bottom: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden; }
  .iconoclast .product-tile-pd .product-tile-image .product-tile-component-image {
    mix-blend-mode: multiply;
    aspect-ratio: 1 / 1; }

.latest .col-first .image-button .description {
  color: #000; }

.latest .col-first .image-button .custom-button a {
  background: #000;
  color: #fff !important;
  border-color: #000; }

.latest .col-last .image-button .custom-button a {
  background: #fff;
  color: #000; }

.latest .col-last .image-button .description {
  color: #fff; }
  .latest .col-last .image-button .description button {
    color: #fff; }

@media (max-width: 545px) {
  .latest .image-button .overlay {
    padding: 0 20px; }
    .latest .image-button .overlay .title {
      font-size: 17px; }
    .latest .image-button .overlay .description p {
      font-size: 15px; }
    .latest .image-button .overlay .custom-button a {
      font-size: 13px;
      background-color: #000;
      color: #fff !important; } }

@media (max-width: 768px) {
  .latest .image-button {
    font-size: 0px; }
    .latest .image-button .picture,
    .latest .image-button .overlay {
      width: 50%;
      display: inline-block;
      vertical-align: text-top; }
  .latest .overlay .custom-button a,
  .latest .overlay .description p {
    font-size: 20px; }
  .latest .overlay .custom-button a {
    width: 100%;
    text-align: center;
    max-width: 250px; }
  .latest .overlay .description {
    position: relative;
    width: 100% !important; }
  .latest .overlay .title {
    font-size: 24px;
    margin-bottom: 0; } }

@media (min-width: 769px) {
  .latest .overlay .description {
    width: 70%; }
  .latest .overlay .title {
    display: none; }
  .latest .experience-component.experience-commerce_assets-imageWithButton {
    width: 100%;
    height: 100%; } }

.latest .truncated-text p {
  width: 100%;
  /* Set a fixed width */
  line-height: 24px;
  /* Line height to calculate the number of lines */
  font-size: 16px; }

.latest .truncated-text button {
  border: none;
  background: no-repeat;
  cursor: pointer; }

.clothing-shoes .region,
.latest .region {
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .clothing-shoes .region::before,
  .latest .region::before {
    display: none; }
  @media (max-width: 768px) {
    .clothing-shoes .region,
    .latest .region {
      margin-bottom: 20px; } }

@media (min-width: 769px) {
  .clothing-shoes .experience-component.experience-commerce_assets-imageWithButton,
  .latest .experience-component.experience-commerce_assets-imageWithButton {
    width: 100%;
    height: 100%; } }

.clothing-shoes .col-last > .experience-component:first-child,
.latest .col-last > .experience-component:first-child {
  margin-bottom: 30px; }

@media (min-width: 769px) {
  .clothing-shoes .clothing .title,
  .clothing-shoes .clothing .custom-button a,
  .clothing-shoes .accessories .title,
  .clothing-shoes .accessories .custom-button a {
    color: #fff !important; }
  .clothing-shoes .shoes .custom-button a {
    border-color: #000; } }

@media (max-width: 768px) {
  .clothing-shoes .title {
    color: #000; }
  .clothing-shoes .custom-button a {
    background-color: #000;
    color: #fff !important; }
  .clothing-shoes .image-button .overlay {
    padding-left: 0;
    padding-right: 0; } }

.shop-by-sport {
  overflow-x: hidden; }
  .shop-by-sport .session-title {
    margin-bottom: 1rem; }
  .shop-by-sport .ITC-text-underneath a {
    margin-top: 20px;
    display: block;
    font-size: 20px;
    font-weight: 700; }
    .shop-by-sport .ITC-text-underneath a:hover {
      text-decoration: none; }
  .shop-by-sport .carousel-inner {
    width: 120% !important; }
  .shop-by-sport .experience-commerce_layouts-carousel .carousel-control-prev,
  .shop-by-sport .experience-commerce_layouts-carousel .carousel-control-next {
    top: 0; }
  .shop-by-sport .experience-commerce_layouts-carousel .carousel-control-next {
    right: 0; }
  .shop-by-sport .experience-commerce_layouts-carousel .carousel-control-prev {
    right: -50px; }

.shop-by-brand .carousel-item {
  padding: 20px 50px; }

.shop-by-brand .ITC-container {
  display: -ms-grid;
  display: grid;
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
      align-items: center; }

@media (min-width: 769px) {
  .background-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 15px; }
    .background-image img {
      display: none; } }

@media (max-width: 768px) {
  .background-image {
    background-image: none !important; } }

.storepage {
  padding-bottom: 50px; }
  .storepage .custom-padding {
    padding: 50px 15px; }
  .storepage #calendar-listing-page .calender-listing-block {
    max-width: 1178px;
    margin: auto; }
  .storepage .experience-component.experience-dynamic-calendarListingPage {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    gap: 25px; }
    @media screen and (max-width: 768px) {
      .storepage .experience-component.experience-dynamic-calendarListingPage {
        -ms-grid-columns: (1fr)[2];
            grid-template-columns: repeat(2, 1fr);
        gap: 15px; } }
    .storepage .experience-component.experience-dynamic-calendarListingPage .product {
      background: #ffffff;
      border-radius: 20px;
      padding: 13px;
      cursor: pointer;
      width: 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 8px; }
      @media screen and (max-width: 768px) {
        .storepage .experience-component.experience-dynamic-calendarListingPage .product {
          border: 1px solid #d9d9d9;
          margin-bottom: 0; } }
      .storepage .experience-component.experience-dynamic-calendarListingPage .product .product-image {
        max-height: 100%;
        max-width: 100%;
        border-radius: 20px;
        width: 100%; }
        @media screen and (max-width: 768px) {
          .storepage .experience-component.experience-dynamic-calendarListingPage .product .product-image {
            height: auto; } }
      .storepage .experience-component.experience-dynamic-calendarListingPage .product .product-content {
        margin-top: 15px;
        line-height: 1; }
        .storepage .experience-component.experience-dynamic-calendarListingPage .product .product-content .product-title {
          margin-bottom: 15px; }
    .storepage .experience-component.experience-dynamic-calendarListingPage .product-title {
      font-size: 20px;
      font-family: "Lato", sans-serif;
      font-weight: 600;
      margin-bottom: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      height: 55px; }
      @supports (-webkit-line-clamp: 2) {
        .storepage .experience-component.experience-dynamic-calendarListingPage .product-title {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: initial;
          display: -webkit-box;
          -webkit-line-clamp: 2; } }
      .storepage .experience-component.experience-dynamic-calendarListingPage .product-title:hover {
        text-decoration: underline;
        cursor: pointer; }
    .storepage .experience-component.experience-dynamic-calendarListingPage .date-text,
    .storepage .experience-component.experience-dynamic-calendarListingPage .notify-me-link {
      font-family: "Lato", sans-serif;
      font-weight: 600;
      font-size: 16px; }
    .storepage .experience-component.experience-dynamic-calendarListingPage .notify-me-link {
      text-decoration: underline !important; }
    @media screen and (max-width: 545px) {
      .storepage .experience-component.experience-dynamic-calendarListingPage .modal-dialog {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto; } }
    .storepage .experience-component.experience-dynamic-calendarListingPage .modal-dialog .modal-content {
      border-radius: 20px;
      min-height: 300px;
      -ms-flex-pack: center;
          justify-content: center;
      border: 0; }
      .storepage .experience-component.experience-dynamic-calendarListingPage .modal-dialog .modal-content .close {
        top: 16px;
        right: 18px;
        width: 20px;
        height: 20px;
        position: absolute; }
        .storepage .experience-component.experience-dynamic-calendarListingPage .modal-dialog .modal-content .close span {
          font-size: 30px;
          width: 20px;
          height: 20px;
          display: inline-block;
          line-height: 20px;
          vertical-align: middle; }
      .storepage .experience-component.experience-dynamic-calendarListingPage .modal-dialog .modal-content .calendar-listing-notify input[type=email] {
        background: #d9d9d9;
        color: #999999;
        line-height: 38px; }
        .storepage .experience-component.experience-dynamic-calendarListingPage .modal-dialog .modal-content .calendar-listing-notify input[type=email]:-ms-input-placeholder {
          color: #999999; }
        .storepage .experience-component.experience-dynamic-calendarListingPage .modal-dialog .modal-content .calendar-listing-notify input[type=email]::placeholder {
          color: #999999; }
      .storepage .experience-component.experience-dynamic-calendarListingPage .modal-dialog .modal-content .calendar-listing-notify .btn-dark {
        background-color: #181818; }

.storepage .modal-dialog {
  max-width: 768px;
  width: 100%; }

.storepage .modal-content {
  border-radius: 20px; }

.storepage .modal h5 {
  font-size: 26px; }

.storepage .modal input {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 16px; }

.storepage .modal button {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 16px;
  opacity: 1; }
  .storepage .modal button span {
    font-size: 20px; }

.storepage .modal p {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 20px; }

/* Font sizes */
/* Max widths for media queries */
.storepage {
  margin-top: 10px; }
  .storepage .heading-featured-styles {
    margin-top: 18px;
    margin-bottom: 23px; }
    .abcGrandStore .storepage .heading-featured-styles {
      margin-bottom: 25px; }
    .storepage .heading-featured-styles .heading-content {
      max-width: 100%; }
      .abcGrandStore .storepage .heading-featured-styles .heading-content .heading {
        max-width: 583px;
        padding-top: 37px; }
      .storepage .heading-featured-styles .heading-content .heading h1,
      .storepage .heading-featured-styles .heading-content .heading h2 {
        padding-left: 30px; }
        .abcGrandStore .storepage .heading-featured-styles .heading-content .heading h1, .abcGrandStore
        .storepage .heading-featured-styles .heading-content .heading h2 {
          padding-left: 0;
          margin-bottom: 8px; }
      .storepage .heading-featured-styles .heading-content .heading p {
        padding-left: 40px;
        line-height: 20px; }
        @media (max-width: 768px) {
          .storepage .heading-featured-styles .heading-content .heading p {
            padding-left: 30px; } }
        .abcGrandStore .storepage .heading-featured-styles .heading-content .heading p {
          line-height: 20px;
          padding-left: 0; }
  @media (max-width: 768px) {
    .abcGrandStore .storepage .featured-loadmore {
      margin-top: 40px; } }

.abcGrandStore #calendar-listing-page {
  background-color: #f1f1f1; }

.abcGrandStore .storepage .experience-component.experience-dynamic-calendarListingPage .product {
  border: none; }

.storepage#homepage .experience-commerce_layouts-mobileGrid1r1c {
  margin: 45px 0 0; }

.storepage#homepage .heading-component-container {
  margin: 0 0 27px; }

.homepage .heading-component-container .heading-content .heading {
  width: 100%; }
  .homepage .heading-component-container .heading-content .heading h1 {
    font-weight: 700; }
  .homepage .heading-component-container .heading-content .heading h1,
  .homepage .heading-component-container .heading-content .heading h2 {
    margin-bottom: 30px;
    margin-top: 2px;
    padding-left: 0; }
  .homepage .heading-component-container .heading-content .heading p {
    line-height: 100%;
    padding-left: 0; }

.homepage .list-brands-container .brand-item:last-child {
  height: 100%; }

.homepage .feature-style-container .featured-loadmore {
  margin-bottom: 39px; }

.homepage .full-width-breakout .experience-homepageFooterBanner {
  margin-top: 14px; }

.abcGrandStore .homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child {
  overflow-x: hidden;
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  background-color: #F1F1F1;
  margin-top: 0;
  padding-top: 45px; }

.abcGrandStore .homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .mobile-1r-1c {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 680px) {
    .abcGrandStore .homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .mobile-1r-1c {
      max-width: 650px;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 769px) {
    .abcGrandStore .homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .mobile-1r-1c {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .abcGrandStore .homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .mobile-1r-1c {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .abcGrandStore .homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .mobile-1r-1c {
      max-width: 1280px; } }

.abcGrandStore .homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .heading-component-container {
  color: #181818; }

.abcGrandStore .homepage #homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .experience-commerce_assets-editorialRichText .heading-component-container {
  margin-bottom: 30px; }

.abcGrandStore .homepage #homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child {
  margin-left: -50vw;
  margin-top: -4px; }

.abcGrandStore .homepage #homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .heading-content .heading h1, .abcGrandStore
.homepage #homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .heading-content .heading h2 {
  margin-bottom: 12px; }

.homepage #homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .upcoming-link {
  margin: 30px 0 0px 0; }
  @media (max-width: 768px) {
    .homepage #homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .upcoming-link {
      margin-bottom: 10px; } }
  .abcGrandStore .homepage #homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .upcoming-link {
    margin: 30px 0 45px 0; }
    @media (max-width: 768px) {
      .abcGrandStore .homepage #homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .upcoming-link {
        margin-bottom: 10px; } }
  .abcGrandStore .homepage #homepage .experience-component.experience-commerce_layouts-mobileGrid1r1c:last-child .upcoming-link .custom-button a {
    color: #000;
    background-color: transparent; }

.homepage.abcGrandStore .storepage#homepage .experience-commerce_layouts-mobileGrid1r1c {
  margin: 40px 0 0; }
  .homepage.abcGrandStore .storepage#homepage .experience-commerce_layouts-mobileGrid1r1c:first-child .heading-component-container {
    margin: 0 0 10px; }
    .homepage.abcGrandStore .storepage#homepage .experience-commerce_layouts-mobileGrid1r1c:first-child .heading-component-container .heading-content .heading h1,
    .homepage.abcGrandStore .storepage#homepage .experience-commerce_layouts-mobileGrid1r1c:first-child .heading-component-container .heading-content .heading h2 {
      margin-bottom: 12px; }
  .homepage.abcGrandStore .storepage#homepage .experience-commerce_layouts-mobileGrid1r1c:nth-child(2) {
    margin: 0; }

.homepage.abcGrandStore .storepage#homepage .heading-featured-styles {
  margin: 0 0 25px; }

.homepage.abcGrandStore .storepage .experience-einstein-einsteinCarousel .carousel-title {
  padding-top: 55px; }

.homepage.abcGrandStore .storepage .full-width-breakout .experience-homepageFooterBanner {
  margin-top: 0; }

.calendar-listing-page #maincontent {
  padding-top: 0; }

.calendar-listing-page .storepage {
  margin-top: 0; }
  .calendar-listing-page .storepage .experience-component.experience-dynamic-calendarListingPage {
    gap: 30px; }
    @media screen and (max-width: 768px) {
      .calendar-listing-page .storepage .experience-component.experience-dynamic-calendarListingPage {
        gap: 15px; } }
  .calendar-listing-page .storepage .calender-listing-block .release-title-with-desc .description {
    min-height: 0; }
    .calendar-listing-page .storepage .calender-listing-block .release-title-with-desc .description p {
      margin-bottom: 0; }