:root {
--hdc-primary: #5f666d;
--hdc-secondary: #2d2d2d;
}
#hdc_wrapper *,
#hdc_wrapper *:before,
#hdc_wrapper *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#hdc_wrapper {
max-width: 1100px;
margin: 0 auto;
padding: 20px;
}
#hdc_product_main {
display: grid;
grid-template-columns: minmax(10px, 1fr) minmax(10px, 2fr);
grid-gap: 3em;
}
#hdc_product_title {
padding-top: 0;
margin: 0 0 0.2em 0;
}
#hdc_breadcrumbs {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
#hdc_breadcrumbs > li {
margin-right: 0.4em;
}
#hdc_breadcrumbs li:after {
content: "/";
margin-left: 0.4em;
}
#hdc_breadcrumbs li:last-child:after {
display: none;
}
#hdc_breadcrumbs li:last-child {
margin-right: 0;
}
#product_price {
margin: 0.2em 0;
}
#product_short_content {
margin: 1em 0;
}
#product_short_content > ul {	
padding-inline-start: 1em;
}
.hdc_variation_type > h4 {
margin: 1em 0 0.4em 0;
}
.hdc_variation_item {
padding: 0.4em 1em;
line-height: 1;
margin: 0.2em;
background-color: var(--hdc-primary, #5f666d);
border-radius: 30px;
color: #fff;
display: inline-block;
cursor: pointer;
position: relative;
font-size: 1em;
transition: all ease-in-out 300ms;
border: 2px solid transparent;
}
.hdc_variation_item:hover {
box-shadow: 0px 3px 10px -3px #aaa;
transform: translatey(-2px);	
border: 2px dashed #000;
}
.hdc_variation_item:focus {
border: 2px dashed #000;
}
.hdc_variation_item.active {
cursor: default;
background-color: var(--hdc-secondary, #2d2d2d);
box-shadow: 0px 3px 10px -3px #aaa;	
border: 2px solid var(--hdc-primary, #000000);
}
.hdc_variation_item.disabled {
text-decoration: line-through;
opacity: 0.8;
cursor: default;
}
#hdc_add_to_cart_wrapper {
margin: 1em 0;
}
#hdc_deposit_notice {
margin: 1em 0;
border-bottom: 1px dashed #32373c;
display: none;
}
#hdc_deposit_notice.active {
display: block;
}
#hdc_added_to_cart {
display: none;
margin: 1em 0;
border: 1px dashed;
padding: 1em;
}
#hdc_added_to_cart > p {
line-height: 1;
margin: 0;
padding: 0;
}
#hdc_product_media {
width: 100%;
}
#hdc_product_media img {
display: block;
width: 100%;
}
#hdc_product_gallery {
display: grid;
grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
grid-gap: 1em;
margin-top: 1em;
}
.hdc_product_gallery_image {
max-height: 100%;
height: fit-content;
cursor: pointer;
border: 1px solid #999;
border-radius: 4px;
overflow: hidden;
}
.hdc_product_gallery_image:hover {
opacity: 0.9;
border: 1px solid #222;
}
.hdc_tab_nav {
display: flex;
}
.hdc_tab_nav_item {
padding: 1rem;
border: 1px solid #aaa;
border-right-color: transparent;
cursor: pointer;
border-bottom: none;
}
.hdc_tab_nav_item:first-child {
border-top-left-radius: 0.4em;
}
.hdc_tab_nav_item:last-child {
border-top-right-radius: 0.4em;
border-right-color: #aaa;
}
.hdc_tab_nav_item_active {
cursor: default;
background-color: #eee;
}
.hdc_tab_content {
padding: 1rem;
border: 1px solid #aaa;
border-radius: 0.4em;
border-top-left-radius: 0;
}
.hdc_tab_content.hdc_tab_content_single {	
border: none;
}
.hdc_tab_content_item_title {
margin: 0 0 0.2em 0
}
.hdc_tab_content_item {
display: none;
}
.hdc_tab_content_item_active {
display: block;
}
#hdc_product_price_score {
display: flex;
}
.hdc_review_score {
margin-left: 1em;
align-self: center;
cursor: pointer;
}
#hdc_submit_review_form {
margin-bottom: 1rem;
}
#hdc_review_rating {
unicode-bidi: bidi-override;
direction: rtl;
padding: 12px 0;
}
#hdc_review_rating > span {
display: inline-block;
position: relative;
width: 1.1em;
font-size: 2em;
}
#hdc_review_rating > span:hover:before,
#hdc_review_rating > span:hover ~ span:before {
content: "\2605";
position: absolute;
color: #222222;
cursor: pointer;
}
#hdc_review_rating span.rated:before {
content: "\2605";
position: absolute;
color: #222222;
}
#hdc_reviews_submit_wrapper {
display: flex;
justify-content: end;
margin-top: -1em;
}
#hdc_tab_reviews textarea {
min-height: 100px;
}
.hdc_review {
padding: 1rem;
border: 1px solid #eee;
}
.hdc_review_meta {
font-weight: bold;
margin-top: 0.4em;
}
.hdc_review_meta > span {
font-weight: normal;
opacity:0.8;
display: inline-block;
margin-left: 1em;
font-size: 0.85em;
}
.hdc_shop_category_page_main {
display: grid;
grid-template-columns: minmax(10px, 1fr) minmax(10px, 2fr);
grid-gap: 2rem;
}
.hdc_shop_category_page_header {
display: grid;
grid-template-columns: 1fr max-content;
grid-column: 1 / -1;
}
#hdc_shop_customer_settings {
display: grid;
grid-template-columns: 1fr max-content;
grid-gap: 1em;
}
#hdc_display_columns_selector {
display: grid;
grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
border: 1px solid #4b6764;
font-size: 12px;
line-height: 1;
}
.hdc_display_columns_selector_item {
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.hdc_display_columns_selector_item:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.hdc_display_columns_selector_item.active {
background-color: rgba(0, 0, 0, 0.08);
}
#hdc_shop_main_content {
display: grid;
grid-gap: 2rem;
}
#hdc_shop_main_content.hdc_col_2 {
grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr);
}
#hdc_shop_main_content.hdc_col_3 {
grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
}
#hdc_shop_main_content.hdc_col_4 {
grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
}
.hdc_product_item {
background-color: #efefef;
text-align: center;
display: flex;
flex-direction: column;
justify-content: end;
border: 1px solid #cfcfcf;
}
.hdc_product_item_featured_image {
display: flex;
width: 100%;
aspect-ratio: 5 / 6;
background-color: #e9e8e8;
height: auto;
overflow: hidden;
}
.hdc_product_item_featured_image.contain {
background-color: initial;
padding: 1em;
}
.hdc_product_item_featured_image > img {
display: block;
width: 100% !important;
height: auto !important;
object-fit: cover;
margin: 0 auto;
}
.hdc_product_item_featured_image.contain > img {
object-fit: contain;
}
.hdc_product_item_meta {
padding: 1em;
font-size: 0.8em;
display: grid;
grid-template-rows: 1fr 1fr 1fr;
align-items: center;
}
.hdc_product_item_title {
font-size: 1.4em;
margin: 0;
padding: 0;
line-height: 1.2;
}
.hdc_product_item_price > h3 {
font-size: 1.2em;
margin: 0;
padding: 0;
line-height: 1;
}
.hdc_product_item_description {
display: none;
margin: 1em 0;
}
.hdc_product_item_description > ul {
text-align: initial;
}
.hdc_button.hdc_product_item_view {
padding: 0.3em 0.8em;
}
.hdc_col_1 .hdc_product_item_description {
display: block;
}
.hdc_col_1 .hdc_product_item_featured_image {
aspect-ratio: initial;
}
.hdc_col_1 .hdc_product_item_meta {
display: block;
} #hdc_shop_sidebar {
position: sticky;
top: 2em;
max-height: 100vh;
overflow-y: auto;
padding-right: 1em;
}
.hdc_sidebar_widget {
margin-bottom: 2rem;
}
.hdc_sidebar_heading {
margin-bottom: 1em;
padding-bottom: 0;
margin-top: 0;
padding-top: 0;
}
.hdc_list {
font-weight: bold;
}
.hdc_list_child {
margin: 0;
padding-left: 1em;
font-weight: normal;
} .hdc_button {
padding: 0.4em 1em;
border: 1px solid #4b6764;
cursor: pointer;
border-radius: 3px;
display: inline-block;
text-decoration: none;
text-align: center;
transition: all ease-in-out 300ms;
}
.hdc_button_primary {
background-color: var(--hdc-primary, #2d2d2d);
color: #fff;	
border: 2px solid var(--hdc-secondary, #222222);
}
.hdc_button_secondary {
background-color: var(--hdc-secondary, #48504f);
color: #fff;
}
.hdc_button_secondary:hover {
box-shadow: 0px 3px 10px -3px #aaa;
transform: translatey(-2px);
}
.hdc_button.active {
opacity: 1;
}
.hdc_button.disabled {
opacity: 0.4;
cursor: default;
} #hdc_free_shipping_banner {
padding: 1em;
margin: 1em 0;
border: 1px dashed #32373c;
border-radius: 3px;
font-size: 1.2em;
text-align: center;
}
#hdc_free_shipping_banner p:first-child {
margin-top: 0;
}
#hdc_free_shipping_banner p:last-child {
margin-bottom: 0;
}
#hdc_cart_messages {
padding: 1em;
margin: 1em 0;
border: 1px dashed #32373c;
border-radius: 3px;
font-size: 0.8em;
}
.hdc_cart_message {
margin-bottom: 1em;
margin-top: 0;
}
#hdc_cart_messages .hdc_cart_message:last-child {
margin-bottom: 0;
}
#hdc_cart_table {
border: 1px solid #999;
box-shadow: 0 2px 10px -7px #000;
}
.hdc_cart_row {
display: grid;
grid-template-columns: 65% 20% 10% 5%;
border-bottom: 1px solid #999;
padding: 1em;
line-height: 1.2;
align-items: center;
}
#hdc_checkout_cart .hdc_cart_row {
grid-template-columns: 68% 22% 10%;
}
.hdc_cart_row:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.hdc_cart_row_heading {
padding: 0.4em 1em;
border-bottom: 1px solid #999;
background-color: rgba(0, 0, 0, 0.05);
}
.hdc_cart_item_price_sale {
text-decoration: line-through;
font-size: 0.8em;
}
.hdc_cart_item_label_variation {
font-size: 0.8em;
}
.hdc_cart_item_price,
.hdc_cart_item_quantity {
text-align: center;
}
.hdc_cart_item_remove,
.hdc_cart_item_tax_amount,
.hdc_cart_item_shipping_amount,
.hdc_cart_item_coupon_amount {
text-align: right;
}
.hdc_cart_remove {
cursor: pointer;
padding: 0.2em;
}
.hdc_cart_remove:hover {
color: red;
}
.hdc_table_row_remove {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: rgb(236, 238, 238);
background: radial-gradient(circle, rgba(236, 238, 238, 0.3) 0%, rgba(215, 214, 211, 0.3) 100%);
}
.hdc_cart_item_amount {
font-weight: bold;
display: block;
}
.hdc_cart_item_price_single {
cursor: help;
border-bottom: 1px dashed #bbb;
position: relative;
}
.hdc_cart_item_price_single_content {
font-weight: normal;
font-family: sans-serif;
position: absolute;
top: calc(100% + 1em);
font-size: 14px;
width: 150px;
left: calc(50% + 0.2em);
margin-left: -75px;
line-height: 1.6;
background: rgba(0, 0, 0, 0.85);
border-radius: 10px;
box-shadow: 0px 13px 10px rgb(72 72 72 / 3%), 0 1px 16px rgb(72 72 72 / 55%);
color: #fff;
padding: 1.4em;
text-align: left;
pointer-events: none;
opacity: 0;
transform: translate3d(0, 30px, 0);
transition: all 0.3s cubic-bezier(0.1, 1, 0.9, 1);
transition-property: opacity, transform;
text-align: center;
}
.hdc_cart_item_price_single:hover > .hdc_cart_item_price_single_content {
opacity: 1;
transform: translate3d(0, 0, 0);
z-index: 99999;
}
.hdc_cart_item_price_single_content::after {
content: "";
position: absolute;
bottom: 100%;
left: calc(50% - 10px);
display: block;
border-style: solid;
border-top-color: transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(0, 0, 0, 0.85);
}
#hdc_shipping_row {
background-color: rgba(0, 0, 0, 0.02);
font-size: 0.8em;
border-top: 1px solid #999;
}
#hdc_shipping_row .hdc_cart_row {
grid-template-columns: 1fr 22%;
padding: 0.6em 1em;
}
#hdc_tax_row {
background-color: rgba(0, 0, 0, 0.02);
font-size: 0.8em;
border-top: 1px solid #999;
}
#hdc_tax_row .hdc_cart_row,
#hdc_coupon_row .hdc_cart_row {
grid-template-columns: 1fr max-content;
padding: 0.6em 1em;
}
#hdc_coupon_row {
background-color: rgba(0, 0, 0, 0.02);
font-size: 0.8em;
border-top: 1px solid #999;
}
#hdc_after_cart_row {
font-size: 0.8em;
display: inline-flex;
flex-wrap: wrap;
justify-content: flex-end;
width: 100%;
}
#hdc_after_cart_row > * {
margin: 1em;
}
#hdc_cart_subtotal_value {
font-size: 1em;
font-weight: bold;
}
#hdc_empty_cart_notice {
text-align: center;
display: none;
}
#hdc_empty_cart_notice.active {
display: block;
} .hdc_table {
box-shadow: 0 2px 4px 0px #eee;
}
#hdc_order_pre_content {
max-width: 600px;
margin: 0 auto 2rem auto;
position: relative;
}
#hdc_order_tables {
max-width: 600px;
margin: 0 auto;
position: relative;
}
#hdc_order_tables > h3 {
text-align: right;
margin: 0;
}
#hdc_order_tables > h4 {
margin-bottom: 0.2em;
font-weight: normal;
}
#hdc_order_tables .hdc_table {
background-color: #fefefe;
padding: 0 1em;
font-size: 18px;
border-radius: 8px;
box-shadow: 0 2px 4px 0px #ddd;
}
.hdc_order_table_row {
display: grid;
border-bottom: 1px dashed #eee;
grid-gap: 1em;
align-items: center;
}
.hdc_order_table_row:last-child {
border-bottom: none;
}
.hdc_order_table_item {
margin: 1em 0;
}
#hdc_order_tables .hdc_table {
margin-bottom: 3em;
}
#hdc_order_tables .hdc_cart_item_price_sale {
font-size: 0.8em;
text-decoration: line-through;
}
.hdc_cart_item_not_billed {
font-size: 0.9em;
opacity: 0.9;
}
#hdc_order_table_totals .hdc_order_table_row,
#hdc_order_table_products .hdc_order_table_row,
#hdc_order_table_customer .hdc_order_table_row {
grid-template-columns: 1fr max-content;
}
#hdc_order_table_products .hdc_order_table_row {
grid-template-columns: 1fr max-content max-content;
}
#hdc_order_table_logs h5 {
margin: 0;
} #hdc_checkout_page {
display: none;
grid-template-columns: minmax(100px, 1fr) minmax(100px, 1fr);
grid-gap: 2rem;
}
#hdc_checkout_page.active {
display: grid;
}
#hdc_cart_coupon_wrapper {
text-align: right;
justify-content: flex-end;
display: flex;
padding-right: 1em;
}
#hdc_cart_coupon_wrapper input {
text-align: right;
}
.hdc_input_button {
display: grid;
grid-template-columns: 1fr max-content;
}
#hdc_wrapper .hdc_input_button .hdc_input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#hdc_wrapper .hdc_input_button .hdc_button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-size: 0.8em;
}
.hdc_coupon {
border-radius: 3em;
border: 1px solid #eee;
background-color: #2d2d2d;
color: #fff;
padding: 1em;
line-height: 1;
display: inline-block;
font-size: 12px;
cursor: pointer;
}
.hdc_coupon:hover {
border-color: #000;
text-decoration: line-through;
}
@keyframes placeHolderShimmer {
0% {
background-position: -800px 0;
}
100% {
background-position: 800px 0;
}
}
#hdc_continue_to_checkout_wrapper {
text-align: right;
padding: 1rem;
}
#hdc_checkout_continue_to_payment_wrapper {
position: sticky;
top: 4em;
}
#hdc_checkout_continue_to_payment {
display: block;
max-width: 90%;
margin: 0 auto;
}
#hdc_checkout_gateway {
max-width: 500px;
margin: 0 auto;
padding: 1em;
border: 1px solid #999;
box-shadow: 0 2px 10px -7px #000;
border-radius: 4px;
display: none;
}
#hdc_order_page #hdc_checkout_gateway {
max-width: initial;
padding: initial;
border: initial;
box-shadow: initial;
border-radius: initial;
display: block;
}
#hdc_gateway_payment_logo {
margin-bottom: 1em;
}
#hdc_gateway_payment_logo > img {
display: block;
width: 100%;
max-width: 200px;
height: auto;
margin: 0 auto;
filter: grayscale(1);
}
.hdc_checkout_gateway_label {
padding: 1em;
cursor: pointer;
background: rgba(0, 0, 0, 0.04);
font-weight: bold;
line-height: 1;
display: block;
margin-bottom: 4px;
border-style: dashed;
}
.hdc_checkout_gateway_label:last-child {
margin-bottom: 0;
}
.hdc_checkout_gateway_item {
display: none;
padding: 2em 1em;
}
.hdc_checkout_gateway_label.active + .hdc_checkout_gateway_item {
display: block;
}
.hdc_checkout_gateway_label.active {
border-style: solid;
}
.hdc_checkout_pay {
display: block;
}
.hdc_checkout_gateway_short_description {
font-size: 0.8em;
} .hdc_input_item {
position: relative;
margin-bottom: 2em;
}
.hdc_row > .hdc_input_item {
margin-bottom: 0;
}
.hdc_input_item > p {
font-size: 0.8em;
}
.hdc_tooltip {
position: relative;
width: 20px;
height: 20px;
background-color: rgb(95, 102, 109);
color: #fff;
display: inline-flex;
justify-content: center;
align-content: center;
align-items: center;
font-size: 0.6em;
border-radius: 50%;
top: -3px;
font-family: monospace;
}
.hdc_tooltip_content {
font-weight: normal;
font-family: sans-serif;
position: absolute;
top: calc(100% + 1em);
font-size: 14px;
width: 260px;
left: -131px;
line-height: 1.6;
background: #fff;
border-radius: 10px;
box-shadow: 0px 13px 10px rgb(72 72 72 / 3%), 0 1px 16px rgb(72 72 72 / 55%);
color: #2d2d2d;
padding: 1.4em;
text-align: left;
pointer-events: none;
opacity: 0;
transform: translate3d(0, 30px, 0);
transition: all 0.3s cubic-bezier(0.1, 1, 0.9, 1);
transition-property: opacity, transform;
}
.hdc_tooltip_content span {
display: block;
}
.hdc_tooltip_content::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
display: block;
border-style: solid;
border-top-color: transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.hdc_tooltip:hover .hdc_tooltip_content {
opacity: 1;
transform: translate3d(0, 0, 0);
z-index: 99999;
}
#hdc_wrapper .hdc_input_label {
display: block;
font-weight: bold;
cursor: pointer;
margin-bottom: 0.2em;
font-size: 0.8em;
}
#hdc_wrapper .hdc_required_icon {
color: darkred;
}
#hdc_wrapper .hdc_input {
transition: all 50ms;
width: 100%;
padding: 0.6em;
border: 1px solid #4b6764;
border-radius: 2px;
line-height: 1;
background-color: transparent;
margin: 0;
font-size: 0.8em;
}
#hdc_wrapper .hdc_input.disabled {
opacity: 0.4;
}
#hdc_wrapper .hdc_input::placeholder {
color: #aaa;
}
#hdc_wrapper .hdc_input:not(:placeholder-shown) {
border-color: #444;
}
#hdc_wrapper .hdc_error {
border-color: darkred !important;
border-style: solid;
}
#hdc_wrapper .hdc_error .mce-edit-area {
border: 2px solid darkred;
border-width: 2px !important;
}
.hdc_input_item h3 {
margin-bottom: -1em;
padding-bottom: 0;
font-size: 1.2em;
}
.hdc_row {
display: grid;
grid-gap: 2em;
margin-bottom: 1em;
}
.hdc_col-1-1 {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
}
.hdc_col-1-1-1 {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
}
.hdc_col-1-1-1-1 {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
}
.hdc_col-2-1 {
grid-template-columns: minmax(1px, 2fr) minmax(1px, 1fr);
}
.hdc_col-1-2 {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 2fr);
}
.hdc_prefix {
display: grid;
grid-template-columns: max-content 1fr;
}
.hdc_postfix {
display: grid;
grid-template-columns: 1fr max-content;
}
.hdc_prefix .hdc_input {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
}
.hdc_postfix .hdc_input {
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.hdc_fix {
background: #5f666d;
padding: 0 0.6em;
color: #fff;
font-size: 0.8em;
height: 100%;
display: flex;
align-items: center;
}
.hdc_prefix .hdc_fix {
border-bottom-left-radius: 0.2em;
border-top-left-radius: 0.2em;
}
.hdc_postfix .hdc_fix {
border-bottom-right-radius: 0.2em;
border-top-right-radius: 0.2em;
} .hdc_label_input {
display: block;
font-size: 0.8em;
cursor: pointer;
padding: 12px;
color: #2d2d2d;
line-height: 1.4;
}
.hdc_options_check {
display: inline-block;
margin-right: 12px;
top: 4px;
position: relative;
font-size: 14px;
}
.hdc_options_check input[type="checkbox"] {
position: absolute;
opacity: 0;
}
.hdc_options_check .hdc_toggle {
width: 2em;
height: 1em;
position: relative;
cursor: pointer;
display: block !important;
font-size: 22px !important;
margin: 0;
}
.hderp_input_radio .hdc_options_check .hdc_toggle:before {
content: "";
position: absolute;
width: 2em;
height: 1em;
left: 0.1em;
transition: background 0.1s ease;
background: #f25f5c;
border-radius: 50px;
box-shadow: inset 0px 1px 1px rgb(171 171 171 / 50%);
}
.hderp_input_radio .hdc_options_check .hdc_toggle:after {
content: "";
position: absolute;
width: 1em;
height: 1em;
border-radius: 50px;
left: 0;
transition: all 0.2s ease;
box-shadow: 0 0 1px 1px rgb(0 0 0 / 50%);
background: #efefef;
animation: hdq_switch-off 0.2s ease-out;
z-index: 2;
}
.hderp_input_radio .hdc_options_check input[type="checkbox"]:checked + .hdc_toggle:before {
background: #70c1b3;
box-shadow: inset 0px 1px 1px rgb(84 152 140 / 50%);
}
.hderp_input_radio .hdc_options_check input[type="checkbox"]:checked + .hdc_toggle:after {
animation: hdq_switch-on 0.2s ease-out;
left: 1.1em;
background: #efefef;
}
.hderp_input_checkbox .hdc_options_check .hdc_toggle:before {
content: "";
position: absolute;
width: 2em;
height: 0.5em;
left: 0.1em;
top: 0.25em;
transition: background 0.1s ease;
background: #f25f5c;
border-radius: 3px;
box-shadow: inset 0px 1px 1px rgb(171 171 171 / 50%);
}
.hderp_input_checkbox .hdc_options_check .hdc_toggle:after {
content: "";
position: absolute;
width: 1em;
height: 1em;
border-radius: 0px;
left: 0;
transition: all 0.2s ease;
box-shadow: 0 0 1px 1px rgb(0 0 0 / 50%);
background: #efefef;
animation: hdq_switch-off 0.2s ease-out;
z-index: 2;
}
.hderp_input_checkbox .hdc_options_check input[type="checkbox"]:checked + .hdc_toggle:before {
background: #70c1b3;
box-shadow: inset 0px 1px 1px rgb(84 152 140 / 50%);
}
.hderp_input_checkbox .hdc_options_check input[type="checkbox"]:checked + .hdc_toggle:after {
animation: hdq_switch-on 0.2s ease-out;
left: 1.1em;
background: #efefef;
}
.hdc_aria_label {
display: none !important;
}
.hderp_input_radio,
.hderp_input_checkbox {
max-height: 12em;
overflow: auto;
} #hdc_lightbox {
position: fixed;
top: 0;
left: 0;
line-height: 1;
z-index: 9999999999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
margin: 0;
display: none;
grid-template-rows: 1fr max-content;
grid-gap: 1em;
padding: 4rem 4rem 0 4rem;
}
#hdc_lightbox.active {
display: grid;
}
#hdc_lightbox_actions {
color: #fff;
font-size: 2em;
justify-items: center;
justify-self: center;
display: grid;
grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
height: 100%;
min-height: 100px;
border: 1px solid #222;
}
#hdc_lightbox_next {
border-left: 1px solid #222;
border-right: 1px solid #222;
}
.hdc_lightbox_action {
height: 100%;
padding: 0.2em 0.4em;
line-height: 1;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.3);
}
.hdc_lightbox_action:hover {
background-color: #000;
}
#hdc_lightbox_content {
display: grid;
grid-template-rows: 1fr max-content;
grid-gap: 0.4em;
align-self: center;
}
#hdc_lightbox_caption {
color: #fff;
text-align: center;
}
#hdc_lightbox_image {
display: flex;
max-height: calc(100vh - 20vh);
align-items: flex-end;
}
#hdc_lightbox_image > img {
display: block;
object-fit: contain;
width: 100%;
max-height: 100%;
max-width: calc(100vw - 8rem);
}
@media (max-width: 1000px) {
#hdc_wrapper {		
padding: 2rem !important;
}
#hdc_product_main {
grid-template-columns: 1fr !important;
}
#hdc_checkout_page {
grid-template-columns: 1fr !important;
}
.hdc_row.hdc_col-1-1 {
grid-template-columns: 1fr !important;
grid-gap: 0 !important
}
}