Warning: chmod(): Operation not permitted in /var/www/hopeinstoughton_www/wp-content/plugins/simple-universal-google-analytics/main.php on line 8 [0] in function chmod in /var/www/hopeinstoughton_www/wp-content/plugins/simple-universal-google-analytics/main.php on line 8 [1] in function include_once in /var/www/hopeinstoughton_www/wp-settings.php on line 560 [2] in function require_once in /var/www/hopeinstoughton_www/wp-config.php on line 85 [3] in function require_once in /var/www/hopeinstoughton_www/wp-load.php on line 50 [4] in function require_once in /var/www/hopeinstoughton_www/wp-blog-header.php on line 13 [5] in function require in /var/www/hopeinstoughton_www/index.php on line 17
| Server IP : 94.177.8.99 / Your IP : 216.73.217.165 Web Server : Apache/2.4.58 (Ubuntu) System : Linux aries 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64 User : www-data ( 33) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/theyoungdesigners_com/modules/store/static/ |
Upload File : |
.product-container {
width: 100%;
display: table;
color: #040c13;
font-family: "Human BBY Digital","Human Fallback",Arial,Helvetica,sans-serif;
font-size: 13px;
line-height: 1.2;
box-sizing: border-box;
}
.border {
border: 2px solid #d5d9d9;
border-radius: 8px;
padding: 10px;
display: table;
}
.border1 {
border: 1px solid #c5cbd5;
}
.order-header {
width: 100%;
margin: 15px 0;
}
.order-dialog,
.tracking-dialog,
.variation-dialog {
max-width: 100%;
}
.variation-dialog .ui-dialog-content {
padding: 6px !important;
}
.detail-container .column,
.order-header .column,
.account-container .column,
.product-container .column {
display: table-cell;
vertical-align: top;
}
.product-container > .column-left {
width: 795px;
max-width: 795px;
height: 600px;
padding: 0 10px;
}
.product-container > .column-right {
width: 430px;
height: 600px;
padding: 0 24px;
}
.account-container > .column-left {
width: 49%;
padding-right: 15px;
}
.account-container > .column-right {
width: 49%;
padding-left: 15px;
border-left: 2px solid #007fff;
}
.order-header .column h4 {
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 1em;
margin: 2px 0 6px;
}
.order-header > .column-left {
width: 70%;
}
.order-header > .column-right {
width: 30%;
}
.order-header > .column-right .key {
display: inline-block;
width: 150px;
}
.order-header > .column-right .value {
display: inline-block;
text-align: right;
width: 80px;
}
.order-header > .column-right .space {
margin-top: 8px;
}
.pslip-header .column-left {
width: 50%;
}
.pslip-header .column-right .value {
width: 200px;
}
.pslip-body .amountcol {
font-size: 24pt;
}
.order-outer,
.order-detail {
width: 100%;
}
.detail-container .column.col1 {
width: calc(100% - 300px) !important;
}
.detail-container .column.actions {
display: table-cell !important;
}
.row {
display: flex;
flex-wrap: wrap;
margin-left: calc(8px*-1);
margin-right: calc(8px*-1);
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
max-width: 100%;
padding-left: 8px;
padding-right: 8px;
width: 100%;
}
.col-xs {
flex: 0 0 auto;
}
.col-xs-2 {
flex: 0 0 auto;
width: 18%;
}
.col-xs-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xs-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xs-9 {
flex: 0 0 auto;
width: 75%;
}
.pl-50 {
padding-left: 4px;
}
.grow {
flex-grow: 1;
}
.mt-500 {
margin-top: 40px;
}
.font-weight-medium, .v-fw-medium {
font-weight: 600;
}
.font-500 {
font-weight: 500;
}
.pb-200 {
padding-bottom: 16px;
}
.leading-8 {
line-height: 40px;
}
.h5, .heading-5 {
font-size: 20px !important;
font-family: "Human BBY Digital",Arial,Helvetica,sans-serif;
line-height: 1.2;
}
.text-style-body-lg-400 {
font-size: 16px;
line-height: 20px;
font-weight: 400;
}
.product-container a {
color: #0457c8;
text-decoration: none;
}
.product-container a:hover {
color: #001e73;
text-decoration: underline;
}
.product-container .shop-product-title .sku-title > h1 {
font-size: 24px;
font-weight: 500;
margin: 0;
padding: 0;
}
.px-none, .v-p-horizontal-reset {
padding-left: 0;
padding-right: 0;
}
.py-100 {
padding-top: 8px;
padding-bottom: 8px;
}
.w-full {
width: 100%;
}
.inline-block {
display: inline-block;
}
.flex {
display: flex;
}
.justify-content-center {
justify-content: center;
}
.align-items-center {
align-items: center;
}
.sc-white-space-nowrap {
white-space: nowrap;
}
.a-text-bold {
font-weight: 700 !important;
}
.a-size-base {
font-size: 14px;
line-height: 20px;
}
.product-container .shop-product-title .product-data-label,
.product-container .shop-product-title .product-data-value {
font-size: 11px;
}
.product-container .shop-product-title .product-data-label {
margin-right: 0;
}
.text-info {
color: #1d252c;
}
.product-container .shop-product-title .product-data-value {
color: #1d252c;
font-weight: 400;
margin-left: 3px;
}
.priceView-customer-price {
font-weight: 500;
}
.priceView-hero-price {
color: #1d252c;
font-size: 30px;
font-weight: 600;
line-height: 35px;
}
.sr-only, .visually-hidden {
clip: rect(0,0,0,0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.product-container .shop-product-title .product-data strong {
font-weight: 400;
}
.product-container .shop-product-title .sku-title > h1 {
font-size: 24px;
font-weight: 500;
}
button {
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
text-transform: none;
}
[type="button"], [type="reset"], [type="submit"], button {
-webkit-appearance: button;
appearance: button;
cursor: pointer;
}
.c-button {
align-items: center;
border-radius: 4px;
border-style: solid;
border-width: 0;
display: inline-flex;
font-size: 15px;
font-weight: 600;
height: 35px;
justify-content: center;
padding-left: 28px;
padding-right: 28px;
transition: all .3s ease-out 0s;
}
.btn-block, .c-button-block {
justify-content: center;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.c-button-lg {
height: 45px;
padding: 0 12px;
}
.c-button-primary {
background-color: #ffe000;
color: #040c13;
}
.c-button-icon {
gap: 4px;
}
.c-button-primary:hover {
background-color: #fff200;
}
.c-button-icon.c-button-lg {
gap: 8px;
}
.c-button-secondary {
background-color: #0046be;
color: #fff !important;
}
.c-button-secondary:hover {
background-color: #386abf;
}
.c-button-disabled {
background-color: #b5b5b5;
color: #040c13;
cursor: not-allowed;
}
[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0;
}
.c-overlay-wrapper {
display: inline-block;
position: relative;
}
.save-for-later .c-overlay-wrapper {
display: block;
}
.rounded-full {
border-radius: 9999px;
}
.btn-unstyled, .c-button-unstyled {
background-color: unset;
border: unset;
padding: unset;
}
/* Variations */
.shop-product-variations {
margin-bottom: 10px;
}
.w-full {
width: 100%;
}
.shop-product-variations .variation {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 11px;
}
.shop-product-variations .variation-header {
display: flex;
height: 21px;
margin: 15px 0 2px;
white-space: nowrap;
width: 100%;
}
.shop-product-variations .variation .variation-header {
align-items: center;
display: flex;
height: unset;
margin-bottom: 0;
margin-top: 0;
}
.shop-product-variations .variation .variation-header .category-name, .shop-product-variations .variation .variation-header .hover-info {
color: #040c13;
font-size: 13px;
font-weight: 400;
line-height: 16px;
}
.shop-product-variations .variation .variation-header .hover-info {
font-weight: bold;
margin-left: 2px;
overflow: hidden;
text-overflow: ellipsis;
}
.shop-product-variations .variation .variation-header .inherited-category {
padding-left: 20px;
font-style: italic;
}
.sr-only, .visually-hidden {
clip: rect(0,0,0,0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.c-carousel-list, .flex-carousel-slider ul, .pl-flex-carousel-slider ul {
display: flex;
margin: 0;
padding: 0;
transition: transform .5s ease-out;
width: 100%;
}
.shop-product-variations ul {
list-style: none;
margin: 0;
padding: 0;
}
.shop-product-variations .item {
padding: 3px 0;
}
.shop-product-variations .item:first-child {
margin-left: 2px;
}
.c-carousel-item, .flex-carousel-slider .item, .pl-flex-carousel-slider .item {
box-sizing: border-box;
display: inline-flex;
flex: 0 0 auto;
list-style: none;
outline-offset: -1px;
}
.shop-product-variations .variation .pl-flex-carousel .item {
display: flex;
gap: 10px;
margin-bottom: 1px;
padding: 0;
}
.border-selected {
border-color: #1d252c;
box-shadow: 0 0 0 1px #1d252c;
}
.shop-product-variations .variation .variation-image-tile,
.shop-product-variations .variation .variation-swatch-tile,
.shop-product-variations .variation .variation-text-tile {
align-items: center;
background-color: #fff;
border: 2px solid #90959e;
border-radius: 8px;
box-shadow: none;
box-sizing: border-box;
color: #1d252c;
display: flex;
flex-direction: column;
gap: 4px;
height: 100%;
justify-content: center;
min-height: 44px;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
min-width: 52px;
max-width: 120px;
}
.shop-product-variations .variation .variation-image-tile,
.shop-product-variations .variation .variation-swatch-tile,
.shop-product-variations .variation .variation-text-tile {
color: #1d252c;
text-align: center;
}
.shop-product-variations .variation .variation-image-tile.tile-selected,
.shop-product-variations .variation .variation-image-tile:hover,
.shop-product-variations .variation .variation-swatch-tile.tile-selected,
.shop-product-variations .variation .variation-swatch-tile:hover,
.shop-product-variations .variation .variation-text-tile.tile-selected,
.shop-product-variations .variation .variation-text-tile:hover {
border: 2px solid #0046be;
}
.body-copy {
font-size: 13px;
}
.shop-product-variations .tile-label {
display: inline-block;
overflow: hidden;
}
.flex-carousel-arrow-left {
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: 2;
}
.pl-flex-carousel {
overflow: hidden;
padding: 10px 3px;
}
.v-no-overlay > .pl-flex-carousel {
flex: 1 1 100%;
}
.v-no-overlay > .flex-carousel-arrow-left, .v-no-overlay > .flex-carousel-arrow-right {
flex: 0 0 auto;
height: auto;
position: static;
}
.shop-product-variations .pl-flex-carousel {
padding: 7px 3px 7px 4px;
}
.shop-product-variations .variation .pl-flex-carousel {
padding-bottom: 0;
padding-top: 0;
}
.clamp, .line-clamp-2, .v-line-clamp {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.shop-product-variations .tile-label p {
margin: 0;
}
.splide {
width: 370px;
}
.full-width .splide {
width: inherit;
}
.splide .splide__slide {
padding-left: 10px;
}
.splide .splide__slide:first-child {
padding-left: 0px;
}
.splide__arrow--prev {
left: 0 !important;
}
.splide__arrow--next {
right: 0 !important;
}
.splide__arrow {
background: #fff;
border-radius: 0;
height: 44px;
opacity: 1;
}
.splide__arrow:disabled {
opacity: 0;
pointer-events: none;
}
.splide__arrow svg {
fill: #0046be;
}
/* ------------------------------------------ */
.a-spacing-none, .a-ws .a-ws-spacing-none {
margin-bottom: 0 !important;
}
.a-size-mini {
font-size: 12px !important;
line-height: 16px !important;
}
.a-color-base {
color: #0f1111 !important;
}
.a-align-center, .aok-align-center {
vertical-align: middle !important;
}
.a-nowrap, .aok-nowrap {
white-space: nowrap;
}
.a-offscreen, .aok-offscreen {
position: absolute !important;
left: 0 !important;
bottom: -1px !important;
z-index: -1 !important;
opacity: 0;
}
.reinventPricePriceToPayMargin,
.reinventPriceSavingsPercentageMargin {
margin-right: 3px;
}
.a-price {
font-size: 28px;
line-height: normal;
text-decoration: none;
position: relative;
}
.tile-product .a-price {
font-size: 32px;
}
.a-price .a-price-fraction, .a-price .a-price-symbol {
position: relative;
}
.a-price .a-price-symbol,
.a-price .a-price-fraction {
top: -.75em;
font-size: 13px;
}
.tile-product .a-price .a-price-symbol,
.tile-product .a-price .a-price-fraction {
top: -.55em;
font-size: 18px;
}
.a-price .a-price-decimal {
position: absolute;
opacity: 0;
}
.imageViewer.visible {
position: relative;
height: 100%;
}
.product-container .imageViewer.visible {
height: 530px;
margin-bottom: 70px;
margin-top: 37px;
}
.magnifier-lens {
position: absolute;
cursor: pointer;
pointer-events: none;
background-image: url(data:image/gif;base64,R0lGODlhZABkAPABAHOf4fj48yH5BAUAAAEALAAAAABkAGQAAAL/jI+py+0PowOB2oqvznz7Dn5iSI7SiabqWrbj68bwTLL2jUv0Lvf8X8sJhzmg0Yc8mojM5kmZjEKPzqp1MZVqs7Cr98rdisOXr7lJHquz57YwDV8j3XRb/C7v1vcovD8PwicY8VcISDGY2GDIKKf4mNAoKQZZeXg5aQk5yRml+dgZ2vOpKGraQpp4uhqYKsgKi+H6iln7N8sXG4u7p2s7ykvnyxos/DuMWtyGfKq8fAwd5nzGHN067VUtiv2lbV3GDfY9DhQu7p1pXoU+rr5ODk/j7sSePk9Ub33PlN+4jx8v4JJ/RQQa3EDwzcGFiBLi6AfN4UOGCyXegGjIoh2KHsQ0rsD4y+NHjgZFqgB5y2Qfks1UPmEZ0OVLlIcKAAA7);
}
.zoom-window {
overflow: hidden;
position: fixed;
background-color: white;
z-index: 199;
box-shadow: rgba(0, 0, 0, 0.25) 0px 6px 8px 2px;
border: 1px solid rgb(148, 148, 148);
display: block;
}
.zoom-window img {
/* transform: scale(1.5);
transform-origin: top left; */
}
.imageViewer > .container > .footer > .thumbnailsWrapper > .thumbnailContainer > .thumbnail {
border: solid 2px #90959e !important;
border-radius: 8px !important;
}
.imageViewer > .container > .footer > .thumbnailsWrapper > .thumbnailContainer > .selected {
border-color: #0046be !important;
}
.imageViewer > .container > .footer {
bottom: -70px !important;
}
.sortable {
list-style-type: none; margin: 0; padding: 0;
}
.sortable li {
margin: 0 3px 3px 3px;
padding: 5px 0.4em 4px 1.5em;
font-size: 18px;
position: relative;
}
.sortable li i {
position: absolute;
margin-left: -1.3em;
top: 3px;
color: #d9d5d2;
cursor: ns-resize;
}
table.product-variation {
border: 2px solid #444;
}
table.product-variation td {
padding: 6px;
width: 150px;
font-size: 16px;
}
table.product-variation th {
padding: 6px;
text-align: left;
}
table.product-variation > tbody > tr:nth-of-type(2n+1) {
background-color: #b7b7b7;
}
table.product-variation > tbody > tr:nth-of-type(2n) {
background-color: #eef;
}
.cart-menu {
background-color: rgba(255,255,255,0.3);
padding: 15px 10px 5px 10px;
border-radius: 5px;
margin-right: 10px;
color: #fff;
}
.cart-menu:hover {
background-color: #ffe000;
color: #000;
}
.cart-caption {
vertical-align: 2px;
font-size: 14pt;
}
.cart-container {
position: relative;
vertical-align: baseline;
}
.cart-container .cart-count {
background-color: #fa3e3e;
color: #fff;
padding: 2px 0;
font-size: 10px;
position: absolute;
top: -15px;
right: 0;
border-radius: 50%;
aspect-ratio: 1 / 1;
height: 16px;
text-align: center;
}
.cart-wrapper {
margin-top: 20px;
color: #0f1111;
}
.cart-wrapper .cart-left {
display: inline-block;
width: 880px;
max-width: 100%;
vertical-align: top;
padding: 20px;
background-color: #fff;
}
.cart-wrapper .cart-right {
display: inline-block;
width: 283px;
vertical-align: top;
padding: 20px;
background-color: #fff;
margin-left: 17px;
}
.a-spacing-top-micro {
margin-top: 4px !important;
}
.a-text-right {
text-align: right !important;
}
.a-row {
width: 100%;
}
.a-row::after, .a-row::before {
display: table;
content: '';
line-height: 0;
font-size: 0;
}
.a-row::after {
clear: both;
}
.a-row .a-span10, .a-ws .a-row .a-ws-span10 {
width: 82.948%;
}
.a-row .a-span2, .a-ws .a-row .a-ws-span2 {
width: 14.948%;
}
.a-ws div.a-column, div.a-column {
margin-right: 2%;
float: left;
min-height: 1px;
overflow: visible;
}
.a-column.a-span-last {
margin-right: 0;
float: right;
}
.a-ws .a-ws-span12, div.a-column.a-span-last {
margin-right: 0;
float: right;
}
.a-spacing-mini, .a-ws .a-ws-spacing-mini {
margin-bottom: 4px !important;
}
.shop-container {
color: #0f1111;
display: table-row;
}
.a-section {
display: table;
width: 100%;
}
.a-section .shop-container > div {
display: table-cell;
vertical-align: top;
border-top: 1px solid #E7E7E7;
padding-top: 10px;
}
.a-section .shop-photo {
width: 180px;
}
.a-section .shop-photo img {
width: 100%;
}
.a-section .shop-content {
padding-left: 20px;
}
.a-section .shop-content .desc {
font-size: 18px;
line-height: 1.3em;
white-space: normal;
word-break: normal;
margin-bottom: 20px;
}
a.c-button,
a.cart-link,
.a-section .shop-content a {
text-decoration: none;
color: var(--link-color);
}
a.c-button:hover,
a.cart-link:hover,
.a-section .shop-content a:hover {
text-decoration: underline;
color: var(--link-color);
}
.shop-container .shop-removed {
padding-bottom: 20px;
}
.shop-container .abbreviate {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 440px;
display: inline-block;
vertical-align: bottom;
}
.a-section .shop-pricing {
width: 100px;
text-align: right;
font-weight: bold;
}
.a-size-medium {
font-size: 18px;
line-height: 24px;
}
.variation-wrapper {
margin-bottom: 20px;
}
.shop-item-links > span {
padding-left: 15px;
}
.shop-item-links > span:first-of-type {
padding-left: 0;
}
.shop-item-links > span:before {
content: "|";
padding-right: 15px;
color: #777;
}
.shop-item-links > span:first-of-type:before {
content: "";
padding-right: 0px;
}
/* ----------------------------------------------- */
.sc-action-quantity {
max-width: 110px;
}
.a-dropdown-container {
position: relative;
}
.a-grid-vertical-align.a-row {
border-collapse: collapse;
}
.sc-action-quantity label,
.sc-action-quantity legend {
display: block;
padding-left: 2px;
padding-bottom: 2px;
font-weight: 700;
}
label.sc-update-quantity-select {
z-index: 1 !important;
}
.sc-action-quantity select {
pointer-events: none;
-webkit-transition: all .1s linear;
transition: all .1s linear;
line-height: 19px;
color: #0f1111;
}
.a-native-dropdown, .a-native-splitdropdown {
position: absolute;
z-index: -1;
opacity: .01;
max-width: 100%;
left: 0;
}
.a-button {
background: #fff;
border-radius: 3px;
border-color: #d5d9d9;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: inline-block;
padding: 0;
text-align: center;
text-decoration: none !important;
vertical-align: middle;
/* width: 100%; not for qty dropdown */
}
.a-button-normal {
background-color: #e5fbe6;
}
.actions .a-button {
width: 100%;
}
.a-button-dropdown {
background: #f0f2f2;
}
.a-button:not(.a-button-toggle) {
border-radius: 8px;
box-shadow: 0 2px 5px 0 rgba(213,217,217,.5);
}
.a-button-group-splitdropdown .a-button, .a-dropdown-container .a-button-dropdown {
border-color: #d5d9d9;
border-radius: 8px;
color: #0f1111;
background-color: #f0f2f2;
}
.a-button-text {
background-color: transparent;
border: 0;
display: block;
font-size: 13px;
line-height: 29px;
margin: 0;
outline: 0;
padding: 0 10px 0 11px;
text-align: center;
white-space: nowrap;
}
.a-button-dropdown .a-button-text {
padding-right: 26px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
z-index: 10;
}
.a-dropdown-label {
margin-right: 6px;
}
.a-button .a-button-text {
line-height: 29px;
}
.a-button-inner {
display: block;
position: relative;
overflow: hidden;
height: 29px;
border-radius: 2px;
}
.a-button:not(.a-button-toggle) .a-button-inner {
border-radius: 7px;
background: 0 0;
box-shadow: none;
}
.a-button-group-splitdropdown .a-button .a-button-inner, .a-dropdown-container .a-button-dropdown .a-button-inner {
border-radius: 7px;
background: #f0f2f2;
box-shadow: 0 2px 5px rgba(15,17,17,.15);
}
.sc-hidden {
display: none;
}
.a-button-primary {
background: #ffd814;
border-color: #fcd200;
}
.a-hidden, .aok-hidden {
display: none !important;
visibility: hidden !important;
}
.a-button i {
position: absolute;
top: 10px;
right: 8px;
}
/* -------------------------------------------------------------- */
.a-popover-wrapper {
overflow: hidden;
border: 1px solid #bbbfbf;
border-color: #bbbfbf;
height: 100%;
width: 100%;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(15,17,17,.15);
background-color: #fff;
}
.a-popover-inner {
background-color: #fff;
padding: 14px 16px;
text-align: left;
overflow-x: hidden;
}
.a-dropdown-common .a-popover-inner {
padding: 8px 0;
}
ol.a-list-link, ul.a-list-link {
margin: -2px 0 0;
color: #0f1111;
padding: 0;
}
ol.a-nostyle li, ul.a-nostyle li {
list-style: none;
}
ol.a-list-link li, ul.a-list-link li {
display: block;
position: relative;
}
.a-dropdown-common .a-dropdown-item {
margin: 0;
outline: 0;
}
.a-dropdown-common .a-dropdown-link {
color: #0f1111;
text-decoration: none;
padding: 2px 12px 1px 13px;
display: block;
white-space: nowrap;
outline: 0;
border: 1px solid transparent;
margin-left: 1px;
}
.a-dropdown-common .a-dropdown-link.a-active {
border-color: #d5d9d9;
background-color: #edfdff;
border-left-color: #007185 !important;
}
.a-dropdown-common .a-dropdown-item:hover .a-dropdown-link {
border-color: #d5d9d9;
background-color: #f0f2f2 !important;
color: inherit;
text-decoration: none;
}
.body-container .ui-accordion .ui-accordion-header {
font-size: 1.5em;
font-family: Arial, Helvetica, sans-serif;
}
.body-container .ui-accordion .ui-state-default {
background-color: #e3f0ff;
}
.body-container .ui-accordion .ui-state-active {
background-color: #007fff;
color: #fff;
}
/* ----------------------------------------------------- */
.container-login {
text-align: right;
}
.icon-login {
box-shadow: 0px 1px 0px 0px #fff6af;
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
background-color:#ffec64;
border:1px solid #ffaa22;
border-radius:6px;
display:inline-block;
cursor:pointer;
color:#333333;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:5px 8px 2px 8px;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}
.icon-login:hover {
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
background-color:#ffab23;
}
.icon-login:active {
position:relative;
top:1px;
}
.icon-login .largeicon {
font-size: 1.1em;
}
.icon-login.icon-google {
box-shadow:inset 0px 1px 0px 0px #54a3f7;
background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
background-color:#007dc1;
border:1px solid #124d77;
color: #fff;
}
.icon-login.icon-google:hover {
background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
background-color:#0061a7;
color: #eee;
}
.address-container,
.service-container
{
margin-bottom: 15px;
}
.address-container .name-class {
font-weight: bold;
font-size: 16px;
margin-bottom: 3px;
}
.address-container .text-class {
font-size: 16px;
margin-bottom: 3px;
}
.service-container .name-class {
font-weight: bold;
font-size: 16px;
margin-bottom: 3px;
}
.service-container .text-class {
font-size: 16px;
margin-bottom: 3px;
text-align: right;
}
#panel_subtotal .a-subtotal {
padding-top: 10px;
}
#panel_subtotal .col1 {
display: inline-block;
width: 220px;
}
/*
#panel_subtotal .col1:before {
float: left;
width: 0;
white-space: nowrap;
content:
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
} */
#panel_subtotal .col2 {
display: inline-block;
width: 100px;
text-align: right;
vertical-align: baseline;
}
input.readonly,
select.readonly {
background-color: #ccc !important;
}
.message-empty {
font-weight: bold;
font-size: 1.2rem;
}
.cart-available {
padding-bottom: 15px;
}
.cart-available span {
font-weight: bold;
}
.order-flex {
display: flex;
flex-flow: row wrap;
column-gap: 20px;
}
.order-flex .order-item {
position: relative;
}
.order-flex .order-item .bubble {
position: absolute;
bottom: 5px;
right: 0;
border-radius: 50%;
border: 1px solid #333;
color: #333;
min-width: 26px;
aspect-ratio: 1 / 1;
background-color: #eee;
text-align: center;
line-height: 1.6;
}
.history-container {
width: 918px;
max-width: 100%;
}
.history-container a {
text-decoration: none !important;
}
.history-container .header {
border: 1px solid #d5d9d9;
border-radius: 8px 8px 0 0;
background-color: #f0f2f2 !important;
padding: 15px;
}
.history-container .content .col ,
.history-container .header .col {
display: inline-block;
vertical-align: top;
}
.history-container .header .col .caption {
display: block;
}
.history-container .header .col1 {
width: 138px;
}
.history-container .header .col2 {
width: 100px;
}
.history-container .header .col3 {
width: 138px;
}
.history-container .header .col4 {
text-align: right;
width: calc(100% - 390px);
}
.history-container .caption {
font-size: 12px !important;
line-height: 16px !important;
text-transform: uppercase !important;
}
.history-container .content {
border-left: 1px solid #d5d9d9;
border-right: 1px solid #d5d9d9;
padding: 10px 15px;
}
.order-outer .heading,
.order-detail .heading,
.history-container .content .heading {
font-size: 18px !important;
line-height: 24px !important;
font-weight: 700 !important;
color: #FF8F00;
}
.order-outer .subheading,
.order-detail .subheading {
margin-bottom: 10px;
font-size: 14px !important;
font-weight: 700 !important;
color: #FF8F00;
}
.history-container .content .col1 {
width: 100px;
}
.history-container .content .col1 img {
width: 96px;
max-height: 96px;
}
.history-container .content .detail {
width: 560px;
padding: 0 10px;
}
.history-container .footer {
border: 1px solid #d5d9d9;
border-radius: 0 0 8px 8px;
padding: 15px;
margin-bottom: 12px !important;
}
.indented2 {
width: 910px;
margin: 0 auto;
}
.store-address-container {
display: flex;
flex-flow: row wrap;
gap: 20px;
font-size: 12pt;
}
.store-address-container .address-item {
border: 2px solid #d5d9d9;
border-radius: 8px;
padding: 20px;
width: 290px;
}
.store-address-container .address-item.default {
border: 2px solid #FF8F00;
}
.store-address-container .address-item.default .set-default {
display: none;
}
.store-address-container .address-item .top {
min-height: 140px;
font-size: 13pt;
line-height: 1.3;
}
.address-item .bold {
font-weight: bold;
}
.store-address-container.fulfill .address-item .top {
min-height: 10px;
}
/* ------------------------------------------- */
.a-spacing-mini {
margin-bottom: 4px !important;
}
.a-button-inner {
display: block;
position: relative;
overflow: hidden;
height: 29px;
border-radius: 2px;
}
.a-button {
cursor: pointer;
text-align: center;
}
.a-button .a-button-text {
line-height: 29px;
}
.a-button a, .a-button:hover a {
color: #0f1111;
text-decoration: none !important;
}
.a-button:hover {
background-color: #c7fdfd;
border-color: #888c8c;
}
.a-button-primary {
background-color: #ffd814;
border-color: #ffd814;
}
.ordered tr td {
padding: 4px;
}
.amountcol {
padding-right: 20px !important;
}
.right {
text-align: right;
}
.bold {
font-weight: bold;
}
.ordered {
padding: 20px;
}
.ordered.fulfill .amountcol.hilite {
font-size: 2em;
font-weight: bold;
color: #009f19;
}
.textentry {
padding-bottom: 5px;
text-align: right;
}
.textentry .caption {
font-size: 1.05rem;
}
.textentry .value {
font-size: 1.05rem;
font-weight: bold;
padding-left: 1em;
}
body[data-bg="bg03"] .cart-caption,
body[data-bg="bg03"] .cart-container {
color: #000;
}
body[data-bg="bg03"] .cart-menu {
background-color: rgba(0,0,0,0.3);
}
body[data-bg="bg03"] .cart-menu:hover {
background-color: rgba(255, 255, 0, 0.7);
}
/* tracking */
.tb-step, .delivered-status.expanded .tb-step {
border-left: 4px solid #336;
padding-left: 20px;
display: inline-block;
margin-left: 9px;
width: 100%;
padding-bottom: 30px;
}
.expanded .tb-step.collapsed {
display: block;
}
.tb-step::before {
border: 5px solid #336;
content: "";
border-radius: 9px;
display: inline-block;
background-color: #336;
left: 11px;
position: absolute;
outline-color: #fff;
outline-style: solid;
z-index: 99;
}
.tb-status {
color: #3573b1;
}
.tb-step p {
font-weight: normal;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 0;
}
.tb-step p.tb-status-detail {
font-weight: bold;
font-size: 16px;
padding: 0 0 4px 0;
color: #336;
}
div.tb-progress,
div.tb-estimated,
div.tb-track {
font-weight: normal;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 20px;
margin-top: 3px;
}
div.tb-progress span,
div.tb-estimated span,
div.tb-track span {
font-weight: bold;
}
div.tb-history {
margin-top: 20px;
}
div.tb-item {
margin-bottom: 40px;
}
div.tb-link {
font-weight: bold;
font-size: 14px;
padding: 4px 0;
}
table.table-tracking td {
padding: 3px 10px;
}
table.table-tracking .head td {
padding-right: 20px;
background-color: #c3daf9;
}
.table-frame {
margin: 20px 0 50px;
padding: 10px;
border: 1px solid #7b7b7b;
border-radius: 5px;
background-color: #eee;
}
.variation-table button.variation-tile {
display: inline-block !important;
max-height: 44px;
margin: 3px 0;
}
.table-product-variation thead th.col-0,
.table-product-group thead th.col-0 {
width : 200px !important;
min-width: 200px;
max-width: 200px;
}
.table-product-group thead th.col-1 {
width: auto !important;
}
.productlist-container {
display: flex;
flex: 1;
flex-flow: row wrap;
}
.productlist-container .product-image {
min-height: 270px;
}
.productlist-container .product-item {
width: 290px;
background-color: #ffe;
min-height: 400px;
padding: 8px;
position: relative;
}
.productlist-container .product-text {
font-size: 16px;
line-height: 24px;
font-weight: bold;
font-style: normal;
text-transform: none;
}
.product-item .product-link {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ------------------------------------------ */
.tile-break {
width: 100%;
padding: 0 !important;
margin: 0 !important;
height: 0;
}
.tile-view {
position: relative;
display: inline-block;
padding: 10px;
vertical-align: top;
}
.tile-view.type-category.layoutlist {
margin-top: 16px;
padding: 0 10px;
height: 58px;
max-width: unset;
}
.tilew-3 {
width: calc(25% - 4px);
}
.tilew-6 {
width: 50%;
}
.tilew-9 {
width: 100%;
max-width: 872px;
}
.tileh-1 {
height: 70px;
}
.tileh-4 {
height: 280px;
}
.tileh-5 {
height: 355px;
}
.tileh-6 {
height: 420px;
}
.tileh-7 {
height: 526px;
}
.tile-view .page-tile {
height: 100%;
width: 100%;
background-size: cover;
}
.tile-view .page-tile .link {
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.tile-view .page-tile.tile-product {
background-color: rgba(135, 149, 150, 0.2);
overflow: hidden;
}
.tile-view .page-tile:hover {
background-color: rgba(135, 149, 150, 0.5);
}
.tile-view .page-tile.tile-category .text {
font-size: calc(12pt + 2vw);
position: absolute;
width: 100%;
bottom: 20px;
left: 0;
padding: 0 10px;
font-family: PTSansNarrow;
line-height: 1;
}
.tile-view.tilew-3.tileh-4 .tile-product .price {
position: absolute;
bottom: 10px;
background-color: rgba(255,255,255,0.8);
width: calc(100% - 20px);
text-align: center;
}
.tile-view.tilew-3.tileh-4 .tile-product .text {
position: absolute;
bottom: 47px;
color: #000;
font-size: 20px;
font-weight: bold;
text-shadow: 0px 0 5px #fff;
padding: 0 5px;
width: calc(100% - 20px);
background-color: #ffffff6b;
}
.tile-view.tilew-3.tileh-4 .tile-product .desc {
display: none;
}
.tile-view.tilew-3.tileh-4 .tile-product .image {
width: 100%;
text-align: center;
}
.tile-view .tile-product .thumb-image {
width: 100%;
max-width: 277px;
height: auto;
max-height: 225px;
}
.tile-view.tilew-6.tileh-4 .tile-product .text {
position: absolute;
top: 20px;
left: 25px;
font-size: 30px;
}
.tile-view.tilew-6.tileh-4 .tile-product .price {
position: absolute;
top: 150px;
left: 25px;
width: 100%;
}
.tile-view.tilew-6.tileh-4 .tile-product .desc {
position: absolute;
top: 65px;
left: 25px;
width: 275px;
display: block;
font-size: 20px;
}
.tile-view.tilew-6.tileh-4 .tile-product .image {
width: 100%;
text-align: right;
}
#select2-products-results {
max-height: 700px !important;
}
div.control-group.products li.select2-selection__choice {
padding: 3px;
}
.prodButton {
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
background-color:#f9f9f9;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.prodButton:hover {
background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
background-color:#e9e9e9;
}
.prodButton:active {
position:relative;
top:1px;
}
div.products .product-desc {
display: inline-block;
width: 577px;
padding: 3px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
vertical-align: top;
}
div.products .product-qty {
display: inline-block;
width: 50px;
padding: 3px;
text-align: right;
vertical-align: top;
}
div.store_single .ship-warn {
margin-top: 10px;
font-family: "NovaRound";
color: #FD1717;
font-size: 2em;
}
.column-header {
font-family: "NovaRound";
color: #007fff;
font-size: 2em;
margin-top: 5px 0;
}
.abcRioButton {
margin-top: 20px;
}
.sitelogin-container {
display: table;
height:50px;
width:240px;
border: 1px solid #ce751b;
margin-top: 20px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
}
.sitelogin-container .sitelogin-icon {
display: table-cell;
padding:12px
}
.sitelogin-container .sitelogin-text {
display: table-cell;
font-size: 14px;
width: 190px;
background-color: #fff200;
vertical-align: middle;
padding: 0 10px;
font-weight: bold;
text-align: center;
}
.order-header .column-left {
}
.order-header .column-right {
}
.order-detail {
margin: 15px 0;
}
div.order-detail .order-items {
display: inline-block;
}
div.order-detail .actions {
width: 212px;
}
table.item-detail {
width: 700px;
max-width: 100%;
}
div.order-detail {
display: table;
}
.order-detail .order-row {
display: table-row;
}
.order-detail .order-row .column {
display: table-cell;
vertical-align: middle;
}
.order-detail .order-row .column.width1,
.border tr td.width1 {
width: 140px;
}
.order-outer .column.width2 {
width: calc(100% - 360px);
vertical-align: middle !important;
padding-left: 10px;
}
.order-outer .order-row .column img,
.order-detail .order-row .column img,
.order-detail td img,
.item-detail td img {
width: 120px;
max-height: 120px;
}
.pslip-header {
max-width: calc(100% - 25px) !important;
}
/* ------- tyd ------------- */
.rose-container {
margin-bottom: 20px;
}
.rose-container .rose-line {
}
.rose-container .rose-line .rose-item {
display: inline-block;
width: 277px;
height: 231px;
position: relative;
}
.rose-container .rose-line .rose-footer {
text-align: center;
}
.rose-container .bind-rose {
cursor:pointer;
}
span.simplecolorpicker.icon {
display: none !important;
}
#main_content .rose-footer {
visibility: hidden;
cursor: initial;
}
#main_content.tyd-visible .rose-footer {
visibility: visible;
}
textarea.cf-textarea.contact {
height: 200px;
}
.spinner-container {
padding-left: 10px;
}
.stripe-mode {
font-size: 19px;
color: #666;
font-style: italic;
}
.tyd-colors {
margin-top: 20px;
}
.tyd-colors .description-text {
font-size: 20px;
font-weight: bold;
}
.tyd-list {
font-size: 16px;
line-height: 1.8;
font-weight: bold;
color: #333;
}
/* ------------------------- */
.variation-container {
flex-flow: row wrap;
max-height: 500px;
}
.variation-container .variation-item {
position: relative;
margin: 5px;
height: 140px;
flex: 0 0 auto;
width: 23%;
}
.variation-container .variation-item .image {
position: absolute;
width: 100%;
max-height: 100%;
height: 100%;
}
.variation-container .variation-item .caption {
position: absolute;
left: 7px;
bottom: 5px;
font-weight: bold;
font-size: 16px;
display: inline-block;
color: #000;
text-shadow: #fff 0px 0px 4px;
pointer-events: none;
}
.variation-container input{
margin:0;padding:0;
-webkit-appearance:none;
appearance:none;
}
.variation-container input:active +.image{
}
.variation-container input:checked +.image{
border: 3px solid #0046be;
}
.variation-container .image{
cursor:pointer;
background-size:cover;
background-repeat:no-repeat;
display:inline-block;
-webkit-transition: all 100ms ease-in;
transition: all 100ms ease-in;
border: 3px solid #90959e;
border-radius: 8px;
}
.variation-container .image:hover{
border: 3px solid #0046be;
}
/* ------------------------- */
.payment-row > .col-xs-9 {
flex: 1;
align-content: flex-end;
}
.order-outer {
}
.order-outer .column {
display: inline-block;
vertical-align: top;
}
.order-outer .column.order-items {
width: calc(100% - 204px);
}
.order-outer .column.actions {
width: 200px;
}
.order-outer .order-row {
display: block;
}
.order-outer .order-row .column.actions {
vertical-align: top;
width: 220px;
}
.detail-row {
display: table-row;
}
.detail-row .detail-cell {
display: table-cell;
vertical-align: middle;
}
.detail-row .detail-cell.width2 {
padding-left: 10px;
}
/* storeTyd */
.rose-background {
background-size: 100%;
}
.rose-background img {
width: 100%;
}
.rose-container .rose-line {
padding-left: 0px;
}
.rose-container .rose-line:nth-of-type(2n) {
padding-left: 138px;
}
/* slide show */
.slideshow-container {
position: relative;
width: 100%;
height: 500px;
}
.slideshow-container .slide {
position: absolute;
width: 100%;
height: 100%;
display: none;
}
.slideshow-container .slide .slide-text {
position: absolute;
bottom: 10px;
left: 10px;
font-size: 48pt;
color: #000;
font-family: "Human BBY Digital","Human Fallback",Arial,Helvetica,sans-serif;
}
.slideshow-container .slide:first-child {
display: block;
}
.slideshow-container .nav-button {
position: absolute;
display: none;
top: 50%;
transform: translateY(-50%);
width: auto;
margin-top: -22px;
padding: 16px;
color: #000;
font-weight: bold;
font-size: 48px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
cursor: pointer;
}
.slideshow-container:hover .nav-button {
display: inline-block;
}
.slideshow-container .next {
right: 0;
border-radius: 3px 0 0 3px;
}
.tile-slideshow.imageViewer {
margin-top: 0 !important;
}
.imagesWrapper .imageContainer .slide-text {
position: absolute;
left: 35px;
bottom: 20px;
font-family: PTSansNarrow;
font-size: 64px;
pointer-events: none;
z-index: 1;
}
.imageViewer.noclick > .container > .touchSurface {
pointer-events: none;
}
.tile-static .static-container {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch;
}
.tile-static .static-container .column {
padding: 5px;
align-self: center;
}
.tile-static .static-container.single .column {
width: 100%;
}
.tile-static .static-container.triple .column,
.tile-static .static-container.double .column {
width: 50%;
}
.tile-static .static-container.triple .column.col1 {
padding-left: 12%;
padding-right: 4%;
}
.tile-static .static-container.triple .column.col2 {
padding-right: 12%;
padding-left: 4%;
}
.tile-static .column-text {
font-size: 18px;
}
.tile-static a.static-link {
text-decoration: none;
}
.tile-static img {
max-width: 100%;
border-radius: 15px;
}
.tile-static .static-caption {
padding: 5px 0 0 0;
font-family: PTSansNarrow;
font-size: 32pt;
text-align: center;
}
.tile-category.category-heading .head {
font-family: PTSansNarrow;
font-size: 32pt !important;
}
@media (max-width: 872px) {
.tile-static .column-text {
font-size: 1.9vw;
}
.tileh-6 {
height: 52vw;
}
.tileh-7 {
height: 56vw;
}
.imagesWrapper .imageContainer .slide-text {
font-size: 7vw;
bottom: 1vw;
left: 3vw;
}
.tile-view.tilew-3.tileh-4 .tile-product .text {
font-size: 16px;
}
.productlist-container .product-item {
min-height: 290px;
}
.productlist-container .product-image {
min-height: 220px;
}
}
@media (max-width: 680px) {
.imageViewer.visible {
position: relative;
margin-bottom: 6vw;
}
.tileh-4 {
height: 266px;
}
.tilew-3 {
width: calc(50% - 4px);
}
.tile-view.tilew-3.tileh-4 .tile-product .text {
font-size: 12px;
}
.tile-view.tilew-3.tileh-4 .tile-product .price .a-price-symbol {
font-size: 14px;
}
.tile-view.tilew-3.tileh-4 .tile-product .price .a-price-whole {
font-size: 24px;
}
.tile-view.tilew-3.tileh-4 .tile-product .price .a-price-fraction {
font-size: 14px;
}
}
.calendar-table {
width: 100%;
border: 2px solid #000;
}
.calendar-table .calendar-row {
height: 100px;
}
.calendar-table .calendar-cell {
border: 1px solid #000;
vertical-align: top;
background-color: #fff;
position: relative;
}
.calendar-table .calendar-cell.dow-0,
.calendar-table .calendar-cell.dow-6 {
background-color: #eee;
}
.calendar-table .n {
position: absolute;
height: 100%;
top: 25px;
right: 5px;
font-size: 48pt;
color: #bbb;
}
.calendar-table .calendar-head {
width: 14.28%;
}
.calendar-table .x {
position: absolute;
width: 100%;
height: 100%;
top: 5px;
left: 4px;
font-size: 12px;
color: #000;
}
.calendar-table .calendar-cell.cell-gray .n {
color: #ddd;
}
.checkout-border {
border: 3px double #8a1f1f;
padding: 10px 20px;
}
#panel_subtotal .checkout-border .col1 {
width: 350px;
}
.a-button-dropdown .a-button-text {
padding-right: 32px !important;
}
.order-actions {
margin-top: 14px;
}
div.store_checkout .subtotal-frame {
margin: 10px 0;
width: 325px;
border-top: 3px solid #ccc;
border-bottom: 3px solid #ccc;
padding-bottom: 10px;
}
div.store_checkout .subtotal-right {
width: 325px;
text-align: right;
}
.uppercase {
text-transform: uppercase;
}
@media (max-width: 1200px) {
.product-container > .column-left {
max-width: 70%;
width: 70%;
}
.product-container > .column-right {
max-width: 30%;
width: 30%;
}
#imageview > div.container {
width: 100%;
}
}
@media (max-width: 600px) {
.tileh-3 {
height: 180px;
}
.tileh-4 {
height: 190px;
}
.tileh-5 {
height: 200px;
}
.tile-view .page-tile.tile-category .text {
font-size: 13pt;
padding: 0 20px;
}
.tilew-3 {
width: calc(50% - 4px);
}
.product-container .column {
display: block;
max-width: 100%;
}
.product-container > .column-right {
width: 100%;
padding: 0 10px;
}
.product-container > .column-left {
width: 100%;
height: auto;
}
}
@media (max-width: 500px) {
.tileh-4 {
height: 136px;
}
.tileh-5 {
height: 170px;
}
.tile-view .page-tile.tile-category .text {
font-size: 12pt;
padding: 0 15px;
}
}