/* Theme Name: Junicorn WP 2023 Description: Storefront Child Theme Author: C2 | agentur Author URI: https://c2-agentur.de Template: storefront Version: 0.0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: storefront */ /* ========================== FONTS ========================== */ /* open-sans-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-300.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-300italic.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-italic.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-500.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 500; src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-600.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-800.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-800italic.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v36-latin/open-sans-v36-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v36-latin/open-sans-v36-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'ZimricCondensed'; src: url('fonts/ZimricCondensed-Light/ZimricCondensed-Light.eot'); src: url('fonts/ZimricCondensed-Light/ZimricCondensed-Light.eot?#iefix') format('embedded-opentype'), url('fonts/ZimricCondensed-Light/ZimricCondensed-Light.woff2') format('woff2'), url('fonts/ZimricCondensed-Light/ZimricCondensed-Light.woff') format('woff'), url('fonts/ZimricCondensed-Light/ZimricCondensed-Light.ttf') format('truetype'), url('fonts/ZimricCondensed-Light/ZimricCondensed-Light.svg#ZimricCondensed-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } /* ========================== GENERIC ========================== */ html,body{ overflow-x: hidden; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } body{ font-family: 'ZimricCondensed', sans-serif; font-weight: bold; font-size: 20px; color: #1a1a1a; } h1,h2,h3,h4,h5,h6{ font-weight: bold; font-family: 'ZimricCondensed', sans-serif; color: #6d6d6d; margin: 1rem 0; line-height: 1; } h1{ font-size: 34px; color: #1A1A1A; text-transform: uppercase; } h2,.woocommerce-tabs .panel h2:first-of-type{ font-size: 32px; color: #1A1A1A; text-transform: uppercase; } h3{font-size: 30px;} h4{font-size: 28px;} h5{font-size: 26px;} .modal-open { padding: 0!important; } .woocommerce-breadcrumb a, a.woocommerce-review-link, .product_meta a { color: #1A1A1A; } /* ========================== page ========================== */ .site { overflow: hidden!important; } /* ========================== NAVIGATION : MEGAMENU ========================== */ header#masthead { margin: 0; padding: 0; border-bottom: 0px; background-color: white; -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 0px 2px; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 0px 2px; } header#masthead.scrolled { position: fixed; width: 100%; } #wkgwk_mgmenue { } nav#c2MEGAM_mainnav button.navbar-toggler { height: auto; width: auto; } #rf_nav_btn_search:hover{ cursor: pointer; } .C2MEGAM_nb_collapse li{ border-bottom: 2px solid transparent; } .C2MEGAM_nb_collapse li:hover, .C2MEGAM_nb_collapse li.C2MEGAM_dropdown.show, .C2MEGAM_nb_collapse li.C2MEGAM_NoDropdown.active{ border-bottom: 2px solid #1A1A1A; } .icon-bar { width: 36px; height: 4px; border-radius: 0px; background-color: #1A1A1A; display: block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-top: 6px; } .navbar-toggler { border: none; } .navbar-toggler:hover { border: none; cursor: pointer; background-color: transparent!important; } .navbar-toggler .top-bar { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transform-origin: 10% 10%; } .navbar-toggler .middle-bar { opacity: 0; } .navbar-toggler .bottom-bar { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: 10% 90%; } span.icon-bar.bottom-bar { margin-bottom: 6px; } .navbar-toggler.collapsed .top-bar { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .navbar-toggler.collapsed .middle-bar { opacity: 1; } .navbar-toggler.collapsed .bottom-bar { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } img#c2MEGAM_img_sitelogo { position: absolute; background-color: white; height: 180px; width: auto; top: 10px; left: 10px; border-radius: 0; padding: 10px; z-index: 9; /* -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; */ -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; border-bottom: 5px solid #1a1a1a; } img#c2MEGAM_img_sitelogo.resized { position: relative; top: 0px; left: 0px; height: 40px; padding: 0; width: auto; border: 0px; } span#nb_sitetitle { visibility: hidden; color: #1A1A1A; font-weight: bold; font-family: 'ZimricCondensed', sans-serif; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } header#masthead.scrolled span#nb_sitetitle { visibility: visible; } .C2MEGAM_NoDropdown a.nav-link, .C2MEGAM_dropdown a.nav-link { color: #1A1A1A; font-weight: bold; font-family: 'ZimricCondensed', sans-serif; text-transform: uppercase; font-size: 1.5rem; padding: 0; } .C2MEGAM_dropdown_panel h2 a, .C2MEGAM_dropdown_panel h3 a, .C2MEGAM_dropdown_panel h4 a{ font-weight: bold; } .dropdown-menu.C2MEGAM_dropdown_panel.show{ background-color: white; border-left:5px solid #1A1A1A; } .C2MEGAM_dropdown_panel a { color: inherit; } .C2MEGAM_dropdown_panel a:hover { text-decoration: none; color: inherit; } .dropdown-menu.C2MEGAM_dropdown_panel h2{ font-size: 1.2rem; margin: 5px 0 0 0; } .C2MEGAM_nb_collapse .wp-block-navigation { display: inline-block; } .C2MEGAM_nb_collapse .wp-block-navigation a, .C2MEGAM_dropdown_panel p { font-size: 18px; margin: 0; line-height: 1.2; } .C2MEGAM_dropdown_panel p a:hover{ text-decoration: underline; } .C2MEGAM_dropdown_panel .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { max-width: 20vw; } a.shopmATC:hover .fas{ opacity: .7; transform: scale(1.1) ; -webkit-transform: scale(1.1) ; -moz-transform: scale(1.1) ; } /* ========================== HERO SECTION ========================== */ #wrapper_hero_section.scrolled { margin-top: 61px; } .hero_elem_img, .hero_elem_carousel{ background-repeat: no-repeat; background-size: contain; background-position: center center; overflow: hidden; padding: 0; height: 140px; } .c2_bscarousel .carousel-item { background-repeat: no-repeat; background-size: cover; background-position: center center; height: calc(100vh - 61px); } .c2_bscarousel .carousel-control-next, .c2_bscarousel .carousel-control-prev{ opacity: 1; color: transparent!important; background-color: transparent; } .c2_bscarousel .carousel-control-prev-icon, .c2_bscarousel .carousel-control-next-icon { display: block; position: absolute; background-color: transparent; width: 20px; height: 20px; } .c2_bscarousel .carousel-caption { top: 20vh; bottom: unset; } .c2_bscarousel .head_box { background-color: white; display: block; width: max-content; margin: 15px auto; padding: 5px 10px; } .c2_bscarousel .head_box h1{ margin: 0; padding: 0; } .c2_bscarousel .p_box { background-color: #1A1A1A; display: block; width: max-content; margin: 15px auto; padding: 5px 10px; } .c2_bscarousel .p_box p{ color: #fff; margin: 0; padding: 0; } .c2_bscarousel span.visually-hidden { visibility: hidden; } .c2_bscarousel .carousel-indicators { display: none; } .woocommerce-cart button.button, .container_basic_btn_dl.link_box a.btn.basic_btn, .wc-proceed-to-checkout .button.checkout-button, input.wpcf7-form-control.has-spinner.wpcf7-submit, .single-product .button.alt { border: 0px solid white!important; background-color: #1A1A1A; border-radius: 0px; color: white; text-transform: uppercase; font-weight: bold; padding: 5px 15px; } .single_add_to_cart_button.BSpAddToC, .woocommerce .button { border-radius: 25px !important; font-family: inherit; } .woocommerce-cart button.button:hover, .container_basic_btn_dl.link_box a.btn.basic_btn:hover, .wc-proceed-to-checkout .button.checkout-button:hover, input.wpcf7-form-control.has-spinner.wpcf7-submit:hover, .single-product .button.alt:hover { background-color: #6d6d6d; color: #fff; } .home .storefront-sorting, .storefront-sorting { /*display: none;*/ } .home .heading_hero { height: 50vh; } .pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers { background-color: #1A1A1A; color: #fff; } .pagination .page-numbers li .page-numbers:hover, .woocommerce-pagination .page-numbers li .page-numbers:hover { background-color: #6d6d6d; color: #fff; } .wc-block-grid__product-onsale, .onsale, .woocommerce-pagination .page-numbers li .page-numbers:not(.current) { color: #fff; } /* ========================== CHEVRON DOWN ========================== */ #wrap_chevrondown { display: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: 5vh; } #chevrondown { text-align: center; } #chevrondown a { color: white; font-size: 4rem; } /* ========================== CONTENT : SHOP ========================== */ .post-ratings { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: left; } /* .post-ratings img:not(:last-child) { float: left; } */ .post-ratings img { height: 10px; width: 10px; } ul.products li.product { /*border: 1px dotted blue;*/ -webkit-transition: .1s ease-in-out; -moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; transition: .1s ease-in-out; } ul.products li.product a, ul.products li.product a:hover{ color: inherit; text-decoration: none; } ul.products li.product a h2.woocommerce-loop-product__title { color: #1A1A1A; font-weight: bold; font-size: 2rem; text-decoration: none; margin: 0 0 18px 0; text-align: left; } ul.products li.product a h2.woocommerce-loop-product__title:after{ content: ''; position: relative; display: block; width: 60%; height: 3px; background-color: #6d6d6d; margin: 10px 0 25px 0; } ul.products li.product:hover{ transform: scale(1.05) ; -webkit-transform: scale(1.05) ; -moz-transform: scale(1.05) ; -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } ul.products li.product a.woocommerce-LoopProduct-link { padding: 0 25px; } ul.products li.product img { margin: 5px auto 1rem auto; } p.BS_P_Cats { text-align: left; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 10px 0; } p.BS_P_Excerpts { text-align: left; } ul.products li.product p.price { padding: 0 25px; text-align: left; } ul.products li.product p.price span { font-weight: bold; font-size: 2rem; border-radius: 5px; padding: 10px 5px; background-color: black; color: white; } ul.products li.product p.price .tagab{ background-color: transparent; font-weight: bold; color: #000; } ul.products li.product .wgm-info.woocommerce-de_price_taxrate, ul.products li.product .wgm-info.woocommerce_de_versandkosten { text-align: left; padding: 0 25px; margin-bottom: 1rem; } ul.products li.product a.button.wp-element-button, button.single_add_to_cart_button.button.alt.wp-element-button { display: block; max-width: 200px; margin: 10px 0 25px 25px; border: 3px solid #1A1A1A; background-color: #1A1A1A; color: #fff; } ul.products li.product a.button.wp-element-button:hover, button.single_add_to_cart_button.button.alt.wp-element-button:hover{ background-color: #fff; color: #1A1A1A; } .site-content ul { padding: 0; margin-left: 30px; } /* ========================== CONTENT : WOOCOMMERCE ========================== */ .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { max-width: 100%; } .BSWrapVarImgs { background-color: yellow; /* display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; align-content: center; justify-content: center; */ } img.BSSinglePVarImg { border: 1px dotted blue; border-radius: 0px; } .BS_WoocVarCarsl { width: 75%; } .BS_WoocVarCarsl .carousel-item { border: 2px solid grey; } .BS_WoocVarCarsl .carousel-control-next, .BS_WoocVarCarsl .carousel-control-prev { opacity: 1; background-color: transparent; padding: 0; } .BS_WoocVarCarsl .carousel-control-next-icon, .BS_WoocVarCarsl .carousel-control-prev-icon { width: 30px; height: 30px; color: red; } .BSAttrSel_Link{ margin: 11px 0px; border: 2px solid rgba(109, 163, 38, .25); background-color: #fff; } .BSAttrSel_Link.selected{ border: 2px solid rgba(109, 163, 38, 1); background-color: #fff; } img.BSAttrSel_Img { width: 40vw; height: auto; border-radius: 0px; } .Wr_BSAttrSel:nth-child(odd) { background-color: #f2f2f2; } .BSAttrSel_i { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; } .single-product table.variations { display: none; } .BSSPPriceElem { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; } .BSSPPriceElem.options span { color: #1A1A1A; } .BSSPPriceElem.total span { font-weight: bold; } span.BSSppriceVal.total { border-bottom: 4px double; } li.product .wgm-info.price-per-unit { text-align: left; padding-left: 25px; font-size: .8em; } .single-product .price-per-unit { padding-left: 0; font-size: .8em; } .ContBSAttrSel_Img { position: relative; overflow: hidden; } .ContBSAttrSel_Img button{ position: absolute; top: 0; right: 0; } button.BSModalAttrBtn, button.BSModalAttrBtn:active { background-color: #1A1A1A; border-radius: 0px; height: 18px; width: 18px; padding: 0; font-size: 14px; line-height: 1px; } button.BSModalAttrBtn:hover{ background-color: grey; } .ContBSAttrSel_Img .details { position: absolute; bottom: 0; background-color: #1A1A1A; color: white; font-size: 16px; padding: 0px 7px; width: 100%; } .ContBSAttrSel_Img .details_b { position: absolute; background-color: #6d6d6d; color: white; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); width: 100%; text-align: center; top: 16px; left: -33px; } .modal img.BSAttrSel_Img.Full { height: 100%; width: auto; } .BSModalAttr.modal button.close, .BSModalAttr.modal button.close:visited { background-color: transparent; color: rgba(109, 163, 38, .75); } .BSModalAttr.modal button.close:hover { background-color: transparent; color: rgba(109, 163, 38, 1); } .BSModalAttr.modal .modal-content{ border-radius: 0px; } .BSModalAttr.modal .modal-header, .BSModalAttr.modal .modal-footer{ border: none; } .BSModalAttr.modal .modal-title{ margin: 0; } .BSModalAttr.modal button.btn, .BSModalAttr.modal button.btn:visited { background-color: #1A1A1A; margin: 0 auto; border: 2px solid #1A1A1A!important; border-radius: 0px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; padding: 5px 15px; font-size: 1.2rem; } .BSModalAttr.modal button.btn:hover, .BSModalAttr.modal button.btn:active { background-color: #fff; color: #1A1A1A; } .page:not(.home) .storefront-breadcrumb, .archive.tax-product_cat .storefront-breadcrumb, .single.single-product .storefront-breadcrumb { padding-top: 20vh; } .pswp__bg { /* background-color: #1A1A1A; */ background-color: rgba(0, 0, 0, 0.5); } ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1 { border-left: 2px solid white; margin: 0; padding-left: 10px; } .woocommerce-checkout #customer_details, .woocommerce-checkout #order_review, h3#order_review_heading{ width: 100%; } .woocommerce-checkout span.woocommerce-input-wrapper { display: contents; } .woocommerce-account #customer_login .u-column1.col-1, .woocommerce-account #customer_login .u-column2.col-2 { min-width: 100%; } ul.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product .button, .wc-block-grid__products .wc-block-grid__product .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .my_account_orders .button, .woocommerce-MyAccount-downloads .button, .woocommerce-Button button, button.woocommerce-form-register__submit, button.woocommerce-button.button.woocommerce-form-login__submit, a.button.wc-backward { margin-bottom: 5vh; background-color: #1A1A1A; border-width: 0px; color: #fff; } button.woocommerce-button.button.woocommerce-form-login__submit{ margin: 0 0 0 10px; } .widget-area .widget a.wp-block-button__link:hover, ul.products li.product .button:hover, .my_account_orders .button:hover, .woocommerce-MyAccount-downloads .button:hover, .woocommerce-Button button:hover, button.woocommerce-form-register__submit:hover, button.woocommerce-button.button.woocommerce-form-login__submit:hover, a.button.wc-backward:hover { background-color: #6d6d6d; color: #fff; } .woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: #1A1A1A; } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { background-color: #1A1A1A; } .btn.BtnCollapseTrigg:hover { background-color: unset!important; color: #6d6d6d!important; } .SpBSTot_Inp { font-family: sans-serif; font-weight: normal !important; } .shopmATC i { color: #1a1a1a; margin: 0 10px; } .single-product .onsale, ul.products .onsale { display: none; } table.shop_table td.product-name .german-market-product-image ~ dl.variation { width: 100%; } table.shop_table td.product-name .german-market-product-image ~ .wc-item-meta p, table.shop_table td.product-name .german-market-product-image ~ .wc-item-meta-label { float: right; display: inline-block; } .woocommerce-checkout .variation dd { width: 100%; } .woocommerce-checkout #shipping_method .wgm-break, .woocommerce-checkout #shipping_method .wgm-tax.product-tax, .woocommerce-cart #shipping_method .wgm-break, .woocommerce-cart #shipping_method .wgm-tax.product-tax { display: none; } .taglowinstock{ -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); background-color: white; position: absolute; bottom: 33%; padding: 0px 15px; right: 25px; color: black; font-weight: bold; font-size: 14px; font-family: sans-serif; border-radius: 5px; border: 2px dashed black; } .taglowinStIcon{ font-size: 2rem; position: absolute; right: -20px; bottom: -10px; } .single-product .legacy-itemprop-offers{ position: relative; } .single-product .legacy-itemprop-offers .taglowinstock{ bottom: unset; right: unset; top: 25%; left: 25%; } .single-product .stock.in-stock{ display: none; } p.PSingleLowStock{ display: inline-block; color: black; font-weight: bold; font-size: 14px; font-family: sans-serif; border-radius: 5px; border: 2px dashed black; padding: 0px 7px; } /* ========================== SEARCH OVERLAY ========================== */ .c2searchWrapM { display: none; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: transparent; overflow: hidden; z-index: 9999; } .c2searchWrapM.active{ display: block; } .c2searchWrapP.top { position: absolute; width: 100%; height: 50vh; top:-100vh; z-index: 999; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; background-color: white; } .c2searchWrapP.top.show { top: 0; } .c2searchWrapP.bottom { position: absolute; width: 100%; height: 50vh; bottom:-100vh; z-index: 999; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; background-color: #1A1A1A; } .c2searchWrapP.bottom.show { bottom: 0; } .c2searchWrap_i { height: 100%; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; align-content: center; justify-content: center; } .c2searchWrap_ii { width: 100%; } label#BS_Lbl_SearchForm { width: 100%; } input#BS_InputSForm { width: 100%; border-bottom: 3px solid #1A1A1A; background-color: white; color: #1A1A1A; box-shadow: none; } p.SPsearch_help { text-align: right; color: #1A1A1A; font-size: 16px; font-weight: bold; } .c2searchWrapP.bottom p { color: white; } /* --- SEARCH FIELD ------------------ */ a#BtnElSWpClose { color: #1A1A1A; background-color: transparent; font-size: 1rem; } a#BtnElSWpClose:hover .fas.fa-times{ -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } /* ========================== FOOTER ========================== */ #c2_cont_footerMain { padding: 7vh 0 0 0; /*background-color: #1A1A1A;*/ color: #1a1a1a; background-image: url(../storefront-child/inc/images/Leo_Rainbow_BG.svg); background-repeat: no-repeat; background-size: cover; } #c2_cont_footerMain h2.wp-block-heading, #c2_cont_footerMain p, #c2_cont_footerMain li a{ color: #1A1A1A; } .elem_ww_footer { text-align: center; } ul.wc-block-product-categories-list li, .widget_nav_menu ul li{ padding: 0; line-height: 1; margin: 18px 0; } ul.BSwidgLSocMedia{ list-style: none; } ul.BSwidgLSocMedia li { margin: 15px 2rem 15px 0; display: inline; } .elem_ww_footer i { font-size: 6rem; } .BSPIcon_Klarna::before{ content: url(../storefront-child/inc/images/Klarna_MarketingBadge.svg); } ul.BSwidgLSocMedia li a { font-size: 6rem; } .widget_nav_menu ul li::before{display: none} .SidebarInnerGroup .menu li a { font-weight: bold; font-family: 'ZimricCondensed', sans-serif; color: #1A1A1A; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 1.618em; } .SidebarInnerGroup a.wp-block-button__link.wp-element-button.add_to_cart_button, .SidebarInnerGroup button.wp-block-search__button.wp-element-button{ position: relative; border:0px solid #1A1A1A; background-color: #1A1A1A; color: white; } .SidebarInnerGroup button.wp-block-search__button.wp-element-button:hover{ background-color: #6d6d6d; } .SidebarInnerGroup button.wp-block-search__button.wp-element-button:hover:before { background-color: #6d6d6d; color: #fff; } .SidebarInnerGroup .wp-block-search input.wp-block-search__input { border: 0px solid #1A1A1A; } #c2_col_footer_1, #c2_col_footer_2, #c2_col_footer_3, #c2_col_footer_4{ background-color: #fff; padding: 2rem 5rem; } #ww_footer_col_01 img { -webkit-filter: drop-shadow(20px 0 0 white) drop-shadow(0 20px 0 white) drop-shadow(-20px 0 0 white) drop-shadow(0 -20px 0 white); filter: drop-shadow(20px 0 0 white) drop-shadow(0 20px 0 white) drop-shadow(-20px 0 0 white) drop-shadow(0 -20px 0 white); } .elem_ww_footer .widget { margin: 0; } .elem_ww_footer .widget h2{ margin: 0; } .ColFooterLOGO{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; } .footerLOGO { width: 30vw; } /* ========================== FORM ========================== */ input.wpcf7-form-control.wpcf7-text { min-width: 100%; } .wpcf7-form label { width: 100%; } /* ========================== CART ========================== */ body.woocommerce #primary, body.woocommerce-checkout #primary { width: 100%; } .woocommerce-cart #primary{ width: 100%!important; float: unset; margin: 0; padding: 1rem; } .woocommerce-cart #secondary{display: none} .woocommerce-cart a:hover{ color: #6d6d6d; } /* ========================== OUTLINE ========================== */ *:focus { outline: none!important; box-shadow: none!important; } /* ========================== INPUT : DISABLE SPINNERS ========================== */ /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /* ====================== JH Icons ====================== */ .JHIcon:before{ height: 30px; width: auto; position: relative; display: inline-block; vertical-align: sub; margin-right: 5px; } .JHIcon.Iconfb::before{ content: url(../storefront-child/images/Icon_FB.jpg); } .JHIcon.Iconinsta::before{ content: url(../storefront-child/images/Icon_Insta.jpg); } .JHIcon.IconMail::before{ content: url(../storefront-child/images/Icon_Mail.jpg); } .JHIcon.IconTel::before{ content: url(../storefront-child/images/Icon_Tel.jpg); } /* ====================== JC_Tiles ====================== */ .home .woocommerce-products-header__title.page-title { display: none; } .JC_Tiles{ position: relative; } .JC_Tiles a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; background-color: transparent; width: 100%; height: 100%; top: 0; left: 0; color: white; font-size: 3rem; } .JC_Tiles a:hover { color: white; } .JC_Tiles .wp-block-column:hover{ cursor: pointer; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); /*transform-origin: 10% 10%;*/ transition-duration: .5s; -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .JC_Tiles .wp-block-column:hover img.wp-block-cover__image-background { transition-duration: .5s; transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); } .JC_Tiles .wp-block-column{ margin: 0; position: relative; width: 100%; } .JC_Tiles .wp-block-column:after { content: ""; display: block; padding-bottom: 100%; } .JC_Tiles .wp-block-column .wp-block-group, .JC_Tiles .wp-block-column .wp-block-cover, .JC_Tiles .wp-block-column .wp-block-cover .wp-block-cover__inner-container { position: absolute; width: 100%; height: 100%; overflow: hidden; padding: 0; margin: 0; } /* ==================================== TO TOP BUTTON ==================================== */ /* Top Button */ #topbutton { position: fixed; right: 1rem; bottom: 1rem; display: none; width: 4rem; height: 4rem; line-height: 4rem; background-color: #ffffff; text-align: center; z-index: 100; opacity: 0.8; -webkit-filter: drop-shadow(5px 5px 5px #333); filter: drop-shadow(5px 5px 5px #333); } #topbutton a { font-family: "FontAwesome"; width: 4rem; height: 4rem; line-height: 4rem; /*display: block;*/ padding-top: 0px; color: #363636; } #topbutton:hover { opacity: 1; } #topbutton:hover a{ color: #363636; } .entry-header h1, .entry-header img{ display: none; } /* ==================================== FIX ==================================== */ #content { padding: 0rem; } /* #################################################### ooo ooooo .o8 o8o .oooooo. o8o `88. .888' "888 `"' d8P' `Y8b `"' 888b d'888 .ooooo. .oooo888 oooo .oooo. 888 888 oooo oooo .ooooo. oooo d8b oooo .ooooo. .oooo.o 8 Y88. .P 888 d88' `88b d88' `888 `888 `P )88b 888 888 `888 `888 d88' `88b `888""8P `888 d88' `88b d88( "8 8 `888' 888 888ooo888 888 888 888 .oP"888 888 888 888 888 888ooo888 888 888 888ooo888 `"Y88b. 8 Y 888 888 .o 888 888 888 d8( 888 `88b d88b 888 888 888 .o 888 888 888 .o o. )88b o8o o888o `Y8bod8P' `Y8bod88P" o888o `Y888""8o `Y8bood8P'Ybd' `V88V"V8P' `Y8bod8P' d888b o888o `Y8bod8P' 8""888P' #################################################### */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::: Bootstrap 4 breakpoints */ /* Extra small devices (portrait phones, less than 576px) No media query since this is the default in Bootstrap because it is "mobile first" */ /* oooooooo ooooooooo .ooo dP""""""" d"""""""8' .88' d88888b. .8' d88' `Y88b .8' d888P"Ybo. ]88 .8' Y88[ ]88 o. .88P .8' `Y88 88P `8bd88P' .8' `88bod8' Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* ooooooooo .ooo .ooooo. d"""""""8' .88' d88' `8. .8' d88' Y88.. .8' .8' d888P"Ybo. `88888b. .8' Y88[ ]88 .8' ``88b .8' `Y88 88P `8. .88P .8' `88bod8' `boood8' Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */ @media (min-width: 768px) { #content { padding: 1rem; } /* --- SEARCH FIELD ------------------ */ a#BtnElSWpClose { font-size: 3rem; } /* --- HERO ------------------ */ .hero_elem_img, .hero_elem_carousel{ background-size: cover; height: 40vh; } .c2_bscarousel .carousel-item { height: 65vh; } .BSAttrSel_i{ -webkit-justify-content: flex-start; justify-content: flex-start; } .BSAttrSel_Link{ margin: 11px 11px 11px 0px; } img.BSAttrSel_Img { width: 20vw; } .dropdown-menu.C2MEGAM_dropdown_panel.show { top: 70px; } /* --- SHOP PAGE ------------------ */ .home ul.products.columns-3 li { width: 100%!important; } .col2-set#customer_login .col-1, .col2-set.addresses .col-1 { min-width: 50%; margin-right: 0; } /* --- SINGLE PRODUCT PAGE ------------------ */ .single-product #primary, .single-product.right-sidebar .widget-area { width: 100%; } /* --- SIDEBAR ------------------ */ .widget.widget_block.widget_search { width: 50vw; } .SidebarInnerGroup ul.wc-block-grid__products { -webkit-flex-direction: column; flex-direction: column; } .single.single-product .SidebarInnerGroup ul.wc-block-grid__products { -webkit-flex-direction: row; flex-direction: row; } .widget li.wc-block-grid__product { max-width: 100%!important; } .SidebarInnerGroup button.wp-block-search__button.wp-element-button:before { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; align-content: center; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002"; background-color: #1A1A1A; font-size: 2rem; top: 0; left: 0; width: 100%; height: 100%; } .single.single-product .SidebarInnerGroup button.wp-block-search__button.wp-element-button:before { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002"; background-color: #1A1A1A; font-size: 1.2rem; left: 0; width: 100%; } .SidebarInnerGroup button.wp-block-search__button.wp-element-button:before:hover, .SidebarInnerGroup button.wp-block-search__button.wp-element-button:hover :before{ background-color: #fff; color: #1A1A1A; } .right-sidebar .content-area { width: 100%; float: left; margin-right: 0; } .JC_Tiles a { height: 50%; } /* --- WOOC ------------------ */ .site-content ul { margin-left: 0px; } /* --- FOOTER ------------------ */ ul.BSwidgLSocMedia li a, ul.BSwidgLSocMedia li a i { font-size: 4rem; } .elem_ww_footer i { font-size: 4rem; } } /* .oooo. ooooooooo oooooooo .ooooo. .o .oooo. .dP""Y88b d"""""""8' dP""""""" d88' `8. o888 .dP""Y88b ]8P' .8' d88888b. Y88.. .8' 888 ]8P' <88b. .8' `Y88b `88888b. 888 .d8P' `88b. .8' ]88 8888888 .8' ``88b 888 .dP' o. .88P .8' o. .88P `8. .88P 888 .oP .o `8bd88P' .8' `8bd88P' `boood8' o888o 8888888888 ----------- iPhone X ----------- */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { } @media (min-width: 820px) { } /* .ooooo. .ooooo. .oooo. 888' `Y88. 888' `Y88. .dP""Y88b 888 888 888 888 ]8P' `Vbood888 `Vbood888 .d8P' 888' 888' .dP' .88P' .88P' .oP .o .oP' .oP' 8888888888 Large devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* .o .oooo. .oooo. .o o888 d8P'`Y8b .dP""Y88b .d88 888 888 888 ]8P' .d'888 888 888 888 .d8P' .d' 888 888 888 888 .dP' 88ooo888oo 888 `88b d88' .oP .o 888 o888o `Y8bd8P' 8888888888 o888o */ @media (min-width: 1024px) { } /* .o .oooo. .oooo. .oooo. o888 .dP""Y88b d8P'`Y8b d8P'`Y8b 888 ]8P' 888 888 888 888 888 .d8P' 888 888 888 888 888 .dP' 888 888 888 888 888 .oP .o `88b d88' `88b d88' o888o 8888888888 `Y8bd8P' `Y8bd8P' Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { body{ font-size: 30px; } /* --- SEARCH FIELD ------------------ */ a#BtnElSWpClose { position: absolute; right: 5vw; top: 5vh; border: none; } /* --- SHOP PAGE ------------------ */ .home ul.products.columns-3 li { width: 28%!important; } .woocommerce-products-header { padding-left: 20px; } /* --- SINGLE PRODUCT ------------------ */ img.BSAttrSel_Img { width: 10vw; } /* --- SIDEBAR ------------------ */ .widget.widget_block.widget_search { width: 25vw; } /* --- FOOTER ------------------ */ ul.BSwidgLSocMedia li a, ul.BSwidgLSocMedia li a i { font-size: 3rem; } .elem_ww_footer i { font-size: 3rem; } ul#menu-footer-menue { /* display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: left; justify-content: left; overflow: hidden; list-style-type: none; width: 100%; */ } ul#menu-footer-menue li { /*float: left;*/ } ul#menu-footer-menue li:first-child:after { /* content: '|'; margin: 0px 5px; */ } .single.single-product .SidebarInnerGroup .wp-block-search input.wp-block-search__input { max-width: 20vw; } #c2_cont_footer_inner { padding: 0; } } /* .o .oooo. .ooo .ooo o888 .dP""Y88b .88' .88' 888 ]8P' d88' d88' 888 <88b. d888P"Ybo. d888P"Ybo. 888 `88b. Y88[ ]88 Y88[ ]88 888 o. .88P `Y88 88P `Y88 88P o888o `8bd88P' `88bod8' `88bod8' */ @media (min-width: 1336px) { /* --- generix ------------------ */ .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 85em; } .col-full { max-width: 1400px; padding: 5vh 0; } .c2_bscarousel .carousel-item { height: 50vh; } #wrap_chevrondown { bottom: unset; top: 45vh; } /* --- NAVBAR ------------------ */ header#masthead.scrolled span#nb_sitetitle{ font-weight: bold; font-family: 'ZimricCondensed', sans-serif; margin-left: 2vw; } nav#c2MEGAM_mainnav { padding: 0 16px; } li.C2MEGAM_NoDropdown.cart, li.C2MEGAM_NoDropdown.socmedia, li.C2MEGAM_NoDropdown.searchitem{ border-left: 1px solid #1A1A1A; } li#rf_nav_btn_search{ padding:0!important; } a#C2MEGAM_navbar_NoDropdown_Search { padding: 0; height: 100%; width: 75px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; align-items: center; } #C2MEGAM_navbarNavDropdown .nav-item { height: 75px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; align-content: center; padding: 0 .5rem; } .c2_bscarousel .head_box h1 { font-size: 3rem; } .JC_Tiles a { height: 100%; } /* --- mega menue --- */ .dropdown-menu.C2MEGAM_dropdown_panel { width: 1300px; max-width: 1300px; } } /* .o .o .o .oooo. o888 .d88 .d88 d8P'`Y8b 888 .d'888 .d'888 888 888 888 .d' 888 .d' 888 888 888 888 88ooo888oo 88ooo888oo 888 888 888 888 888 `88b d88' o888o o888o o888o `Y8bd8P' Extra large devices (large desktops, 1440px and up) */ /* Extra large devices (large desktops, 1440px and up) */ @media (min-width: 1440px) { img.BSAttrSel_Img { width: 130px; } img#c2MEGAM_img_sitelogo{ left: 100px; } .dropdown-menu.C2MEGAM_dropdown_panel h2{ font-size: 2rem; margin: 30px 0 10px 0; } .C2MEGAM_dropdown_panel p { font-size: 28px; margin: 10px 0; } /* --- footer --- */ .elem_ww_footer { text-align: left; padding: 3rem 1rem 0 1rem; } } /* .o .ooo .oooo. .oooo. o888 .88' d8P'`Y8b d8P'`Y8b 888 d88' 888 888 888 888 888 d888P"Ybo. 888 888 888 888 888 Y88[ ]88 888 888 888 888 888 `Y88 88P `88b d88' `88b d88' o888o `88bod8' `Y8bd8P' `Y8bd8P' */ @media (min-width: 1600px) { /* --- NAVBAR ------------------ */ img#c2MEGAM_img_sitelogo { height: 250px; } /* --- BREADCRUMB ------------------ */ .woocommerce-breadcrumb { } .C2MEGAM_NoDropdown a.nav-link, .C2MEGAM_dropdown a.nav-link { font-size: 2rem; } } /* .o .ooooo. .oooo. .oooo. o888 888' `Y88. .dP""Y88b d8P'`Y8b 888 888 888 ]8P' 888 888 888 `Vbood888 .d8P' 888 888 888 888' .dP' 888 888 888 .88P' .oP .o `88b d88' o888o .oP' 8888888888 `Y8bd8P' */ @media (min-width: 1920px) { /* --- BREADCRUMB ------------------ */ .page:not(.home) .storefront-breadcrumb, .archive.tax-product_cat .storefront-breadcrumb, .single.single-product .storefront-breadcrumb { padding-top: 5vh; } /* --- SEARCH FIELD ------------------ */ #secondary { border-left: 1px solid #1A1A1A; padding: 15px 0 0 15px; } /* --- SEARCH FIELD ------------------ */ input#BS_InputSForm { font-size: 5rem; } } /* ############################################## */ /* .oooo. oooooooo .ooo .oooo. .dP""Y88b dP""""""" .88' d8P'`Y8b ]8P' d88888b. d88' 888 888 .d8P' `Y88b d888P"Ybo. 888 888 .dP' ]88 Y88[ ]88 888 888 .oP .o o. .88P `Y88 88P `88b d88' 8888888888 `8bd88P' `88bod8' `Y8bd8P' */ @media (min-width: 2560px) { } /* .oooo. .ooooo. .oooo. .oooo. .dP""Y88b d88' `8. d8P'`Y8b d8P'`Y8b ]8P' Y88.. .8' 888 888 888 888 .d8P' `88888b. 888 888 888 888 .dP' .8' ``88b 888 888 888 888 .oP .o `8. .88P `88b d88' `88b d88' 8888888888 `boood8' `Y8bd8P' `Y8bd8P' */ @media (min-width: 2800px) { } /* .oooo. .oooo. .oooo. .oooo. .dP""Y88b .dP""Y88b d8P'`Y8b d8P'`Y8b ]8P' ]8P' 888 888 888 888 <88b. .d8P' 888 888 888 888 `88b. .dP' 888 888 888 888 o. .88P .oP .o `88b d88' `88b d88' `8bd88P' 8888888888 `Y8bd8P' `Y8bd8P' */ @media (min-width: 3200px) {} /* .oooo. .ooooo. .o .oooo. .dP""Y88b d88' `8. .d88 d8P'`Y8b ]8P' Y88.. .8' .d'888 888 888 <88b. `88888b. .d' 888 888 888 `88b. .8' ``88b 88ooo888oo 888 888 o. .88P `8. .88P 888 `88b d88' `8bd88P' `boood8' o888o `Y8bd8P' */ @media (min-width: 3840px) {} /* .o .oooo. .ooooo. .ooo .d88 d8P'`Y8b 888' `Y88. .88' .d'888 888 888 888 888 d88' .d' 888 888 888 `Vbood888 d888P"Ybo. 88ooo888oo 888 888 888' Y88[ ]88 888 `88b d88' .88P' `Y88 88P o888o `Y8bd8P' .oP' `88bod8' */ @media (min-width: 4096px) {}