﻿.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

/*====Media Queries====*/
/*====Layout====*/
/*====Validation====*/
/*====Margins====*/
/*====Section styling====*/
/*====FIGMA Typography Styling====*/
/*====Text Styling====*/
.list-group.small .list-group-item {
  padding: 0.25rem 0.5rem;
}

#HeaderRow {
  background: #5E4897;
  color: white;
  font-size: 25pt;
  padding: 45px;
}

#ConfiguratorRow {
  background: #E6E3F1;
  padding: 20px 0px;
}
#ConfiguratorRow .MeasureHeading {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
}
@media screen and (width < 992px) {
  #ConfiguratorRow .MeasureHeading {
    display: block;
  }
}
#ConfiguratorRow .MeasureHeading #MeasuringTapeImage img {
  height: 170px;
  max-width: 23vw;
}
@media screen and (width < 992px) {
  #ConfiguratorRow .MeasureHeading #MeasuringTapeImage {
    display: none;
  }
}
#ConfiguratorRow .MeasureHeading .ConfiguratorRowChooseType {
  padding-top: 50px;
}
@media screen and (width < 992px) {
  #ConfiguratorRow .MeasureHeading .ConfiguratorRowChooseType {
    padding: 20px 0;
  }
}
#ConfiguratorRow .ConfiguratorRowTypeCards {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
#ConfiguratorRow .ConfiguratorRowTypeCards .card-component {
  flex: 1 1 20%;
}

#UspsAndActionStickerRow {
  background: #F0EFF9;
}
#UspsAndActionStickerRow .UspContainer {
  flex-direction: column;
}
#UspsAndActionStickerRow .UspsAndActionStickerContainer {
  display: grid;
  grid-template-columns: 2fr 5fr;
  gap: 20px;
  padding: 30px 0;
}
@media screen and (width < 768px) {
  #UspsAndActionStickerRow .UspsAndActionStickerContainer {
    display: flex;
    flex-direction: column-reverse;
  }
}
#UspsAndActionStickerRow .UspsAndActionStickerContainer #ActionSticker {
  height: 100%;
  margin: unset;
}
#UspsAndActionStickerRow .UspsAndActionStickerContainer #ActionSticker .imageRight {
  height: 100%;
}

#DescriptionRow {
  margin-top: 50px;
  margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .DescriptionMargins {
    margin-left: 200px;
    margin-right: 200px;
  }
}

#ClosetImage {
  position: absolute;
  margin-top: -275px;
  right: 0px;
}
#ClosetImage img {
  max-width: 25vw;
}
@media screen and (min-width: 2000px) {
  #ClosetImage {
    display: none;
  }
}
@media screen and (width < 1400px) {
  #ClosetImage {
    display: none;
  }
}
