.bold-modal {}

.bold-modal__window {}

.bold-modal__btn-close {}

.bold-modal__btn-close:hover {}


.bold-modal__header {}

.bold-modal__content {}

.bold-modal__header+.bold-modal__content {}

.bold-modal__content:last-child {}

.bold-modal__footer {}


/* Showing and Hiding the Modal */
div.bold-modal--is-showing {}

div.bold-modal--is-showing .bold-modal {}

/* Transitions and Animations */
.bold-modal--animated {}

.bold-modal--animated .bold-modal__window {}

div.bold-modal--is-showing .bold-modal--animated {}

div.bold-modal--is-showing .bold-modal--animated .bold-modal__window {}


@media only screen and (min-width: 499px) {
    .bold-modal {}

    .bold-modal__window {}

    .bold-modal--animated {}

    .bold-modal--animated .bold-modal__window {}
}

@media only screen and (min-width: 879px) {
    .bold-modal__window {}
}

/* bold.grid.css */
.bold-grid {}

.bold-grid:after {}

.bold-grid__column {}


@media only screen and (min-width: 499px) {
    .bold-grid__column {}

    .bold-grid__column--half,
    .bold-grid__column--third,
    .bold-grid__column--quarter {}

    .bold-grid__column--third:first-child {}
}

@media only screen and (min-width: 599px) {
    .bold-grid__column--third,
    .bold-grid__column--third:first-child {}
}

@media only screen and (min-width: 739px) {
    .bold-grid__column--quarter {}
}
/* bold.grid.css */

/* bold.product.css */
.bold-product {
    border: none;
}

.bold-product__image-container {}

.bold-product__image {}

.bold-product__control {}

.bold-product__variant-selector {}
/* bold.product.css */

/* bold.upsell.css */
.bold-upsell {}

.bold-upsell__intro {}

.bold-upsell__products-list {}

.bold-upsell__products-list .bold-grid__column {}

.bold-upsell__actions {}

.bold-upsell__button {}

.bold-product__button--primary {
    background-color: #ffc520 !important;
    color: #181923 !important;
    border: none !important;
    border-radius: 30px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}
/* bold.upsell.css */



/* =============================================================================
  MODAL STYLES
============================================================================= */
.bold-modal {}

.bold-modal__window {}

.bold-modal__header {}

.bold-modal__footer {
    border-top: none;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(24,25,35,0.05) 100%);
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(24,25,35,0.05) 100%);
    background: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(24,25,35,0.05) 100%);
    background: -ms-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(24,25,35,0.05) 100%);
    background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(24,25,35,0.05) 100%);
}


/* =============================================================================
  UPSELL STYLES
============================================================================= */
.bold-upsell {}

.bold-upsell__intro {}

.bold-upsell__intro-heading {
    font-weight: bold;
    color: #ff003d;
}

.bold-upsell__button--primary:link,
.bold-upsell__button--primary:visited,
.bold-upsell__button--primary:hover,
.bold-upsell__button--primary:active,
.bold-upsell__button--primary:focus {}

.bold-upsell__button--primary {
    padding: 8px 35px;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    border: 2px solid #ccc;
}

.bold-upsell__button--primary:hover {}

.bold-upsell__button--primary:active {}

.bold-upsell__button--secondary {
    font-size: 12px;
    text-transform: uppercase;
}


/* =============================================================================
  PRODUCT STYLES
============================================================================= */
.bold-product {}

.bold-product.bold-grid {}

.bold-product__info {
    text-align: left;
}

.bold-product__info,
.bold-product__variants,
.bold-product__actions {}

.bold-product__pricing {
    text-align: left;
}

.bold-product__title {
    font-size: 20px;
}

.bold-product__description {}

.bold-product__price .money {
    font-size: 20px;
}

.bold-product__price--deleted {}

.bold-product__control {}

.bold-product__variant-selector {}

.bold-product__actions {}

.bold-product__button,
.bold-product__button:link,
.bold-product__button:visited,
.bold_product__button:hover,
.bold_product__button:active,
.bold_product__button:focus {}

.bold-product__button:hover {}

.bold-product__button:active {}

/* =============================================================================
  THIRD PARTY APPS STYLES
============================================================================= */

#bold-upsell-modal-window .yotpo {}