AlkantarClanX12
Current Path : /home/thanudqk/128shen.com/wp-content/themes/thegem/css/ |
Current File : //home/thanudqk/128shen.com/wp-content/themes/thegem/css/thegem-product-page.css |
/*Product Page Left Column*/ .product-page__wrapper .gem-gallery{ margin: 0; } /*Product Page Right Column*/ .product-page__right-column{ position: relative; display: flex; flex-wrap: wrap; } /*Product Page Right Column Title*/ .product-page__wrapper .product_title{ position: relative; margin-right: auto; margin-bottom: 8px; margin-top: -10px; width: calc(100% - 80px); z-index: 1; } /*Product Page Right Column Navigation*/ .product-page__wrapper .product-page__nav{ position: relative; right: 0; top: 0; z-index: 2; } .product-page__wrapper .product_title + .product-page__nav{ width: auto; margin-bottom: 0; } .product-page__wrapper .product-page__nav .product-page__nav-list{ list-style-type: none; display: flex; flex: auto; justify-content: flex-end; width: 60px; padding: 0; margin: 0; } .product-page__wrapper .product-page__nav .product-page__nav-list li{ width: calc(100% / 3); } .product-page__wrapper .product-page__nav .product-page__nav-list a{ position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 16px; text-decoration: none; } .product-page__wrapper .product-page__nav .product-page__nav-list a ins{ text-decoration: none; } .product-page__wrapper .product-page__nav .product-page__nav-list a:before{ font-family: 'thegem-icons'; line-height: 0; transition: color 0.3s linear; } .product-page__wrapper .product-page__nav .product-page__nav--prev:before{ content: '\e603'; font-size: 24px; margin-left: -7px; } .product-page__wrapper .product-page__nav .product-page__nav--next:before{ content: '\e601'; font-size: 24px; margin-right: -5px; } .product-page__wrapper .product-page__nav .product-page__nav--back:before{ content: '\e66d'; font-size: 16px; } .product-page__wrapper .product-page__nav .product-page__nav-preview-wrap{ position: absolute; top: 100%; right: 0; padding-top: 15px; transition: transform 0.1s linear 0.2s, opacity 0.1s linear 0.2s, visibility 0.1s linear 0.2s; transform: translateY(20px); opacity: 0; visibility: hidden; } .product-page__wrapper .product-page__nav .product-page__nav-preview{ position: relative; display: flex; min-width: 210px; height: 80px; overflow: hidden; } .product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__image{ position: relative; max-width: 80px; transition: opacity 0.3s linear; } .product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__image img{ width: auto; height: 80px; } .product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__image:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s linear; opacity: 0; visibility: hidden; } .product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info{ display: flex; flex-direction: column; justify-content: center; padding: 0 15px; } .product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info-title{ transition: color 0.3s linear; } .product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info-price{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; font-weight: 300; } .product-page__wrapper .product-page__nav .product-page__nav-preview .nav-preview__info del{ opacity: 0.5; } .product-page__wrapper .product-page__nav .product-page__nav-list a:hover > .product-page__nav-preview-wrap{ visibility: visible; opacity: 1; transition: all 0.3s linear; transform: translateY(0); } .product-page__wrapper .product-page__nav .product-page__nav-preview:hover > .nav-preview__image:after{ opacity: 1; visibility: visible; } /*Product Page Right Column Attribute*/ .product-page__wrapper .product-page__attribute{ display: flex; width: 100%; margin-bottom: 15px; } /*Product Page Right Column Rating*/ .product-page__wrapper .woocommerce-product-rating{ display: flex; align-items: center; justify-content: flex-start; width: 100%; margin: 0 0 17px 0; } .product-page__wrapper .woocommerce-product-rating .star-rating { font-size: 18px; margin: 0; } .product-page__wrapper .woocommerce-product-rating .product-reviews-link { display: flex; margin: 0 0 0 10px; font-size: 14px; } .product-page__wrapper .woocommerce-product-rating .rating-divider { display: none; } /*Product Page Right Column Price*/ .product-page__wrapper .price{ display: flex; width: 100%; align-items: flex-end; margin: 0 0 16px 0; } .product-page__wrapper .price del{ position: relative; margin-bottom: 1px; margin-right: 10px; text-decoration: none; opacity: 0.5; } .product-page__wrapper .price del:before{ content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; } .product-page__wrapper .price.not-strikethrough del{ display: none; } /*Product Page Right Column Short Description*/ .product-page__wrapper .woocommerce-product-details__short-description{ width: 100%; } .product-page__wrapper .product-page__nav + .woocommerce-product-details__short-description { margin-top: 30px; } /*Product Page Right Column Accordion*/ .product-page__right-column .gem-woocommerce-tabs{ width: 100%; } /*Product Page Right Column Variations*/ .product-page__wrapper .variations_form, .product-page__wrapper form.cart{ position: relative; width: 100%; margin: 0; padding: 0; } .product-page__wrapper table.variations { position: relative; width: auto; margin: 0 0 5px 0; z-index: 5; } .product-page__wrapper table.variations tr{ position: relative; z-index: 0; } .product-page__wrapper table.variations td, .product-page__wrapper table.variations th{ position: relative; padding: 5px 0; margin: 0; vertical-align: top; z-index: 0; } .product-page__wrapper table.variations td.label, .product-page__wrapper table.variations th.label{ min-width: 60px; max-width: 160px; padding-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; text-align: left; } .product-page__wrapper table.variations td.label:after, .product-page__wrapper table.variations th.label:after{ content: ':'; } .product-page__wrapper table.variations td.label label, .product-page__wrapper table.variations th.label label{ line-height: 2.4; } .product-page__wrapper .product-page__reset-variations.hidden{ opacity: 0; } .product-page__wrapper .product-page__reset-variations{ position: relative; display: flex; max-width: 260px; } .product-page__wrapper .reset_variations{ position: relative; display: flex; align-items: center; } .product-page__wrapper .reset_variations--icon{ display: flex; justify-content: center; align-items: center; border: 1px solid; border-radius: 100%; width: 16px; height: 16px; margin: 0 5px 0 0; font-style: normal; } .product-page__wrapper .reset_variations--icon:before{ font-family: 'thegem-icons'; content: '\e619'; line-height: 0; font-size: 16px; margin: 0 0 0 -1px; } table.variations .thegem-select { width: 260px; min-height: 40px; padding: 0 40px 0 15px; border-radius: 3px; appearance: none; -webkit-appearance: none; } /*Product Page Right Column Cart*/ .product-page__wrapper form.cart:not(.variations_form){ display: flex; flex-wrap: wrap; } .product-page__wrapper form.cart .single_variation_wrap{ display: flex; flex-direction: column; } .product-page__wrapper form.cart .single_variation_wrap .woocommerce-variation{ display: flex; flex-wrap: wrap; align-items: flex-end; } .product-page__wrapper form.cart.single_variation_wrap .woocommerce-variation-availability, .product-page__wrapper form.cart .single_variation_wrap .woocommerce-variation-availability:not(:empty){ padding: 0; margin: 0 0 20px 15px; } .product-page__wrapper form.cart .woocommerce-variation-availability .stock{ margin: 0; padding: 0; } .product-page__wrapper form.cart .woocommerce-variation-price{ float: none; margin-bottom: 20px; } .product-page__wrapper form.cart .woocommerce-variation-price .price{ margin: 0; } .product-page__wrapper form.cart .woocommerce-variation-add-to-cart{ display: flex; flex-wrap: wrap; } .product-page__wrapper form.cart .quantity{ display: flex; padding: 0; margin: 0 20px 10px 0; max-width: 120px; float: none; border-radius: 3px; } .product-page__wrapper form.cart .quantity.hidden{ display: none; } .product-page__wrapper form.cart .quantity button, .product-page__wrapper form.cart .quantity input{ position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 38px; background-color: transparent; font-size: 21px; line-height: 38px; } .product-page__wrapper form.cart .quantity input{ padding: 0 5px; } .product-page__wrapper form.cart .quantity button:before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 25px; } .product-page__wrapper form.cart .quantity button.minus:before{ right: 0; } .product-page__wrapper form.cart .quantity button.plus:before{ left: 0; } .product-page__wrapper form.cart .gem-button{ margin-right: 10px; } .product-page__wrapper form.cart .yith-wcwl-add-to-wishlist .gem-button, .product-page__wrapper form.cart .yith-wcwl-add-to-wishlist .gem-button:hover{ background: transparent !important; border: 0 !important; border-radius: 0 !important; } .product-page__wrapper form.cart .yith-wcwl-add-to-wishlist .gem-button i.gem-print-icon{ vertical-align: inherit; } /* Grouped Products */ .product-page__wrapper form.grouped_form{ position: relative; display: flex; flex-direction: column !important; } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list{ position: relative; width: 100%; margin-top: 10px; margin-bottom: 30px; } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list tr{ display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid var(--thegem-to-box-border-color); } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list tr:first-of-type{ border-top: 1px solid var(--thegem-to-box-border-color); } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td{ padding: 16px 8px; vertical-align: middle; } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__image{ padding-left: 0; } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__quantity a{ position: relative; display: flex; align-items: center; font-size: var(--thegem-to-body-tiny-font-size); line-height: var(--thegem-to-body-tiny-line-height); color: var(--thegem-to-link-color-hover); } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__quantity a:before { font-family: 'thegem-icons'; content: '\e669'; font-style: normal; font-size: 16px; font-weight: normal; margin: 3px 5px 0 0; } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__quantity{ min-width: 136px; } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__quantity .quantity{ padding: 0; margin: 0; } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__image img{ max-width: 80px; height: auto; } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__price{ margin-left: auto; text-align: right; padding-right: 0; white-space: nowrap; font-family: var(--thegem-to-product-price-font-family); font-style: var(--thegem-to-product-price-font-style); font-weight: var(--thegem-to-product-price-font-weight); text-transform: var(--thegem-to-product-price-text-transform); font-size: calc(var(--thegem-to-product-price-font-size) * 0.7857); line-height: calc(var(--thegem-to-product-price-font-size) * 0.7857); letter-spacing: var(--thegem-to-product-price-letter-spacing); color: var(--thegem-to-product-price-color); } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__price ins{ text-decoration: none; } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__price del{ position: relative; text-decoration: none; opacity: 0.5; font-size: calc(var(--thegem-to-product-price-font-size) * 0.6429); line-height: calc(var(--thegem-to-product-price-font-size) * 0.6429); } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__price del:before{ content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: var(--thegem-to-product-price-color); } @media (max-width: 767px) { .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list tr{ flex-direction: column; align-items: flex-start; padding: 8px; } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td{ padding: 8px 0; } .product-page__wrapper form.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__price{ margin: 0; text-align: left; } } /*Product Page Right Column Third party Buttons*/ .single-product-content-right .yith-ywraq-add-to-quote{ display: block; width: 100%; margin: 0 !important; padding: 0; } .product-page__right-column-centered .yith-ywraq-add-to-quote{ text-align: center; } .single-product-content-right .yith-ywraq-add-to-quote a.ywraq-link, .single-product-content-right .yith_ywraq_add_item_browse_message a{ font-size: inherit !important; font-weight: inherit !important; } .single-product-content-right .yith-ywraq-add-to-quote img{ display: none !important; } .single-product-content-right .yith-ywraq-add-to-quote a.button, .single-product-content-right .compare.button{ position: relative; display: inline-block; text-align: center; text-transform: uppercase; white-space: nowrap; border: 0 none; vertical-align: middle; height: 40px; line-height: 40px; padding: 0 17px; margin: 10px 0; font-size: 14px !important; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 3px; } /*Product Page Right Column Size Guide*/ .product-page__wrapper .size-guide{ display: flex; width: 100%; margin: 8px 0 0 0; padding: 0; } /*Product Page Right Column Meta & Socials*/ .product-page__wrapper .product-meta{ display: flex; width: 100%; flex-direction: column; margin-top: 30px; } .product-page__wrapper .product-meta > div { margin-bottom: 10px; } .product-page__wrapper .product-meta > div:last-of-type{ margin-bottom: 0; } .product-page__wrapper .product-meta .date-color{ padding-right: 5px; } .product-page__wrapper .product-meta .post-tags-list a{ margin-right: 10px; } .product-page__wrapper .product-meta .post-tags-list a:not(:first-child){ margin-left: 10px; } .product-page__wrapper .socials-sharing{ display: flex; width: 100%; margin: 0 -7px; padding: 5px 0 0 0; } .product-page__wrapper form.cart + .socials-sharing, .product-page__wrapper .size-guide + .socials-sharing { margin-top: 25px; } .product-page__wrapper .socials-sharing .socials-item-title{ display: flex; align-items: center; padding: 0 0 0 7px; } .product-page__wrapper .socials-sharing a{ display: flex; align-items: center; padding: 0 7px; margin: 0; } /*Product Page Bottom Column*/ .product-page__bottom-column{ position: relative; margin-top: 70px; } .product-page__bottom-column .product-content{ margin-top: 70px; } .product-page__bottom-column .thegem-accordion__item-body .product-content{ margin-top: 0; } .product-page__wrapper .single-product-content-bottom .woocommerce-tabs{ margin: 0; } .product-page__wrapper .single-product-content{ position: relative; display: flex; margin-bottom: 0; z-index: 0; } .product-page__wrapper .single-product-content > div{ min-height: 100%; order: 0; } /*Product Page Attribute Table*/ .product-page__wrapper #thegem-additional_information table{ width: 100%; } .product-page__wrapper #thegem-additional_information table th, .product-page__wrapper #thegem-additional_information table td{ border: 0; padding-left: 0; padding-right: 0; text-align: left; } .product-page__wrapper #thegem-additional_information table td{ width: 100%; } .product-page__wrapper #thegem-additional_information table th{ padding-right: 55px; white-space: nowrap; } @media only screen and (max-width: 430px){ .product-page__wrapper #thegem-additional_information table tr{ display: flex; flex-wrap: wrap; } .product-page__wrapper #thegem-additional_information table td{ width: auto; } .product-page__wrapper #thegem-additional_information table th{ min-width: 40%; } } /*Product Page Woo reviews*/ .product-page__wrapper #thegem-reviews .woocommerce-Reviews { position: relative; display: flex; flex-wrap: wrap; flex: auto; margin: 0 -21px; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews > div{ position: relative; display: flex; flex-direction: column; width: 50%; margin: 0; padding: 0 21px; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews > div:last-of-type{ width: 100%; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews #review_form_wrapper{ padding-top: 0; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .woocommerce-Reviews-title, .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title{ width: 100%; min-height: 55px; margin-top: 0; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title:before{ display: none; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment_container{ padding: 0; margin: 0 0 40px 0; background: transparent; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .review:last-of-type .comment_container{ margin-bottom: 0; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment_container .meta { margin-top: 0; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment_container .woocommerce-review__author { text-transform: capitalize; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment_container .star-rating{ margin: 7px 10px 0 0; font-size: 17px; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment_container .avatar{ margin-top: 7px; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-text .description{ padding-top: 10px; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form{ display: flex; flex-direction: column; width: 100%; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form label{ margin-bottom: 5px; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form .comment-form-rating label, .product-page__wrapper #thegem-reviews .woocommerce-Reviews .woocommerce-noreviews{ margin: 0 0 5px 0; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form-comment{ margin: 13px 0 0 0; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form-comment textarea{ background-color: transparent; border-radius: 3px; max-height: 130px; padding: 10px 15px; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form-fields{ display: flex; flex-direction: column; width: 100%; margin: 1.1em 0 0 0; padding: 0; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form-fields > div{ margin: 0 0 1.1em; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form-fields > div:after{ display: none; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form-fields > div input{ background-color: transparent; border-radius: 3px; padding: 0 15px; max-height: 40px; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form .comment-form-cookies-consent{ padding: 0; margin: 15px 0 0 0; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form .comment-form-cookies-consent .checkbox-sign{ background-color: transparent; border-radius: 3px; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form-rating .stars span{ display: flex; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form-rating .stars a { position: relative; display: flex; align-items: center; justify-content: center; width: 15px; height: 15px; margin: 0 3px 0 0; padding: 0; font-size: 0; line-height: normal; overflow: visible; transition: all 0.3s linear; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form-rating .stars a:before { font-family: 'thegem-icons'; content: "\e61a"; font-size: 19px; position: absolute; float: none; left: 0; top: 0; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form-rating .stars a:before, .woocommerce .product-page__wrapper #thegem-reviews .star-rating:before, .woocommerce-page .product-page__wrapper #thegem-reviews .star-rating:before, .woocommerce .product-page__wrapper .woocommerce-product-rating .star-rating:before, .woocommerce-page .product-page__wrapper .woocommerce-product-rating .star-rating:before{ color: var(--thegem-to-product-rating-stars-base-color, #b6c6c9); } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-form-rating .stars a.rating-on:before, .woocommerce .product-page__wrapper #thegem-reviews .star-rating > span:before, .woocommerce-page .product-page__wrapper #thegem-reviews .star-rating > span:before, .woocommerce .product-page__wrapper .woocommerce-product-rating .star-rating > span:before, .woocommerce-page .product-page__wrapper .woocommerce-product-rating .star-rating > span:before{ color: var(--thegem-to-product-rating-stars-rated-color, #ffc107); } /*New Thegem one by one*/ .product-page__wrapper .thegem-one-by-one{ display: flex; flex-direction: column; } .product-page__wrapper .thegem-one-by-one__container{ padding: 0 21px; } .product-page__wrapper .thegem-one-by-one__item{ padding: 60px 0; } .product-page__wrapper .thegem-one-by-one__item-title{ margin-bottom: 2em; } .product-page__wrapper .thegem-one-by-one__item-title h4{ padding: 0; margin: 0; } .product-page__wrapper .thegem-one-by-one__item--separator{ border-top: 1px solid #dfe5e8; } .product-page__wrapper #thegem-description.thegem-one-by-one__item{ padding: 60px 0 50px 0; } .product-page__wrapper #thegem-additional_information.thegem-one-by-one__item{ padding: 60px 0; } .product-page__wrapper .thegem-tabs--vertical #thegem-additional_information.thegem-accordion__item-body{ padding: 0; } /*Product Page Centered mode*/ .product-page__wrapper .single-product-content__back{ padding-bottom: 70px; } .product-page__wrapper .single-product-content__overlay{ position: absolute; top: -70px; left: calc(50% - 50vw); width: 100vw; height: calc(100% + 70px); padding: 0; margin: 0; } .product-page__wrapper .product-page__right-column-centered{ display: flex; flex-wrap: wrap; width: 100%; max-width: 480px; padding: 30px 40px 0 40px; margin: 0 auto; } @media (min-width: 1800px) { .product-page__wrapper .product-page__right-column.centered-mode--full .product-page__right-column-centered{ max-width: 65%; } } .product-page__wrapper .product-page__right-column-centered .product-page__nav{ position: absolute; z-index: 1; } .product-page__wrapper .product-page__right-column-centered .page-breadcrumbs{ position: absolute; width: calc(100% - 80px); left: 0; top: -3px; min-height: auto !important; z-index: 0; } .product-page__wrapper .product-page__right-column-centered .product_title { width: 100%; text-align: center; } .product-page__wrapper .product-page__right-column-centered .woocommerce-product-rating, .product-page__wrapper .product-page__right-column-centered .price, .product-page__wrapper .product-page__right-column-centered .product-page__attribute, .product-page__wrapper .product-page__right-column-centered .woocommerce-product-details__short-description, .product-page__wrapper .product-page__right-column-centered form.cart .woocommerce-variation-add-to-cart, .product-page__wrapper .product-page__right-column-centered form.cart .single_variation_wrap .woocommerce-variation, .product-page__wrapper .product-page__right-column-centered .product-meta, .product-page__wrapper .product-page__right-column-centered .socials-sharing, .product-page__wrapper .product-page__right-column-centered .variations_form, .product-page__wrapper .product-page__right-column-centered form.cart, .product-page__wrapper .product-page__right-column-centered .size-guide, .product-page__wrapper .product-page__right-column-centered .product-page__reset-variations{ justify-content: center; text-align: center; margin-left: auto; margin-right: auto; } .product-page__wrapper .product-page__right-column-centered table.variations { width: 100%; margin: 0 auto; } .product-page__wrapper .product-page__right-column-centered table.variations td.label, .product-page__wrapper .product-page__right-column-centered table.variations th.label, .product-page__wrapper .product-page__right-column-centered table.variations td.value{ display: block; width: 100%; max-width: none; text-align: center; padding: 0; margin: 0; } .product-page__wrapper .product-page__right-column-centered table.variations td.value{ padding: 5px 0 10px 0; } .product-page__wrapper .product-page__right-column-centered table.variations td.label label, .product-page__wrapper .product-page__right-column-centered table.variations th.label label{ line-height: inherit; } .product-page__wrapper .product-page__right-column-centered .thegem-combobox-wrap { margin: 0 auto; } .product-page__wrapper .product-page__right-column-centered .gem-attribute-selector .gem-attribute-options li{ margin: 0 6px 12px 6px; } .product-page__wrapper .product-page__right-column-centered .product-meta + .socials-sharing{ padding-top: 10px; } .product-page__wrapper .product-page__right-column-centered .stock.out-of-stock{ width: 100%; text-align: center; } /*Product Page Combobox*/ .thegem-combobox-wrap { position: relative; width: 260px; z-index: 50; } /* .panel.with-sidebar .thegem-combobox-wrap { max-width: 100%; } */ .thegem-combobox-wrap select { opacity: 0; position: absolute; inset: 0; } .thegem-combobox-wrap .thegem-combobox { position: relative; display: flex; flex-direction: column; width: 100%; } .thegem-combobox-wrap .thegem-combobox__trigger { position: relative; display: flex; align-items: center; width: 100%; min-height: 40px; padding: 0 40px 0 15px; border-radius: 3px; cursor: pointer; z-index: 1; } .thegem-combobox-wrap .thegem-combobox__trigger:after { content: ''; position: absolute; display: flex; align-items: center; justify-content: center; width: 6px; height: 6px; top: 50%; margin-top: -2px; right: 15px; border-bottom: 1px solid; border-right: 1px solid; transform: rotate(45deg) translateY(-50%); transition: all .3s ease-in-out; transform-origin: 50% 0; } .thegem-combobox-wrap .thegem-combobox.opened .thegem-combobox__trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%); } .thegem-combobox-wrap .thegem-combobox__options { position: absolute; display: block; top: 100%; left: 0; right: 0; min-width: 100%; margin: 0; border-radius: 3px; border-top: 0; transition: all .3s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px); overflow: hidden; z-index: 0; } .thegem-combobox-wrap .thegem-combobox.opened .thegem-combobox__options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0); } .thegem-combobox-wrap .thegem-combobox__options-item { position: relative; display: flex; align-items: center; width: 100%; min-height: 40px; padding: 0 40px 0 15px; cursor: pointer; transition: all .3s linear; } .thegem-combobox-wrap .thegem-combobox__options-item.selection{ color: var(--thegem-to-main-bg-color); } /**Product Page Tabs/Accordions*/ .thegem-tabs { position: relative; display: flex; flex: auto; } .thegem-tabs--horizontal{ flex-direction: column; } .thegem-tabs .thegem-accordion__item-title{ display: none; } .thegem-tabs .thegem-accordion__item-body{ padding-bottom: 0; } .thegem-tabs__nav{ position: relative; display: flex; } .thegem-tabs--horizontal .thegem-tabs__nav{ flex-direction: column; } .thegem-tabs--vertical .thegem-tabs__nav{ min-width: 180px; } .thegem-tabs--vertical .thegem-tabs__body{ max-width: calc(100% - 220px); } .thegem-tabs--vertical .thegem-tabs__nav--left{ order: 0; padding: 0; margin: 0 40px 0 0; } .thegem-tabs--vertical .thegem-tabs__nav--right{ order: 2; padding: 0 0 0 40px; margin: 0 0 0 40px; } .thegem-tabs__nav-list { display: flex; } .thegem-tabs--vertical .thegem-tabs__nav-list{ flex-direction: column; } .thegem-tabs--horizontal .thegem-tabs__nav--left .thegem-tabs__nav-list{ justify-content: flex-start; text-align: left; } .thegem-tabs--horizontal .thegem-tabs__nav--center .thegem-tabs__nav-list{ justify-content: center; text-align: center; } .thegem-tabs--horizontal .thegem-tabs__nav--right .thegem-tabs__nav-list{ justify-content: flex-end; text-align: right; } .thegem-tabs__nav-item{ position: relative; display: flex; padding: 10px 0; cursor: pointer; transition: color 0.3s linear; } .thegem-tabs__nav-item:not(:first-child){ margin-left: 40px; } .thegem-tabs--vertical .thegem-tabs__nav-item{ display: flex; align-items: center; padding: 0; min-height: 45px; margin: 0; } .thegem-tabs__nav-item span, .thegem-accordion__item-title span{ position: relative; display: inline-block; pointer-events: none; } .thegem-tabs__nav-item sup, .thegem-accordion__item-title sup{ position: absolute; right: -20px; top: -5px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; padding: 0; margin: 0; border-radius: 100%; text-align: center; } .thegem-tabs__nav-line{ position: relative; display: flex; flex: auto; width: 100%; height: 1px; } .thegem-tabs__nav-slide { position: absolute; left: 0; top: -1px; width: auto; height: 2px; } .thegem-tabs--vertical .thegem-tabs__nav-line{ position: absolute; top: 0; right: 0; width: 1px; height: 100%; } .thegem-tabs--vertical .thegem-tabs__nav-slide { position: absolute; top: 0; left: -1px; width: 2px; height: auto; } .thegem-tabs--vertical .thegem-tabs__nav--right .thegem-tabs__nav-line{ left: 0; right: inherit; } .thegem-tabs__body{ position: relative; display: flex; flex-direction: column; flex: auto; margin-top: 20px; width: 100%; } .thegem-tabs--vertical .thegem-tabs__body{ margin-top: 0; } .thegem-tabs__body-item:not(.thegem-tabs__body-item--active) { display: none; } .thegem-tabs__body .thegem-accordion__item-title{ display: none; } /*New Thegem Accordion*/ .thegem-accordion { position: relative; display: flex; flex-direction: column; } .thegem-accordion.thegem-accordion--next_to_gallery{ margin-top: 30px; } .thegem-accordion__item{ position: relative; display: flex; flex-direction: column; } .thegem-tabs .thegem-accordion__item--tab-view{ border: 0 !important; padding: 0 !important; margin: 0 !important; height: 100%; } .thegem-accordion__item-title{ position: relative; display: flex; align-items: center; min-height: 50px; padding: 10px 0; cursor: pointer; transition: all 0.3s; } .thegem-accordion.thegem-accordion--below_gallery .thegem-accordion__item-title{ min-height: 60px; } .thegem-accordion__item-title:after{ content: ''; position: absolute; display: flex; align-items: center; justify-content: center; width: 6px; height: 6px; top: 50%; right: 15px; border-bottom: 1px solid; border-right: 1px solid; transform: rotate(45deg) translateY(-50%); transition: all .3s ease-in-out; transform-origin: 50% 0; } .thegem-accordion__item--active:after{ margin-top: 3px; transform: rotate(-135deg) translateY(-50%); } .thegem-accordion__item-body{ display: none; width: 100%; padding: 20px 0 50px 0; } .thegem-accordion.thegem-accordion--next_to_gallery .thegem-accordion__item-body{ max-height: 300px; padding: 20px 20px 40px 0; overflow: hidden; overflow-y: auto; mask-image: linear-gradient(to top, transparent 5px, #000 50px); -webkit-mask-image: linear-gradient(to top, transparent 5px, #000 50px); } .thegem-tabs.thegem-tabs--vertical .thegem-accordion__item-body{ padding: 0; } .thegem-accordion__item-body::-webkit-scrollbar { width: 4px; } .thegem-accordion__item-body::-webkit-scrollbar-track { background-color: transparent; } .thegem-accordion__item-body::-webkit-scrollbar-thumb { background-color: rgba(223, 229, 232, 1); border-radius: 4px; } .thegem-accordion.thegem-accordion--next_to_gallery #thegem-reviews .woocommerce-Reviews > div{ width: 100%; } .thegem-accordion.thegem-accordion--next_to_gallery #thegem-reviews .woocommerce-Reviews #review_form_wrapper { padding-top: 45px; padding-bottom: 30px; } /*Popup notifications*/ .thegem-popup-notification-wrap .thegem-popup-notification { position: fixed; left: 0; bottom: 0; width: 100%; height: 200px; text-align: center; font-size: 16px; line-height: 2; background: linear-gradient(180deg, rgba(33, 34, 39, 0) 0%, rgba(33, 34, 39, 0.3) 100%); margin: 0 !important; z-index: 10000; -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; display: flex; justify-content: center; } .thegem-popup-notification-wrap .thegem-popup-notification.show { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; pointer-events: auto; } @supports (-webkit-touch-callout: none) { .thegem-popup-notification-wrap .thegem-popup-notification { top: 0; bottom: initial; background: linear-gradient(0deg, rgba(33, 34, 39, 0) 0%, rgba(33, 34, 39, 0.3) 100%); -webkit-transform: translateY(-50px); transform: translateY(-50px); } } .thegem-popup-notification-wrap .thegem-popup-notification .notification-message { max-width: 95%; position: absolute; bottom: 30px; color: inherit; padding: 12px 18px; } @supports (-webkit-touch-callout: none) { .thegem-popup-notification-wrap .thegem-popup-notification .notification-message { top: 30px; bottom: initial; } } .thegem-popup-notification-wrap .thegem-popup-notification .notification-message:before { content: ""; font-family: "thegem-icons"; font-weight: normal; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-variant: normal; text-rendering: auto; line-height: 0.7; margin-right: 8px; font-size: 1.5em; vertical-align: middle; } .thegem-popup-notification-wrap .thegem-popup-notification .notification-message span.buttons { display: inline-block; } @media (max-width: 767px) { .thegem-popup-notification-wrap .thegem-popup-notification .notification-message span.buttons { width: 100%; } .thegem-popup-notification-wrap .thegem-popup-notification .notification-message span.buttons a.button:first-child { margin-left: 0; } } .thegem-popup-notification-wrap .thegem-popup-notification .notification-message a.button { width: fit-content; width: -webkit-fit-content; height: auto; font-size: 14px; line-height: 1; padding: 3px 15px 4px 15px; margin-left: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -webkit-appearance: none; transition: all 0.3s; } .product-page__wrapper .yith-wcwl-add-button .blockUI.blockOverlay, .product-page__wrapper .yith-wcwl-wishlistexistsremove .blockUI.blockOverlay{ display: none !important; } /*Elements title padding*/ body.woocommerce .product-page__elements-title { position: relative; display: flex; width: 100%; padding-bottom: 25px; padding-top: 35px; } body.woocommerce .product-page__elements-title.elements-title--left, body.woocommerce .product-page__elements-title.elements-title--left .container-fullwidth{ text-align: left; justify-content: left; } body.woocommerce .product-page__elements-title.elements-title--center, body.woocommerce .product-page__elements-title.elements-title--center .container-fullwidth{ text-align: center; justify-content: center; } body.woocommerce .product-page__elements-title.elements-title--right, body.woocommerce .product-page__elements-title.elements-title--right .container-fullwidth{ text-align: right; justify-content: right; } body.woocommerce .up-sells + .related-products .product-page__elements-title { padding-top: 25px; } body.woocommerce .related-products .product-page__elements-title > .container{ padding-left: 21px; padding-right: 21px; } @media (min-width: 1212px){ .thegem-tabs.thegem-tabs--vertical.thegem-tabs--fullwidth{ max-width: 1212px; margin-left: auto; margin-right: auto; padding-left: 21px; padding-right: 21px; } .thegem-tabs.thegem-tabs--horizontal.thegem-tabs--fullwidth .thegem-tabs__nav--center .thegem-tabs__nav-list, .thegem-tabs.thegem-tabs--horizontal.thegem-tabs--fullwidth .thegem-tabs__body{ width: 100%; max-width: 1212px; margin-left: auto; margin-right: auto; padding-left: 21px; padding-right: 21px; } .thegem-tabs.thegem-tabs--horizontal.thegem-tabs--fullwidth .thegem-tabs__nav--center .thegem-tabs__nav-item{ width: calc(100% / 3); justify-content: center; text-align: center; } .thegem-accordion.thegem-accordion--fullwidth{ max-width: 1212px; margin-right: auto; margin-left: auto; padding-left: 21px; padding-right: 21px; } .thegem-accordion.thegem-accordion--next_to_gallery.thegem-accordion--fullwidth{ padding-left: 0; padding-right: 0; } } @media (max-width: 1212px) { body.woocommerce.single-product .container-fullwidth{ padding-left: 21px; padding-right: 21px; } } @media (max-width: 1199px){ .row > .single-product-content-right, .row > .single-product-content-left{ margin-top: 3em !important; } body.woocommerce .product-page__elements-title .row{ margin-top: 0 !important; } } @media (max-width: 821px) { .product-page__wrapper .single-product-content{ flex-wrap: wrap; } .product-page__wrapper .single-product-content-right { order: 2 !important; } body .row > .single-product-content-right { margin-top: 3em !important; } .product-page__wrapper .product-page__right-column.centered-mode{ height: auto !important; } .product-page__wrapper .product-page__right-column-centered{ width: 100%; max-width: none; } .product-page__wrapper .single-product-content-bottom .woocommerce-tabs{ margin: 0; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews > div{ width: 100%; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews .woocommerce-Reviews-title, .product-page__wrapper #thegem-reviews .woocommerce-Reviews .comment-reply-title { min-height: auto; } .product-page__bottom-column{ margin-top: 50px; } .product-page__wrapper #thegem-reviews .woocommerce-Reviews #review_form_wrapper{ padding-top: 45px; } /*Huck for notification fix*/ body.woocommerce-page #main.over-header { z-index: initial; } } @media (max-width: 767px) { .product-page__wrapper .product-page__right-column-centered{ padding: 42px 21px !important; } .thegem-tabs .thegem-accordion__item-title{ display: flex; } .thegem-tabs__nav{ display: none; } .thegem-tabs__body{ margin-top: 0; } .thegem-tabs--vertical .thegem-tabs__body{ max-width: 100%; } .thegem-accordion__item-title{ min-height: 50px; } .thegem-accordion__item-body, .thegem-tabs .thegem-accordion__item-body, .thegem-tabs.thegem-tabs--vertical .thegem-accordion__item-body, .product-page__wrapper .thegem-tabs--vertical #thegem-additional_information.thegem-accordion__item-body{ padding: 20px 0 50px 0; } .product-page__wrapper table.variations{ width: 100%; } .product-page__wrapper .thegem-combobox-wrap { max-width: none; width: 100%; } .product-page__wrapper form.cart .gem-button-position-inline{ order: 3; width: 100%; } .product-page__wrapper form.cart .gem-button-position-inline button{ width: 100%; margin: 20px 0 0 0; } .product-page__wrapper form.cart .yith-wcwl-add-to-wishlist{ margin-left: auto; } .product-page__wrapper form.cart .quantity{ max-width: none; width: calc(100% - 60px); } .product-page__wrapper form.cart .quantity input{ width: calc(100% - 80px); } }