:root {
--bg: #0e0e0e;
--surface: #161616;
--card: #1c1c1c;
--border: #2a2a2a;
--accent: #e8ff47;
--text: #f0f0f0;
--muted: #666;
--radius: 12px;
}
.hidden{
display:none;
}
/*.hide,*/
.line-item-property__field{
margin-bottom:5px!important;
}
.line-item-property__field input[type=text], .line-item-property__field textarea {
box-sizing: border-box;
font-size: 13px;
margin: 0;
padding: 15px;
width: 100%;
border: 1px solid #e2e2e2;
border: 1px solid #ccc;
border-radius:5px;
color: #444;
}
.line-item-property__field label{
margin-bottom:5px;
}
.line-item-property__field input[type=text] {
height: 47px;
/*margin: 0 0 5px !important;*/
max-width: 100%;
border-radius:5px;
}
.line-item-property__field{
margin:0px;
}
.line-item-property__field select {
border: 1px solid #e5e5e5;
border: 1px solid #ccc;
border-radius:5px;
/*border-radius: .28571429rem;*/
height: 37px !important;
line-height: 1em;
width: 100%;
padding: 0px 10px;
}
.messageSuggestions{
margin:10px 0px;
}
.messageSuggestions ul{
padding:0px;margin:0px;
list-style: none;
display:grid;
grid-template-columns: 1fr 1fr 1fr;
/*1fr 1fr;*/
gap:10px;
}
.messageSuggestions ul li
{
border: 1px solid #ccc;
background:#ececec;
color:#000;
border-radius:5px;
cursor:pointer;
padding: 5px 15px;
text-align: center;
font-size: 14px;
}
.messageSuggestions ul li.activeSuggestion
{
background:#000;
color:#fff;
}
.selected_greeting_card {
/*display: flex;*/
/*gap: 15px;*/
/*align-items: center;*/
/*font-size: 22px;*/
/*padding:15px;*/
}
.selectedDate.hide{
display:none;
}
.selectedDate span{
text-align:center;
font-weight:700;
}
.hintUnavailable {
font-size: 13px;
color: #000000;
text-align: center;
line-height: 1.5;
padding: 0px 0px;
font-weight: 300;
border-top: 1px solid #dedddd;
padding-top: 15px;
}
.selectedDate span#shoosen_delivery_date{
text-align:center;
}
.selectedDate {
border-bottom: 1px solid #dedddd;
border-top: 1px solid #dedddd;
padding: 5px 0px;
margin-bottom: 15px;
font-weight:700;
/*margin-top:15px;*/
/*display:grid; grid-template-columns: 1fr 1fr;*/
/*gap:10px;*/
}
#gsDeliveryDateModal .gs__modal-body {
min-height: 0px !important;;
max-height: unset !important;
height: auto !important;;
}
#gsDeliveryDateModal .gs__modal-content-body{
padding-bottom:0px;
}
#gsDeliveryDateModal .gs__m.gs__m-open.gs__m-xl
{
min-height: unset !important;
}
.selected_greeting_card .greeting_card_image img {
width: 100%;
}
.grid_delivery_variants {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.item_delivery {
border-radius: 2px;
border: 0.5px solid #B8B8B8;
background: #FFF;
padding: 15px;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.show_local_cities, .show_shipping_data {
text-decoration: underline;
color: #444444;
font-size: 12px;
}
.item_delivery_description {
color: #444444;
font-size: 12px;
line-height: 1.5;
width: 100%;
}
.item_delivery_head {
width: 100%;
display: flex;
gap: 10px;
margin-bottom: 10px;
align-items: center;
font-size: 14px;
font-weight: 700;
display: grid;
grid-template-columns: 1fr;
align-content: center;
justify-items: center;
gap: 0px;
}
@media screen and (max-width: 860px) {
.item_delivery_head {
display: grid;
grid-template-columns: 1fr;
align-content: center;
justify-items: center;
gap: 0px;
}
.item_delivery_head span {
text-align: center;
}
}
.delivery_variants {
margin-bottom: 20px;
margin-top: 20px;
}
.faq_delivery {
border-radius: 2px;
text-align: center;
text-transform: uppercase;
font-size: 14px;
color: black;
background: #fff;
border: 0.5px solid #B8B8B8;
padding: 15px;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.ul_cities_wrapper {
list-style: none;
padding-left:10px;
}
.ul_cities_wrapper > li {
margin-bottom: 15px;
font-size: 14px;
}
.ul_cities_wrapper li ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
font-size: 12px;
}
.ul_cities_wrapper > li > ul li {
font-size: 12px;
}
.body_delivery_text, .body_delivery_text p {
font-size: 12px;
}
.body_delivery_table tr td {
font-size: 12px;
}
.faq_delivery {
font-size: 14px;
}
.short_faq_delivery {
list-style: none;
font-size: 12px;
padding-left:10px;
}
.short_faq_delivery li {
margin-bottom: 15px;
font-size: 12px;
}
.short_faq_delivery li .head_faq_item {
margin-bottom: 10px;
font-size: 14px;
}
body.gs__modal-open {
height: 100%;
overflow: hidden;
position: absolute;
width: 100%
}
body.gs__modal-open .gs__m, body.gs__modal-open .gs__modal-content {
display: flex
}
body.gs__modal-open .gs__m.gs__m-open {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: modalShow;
animation-name: modalShow;
-webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
display: inline-block !important
}
body.gs__modal-open .gs__m-bg {
display: block
}
body.gs__modal-open .gs__m-bg.gs__m-open {
background: rgba(43, 46, 56, .9);
display: inline-block
}
body.gs__modal-open .gs__m-bg:hover {
cursor: pointer
}
.gs__m.gs__hide-modal {
-webkit-animation-name: modalHide;
animation-name: modalHide
}
.gs__no-animation .gs__m {
animation: none !important;
animation-duration: 0px!important;
animation-name: none !important;
transition: none
}
@media screen and (max-width: 500px) {
.ul_cities_wrapper li ul {
grid-template-columns: 1fr 1fr;
}
body.gs__modal-open .gs__modal-wrapper .gs__modal-content {
align-items: center;
height: 100%;
padding:0px!important;
/*padding: 10px;*/
width: 100%
}
body.gs__modal-open .gs__modal-wrapper .gs__m {
max-width: 100%
}
body.gs__modal-open .gs__modal-wrapper .gs__m .gs__modal-header h3 {
line-height: 1em;
margin: 0;
padding: 0
}
body.gs__modal-open .gs__modal-wrapper .gs__m .gs__modal-body {
/*height: calc(100% - 195px)!important;*/
/*calc(100% - 115px);*/
/* max-height: fit-content;*/
/*calc(100% - 220px)*/
height: 100% !important;
max-height: auto!important;
padding-bottom: 150px;
height: calc(100% - 100px) !important;
max-height: unset !important;
min-height: unset;
}
body.gs__modal-open .gs__modal-wrapper .gs__m .gs__modal-footer {
height: 60px;
height:auto!important;
line-height: 40px;
padding: 10px 15px 10px 10px;
text-align: right
}
body.gs__modal-open .gs__modal-wrapper .gs__m .gs__add-products, body.gs__modal-open .gs__modal-wrapper .gs__m .gs__add-products.btn.btn-default.action_button.button, body.gs__modal-open .gs__modal-wrapper .gs__m .gs__modal-footer a.gs__add-products, body.gs__modal-open .gs__modal-wrapper .gs__m .gs__modal-footer button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
display: inline-block;
/*font-size: 14px;*/
font-size: 12px !important;
height: 20px !important;
line-height: 40px !important;
margin: 0 !important;
max-width: 50%;
padding: 0 10px !important;
text-align: center;
text-decoration: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
vertical-align: middle;
white-space: normal;
width: auto
}
body.gs__modal-open .gs__modal-wrapper .gs__m .gs__modal-footer button {
min-height: 40px!important;
}
#gsAddOnsModal .totalExtrasWrapper, .wrapperOptionsExtra .totalExtrasWrapper{
display:flex;
}
.gs__m .gs__modal-footer button {
max-width: 100%!important;
}
.wrapper_extra_summary_selected, .wrapper_extra_summary {
flex-wrap: nowrap!important;
overflow-x: auto;
}
.detailExtrasWrapper {
width:100%;
margin-bottom:10px;
}
}
.gs__modal-open {
}
body [data-modal-open=false] {
display: none !important
}
body .gs__modal-content {
box-sizing: border-box;
overflow: auto;
z-index: 1999999;
-webkit-overflow-scrolling: touch;
align-items: center;
justify-content: center;
outline: 0;
overflow-x: hidden;
overflow-y: auto
}
body .gs__m-bg, body .gs__modal-content {
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
/*z-index:9;*/
}
body .gs__m .gs__modal-header {
align-items: center;
border-bottom: 1px solid #dedddd;
display: flex;
justify-content: space-between;
padding: 15px 20px;
position: relative;
}
body .gs__m .gs__modal-header h3 {
color: #333;
font-size: 16px;
margin: 0;
padding: 0
}
body .gs__m .gs__modal-body {
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #fff;
display: flex;
flex-direction: column;
height: auto;
max-height: 500px;
max-height: 80%;
max-height: -webkit-calc(100vh - 170px);
max-height: -moz-calc(100vh - 170px);
max-height: calc(100vh - 170px);
min-height: 40vh;
overflow-x: hidden;
overflow-y: auto;
padding: 15px 20px;
position: relative;
width: 100%
}
body .gs__m .gs__modal-body .gs__modal-instructions {
padding: 0 20px 15px
}
body .gs__m .gs__modal-footer {
align-items: center;
border-top: 3px solid #dedddd;
display: flex;
justify-content: end;
padding: 15px 20px
}
body .gs__m button.gs__close-modal {
background: transparent;
border: none;
box-shadow: none;
cursor: pointer;
font-size: 2em;
color: #000;
}
body .gs__modal-content {
box-sizing: border-box;
overflow: auto;
z-index: 1999999;
-webkit-overflow-scrolling: touch;
align-items: center;
justify-content: center;
outline: 0;
overflow-x: hidden;
overflow-y: auto
}
body .gs__m-bg, body .gs__modal-content {
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
/*z-index:9;*/
}
body .gs__m-bg {
z-index: 999;
}
body .gs__m {
background: #fff;
/*-webkit-background-clip: padding-box;*/
/*-moz-background-clip: padding-box;*/
background-clip: padding-box;
border: none;
border-radius: .335em;
-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
-moz-box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);
box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px transparent;
box-sizing: border-box;
display: none;
max-height: 100%!important;
max-width: 90%;
min-height: 40vh;
outline: 0;
overflow: visible;
padding: 0;
position: relative;
text-align: left;
vertical-align: top;
width: 500px;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-animation-duration: .5s;
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 9999999
}
#gsDeliveryDateModal .gs__m{
width: 500px!important;
}
body .gs__m .gs__modal-header {
align-items: center;
border-bottom: 1px solid #dedddd;
display: flex;
justify-content: space-between;
padding: 15px 20px;
position: relative;
font-size:34px;
padding-top:5px!important;
padding-bottom:5px!important;
font-size:30px;
}
body .gs__m .gs__modal-header .gs__close-modal{
font-size:28px;
}
body .gs__m .gs__modal-header h3 {
color: #333;
font-size: 16px;
margin: 0;
padding: 0
}
body .gs__m .gs__modal-body {
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #fff;
display: flex;
flex-direction: column;
height: auto;
max-height: 500px;
max-height: 80%;
max-height: -webkit-calc(100vh - 170px);
max-height: -moz-calc(100vh - 170px);
max-height: calc(100vh - 170px);
min-height: 40vh;
overflow-x: hidden;
overflow-y: auto;
padding: 15px 20px;
position: relative;
width: 100%
}
body .gs__m .gs__modal-body .gs__modal-instructions {
padding: 0 20px 15px
}
body .gs__m .gs__modal-footer {
align-items: center;
border-top: 3px solid #dedddd;
display: flex;
justify-content: end;
padding: 15px 20px
}
body .gs__m button.gs__close-modal {
background: transparent;
border: none;
box-shadow: none;
cursor: pointer;
font-size: 2em;
color: #000;
}
body .gs__m .gs__add-products, body .gs__m .gs__add-products.btn.btn-default.action_button.button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 43px !important;
padding: 0 15px !important;
text-align: center;
text-decoration: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
vertical-align: middle;
white-space: normal;
width: auto
}
body .gs__m h2 {
font-size: 2em
}
body .gs__m h2, body .gs__m h4 {
margin: 0 0 .5em;
padding: 0;
text-align: left
}
body .gs__m h4 {
font-size: 1em;
font-weight: 700
}
body .gs__m h6 {
color: #999;
margin: 15px 0 0;
padding: 0;
text-align: left
}
body .gs__m .bottom-bar {
background: #fff;
box-sizing: border-box;
display: inline-block;
padding: 15px 0;
text-align: right;
width: 100%
}
body .gs__m .bottom-bar .btn {
display: inline-block;
height: auto;
margin: 0 0 0 5px;
padding: 15px
}
body .gs__m .gs__nav > li > a {
border: 0;
color: #999;
font-weight: 700
}
body .gs__m .gs__nav > li.active > a {
border-top: 3px solid #999;
color: #333;
font-weight: 700
}
body .gs__m .gs__nav > li.active > a:focus, body .gs__m .gs__nav > li.active > a:hover, body .gs__m .gs__nav > li.active > a:visited {
border-top: 3px solid #999
}
body .gs__m .gs__nav > li > a:focus, body .gs__m .gs__nav > li > a:hover {
background: transparent;
border: 0
}
body .gs__m .gs__nav {
padding-left: 0
}
body .gs__m .gs__nav > li.active > a, body .gs__m .gs__nav > li.active > a:focus, body .gs__m .gs__nav > li.active > a:hover {
background-color: #f9f9f9
}
body .gs__m .gs__row {
clear: both;
display: inline-block;
width: 100%
}
body .gs__m .gs__tab {
display: none
}
body .gs__m .gs__tab.active {
display: block
}
body .gs__m .horizontal.divider {
overflow: hidden;
text-align: center
}
body .gs__m .horizontal.divider:after, body .gs__m .horizontal.divider:before {
background-color: #e6e6e6;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%
}
body .gs__m .horizontal.divider:before {
margin-left: -50%;
right: .5em
}
body .gs__m .horizontal.divider:after {
left: .5em;
margin-right: -50%
}
/* multishipping */
.ship_multi_address {
margin-bottom:30px;
}
.ship_multi_address > div {
text-align:right
}
.ship_multi_address a {
display:inline-block;padding:10px 20px;font-size:12px;text-decoration:none;cursor:pointer;border:1px solid #fff;text-transform:uppercase; box-shadow: 1px 7px 25px #d1d1d1;text-align:center;background: #b10707 !important;color:#fff;
}
.checkboxImage {
}
input[type="radio"]
{
margin:0px;
margin-right:5px;
}
.wrapperOptionsValues {
/*display: block;*/
/*display:inline-flex;*/
/*gap:10px;*/
/*padding-left:10px;*/
/*padding-right:10px;*/
}
.wrapperOptionsValuesSwatches.custom .checkboxImage{
margin-bottom:10px;
margin-bottom:0px;
}
.checkboxText label, .checkboxImage label {
/*border: 1px solid #9c9c9c;*/
/*border-right:1px solid #D9D9D9;*/
/*border-bottom:1px solid #D9D9D9;*/
/*border-right:none;*/
/*margin-bottom: 5px;*/
}
/*.checkboxImage label,*/
/*.checkboxImagePrice*/
.checkboxImage label .imageProductAddon {
border:1px solid #D9D9D9;
text-align:center;
font-size:12px;
}
.checkboxImage.checkboxImagePrice label .imageProductAddon {
border:none;
}
.checkboxImage label .imageProductAddon img{
margin:0px auto;
}
.checkboxImage label{
border:none;
font-size:12px;
}
.checkboxImage.checkboxImagePrice label{
padding: 3px 6px;
font-size:12px;
/*border:1px solid #D9D9D9;*/
}
/*checkboxImagePrice*/
.checkboxImage label.selectedOption .imageProductAddon{
border:1px solid #EBAE37;
}
.checkboxImage.checkboxImagePrice label.selectedOption .imageProductAddon{
border:none;
}
.checkboxImage.selectedProductAddOn{
border: 1px solid #920124 !important;
}
.wrapperOptionsValuesSwatches.addson,.wrapperOptionsValuesSwatches.upgrades
{
border-top:1px solid #D9D9D9;
border-left:1px solid #D9D9D9;
padding-left:0px;
padding-right:0px;
}
.wrapperOptionsValuesSwatches.upgrades {
border-top: none;
border-left: none;
}
.checkboxImage.checkboxImagePrice
{
/*border-left:1px solid #DDDDDD;*/
/*border-top:1px solid #DDDDDD;*/
border-right:1px solid #DDDDDD;
/*border-bottom:1px solid #DDDDDD;*/
background:#fff;
}
.wrapperOptionsValuesSwatches.custom .checkboxImage label
{
border:none;
border-right:none;
border-bottom:none;
width:initial;
}
/*.checkboxImage.checkboxImagePrice label .imageProductAddon{*/
/* */
/*}*/
.checkboxText label, .checkboxImage label {
display: block;
}
.checkboxText label span, .checkboxImage label span {
display: flex;
gap:5px;
}
.checkboxImage {
/*display: inline-flex;*/
}
.checkboxImage input {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
}
.checkboxText {
display: inline-block;
font-size: 12px;
}
.checkboxText .checkboxTextFlex {
display: flex;
font-size: 12px;
}
.checkboxText label {
display: flex;
gap:5px;
font-size: 12px;
}
.checkboxImagePrice label {
cursor: pointer;
text-align: center;
/*display: flex;*/
/*gap: 5px;*/
/*display: grid;*/
/*grid-template-columns: 1fr;*/
background: #fff;
grid-auto-rows: 1fr;
}
.wrapperProductAddonButtons {
display:grid;
grid-template-columns: 1fr;
width: 100%;
}
.checkboxImage label div {
width:100%;
}
.checkboxImagePrice .priceProductAddon
{
text-align: center;
/*color: #EBAE37;*/
color:#000;
margin:5px 0px;
padding: 5px 0px;
}
.checkboxImagePrice label div {
}
.checkboxImagePrice .nameProductAddon
{
width:100%;
height:50px;
overflow: hidden;
text-align:center;
font-size:13px;
}
.nameProductAddon{
text-align:center;margin-top:15px;
/*max-width: min-content;*/
/*width: 100%;*/
}
.checkboxImagePrice .imageProductAddon
{
}
.buttonAddToCartAddon{
text-align:center;
width:100%;
margin-bottom:4px;
}
.buttonAddToCartAddon div.addToCart, .buttonAddToCartAddon div.unavailable {
background:#D89C26;
color:#fff;
border-radius: 2px 2px 2px 2px;
font-size:10px;
font-weight: 500;
text-align:center;
width:100%;
padding:1px 2px 2px 5px;
border:none;
cursor:pointer;
}
.buttonAddToCartAddon div.addToCart, .buttonAddToCartAddon div.unavailable{
/*display:block;*/
background:#545252;
text-align:center;height:24px;
/*display: flex;*/
justify-content: center;
border-radius:4px;
align-content: end;
}
.buttonAddToCartAddon div.unavailable {
align-content: center;
}
.buttonAddToCartAddon div.addToCart.added{
background:#D89C26;
}
.buttonAddToCartAddon div.unavailable{
background:#545252;
}
.buttonAddToCartAddon div.addToCart span.addToCartButton {
vertical-align: middle;
padding: 1px 0px 2px 0px;
/*display:flex;*/
display:block;
color:#fff!important;
text-transform: initial;
line-height:1.5;
}
.checkboxImagePrice label, .checkboxImagePrice label div{
font-size:13px;
line-height:1.2;
}
.wrapperOptionsValuesSwatches {
}
.wrapperOptionsValuesSwatches.upgrades,
.wrapperOptionsValuesSwatches.addson {
/*display: grid;*/
grid-template-columns: 1fr 1fr 1fr 1fr;
/*gap: 10px;*/
}
.wrapperOptionsValuesSwatches.upgrades{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.wrapperOptionsValuesSwatches.upgrades .checkboxImage.checkboxImagePrice label,
.wrapperOptionsValuesSwatches.addson .checkboxImage.checkboxImagePrice label {
align-items: center;
font-size: 12px;
display: flex;
flex-direction: column;
justify-content: space-between;
/*flex-end;*/
width:100%;
/*line-height: 1.2;*/
}
.checkboxImage .imageProductAddon{
display: flex;
}
.checkboxImage.checkboxImagePrice{
display:flex;
}
.checkboxImage.checkboxImagePrice .imageProductAddon
{
display: block;
}
/*.checkboxImage.checkboxImagePrice{*/
/* display: inline-block;*/
/*}*/
.wrapperOptions.hide {
display: none;
}
.template_wrapper {
padding:0px 15px 15px 15px;
padding:0px;
}
.checkboxType label {
cursor: pointer;
}
.checkboxType input + label {
border: 1px solid blue !important;
}
.wrapperOptionsValues select{
width:100%;
height:25px;
}
.checkboxType input:checked + label, .checkboxes .selectedOption, .radio .selectedOption, .checkboxImage .selectedOption {
/*border: 1px solid black !important;*/
/*background: #cb6868 !important;*/
/*color: #fff !important;*/
/*font-weight: 700 !important;*/
/*font-size: 12px !important;*/
/*line-height: 1.2;*/
}
.checkboxType input:checked + label span, .checkboxes .selectedOption span, .radio .selectedOption span, .checkboxImage .selectedOption span {
/*color: #fff !important;*/
/*font-weight: 700 !important;*/
/*font-size: 12px !important;*/
line-height:1.5;
}
.wrapperOptionsExtra {
position: relative;
/*max-height: 500px;*/
/*overflow-x: auto;*/
/*overflow-y: auto;*/
/*padding-bottom:20px;*/
margin-bottom: 10px;
}
.wrapperOptionsExtra::-webkit-scrollbar {
width: 8px;
}
.wrapperOptionsExtra::-webkit-scrollbar-track {
background: #f1f1f1;
background: #fff;
}
.wrapperOptionsExtra::-webkit-scrollbar-thumb {
background: #1d3f17;
background: #a81403;
}
.wrapperOptionsExtra::-webkit-scrollbar-thumb:hover {
/*background: #3f7c4a;*/
background: #cb6868;
}
.wrapperOptionsExtra .totalExtrasWrapper.hide {
display: none;
}
#gsAddOnsModal .totalExtrasWrapper, .wrapperOptionsExtra .totalExtrasWrapper {
/*position: sticky;*/
/*bottom: 0px;*/
/*left: 0px;*/
width: 100%;
padding: 5px 10px;
background: #1E1E1E;
/*border: 1px solid #1E1E1E;*/
/*#a81403;*/
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
color: #fff;
}
#gsAddOnsModal .totalExtrasWrapper
{
background: none;
color: #000;
font-weight:700;
}
.wrapperOptionsExtra .detailExtrasWrapper.hide, .buttonSaveSelectedAddOns.hide{
display:none;
}
.detailExtrasTitle {
color: #000
}
/*#gsAddOnsModal detailExtrasWrapper,.wrapperOptionsExtra .detailExtrasWrapper{*/
/* !*padding: 5px 10px;*!*/
/* width: 100%;*/
/* background:#fff;*/
/*}*/
/*#gsAddOnsModal detailExtrasWrapper .detailExtrasTitle, .wrapperOptionsExtra .detailExtrasWrapper .detailExtrasTitle*/
/*{*/
/* padding: 5px 10px;*/
/* background: #1E1E1E;*/
/* color: #fff;*/
/*}*/
.wrapperOptionsTitle {
padding: 0px 0px 5px 0px;
font-weight: 500;
margin-bottom:5px;
color:#000;
/*text-transform: uppercase;*/
text-transform: inherit;
line-height:1.2;
}
.optionSetSecondColumn .wrapperOptionsTitle
{
font-weight: 400;
text-transform: inherit;
}
.wrapper_menu span.link_tree{
color:#333333;
display:block;
background:url('arrow_tree.svg') no-repeat center right;
padding: 7px 10px 7px 0px;
cursor:pointer;
}
@media screen and (max-width: 860px) {
.wrapperOptionsValuesSwatches.upgrades,
.wrapperOptionsValuesSwatches.addson{
grid-template-columns:1fr;
}
}
.wrapperOptions{
padding: 0px 0px;
font-size:14px;
}
#headerForOptions{
position: sticky;
top: 0;
left: 0;
width: 100%;
background-color: #eeeeee;
color: black;
text-align: left;
/*padding: 10px 0;*/
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
z-index: 1000;
}
/* Hide header initially */
.hidden {
display: none;
}
.wrapperOptions{
position:relative;
margin-bottom:15px;
}
#sticky-title-options{
background:#eeeeee;display:block; width:100%;padding:5px;
color:#000;
font-size:12px;
}
.multishipping_wrapper {
width: 100%;
}
.multishipping_content {
margin: 0px auto;
padding: 15px 0px;
width: 100%;
}
.wrapper_item {
border: 1px solid #f1f1f1;
border-radius: .15em;
/*box-shadow: 2px 7px 15px rgba(0, 0, 0, .02);*/
box-shadow: 0px 2px 10px #B8B8B8;
box-sizing: border-box;
background: #fff;
margin-bottom: 30px;
position: relative;
width: 100%;
}
.wrap_item {
display: grid;
clear: both;
grid-template-columns: 200px 1fr 80px 50px;
gap: 15px;
padding: 15px;
}
.image_item {
/*padding: 15px;*/
}
.item_quantity {
display: grid;
grid-template-columns: 100px 150px;
align-items: center;
}
.remove_item_multi {
min-width: auto;
min-height: auto;
}
.wrapper_address {
width: 100%;
/*margin: 15px 0px;*/
background-color: #f2f2f2;
padding: 15px;
}
.multi__field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-bottom: 10px;
}
.multi__field-row.three_column {
grid-template-columns: 1fr 1fr 1fr;
}
.multi__field-row.multi__field-one-line {
grid-template-columns: 1fr;
}
.multi__field-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-clip: padding-box;
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #333;
color: inherit;
display: block;
line-height: inherit;
font: inherit;
margin: 0;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
width: 100%;
word-break: normal;
-webkit-font-smoothing: inherit;
background-color: transparent;
line-height: normal;
background: #fff;
padding: 10px 10px;
height: 40px;
min-height: 40px;
}
.delivery_date.disabled {
opacity: 0.5;
background: grey;
}
/* Tooltip container */
.delivery_date.disabled {
position: relative;
display: inline-block;
display: block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
.delivery_date .tooltiptext {
display: none;
}
/* Tooltip text */
.delivery_date.disabled .tooltiptext {
display: inline;
visibility: hidden;
font-size: 12px;
width: 200px;
background-color: #000;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
/* Position the tooltip text */
position: absolute;
z-index: 1;
top: 5%;
left: 50%;
margin-left: -60px;
/* Fade in tooltip */
opacity: 0;
transition: opacity 0.5s;
}
/* Tooltip arrow */
.delivery_date.disabled .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.delivery_date.disabled:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.notFirstItem {
/*background:#444444;*/
opacity: 0.5;
}
.complete.notFirstItem {
}
.notFirstItem .saveShipmentWrapper, .notFirstItem .wrapper_address {
display: none;
}
.complete.notFirstItem .saveShipmentWrapper, .complete.notFirstItem .wrapper_address {
display: block;
}
.wrapperGoToShipButton .goToShippingMethod {
margin: 0px auto;
padding: 10px 0px;
text-align: center;
background: red;
color: #fff;
}
.disabled.goToShippingMethod {
background: #B4B4B4 !important;
}
.duplicate_item {
font-size: 16px;
color: #000;
text-decoration: underline;
font-weight: 700;
display: flex;
gap: 5px;
}
.duplicateItemWrapper span {
cursor: pointer;
display:block;
width:20px;height:20px;
}
.showTooltip {
position: absolute;
border: 1px solid black;
box-shadow: 1px 2px 5px grey;
top: 30px;
padding: 10px;
left: 0px;
width: 265px;
height: 75px;
background: #fff;
}
.total_multiship {
display: grid;
grid-template-columns: 1fr 30%;
}
.total_multiship .total_block .total_item {
text-align: right;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.total_multiship .total_block .total_item div {
text-align: right;
}
.total_multiship .total_block .total_item div.total_item_value {
text-align: right;
}
.shortAddress {
display: grid;
grid-template-columns: 10% 80% 10%
}
.product-options-properties {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
/*margin-top: 20px;*/
}
.product-options-properties .product-option {
display: grid;
grid-template-columns: 1fr;
/*30% 1fr;*/
gap: 5px;
align-items: flex-start;
}
.product-option dt {
font-size: 12px;
font-weight: 700;
}
.product-option dd {
margin:0px;padding:0px;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 513px) {
.product-options-properties {
grid-template-columns: 1fr;
}
.multi__field-row, .multi__field-row.three_column {
grid-template-columns: 1fr;
}
.wrap_item {
display: grid;
clear: both;
grid-template-columns: 1fr;
gap: 15px;
padding: 15px;
}
.total_multiship {
display: grid;
grid-template-columns: 1fr;
}
.total_multiship .total_block .total_item {
text-align: left;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.total_multiship .total_block {
margin-bottom: 25px;
}
.total_multiship .total_block .total_item div.total_item_value {
text-align: left;
}
.multi__field-row.one_field_wrap {
grid-template-columns: 1fr;
}
}
.line-item-property__field-select {
border: 1px solid #e5e5e5;
border-radius: .28571429rem;
height: 47px !important;
line-height: 1em;
width: 100%;
}
.wrapper_greeting_card {
display: grid;
grid-template-columns: 1fr 100px;
gap: 10px;
align-items: center;
}
.wrapper_greeting_card_show {
display: grid;
grid-template-columns: 1fr 100px;
gap: 10px;
align-items: center;
}
.showMode {
display: none!important;
}
.complete .showMode {
display: block!important;
}
.complete .saveShipmentWrapper,
.complete .updateMode {
display: none!important;
}
.editItem .showMode {
display: none!important;
}
.editItem .updateMode {
display: block!important;
}
.quantity.cart-quantity {
display: grid;
grid-template-columns: 40px 1fr 40px;
}
.quantity.cart-quantity .quantity__button {
font-size: 34px;
cursor: pointer;
}
.remove_item {
padding: 10px;
color: #fff;
font-weight: 700;
height: 36px;
min-height: 36px;
background: #555555;
}
.quantity__button {
height: 44px;
min-height: 44px;
}
.remove_item_multi {
cursor: pointer;
}
.multi__field-input, .multi__field-input-select{
font-size:13px!important;
height:44px!important;
color:#333!important;
border: 1px solid #cccccc!important;
}
.tree_start{
list-style: none;
padding-left:15px;
margin:5px 0px;
}
.tree_start li .link_tree{
text-transform: uppercase;
font-size:12px;line-height: 1.2;
}
.tree_start li{
/*padding-bottom:5px;*/
line-height: 1.2;
margin-bottom:0px;
}
/*.tree_start li span{*/
/* cursor:pointer;*/
/* padding:5px 0px;*/
/*}*/
.tree_start.parentTree
{
padding-left:0px;
margin:0px;
}
.activeOption{
font-weight:700;
color:black;
}
.activeOption.activeMobile {
}
.wrapper_extra_summary_selected,.wrapper_extra_summary{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
gap:5px;
padding:0px;
margin:0px;
list-style:none;
}
.wrapper_extra_summary_selected li > div, .wrapper_extra_summary li > div{
display:grid;
grid-template-columns: 25% 50% 25%;
gap:10px;
align-items: center;
}
.wrapper_extra_summary_selected li > div div.imageExtraSummary, .wrapper_extra_summary li > div div.imageExtraSummary{
text-align:center;
}
.wrapper_extra_summary_selected li, .wrapper_extra_summary li{
font-size:12px;
}
.selected-greeting-card-option-wrapper
{
border:2px solid #000;
padding:10px;
}
.selected-greeting-card-option-wrapper.hide{
display:none;
}
.wrap_sel_greeting_image img{
width:100%;
}
.selected-greeting-card-option-label{
margin-bottom:10px;
}
.selected-greetingCardType{
}
.wrap_sel_greeting{
display:grid;
grid-template-columns: 100px 1fr;
gap:15px;
}
.selected-bold-option-all .wrapper_extra_summary_total{
width: 100%;
background: #920124;
color: #fff;
text-align: center;
margin: 15px 0px;
font-weight: 400;
font-size: 14px;
padding: 5px 0px;
}
.removeAddonExtra{
font-size:12px;
color:#841313;
cursor:pointer;
}
.addedAddons{
padding:15px;
}
.wrapperNewFlow{
display: grid;
grid-template-columns: 25% 1fr;
gap: 25px;
}
@media screen and (max-width: 860px) {
.wrapper_extra_summary{
grid-template-columns: 1fr;
}
.wrapperNewFlow{
grid-template-columns: 1fr;
gap:15px;
}
.wrapperOptionsValuesSwatches.upgrades, .wrapperOptionsValuesSwatches.addson{
grid-template-columns: 1fr 1fr 1fr;
}
}
.wrapperOptionsTitleMenu{
background:#000;
padding:5px 15px;
color:#fff;
display:grid;
grid-template-columns: 55% 45%;
/*gap:15px;*/
}
.wrapperOptionsTitleMenu > div{
font-size:12px;
}
.wrapperOptionsTitleMenu .wrapperOptionsValues.radio{
display:flex;
/*grid-template-columns: 1fr 1fr;*/
gap:15px;
}
.wrapperOptionsTitleMenu div{
align-content: center;
font-weight:700;
color:#fff;
}
.checkboxType.checkboxText label span{
margin-top: 2px;
color:#fff!important;
}
.new_flow_wrapper{
padding:0px 25px;
}
.new_flow_wrapper.hide
{
display:none;
}
.wrapperQtyBoldOption{
display:grid;
grid-template-columns: 20px 1fr 20px;
width:100%;
/*background:#D89C26;*/
/*color:#fff;*/
background: #fff;
color: #000;
border-radius: 15px;
border: 1px solid #000;
}
.wrapperQtyBoldOption span{
display:block!important;
cursor:pointer;
text-align:center!important;
}
.buttonAddToCartAddon div.addToCart[data-type="swatches_one"] span.qtyCartButton
{
text-align: center;
justify-content: center;
padding: 2px 0px;
}
.buttonAddToCartAddon div.addToCart span.qtyCartButton.hide,
.buttonAddToCartAddon div.addToCart span.addToCartButton.hide {
display:none;
}
.titleGreetingPopup{
font-size:28px;
text-align: left;
}
.subtitleGreetingPopup{
margin-bottom:15px;
font-size:14px;text-align: left;
}
@media screen and (max-width: 960px) {
.subproducts{
margin-top:15px;
}
.wrapperOptionsExtra .totalExtrasWrapper{
/*position:fixed;*/
/*bottom:0px;*/
/*left:0px;*/
z-index: 999;
}
.wrapperOptionsExtra .detailExtrasWrapper{
/*position:fixed;*/
/*bottom:0px;*/
/*left:0px;*/
z-index: 999;
margin-bottom: 29px;
}
.wrapperOptionsExtra .detailExtrasWrapper .addedAddons{
overflow-y: auto;
height: 100px;
}
.wrapperOptionsExtra .detailExtrasWrapper .addedAddons .wrapper_extra_summary{
/*display:grid;*/
/*grid-template-columns: 1fr 1fr;*/
/*gap:10px;*/
}
.new_flow_wrapper{
padding:0px 0px;
}
.wrapperOptionsTitleMenu{
padding:5px;
}
.buttonAddToCartAddon div.addToCart{
padding:1px 2px 2px 5px!important;
}
.buttonAddToCartAddon div.addToCart.added{
}
.wrapperOptionsTitleMenu{
background:#000;
padding:5px 15px;
color:#fff;
display:grid;
grid-template-columns: 65% 35%;
/*gap:15px;*/
}
}
@media screen and (min-width: 990px) {
.product.product--large.product--left.grid .product__media-wrapper {
max-width:45%!important;
}
.product.product--large.product--left.grid .product__info-wrapper.grid__item
{
max-width:55%!important;
padding-left:0px!important;
}
.product__info-container
{
max-width: 100%!important;
}
}
.wrapper_menu .link_tree .chosen_values{
font-weight:300!important;
color:#D89C26!important;
margin-left:5px!important;
font-size:10px!important;
text-transform: lowercase!important;
}
.addons-wrapper{
display: grid;
grid-template-columns: 1fr;
gap:10px
}
.addons-buttons{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
/*gap: 20px;*/
width: 100%;
/*margin: 15px 0px;*/
}
.addons-button{
cursor: pointer;
border: 1px solid #920124;
background: #920124;
color: #fff;
text-align: center;
border-radius: 5px;
font-size: 14px;
height: 55px;
height: 25px;
padding: 6px 0px;
font-weight: 300;
display: grid;
justify-content: center;
align-content: center;
}
.greetingcard-button, .deliverydate-button{
cursor:pointer;
border: 1px solid #FFD6B4;
background: #FFD6B4;
color: #000;
text-align: center;
border-radius: 5px;
font-size: 14px;
height: 55px;
padding: 6px 0px;
box-shadow: 1px 2px 6px #333;
font-weight: 300;
display: grid;
justify-content: center;
align-content: center;
}
.greetingcard-button{
grid-template-columns: 1fr;
}
.greetingcard-button-type{
text-decoration:underline;
}
.deliverydate-button{
position:relative;
padding-left:40px;
}
.deliverydate-button::before{
/*background:url('data:image/svg+xml,');*/
content:url('data:image/svg+xml,');
width:30px;
height:30px;
position:absolute;
top:10px;
left:10px;
}
.deliverydate-button .deliverydate_label
{
grid-template-columns: 1fr 1fr;
gap: 5px;font-size: 12px;
}
.deliverydate-button .deliverydate_changedate
{
font-size: 12px;
text-decoration:underline;
}
.saveGreetingCard{
}
.totalAddOnsWrapper{
display:grid; grid-template-columns: 1fr;
gap:5px;
}
.totalExtrasWrapper{
display:flex;
gap:10px;
}
.buttonSaveSelectedAddOns, .saveGreetingCard{
cursor:pointer;
/*padding:4px 15px;*/
/*background:#920124;*/
/*border-radius:5px;*/
/*color:#fff;*/
text-align:center;
/*font-weight:300;*/
width:100%;
}
.greetingcardfooter-wrapper{
display:grid;
/*grid-template-columns: 75% 25%;*/
}
.saveGreetingCard{
}
.hintInfoAddons{
font-size:10px;
}
.gs__modal-footer .hide{
display:none;
}
.titleOfGroup{
font-size:22px;
}
.titleOfGroup{
display:flex;
/*display:ruby;*/
gap:10px;
/*margin-bottom: 15px;*/
/*padding-top:12px;*/
/*padding-top:17px;*/
}
.titleOfGroup span{
display: inline;
height: 20px;
font-size:18px;
line-height: 1;
}
.titleOfGroup .titleGroupLevel111, .titleOfGroup .titleGroupLevel11{
border-bottom:1px dashed rgba(0,0,0, .75);
cursor:pointer;
font-size:18px;
}
.titleOfGroup .subOptions span
{
font-size:12px;
}
.titleOfGroup .titleGroupLevel111{
}
.subOptions{
position: absolute;
border: 1px solid #000;
border-radius: 10px;
background: #fff;
padding: 5px;
width:100px;
z-index:999;
}
.titleGroupLevelWrapper{
position:relative;
}
.subOptions ul{
padding: 0px;
list-style: none;
font-size: 12px;
margin: 0px;
}
.subOptions ul li{
cursor:pointer;
}
.subOptions ul li:hover{
text-decoration:underline;
}
.subOptions.hide{
display:none;
}
.wrapper-tree-addons .wrapperOptionsTitle{
display:none;
}
.optionSetSecondColumn .wrapperOptionsTitle
{
display:none;
}
.wrapper-tree-addons .wrapperOptions{
margin-bottom:0px;padding-bottom:0px;
}
.optionSetSecondColumnWrapper{
max-height: 470px;
max-height: 640px;
max-height: 670px;
max-height: 520px;
min-height:400px;
overflow-y: auto;
padding-top:15px;
}
.customBasket.template_wrapper_upgrade .optionSetSecondColumnWrapper
{
max-height: unset;
min-height: unset;
}
#gsGreetingCardModal .gs__modal-body{
padding-top:0px;
padding-bottom:0px;
max-height: none!important;
height:auto!important;
min-height:auto!important;
}
.wrap_greeting_header{
width:100%;
/*margin:10px auto 20px auto;*/
}
.wrap_greeting_header_wrapper{
display:grid;
grid-template-columns: 30% 1fr;
/*gap:15px;*/
}
.greeting_header_head{
padding:20px;
border-right:1px solid #ececec;
}
.greeting_header_head img{
width:100%;
}
.greeting_header_description{
padding:20px;
}
.greeting_header_description h3{
margin-bottom:15px;
}
.greeting_header_description div{
line-height:1.5;
}
.wrap_greeting_form{
}
.line-item-property__field_wrapper_message .hint,
.messageSuggestions .hint
{
font-size:14px;
color:grey;
display:grid; grid-template-columns: 1fr 50px;
width:100%;
}
.greeting_card_image{
margin-top:0px;
}
.selected_greeting_card .greeting_card_image img{
}
.product-form__buttons{
max-width:100%!important;
}
.wrapper_extra_summary_selected,.wrapper_extra_summary{
gap: 25px;
padding: 0px;
margin: 0px;
list-style: none;
flex-wrap: wrap!important;
display:flex!important;
}
.wrapper_extra_summary_selected li, .wrapper_extra_summary li{
position:relative;
border:1px solid #DDDDDD!important;
padding:5px;
height: 60px;
width: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.wrapper_extra_summary_selected li{
border:none!important;
}
.wrapper_extra_summary_selected li > div,.wrapper_extra_summary li > div
{
position:relative;
display:block;
gap:unset;
grid-template-columns: unset;
}
.wrapper_extra_summary_selected li:not(:last-child)::after,.wrapper_extra_summary li:not(:last-child)::after {
content: " + ";
margin: 0 8px;
color: #000;
font-weight: 300;
position: absolute;
top: 18px;
right: -28px;
font-size: 18px;
}
.wrapper_extra_summary_selected li > div .imageExtraSummary, .wrapper_extra_summary li > div .imageExtraSummary{
}
.wrapper_extra_summary_selected li > div .imageExtraSummary img, .wrapper_extra_summary li > div .imageExtraSummary img{
padding: 0px;
margin: 0px;
display: block;
}
.wrapper_extra_summary_selected li > div .imageExtraSummary img{
border: 1px solid #DDDDDD !important;
}
.wrapper_extra_summary_selected li > div .AddonExtraQty, .wrapper_extra_summary li > div .AddonExtraQty{
position: absolute;
top: -10px;
right: -10px;
padding: 1px 7px;
background: #920124;
color: #fff;
border-radius: 15px;
font-size: 10px;
font-weight: 300;
line-height:1.6;
}
.wrapper_extra_summary_selected li > div .removeAddonExtra, .wrapper_extra_summary li > div .removeAddonExtra{
display:none;
position:absolute;
}
.wrapper_extra_summary_selected li:hover .removeAddonExtra, .wrapper_extra_summary li:hover .removeAddonExtra{
display:block;
/*top:0px;*/
/*left:0px;*/
cursor:pointer;
background: #fff;
border-radius: 15px;
padding: 2px 10px;
top: -10px;
left: -10px;
}
.optionSetSecondColumnWrapper .sub_tabs
{
/*border:1px solid red;*/
/*border-bottom:1px solid #920124;*/
margin-bottom:10px;
display:none;
}
.optionSetSecondColumnWrapper .sub_tabs ul{
padding: 0px;
display: inline-flex;
margin:0px;
}
.tabProducts{
}
.titleOfGroup{
/*display:none;*/
}
.subWrapper{
/*position: sticky;*/
/*z-index: 9;*/
/*top: 0px;*/
padding-top: 10px;
padding-top: 0px;
background: #fff;
/*border-bottom: 1px solid #ececec;*/
}
.optionSetSecondColumnWrapper .sub_menus{
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap:10px;
}
.template_wrapper_upgrade.customBasket .optionSetSecondColumnWrapper .sub_menus
{
grid-template-columns: 1fr 1fr;
}
.sub_menus .sub_menus_wrapper{
margin-bottom:15px;
}
.optionSetSecondColumnWrapper .sub_menus .sub_menus_wrapper
{
display:flex;
gap:5px;
position: relative;
}
.optionSetSecondColumnWrapper .sub_menus .sub_menus_wrapper .sub_menus_title{
font-size:12px;
padding-top: 10px;
padding-right: 10px;
position: absolute;
top: -10px;
left: 20px;
padding: 0px 5px;
background: #fff;
}
.optionSetSecondColumnWrapper .sub_menus .sub_menus_wrapper .sub_menus_values{
width: 100%;
border: 1px solid #000;
}
.optionSetSecondColumnWrapper .sub_menus .sub_menus_wrapper .sub_menus_values_list.hide{
display:none;
}
.optionSetSecondColumnWrapper .sub_menus .sub_menus_wrapper .sub_menus_values_list{
/*width: 120px;*/
width:100%;
position: absolute;
left:0px;
background: #fff;
padding: 0px;
/*border: 1px solid #ececec;*/
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
z-index:9;
}
.optionSetSecondColumnWrapper .sub_menus .sub_menus_wrapper .sub_menus_value_active
{
font-size: 12px;
padding: 5px;
border: 1px solid #ececec;
cursor: pointer;
}
.optionSetSecondColumnWrapper .sub_menus .tree_start
{
}
.optionSetSecondColumnWrapper .sub_menus .tree_start{
/*display: grid;*/
/*grid-template-columns: 1fr 1fr 1fr;*/
display: grid;
gap:0px;
padding: 0px;
margin:0px;
}
.optionSetSecondColumnWrapper .sub_menus .tree_start li{
}
.optionSetSecondColumnWrapper .tree_start li .link_tree{
background: none;
/*border: 1px solid #eee;*/
border-bottom: 1px solid #000;
/*border-radius: 5px;*/
padding: 5px 10px;
text-transform: capitalize;
position:relative;
font-size: 12px;
}
.wrapperOptionsValues .tree_start li > span:after{
content: '';
height: 35px;
width: 30px;
position: absolute;
top: 0px;
right: 0px;
background: #000;
padding: 5px;
background: #fff url(https://thegiftgroup.s3.ca-central-1.amazonaws.com/boldOptions/play.png) no-repeat 12px center;
border-radius: 20px 0px 0px 20px;
}
ul.tree_start.parentTree.tree_level_1 li.wrapper_menu span.link_tree{
position:relative;
}
ul.tree_start.parentTree.tree_level_1 li.wrapper_menu span.link_tree:after
{
content: '';
height: 34.5px;
width: 30px;
position: absolute;
top: 0px;
right: 0px;
background: #000;
padding: 5px;
background: #fff url(https://thegiftgroup.s3.ca-central-1.amazonaws.com/boldOptions/play.png) no-repeat 12px center;
border-radius: 20px 0px 0px 20px;
}
/*ul.tree_start.parentTree.tree_level_1 li.wrapper_menu span.link_tree.activeOption:after{*/
/* transform: rotate(90deg);*/
/* height: 34px;*/
/* width: 34.5px;*/
/* border-radius: 0px 0px 20px 20px;*/
/* background: #fff url(https://thegiftgroup.s3.ca-central-1.amazonaws.com/boldOptions/play.png) no-repeat 12px 5px;*/
/*}*/
.optionSetSecondColumnWrapper .sub_tabs .tree_start li .link_tree
{
border-top:none;
border-left:none;
border-right:none;padding: 10px 10px;
margin-bottom: 0px;
border-bottom: 0px;
border-radius:5px 5px 0px 0px;
text-align:center;
}
.optionSetSecondColumnWrapper .tree_start li .link_tree:hover, .optionSetSecondColumnWrapper .link_tree.activeOption
{
background:#920124!important;
color:#fff!important;
}
/*.wrapper_menu span.link_tree{*/
/* padding:0px;*/
/* background:none;*/
/*}*/
.checkboxImage.wrapperOptionsProducts.availableToChoose,
.checkboxImage.wrapperOptionsProducts.notAvailableToChoose
{
flex: 0 0 calc((100% - 0px) / 3) !important;
overflow: hidden !important;
}
.gs__modal-wrapper .checkboxImage.wrapperOptionsProducts.availableToChoose,
.gs__modal-wrapper .checkboxImage.wrapperOptionsProducts.notAvailableToChoose
{
flex: 0 0 calc((100% - 0px) / 5) !important;
}
.checkboxImage.wrapperOptionsProducts.notAvailableToChoose{
cursor: not-allowed;
opacity:0.5;
}
.checkboxImage.checkboxImagePrice label{
padding:8px;
}
.checkboxImagePrice.notAvailableToChoose label{
cursor: not-allowed;
}
.buttonAddToCartAddon{
margin-top:4px;
}
.buttonAddToCartAddon{
display:grid;
grid-template-columns: 50% 1fr;
gap:10px;
}
.checkboxImage[data-type="swatches_one"] .buttonAddToCartAddon{
grid-template-columns: 1fr;
}
.checkboxImage[data-type="swatches_one"] .buttonAddToCartAddon.added .qtyCartIndicator
{
display:none;
}
/*.buttonAddToCartAddon{*/
/* display:grid;*/
/* grid-template-columns: 40% 1fr;*/
/* gap:10px;*/
/*}*/
.buttonAddToCartAddon.added{
grid-template-columns: 40% 1fr;
}
.bold-options-custom-body-flat .buttonAddToCartAddon,
.bold-options-custom-body-flat .buttonAddToCartAddon.added{
grid-template-columns: 1fr;
}
.buttonAddToCartAddon div.addToCart{
display: inline;
background: #fff;
color: #545454!important;
border: 1px solid #545454!important;
border-radius: 20px;
/*padding: 1px 3px 5px 3px;*/
padding:0px;
line-height: 0;
height:25px;
}
.buttonAddToCartAddon div.addToCart span.addToCartButton{
display: ruby-text;
padding: 0px;
line-height: 0;
font-size: 12px;
color: #545454 !important;
font-weight: 300;
display:block;
/*height:18px;*/
height:23px;
align-content:center;
width:100%;
}
.qtyCartButton{
height:20px;display:block;
}
.wrapperQtyBoldOption{
height:25px;
}
.wrapperQtyBoldOption span{
padding-top:2px;
display:inline!important;
}
.template_wrapper_upgrade.customBasket .buttonAddToCartAddon .qtyCartIndicator
{
display:none!important;
}
/* Tooltip container */
.tooltipSummary {
position: relative;
display: inline-block;
cursor: pointer;
}
/* Tooltip text */
.tooltipSummary .tooltip-text {
visibility: hidden;
width: max-content;
max-width: 200px;
background-color: #333;
color: #fff;
text-align: center;
padding: 6px 10px;
border-radius: 6px;
position: absolute;
z-index: 10;
bottom: 125%; /* Position above the element */
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
}
/* Tooltip arrow */
.tooltipSummary .tooltip-text::after {
content: "";
position: absolute;
top: 100%; /* At the bottom of the tooltip */
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
/* Show the tooltip on hover */
.tooltipSummary:hover .tooltip-text {
visibility: visible;
opacity: 1;
}
.totalExtrasWrapper {
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.addedAddons {
padding: 0px;
}
.detailExtrasTitle {
text-transform: uppercase;
}
#gsAddOnsModal .gs__modal-body {
padding: 0px;
max-height: 490px;
max-height: 590px;
/*overflow-y: auto;*/
}
.gs__modal-footer .addons-wrapper {
display: grid;
width: 100%;
gap: 15px;
grid-template-columns: 1fr 25%;
}
.new_flow_wrapper {
padding: 0px;
}
.wrapper-tree-addons {
padding: 15px 0px 15px 15px;
min-height: 200px;
overflow-y: auto;
max-height: 530px;
max-height: 350px;
}
.wrapperNewFlow {
grid-template-columns: 25% 1fr;
/*30%;*/
gap: 15px;
gap: 0px;
max-height: 650px;
position: relative;
}
.optionSetSecondColumnWrapper {
padding: 15px 0px;
}
.wrapperOptionsValues.wrapperOptionsValuesSwatches.addson {
grid-template-columns: 1fr 1fr 1fr 1fr;
/*border-top: 1px solid #DDDDDD;*/
/*border-left: 1px solid #DDDDDD;*/
border-top: none;
border-left: none;
gap: 0px;
}
.wrapperNewFlow.flatOptionsflow .wrapperOptionsValues.wrapperOptionsValuesSwatches.addson {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.checkboxImage.checkboxImagePrice {
/*border-bottom: 1px solid #DDDDDD;*/
border-right: 1px solid #DDDDDD;
border-top: none;
border-bottom: none;
border-left: none;
}
.checkboxImage.checkboxImagePrice:last-child
{
border-right: none;
}
.wrapperOptionsUpgrades{
display:grid;
gap:0px;
grid-template-columns:1fr;
/*30%;*/
}
.wrapperOptionsUpgrades .wrapperOptionsValuesSwatches
{
grid-template-columns:1fr 1fr 1fr 1fr 1fr!important;
}
.template_wrapper.customBasket .wrapperOptionsUpgrades .wrapperOptionsValuesSwatches{
grid-template-columns:1fr 1fr 1fr!important;
}
.templatesWrapperTitles{
display:flex; gap:15px;
padding:15px;
}
.templatesWrapperTitles > div, .templatesWrapperTitles > button{
color:#000;
padding:5px 15px;
cursor:pointer;
border:1px solid #920124;
border:1px solid #000;
border-radius:5px;
background:#fff;
}
.templatesWrapperTitles >div:hover, .templatesWrapperTitles div.activeTab,
.templatesWrapperTitles >button:hover, .templatesWrapperTitles button.activeTab{
background:#000;
color:#fff;
}
.hideTabContent{
display:none;
}
.activeTabContent{
}
.wrapperOptionsUpgrades .qtyCartIndicator{
/*display:none;*/
visibility: hidden;
}
.checkboxImage.wrapperOptionsProducts.availableToChoose
{
/*border:1px solid #920124;*/
}
.backgroundAddonsImage
{
/*background:url(https://thegiftgroup.s3.ca-central-1.amazonaws.com/boldOptions/bold_options_background.png) no-repeat top left;*/
/*background-size:100% 100%;*/
}
.wrapper-tree-addons .wrapperOptions{
padding:10px;
background:#fff;
border-radius:5px;
}
.wrapperOptionsValues .tree_start li{
margin-bottom: 10px;
}
.wrapperOptionsValues .tree_start li > span{
background:none;
background: #920124;
background: #000;
/*border-radius: 5px;*/
color: #fff;
padding: 10px 15px;
border:1px solid #920124;
border:1px solid #000;
}
.wrapperOptionsValues .tree_start li > span:after{
}
.wrapperOptionsValues .tree_start li > span.activeOption
{
border:1px solid #920124;
border:1px solid #000;
background: #fff;
/*background: #000;*/
color: #000;
}
.wrapperOptionsValues .tree_start li:hover > span{
background:#fff;
color:#000;
/*border:1px solid #920124;*/
border:1px solid #000;
}
.wrapperNewFlow .optionSetSecondColumnWrapper{
border-radius: 0px 5px 5px 5px;
}
.wrapperNewFlow .wrapper-tree-addons .wrapperOptions{
border-radius: 5px 0px 0px 5px;
padding-bottom:70px;
}
.wrapperNewFlow.firstCopyStep .wrapper-tree-addons .wrapperOptions,
.wrapperNewFlow.firstCopyStep .wrapper-tree-addons .optionSetSecondColumnWrapper
{
border-radius: 5px;
}
.wrapperNewFlow.flatOptionsflow{
grid-template-columns: 1fr;
}
.flatOptionsflow .subWrapper{
/*padding-top:20px;*/
}
.wrapperNewFlow.firstCopyStep{
grid-template-columns: 25% 1fr;
}
.wrapperNewFlow.firstCopyStep .background_image_addonstype, .wrapperNewFlow.firstCopyStep .optionSetSecondColumnWrapper{
display:none;
}
.background_image_addonstype{
height: 100%;
align-content: center;
}
.background_image_addonstype img{
border-radius:5px;
}
.copyForFirstStep
{
background:#fff;
border-radius:5px;
padding:10px;
/*opacity:0.7;*/
text-align:center;
padding-top:20px;
}
.optionSetSecondColumnWrapper{
background:#fff;
border-radius:5px;
padding:10px 10px 10px 10px;
}
.wrapper-tree-addons
{
padding:0px;
}
.seperatorTitle{
margin:0px 5px;
}
.openedTreeItemName{
width:100%;display:block;
position:relative;
}
.titleGroupLevelWrapper span.lineDownTitle:after,
.openedTreeItemName:after,
.sub_menus_value_active span.lineDownTitle:after{
content:'';
background: #fff url("data:image/svg+xml,%3Csvg width='50' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 27.05 0 1.319 1.367 0 25 24.316 48.633 0 50 1.318z' fill='red' fill-rule='nonzero'/%3E%3C/svg%3E%0A") no-repeat 95% 80%!important;
/*//%23000*/
/*background: #fff url("data:image/svg+xml,%3Csvg fill='red' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 5l7 7-7 7'%3E%3C/path%3E%3C/svg%3E") no-repeat 95% 80%!important;*/
/*background-image: url('data:image/svg+xml,') no-repeat 95% 80%!important;*/
-webkit-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: "";
background-size: 1rem !important;
width:15px!important;
height:20px!important;
display:inline-block!important;
line-height: 1.5;
}
.openedTreeItemName:after{
position: absolute;
top: 0px;
right: 15px;
}
.wrapperOptionsValues.checkboxes{
margin-top:10px;display:grid;
grid-template-columns: 1fr;
}
.wrapperOptionsUpgrades .optionSetSecondColumnWrapper .sub_menus{
padding-top:10px;
}
.headingAddonsBackgroundImage{
width: 70%;
margin: 0px auto;
border-radius:10px;
}
.headingAddonsBackgroundImage img{
width:100%;
border-radius:10px;
}
.headingAddonsBackground{
padding:5px;
text-align:center;
font-size:34px;
font-weight:700;
color:#000;
}
.titleAddonsBackground{
padding:5px;
text-align:center;
font-size:28px;
font-weight:700;
color:#000;
}
.subtitleAddonsBackground{
padding:5px;
font-size:22px;
text-align:center;
color:#000;
font-weight:700;
}
.hintAddonsBackground{
padding:5px;
color:#000;
font-size:14px;
font-weight:400;
text-align:center;
}
.template_wrapper_adds.activeTabContent .subWrapper{
padding-top:10px!important;
}
.template_wrapper_adds.activeTabContent .wrapperOptionsValues.wrapperOptionsValuesSwatches.addson{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.template_wrapper_adds.activeTabContent.customBasket .wrapperOptionsValues.wrapperOptionsValuesSwatches.addson
{
/*grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
/*grid-template-columns: 1fr 1fr 1fr;*/
/*grid-template-columns: repeat(3, minmax(0, 1fr));*/
display:flex!important;
}
.template_wrapper_adds.activeTabContent.customBasket .checkboxImage.wrapperOptionsProducts.availableToChoose
{
flex: 0 0 calc((100% - 0px) / 3)!important;
overflow: hidden!important;
}
.boldOptionsWrapper .template_wrapper_adds.activeTabContent.customBasket .checkboxImage.wrapperOptionsProducts.availableToChoose
{
flex: 0 0 calc((100% - 0px) / 5)!important;
}
.optionWrappershort_text {
}
.optionWrappershort_text label{
margin-top: 0px;
display: block;
width: 100%;
}
.optionWrappershort_text input{
line-height: 1.2;
height: 47px;
padding: 5px 10px;
max-width: 100%;
border-radius: 5px;
box-sizing: border-box;
font-size: 13px;
margin: 0;
width: 100%;
border: 1px solid #ccc;
color: #444;
margin-top:15px;
}
.product__info-wrapper .shopify-block.shopify-app-block,
.product__details--product-page .shopify-block.shopify-app-block,
.product-block .shopify-block.shopify-app-block,
.shopify-product-form .shopify-block.shopify-app-block
{
display:inline-flex;
width: 49%;
padding: 0px;
margin: 0px;
margin-bottom:10px;
text-align: center;
}
.product-block .shopify-block.shopify-app-block.hide,
.product__details--product-page .shopify-block.shopify-app-block.hide,
.product__info-wrapper .shopify-block.shopify-app-block.hide,
.shopify-product-form .shopify-block.shopify-app-block.hide
{
display:none!important;
}
.bold-options-wrapper{
/*position: sticky;*/
/*bottom: 0px;*/
/*right: 0px;*/
background: #fff;
width: 100%;
padding: 10px;
}
.bold-options-wrapper.hide{
display:none;
}
.bold-options-wrapper-flat, .bold-options-custom-wrapper-flat{
/*border: 1px solid #F5F5F5;*/
background: #F5F5F5;
/*padding: 10px;*/
border: 1px solid #ececec;
/*border: 1px solid #F5F5F5;*/
background: #F5F5F5;
padding: 30px 10px 15px 10px;
position: relative;
margin-bottom:20px;
}
.bold-options-head-flat, .bold-options-custom-head-flat{
color:#000;
font-weight:500;
margin-bottom: 10px;
position: absolute;
top: -10px;
left: 0px;
background: #F5F5F5;
padding: 5px 10px;
line-height: 1;
/*text-transform: uppercase;*/
border: 1px solid #ececec;
font-size:18px;
}
.optionUlFlatFlow{
padding:0px;margin:0px;
list-style: none;
/*display:grid;*/
display: flex;
flex-wrap: wrap;
gap:10px;
/*grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;*/
/*margin-bottom:20px;*/
}
.optionUlFlatFlow li{
border: 1px solid #ececec;
justify-content: center;
text-align: center;
display: flex;
align-items: center;
padding:5px 10px;
border-radius:25px;
/*background:#F5F5F5;*/
background:#fff;
cursor:pointer;
margin-bottom:0px;
font-size:14px;
}
.optionUlFlatFlow li input{
margin-right:10px;
}
.optionUlFlatFlow li:hover, .optionUlFlatFlow li.activeSelectedOption
{
background:#000;
color:#fff;
}
.optionUlFlatFlow li.activeSelectedOption span{
font-weight:600;margin-left:5px;
}
.product_section .product_form{
max-width:100%;
}
/*.sliderList{*/
/* display:grid;*/
/* grid-template-columns: 1fr 1fr 1fr;*/
/*}*/
.template_wrapper.customBasket .optionSetSecondColumnWrapper .sub_menus{
grid-template-columns: 1fr 1fr;
}
.slider-wrapper {
width: 100%;
max-width: 1000px;
display: flex;
align-items: center;
/*gap: 16px;*/
gap: 0px;
}
.sliderTheme.slider-wrapper
{
position:relative;
}
.arrow {
flex-shrink: 0;
width: 28px;
height: 28px;
/*border: 1.5px solid var(--border);*/
background: red;
/*var(--surface);*/
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s, border-color 0.2s, transform 0.15s;
color: #fff;
/*var(--text);*/
position:absolute;
z-index: 9;
}
.arrow.prevBtn
{
top: 40%;
left: 0px;
right: unset;
}
.arrow.nextBtn{
top: 40%;
left: unset;
right: 0px;
}
.arrow:hover {
/*background: var(--accent);*/
/*border-color: var(--accent);*/
/*color: #000;*/
transform: scale(1.08);
}
.arrow svg {
width: 18px;
height: 18px;
fill: currentColor;
}
.arrow.hidden {
visibility: hidden;
pointer-events: none;
}
.sliderTrack {
flex: 1;
overflow: hidden;
border: 1px solid #DDDDDD;
}
.gs__modal-wrapper .sliderTrack{
margin-left:30px;
}
.sliderList {
display: flex;
/*gap: 20px;*/
transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1);
will-change: transform;
/*border: 1px solid #DDDDDD;*/
/*border-bottom: 1px solid #DDDDDD;*/
/*border-right: 1px solid #DDDDDD;*/
}
.dots {
display: flex;
gap: 8px;
margin-top: 32px;
justify-content: center;
}
.dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #555;
transition: background 0.25s, width 0.25s;
cursor: pointer;
}
.dot.active {
background: var(--accent);
width: 20px;
border-radius: 999px;
}
.wrapperOptions.subscriptions ul
{
display:flex;
flex-wrap: nowrap;
gap:15px;
list-style:none;
padding:0px;
}
.wrapperOptions.subscriptions ul li
{
width:100px;
height:auto;
display: flex;
cursor:pointer;
}
.wrapperOptions.subscriptions ul li.activeSubscription{
/*border:3px solid #920124;*/
border:3px solid yellowgreen;
}
.wrapperOptions.subscriptions ul li img{
width:100%;
max-width:100%;
}
.validationError{
padding:0px;
color: red;
font-size:12px;
}
/* ════════════════════════════════
CORE: hide the real radio input
════════════════════════════════ */
.btn-radio-group input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
/* ── Shared group layout ── */
.btn-radio-group {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
/* ════════════════════════════════
VARIANT 3 — Pill
════════════════════════════════ */
.pill label {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 18px;
font-size: 14px;
font-weight: 400;
border: 1px solid #d0d0d0;
border-radius: 999px;
background: #fff;
color: #555;
cursor: pointer;
user-select: none;
transition: background 0.1s, border-color 0.1s, color 0.1s;
}
.pill label:hover {
background: #f0f0f0;
color: #1a1a1a;
}
.pill input[type="radio"]:checked + label {
/*background: #3C3489;*/
/*border-color: #3C3489;*/
background: #000;
border-color: #000;
color: #fff;
font-weight: 500;
}
.pill input[type="radio"]:focus-visible + label {
outline: 2px solid #3b82f6;
outline-offset: 2px;
}
.text-short-body.hide{
display:none;
}
@media screen and (max-width: 500px) {
.buttonAddToCartAddon {
grid-template-columns: 1fr;
}
#gsAddOnsModal .gs__modal-body {
/*max-height: calc(100% - 250px)!important;*/
/*max-height: calc(100% - 0px)!important;*/
/*height:calc(100% - 0px)!important;*/
height: calc(100% - 170px) !important;
max-height: unset !important;
min-height: unset !important;
}
#gsAddOnsModal .optionSetSecondColumnWrapper{
/*padding: 0px!important;*/
padding-bottom: 70px;
}
.wrapperOptionsValues.checkboxes{
margin-top:0px!important;
}
.wrapperNewFlow, .wrapperNewFlow.firstCopyStep {
grid-template-columns: 1fr !important;
gap: 5px;
}
.background_image_addonstype {
display: none;
}
body.gs__modal-open .gs__modal-wrapper .gs__m .gs__modal-footer {
/*height:180px;*/
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
margin: 0px;
/*padding: 0px;*/
height: auto!important;
background:#fff;
z-index:999!important
}
.addons-wrapper{
grid-template-columns: 1fr !important;
gap: 5px;
display:block!important;
margin-bottom:10px;
}
.totalAddOnsWrapper{
grid-template-columns: 1fr 1fr!important;
gap: 0px;
line-height:1!important;
}
.buttonSaveSelectedAddOns, .saveGreetingCard
{
font-size:12px;
}
body.gs__modal-open .gs__modal-wrapper .gs__modal-content{
padding:0px;
}
.gs__m.gs__m-open.gs__m-xl{
border-radius:0px;
}
.detailExtrasWrapper .detailExtrasTitle{
display:none;
}
.optionSetSecondColumnWrapper .sub_menus{
grid-template-columns: 1fr 1fr;
padding-top:10px;
}
.wrapperOptionsValues.wrapperOptionsValuesSwatches.addson,
.wrapperNewFlow.flatOptionsflow .wrapperOptionsValues.wrapperOptionsValuesSwatches.addson
{
grid-template-columns: 1fr 1fr;
}
.addons-wrapper button{
width:100%;
}
.wrapper_extra_summary_selected li > div .imageExtraSummary img, .wrapper_extra_summary li > div .imageExtraSummary img, .detailExtrasWrapper .addedAddons .imageExtraSummary
{
width:40px!important;
}
.wrapperNewFlow .wrapper-tree-addons .wrapperOptions{
padding:0px!important;
}
.wrapper_extra_summary_selected li:not(:last-child)::after, .wrapper_extra_summary li:not(:last-child)::after
{
top: 0px;
top: 18px;
}
.wrapper_extra_summary_selected li > div .AddonExtraQty, .wrapper_extra_summary li > div .AddonExtraQty{
line-height:1.2;
padding: 2px 5px;
}
.wrapper-tree-addons
{
max-height: none!important;
min-height: auto!important;
}
body .gs__m .gs__modal-header {
font-size:18px;
}
.hintInfoAddons{
grid-column: 1 / -1;
line-height: 3;
}
#gsAddOnsModal .totalExtrasWrapper, .wrapperOptionsExtra .totalExtrasWrapper {
font-size:12px;
align-self: center;
padding:0px;
}
.gs__m.gs__m-open
{
height: stretch!important;
max-width:100%!important;
width:100%!important;
display: grid !important;
grid-template-rows: auto 1fr auto;
}
.titleOfGroup{
font-size:16px;
padding-top:0px;
display:none;
}
.gs__modal-footer .addons-wrapper{
gap:0px;
}
.wrapper_extra_summary_selected, .wrapper_extra_summary{
flex-wrap: nowrap !important;
padding-top:10px;
}
.wrapperProductAddonButtons .buttonAddToCartAddon{
grid-column: 3 / 2;
}
.wrapperProductAddonButtons .buttonAddToCartAddon.added{
grid-column: 3 / 1;
}
.wrapperProductAddonButtons .priceProductAddon{
grid-column: 3 / 1;
}
.subWrapper{
position:relative;
}
.copyForFirstStep{
display:none;
}
.sub_menus_values_list{
z-index:9;
}
.wrapperOptionsUpgrades .wrapperOptionsValuesSwatches{
grid-template-columns:1fr 1fr!important;
}
.templatesWrapperTitles > div, .templatesWrapperTitles > button{
padding:5px;
}
.titleGreetingPopup{
font-size:22px;
}
.subtitleGreetingPopup{
font-size:12px;
}
.greeting_header_head, .greeting_header_description{
padding:0px;
}
.greeting_header_head{
border:none;
}
.messageSuggestions ul{
grid-template-columns: 1fr;
}
.wrap_greeting_header_wrapper{
grid-template-columns: 1fr;
}
#gsGreetingCardModal .gs__modal-body{
padding-bottom:80px
}
.optionSetSecondColumnWrapper{
height: 100%!important;
max-height: unset!important;
min-height: unset!important;
}
.wrapperProductAddonButtons{
display:block;
}
.templatesWrapperTitles {
display: flex;
gap: 16px;
height: 80px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scroll-padding-left: 16px;
scroll-padding-right: 16px;
padding-bottom: 60px;
/*padding: 0 16px; */
/* creates left/right spacing */
/* hide scrollbar */
/*scroll-padding-left: 16px;*/
/*scroll-snap-align: center;*/
scrollbar-width: none;
align-items: stretch;
}
.templatesWrapperTitles::-webkit-scrollbar {
display: none;
}
.templatesWrapperTitles button {
flex: 0 0 75%;
/* 👈 key: less than 100% */
/*flex: 0 0 80vw;*/
scroll-snap-align: start;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
/*font-size: 40px;*/
/*border-radius: 12px;*/
}
.wrapper_extra_summary_selected li > div .imageExtraSummary img, .wrapper_extra_summary li > div .imageExtraSummary img, .detailExtrasWrapper .addedAddons .imageExtraSummary{
height:40px!important;
font-size:10px;
line-height: 1.2;
}
.product__info-wrapper .shopify-block.shopify-app-block,
.product__details--product-page .shopify-block.shopify-app-block,
.product-block .shopify-block.shopify-app-block,
.shopify-product-form .shopify-block.shopify-app-block
{
width:100%;
}
.checkboxImage.wrapperOptionsProducts.availableToChoose,
.checkboxImage.wrapperOptionsProducts.notAvailableToChoose
{
flex: 0 0 calc((100% - 0px) / 2) !important;
overflow: hidden !important;
}
.gs__modal-wrapper .checkboxImage.wrapperOptionsProducts.availableToChoose,
.gs__modal-wrapper .checkboxImage.wrapperOptionsProducts.notAvailableToChoose
{
flex: 0 0 calc((100% - 0px) / 2) !important;
}
.arrow.prevBtn, .arrow.nextBtn
{
/*display:none;*/
}
.sliderTrack{
/*flex: unset;*/
/*overflow: unset;*/
flex: 1;
overflow: hidden;
}
/*.sliderList{*/
/* display:grid;*/
/* grid-template-columns: 1fr 1fr;*/
/*}*/
.gs__modal-wrapper .sliderTrack{
margin-left:0px;
}
.boldOptionsWrapper .template_wrapper_adds.activeTabContent.customBasket .checkboxImage.wrapperOptionsProducts.availableToChoose
{
flex: 0 0 calc((100% - 0px) / 2)!important;
}
.checkboxImage.wrapperOptionsProducts.availableToChoose,
.checkboxImage.wrapperOptionsProducts.notAvailableToChoose
{
flex: 0 0 calc((100% - 0px) / 2) !important;
overflow: hidden !important;
}
.gs__modal-wrapper .checkboxImage.wrapperOptionsProducts.availableToChoose,
.gs__modal-wrapper .checkboxImage.wrapperOptionsProducts.notAvailableToChoose
{
flex: 0 0 calc((100% - 0px) / 2) !important;
}
}
.blockProductButtons {
/*max-width: var(--max-width);*/
margin: 0 auto;
text-align: center;
border: 1px solid var(--widget-border-color);
/*background-color: var(--widget-background-color);*/
background-color:initial;
/*padding:var(--section-padding);*/
width:100%;
}
#subscriptionNotification {
padding:0px;
color: red;
font-size:12px;
margin-top:10px;
}
/*.blockProductButtons_card.hide,*/
/*.blockProductButtons_date.hide,*/
/*.blockProductButtons_addons.hide,*/
/*.blockProductButtons_upgrade.hide{*/
/* display:none;*/
/*}*/
.blockProductButtons.hide{
display:none;
}
.product-action-row {
display: flex;
justify-content: space-between;
padding: 16px 0;
padding:0px;
/*border-bottom: 1px solid #eee;*/
cursor: pointer;
}
.blockProductButtons .action-text{
width:100%;
display:grid;
}
.blockProductButtons .action-text .action-title {
color: var(--title-color);
font-size: var(--title-size);
margin-bottom: var(--title-spacing);
font-weight: 700;
}
.blockProductButtons .action-text .action-subtitle {
margin-top:10px;
margin-top:0px;
color: var(--subtitle-color);
font-size: var(--subtitle-size);
margin-bottom: var(--subtitle-spacing);
line-height: 1.6;
/*height: 50px;*/
height: 50px;
align-content: center;
}
.blockProductButtons .action-text .action-subtitle p{
margin:0px;
}
.blockProductButtons button {
width: auto;
width:100%;
margin:0px auto;
padding: 16px 32px;
padding: 16px 5px;
font-size: var(--button-size);
font-weight: 600;
height: 50px;
padding:6px 5px;
/*background-color: var(--button-bg);*/
/*color: var(--button-text);*/
/*border: 1px solid var(--button-border-color);*/
/*border-radius: var(--button-radius);*/
/*border-color: var(--button-border-color);*/
cursor: pointer;
transition: background-color 0.3s ease;
}
.blockProductButtons button:hover {
/*background-color: var(--button-hover-color);*/
}
.blockProductButtons .action-helper {
font-size: var(--helper-size);
color: var(----helper-color);
text-align: center;
font-style: italic;
line-height: 1.5;
}
/* for websites */
.labaskets .wrapper_extra_summary_selected li > div .AddonExtraQty, .wrapper_extra_summary li > div .AddonExtraQty {
line-height: 1.7;
}
.heartthornca .buttonSaveSelectedAddOns, .heartthornca .saveGreetingCard{
font-size:14px!important
}
.rhodeislandbaskets .gs__m .gs__modal-header,
.heartthornca .gs__m .gs__modal-header,
.heartthorncom .gs__m .gs__modal-header,
.labaskets .gs__m .gs__modal-header,
.newjerseybaskets .gs__m .gs__modal-header,
.vancouverbaskets .gs__m .gs__modal-header
{
padding-top:5px!important;
padding-bottom:5px!important;
font-size:30px;
}
.labaskets .buttonAddToCartAddon
{
/*grid-template-columns: 40% 1fr;*/
}
.vancouverbaskets .gs__modal-wrapper .buttonAddToCartAddon,
.basketsphiladelphia .gs__modal-wrapper .buttonAddToCartAddon,
.basketsconnecticut .gs__modal-wrapper .buttonAddToCartAddon,
.rhodeislandbaskets .gs__modal-wrapper .buttonAddToCartAddon,
.basketscalifornia .gs__modal-wrapper .buttonAddToCartAddon,
.heartthornca .gs__modal-wrapper .buttonAddToCartAddon,
.heartthorncom .gs__modal-wrapper .buttonAddToCartAddon,
.montrealbaskets .gs__modal-wrapper .buttonAddToCartAddon,
.ottawabaskets .gs__modal-wrapper .buttonAddToCartAddon,
.hamiltonbaskets .gs__modal-wrapper .buttonAddToCartAddon{
grid-template-columns: 1fr;
}
/*.bold-options-custom-body-flat .buttonAddToCartAddon,*/
/*.bold-options-custom-body-flat .buttonAddToCartAddon.added{*/
/* grid-template-columns: 1fr;*/
/*}*/
/*.vancouverbaskets .optionSetSecondColumnWrapper,*/
.basketsphiladelphia .optionSetSecondColumnWrapper,
.basketsconnecticut .optionSetSecondColumnWrapper,
.rhodeislandbaskets .optionSetSecondColumnWrapper,
.basketscalifornia .optionSetSecondColumnWrapper,
.heartthornca .optionSetSecondColumnWrapper,
.heartthorncom .optionSetSecondColumnWrapper,
.montrealbaskets .optionSetSecondColumnWrapper,
.ottawabaskets .optionSetSecondColumnWrapper,
.hamiltonbaskets .optionSetSecondColumnWrapper,
.labaskets .optionSetSecondColumnWrapper,
.newjerseybaskets .optionSetSecondColumnWrapper
{
margin-top:20px;
}
.vancouverbaskets .temlateUpgradeWrapper .optionSetSecondColumnWrapper,
.basketsphiladelphia .temlateUpgradeWrapper .optionSetSecondColumnWrapper,
.basketsconnecticut .temlateUpgradeWrapper .optionSetSecondColumnWrapper,
.rhodeislandbaskets .temlateUpgradeWrapper .optionSetSecondColumnWrapper,
.basketscalifornia .temlateUpgradeWrapper .optionSetSecondColumnWrapper,
.heartthornca .temlateUpgradeWrapper .optionSetSecondColumnWrapper,
.heartthorncom .temlateUpgradeWrapper .optionSetSecondColumnWrapper,
.montrealbaskets .temlateUpgradeWrapper .optionSetSecondColumnWrapper,
.ottawabaskets .temlateUpgradeWrapper .optionSetSecondColumnWrapper,
.hamiltonbaskets .temlateUpgradeWrapper .optionSetSecondColumnWrapper,
.labaskets .temlateUpgradeWrapper .optionSetSecondColumnWrapper,
.newjerseybaskets .temlateUpgradeWrapper .optionSetSecondColumnWrapper
{
margin-top:0px;
}
.heartthornca .optionSetSecondColumnWrapper .sub_menus,
.heartthorncom .optionSetSecondColumnWrapper .sub_menus,
.newjerseybaskets .optionSetSecondColumnWrapper .sub_menus,
.montrealbaskets .optionSetSecondColumnWrapper .sub_menus,
.ottawabaskets .optionSetSecondColumnWrapper .sub_menus,
.hamiltonbaskets .optionSetSecondColumnWrapper .sub_menus
{
padding-top:20px;
}
.basketsconnecticut .optionSetSecondColumnWrapper .sub_menus,
.basketscalifornia .optionSetSecondColumnWrapper .sub_menus,
.labaskets .optionSetSecondColumnWrapper .sub_menus,
.montrealbaskets .optionSetSecondColumnWrapper .sub_menus,
.ottawabaskets .optionSetSecondColumnWrapper .sub_menus,
.hamiltonbaskets .optionSetSecondColumnWrapper .sub_menus
{
padding-top:6px;
}
.vancouverbaskets .optionSetSecondColumnWrapper .sub_menus,
.basketsphiladelphia .optionSetSecondColumnWrapper .sub_menus,
.rhodeislandbaskets .optionSetSecondColumnWrapper .sub_menus{
padding-top:16px;
}
.newjerseybaskets .buttonAddToCartAddon{
grid-template-columns: 50% 1fr;
}
.newyorkbaskets{
}
#calendar .header{
display: block !important;
}
.yorkvillesca .gs__modal-wrapper .global-button--secondary{
background:#000;
}
.yorkvillesca .gs__modal-wrapper .global-button--secondary:hover{
background:#e6e6e6;
}
.dropdown.dropdownGreetingCards
{
margin-top: 0px;
}