/* 20250923161245 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #350950;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #350950;
  box-shadow: 0 0 2px #350950;
}

.gui-select.gui-focus .gui-handle {
  border-color: #350950;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
/* Custom CSS to display product cost */
.product-price {
    font-weight: bold;
    font-size: 18px;
    color: #FF6600; /* Adjust color as needed */
}

/*
https://cdn.shoplightspeed.com/shops/667356/files/72086571/age-verify-bg.png
 */

#ageverify_pop{
    background: #412d5c !important;
 }
#ageverify_box{
    background: url('https://cdn.shoplightspeed.com/shops/667356/files/72086571/age-verify-bg.png') center center / cover no-repeat !important;
    color: white !important;
    padding: 40px !important;
    max-width: 700px;
    border-radius: 20px;
    border: none !important;
    width:90% !important;
    margin: 15px auto !important;

    /* add drop shadow */
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

#ageverify_box h5{
    font-size: 2rem;
    margin: 20px auto 40px;
    max-width: 510px;
    display: block;
}

#ageverify_box > p:first-of-type{
    font-size: 1.6rem;
    margin-bottom: 40px;
}

#ageverify_buttons{
    max-width: 480px;
    margin: 20px auto;
}
#ageverify_buttons input[type="button"] {
    color: #000;
    text-transform: uppercase;
    background: #fff;
    border: none;
    padding: 15px 20px !important;
    font-size: 1.0rem;
    border-radius: 30px;
    line-height: 100% !important;
    font-weight: 500;
}

#ageverify_box > .ageverify_subtext{
    font-size: 0.9rem;
    max-width: 620px;
    margin: 60px auto 0;
}

@media screen and (min-width: 550px) {
    #ageverify_box{
        transform: translate(-50%, -50%) !important;
    }
}
@media screen and (max-width: 640px) {
    #ageverify_buttons input[type="button"]{
        float: none !important;
        width: 100% !important;
        margin: 15px auto !important;
    }
}
