.page-title-default{background-color:#212121;}html .main-header, .sticky-header.header-clone, .header-spacing{background-color:#ffffff;}.main-header{border-style:solid;}.footer-container{background-color:transparent;}body, p, .widget_nav_mega_menu .menu > li > a,
.mega-navigation .menu > li > a,
.basel-navigation .menu > li.menu-item-design-full-width .sub-sub-menu li a,
.basel-navigation .menu > li.menu-item-design-sized .sub-sub-menu li a,
.basel-navigation .menu > li.menu-item-design-default .sub-menu li a,
.font-default
{font-family: "Roboto", Arial, Helvetica, sans-serif;font-weight: 300;}h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1, h2, h3, h4, h5, h6, .title, table th,
.wc-tabs li a,
.masonry-filter li a,
.woocommerce .cart-empty,
.basel-navigation .menu > li.menu-item-design-full-width .sub-menu > li > a,
.basel-navigation .menu > li.menu-item-design-sized .sub-menu > li > a,
.mega-menu-list > li > a,
fieldset legend,
table th,
.basel-empty-compare,
.compare-field,
.compare-value:before,
.color-scheme-dark .info-box-inner h1,
.color-scheme-dark .info-box-inner h2,
.color-scheme-dark .info-box-inner h3,
.color-scheme-dark .info-box-inner h4,
.color-scheme-dark .info-box-inner h5,
.color-scheme-dark .info-box-inner h6
{font-family: "Roboto", Arial, Helvetica, sans-serif;font-weight: 100;}
.product-title a,
.post-slide .entry-title a,
.category-grid-item .hover-mask h3,
.basel-search-full-screen .basel-search-inner input[type="text"],
.blog-post-loop .entry-title,
.post-title-large-image .entry-title,
.single-product-content .entry-title,
.basel-entities-title
{font-family: "Roboto", Arial, Helvetica, sans-serif;}.title-alt, .subtitle, .font-alt, .basel-entry-meta{font-family: "Roboto", Arial, Helvetica, sans-serif;}.widgettitle, .widget-title{font-family: "Roboto", Arial, Helvetica, sans-serif;}.main-nav .menu > li > a{font-family: "Roboto", Arial, Helvetica, sans-serif;font-weight: 700;font-size: 12px;}.color-primary,.mobile-nav ul li.current-menu-item > a,.main-nav .menu > li.current-menu-item > a,.main-nav .menu > li.onepage-link.current-menu-item > a,.main-nav .menu > li > a:hover,.basel-navigation .menu>li.menu-item-design-default ul li:hover>a,.basel-navigation .menu > li.menu-item-design-full-width .sub-menu li a:hover, .basel-navigation .menu > li.menu-item-design-sized .sub-menu li a:hover,.basel-product-categories.responsive-cateogires li.current-cat > a, .basel-product-categories.responsive-cateogires li.current-cat-parent > a,.basel-product-categories.responsive-cateogires li.current-cat-ancestor > a,.basel-my-account-links a:hover:before,.mega-menu-list > li > a:hover,.mega-menu-list .sub-sub-menu li a:hover,a[href^=tel],.topbar-menu ul > li > .sub-menu-dropdown li > a:hover,.btn.btn-color-primary.btn-style-bordered,.button.btn-color-primary.btn-style-bordered,button.btn-color-primary.btn-style-bordered,.added_to_cart.btn-color-primary.btn-style-bordered,input[type=submit].btn-color-primary.btn-style-bordered,a.login-to-prices-msg,a.login-to-prices-msg:hover,.basel-dark .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .basel-dark .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before,.basel-dark .read-more-section .btn-read-more,.basel-dark .basel-load-more,.basel-dark .color-primary,.basel-hover-link .swap-elements .btn-add a,.basel-hover-link .swap-elements .btn-add a:hover,.blog-post-loop .entry-title a:hover,.blog-post-loop.sticky .entry-title:before,.post-slide .entry-title a:hover,.comments-area .reply a,.single-post-navigation a:hover,blockquote footer:before,blockquote cite,.format-quote .entry-content blockquote cite, .format-quote .entry-content blockquote cite a,.basel-entry-meta .meta-author a,.search-no-results.woocommerce .site-content:before,.search-no-results .not-found .entry-header:before,.login-form-footer .lost_password:hover,.error404 .page-title,.menu-label-new:after,.widget_shopping_cart .product_list_widget li .quantity .amount,.product_list_widget li ins .amount,.price ins > .amount,.price ins,.single-product .price,.single-product .price .amount,.popup-quick-view .price,.popup-quick-view .price .amount,.basel-products-nav .product-short .price,.basel-products-nav .product-short .price .amount,.star-rating span:before,.comment-respond .stars a:hover:after,.comment-respond .stars a.active:after,.single-product-content .comment-form .stars span a:hover,.single-product-content .comment-form .stars span a.active,.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title:hover,.tabs-layout-accordion .basel-tab-wrapper .basel-accordion-title.active,.single-product-content .woocommerce-product-details__short-description ul > li:before, .single-product-content #tab-description ul > li:before, .blog-post-loop .entry-content ul > li:before, .comments-area .comment-list li ul > li:before,.brands-list .brand-item a:hover,.footer-container .footer-widget-collapse.footer-widget-opened .widget-title:after,.sidebar-widget li a:hover, .filter-widget li a:hover,.sidebar-widget li > ul li a:hover, .filter-widget li > ul li a:hover,.basel-price-filter ul li a:hover .amount,.basel-hover-effect-4 .swap-elements > a,.basel-hover-effect-4 .swap-elements > a:hover,.product-grid-item .basel-product-cats a:hover, .product-grid-item .basel-product-brands-links a:hover,.wishlist_table tr td.product-price ins .amount,.basel-buttons .product-compare-button > a.added:before,.basel-buttons .basel-wishlist-btn > a.added:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist a:hover,.single-product-content .container .entry-summary .yith-wcwl-add-to-wishlist a:hover:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before,.single-product-content .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.feid-in > a:before,.basel-sticky-btn .basel-sticky-btn-wishlist a.added, .basel-sticky-btn .basel-sticky-btn-wishlist a:hover,.single-product-content .entry-summary .wishlist-btn-wrapper a:hover,.single-product-content .entry-summary .wishlist-btn-wrapper a:hover:before,.single-product-content .entry-summary .wishlist-btn-wrapper a.added:before,.vendors-list ul li a:hover,.product-list-item .product-list-buttons .basel-wishlist-btn a:hover,.product-list-item .product-list-buttons .product-compare-button a:hover,.product-list-item .product-list-buttons .basel-wishlist-btn > a.added:before,.product-list-item .product-list-buttons .product-compare-button > a.added:before,.basel-sticky-btn .basel-sticky-btn-compare a.added, .basel-sticky-btn .basel-sticky-btn-compare a:hover,.single-product-content .entry-summary .compare-btn-wrapper a:hover,.single-product-content .entry-summary .compare-btn-wrapper a:hover:before,.single-product-content .entry-summary .compare-btn-wrapper a.added:before,.single-product-content .entry-summary .basel-sizeguide-btn:hover,.single-product-content .entry-summary .basel-sizeguide-btn:hover:before,.blog-post-loop .entry-content ul li:before,.basel-menu-price .menu-price-price,.basel-menu-price.cursor-pointer:hover .menu-price-title,.comments-area #cancel-comment-reply-link:hover,.comments-area .comment-body .comment-edit-link:hover,.popup-quick-view .entry-summary .entry-title a:hover,.wpb_text_column ul:not(.social-icons) > li:before,.widget_product_categories .basel-cats-toggle:hover,.widget_product_categories .toggle-active,.widget_product_categories li.current-cat-parent > a, .widget_product_categories li.current-cat > a,.woocommerce-checkout-review-order-table tfoot .order-total td .amount,.widget_shopping_cart .product_list_widget li .remove:hover,.basel-active-filters .widget_layered_nav_filters ul li a .amount,.title-wrapper.basel-title-color-primary .title-subtitle,.widget_shopping_cart .widget_shopping_cart_content > .total .amount,.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab.vc_active > a,.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a,.basel-free-progress-bar .amount{color:#838ffb;}.wishlist-info-widget .icon-count,.compare-info-widget .icon-count,.basel-toolbar-compare .compare-count,.basel-cart-design-2 > a .basel-cart-number,.basel-cart-design-3 > a .basel-cart-number,.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover,.btn.btn-color-primary,.button.btn-color-primary,button.btn-color-primary,.added_to_cart.btn-color-primary,input[type=submit].btn-color-primary,.btn.btn-color-primary:hover,.button.btn-color-primary:hover,button.btn-color-primary:hover,.added_to_cart.btn-color-primary:hover,input[type=submit].btn-color-primary:hover,.btn.btn-color-primary.btn-style-bordered:hover,.button.btn-color-primary.btn-style-bordered:hover,button.btn-color-primary.btn-style-bordered:hover,.added_to_cart.btn-color-primary.btn-style-bordered:hover,input[type=submit].btn-color-primary.btn-style-bordered:hover,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover,.no-results .searchform #searchsubmit,.no-results .searchform #searchsubmit:hover,.comments-area .comment-respond input[type=submit],.comments-area .comment-respond input[type=submit]:hover,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover,.woocommerce .basel-add-gift-product,.woocommerce .basel-add-gift-product:hover,.woocommerce .checkout_coupon .button,.woocommerce .checkout_coupon .button:hover,.woocommerce .place-order button,.woocommerce .place-order button:hover,.woocommerce-order-pay #order_review .button,.woocommerce-order-pay #order_review .button:hover,.woocommerce-account button[name=track],.woocommerce-account button[name=track]:hover,.woocommerce-account button[name=save_account_details],.woocommerce-account button[name=save_account_details]:hover,.woocommerce-account button[name=save_address],.woocommerce-account button[name=save_address]:hover,.search-no-results .not-found .entry-content .searchform #searchsubmit,.search-no-results .not-found .entry-content .searchform #searchsubmit:hover,.error404 .page-content > .searchform #searchsubmit,.error404 .page-content > .searchform #searchsubmit:hover,.return-to-shop .button,.return-to-shop .button:hover,.basel-hover-excerpt .btn-add a,.basel-hover-excerpt .btn-add a:hover,.basel-hover-standard .btn-add > a,.basel-hover-standard .btn-add > a:hover,.basel-price-table .basel-plan-footer > a,.basel-price-table .basel-plan-footer > a:hover,.basel-pf-btn button,.basel-pf-btn button:hover,.basel-info-box.box-style-border .info-btn-wrapper a,.basel-info-box.box-style-border .info-btn-wrapper a:hover,.basel-info-box2.box-style-border .info-btn-wrapper a,.basel-info-box2.box-style-border .info-btn-wrapper a:hover,.basel-hover-quick .woocommerce-variation-add-to-cart .button,.basel-hover-quick .woocommerce-variation-add-to-cart .button:hover,.product-list-item .product-list-buttons > a,.product-list-item .product-list-buttons > a:hover,.wpb_video_wrapper .button-play,.pswp__share--download:hover,.basel-navigation .menu > li.callto-btn > a,.basel-navigation .menu > li.callto-btn > a:hover,.basel-dark .basel-load-more:hover,.basel-dark .basel-load-more.load-on-click + .basel-load-more-loader,.basel-dark .feedback-form .wpcf7-submit,.basel-dark .mc4wp-form input[type=submit],.basel-dark .single_add_to_cart_button,.basel-dark .basel-buy-now-btn,.basel-dark .basel-compare-col .add_to_cart_button,.basel-dark .basel-compare-col .added_to_cart,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart,.basel-dark .single-product-content .comment-form .form-submit input[type=submit],.basel-dark .basel-registration-page .basel-switch-to-register,.basel-dark .register .button, .basel-dark .login .button,.basel-dark .lost_reset_password .button,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button, .basel-dark .woocommerce .cart-actions .coupon .button,.basel-dark .feedback-form .wpcf7-submit:hover,.basel-dark .mc4wp-form input[type=submit]:hover,.basel-dark .single_add_to_cart_button:hover,.basel-dark .basel-buy-now-btn:hover,.basel-dark .basel-compare-col .add_to_cart_button:hover,.basel-dark .basel-compare-col .added_to_cart:hover,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart:hover,.basel-dark .single-product-content .comment-form .form-submit input[type=submit]:hover,.basel-dark .basel-registration-page .basel-switch-to-register:hover, .basel-dark .register .button:hover, .basel-dark .login .button:hover, .basel-dark .lost_reset_password .button:hover, .basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button:hover,.basel-dark .woocommerce .cart-actions .coupon .button:hover,.basel-progress-bar .progress-bar,.widget_price_filter .ui-slider .ui-slider-handle:after,.widget_price_filter .ui-slider .ui-slider-range,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,div.bbp-submit-wrapper button,div.bbp-submit-wrapper button:hover,#bbpress-forums .bbp-search-form #bbp_search_submit,#bbpress-forums .bbp-search-form #bbp_search_submit:hover,body .select2-container--default .select2-results__option--highlighted[aria-selected], .basel-add-img-msg:before,.product-video-button a:hover:before, .product-360-button a:hover:before,.mobile-nav ul li .up-icon,.scrollToTop:hover,.basel-sticky-filter-btn:hover,.categories-opened li a:active,.basel-price-table .basel-plan-price,.header-categories .secondary-header .mega-navigation,.widget_nav_mega_menu,.meta-post-categories,.slider-title:before,.title-wrapper.basel-title-style-simple .title:after,.menu-label-new,.product-label.onsale,.color-scheme-light .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab.vc_active > a span:after,.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic .vc_tta-tab.vc_active > a span:after,.portfolio-with-bg-alt .portfolio-entry:hover .entry-header > .portfolio-info{background-color:#838ffb;}.btn.btn-color-primary,.button.btn-color-primary,button.btn-color-primary,.added_to_cart.btn-color-primary,input[type=submit].btn-color-primary,.btn.btn-color-primary:hover,.button.btn-color-primary:hover,button.btn-color-primary:hover,.added_to_cart.btn-color-primary:hover,input[type=submit].btn-color-primary:hover,.btn.btn-color-primary.btn-style-bordered:hover,.button.btn-color-primary.btn-style-bordered:hover,button.btn-color-primary.btn-style-bordered:hover,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,.widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,.basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover,.comments-area .comment-respond input[type=submit],.comments-area .comment-respond input[type=submit]:hover,.sidebar-container .mc4wp-form input[type=submit],.sidebar-container .mc4wp-form input[type=submit]:hover,.footer-container .mc4wp-form input[type=submit],.footer-container .mc4wp-form input[type=submit]:hover,.filters-area .mc4wp-form input[type=submit],.filters-area .mc4wp-form input[type=submit]:hover,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button,.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover,.woocommerce .basel-add-gift-product,.woocommerce .basel-add-gift-product:hover,.woocommerce .checkout_coupon .button,.woocommerce .checkout_coupon .button:hover,.woocommerce .place-order button,.woocommerce .place-order button:hover,.woocommerce-order-pay #order_review .button,.woocommerce-order-pay #order_review .button:hover,.woocommerce-account button[name=track],.woocommerce-account button[name=track]:hover,.woocommerce-account button[name=save_account_details],.woocommerce-account button[name=save_account_details]:hover,.woocommerce-account button[name=save_address],.woocommerce-account button[name=save_address]:hover,.woocommerce-page button[name=save_address]:hover,.search-no-results .not-found .entry-content .searchform #searchsubmit,.search-no-results .not-found .entry-content .searchform #searchsubmit:hover,.error404 .page-content > .searchform #searchsubmit,.error404 .page-content > .searchform #searchsubmit:hover,.no-results .searchform #searchsubmit,.no-results .searchform #searchsubmit:hover,.return-to-shop .button,.return-to-shop .button:hover,.basel-hover-excerpt .btn-add a,.basel-hover-excerpt .btn-add a:hover,.basel-hover-standard .btn-add > a,.basel-hover-standard .btn-add > a:hover,.basel-price-table .basel-plan-footer > a,.basel-price-table .basel-plan-footer > a:hover,.basel-pf-btn button,.basel-pf-btn button:hover,body .basel-info-box.box-style-border .info-btn-wrapper a,body .basel-info-box.box-style-border .info-btn-wrapper a:hover,body .basel-info-box2.box-style-border .info-btn-wrapper a,body .basel-info-box2.box-style-border .info-btn-wrapper a:hover,.basel-hover-quick .woocommerce-variation-add-to-cart .button,.basel-hover-quick .woocommerce-variation-add-to-cart .button:hover,.product-list-item .product-list-buttons > a,.product-list-item .product-list-buttons > a:hover,body .wpb_video_wrapper .button-play,.woocommerce-store-notice__dismiss-link:hover,.basel-compare-table .compare-loader:after,.basel-sticky-sidebar-opener:not(.sticky-toolbar):hover,.basel-dark .read-more-section .btn-read-more,.basel-dark .basel-load-more,.basel-dark .basel-load-more:hover,.basel-dark .feedback-form .wpcf7-submit,.basel-dark .mc4wp-form input[type=submit],.basel-dark .single_add_to_cart_button,.basel-dark .basel-buy-now-btn,.basel-dark .basel-compare-col .add_to_cart_button,.basel-dark .basel-compare-col .added_to_cart,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart,.basel-dark .single-product-content .comment-form .form-submit input[type=submit],.basel-dark .basel-registration-page .basel-switch-to-register,.basel-dark .register .button, .basel-dark .login .button,.basel-dark .lost_reset_password .button,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button, .basel-dark .woocommerce .cart-actions .coupon .button,.basel-dark .feedback-form .wpcf7-submit:hover,.basel-dark .mc4wp-form input[type=submit]:hover,.basel-dark .single_add_to_cart_button:hover,.basel-dark .basel-buy-now-btn:hover,.basel-dark .basel-compare-col .add_to_cart_button:hover,.basel-dark .basel-compare-col .added_to_cart:hover,.basel-dark .basel-sticky-btn .basel-sticky-add-to-cart:hover,.basel-dark .single-product-content .comment-form .form-submit input[type=submit]:hover,.basel-dark .basel-registration-page .basel-switch-to-register:hover,.basel-dark .register .button:hover, .basel-dark .login .button:hover,.basel-dark .lost_reset_password .button:hover,.basel-dark .wishlist_table tr td.product-add-to-cart > .add_to_cart.button:hover,.basel-dark .woocommerce .cart-actions .coupon .button:hover,.cookies-buttons .cookies-accept-btn:hover,.blockOverlay:after,.widget_shopping_cart li.basel-loading:after,.basel-price-table:hover,.title-shop .nav-shop ul li a:after,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,div.bbp-submit-wrapper button,div.bbp-submit-wrapper button:hover,#bbpress-forums .bbp-search-form #bbp_search_submit,#bbpress-forums .bbp-search-form #bbp_search_submit:hover,.basel-hover-link .swap-elements .btn-add a,.basel-hover-link .swap-elements .btn-add a:hover,.basel-hover-link .swap-elements .btn-add a.loading:after,.scrollToTop:hover, .basel-sticky-filter-btn:hover,blockquote{border-color:#838ffb;}.with-animation .info-box-icon svg path,.single-product-content .entry-summary .basel-sizeguide-btn:hover svg{stroke:#838ffb;}.btn.btn-color-alt.btn-style-bordered, .button.btn-color-alt.btn-style-bordered, button.btn-color-alt.btn-style-bordered, .added_to_cart.btn-color-alt.btn-style-bordered, input[type=submit].btn-color-alt.btn-style-bordered,.title-wrapper.basel-title-color-alt .title-subtitle{color:#2dadc1;}.btn.btn-color-alt, .button.btn-color-alt, button.btn-color-alt, .added_to_cart.btn-color-alt, input[type=submit].btn-color-alt,.btn.btn-color-alt:hover,.button.btn-color-alt:hover,button.btn-color-alt:hover,.added_to_cart.btn-color-alt:hover,input[type=submit].btn-color-alt:hover,.btn.btn-color-alt.btn-style-bordered:hover,.button.btn-color-alt.btn-style-bordered:hover,button.btn-color-alt.btn-style-bordered:hover,.added_to_cart.btn-color-alt.btn-style-bordered:hover,input[type=submit].btn-color-alt.btn-style-bordered:hover,.widget_nav_mega_menu .menu > li:hover, .mega-navigation .menu > li:hover{background-color:#2dadc1;}.btn.btn-color-alt,.button.btn-color-alt,button.btn-color-alt,.added_to_cart.btn-color-alt,input[type=submit].btn-color-alt,.btn.btn-color-alt:hover,.button.btn-color-alt:hover,button.btn-color-alt:hover,.added_to_cart.btn-color-alt:hover,input[type=submit].btn-color-alt:hover,.btn.btn-color-alt.btn-style-bordered:hover,.button.btn-color-alt.btn-style-bordered:hover,button.btn-color-alt.btn-style-bordered:hover,.added_to_cart.btn-color-alt.btn-style-bordered:hover,input[type=submit].btn-color-alt.btn-style-bordered:hover{border-color:#2dadc1;}.button,
button,
input[type=submit],
html .yith-woocompare-widget a.button.compare,
html .basel-dark .basel-registration-page .basel-switch-to-register,
html .basel-dark .login .button,
html .basel-dark .register .button,
html .basel-dark .widget_shopping_cart .buttons a,
html .basel-dark .yith-woocompare-widget a.button.compare,
html .basel-dark .widget_price_filter .price_slider_amount .button,
html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit,
html .basel-dark .basel-widget-layered-nav-dropdown__submit,
html .basel-dark .woocommerce .cart-actions input[name="update_cart"]{background-color:#838ffb;}.button,
button,
input[type=submit],
html .yith-woocompare-widget a.button.compare,
html .basel-dark .basel-registration-page .basel-switch-to-register,
html .basel-dark .login .button,
html .basel-dark .register .button,
html .basel-dark .widget_shopping_cart .buttons a,
html .basel-dark .yith-woocompare-widget a.button.compare,
html .basel-dark .widget_price_filter .price_slider_amount .button,
html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit,
html .basel-dark .basel-widget-layered-nav-dropdown__submit,
html .basel-dark .woocommerce .cart-actions input[name="update_cart"]{border-color:#838ffb;}.button:hover,
button:hover,
input[type=submit]:hover,
html .yith-woocompare-widget a.button.compare:hover,
html .basel-dark .basel-registration-page .basel-switch-to-register:hover,
html .basel-dark .login .button:hover,
html .basel-dark .register .button:hover,
html .basel-dark .widget_shopping_cart .buttons a:hover,
html .basel-dark .yith-woocompare-widget a.button.compare:hover,
html .basel-dark .widget_price_filter .price_slider_amount .button:hover,
html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit:hover,
html .basel-dark .basel-widget-layered-nav-dropdown__submit:hover,
html .basel-dark .woocommerce .cart-actions input[name="update_cart"]:hover{background-color:#2dadc1;}.button:hover,
button:hover,
input[type=submit]:hover,
html .yith-woocompare-widget a.button.compare:hover,
html .basel-dark .basel-registration-page .basel-switch-to-register:hover,
html .basel-dark .login .button:hover,
html .basel-dark .register .button:hover,
html .basel-dark .widget_shopping_cart .buttons a:hover,
html .basel-dark .yith-woocompare-widget a.button.compare:hover,
html .basel-dark .widget_price_filter .price_slider_amount .button:hover,
html .basel-dark .woocommerce-widget-layered-nav-dropdown__submit:hover,
html .basel-dark .basel-widget-layered-nav-dropdown__submit:hover,
html .basel-dark .woocommerce .cart-actions input[name="update_cart"]:hover{border-color:#2dadc1;}html .basel-hover-alt .btn-add>a{color:#838ffb;}html .single_add_to_cart_button,
html .basel-buy-now-btn,
html .basel-sticky-btn .basel-sticky-add-to-cart,
html .woocommerce .cart-actions .coupon .button,
html .added_to_cart.btn-color-black,
html input[type=submit].btn-color-black,
html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button,
html .basel-hover-quick .quick-shop-btn > a,
html table.compare-list tr.add-to-cart td a,
html .basel-compare-col .add_to_cart_button,
html .basel-compare-col .added_to_cart{background-color:#838ffb;}html .single_add_to_cart_button,
html .basel-buy-now-btn,
html .basel-sticky-btn .basel-sticky-add-to-cart,
html .woocommerce .cart-actions .coupon .button,
html .added_to_cart.btn-color-black,
html input[type=submit].btn-color-black,
html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button,
html .basel-hover-quick .quick-shop-btn > a,
html table.compare-list tr.add-to-cart td a,
html .basel-compare-col .add_to_cart_button,
html .basel-compare-col .added_to_cart{border-color:#838ffb;}html .basel-hover-alt .btn-add>a:hover{color:#2dadc1;}html .single_add_to_cart_button:hover,
html .basel-buy-now-btn:hover,
html .basel-sticky-btn .basel-sticky-add-to-cart:hover,
html .woocommerce .cart-actions .coupon .button:hover,
html .added_to_cart.btn-color-black:hover,
html input[type=submit].btn-color-black:hover,
html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button:hover,
html .basel-hover-quick .quick-shop-btn > a:hover,
html table.compare-list tr.add-to-cart td a:hover,
html .basel-compare-col .add_to_cart_button:hover,
html .basel-compare-col .added_to_cart:hover{background-color:#2dadc1;}html .single_add_to_cart_button:hover,
html .basel-buy-now-btn:hover,
html .basel-sticky-btn .basel-sticky-add-to-cart:hover,
html .woocommerce .cart-actions .coupon .button:hover,
html .added_to_cart.btn-color-black:hover,
html input[type=submit].btn-color-black:hover,
html .wishlist_table tr td.product-add-to-cart>.add_to_cart.button:hover,
html .basel-hover-quick .quick-shop-btn > a:hover,
html table.compare-list tr.add-to-cart td a:hover,
html .basel-compare-col .add_to_cart_button:hover,
html .basel-compare-col .added_to_cart:hover{border-color:#2dadc1;}html .added_to_cart.btn-color-primary,
html .btn.btn-color-primary,
html .button.btn-color-primary,
html button.btn-color-primary,
html input[type=submit].btn-color-primary,
html .widget_shopping_cart .buttons .checkout,
html .widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,
html .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button,
html .woocommerce-checkout .place-order button,
html .woocommerce-checkout .checkout_coupon .button,
html .woocommerce input[name=save_account_details],
html .woocommerce input[name=save_address],
html .woocommerce input[name=track],
html .woocommerce-page input[name=save_account_details],
html .woocommerce-page input[name=save_address],
html .woocommerce-page input[name=track],
html .return-to-shop .button,
html .basel-navigation .menu > li.callto-btn > a,
html .basel-hover-standard .btn-add > a,
html .basel-hover-excerpt .btn-add a,
html .basel-hover-quick .woocommerce-variation-add-to-cart .button,
html .basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,
html .error404 .page-content>.searchform #searchsubmit,
html .basel-info-box.box-style-border .info-btn-wrapper a,
html .basel-info-box2.box-style-border .info-btn-wrapper a,
html .basel-price-table .basel-plan-footer > a,
html .basel-pf-btn button,
html .basel-dark .single_add_to_cart_button,
html .basel-dark .basel-buy-now-btn,
html .basel-dark .basel-compare-col .add_to_cart_button,
html .basel-dark .basel-compare-col .added_to_cart,
html .basel-dark .basel-sticky-btn .basel-sticky-add-to-cart,
html .basel-dark .single-product-content .comment-form .form-submit input[type=submit],
html .basel-dark .woocommerce .cart-actions .coupon .button{background-color:#838ffb;}html .added_to_cart.btn-color-primary,
html .btn.btn-color-primary,
html .button.btn-color-primary,
html button.btn-color-primary,
html input[type=submit].btn-color-primary,
html .widget_shopping_cart .buttons .checkout,
html .widget_shopping_cart .widget_shopping_cart_content .buttons .checkout,
html .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button,
html .woocommerce-checkout .place-order button,
html .woocommerce-checkout .checkout_coupon .button,
html .woocommerce input[name=save_account_details],
html .woocommerce input[name=save_address],
html .woocommerce input[name=track],
html .woocommerce-page input[name=save_account_details],
html .woocommerce-page input[name=save_address],
html .woocommerce-page input[name=track],
html .return-to-shop .button,
html .basel-navigation .menu > li.callto-btn > a,
html .basel-hover-standard .btn-add > a,
html .basel-hover-excerpt .btn-add a,
html .basel-hover-quick .woocommerce-variation-add-to-cart .button,
html .basel-search-dropdown .basel-search-wrapper .basel-search-inner form button,
html .error404 .page-content>.searchform #searchsubmit,
html .basel-info-box.box-style-border .info-btn-wrapper a,
html .basel-info-box2.box-style-border .info-btn-wrapper a,
html .basel-price-table .basel-plan-footer > a,
html .basel-pf-btn button,
html .basel-dark .single_add_to_cart_button,
html .basel-dark .basel-buy-now-btn,
html .basel-dark .basel-compare-col .add_to_cart_button,
html .basel-dark .basel-compare-col .added_to_cart,
html .basel-dark .basel-sticky-btn .basel-sticky-add-to-cart,
html .basel-dark .single-product-content .comment-form .form-submit input[type=submit],
html .basel-dark .woocommerce .cart-actions .coupon .button{border-color:#838ffb;}html .added_to_cart.btn-color-primary:hover,
html .btn.btn-color-primary:hover,
html .button.btn-color-primary:hover,
html button.btn-color-primary:hover,
html input[type=submit].btn-color-primary:hover,
html .widget_shopping_cart .buttons .checkout:hover,
html .widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover,
html .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover,
html .woocommerce-checkout .place-order button:hover,
html .woocommerce-checkout .checkout_coupon .button:hover,
html .woocommerce input[name=save_account_details]:hover,
html .woocommerce input[name=save_address]:hover,
html .woocommerce input[name=track]:hover,
html .woocommerce-page input[name=save_account_details]:hover,
html .woocommerce-page input[name=save_address]:hover,
html .woocommerce-page input[name=track]:hover,
html .return-to-shop .button:hover,
html .basel-navigation .menu > li.callto-btn > a:hover,
html .basel-hover-standard .btn-add > a:hover,
html .basel-hover-excerpt .btn-add a:hover,
html .basel-hover-quick .woocommerce-variation-add-to-cart .button:hover,
html .basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover,
html .error404 .page-content>.searchform #searchsubmit:hover,
html .basel-info-box.box-style-border .info-btn-wrapper a:hover,
html .basel-info-box2.box-style-border .info-btn-wrapper a:hover,
html .basel-price-table .basel-plan-footer > a:hover,
html .basel-pf-btn button:hover,
html .basel-dark .single_add_to_cart_button:hover,
html .basel-dark .basel-buy-now-btn:hover,
html .basel-dark .basel-compare-col .add_to_cart_button:hover,
html .basel-dark .basel-compare-col .added_to_cart:hover,
html .basel-dark .basel-sticky-btn .basel-sticky-add-to-cart:hover,
html .basel-dark .single-product-content .comment-form .form-submit input[type=submit]:hover,
html .basel-dark .woocommerce .cart-actions .coupon .button:hover{background-color:#2dadc1;}html .added_to_cart.btn-color-primary:hover,
html .btn.btn-color-primary:hover,
html .button.btn-color-primary:hover,
html button.btn-color-primary:hover,
html input[type=submit].btn-color-primary:hover,
html .widget_shopping_cart .buttons .checkout:hover,
html .widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover,
html .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button:hover,
html .woocommerce-checkout .place-order button:hover,
html .woocommerce-checkout .checkout_coupon .button:hover,
html .woocommerce input[name=save_account_details]:hover,
html .woocommerce input[name=save_address]:hover,
html .woocommerce input[name=track]:hover,
html .woocommerce-page input[name=save_account_details]:hover,
html .woocommerce-page input[name=save_address]:hover,
html .woocommerce-page input[name=track]:hover,
html .return-to-shop .button:hover,
html .basel-navigation .menu > li.callto-btn > a:hover,
html .basel-hover-standard .btn-add > a:hover,
html .basel-hover-excerpt .btn-add a:hover,
html .basel-hover-quick .woocommerce-variation-add-to-cart .button:hover,
html .basel-search-dropdown .basel-search-wrapper .basel-search-inner form button:hover,
html .error404 .page-content>.searchform #searchsubmit:hover,
html .basel-info-box.box-style-border .info-btn-wrapper a:hover,
html .basel-info-box2.box-style-border .info-btn-wrapper a:hover,
html .basel-price-table .basel-plan-footer > a:hover,
html .basel-pf-btn button:hover,
html .basel-dark .single_add_to_cart_button:hover,
html .basel-dark .basel-buy-now-btn:hover,
html .basel-dark .basel-compare-col .add_to_cart_button:hover,
html .basel-dark .basel-compare-col .added_to_cart:hover,
html .basel-dark .basel-sticky-btn .basel-sticky-add-to-cart:hover,
html .basel-dark .single-product-content .comment-form .form-submit input[type=submit]:hover,
html .basel-dark .woocommerce .cart-actions .coupon .button:hover{border-color:#2dadc1;}@font-face {
font-weight: normal;
font-style: normal;
font-family: "simple-line-icons";
src: url("//es.topdermal.com/wp-content/themes/basel/fonts/Simple-Line-Icons.woff2?v=5.9.0") format("woff2"),
url("//es.topdermal.com/wp-content/themes/basel/fonts/Simple-Line-Icons.woff?v=5.9.0") format("woff");}@font-face {
font-weight: normal;
font-style: normal;
font-family: "basel-font";
src: url("//es.topdermal.com/wp-content/themes/basel/fonts/basel-font.woff2?v=5.9.0") format("woff2"),
url("//es.topdermal.com/wp-content/themes/basel/fonts/basel-font.woff?v=5.9.0") format("woff");}/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
.topbar-content {
padding: 8px 0;
}
@media (min-width: 1000px) {
.topbar-content {
padding: 0;
}
}
.product-grid-item img:is([sizes="auto" i], [sizes^="auto," i]) {
contain-intrinsic-size: 3000px 180px;
}
.product-image-summary img:is([sizes="auto" i], [sizes^="auto," i]) {
contain-intrinsic-size: 3000px 350px;
}
.basel-lazy-load {
width: auto;
}
.page-title.page-title .entry-title,
.page-title.page-title h1 {
text-transform: none;
}
.team-member-avatar-image {
border-radius: 50%;
}
.basel-prefooter {
background-color: #386FC1;
padding-top: 40px;
padding-bottom: 40px;
}
.entry-title {
background-color: #838FFB;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0 25px;
}
.page-title {
background-position: center;
}
.right-column {
width: 170px;
}
.entry-meta,
li.noSubmenu>a:after,
li.noSubmenu .icon-sub-menu {
display: none!important;
opacity: 0!important;
visibility: hidden!important;
}
.wpcf7-textarea {
height: 100px;
}
.woocommerce-lost-password .lost_reset_password .form-row-last {
width: 100%!important;
}
.woocommerce-cart .basel-prefooter,
.woocommerce-checkout .basel-prefooter,
.woocommerce-cart .woocommerce-shipping-destination {
display: none;
opacity: 0;
visibility: hidden;
}
.woocommerce-custom-field-description {
display: block;
margin-top: 16px;
}
.basel-cookies-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.basel-cookies-inner>.cookies-info-text {
padding: 0 0 15px;
}
.custom-blog-post .vc_grid-item-mini.vc_clearfix {
border-radius: 25px;
-webkit-transition: -webkit-box-shadow 0.5s,
-webkit-transform 0.5s;
transition: -webkit-box-shadow 0.5s,
-webkit-transform 0.5s;
-o-transition: box-shadow 0.5s,
transform 0.5s;
transition: box-shadow 0.5s,
transform 0.5s;
transition: box-shadow 0.5s,
transform 0.5s,
-webkit-box-shadow 0.5s,
-webkit-transform 0.5s;
}
.custom-blog-post .vc_grid-item-mini.vc_clearfix:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-box-shadow: 0 25px 60px rgba(0, 0, 0, 0.17);
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.17);
}
.blog-post-loop a {
text-decoration: underline;
-webkit-text-decoration-color: #008080;
text-decoration-color: #008080;
}
.aws-overlay .aws-overlay-mask {
/* Intended to be the same as mobile menu background */
background: #0C0C0C;
}
.aws-container .aws-show-clear .aws-search-field {
background: transparent;
color: #FFF;
}
.aws-mobile-fixed-close {
fill: #FFF;
}
.cmplz-manage-consent {
display: none!important;
}
/* Section: New Top Dermal Index */
.text-white {
color: #fff;
}
.text-yellow {
color: #F2C94C!important;
}
.mega-uae-btn:hover {
text-decoration: none;
}
.basel-search-full-screen .basel-search-wrapper.search-overlap {
top: 0!important;
height: 100vh;
}
/* Section: Menu */
.topbar-wrapp {
height: auto!important;
text-align: center;
font-weight: 400;
background-image: -webkit-gradient(linear, right top, left top, from(rgba(241, 95, 159, 0.75)), to(#9C78D2));
background-image: -o-linear-gradient(right, rgba(241, 95, 159, 0.75) 0%, #9C78D2 100%);
background-image: linear-gradient(270deg, rgba(241, 95, 159, 0.75) 0%, #9C78D2 100%);
}
.main-header {
-webkit-box-shadow: 0px 15px 40px rgba(45, 173, 193, 0.1);
box-shadow: 0px 15px 40px rgba(45, 173, 193, 0.1);
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.main-header .menu-pipe {
width: 2px;
height: 20px;
background: rgba(45, 173, 193, 0.2);
}
.right-column .my-account-with-icon {
margin-left: 0;
}
.right-column .my-account-with-icon li:first-child {
padding-bottom: 4px;
}
.right-column .search-button.search-button {
margin-bottom: -6px;
margin-right: -6px;
}
.right-column .shopping-cart {
margin-bottom: -2px;
}
.right-column .mobile-nav-icon {
margin-bottom: -6px;
}
@media (max-width: 480px) {
.right-column .search-button.search-button {
margin-left: 10px;
}
}
@media (min-width: 992px) {
.main-header .main-nav .menu>.top-dermal-logo-wrap,
.main-header .main-nav .menu>.menu-pipe {
display: none;
visibility: hidden;
}
.main-header .basel-logo-wrap,
.main-header .top-dermal-logo {
position: relative;
top: -7px;
}
.main-header .right-column {
width: 180px;
}
/* Space between icons in the right column */
.main-header .right-column>div {
margin-left: 20px;
}
}
@media (min-width: 1540px) {
.main-header .site-logo {
display: none!important;
visibility: hidden!important;
}
.main-header .main-nav .menu>.top-dermal-logo-wrap,
.main-header .main-nav .menu>.menu-pipe {
display: unset;
visibility: visible;
}
.main-header .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 2000px) {
.main-header .menu {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 991px) {
.right-column .my-account-with-icon {
display: -webkit-inline-box!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important;
}
}
.main-header .main-nav .menu>li.menu-item:not(.menu-item-has-children),
.main-header .main-nav .menu>li.top-dermal-logo-wrap.menu-item-has-children {
margin: 0 2px;
}
.main-header .main-nav .menu>li.menu-item-has-children {
margin: 0 16px 0 2px;
}
/* Custom styling for .menu-item-has-children chevrons */
.main-header .main-nav .menu>li.menu-item-has-children>a:after {
content: ' ';
width: 5px;
height: 5px;
margin-top: -3px;
margin-right: -4px;
border-top: 6px solid rgba(45, 173, 193, 0.5);
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
/* Drop unnecessary pseudo elements */
.main-header .main-nav .menu>li.top-dermal-logo-wrap.menu-item-has-children>a:after,
.main-header .right-column .search-button a>i:before,
.main-header.icons-design-line .shopping-cart.basel-cart-icon>a:before,
.icons-design-line .shopping-cart.basel-cart-icon>a:before,
.right-column .my-account-with-icon.my-account-with-icon li:first-child > a:before,
.right-column .my-account-with-icon.my-account-with-icon li:first-child > a:after {
content: '';
display: none;
}
.main-header .main-nav .menu>li>a {
color: #165059;
white-space: nowrap;
padding: 0 11px;
}
.main-header .menu>.current-menu-item>a,
.main-header .menu>.current_page_item>a,
.main-header .menu>.current_page_parent>a,
.main-header .menu>.current-menu-parent>a {
color: #838FFB!important;
}
/*
* To Indicate that it doesn't make sense to click on an
* already active menu item
*/
.main-header .menu>.current-menu-item>a,
.main-header .menu>.current_page_item>a,
.main-header .menu .sub-menu .current-menu-item>a,
.main-header .menu .sub-menu .current_page_item>a {
cursor: default!important;
}
.main-header .main-nav .menu>li>a,
.basel-header-overlap .main-header:not(.header-split) .main-nav .menu>li:not(.callto-btn)>a {
-webkit-transition: height 0.15s ease-in-out, line-height 0.15s ease-in-out, color 0.6s!important;
-o-transition: height 0.15s ease-in-out, line-height 0.15s ease-in-out, color 0.6s!important;
transition: height 0.15s ease-in-out, line-height 0.15s ease-in-out, color 0.6s!important;
}
.main-header .main-nav .menu>li>a:hover {
color: #B383FB;
}
/* Section: Sub menu */
.basel-header-overlap header.main-header:not(.header-split) .main-nav .menu>li:not(.callto-btn).item-event-hover>.sub-menu-dropdown,
header.header-simple .main-nav .menu>li.item-event-hover>.sub-menu-dropdown,
header.header-simple .main-nav .menu>li.item-event-hover>.sub-menu-dropdown .sub-sub-menu {
padding: 0;
border-radius: 10px;
-webkit-box-shadow: 0px 15px 40px rgba(45, 173, 193, 0.1);
box-shadow: 0px 15px 40px rgba(45, 173, 193, 0.1);
}
.basel-header-overlap header.main-header:not(.header-split) .main-nav .menu>li:not(.callto-btn).item-event-hover:hover>.sub-menu-dropdown,
.header-simple .main-nav .menu>li.item-event-hover:hover>.sub-menu-dropdown {
top: calc(100% - 30px);
}
/* Common styling for sub-menu items */
.main-header .basel-navigation .menu>li.menu-item-design-default ul li a,
.main-header .basel-navigation .menu>li.menu-item-design-default ul li:hover>a {
position: relative;
width: 100%;
margin-left: 0;
color: #165059;
}
/*
* Background for active or interacting sub-menu items.
* The hack with opacity is used to transition from white to gradient.
*/
.main-header .basel-navigation .menu>li.menu-item-design-default ul li a:before,
.main-header .basel-navigation .menu>li.menu-item-design-default ul li:hover>a:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: -o-linear-gradient(left, rgba(45, 173, 193, 0.05) 0%, rgba(45, 173, 193, 0.025) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(45, 173, 193, 0.05)), to(rgba(45, 173, 193, 0.025)));
background: linear-gradient(90deg, rgba(45, 173, 193, 0.05) 0%, rgba(45, 173, 193, 0.025) 100%);
-webkit-transition: 0.6s opacity;
-o-transition: 0.6s opacity;
transition: 0.6s opacity;
}
.main-header .basel-navigation .menu>li.menu-item-design-default ul li a:before {
opacity: 0;
}
.main-header .menu .sub-menu .current-menu-item>a:before,
.main-header .menu .sub-menu .current_page_item>a:before,
.main-header .basel-navigation .menu>li.menu-item-design-default ul li:hover>a:before {
opacity: 1!important;
}
/* Hide custom search icon when search is active (close icon is displayed instead) */
.global-search-full-screen.basel-search-opened .right-column .search-button>a #topdermal-menu-search-icon {
opacity: 0;
visibility: hidden;
}
.main-header .basel-cart-design-3 > a .basel-cart-number {
top: 0;
left: calc(50% + 17px);
font-weight: 700;
background: -o-linear-gradient(253.48deg, #838FFB 22.88%, #F3A8F8 77.12%);
background: linear-gradient(196.52deg, #838FFB 22.88%, #F3A8F8 77.12%);
}
/* Section: Mobile nav */
.site-mobile-menu .top-dermal-logo-wrap {
display: none;
visibility: hidden;
}
/* Repaint mobile nav */
body .mobile-nav,
body .mobile-nav .autocomplete-suggestions,
body .mobile-nav ul li .up-icon,
body .mobile-nav .sub-menu-dropdown ul,
body .mobile-nav ul li a:active,
body .mobile-nav .searchform input[type=text] {
color: #165059;
background-color: #FFF;
}
body .mobile-nav ul li.current-menu-item>a,
body .mobile-nav ul li a,
body .mobile-nav .searchform button,
body .mobile-nav .site-mobile-menu>.current-menu-item>a:hover,
body .mobile-nav .site-mobile-menu>.current_page_item>a:hover,
body .mobile-nav .site-mobile-menu .sub-menu-dropdown .current-menu-item>a:hover,
body .mobile-nav .site-mobile-menu .sub-menu-dropdown .current_page_item>a:hover,
body .mobile-nav .search-results-wrapper .autocomplete-suggestions .suggestion-title,
body .mobile-nav .search-results-wrapper .autocomplete-suggestions .suggestion-divider-text,
body .mobile-nav .search-results-wrapper .autocomplete-suggestions .view-all-result,
body .mobile-nav .search-results-wrapper .autocomplete-suggestions .view-all-result>span,
body .mobile-nav .search-results-wrapper .autocomplete-suggestions .suggestion-price,
body .mobile-nav .sub-menu-dropdown ul:before {
color: #165059;
}
body .mobile-nav .autocomplete-suggestions .amount {
color: rgba(22, 80, 89, 0.8);
}
body .mobile-nav .icon-sub-menu:after,
body .mobile-nav .icon-sub-menu:before {
background-color: #165059;
}
body .mobile-nav ul li a:hover,
body .mobile-nav ul li a:active {
color: #B383FB;
}
/* A little trick to border sub-menu in a clearer way */
body .mobile-nav ul li a {
border-bottom-color: transparent;
}
body .mobile-nav .searchform,
body .mobile-nav .site-mobile-menu>li>a,
body .mobile-nav .site-mobile-menu li.menu-item-has-children:not(.menu-item-hide-children)>a,
body .mobile-nav .site-mobile-menu li.opener-page li:last-child > a,
body .mobile-nav .header-links li a {
border-bottom-color: rgba(45, 173, 193, 0.2);
}
/* Repaint borders & decorative elements */
body .mobile-nav .icon-sub-menu {
border-left-color: rgba(45, 173, 193, 0.2);
}
body .mobile-nav .search-results-wrapper .autocomplete-suggestions .view-all-result>span {
border-bottom-color: rgba(45, 173, 193, 0.5);
}
body .mobile-nav .icon-sub-menu:after,
body .mobile-nav .icon-sub-menu:before {
background-color: rgba(45, 173, 193, 0.5);
}
body .mobile-nav .searchform button:before {
color: rgba(45, 173, 193, 0.5);
}
body .mobile-nav .searchform input[type="text"],
body .mobile-nav .searchform.search-loading:after {
border-color: rgba(45, 173, 193, 0.5);
}
body .mobile-nav .searchform input[type="text"]::-webkit-input-placeholder {
color: rgba(45, 173, 193, 0.5);
}
body .mobile-nav .searchform input[type="text"]::-moz-placeholder {
color: rgba(45, 173, 193, 0.5);
}
body .mobile-nav .searchform input[type="text"]:-ms-input-placeholder {
color: rgba(45, 173, 193, 0.5);
}
body .mobile-nav .searchform input[type="text"]::-ms-input-placeholder {
color: rgba(45, 173, 193, 0.5);
}
body .mobile-nav .searchform input[type="text"]::placeholder {
color: rgba(45, 173, 193, 0.5);
}
body .mobile-nav .sub-menu-dropdown ul:before {
display: none;
visibility: hidden;
}
/*
* To indicate that it doesn't make sense to click on an
* already active menu item
*/
body .mobile-nav .site-mobile-menu > .current-menu-item > a,
body .mobile-nav .site-mobile-menu > .current_page_item > a,
body .mobile-nav .site-mobile-menu .sub-menu-dropdown .current-menu-item > a,
body .mobile-nav .site-mobile-menu .sub-menu-dropdown .current_page_item > a {
background: -o-linear-gradient(left, rgba(45, 173, 193, 0.05) 0%, rgba(45, 173, 193, 0.025) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(45, 173, 193, 0.05)), to(rgba(45, 173, 193, 0.025)));
background: linear-gradient(90deg, rgba(45, 173, 193, 0.05) 0%, rgba(45, 173, 193, 0.025) 100%);
cursor: default;
}
/* Section: Notifications */
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.topdermal-notifications-container {
position: absolute;
right: 10px;
margin-top: 20px;
z-index: 400;
-webkit-animation: 0.8s fade-in ease-in;
animation: 0.8s fade-in ease-in;
color: rgba(0, 0, 0, .7);
}
@media(min-width: 1000px) {
.topdermal-notifications-container {
right: 60px;
}
}
.topdermal-notification {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100px;
max-width: 280px;
padding: 23px;
margin-bottom: 16px;
background-color: #FFF;
border-radius: 10px;
-webkit-box-shadow: 0 15px 40px rgba(45, 173, 193, 0.1);
box-shadow: 0 15px 40px rgba(45, 173, 193, 0.1);
}
.topdermal-notification>.topdermal-notification-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 13px;
}
.topdermal-notification-close-button,
.topdermal-notification-close-button:hover,
.topdermal-notification-close-button:focus {
border: none;
padding: 0;
background: none;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
/* Section: Material form */
.contact-form-section {
background: -o-linear-gradient(253.48deg, #838FFB 22.88%, #F3A8F8 77.12%);
background: linear-gradient(196.52deg, #838FFB 22.88%, #F3A8F8 77.12%);
}
.wpcf7 .wpcf7-form .dropdown-content li > span {
color: #000;
}
.wpcf7-form .cf7_submit_area_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 991px) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wpcf7-form .wpcf7-not-valid-tip {
color: #710801!important;
}
/* Section: Shop sidebar */
.wpb_wmca_accordion_wrapper_theme_transparent>ul>li li:hover>a,
.wpb_wmca_accordion_wrapper_theme_transparent>ul>li li.current-cat>a,
.wpb_wmca_accordion_wrapper_theme_transparent>ul>li li.current-menu-item>a,
.wpb_wmca_accordion_wrapper_theme_transparent li.current_page_item>a {
border-color: #b383fb!important;
}
/* Section: Footer */
.grecaptcha-badge {
visibility: hidden;
}
.semitransparent {
opacity: 0.5;
}
.footer-container {
border-top: 1px solid rgba(45, 173, 193, 0.2);
}
.delivery-options-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 32px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-column-header {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #116655;
}
.footer-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-column-7 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.footer-column-6 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.footer-column-5 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.footer-column-4 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer-column-3 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.footer-column-2 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.footer-column-1 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.widget_nav_menu ul>li a {
color: #116655!important
}
@media (max-width: 480px) {
.footer-container .footer-column.footer-column-1 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
/* Section: Theme */
.widget_shopping_cart .buttons a {
color: #FFF;
}
.woocommerce-cart-form .cart-actions button[name="update_cart"],
.woocommerce-account .show-password-input,
.woocommerce-account .woocommerce-orders-table .woocommerce-button,
.woocommerce-account .woocommerce-pagination .woocommerce-button,
.woocommerce-view-order .order-again .button {
color: #FFF;
}
/* Product page */
.product_title.entry-title {
background: inherit;
}
.col-sm-8.summary.entry-summary .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
padding: 0 0 0 25px;
}
.col-sm-8.summary.entry-summary .price ins {
font-style: normal;
font-weight: 100;
font-size: 36px;
line-height: 100px;
color: #165059;
}
.col-sm-8.summary.entry-summary .price del {
text-decoration: none;
}
.col-sm-8.summary.entry-summary .price del .woocommerce-Price-amount.amount {
margin-left: 20px;
font-style: normal;
font-weight: 100;
font-size: 36px;
line-height: 100px;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
color: #165059;
opacity: 0.5;
}
.col-sm-8.summary ul li:before {
content: '';
width: 14px;
height: 19px;
background: url('/wp-content/uploads/2022/01/top-dermal-drop.svg') top center / cover;
left: -30px;
}
.single-product-page.product-type-variable .col-sm-8.summary.entry-summary .variations_form {
border: none;
margin-bottom: 0;
}
.single-product-page.product-type-variable .col-sm-8.summary.entry-summary .wishlist-btn-wrapper {
display: block;
margin-bottom: 25px;
}
.single-product-page.product-type-variable .col-sm-8.summary.entry-summary .product_meta {
padding-top: 25px;
}
.col-sm-8.summary.entry-summary .quantity {
border-bottom: 1px solid rgba(45, 173, 193, 0.2);
}
.col-sm-8.summary.entry-summary div.quantity .minus {
border: none;
background: inherit!important;
}
.col-sm-8.summary.entry-summary div.quantity .plus {
border: none;
background: inherit!important;
}
.col-sm-8.summary.entry-summary .input-text.qty.text {
border: none;
}
.col-sm-8.summary.entry-summary .product_meta {
border-top: 1px solid rgba(45, 173, 193, 0.2);
}
.single-breadcrumbs-wrapper {
background: inherit;
}
nav.woocommerce-breadcrumb a {
color: rgba(45, 173, 193, 0.5);
}
.single-product-content .product-tabs-wrapper {
background: -o-linear-gradient(top, rgba(45, 173, 193, 0.05) 0%, rgba(45, 173, 193, 0.025) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(45, 173, 193, 0.05)), to(rgba(45, 173, 193, 0.025)));
background: linear-gradient(180deg, rgba(45, 173, 193, 0.05) 0%, rgba(45, 173, 193, 0.025) 100%);
}
.single-product-content.single-product-content .woocommerce-tabs .tabs {
border-bottom: 1px solid #165059;
text-align: left;
}
.single-product-content .tabs li,
.single-product-content .tabs li a {
border: none;
font-size: 1.4rem;
line-height: 1;
font-style: normal;
font-weight: 100;
color: #165059;
}
.single-product-content.single-product-content .tabs li.active a {
color: #838FFB;
}
@media (max-width: 768px) {
.single-product-content.single-product-content .tabs li {
display: inline-block;
margin-right: 14px;
}
.single-product-content.single-product-content .tabs li:last-child {
margin-right: 0;
}
}
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab blockquote {
background: #FFF;
-webkit-box-shadow: 0px 15px 40px rgba(45, 173, 193, 0.1);
box-shadow: 0px 15px 40px rgba(45, 173, 193, 0.1);
border-radius: 10px;
border: none;
padding: 40px;
}
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab blockquote p {
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 30px;
color: #165059;
}
#woocommerce-checkout-form-coupon {
margin-bottom: 16px;
}
.checkout_coupon .button {
padding: 10px 16px;
margin-left: 8px;
}
@media (max-width: 480px) {
.basel-sticky-btn .cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #2DADC1;
}
.basel-sticky-btn div.quantity {
position: static!important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 8px 4px;
}
.basel-sticky-btn .cart .single_add_to_cart_button.button {
border-radius: 0!important;
background: transparent!important;
padding: 8px 0 8px 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
/* Section: Custom elements */
.td-button-box > a,
.td-button-box > button,
.button,
.cwgstock_button,
#review_form #submit,
.added_to_cart,
.single-product .single_add_to_cart_button.button {
border-radius: 50px!important;
border: none!important;
}
.td-button-box > .disabled {
opacity: 0.5;
cursor: not-allowed;
}
.td-button-box > a::after,
.td-button-box > button::after {
-webkit-animation: load-spin 450ms infinite linear;
animation: load-spin 450ms infinite linear;
visibility: hidden;
opacity: 0;
right: 12px;
position: absolute;
top: 50%;
margin-top: -8px;
content: " ";
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
border: 1px solid #000;
border-radius: 50%;
border-left-color: transparent !important;
border-right-color: transparent !important;
-webkit-transition: right 0.2s ease-in-out, opacity 0.25s ease-in-out;
-o-transition: right 0.2s ease-in-out, opacity 0.25s ease-in-out;
transition: right 0.2s ease-in-out, opacity 0.25s ease-in-out;
}
.td-button-box > .loading {
padding-right: 40px!important;
}
.td-button-box > .loading::after {
visibility: visible;
opacity: 1;
}
.td-button-box.primary > a,
.td-button-box.primary > button,
.button,
.cwgstock_button,
#review_form #submit,
.single-product .single_add_to_cart_button.button {
background: -o-linear-gradient(94.71deg, #2DADC1 2.94%, rgba(45, 173, 193, 0.25) 94.78%)!important;
background: linear-gradient(355.29deg, #2DADC1 2.94%, rgba(45, 173, 193, 0.25) 94.78%)!important;
color: #FFF!important;
}
.td-button-box.secondary > a,
.td-button-box.secondary > button,
.coupon .button,
.checkout_coupon .button,
.added_to_cart,
.button.view {
background: -o-linear-gradient(252.37deg, #DFDFDF 22.51%, rgba(223, 223, 223, 0.25) 83.51%)!important;
background: linear-gradient(197.63deg, #DFDFDF 22.51%, rgba(223, 223, 223, 0.25) 83.51%)!important;
color: #165059!important;
}
.td-button-box.full-width > a,
.td-button-box.full-width > button {
width: 100%;
}
.td-light-button {
border-radius: 50px;
display: block;
width: 100%;
padding: 10px 50px;
font-size: 14px;
}
.td-light-button.primary {
border: 2px solid #f2C94C;
color: #FFF;
background: none;
}
.td-light-button.secondary {
border: 2px solid rgba(255, 255, 255, 0.2);
color: #FFF;
background: none;
}
.td-light-button.primary:focus,
.td-light-button.primary:hover {
background: #FFF;
color: #000;
border: none;
}
.td-light-button.secondary:focus,
.td-light-button.secondary:hover {
background: #FFF;
color: #000;
}
.td-info-box {
border-radius: 5px;
border: none;
background: none;
background-image: -o-linear-gradient(274deg, rgb(131, 143, 251) 22.88%, rgb(243, 168, 248) 77.12%);
background-image: linear-gradient(176deg, rgb(131, 143, 251) 22.88%, rgb(243, 168, 248) 77.12%);
}
@media (min-width: 1000px) {
.td-info-box.short {
max-width: 300px;
}
}
.topdermal-free-shipping-list > li:last-child > p {
margin-bottom: 0;
}
.topdermal-free-shipping-list > li > p > .amount {
color: #FFF;
}
.topdermal-whatsapp-floating-button {
position: fixed;
bottom: 20px;
right: 20px;
margin: 0;
padding: 0;
z-index: 1000;
border-radius: 100%;
-webkit-box-shadow: 0 19px 38px 0 rgba(34,36,43,0.3);
box-shadow: 0 19px 38px 0 rgba(34,36,43,0.3);
}
.topdermal-whatsapp-floating-button.topdermal-whatsapp-floating-button.topdermal-whatsapp-floating-button > .vc_icon_element-inner > .vc_icon_element-icon {
font-size: 2.45rem!important;
}
.td-tax-price-variations-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.td-tax-price-variations__price-box .amount {
font-weight: 300;
}
.single-product-content .td-tax-price-variations__price-box {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.td-tax-price-variations-box {
font-weight: 100;
}
.single-product-page.product-type-simple .col-sm-8.summary.entry-summary .price .td-tax-price-variations-box,
.single-product-page.product-type-simple .col-sm-8.summary.entry-summary .price .td-tax-price-variations-box .amount,
.single-product-page.product-type-variable .col-sm-8.summary.entry-summary .woocommerce-variation-price .price .td-tax-price-variations-box,
.single-product-page.product-type-variable .col-sm-8.summary.entry-summary .woocommerce-variation-price .price .td-tax-price-variations-box .amount {
font-size: 26px;
}
.col-sm-8.summary.entry-summary .td-tax-price-variations__price-box del .woocommerce-Price-amount.amount,
.col-sm-8.summary.entry-summary .td-tax-price-variations__price-box ins {
line-height: 1.25;
}
/* Section: Utilities */
.mr-10 {
margin-right: 10px!important;
}
.ml-10 {
margin-left: 10px;
}
.pointer {
cursor: pointer;
}
.cursor-default {
cursor: default;
}
.text-purple {
color: #B383FB!important;
}
.text-error {
color: #E01020!important;
}
.text-light-green {
color: #116655!important;
}
.list {
list-style: disc outside;
}
.spaced-left {
padding-left: 30px;
}
.underline {
text-decoration: underline;
}
.expandable-content:not(.default-shown) {
display: none;
}
.expandable-content-toggle-box {
cursor: pointer;
}
.expandable-content-toggle-box > .read-more-toggle-content:not(.default),
.expandable-content-toggle-box > .read-less-toggle-content:not(.default) {
display: none;
}
.td-button-box > a:hover,
.td-button-box > a:focus,
.td-button:hover,
.td-button:focus,
.button:hover,
.button:focus,
.single-product .single_add_to_cart_button.button:hover,
.single-product .single_add_to_cart_button.button:focus {
opacity: 0.8;
}
/* Section: upsell products modal */
#topdermal-upsell-products-dialog {
position: fixed;
width: 80%;
max-height: 80%;
padding: 0;
border: none;
margin: auto;
background-color: #FFF;
border-radius: 6px;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
-webkit-box-shadow: -4px 4px 9px rgba(0, 0, 0, 0.1);
box-shadow: -4px 4px 9px rgba(0, 0, 0, 0.1);
}
#topdermal-upsell-products-dialog::-webkit-backdrop {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 0;
}
#topdermal-upsell-products-dialog,
#topdermal-upsell-products-dialog::backdrop {
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 0;
}
#topdermal-upsell-products-dialog.visible::-webkit-backdrop {
opacity: 1;
}
#topdermal-upsell-products-dialog.visible,
#topdermal-upsell-products-dialog.visible::backdrop {
opacity: 1;
}
#topdermal-upsell-products-dialog::-webkit-backdrop {
background: rgba(0, 0, 0, 0.2);
}
#topdermal-upsell-products-dialog::backdrop {
background: rgba(0, 0, 0, 0.2);
}
#topdermal-upsell-products-dialog .topdermal-upsell-products-dialog-content-wrapper {
position: relative;
height: 100%;
}
#topdermal-upsell-products-dialog #topdermal-upsell-products-dialog-content-box {
padding: 12px 8px 30px;
}
#topdermal-upsell-products-dialog .close-button-box {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
#topdermal-upsell-products-dialog .close-button {
width: 32px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
border: 1px solid #000;
margin: 12px;
color: #000;
line-height: 0;
background: none;
border-radius: 100%;
}
#topdermal-upsell-products-dialog .upsells-products .slider-title {
font-size: 18px;
}
@media (min-width: 900px) {
#topdermal-upsell-products-dialog {
max-width: 850px;
}
#topdermal-upsell-products-dialog #topdermal-upsell-products-dialog-content-box {
padding: 12px 60px 60px;
}
#topdermal-upsell-products-dialog .upsells-products .slider-title {
font-size: 26px;
}
}@media (min-width: 1025px) { /*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/
#shipping_method > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
} }@media (min-width: 577px) and (max-width: 767px) { /*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/
.wpcf7-form div.two > p {
width: 100%;
} }@media (max-width: 576px) { /*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/
.wpcf7-form div.two > p {
width: 100%;
} }