@import url("https://fonts.googleapis.com/css2?family=Martel&family=Poppins:wght@300;400&display=swap");
h1,
h2,
h3,
h4 {
  font-family: "Martel", serif;
}

body {
  font-family: "Poppins", sans-serif;
}

a {
  color: #FF0B53 !important;
}
a:hover {
  color: #FF8D06 !important;
}

.thumbnail-grid {
  max-height: 300px;
  overflow-x: auto;
  margin-top: 20px;
}
.thumbnail-grid .thumbnail {
  background-color: #f0f0f0;
  cursor: pointer;
  padding: 15px;
  display: grid;
}
.thumbnail-grid .thumbnail img {
  margin: 0 auto;
  aspect-ratio: auto;
}
.thumbnail-grid .thumbnail label {
  display: none;
  margin-top: 15px;
}
.thumbnail-grid .thumbnail input[type=text] {
  width: calc(100% - 8px);
}
.thumbnail-grid .thumbnail.selected {
  border: 2px solid #C0246F;
}
.thumbnail-grid .thumbnail.selected label {
  display: block;
}

.options-selected {
  margin-top: 10px;
  padding: 10px;
  background-color: #f0f0f0;
}

.thumbnail-caption, .thumbnail-time {
  display: none;
}

.thumbnail.selected .thumbnail-caption,
.thumbnail.selected .thumbnail-time {
  display: block;
}

.thumbnail.unselected {
  opacity: 0.2;
}

.caption-limit-message {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: red;
  color: #fff;
  padding: 2px 5px;
  font-size: 12px;
  display: none;
}

.thumbnail.selected.max-selected .caption-limit-message {
  display: block;
}

.pic {
  padding: 5px !important;
  scale: 0.9;
  transition: scale ease 0.2s;
}
.pic img {
  border-radius: 10px;
  border: 1px solid white;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}
.pic:hover {
  scale: 1;
}

.lbxp div img {
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5);
  border: 3px solid white;
  border-radius: 25px;
}

.snipcart-checkout {
  color: #B20173 !important;
  display: flex;
  align-items: center;
  padding: 10px;
}

.logo {
  width: 150px;
  height: auto;
  position: absolute;
  top: 5px;
  left: 10px;
  filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.4));
  transition: transform ease-in-out 0.3s;
}
.logo:hover {
  transform: scale(1.1);
}

.breadcrumb {
  margin-bottom: 0;
  padding: 0px 15px;
}

.mini-card {
  position: relative !important;
}

.side-section h2 {
  font-size: 20px;
}

.rounded {
  border-radius: 15px !important;
}

select [name=Icons-selected]:hover {
  pointer-events: none;
}

.product #itemformatcontainer label, .print_pack #itemformatcontainer label {
  display: block;
  margin-bottom: 8px;
}
.product #itemformatcontainer label input, .print_pack #itemformatcontainer label input {
  margin-right: 8px;
}
.product #itemformatcontainer label input:checked, .print_pack #itemformatcontainer label input:checked {
  color: red !important;
}
.product .holder:not(:last-child), .print_pack .holder:not(:last-child) {
  margin-bottom: 30px;
}
.product .pagination, .print_pack .pagination {
  margin: 30px 0;
}
.product .buy-button, .print_pack .buy-button {
  margin-top: 10px;
  background: green;
  border: none;
  border-radius: 8px;
  padding: 5px 15px;
  color: white;
  transition: all ease-in-out 0.3s;
  box-shadow: 0 0 0 transparent;
}
.product .buy-button:hover, .print_pack .buy-button:hover {
  background: chartreuse;
  color: black;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
}
.product .buy-button:disabled, .print_pack .buy-button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.product .buy-button:disabled:hover, .print_pack .buy-button:disabled:hover {
  background: green;
  box-shadow: 0 0 0 transparent;
  color: white;
}
.product .options-selected:empty, .print_pack .options-selected:empty {
  display: none;
}

.subsection .mini-card {
  box-shadow: 0 0 10px transparent;
  transition: box-shadow ease 0.3s;
}
.subsection .mini-card:hover {
  box-shadow: 0 0 25px rgba(255, 170, 0, 0.5);
}

.container-fluid.full {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.container-fluid.full .col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.container-fluid.full .row {
  margin: 0 !important;
}

.navbar {
  background: white;
  color: black;
}

.product .herotext, .print_pack .herotext {
  height: 100%;
}
.product .herotext .welcome, .print_pack .herotext .welcome {
  position: absolute;
  bottom: 10px;
}
.product .herotext .welcome h1, .print_pack .herotext .welcome h1 {
  font-size: 60px !important;
  margin: 0;
  transform: translate(-10px, 0);
  color: white;
  text-shadow: 2px 4px 8px black;
}
.product .herotext, .print_pack .herotext {
  position: relative;
}
.product .herotext:before, .print_pack .herotext:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 150px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  bottom: 0;
  left: 0;
}

.blur-up {
  height: 100%;
  -webkit-filter: blur(15px);
  filter: blur(15px);
  transition: filter 400ms, -webkit-filter 400ms;
}
.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

#breadcrumbs {
  padding-left: 0 !important;
}
#breadcrumbs span {
  padding: 0 !important;
}
#breadcrumbs a {
  text-decoration: none !important;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: none;
  }
  .navbar .nav-item:hover .dropdown-menu {
    display: block;
  }
  .navbar .nav-item .dropdown-menu {
    margin-top: 0;
  }
  .navbar #navbar-inner {
    text-align: right !important;
  }
}
@media all and (max-width: 992px) {
  .logo {
    z-index: 100;
  }
  .navbar .navbar-collapse,
  .navbar .navbar-collapse .search-wrapper {
    text-align: right !important;
    flex-direction: row-reverse !important;
  }
  .navbar .navbar-collapse .dropdown-menu,
  .navbar .navbar-collapse .search-wrapper .dropdown-menu {
    text-align: right;
    flex-direction: row-reverse !important;
    left: 0;
  }
}
/* ============ desktop view .end// ============ */