/* Theme Name: Sinergio Author: Sinergio Author URI: https://www.sinergio.be/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* ====================================== VARIABELE ====================================== */ /* ====================================== INCLUDES FUNCTIES ====================================== */ /* ====================================== ALGEMEEN ====================================== */ .home-choice a .home-choice-image img, .home-choice a .elementor-icon svg { transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; } .home-choice a:hover .home-choice-image img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .home-choice a .home-choice-gradient { height: 40%; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; } .home-choice a:hover .home-choice-gradient { height: 100%; } .home-choice a .elementor-icon { width: 150px; height: 150px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .home-choice a:hover .elementor-icon svg { margin-left: 15px; } .home-choice a .elementor-icon::after { content: ""; display: block; width: calc(100% + 85px); height: calc(100% + 85px); background-image: url(assets/images/shape-home-choice.svg); background-size: contain; background-position: bottom right; background-repeat: no-repeat; position: absolute; right: 0px; bottom: 0px; z-index: -1; } div.elementor-widget-text-editor ul { padding-left: 0; } div.elementor-widget-text-editor ul li { list-style: none; padding-left: 20px; position: relative; margin-bottom: 10px; } div.elementor-widget-text-editor ul li::before { content: ""; display: inline-block; width: 13px; height: 13px; background-image: url(assets/images/icon-list.svg); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 4px; } .footer-links .elementor-headline::after { content: ""; display: inline-block; width: 110px; height: 26px; background-image: url(assets/images/icon-arrow-right-long.svg); background-size: contain; background-position: center; background-repeat: no-repeat; margin-left: 6px; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; } .footer-links a:hover .elementor-headline::after { margin-left: 15px; } .footer-links a { text-decoration: none; } .footer-big-block .elementor-icon::after { content: ""; display: block; width: calc(100% + 65px); height: calc(100% + 65px); background-image: url(assets/images/shape-home-choice.svg); background-size: contain; background-position: bottom right; background-repeat: no-repeat; position: absolute; right: -1px; bottom: -1px; z-index: -1; } .footer-big-block .elementor-icon { width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .forminator-label { font-size: 14px !important; font-weight: 500 !important; } .forminator-ui .forminator-button-submit { background-color: #262626; font-family: "Poppins", Sans-serif !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; color: #FFFCF5; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: #262626 !important; transition: all 300ms !important; padding: 12px 20px 12px 20px !important; box-shadow: none !important; border-radius: 50px 50px 50px 50px !important; -webkit-border-radius: 50px 50px 50px 50px !important; -moz-border-radius: 50px 50px 50px 50px !important; -ms-border-radius: 50px 50px 50px 50px !important; -o-border-radius: 50px 50px 50px 50px !important; -webkit-transition: all 300ms !important; -moz-transition: all 300ms !important; -ms-transition: all 300ms !important; -o-transition: all 300ms !important; } .forminator-ui .forminator-button-submit:hover { opacity: 0.8; } .forminator-checkbox-label { font-family: "Poppins", sans-serif !important; } .forminator-ui .forminator-checkbox .forminator-checkbox-box { background-color: white !important; } div.fkcart-modal-container { opacity: 1 !important; } /* ====================================== EXTRA ====================================== */ a, input, textarea, select, button { outline: 0; } .elementor-widget-text-editor p:last-child { margin-bottom: 0; } /* ====================================== IMPORTS ====================================== */ /* ====================================== HEADER ====================================== */ .elementor-location-header .header-container h2 { margin: 0 !important; } .header-container::after { content: ""; display: block; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; border: 2px solid #262626; border-top: none; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; z-index: -1; } .categorie-container h2 { padding: 0 !important; } .categorie-container h2 mark.count { display: none !important; } .categorie-container img { height: 250px !important; object-fit: cover; object-position: center; } ul.products li.product.type-product > a { background-color: #FFFCF5; padding: 10px 10px; border-radius: 40px; } ul.products li.product.type-product > a > .product-loop-image > img { border-radius: 30px; border-bottom-right-radius: 0; height: 250px; object-fit: cover; margin-bottom: 0 !important; } ul.products li.product.type-product > a .product-loop-content { padding: 0 10px; padding-bottom: 15px; } ul.products li.product.type-product > a .product-loop-content .woocommerce-loop-product__title { border-bottom: 2px solid #262626; margin-bottom: 10px; padding-bottom: 10px; } ul.products li.product.type-product > a .product-loop-content .price { font-size: 17px; } ul.products li.product.type-product > a { height: 100%; display: flex !important; flex-direction: column; justify-content: space-between; } ul.products li.product.type-product > a > .product-loop-image { position: relative; overflow: hidden; margin-bottom: 15px; } ul.products li.product.type-product > a .product-loop-image-btn::before { content: ""; display: block; width: 50px; height: 50px; background-image: url(assets/images/icon-cart.svg); background-size: 25px; background-position: center; background-repeat: no-repeat; background-color: #667765; z-index: 1; position: relative; padding: 10px !important; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; } ul.products li.product.type-product > a .product-loop-image-btn { position: absolute; right: 0; bottom: 0; } ul.products li.product.type-product > a:hover .product-loop-image-btn::before { background-size: 28px; } ul.products li.product.type-product > a > .product-loop-image::after { content: ""; display: block; width: 80px; height: 80px; background-image: url(assets/images/shape-home-choice.svg); background-size: contain; background-position: bottom right; background-repeat: no-repeat; position: absolute; right: -1px; bottom: -1px; } ul.products li.product.type-product > a div.product-loop-content-price { display: flex; justify-content: space-between; align-items: center; } ul.products li.product.type-product > a div.product-loop-content-price .price { margin-bottom: 0 !important; } ul.products li.product.type-product > a div.product-loop-content-price > span:last-child { font-family: "Poppins", sans-serif; font-weight: 600; color: #262626; font-size: 13px; } ul.products li.product.type-product > a div.product-loop-content-price > span:last-child::after { content: ""; display: inline-block; width: 22px; height: 9px; background-image: url(assets/images/icon-arrow-right-black.svg); background-size: contain; background-position: center; background-repeat: no-repeat; margin-left: 6px; } ul.products li.product-category > a > .productcat-loop-image > img { border-top-left-radius: 40px !important; border-top-right-radius: 40px !important; margin-bottom: 0 !important; } ul.products li.product-category > a > h2 { background-color: #FFFCF5; padding: 20px !important; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; font-family: "Poppins", sans-serif !important; font-style: normal !important; font-weight: 600 !important; font-size: 18px !important; } ul.products li.product-category > a .productcat-loop-image-btn::before { content: ""; display: block; width: 50px; height: 50px; background-image: url(assets/images/icon-search.svg); background-size: 20px; background-position: center; background-repeat: no-repeat; background-color: #667765; z-index: 1; position: relative; padding: 10px !important; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; } ul.products li.product-category > a .productcat-loop-image-btn { position: absolute; right: 4px; bottom: 2px; } ul.products li.product-category > a:hover .productcat-loop-image-btn::before { background-size: 28px; } ul.products li.product-category > a > .productcat-loop-image::after { content: ""; display: block; width: 80px; height: 80px; background-image: url(assets/images/shape-home-choice.svg); background-size: contain; background-position: bottom right; background-repeat: no-repeat; position: absolute; right: -1px; bottom: -1px; } ul.products li.product-category > a > .productcat-loop-image { position: relative; overflow: hidden; margin-bottom: 0px; } .page-id-298 ul.products li.product-category > a .productcat-loop-image-btn::before, .page-id-298 ul.products li.product.type-product > a .product-loop-image-btn::before, .archive-hobby ul.products li.product-category > a .productcat-loop-image-btn::before, .archive-hobby ul.products li.product.type-product > a .product-loop-image-btn::before { background-color: #262626; } .archive-hobby .category-list a { color: #262626; } .page-id-302 ul.products li.product-category > a .productcat-loop-image-btn::before, .page-id-302 ul.products li.product.type-product > a .product-loop-image-btn::before, .archive-erotic ul.products li.product-category > a .productcat-loop-image-btn::before, .archive-erotic ul.products li.product.type-product > a .product-loop-image-btn::before { background-color: #814E94; } .archive-erotic .category-list a { color: #814E94; } .woocommerce-pagination ul.page-numbers li span { width: 36px; height: 36px; border-radius: 50px; padding: 0 !important; line-height: 36px !important; } .woocommerce-pagination ul.page-numbers li span, .woocommerce-pagination ul.page-numbers li a { font-family: "Poppins", sans-serif !important; font-size: 18px !important; } .woocommerce-pagination ul.page-numbers li span.dots { color: #FFFCF5; } .woocommerce-pagination ul.page-numbers li span.current { margin-left: 5px; margin-right: 5px; } .woocommerce-pagination ul.page-numbers li a:link, .woocommerce-pagination ul.page-numbers li a:visited, .woocommerce-pagination ul.page-numbers li a:hover, .woocommerce-pagination ul.page-numbers li a:active { background-color: transparent !important; } .category-list h3 { font-family: "Poppins"; font-size: 17px; color: #262626; margin-top: 0; } .category-list a { color: #667765; font-family: "Poppins", sans-serif; font-size: 15px; margin-bottom: 5px; display: inline-block; } .category-list > div:last-child a { margin-bottom: 0; } .category-list > a { font-size: 12px; margin-bottom: 20px; } .single-product .elementor-add-to-cart .stock, .single-product .single_variation_wrap .stock { background-color: #ff6b6b; color: white !important; display: inline-block; padding: 5px 10px; border-radius: 5px; font-family: "Poppins"; font-weight: bold; margin-bottom: 20px; padding-left: 35px; } .single-product .single_variation_wrap .stock { position: relative !important; margin-top: 10px !important; } .single-product .elementor-add-to-cart .stock::before, .single-product .single_variation_wrap .stock::before { content: ""; display: inline-block; width: 15px; height: 15px; background-image: url(assets/images/icon-exclamation.svg); background-position: center; background-size: contain; background-repeat: no-repeat; margin-left: 10px; position: absolute; left: 0; top: 6px; } .single-product .elementor-add-to-cart form { font-family: "Poppins", sans-serif; } .single-product .elementor-add-to-cart form input[type=number] { border: none; height: 48px !important; padding: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; min-width: 100px; text-align: center; color: #262626; font-size: 18px; } .single-product .elementor-add-to-cart form .quantity { margin: 0 !important; border: 1px solid #262626; border-right: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .single-product .elementor-add-to-cart form button[type=submit], .single-product .elementor-add-to-cart form button[type=submit]:hover, .single-product .elementor-add-to-cart form button[type=submit]:active { background-color: #262626 !important; margin: 0; border-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: white !important; height: 50px !important; padding: 10px 20px 10px 20px; margin-left: 0 !important; font-size: 15px; font-weight: 600; } .single-product .single-product-wellness .elementor-add-to-cart form button[type=submit], .single-product .single-product-wellness .elementor-add-to-cart form button[type=submit]:hover, .single-product .single-product-wellness .elementor-add-to-cart form button[type=submit]:active { background-color: #667765 !important; } .single-product .single-product-erotic .elementor-add-to-cart form button[type=submit], .single-product .single-product-erotic .elementor-add-to-cart form button[type=submit]:hover, .single-product .single-product-erotic .elementor-add-to-cart form button[type=submit]:active { background-color: #814E94 !important; } .single-product .single-product-wellness .elementor-add-to-cart form .quantity { border-color: #667765 !important; } .single-product .single-product-erotic .elementor-add-to-cart form .quantity { border-color: #814E94 !important; } .single-product .elementor-add-to-cart form button[type=submit].loading { padding-right: 40px !important; } .single-product .elementor-add-to-cart form button[type=submit].loading::after { top: calc(50% - 10px) !important; } .single-product .woocommerce-product-gallery ol { gap: 15px; display: flex; margin-top: 15px !important; } .single-product div.images img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .single-product .variations .label { padding: 0 !important; display: block !important; text-align: left !important; } .single-product .variations .woo-variation-items-wrapper { display: block !important; } .single-product .variations { margin-bottom: 0 !important; } .single-product .variations .label label { color: #262626 !important; padding: 0 !important; margin: 0 !important; font-size: 16px !important; } .single-product .woocommerce-variation-price { color: #262626; font-family: "Poppins", Sans-serif; font-size: 20px; font-weight: 700; } .single-product .woocommerce-variation-add-to-cart { margin-top: 10px !important; } .single-product .woocommerce-variation-price .price { color: #262626 !important; } .single-product .variations .label .woo-selected-variation-item-name, .single-product .variations .reset_variations { display: none !important; } .single-product .variations .variable-items-wrapper > li.variable-item { background-color: white; box-shadow: none !important; height: 40px; padding: 10px; border-radius: 10px !important; color: #262626; border: 1px solid rgba(64, 31, 0, 0.2); margin: 0; margin-right: 5px; margin-bottom: 5px; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; -ms-border-radius: 10px !important; -o-border-radius: 10px !important; } .single-product .variations .variable-items-wrapper > li.variable-item.selected { background-color: #262626 !important; color: #FAF3EB !important; border: 1px solid #262626 !important; } .single-product .wc-tabs { margin-bottom: 30px !important; padding: 0 !important; } .single-product .wc-tabs > li { background: transparent !important; color: #FAF3EB !important; border: none !important; text-transform: uppercase !important; font-family: "Poppins" !important; font-size: 20px !important; padding: 0 !important; border-bottom: 2px solid transparent !important; margin: 0 !important; margin-right: 20px !important; margin-bottom: 15px !important; } .single-product .wc-tabs > li.active { border-bottom: 2px solid #262626 !important; } .single-product .wc-tabs > li > a { padding: 0 !important; color: #FAF3EB !important; outline: none !important; } .single-product .woocommerce-Tabs-panel { background-color: #FAF3EB !important; border-radius: 10px !important; color: #262626; font-family: "Poppins", Sans-serif; font-size: 18px; line-height: 25px; padding: 40px !important; } .single-product .woocommerce-Tabs-panel > h2:first-child { display: none !important; } .single-product .woocommerce-Tabs-panel h2 { text-transform: uppercase !important; font-family: "Poppins" !important; font-size: 20px !important; font-weight: 700; color: #262626; } .single-product .woocommerce-Tabs-panel hr { margin-top: 20px !important; margin-bottom: 20px !important; } body.home #fkcart-floating-toggler { display: none !important; } #fkcart-modal { font-family: "Poppins", sans-serif !important; } .afrekenpagina { font-family: "Poppins", sans-serif !important; } .afrekenpagina .woocommerce form .form-row .input-text, .afrekenpagina .woocommerce form .form-row select { padding: 10px !important; } .afrekenpagina #customer_details .col-1 { width: 100% !important; float: none !important; } .cwginstock-subscribe-form { font-family: "Poppins", sans-serif !important; } .cwginstock-subscribe-form .panel-primary { border-color: #262626 !important; } .cwginstock-subscribe-form .panel-heading { background-color: #262626 !important; border-color: #262626 !important; } .cwginstock-subscribe-form .panel-heading h4 { font-size: 17px !important; } .cwginstock-subscribe-form .panel-body input[type=submit] { background-color: #262626; font-family: "Poppins", Sans-serif; font-size: 15px; font-weight: 600; text-decoration: none; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #262626; border-radius: 50px 50px 50px 50px; padding: 12px 20px 12px 20px; } .cwginstock-subscribe-form .panel-body { padding: 30px !important; } .cwginstock-subscribe-form .panel-body input[type=email] { width: 100% !important; text-align: center !important; border: 1px solid #c0c0c0 !important; font-family: "Poppins", Sans-serif; font-size: 15px; font-weight: 600; text-decoration: none; border-radius: 50px 50px 50px 50px; padding: 12px 20px 12px 20px; margin-bottom: 10px !important; } .cwginstock-subscribe-form .center-block { margin-bottom: 0px !important; } .cwginstock_google_credit small { font-size: 10px; max-width: 250px; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; } .cwgstock_output > div { text-align: center !important; margin-top: 30px !important; background-color: #262626 !important; padding: 10px !important; border-radius: 3px !important; color: white !important; } .single-product-wellness .cwginstock-subscribe-form .panel-primary { border-color: #667765 !important; } .single-product-erotic .cwginstock-subscribe-form .panel-primary { border-color: #814E94 !important; } .single-product-wellness .cwginstock-subscribe-form .panel-heading, .single-product-wellness .cwginstock-subscribe-form .panel-body input[type=submit] { background-color: #667765 !important; border-color: #667765 !important; } .single-product-erotic .cwginstock-subscribe-form .panel-heading, .single-product-erotic .cwginstock-subscribe-form .panel-body input[type=submit] { background-color: #814E94 !important; border-color: #814E94 !important; } .single-product-wellness .cwgstock_output > div { background-color: #667765 !important; } .single-product-erotic .cwgstock_output > div { background-color: #814E94 !important; } table.wt_frontend_wishlist_table { border: 1px solid !important; border-radius: 10px; border-collapse: unset !important; } table.wt_frontend_wishlist_table th, table.wt_frontend_wishlist_table td { border-bottom: 1px solid; padding-top: 10px; padding-bottom: 10px; } table.wt_frontend_wishlist_table tr th, table.wt_frontend_wishlist_table tr td { border-bottom: none !important; } table.wt_frontend_wishlist_table tr td { padding-right: 10px !important; padding-left: 0 !important; } table.wt_frontend_wishlist_table tr td:nth-child(2) { width: 100px !important; } table.wt_frontend_wishlist_table tr td .stock_column { width: auto !important; } .wishlist-container .elementor-shortcode > h4 { display: none !important; } .wishlist-container .elementor-shortcode { font-family: "Poppins", Sans-serif; } .wishlist-container button#bulk-add-to-cart, .wishlist-container button.single-add-to-cart { color: #262626 !important; background: none !important; border: 2px solid #262626 !important; border-radius: 50px !important; font-weight: 600 !important; transition: all 300ms !important; -webkit-transition: all 300ms !important; -moz-transition: all 300ms !important; -ms-transition: all 300ms !important; -o-transition: all 300ms !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; -ms-border-radius: 50px !important; -o-border-radius: 50px !important; } .wishlist-container button#bulk-add-to-cart:hover, .wishlist-container button.single-add-to-cart:hover { background-color: #262626 !important; color: #FFFFFF !important; } .wishlist-container button.single-add-to-cart { width: auto !important; } li.product > div.icon_above_image { right: 12px !important; top: 12px !important; } .single-product table.variations td.value { display: block !important; } .single-product table.variations td.value > select { padding: 5px 10px !important; } div.elementor-widget-shortcode > div.single_product_div > a { color: #262626 !important; } span.webtoffee_wishlist.wt-wishlist-button { margin-left: auto !important; font-family: "Poppins" !important; } .products .icon_above_image span.wt-wishlist-button { display: none !important; } .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more { display: none !important; } .age-gate-shortcode-js div.age-gate.age-gate--shortcode { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(75px); z-index: 99999; background: rgba(0, 0, 0, 0.3); max-height: unset !important; } .age-gate-shortcode-js div.age-gate.age-gate--shortcode form { position: relative; z-index: 99999999; max-width: 1000px; background-color: white; padding-top: 25px; height: auto !important; width: 100% !important; } .woocommerce-order-received p.woocommerce-thankyou-order-received { text-align: center !important; margin-bottom: 50px !important; font-size: 30px !important; } .woocommerce-order-received p.woocommerce-thankyou-order-received { text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; } .forminator-module-edit-link { display: none !important; } .cmplz-blocked-content-container { position: relative; } .cmplz-blocked-content-container::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); } .forminator-g-recaptcha.cmplz-placeholder-element { background: none !important; } .forminator-g-recaptcha.cmplz-blocked-content-container { box-shadow: none !important; margin-bottom: 0 !important; } .forminator-g-recaptcha.cmplz-blocked-content-container::after { display: none !important; } .cmplz-blocked-content-notice { border-radius: 10px !important; border: none !important; padding: 15px !important; color: white !important; background: #302f3e !important; box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.4) !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .cmplz-blocked-content-notice:hover { background: #434159 !important; } /* ====================================== FOOTER ====================================== */ /* ====================================== SINERGIO ====================================== */ .sinergio img { height: 30px; width: auto; } @media screen and (max-width: 1500px) { .home-choice a .elementor-icon { width: 100px; height: 100px; } .home-choice a .elementor-icon::after { width: calc(100% + 65px); height: calc(100% + 65px); right: -1px; bottom: -1px; } .home-choice .elementor-headline { font-size: 35px !important; } .home-choice span.elementor-headline-dynamic-text { font-size: 44px !important; line-height: 39px !important; } } @media screen and (max-width: 1024px) { .footer-links .elementor-headline::after { margin-top: 20px; display: block; } span.elementor-headline-dynamic-text { font-size: 30px !important; line-height: 35px !important; } .elementor-location-header span.elementor-headline-dynamic-text { font-size: 28px !important; line-height: 28px !important; } .elementor-location-footer .footer-big-block span.elementor-headline-dynamic-text { font-size: 38px !important; line-height: 28px !important; } } /* ====================================== RESPONSIVE ====================================== */ /* BIG SCREEN */ /* MID SCREEN */ /* SMALL SCREEN */ /* TABLET */ /* SMARTPHONE */ /* EXTRA */ /* ====================================== NUTTIGE FUNCTIES ========================================= @include transition; -> Transitie functie ophalen @include transition_easyload; -> Transitie easyload functie ophalen @include displayflex; -> Display Flex ========================================= */