/* -------------------------------------------------------------------------------- / [04] WIDGETS AND CUSTOM ELEMENTS - UPDATED 14.09.2024 / -------------------------------------------------------------------------------- */ /*** snippets ***/ pre { display: block; font-family: monospace; white-space: pre; margin: 0; } code { font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size:0.9em; display: block; overflow: auto; white-space: pre; border-left: 0px solid #bfbdcc; border-radius:4px; background: #08090A; background-repeat:repeat; padding: 3px 5px; margin: 0; color: #fff; } samp { font-family: "SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace; font-size: 0.9em; overflow: auto; white-space: pre; border: 0px solid #ddd; background: #fcf2f2; border-radius: .1rem; color: #d73e48; padding: 4px; margin: 5px; line-height: 200%; display: inline; } #cc-inner .cc-m-input-wrapper { background: transparent; } #cc-inner .cc-m-all-settings .cc-m-input-wrapper { background: white!important; } #cc-inner .cc-m-form-calendar input, #cc-inner .cc-m-form-view-sortable__ textarea, #cc-inner .j-formnew .cc-m-form-view-sortable input.cc-spinner-input { border: 2px solid #E8E9E9!important; min-height: 40px; min-width: 40px; -webkit-border-radius: 4px; border-radius: 4px; color: #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #cc-inner select:not([multiple]) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #E8E9E9; font-family: inherit; font-size: 16px; height: 40px; margin: 0; padding: 0 55px 0 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; text-overflow: ellipsis; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, transparent, transparent); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat; } @media only screen and (max-width: 459px) { #cc-inner select#billing_country,#cc-inner select#shipping_country { min-width:50%; } } #cc-inner select[multiple] { background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; color: inherit; border: 2px solid #E8E9E9; font-family: inherit; font-size: 16px; height: 40px; padding: 0px 55px 0px 10px; cursor: pointer; outline: none; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #cc-inner select { padding: 0!important; background-image: none!important; } } /*** form styles for white bg ***/ .form-white .cc-checkout-user-note-form textarea, .form-white #cc-checkout-billing-address-form input[type="text"], .form-white #cc-checkout-shipping-address-form input[type="text"], .form-white .commententry textarea, .form-white .commententry input[type="text"], .form-white .j-formnew .cc-m-form-view-sortable input[type='text'], .form-white .j-formnew .cc-m-form-view-sortable input[type='email'], .form-white .j-formnew .cc-m-form-view-sortable textarea, .form-white .j-newsletterbox input[type='email'], .cc-pagemode-overlay .form-white #password, .form-white .newsletterbox input.newsletterInput { background-color: #f5f5f5!important; margin-bottom: 7px; color: #000; border: 1px solid #ededed!important; padding: 10px 0; outline: none; width: 99%!important; -webkit-appearance: none; -moz-appearance: none; } /*** form styles for opacity bg ***/ .o-form .cc-checkout-user-note-form textarea, .o-form #cc-checkout-billing-address-form input[type="text"], .o-form #cc-checkout-shipping-address-form input[type="text"], .o-form .commententry textarea, .o-form .commententry input[type="text"], .o-form .j-formnew .cc-m-form-view-sortable input[type='text'], .o-form .j-formnew .cc-m-form-view-sortable input[type='email'], .o-form .j-formnew .cc-m-form-view-sortable textarea, .o-form .j-newsletterbox input[type='email'], .cc-pagemode-overlay .o-form #password, .o-form .newsletterbox input.newsletterInput { background-color: rgba(85, 85, 85, 0.15)!important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); /* for old IE */ margin-bottom: 7px; color: inherit; border: 0px solid #ededed!important; border-radius: 0px; padding: 10px 0; outline: none; width: 99%!important; -webkit-appearance: none; -moz-appearance: none; } /*** form styles for dark bg ***/ .form-dark .cc-checkout-user-note-form textarea, .form-dark #cc-checkout-billing-address-form input[type="text"], .form-dark #cc-checkout-shipping-address-form input[type="text"], .form-dark .commententry textarea, .form-dark .commententry input[type="text"], .form-dark .j-formnew .cc-m-form-view-sortable input[type='text'], .form-dark .j-formnew .cc-m-form-view-sortable input[type='email'], .form-dark .j-formnew .cc-m-form-view-sortable textarea, .form-dark .j-newsletterbox input[type='email'], .cc-pagemode-overlay .form-dark #password, .form-dark .newsletterbox input.newsletterInput { background: none; background-color: #242424!important; margin-bottom: 5px; color: #ccc!important; border: none; padding: 10px 0; outline: none; width: 99%!important; -webkit-appearance: none; -moz-appearance: none; } /*** line form styles ***/ .form-line .cc-checkout-user-note-form textarea, .form-line #cc-checkout-billing-address-form input[type="text"], .form-line #cc-checkout-shipping-address-form input[type="text"], .form-line .commententry textarea, .form-line .commententry input[type="text"], .form-line .j-formnew .cc-m-form-view-sortable input[type='text'], .form-line .j-formnew .cc-m-form-view-sortable input[type='email'], .form-line .j-formnew .cc-m-form-view-sortable textarea, .form-line .j-newsletterbox input[type='email'], .cc-pagemode-overlay .form-line #password, .form-line .newsletterbox input.newsletterInput { background: none!important; color: inherit; border: 2px solid #E8E9E9; border-radius: 0.3em; outline: none; padding: 10px 0; margin: 5px 0; width: 99%!important; -webkit-appearance: none; -moz-appearance: none; } /* input button */ #hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .j-blogarticle .blogreadmore:link, #hs-container .j-blogarticle .blogreadmore:visited, #hs-container .j-blogarticle .comment:link, #hs-container .j-blogarticle .comment:visited, #hs-container .post .blogreadmore:link, #hs-container .post .blogreadmore:visited, #hs-container .post .comment:link, #hs-container .post .comment:visited, #hs-container .commententry input[type="submit"], #hs-container .j-formnew input[type='submit'], #hs-container .j-downloadDocument .cc-m-download-link, #hs-container .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container input[type="submit"].submitUser, #hs-container .j-rss br+a[target="_blank"], #hs-container input#mc-embedded-subscribe.button, a.j-calltoaction-link.j-calltoaction-link-style-1, a.j-calltoaction-link.j-calltoaction-link-style-2, a.j-calltoaction-link.j-calltoaction-link-style-3 { background: #404040; text-decoration: none; display: inline-block; letter-spacing: 0; clear: both; cursor: pointer; margin: 0; margin-top: 10px; color: #fff; height: auto; font-size: inherit; letter-spacing: 0; text-align:center; border: none; border-radius: 0px; padding: 15px 35px; transform: perspective(1px) translateZ(0); -webkit-transition: .1s opacity linear; -moz-transition: .1s opacity linear; -o-transition: .1s opacity linear; transition: .1s opacity linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-appearance: none; -moz-appearance: none; } #hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:hover, #hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover, #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover, #hs-container .j-blogarticle .blogreadmore:hover:link, #hs-container .j-blogarticle .blogreadmore:hover:visited, #hs-container .j-blogarticle .comment:hover:link, #hs-container .j-blogarticle .comment:hover:visited, #hs-container .post .blogreadmore:hover:link, #hs-container .post .blogreadmore:hover:visited, #hs-container .post .comment:hover:link, #hs-container .post .comment:hover:visited, #hs-container .commententry input[type="submit"]:hover, #hs-container .j-formnew input[type='submit']:hover, #hs-container .j-downloadDocument .cc-m-download-link:hover, #hs-container .j-newsletterbox input[type='submit']:hover, .cc-pagemode-overlay #hs-container input[type="submit"].submitUser:hover, #hs-container .j-rss br+a[target="_blank"]:hover, #hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:active, #hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active, #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active, #hs-container .j-blogarticle .blogreadmore:active:link, #hs-container .j-blogarticle .blogreadmore:active:visited, #hs-container .j-blogarticle .comment:active:link, #hs-container .j-blogarticle .comment:active:visited, #hs-container .post .blogreadmore:active:link, #hs-container .post .blogreadmore:active:visited, #hs-container .post .comment:active:link, #hs-container .post .comment:active:visited, #hs-container .commententry input[type="submit"]:active, #hs-container .j-formnew input[type='submit']:active, #hs-container .j-downloadDocument .cc-m-download-link:active, #hs-container .j-newsletterbox input[type='submit']:active, #hs-container .cc-pagemode-overlay input[type="submit"].submitUser:active, #hs-container .j-rss br+a[target="_blank"]:active, #hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:focus, #hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus, #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus, #hs-container .j-blogarticle .blogreadmore:focus:link, #hs-container .j-blogarticle .blogreadmore:focus:visited, #hs-container .j-blogarticle .comment:focus:link, #hs-container .j-blogarticle .comment:focus:visited, #hs-container .post .blogreadmore:focus:link, #hs-container .post .blogreadmore:focus:visited, .post .comment:focus:link, #hs-container .post .comment:focus:visited, #hs-container .commententry input[type="submit"]:focus, #hs-container .j-formnew input[type='submit']:focus, #hs-container .j-downloadDocument .cc-m-download-link:focus, #hs-container .j-newsletterbox input[type='submit']:focus, .cc-pagemode-overlay #hs-container input[type="submit"].submitUser:focus, #hs-container .j-rss br+a[target="_blank"]:focus, #hs-container input#mc-embedded-subscribe.button:hover, a.j-calltoaction-link.j-calltoaction-link-style-1:hover, a.j-calltoaction-link.j-calltoaction-link-style-2:hover, a.j-calltoaction-link.j-calltoaction-link-style-3:hover { border: none; color: #fff; opacity:.8; } /* input button with round style */ #cc-inner #hs-container .round-btn span.comment, #cc-inner #hs-container .round-btn .j-product .cc-shop-product-desc .cc-shop-addtocard, #cc-inner #hs-container .round-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #cc-inner #hs-container .round-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #cc-inner #hs-container .round-btn .j-blogarticle .blogreadmore:link, #cc-inner #hs-container .round-btn .j-blogarticle .blogreadmore:visited, #cc-inner #hs-container .round-btn .j-blogarticle .comment:link, #cc-inner #hs-container .round-btn .j-blogarticle .comment:visited, #cc-inner #hs-container .round-btn .post .blogreadmore:link, #cc-inner #hs-container .round-btn .post .blogreadmore:visited, #cc-inner #hs-container .round-btn .post .comment:link, #cc-inner #hs-container .round-btn .post .comment:visited, #cc-inner #hs-container .round-btn .commententry input[type="submit"], #cc-inner #hs-container .round-btn .j-formnew input[type='submit'], #cc-inner #hs-container .round-btn .j-downloadDocument .cc-m-download-link, #cc-inner #hs-container .round-btn .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #cc-inner #hs-container .round-btn input[type="submit"].submitUser, #cc-inner #hs-container .round-btn .j-rss br+a[target="_blank"], #cc-inner #hs-container .round-btn input#mc-embedded-subscribe.button, #cc-inner #hs-container .round-btn a.j-calltoaction-link.j-calltoaction-link-style-1, #cc-inner #hs-container .round-btn a.j-calltoaction-link.j-calltoaction-link-style-2, #cc-inner #hs-container .round-btn a.j-calltoaction-link.j-calltoaction-link-style-3 { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } /* input button with mid-round style */ #cc-inner #hs-container .mid-round-btn span.comment, #cc-inner #hs-container .mid-round-btn .j-product .cc-shop-product-desc .cc-shop-addtocard, #cc-inner #hs-container .mid-round-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #cc-inner #hs-container .mid-round-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #cc-inner #hs-container .mid-round-btn .j-blogarticle .blogreadmore:link, #cc-inner #hs-container .mid-round-btn .j-blogarticle .blogreadmore:visited, #cc-inner #hs-container .mid-round-btn .j-blogarticle .comment:link, #cc-inner #hs-container .mid-round-btn .j-blogarticle .comment:visited, #cc-inner #hs-container .mid-round-btn .post .blogreadmore:link, #cc-inner #hs-container .mid-round-btn .post .blogreadmore:visited, #cc-inner #hs-container .mid-round-btn .post .comment:link, #cc-inner #hs-container .mid-round-btn .post .comment:visited, #cc-inner #hs-container .mid-round-btn .commententry input[type="submit"], #cc-inner #hs-container .mid-round-btn .j-formnew input[type='submit'], #cc-inner #hs-container .mid-round-btn .j-downloadDocument .cc-m-download-link, #cc-inner #hs-container .mid-round-btn .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #cc-inner #hs-container .mid-round-btn input[type="submit"].submitUser, #cc-inner #hs-container .mid-round-btn .j-rss br+a[target="_blank"], #cc-inner #hs-container .mid-round-btn input#mc-embedded-subscribe.button, #cc-inner #hs-container .mid-round-btn a.j-calltoaction-link.j-calltoaction-link-style-1, #cc-inner #hs-container .mid-round-btn a.j-calltoaction-link.j-calltoaction-link-style-2, #cc-inner #hs-container .mid-round-btn a.j-calltoaction-link.j-calltoaction-link-style-3 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 15px 30px; } /* dark outline input button */ #hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:link, #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:visited, #hs-container .dark-outline-btn .j-blogarticle .comment:link, #hs-container .dark-outline-btn .j-blogarticle .comment:visited, #hs-container .dark-outline-btn .post .blogreadmore:link, #hs-container .dark-outline-btn .post .blogreadmore:visited, #hs-container .dark-outline-btn .post .comment:link, #hs-container .dark-outline-btn .post .comment:visited, #hs-container .dark-outline-btn .commententry input[type="submit"], #hs-container .dark-outline-btn .j-formnew input[type='submit'], #hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link, #hs-container .dark-outline-btn .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container .dark-outline-btn input[type="submit"].submitUser, #hs-container .dark-outline-btn .j-rss br+a[target="_blank"], #hs-container .dark-outline-btn input#mc-embedded-subscribe.button, #hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1, #hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2, #hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3 { background: none!important; color: #000!important; height: auto; border: 2px solid #000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-appearance: none; -moz-appearance: none; } #cc-inner #hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:hover, #cc-inner #hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover, #cc-inner #hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:hover:link, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:hover:visited, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:hover:link, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:hover:visited, #cc-inner #hs-container .dark-outline-btn .post .blogreadmore:hover:link, #cc-inner #hs-container .dark-outline-btn .post .blogreadmore:hover:visited, #cc-inner #hs-container .dark-outline-btn .post .comment:hover:link, #cc-inner #hs-container .dark-outline-btn .post .comment:hover:visited, #cc-inner #hs-container .dark-outline-btn .commententry input[type="submit"]:hover, #cc-inner #hs-container .dark-outline-btn .j-formnew input[type='submit']:hover, #cc-inner #hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link:hover, #cc-inner #hs-container .dark-outline-btn .j-newsletterbox input[type='submit']:hover, .cc-pagemode-overlay #hs-container .dark-outline-btn input[type="submit"].submitUser:hover, #cc-inner #hs-container .dark-outline-btn .j-rss br+a[target="_blank"]:hover, #cc-inner #hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:active, #cc-inner #hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active, #cc-inner #hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:active:link, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:active:visited, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:active:link, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:active:visited, #cc-inner #hs-container .dark-outline-btn .post .blogreadmore:active:link, #cc-inner #hs-container .dark-outline-btn .post .blogreadmore:active:visited, #cc-inner #hs-container .dark-outline-btn .post .comment:active:link, #cc-inner #hs-container .dark-outline-btn .post .comment:active:visited, #cc-inner #hs-container .dark-outline-btn .commententry input[type="submit"]:active, #cc-inner #hs-container .dark-outline-btn .j-formnew input[type='submit']:active, #cc-inner #hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link:active, #cc-inner #hs-container .dark-outline-btn .j-newsletterbox input[type='submit']:active, #cc-inner #hs-container .dark-outline-btn .cc-pagemode-overlay input[type="submit"].submitUser:active, #cc-inner #hs-container .dark-outline-btn .j-rss br+a[target="_blank"]:active, #cc-inner #hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:focus, #cc-inner #hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus, #cc-inner #hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:focus:link, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:focus:visited, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:focus:link, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:focus:visited, #cc-inner #hs-container .dark-outline-btn .post .blogreadmore:focus:link, #cc-inner #hs-container .dark-outline-btn .post .blogreadmore:focus:visited, #cc-inner #hs-container .dark-outline-btn .post .comment:focus:link, #cc-inner #hs-container .dark-outline-btn .post .comment:focus:visited, #cc-inner #hs-container .dark-outline-btn .commententry input[type="submit"]:focus, #cc-inner #hs-container .dark-outline-btn .j-formnew input[type='submit']:focus, #cc-inner #hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link:focus, #cc-inner #hs-container .dark-outline-btn .j-newsletterbox input[type='submit']:focus, #cc-inner .cc-pagemode-overlay #hs-container .dark-outline-btn input[type="submit"].submitUser:focus, #cc-inner #hs-container .dark-outline-btn .j-rss br+a[target="_blank"]:focus, #cc-inner #hs-container .dark-outline-btn input#mc-embedded-subscribe.button:hover, #cc-inner #hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1:hover, #cc-inner #hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2:hover, #cc-inner #hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3:hover { border: 2px solid transparent; background: #000!important; color: #fff!important; } .cc-pagemode-overlay #hs-container input[type="submit"].submitUser, .cc-pagemode-overlay #hs-container input[type="submit"].submitUser:hover { color: #fff!important; } #hs-container .dark-outline-btn.--thin-line .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container .dark-outline-btn.--thin-line #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container .dark-outline-btn.--thin-line #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .dark-outline-btn.--thin-line .j-blogarticle .blogreadmore:link, #hs-container .dark-outline-btn.--thin-line .j-blogarticle .blogreadmore:visited, #hs-container .dark-outline-btn.--thin-line .j-blogarticle .comment:link, #hs-container .dark-outline-btn.--thin-line .j-blogarticle .comment:visited, #hs-container .dark-outline-btn.--thin-line .post .blogreadmore:link, #hs-container .dark-outline-btn.--thin-line .post .blogreadmore:visited, #hs-container .dark-outline-btn.--thin-line .post .comment:link, #hs-container .dark-outline-btn.--thin-line .post .comment:visited, #hs-container .dark-outline-btn.--thin-line .commententry input[type="submit"], #hs-container .dark-outline-btn.--thin-line .j-formnew input[type='submit'], #hs-container .dark-outline-btn.--thin-line .j-downloadDocument .cc-m-download-link, #hs-container .dark-outline-btn.--thin-line .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container .dark-outline-btn.--thin-line input[type="submit"].submitUser, #hs-container .dark-outline-btn.--thin-line .j-rss br+a[target="_blank"], #hs-container .dark-outline-btn.--thin-line input#mc-embedded-subscribe.button, #hs-container .dark-outline-btn.--thin-line a.j-calltoaction-link.j-calltoaction-link-style-1, #hs-container .dark-outline-btn.--thin-line a.j-calltoaction-link.j-calltoaction-link-style-2, #hs-container .dark-outline-btn.--thin-line a.j-calltoaction-link.j-calltoaction-link-style-3 { border: 1px solid #000!important; color: #000!important; } /* primary outline input button */ #hs-container .primary-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container .primary-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container .primary-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .primary-outline-btn .j-blogarticle .blogreadmore:link, #hs-container .primary-outline-btn .j-blogarticle .blogreadmore:visited, #hs-container .primary-outline-btn .j-blogarticle .comment:link, #hs-container .primary-outline-btn .j-blogarticle .comment:visited, #hs-container .primary-outline-btn .post .blogreadmore:link, #hs-container .primary-outline-btn .post .blogreadmore:visited, #hs-container .primary-outline-btn .post .comment:link, #hs-container .primary-outline-btn .post .comment:visited, #hs-container .primary-outline-btn .commententry input[type="submit"], #hs-container .primary-outline-btn .j-formnew input[type='submit'], #hs-container .primary-outline-btn .j-downloadDocument .cc-m-download-link, #hs-container .primary-outline-btn .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container .primary-outline-btn input[type="submit"].submitUser, #hs-container .primary-outline-btn .j-rss br+a[target="_blank"], #hs-container .primary-outline-btn input#mc-embedded-subscribe.button, #hs-container .primary-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1, #hs-container .primary-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2, #hs-container .primary-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3 { background: transparent!important; color:var(--bg-primary)!important; height: auto; border: 2px solid var(--bg-primary); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-appearance: none; -moz-appearance: none; } #cc-inner #hs-container .primary-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:hover, #cc-inner #hs-container .primary-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover, #cc-inner #hs-container .primary-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover, #cc-inner #hs-container .primary-outline-btn .j-blogarticle .blogreadmore:hover:link, #cc-inner #hs-container .primary-outline-btn .j-blogarticle .blogreadmore:hover:visited, #cc-inner #hs-container .primary-outline-btn .j-blogarticle .comment:hover:link, #cc-inner #hs-container .primary-outline-btn .j-blogarticle .comment:hover:visited, #cc-inner #hs-container .primary-outline-btn .post .blogreadmore:hover:link, #cc-inner #hs-container .primary-outline-btn .post .blogreadmore:hover:visited, #cc-inner #hs-container .primary-outline-btn .post .comment:hover:link, #cc-inner #hs-container .primary-outline-btn .post .comment:hover:visited, #cc-inner #hs-container .primary-outline-btn .commententry input[type="submit"]:hover, #cc-inner #hs-container .primary-outline-btn .j-formnew input[type='submit']:hover, #cc-inner #hs-container .primary-outline-btn .j-downloadDocument .cc-m-download-link:hover, #cc-inner #hs-container .primary-outline-btn .j-newsletterbox input[type='submit']:hover, .cc-pagemode-overlay #hs-container .primary-outline-btn input[type="submit"].submitUser:hover, #cc-inner #hs-container .primary-outline-btn .j-rss br+a[target="_blank"]:hover, #cc-inner #hs-container .primary-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:active, #cc-inner #hs-container .primary-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active, #cc-inner #hs-container .primary-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active, #cc-inner #hs-container .primary-outline-btn .j-blogarticle .blogreadmore:active:link, #cc-inner #hs-container .primary-outline-btn .j-blogarticle .blogreadmore:active:visited, #cc-inner #hs-container .primary-outline-btn .j-blogarticle .comment:active:link, #cc-inner #hs-container .primary-outline-btn .j-blogarticle .comment:active:visited, #cc-inner #hs-container .primary-outline-btn .post .blogreadmore:active:link, #cc-inner #hs-container .primary-outline-btn .post .blogreadmore:active:visited, #cc-inner #hs-container .primary-outline-btn .post .comment:active:link, #cc-inner #hs-container .primary-outline-btn .post .comment:active:visited, #cc-inner #hs-container .primary-outline-btn .commententry input[type="submit"]:active, #cc-inner #hs-container .primary-outline-btn .j-formnew input[type='submit']:active, #cc-inner #hs-container .primary-outline-btn .j-downloadDocument .cc-m-download-link:active, #cc-inner #hs-container .primary-outline-btn .j-newsletterbox input[type='submit']:active, #cc-inner #hs-container .primary-outline-btn .cc-pagemode-overlay input[type="submit"].submitUser:active, #cc-inner #hs-container .primary-outline-btn .j-rss br+a[target="_blank"]:active, #cc-inner #hs-container .primary-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:focus, #cc-inner #hs-container .primary-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus, #cc-inner #hs-container .primary-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus, #cc-inner #hs-container .primary-outline-btn .j-blogarticle .blogreadmore:focus:link, #cc-inner #hs-container .primary-outline-btn .j-blogarticle .blogreadmore:focus:visited, #cc-inner #hs-container .primary-outline-btn .j-blogarticle .comment:focus:link, #cc-inner #hs-container .primary-outline-btn .j-blogarticle .comment:focus:visited, #cc-inner #hs-container .primary-outline-btn .post .blogreadmore:focus:link, #cc-inner #hs-container .primary-outline-btn .post .blogreadmore:focus:visited, .post .comment:focus:link, #cc-inner #hs-container .primary-outline-btn .post .comment:focus:visited, #cc-inner #hs-container .primary-outline-btn .commententry input[type="submit"]:focus, #cc-inner #hs-container .primary-outline-btn .j-formnew input[type='submit']:focus, #cc-inner #hs-container .primary-outline-btn .j-downloadDocument .cc-m-download-link:focus, #cc-inner #hs-container .primary-outline-btn .j-newsletterbox input[type='submit']:focus, #cc-inner .cc-pagemode-overlay #hs-container .primary-outline-btn input[type="submit"].submitUser:focus, #cc-inner #hs-container .primary-outline-btn .j-rss br+a[target="_blank"]:focus, #cc-inner #hs-container .primary-outline-btn input#mc-embedded-subscribe.button:hover, #cc-inner #hs-container .primary-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1:hover, #cc-inner #hs-container .primary-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2:hover, #cc-inner #hs-container .primary-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3:hover { border: 2px solid transparent; background: var(--bg-primary)!important; color: #fff!important; opacity:1; } #hs-container .primary-outline-btn.--thin-line .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container .primary-outline-btn.--thin-line #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container .primary-outline-btn.--thin-line #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .primary-outline-btn.--thin-line .j-blogarticle .blogreadmore:link, #hs-container .primary-outline-btn.--thin-line .j-blogarticle .blogreadmore:visited, #hs-container .primary-outline-btn.--thin-line .j-blogarticle .comment:link, #hs-container .primary-outline-btn.--thin-line .j-blogarticle .comment:visited, #hs-container .primary-outline-btn.--thin-line .post .blogreadmore:link, #hs-container .primary-outline-btn.--thin-line .post .blogreadmore:visited, #hs-container .primary-outline-btn.--thin-line .post .comment:link, #hs-container .primary-outline-btn.--thin-line .post .comment:visited, #hs-container .primary-outline-btn.--thin-line .commententry input[type="submit"], #hs-container .primary-outline-btn.--thin-line .j-formnew input[type='submit'], #hs-container .primary-outline-btn.--thin-line .j-downloadDocument .cc-m-download-link, #hs-container .primary-outline-btn.--thin-line .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container .primary-outline-btn.--thin-line input[type="submit"].submitUser, #hs-container .primary-outline-btn.--thin-line .j-rss br+a[target="_blank"], #hs-container .primary-outline-btn.--thin-line input#mc-embedded-subscribe.button, #hs-container .primary-outline-btn.--thin-line a.j-calltoaction-link.j-calltoaction-link-style-1, #hs-container .primary-outline-btn.--thin-line a.j-calltoaction-link.j-calltoaction-link-style-2, #hs-container .primary-outline-btn.--thin-line a.j-calltoaction-link.j-calltoaction-link-style-3 { border: 1px solid var(--bg-primary); } #cc-inner #hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:hover, #cc-inner #hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover, #cc-inner #hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:hover:link, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:hover:visited, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:hover:link, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:hover:visited, #cc-inner #hs-container .dark-outline-btn .post .blogreadmore:hover:link, #cc-inner #hs-container .dark-outline-btn .post .blogreadmore:hover:visited, #cc-inner #hs-container .dark-outline-btn .post .comment:hover:link, #cc-inner #hs-container .dark-outline-btn .post .comment:hover:visited, #cc-inner #hs-container .dark-outline-btn .commententry input[type="submit"]:hover, #cc-inner #hs-container .dark-outline-btn .j-formnew input[type='submit']:hover, #cc-inner #hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link:hover, #cc-inner #hs-container .dark-outline-btn .j-newsletterbox input[type='submit']:hover, .cc-pagemode-overlay #hs-container .dark-outline-btn input[type="submit"].submitUser:hover, #cc-inner #hs-container .dark-outline-btn .j-rss br+a[target="_blank"]:hover, #cc-inner #hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:active, #cc-inner #hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active, #cc-inner #hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:active:link, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:active:visited, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:active:link, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:active:visited, #cc-inner #hs-container .dark-outline-btn .post .blogreadmore:active:link, #cc-inner #hs-container .dark-outline-btn .post .blogreadmore:active:visited, #cc-inner #hs-container .dark-outline-btn .post .comment:active:link, #cc-inner #hs-container .dark-outline-btn .post .comment:active:visited, #cc-inner #hs-container .dark-outline-btn .commententry input[type="submit"]:active, #cc-inner #hs-container .dark-outline-btn .j-formnew input[type='submit']:active, #cc-inner #hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link:active, #cc-inner #hs-container .dark-outline-btn .j-newsletterbox input[type='submit']:active, #cc-inner #hs-container .dark-outline-btn .cc-pagemode-overlay input[type="submit"].submitUser:active, #cc-inner #hs-container .dark-outline-btn .j-rss br+a[target="_blank"]:active, #cc-inner #hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:focus, #cc-inner #hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus, #cc-inner #hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:focus:link, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:focus:visited, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:focus:link, #cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:focus:visited, #cc-inner #hs-container .dark-outline-btn .post .blogreadmore:focus:link, #cc-inner #hs-container .dark-outline-btn .post .blogreadmore:focus:visited, .post .comment:focus:link, #cc-inner #hs-container .dark-outline-btn .post .comment:focus:visited, #cc-inner #hs-container .dark-outline-btn .commententry input[type="submit"]:focus, #cc-inner #hs-container .dark-outline-btn .j-formnew input[type='submit']:focus, #cc-inner #hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link:focus, #cc-inner #hs-container .dark-outline-btn .j-newsletterbox input[type='submit']:focus, #cc-inner .cc-pagemode-overlay #hs-container .dark-outline-btn input[type="submit"].submitUser:focus, #cc-inner #hs-container .dark-outline-btn .j-rss br+a[target="_blank"]:focus, #cc-inner #hs-container .dark-outline-btn input#mc-embedded-subscribe.button:hover, #cc-inner #hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1:hover, #cc-inner #hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2:hover, #cc-inner #hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3:hover { border: 2px solid transparent; background: #000!important; color: #fff!important; opacity:1; } /* white outline input button */ #cc-inner #hs-container .white-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard, #cc-inner #hs-container .white-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #cc-inner #hs-container .white-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:link, #cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:visited, #cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:link, #cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:visited, #cc-inner #hs-container .white-outline-btn .post .blogreadmore:link, #cc-inner #hs-container .white-outline-btn .post .blogreadmore:visited, #cc-inner #hs-container .white-outline-btn .post .comment:link, #cc-inner #hs-container .white-outline-btn .post .comment:visited, #cc-inner #hs-container .white-outline-btn .commententry input[type="submit"], #cc-inner #hs-container .white-outline-btn .j-formnew input[type='submit'], #cc-inner #hs-container .white-outline-btn .j-downloadDocument .cc-m-download-link, #cc-inner #hs-container .white-outline-btn .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #cc-inner #hs-container .white-outline-btn input[type="submit"].submitUser, #cc-inner #hs-container .white-outline-btn .j-rss br+a[target="_blank"], #cc-inner #hs-container .white-outline-btn input#mc-embedded-subscribe.button, #cc-inner #hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1, #cc-inner #hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2, #cc-inner #hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3 { background: none!important; color: #fff!important; height: auto; border: 2px solid #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-appearance: none; -moz-appearance: none; } #cc-inner #hs-container .white-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:hover, #cc-inner #hs-container .white-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover, #cc-inner #hs-container .white-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover, #cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:hover:link, #cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:hover:visited, #cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:hover:link, #cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:hover:visited, #cc-inner #hs-container .white-outline-btn .post .blogreadmore:hover:link, #cc-inner #hs-container .white-outline-btn .post .blogreadmore:hover:visited, #cc-inner #hs-container .white-outline-btn .post .comment:hover:link, #cc-inner #hs-container .white-outline-btn .post .comment:hover:visited, #cc-inner #hs-container .white-outline-btn .commententry input[type="submit"]:hover, #cc-inner #hs-container .white-outline-btn .j-formnew input[type='submit']:hover, #cc-inner #hs-container .white-outline-btn .j-downloadDocument .cc-m-download-link:hover, #cc-inner #hs-container .white-outline-btn .j-newsletterbox input[type='submit']:hover, .cc-pagemode-overlay #hs-container .white-outline-btn input[type="submit"].submitUser:hover, #cc-inner #hs-container .white-outline-btn .j-rss br+a[target="_blank"]:hover, #cc-inner #hs-container .white-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:active, #cc-inner #hs-container .white-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active, #cc-inner #hs-container .white-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active, #cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:active:link, #cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:active:visited, #cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:active:link, #cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:active:visited, #cc-inner #hs-container .white-outline-btn .post .blogreadmore:active:link, #cc-inner #hs-container .white-outline-btn .post .blogreadmore:active:visited, #cc-inner #hs-container .white-outline-btn .post .comment:active:link, #cc-inner #hs-container .white-outline-btn .post .comment:active:visited, #cc-inner #hs-container .white-outline-btn .commententry input[type="submit"]:active, #cc-inner #hs-container .white-outline-btn .j-formnew input[type='submit']:active, #cc-inner #hs-container .white-outline-btn .j-downloadDocument .cc-m-download-link:active, #cc-inner #hs-container .white-outline-btn .j-newsletterbox input[type='submit']:active, #cc-inner #hs-container .white-outline-btn .cc-pagemode-overlay input[type="submit"].submitUser:active, #cc-inner #hs-container .white-outline-btn .j-rss br+a[target="_blank"]:active, #cc-inner #hs-container .white-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:focus, #cc-inner #hs-container .white-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus, #cc-inner #hs-container .white-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus, #cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:focus:link, #cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:focus:visited, #cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:focus:link, #cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:focus:visited, #cc-inner #hs-container .white-outline-btn .post .blogreadmore:focus:link, #cc-inner #hs-container .white-outline-btn .post .blogreadmore:focus:visited, #cc-inner #hs-container .white-outline-btn .post .comment:focus:link, #cc-inner #hs-container .white-outline-btn .post .comment:focus:visited, #cc-inner #hs-container .white-outline-btn .commententry input[type="submit"]:focus, #cc-inner #hs-container .white-outline-btn .j-formnew input[type='submit']:hover, #cc-inner #hs-container .white-outline-btn .j-formnew input[type='submit']:focus, #cc-inner #hs-container .white-outline-btn .j-downloadDocument .cc-m-download-link:focus, #cc-inner #hs-container .white-outline-btn .j-newsletterbox input[type='submit']:focus, .cc-pagemode-overlay #hs-container .white-outline-btn input[type="submit"].submitUser:focus, #cc-inner #hs-container .white-outline-btn .j-rss br+a[target="_blank"]:focus, #cc-inner #hs-container .white-outline-btn input#mc-embedded-subscribe.button:hover, #cc-inner #hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1:hover, #cc-inner #hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2:hover, #cc-inner #hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3:hover { border: 2px solid transparent!important; background: #fff!important; color: #000!important; opacity:1; } #hs-container .white-outline-btn.--thin-line .j-product .cc-shop-product-desc .cc-shop-addtocard, #hs-container .white-outline-btn.--thin-line #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout, #hs-container .white-outline-btn.--thin-line #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn, #hs-container .white-outline-btn.--thin-line .j-blogarticle .blogreadmore:link, #hs-container .white-outline-btn.--thin-line .j-blogarticle .blogreadmore:visited, #hs-container .white-outline-btn.--thin-line .j-blogarticle .comment:link, #hs-container .white-outline-btn.--thin-line .j-blogarticle .comment:visited, #hs-container .white-outline-btn.--thin-line .post .blogreadmore:link, #hs-container .white-outline-btn.--thin-line .post .blogreadmore:visited, #hs-container .white-outline-btn.--thin-line .post .comment:link, #hs-container .white-outline-btn.--thin-line .post .comment:visited, #hs-container .white-outline-btn.--thin-line .commententry input[type="submit"], #hs-container .white-outline-btn.--thin-line .j-formnew input[type='submit'], #hs-container .white-outline-btn.--thin-line .j-downloadDocument .cc-m-download-link, #hs-container .white-outline-btn.--thin-line .j-newsletterbox input[type='submit'], .cc-pagemode-overlay #hs-container .white-outline-btn.--thin-line input[type="submit"].submitUser, #hs-container .white-outline-btn.--thin-line .j-rss br+a[target="_blank"], #hs-container .white-outline-btn.--thin-line input#mc-embedded-subscribe.button, #hs-container .white-outline-btn.--thin-line a.j-calltoaction-link.j-calltoaction-link-style-1, #hs-container .white-outline-btn.--thin-line a.j-calltoaction-link.j-calltoaction-link-style-2, #hs-container .white-outline-btn.--thin-line a.j-calltoaction-link.j-calltoaction-link-style-3 { border: 1px solid #fff!important; } #cc-inner #hs-container .--thin-line .j-product .cc-shop-product-desc .cc-shop-addtocard:hover, #cc-inner #hs-container .--thin-line #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover, #cc-inner #hs-container .--thin-line #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover, #cc-inner #hs-container .--thin-line .j-blogarticle .blogreadmore:hover:link, #cc-inner #hs-container .--thin-line .j-blogarticle .blogreadmore:hover:visited, #cc-inner #hs-container .--thin-line .j-blogarticle .comment:hover:link, #cc-inner #hs-container .--thin-line .j-blogarticle .comment:hover:visited, #cc-inner #hs-container .--thin-line .post .blogreadmore:hover:link, #cc-inner #hs-container .--thin-line .post .blogreadmore:hover:visited, #cc-inner #hs-container .--thin-line .post .comment:hover:link, #cc-inner #hs-container .--thin-line .post .comment:hover:visited, #cc-inner #hs-container .--thin-line .commententry input[type="submit"]:hover, #cc-inner #hs-container .--thin-line .j-formnew input[type='submit']:hover, #cc-inner #hs-container .--thin-line .j-downloadDocument .cc-m-download-link:hover, #cc-inner #hs-container .--thin-line .j-newsletterbox input[type='submit']:hover, .cc-pagemode-overlay #hs-container .--thin-line input[type="submit"].submitUser:hover, #cc-inner #hs-container .--thin-line .j-rss br+a[target="_blank"]:hover, #cc-inner #hs-container .--thin-line .j-product .cc-shop-product-desc .cc-shop-addtocard:active, #cc-inner #hs-container .--thin-line #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active, #cc-inner #hs-container .--thin-line #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active, #cc-inner #hs-container .--thin-line .j-blogarticle .blogreadmore:active:link, #cc-inner #hs-container .--thin-line .j-blogarticle .blogreadmore:active:visited, #cc-inner #hs-container .--thin-line .j-blogarticle .comment:active:link, #cc-inner #hs-container .--thin-line .j-blogarticle .comment:active:visited, #cc-inner #hs-container .--thin-line .post .blogreadmore:active:link, #cc-inner #hs-container .--thin-line .post .blogreadmore:active:visited, #cc-inner #hs-container .--thin-line .post .comment:active:link, #cc-inner #hs-container .--thin-line .post .comment:active:visited, #cc-inner #hs-container .--thin-line .commententry input[type="submit"]:active, #cc-inner #hs-container .--thin-line .j-formnew input[type='submit']:active, #cc-inner #hs-container .--thin-line .j-downloadDocument .cc-m-download-link:active, #cc-inner #hs-container .--thin-line .j-newsletterbox input[type='submit']:active, #cc-inner #hs-container .--thin-line .cc-pagemode-overlay input[type="submit"].submitUser:active, #cc-inner #hs-container .--thin-line .j-rss br+a[target="_blank"]:active, #cc-inner #hs-container .--thin-line .j-product .cc-shop-product-desc .cc-shop-addtocard:focus, #cc-inner #hs-container .--thin-line #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus, #cc-inner #hs-container .--thin-line #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus, #cc-inner #hs-container .--thin-line .j-blogarticle .blogreadmore:focus:link, #cc-inner #hs-container .--thin-line .j-blogarticle .blogreadmore:focus:visited, #cc-inner #hs-container .--thin-line .j-blogarticle .comment:focus:link, #cc-inner #hs-container .--thin-line .j-blogarticle .comment:focus:visited, #cc-inner #hs-container .--thin-line.post .blogreadmore:focus:link, #cc-inner #hs-container .--thin-line .post .blogreadmore:focus:visited, #cc-inner #hs-container .--thin-line .post .comment:focus:link, #cc-inner #hs-container .--thin-line .post .comment:focus:visited, #cc-inner #hs-container .--thin-line .commententry input[type="submit"]:focus, #cc-inner #hs-container .--thin-line .j-formnew input[type='submit']:focus, #cc-inner #hs-container .--thin-line .j-downloadDocument .cc-m-download-link:focus, #cc-inner #hs-container .--thin-line .j-newsletterbox input[type='submit']:focus, #cc-inner .cc-pagemode-overlay #hs-container .--thin-line input[type="submit"].submitUser:focus, #cc-inner #hs-container .--thin-line .j-rss br+a[target="_blank"]:focus, #cc-inner #hs-container .--thin-line input#mc-embedded-subscribe.button:hover, #cc-inner #hs-container .--thin-line a.j-calltoaction-link.j-calltoaction-link-style-1:hover, #cc-inner #hs-container .--thin-line a.j-calltoaction-link.j-calltoaction-link-style-2:hover, #cc-inner #hs-container .--thin-line a.j-calltoaction-link.j-calltoaction-link-style-3:hover { border: 1px solid transparent!important; } #cc-inner .j-calltoaction-link-style-2 { font-size:smaller; } #cc-inner .j-calltoaction-link-style-3 { font-size:small; } /* rss button */ #hs-container .j-rss br+a[target="_blank"], .hs-footer .j-rss br+a[target="_blank"] { background: #404040; border: none; cursor: pointer; text-decoration: none; clear: both; display: inline-block; margin: 0; margin-top: 10px; color: #fff; height: auto; padding: 10px 10px; -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } /*** awesome buttons ***/ .hs-button,.hs-btn { display: inline-block; background: #404040; border: none; cursor: pointer; text-decoration: none; clear: both; margin: 1px; color: #fff!important; letter-spacing: 0; font-weight: normal; padding: 15px 30px; border: 2px solid transparent; border-radius: 0; text-shadow: none; text-align:center; transform: perspective(1px) translateZ(0); -webkit-transition: .1s opacity linear; -moz-transition: .1s opacity linear; -o-transition: .1s opacity linear; transition: .1s opacity linear; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-appearance: none; -moz-appearance: none; } .bg-round, .round { padding: 15px 45px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .mid-round { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: inherit; } .flat-btn { -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; } #cc-inner #hs-container .hs-button.btn--large { padding-left:35px!important; padding-right:35px!important; } .hs-button:hover,.hs-btn:hover, .brand-bg .hs-button:hover { color: #fff; opacity:.8; } /* ghost white button */ #hs-container .ghost-white { border: 2px solid #fff; color: #fff; background: transparent; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-appearance: none; -moz-appearance: none; } #cc-inner #hs-container .global-colors .ghost-white:hover, #cc-inner #hs-container .global-colors .j-module .ghost-white:hover { background: #fff!important; color: #444!important; border: 2px solid transparent!important; opacity:1; } /* ghost dark button */ #hs-container .ghost-dark { border: 2px solid #000; color: #000!important; background: transparent; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-appearance: none; -moz-appearance: none; } #hs-container .ghost-dark.--thin-line { border: 1px solid #000; } #hs-container .ghost-dark.--thin-line:hover, #cc-inner #hs-container .global-colors .j-module .ghost-dark.--thin-line:hover { border: 1px solid transparent!important; } #hs-container .ghost-dark:hover, #cc-inner #hs-container .global-colors .j-module .ghost-dark:hover { background: #000!important; color: #fff!important; border: 2px solid transparent!important; opacity:1; } /* ghost primary button */ #cc-inner #hs-container .ghost-primary { border: 2px solid var(--bg-primary); color: var(--bg-primary)!important; background: transparent; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-appearance: none; -moz-appearance: none; } #cc-inner #hs-container .ghost-primary:hover, #cc-inner #hs-container .global-colors .j-module .ghost-primary:hover { background: var(--bg-primary)!important; color: #fff!important; border: 2px solid transparent; opacity:1; } #cc-inner #hs-container .ghost-primary.--thin-line { border: 1px solid var(--bg-primary); } #cc-inner #hs-container .ghost-primary.--thin-line:hover, #cc-inner #hs-container .global-colors .j-module .ghost-dark.--thin-line:hover { border: 1px solid transparent!important; } #cc-inner #hs-container a.hs-button.bg-white{ color:#000!important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-appearance: none; -moz-appearance: none; } #cc-inner #hs-container a.hs-button.bg-white:hover{ color: #000!important; } #hs-container .commententry input[type="submit"],#cc-inner #hs-container a.cc-shop-addtocard { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-appearance: none; -moz-appearance: none; } #cc-inner #hs-container a.cc-shop-addtocard:hover { opacity:1; } #hs-container .ghost-white.mid-round-border, #hs-container .ghost-dark.mid-round-border { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #hs-container .extra-small-btn { padding: 5px 10px!important; font-size: 90%; } #cc-inner #hs-container .small-btn { padding: 12px 15px!important; font-size: 90%; } #hs-container .large-btn { padding: 15px 55px!important; } #cc-inner .fullwidth-btn { width: 100%; margin: 0 auto; box-sizing:border-box; text-align: center!important; } #cc-inner .has-fullwidth-btn .hs-button, #cc-inner .has-fullwidth-btn .j-calltoaction-link, #cc-inner .has-fullwidth-btn .j-formnew input[type='submit'], #cc-inner .has-fullwidth-btn .cc-m-hgrid-column .cc-shop-addtocard, #cc-inner .has-column-fullwidth-btn .hs-button, #cc-inner .has-column-fullwidth-btnfullwidth-btn .j-calltoaction-link, #cc-inner .has-column-fullwidth-btn .j-formnew input[type='submit'], #cc-inner .has-column-fullwidth-btn .cc-m-hgrid-column .cc-shop-addtocard{ width:99%; box-sizing:border-box; text-align: center!important; } @media only screen and (max-width: 746px) { #cc-inner .has-mobile-fullwidth-btn .hs-button, #cc-inner .has-mobile-fullwidth-btn .j-calltoaction-link, #cc-inner .has-mobile-fullwidth-btn .j-formnew input[type='submit'], #cc-inner .has-mobile-fullwidth-btn .cc-m-hgrid-column .cc-shop-addtocard { width:99%; box-sizing:border-box; text-align: center!important; } } .is-outlined { position: relative; } .is-outlined::after { content: ""; width: calc(100%); height: 100%; left: 5px; right: 0px; top: -8px; position: absolute; border: 2px solid var(--bg-primary); -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .ghost-white.is-outlined::after { border: 2px solid #fff; } .ghost-dark.is-outlined::after { border: 2px solid #000; } .is-outlined:hover::after { left:2px; top: -6px; } a.arrow-link { display: inline-flex; color:var(--bg-primary); background-color: transparent; transition: all .3s ease; cursor: pointer; align-items: center; } .arrow-link.is-white { color:#fff; } .arrow-link > .arrow { width: 8px; height: 8px; border-right: 2px solid var(--bg-primary); border-bottom: 2px solid var(--bg-primary); position: relative; transform: rotate(-45deg); margin-left: 3px; transition: all .3s ease; } .arrow-link.is-white > .arrow { border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .arrow-link > .arrow::before { display: block; background-color: var(--bg-primary); width: 3px; transform-origin: bottom right; height: 2px; position: absolute; opacity: 0; bottom: calc(-2px / 2); transform: rotate(45deg); transition: all .3s ease; content: ""; right: 0; } .arrow-link.is-white > .arrow::before { background-color: #fff; } .arrow-link:hover > .arrow { transform: rotate(-45deg) translate(4px, 4px); } .arrow-link:hover > .arrow::before { opacity: 1; width: 10px; } .arrow-link:hover { color:var(--bg-primary); } .arrow-link.is-white:hover { color:#fff; } #cc-inner #hs-container .has-dark-link:not(a.ghost-white.has-dark-link), #cc-inner #hs-container .has-dark-link a { color: #111!important; } #cc-inner #hs-container .has-dark-link:hover, #hs-container .brand-bg .has-dark-link:hover, #hs-container .has-dark-link a:hover, #hs-container .brand-bg .has-dark-link a:hover { color: inherit; } @media only screen and (min-width: 290px) and (max-width: 745px) { .mobile-overlay { opacity: 0.6!important; width: 100%!important; } #cc-inner a#load-more-blog-posts { width:100%; } #cc-inner .mobile-fullwidth-btn .hs-button, #cc-inner .mobile-fullwidth-btn .hs-button .j-calltoaction-link, #cc-inner .mobile-fullwidth-btn .j-formnew input[type='submit', #cc-inner .mobile-fullwidth-btn .cc-m-hgrid-column .cc-shop-addtocard]{ width:99%; box-sizing:border-box; text-align: center!important; } } .is-tag { align-items: center; background: var(--bg-primary); color: #fff; opacity:0.6; display: inline-flex; font-size: 80%; padding: 2px 10px; margin:2px 0; border-radius: 4px; white-space: nowrap; } /*** form note ***/ #hs-container .cc-m-form-note { padding: 3px 0; margin-top: 10px; font-size: 13px; background: none; } #hs-container .cc-m-form-note { border-top: 1px solid rgba(85, 85, 85, 0.15); } .cc-pagemode-overlay #hs-container input.submitUser { margin-bottom: 10px; } .inner dt#mandFields-label { margin-top: 15px; } /*** responsive video ***/ #hs-container .cc-m-video-wrapper { width: 100%!important; } .hide-video #video-wrapper { display: none; } /* custom blog */ @media only screen and (min-width: 746px) { .cc-page-blog .has-custom-blog .hs-content .gutter, .has-custom-blog .hs-content .gutter .j-blogarticle { padding: 25px 100px 0 100px; } .j-hgrid .j-blogarticle { padding: 0!important; } } #cc-inner a#load-more-blog-posts { margin-bottom: 20px; float:none; } /* styles for tags */ span.j-text.j-blog-post--date, #cc-inner .datetime-inner { font-size: 12px; } #hs-container span.j-blog-post--tags--template { display: none; } #hs-container .j-blog-post--tags-wrapper { padding: 5px 0; margin-bottom: 5px; font-size: 90%; } #hs-container .j-blog-page--post-cta .j-calltoaction-link { padding: 7px 15px; margin-bottom: 20px; } #hs-container a.j-blog-page--pagination--page { padding: 2px 7px; border-radius: 0!important; } #hs-container a.j-blog-post--tag { position: relative; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #hs-container ul.j-blog-page--pagination.j-callToAction { margin-left: 0; padding: 0; float: left; } #hs-container .j-blogSelection, .matrix #hs-container .j-blogSelection { display: block; } #hs-container .datetime p { padding: 5px 0; text-align: left; display: inline-block; } /* default blog date icon */ #hs-container .datetime-inner { background-color: rgba(85, 85, 85, 0.0); padding: 0px; display: inline-block; } #hs-container .datetime p.yr, #hs-container .datetime p.day, #hs-container .datetime p.mon { display: inline-block; color: inherit!important; font-size: 12px!important; } #cc-inner p.yr.dt-hide { display:inline-block!important; } #hs-container .datetime p.day:after { background-color: transparent; } #hs-container .datetime { margin: 0px; min-height: 0; background-color: transparent; overflow: hidden; border-radius: 0px; box-shadow: none; width: 100%; } /* blogreadmore link */ #cc-inner #hs-container span.comment { border: solid 0px transparent; } #hs-container .j-blogarticle .blogreadmore:link, #hs-container span.comment { float: right; padding: 9px 10px!important; margin-top: 0!important; border-radius: 0.2em!important; } span.comment a { color: inherit!important; } /* metatag */ p.postmeta { display: none; } /* comment link */ #hs-container span.comment { margin: 0 5px; padding: 5px 10px; /* use 6px 10px for non outlined default btn */ background-color: rgba(85, 85, 85, 0.15); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); /* for old IE */ background-image: none; } #hs-container span.comment a:hover { color: #000; } .no-comment-page #hs-container span.comment { display: none; } #hs-container ul.com-list-noava li { border-top: 1px solid transparent; background: transparent; padding: 10px; margin: 2px 0; } #hs-container .j-comment { margin: -5px -500%; padding: 1.5em 500%; background: transparent; } #hs-container a.cc-pinterest-link { float: left; } /*** Jimdo online store ***/ .j-shop-addtocard-response--actions, .j-shop-addtocard-response--item, .j-shop-addtocard-response--message { width: 100%!important; display: block!important; } #cc-inner #hs-container div.cc-m-all.cc-m-product .cc-m-product-variants.cc-m-product-has-variants td.editable:not(.editing) label .cc-m-input-wrapper input, #cc-inner #hs-container div.cc-m-all.cc-m-product .cc-m-product-variants.cc-m-product-has-variants td.editable:not(.editing) label .cc-m-input-wrapper span { color: inherit!important; } #hs-container .cc-m-hgrid-column .cc-shop-addtocard { width: 100%; box-sizing: border-box; } /* 01-shopping cart */ .no-shopping-cart .j-cart.is-empty, .no-icon .j-cart.is-empty { display: none!important; } .sc-wrapper { padding: 0; } .j-cart { display: flex!important; position: inherit!important; top: 0!important; right: 0!important; line-height: 2.2em!important; overflow: hidden!important; } .custom-j-cart .j-cart { margin: 0 3px; } /* position in responsive design */ @media only screen and (max-width: 1023px) { .j-cart { margin-top: 40px!important; } .custom-j-cart .j-cart { margin-top: unset!important; } .sc-wrapper { margin-right: -5px; } .custom-j-cart.sc-wrapper { margin-right: unset; } } .j-cart-icon-wrapper { position: relative!important; } .j-cart-icon { padding: 4px 6px !important; background-color: rgba(52, 52, 52, 0.2)!important; border-radius: 2px!important; } #hs-container .j-cart-icon::before, #hs-container .j-cart-icon:before { left: 0px!important; font-size: 22px!important; } a.j-shop-addtocard-response--backward.is-close { margin-bottom: 5px!important; } .no-icon .j-cart.is-empty, .no-shopping-cart .has-shop { display: none!important; } span.j-cart-item-amount { position: absolute; top: 0; right: 0; } .j-cart.has-products .j-cart-icon::before, .j-cart.has-products .j-cart-icon:before { margin-right: .6em!important; } .j-cart--hover-popup { position: absolute!important; right: 0!important; top: 100%!important; margin-top: 0!important; min-width: 150px; } /* 02-store items styles */ #hs-container .hproduct { border: 0px solid #ededed; padding: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .bg-grey-inner { padding: 5px 0; } #hs-container .j-module .n.j-product { padding: 5px; } /* hide small image in hproduct in order to use columns */ #hs-container .hproduct .cc-shop-product-size-1 .cc-shop-product-img { display: none; } .cc-shop-product-desc { padding: 0px; } .cc-shop-product-img { padding: 0px; } /* responsive design */ @media only screen and (max-width: 745px) { #hs-container .cc-shop-product-img { padding: 0; } } #hs-container .cc-m-hgrid-column div.cc-shop-product-img { max-width: 100%; } #hs-container .cc-m-hgrid-column .cc-shop-product-img { padding: 0; } #hs-container .cc-m-hgrid-column div.cc-shop-product-size-1 div.cc-shop-product-desc, #hs-container .cc-m-hgrid-column div.cc-shop-product-size-2 div.cc-shop-product-desc, #hs-container .cc-m-hgrid-column div.cc-shop-product-size-3 div.cc-shop-product-desc { margin-left: 0px; clear: both; padding-top: 10px; } #hs-container .cc-m-hgrid-column .hproduct { margin-top: 0px; background: none; } #hs-container .j-product { padding: 30px 0; } /*** store item elements */ #hs-container span.fn { font-size: 130%; font-weight: normal; margin-top: 10px; } #hs-container .cc-catalog-container-new .cc-product-title { font-weight: normal; margin-top: 5px; } #hs-container .cc-catalog-wrapper span a { font-size: 16px; line-height: 20px; } #hs-container .j-product .cc-shop-product-desc h4 { font-weight: 400; } #hs-container .j-product .cc-shop-product-desc .cc-shop-product-price-container { margin: 15px 0; } #hs-container .j-product .cc-shop-product-desc .cc-shop-product-price-item { display: inline; padding-right: 15px; } #hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard { border: 0; } #hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:before { display: none; } #hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard span { text-shadow: none; } #hs-container .j-product .cc-shop-product-desc .cc-product-infolink a:link, #hs-container .j-product .cc-shop-product-desc .cc-product-infolink a:visited { font-size: 85%; } #hs-container .j-product .cc-shop-product-availability { padding: 0; margin-top: 25px; } #hs-container .cc-catalog-container-new .cc-catalog-galleryview.cc-catalog-st-1 .cc-webview-product-price { text-align: center; } #hs-container .cc-catalog-container-new .cc-catalog-galleryview.cc-catalog-st-2 .cc-webview-product-price, #hs-container .cc-catalog-container-new .cc-catalog-galleryview.cc-catalog-st-3 .cc-webview-product-price, #hs-container .cc-catalog-container-new .cc-catalog-sliderview.cc-catalog-st-2 .cc-webview-product-price, #hs-container .cc-catalog-container-new .cc-catalog-sliderview.cc-catalog-st-3 .cc-webview-product-price { /* bottom: 0;*/ left: 0; } #hs-container .cc-catalog-container-new .cc-catalog-sliderview { width: 100%!important; } /* minimal store item style with only button */ .has-item-min .cc-shop-product-main-image, .has-item-min span.fn, .has-item-min .cc-shop-product-price-container, .has-item-min .cc-product-infolink.j-product__info__link, .has-item-min .cc-shop-product-availability.j-product-details{ display:none; } /* 03-checkout process */ @media only screen and (max-width: 459px) { #cc-inner #cc-checkout { overflow: scroll; } #hs-container table.cc-checkout-products th { font-size:12px!important; } } #hs-container #cc-checkout-wrapper { padding:15px; border-radius:5px; background: #fff!important; } #hs-container .cc-checkout-overview .cc-checkout-fullshopingcart-wrapper { padding: 10px 0; background: transparent; } #hs-container #cc-checkout-progress-4 { width:100%; text-align:center; margin:0 auto; float:none; color: #fff!important; } #hs-container #cc-checkout-gutter { padding:20px 0; } #hs-container div.cc-checkout-subheadings { border-bottom: 0px solid #fff!important; } #hs-container table.cc-checkout-products th { border: none; background: #fff; color: #000!important; font-size:16px; font-weight:normal; border-right: 1px solid; } #cc-inner #hs-container th.cc-desc,#cc-inner #hs-container .cc-cart-quantity,#cc-inner #hs-container .cc-cart-delete,#cc-inner #hs-container .cc-cart-price { background:#000; color:#fff!important; padding: 10px 5px; } #cc-inner #hs-container th.cc-desc{ width:auto; } #hs-container table.cc-checkout-products td { padding: 5px; vertical-align: top; color: #222!important; } a.cc-quantity-delete-link { background:red; padding:2px 10px; border-radius:2px; color:#fff!important } .cc-quantity-delete-link { position: relative; overflow: hidden; display: inline-block; width: 10px; height: 20px; } .cc-quantity-delete-link:before { content: 'x'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: red; color: white; font-size: 16px; } .cc-quantity-delete-link span { visibility: hidden; } #hs-container input.cc-checkout-btn { float:left; font-weight: normal; background: #111; color: #fff; } #hs-container table.cc-checkout-products td { padding: 5px; vertical-align: top; color: #222!important; } table.cc-checkout-products .cc-right { text-align: right!important; } table.cc-checkout-products td { color: #fff!important; } #cc-inner table.cc-checkout-products td { border: 1px solid #f0f0f0; } #hs-container a.cc-shop-addtocard,#hs-container a.cc-shop-addtocard:visited,#hs-container a.cc-sidecart-checkout,#hs-container a.cc-sidecart-checkout:visited,#hs-container input.cc-checkout-btn { text-shadow:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; } #cc-inner #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products .cc-checkout-total { font-weight:700; } #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products .cc-checkout-hint { font-style:italic; font-size:90%; border: none; } #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products img { float:left; margin:5px 0px; } #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-paymentoption { padding:0; list-style:none } table.cc-checkout-products td {color:#fff!important;} @media only screen and (max-width: 745px) { .cc-checkout-progress-element a,.cc-checkout-progress-element { font-size:13px!important; } #cc-checkout-gutter { margin-left: -5px!important; } } /*** tagcloud ***/ ul.m-tag { list-style: none; margin: 0!important; padding: 0!important; } ul.m-tag li { right: 0!important; margin: 0px; display: inline-block; } #cc-inner ul.m-tag li { padding: 5px 7px; margin: 1px; border: 1px solid; border-radius: 0.3em; font-size: 80%; line-height: 1.5; white-space: nowrap; } #cc-inner ul.m-tag li a { color: inherit; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } ul.m-tag li a:hover { opacity: 0.6; } .tagcloud a { display: inline-block; padding: 2px 7px; margin: 2px 0; border: 1px solid; border-radius: 4px; font-size: 80%; color: inherit!important; opacity: 0.8; text-decoration: none !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .tagcloud.is-darken a { background-color: rgba(198, 201, 208, 0.11); } .tagcloud.bg-round a { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .tagcloud.mid-round a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tagcloud a:hover, .tagcloud a:hover, .has-border a:hover, .has-border-white a:hover { opacity: 1; } /*** Content & quote teaser ***/ .content-teaser, .quote-teaser { width: auto; padding: 20px; background: #E8E9E9; background-repeat: repeat; } .content-teaser .hs-left { padding: 0 10px 10px 0; } blockquote p, blockquote span { font-family: Georgia, Times, serif; font-style: italic; line-height: 120%; } blockquote cite { font-style: normal; display: block; font-size: 10px; font-weight: 700; color: inherit; letter-spacing: 1px; } /*** fullwidth section ***/ .hs-fullwidth { margin: -5px -500%; padding: 1.5em 500%; } #cc-inner .j-hgrid .hs-fullwidth,#cc-inner .j-hgrid .is-fullwidth { margin: 0; padding:0px!important; left:0; right:0; width:auto; } .custom-image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: 100%; } /*** matrix ultimate parallax ***/ .bg-holder { width: 100%; height: 100%; } .bg-section { background-attachment: fixed!important; background-position: center; background-repeat: no-repeat; background-size: 100% auto; } @media only screen and (max-width: 745px) { .m-padding-extra-large { padding-top: 150px!important; padding-bottom: 150px!important; } .is-parallax .m-padding,.m-padding-large { padding-top: 100px!important; padding-bottom: 100px!important; } .m-padding-medium { padding-top: 50px!important; padding-bottom: 50px!important; } .m-padding { padding-top: 25px!important; padding-bottom: 25px!important; } .m-padding-small { padding-top: 10px!important; padding-bottom: 20px!important; } } #cc-inner .is-boxed { margin: -5px 0; padding: 0px; overflow: hidden; } @media only screen and (max-width: 745px) { #cc-inner .boxed { margin: -5px -500%; padding: 1.5em 500%; } } .enllax-bg { background-size: cover; box-sizing: border-box; background-repeat: repeat!important; } .is-parallax { will-change: auto; background-attachment: fixed!important; background-position: center; background-repeat: no-repeat; background-size: 100% auto; background-size: cover!important; } @media screen and (max-width: 768px) { .is-parallax { /* background-size: auto!important; background-attachment: scroll!important; */ } } .craple { background-attachment: scroll!important; background-size: auto!important; } /* displaying fullwidth sections in admin mode -- is bug */ #hs-container .hs-content .cc-m-all.cc-m-htmlcode .cc-m-all-content { overflow: visible!important; } /*** thumbnail image hover ***/ .hs-thumbnail { position: relative; } .hs-thumbnail img { display: block; width: 100%; height: auto; position: relative; } .is-widget-rounded .hs-thumbnail img, .is-widget-rounded .thumbnail-hover, .is-widget-rounded img { border-radius: 0.9em 0.9em 0 0; } .is-widget-rounded .hs-description { border-radius: 0 0 0.9em 0.9em; } .is-widget-rounded { border-radius: 0.9em; } .hs-thumbnail:hover .thumbnail-hover { opacity: 1; filter: alpha(opacity=100); /*for ie older browsers*/ } .thumbnail-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -moz-opacity: .0; -ms-filter: "alpha(opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=100); /*for ie older browsers*/ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; z-index: 1; } .thumbnail-hover:after { font-family: 'FontAwesome', sans-serif; margin: auto; top: 0; bottom: 0; left: 0; right: 0; position: absolute; text-align: center; width: 50px; height: 50px; display: block; color: #fff; font-size: 50px; content: '\f067'; z-index: -1; } .custom-caption { position: absolute; left: 5%; top: 5%; } .thumbnail-hover { background-color: rgba(0, 0, 0, 0.7); } .thumbnail-hover a { display: block; width: 100%; height: 100%; } /* description */ .hs-description { padding: 20px; background: #E8E9E9; position: relative; } .hs-description p { margin: 5px 0; } /* tile widget */ .custom-widget { position: relative; float: left; width: 100%; overflow: hidden; background: #fff; } .hs-left-50 { width: 50%; float: left; padding: 0; } .hs-right-50 { float: right; width: 50%; padding: 0; } .custom-widget img { width: 100%; height: auto; } #cc-inner .j-hgrid.has-overlay .caption.cc-m-image-align-3, #cc-inner .j-hgrid.has-overlay .cc-imagewrapper.cc-m-image-align-3 figcaption { background: transparent; } /*** latest Jimdo cookies styles ***/ .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn-primary, .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn, .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-categories ul .category, .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-categories ul .cookie { border-radius: 4px!important; margin-bottom: 5px; } .cc-individual-cookie-settings-texts button#cookie-settings-all { position: absolute!important; right: 5px; top: 5px; background: none; font-size: 14px; cursor: pointer; } .cc-individual-cookie-settings-texts button#cookie-settings-all::after { content: ' X '; font-weight: bold; } .cc-individual-cookie-settings { border: none!important; box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.08); } .cc-individual-cookie-settings .links a, button.toggle, .cc-individual-cookie-settings button, .cc-individual-cookie-settings h2, .cc-individual-cookie-settings p { font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important; outline: none; } .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-texts h2, .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-texts p { color:#000; } .cc-individual-cookie-settings .btn.btn-primary { border: none!important; } .cc-individual-cookie-settings button.toggle span.fill { background-color: #666!important; } .cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn-primary { -webkit-box-shadow: none!important; box-shadow: none!important; background-color: #000!important; border: solid 2px #000!important; color: #fff!important; } /*** end latest Jimdo cookies styles ***/ /*** cookies message styles for japanese account ***/ #cc-cookie-law-headline { font-weight:500; font-size:13px; } #cc-cookie-law-button-group { padding-bottom:10px; display: flex; } #cc-cookie-law-text { margin-bottom:10px!important; } #cc-cookie-law-headline, #cc-cookie-law-text a { color: #fff!important; } #cc-inner { padding:0!important; } .cc-page #cc-cookie-law { padding: 5px; vertical-align: middle; text-align: left; font-size: 11px; line-height: 120%; border-bottom:none; background: #000!important; color: #cdcfd3!important; position: flex; bottom:0; top:auto; } .cc-page #cc-cookie-law-button,.cc-page #cc-cookie-law-button:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1px; } #cc-cookie-law-button { width:inherit!important; } .cc-page .cc-btn-icon span { display:none; } .cc-page #cc-cookie-law-button a.cc-btn.cc-btn-icon.btn-tick,#cc-cookie-law-button a { display: block; margin:1px; width: 100%; box-sizing: border-box; font-family: inherit; box-shadow: none; text-align:center; border: none; border-radius: 0; line-height: 120%; font-size: 13px; text-shadow: none; background-color: #222!important; color: #fff!important; padding: 8px 10px; -webkit-border-radius: 1px; border-radius: 1px; } .cc-page #cc-cookie-law-button a.cc-btn.cc-btn-icon.btn-tick,.cc-btn.green{ background:#f1d600!important; color:#000!important } /*** end cookies message ***/ /* responsive image */ .resp-img img { max-width: 100%; height: auto; } .circular img { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .white-solid-border { outline: 1px solid #fff; outline-offset: -5px; } /*** styled links ***/ #cc-inner .links ul { margin: 0; padding: 0; list-style: none; text-decoration: none !important; } #cc-inner .links li { list-style: none; text-decoration: none !important; padding: 9px 0; border-bottom: 1px solid rgba(85, 85, 85, 0.15); } #cc-inner .links li a { color: inherit; opacity: 0.6; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #cc-inner .links li a:hover { opacity: 1; color: inherit } /*** timeline widget ***/ .timeline-item { padding: 30px; position: relative; color: inherit; border-left: 1px dashed #ccc; margin-left: 15px; } .timeline-item::before { content: attr(date-is); position: absolute; left: 30px; font-weight: bold; top: 3px; display: block; font-size: small; } .timeline-item::after { display: block; position: absolute; left: -17px; top: -5px; content: " "; border: 8px solid; border-radius: 500%; border: 8px solid rgba(255, 255, 255, 0.74); background: #7D818E; height: 20px; width: 20px; } /* hours */ .hours { list-style: none; margin: 0; padding: 0; position: relative; } .hours span { font-weight: bold; min-width: 100px; display: inline-block; } .hours li { border-bottom: 1px dashed #ddd; vertical-align: middle; padding: 5px 0; } .hours li:last-child { border-bottom: 0; } .hours li p { display: inline-block; position: absolute; right: 15px; font-style: normal; font-size: 100%; } /*** underlined link ***/ #inner .has-link-underlined a:link, #cc-inner .has-link-underlined a:visited, #cc-inner a.has-link-underlined { color: inherit; border-bottom: 1px solid transparent; -webkit-transition: border 500ms ease; -moz-transition: border 500ms ease; -ms-transition: border 500ms ease; -o-transition: border 500ms ease; transition: border 500ms ease; } #cc-inner .has-link-underlined_ a:hover, #cc-inner a.has-link-underlined:hover { border-bottom: 1px solid; } #cc-inner .has-primary-social .cc-sharebuttons-element a::before { color: var(--bg-primary); } #cc-inner .has-primary-light-social .cc-sharebuttons-element a::before { color: var(--bg-primary-light); } #cc-inner .has-secondary-social .cc-sharebuttons-element a::before { color: var(--bg-secondary); } #cc-inner .has-secondary-dark-social .cc-sharebuttons-element a::before { color: var(--bg-secondary-dark); } /*** new social icons ***/ .new-social { padding: 0; } .new-social a { width: auto; min-width: 20px; padding: 8px; margin: 1px; text-align: center; } .small-social a { font-size: 15px; min-width: 15px; } .large-social a { font-size: 30px; min-width: 30px; } .has-brand-bg a { background: var(--bg-primary)!important; } .has-brand-link a { color: var(--bg-primary)!important; } .has-brand-border a { border: 2px solid var(--bg-primary)!important; } .hs-social a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .hs-social a:hover { opacity: 0.7; color: inherit; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .is-circle-border a { border: 2px solid; } .is-circle-border-white a { border: 2px solid #fff; } .is-circle-solid a { background: #000; } .is-circle-solid-white a { background: #fff; } .is-rounded a { border-radius: 500px; } .is-mid-rounded a { border-radius: 5px; } /*** Skills ***/ .skill { margin-top: 20px } .skill:first-child { margin-top: 0 } .skill .skill_bar { background: #f2f2f1; height: 30px; width: 100%; position: relative } .skill-small .skill_bar { height: 15px; width: 100% } .skill .skill_bar .skill_active { background: #3f3f3f; height: 100% } .skill .skill_bar span { color: #fff; position: absolute; top: 10px; left: 10px; line-height: 10px; font-size: 10px; } .skill-small .skill_bar span { top: 3px; left: 3px; font-size: 10px; } /*** jQuery toggles & tabs ***/ .toggle { /* padding:10px 0 3px 0; */ } #cc-inner .hs-button.switch { display: inline-block; } #cc-inner .hs-button.switch:before, #cc-inner .hs-button.switch:after { display:none; } .toggle a.switch { padding:10px; color: inherit; position:relative; } .toggle a.switch:first-child { border: none; } .toggle a.switch { display: inherit; } .toggle a.switch:before { content: ""; position: absolute; right: 5px; width: 24px; height: 2px; top: 50%; background-color:currentColor; transition: all .3s ease-in-out; } .toggle a.switch:after { content: ""; position: absolute; width: 24px; height: 2px; right: 5px; top: 50%; background-color:currentColor; transition: all .3s ease-in-out; } .toggle a.switch:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .toggle a.switch:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .toggle a.switch.opened:before, .toggle a.switch.opened:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .toggle .content { margin: 10px 0 0; padding: 0; } /*** accordeon ***/ ul.accordeon { padding: 0; list-style: none; margin: 0; } li.accordeon_item { list-style: none!important; } .accordeon_item { margin-bottom: 0.5rem; } .active>.accordeon_title {} .active__>.accordeon_title:after { content: '\f068'; /* this value should be removed or deactivated */ } .accordeon_title { cursor: pointer; padding: 0.8rem!important; text-transform: uppercase; background: #f0f0f0; } .accordeon_title:after { font-family: 'FontAwesome', sans-serif; float: right; content: '\f078'; /* you change the plus icon for the info sign */ } h1.accordeon_title, h2.accordeon_title, h3.accordeon_title { text-align: left; } .accordeon_content { padding: 0.8rem; } /*** tabs ***/ ul.tabs-nav { font-size: inherit; list-style: none; margin: 0; padding: 0; } ul.tabs-nav>li { display: inline-block; margin-right: 1px; margin-bottom: -1px; } ul.tabs-nav.snip-nav>li { margin-right: 20px; margin-bottom: 1px; } @media only screen and (max-width: 745px) { ul.tabs-nav.snip-nav > li { width:auto; display:block; } ul.tabs-nav.snip-nav>li { margin-right: 0; margin:10px 0; } } ul.tabs-nav>li>a { background-color: rgba(85, 85, 85, 0.1); color: #111; font-size: 18px; display: block; text-decoration: none; padding: 12px 20px; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; -moz-transition: all 200ms linear; } ul.tabs-nav.snip-nav>li>a,ul.tabs-nav.snip-nav>li:hover, ul.tabs-nav.snip-nav>li.active { background-color: transparent; padding: 0; } ul.tabs-nav>li:hover, ul.tabs-nav>li.active { background-color: rgba(85, 85, 85, 0.2); -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; -moz-transition: all 200ms linear; } .tabs-container { padding: 10px 0; } /*** star rating ***/ .star-rating, .back-stars, .front-stars { display: flex; } .star-rating { align-items: left; font-size: inherit; justify-content: left; } .back-stars { color: #b2aeae; position: relative; } .front-stars { color: #FFBC0B; overflow: hidden; position: absolute; top: 0; left: 0; } /* animated popup */ .popup { width: 100%; height: 100vh; display: none; z-index: 203005; position: fixed; top: 0; right: 0; } .popup-overlay:target { display: block; } .popup__block { height: calc(100vh - 40px); padding: 5% 15%; box-sizing: border-box; margin-top: 20px; overflow: auto; animation: fade 0s ease-out 0s both; } .popup:before { content: ""; box-sizing: border-box; width: 100%; box-shadow: inset 0 0 0 20px #f0f0f0; background: #fff; position: fixed; top: 50%; will-change: height, top; animation: open-animation .0s cubic-bezier(0.83, 0.04, 0, 1.16) .0s both; } .popup_:after { content: ""; width: 0; height: 4px; background: #f0f0f0; will-change: width, opacity; animation: line-animation .8s cubic-bezier(0.83, 0.04, 0, 1.16) both; position: absolute; top: 50%; left: 0; margin-top: -1px; } @keyframes line-animation { 0% { width: 0; opacity: 1; } 99% { width: 100%; opacity: 1; } 100% { width: 100%; opacity: 0; } } @keyframes open-animation { 0% { height: 0; top: 50%; } 100% { height: 100vh; top: 0; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } .popup__close { width: 3.2rem; height: 3.2rem; text-indent: -9999px; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE5IDYuNDFMMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==); } .popup__media { margin-bottom: 2rem; } @media screen and (min-width: 641px) { .popup__title { font-size: 3.8rem; } .popup__close { top: 40px; left: 40px; } .popup__media { max-width: 35%; } .popup__media_left { float: left; margin: 10px 10px 10px 0; } .popup__media_right { float: right; margin: 10px 0 10px 10px; } } @media screen and (max-width: 640px) { .popup__title { font-size: 2.2rem; } .popup__close { top: 20px; right: 20px; } } @media only screen and (min-width: 290px) and (max-width: 745px) { .rel-mobile-only { position: relative!important; top: 0!important; } } .hs-content .is-header { display: none; } .bg-caption { display: none; width: 100%; margin: 0 auto; height: 50%; overflow: hidden; background: none; position: absolute; top: 50%; left: 0; bottom: 0; right: 0; } /*** additional animated effect for snip-nav menu ***/ .--effect02 a:before { width: 100%; opacity: 0; transform: scaleX(0); transition: all 0.4s ease-in-out 0s; } .--effect03 a:before { transform: translateY(calc(100% - 4px)); opacity: 0; width:100%; transition: .2s; } .--effect04 a:before { width: 100%; transform: scaleX(0); bottom: 0; left: 0; background-color: currentColor; transform-origin: bottom right; transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1); } .--line01 a:before { height: 1px; } .--line02 a:before { height: 2px; } .--line03 a:before { height: 3px; } .--line04 a:before { height: 4px; } .--line05 a:before { height: 5px; } .--line06 a:before { height: 6px; } .--line07 a:before { height: 7px; } .--line08 a:before { height: 8px; } .--line09 a:before { height: 9px; } .--line10 a:before { height: 10px; } .--line-overlap a:before { position:absolute; bottom: 0.3em; z-index:-1; } /* ytplayer */ @media only screen and (max-width:1023px) { .mbYTP_wrapper { display: none } } .ytplayer-container { position: absolute; top: 0; opacity: 0; z-index: -1 } #hs-container span.mb_YTPPlaypause.ytpicon:before { content: "\f28b"; font-family: FontAwesome; color: #fff; font-size: 20px } #hs-container span.mb_YTPMuteUnmute.ytpicon:before { content: "\f144"; font-family: FontAwesome; color: #fff; font-size: 20px } #hs-container span.mb_OnlyYT.ytpicon:before { content: "\f0b2"; font-family: FontAwesome; color: #fff; font-size: 20px } #hs-container span.mb_YTPUrl.ytpicon:before { content: "\f167"; font-family: FontAwesome; color: #fff; font-size: 20px } .mb_YTPlayer:focus { outline: 0 } .YTPWrapper { display: block; transform: translateZ(0) translate3d(0, 0, 0); transform-style: preserve-3d; perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box } .mb_YTPlayer .loading { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, .51); text-align: center; padding: 2px 4px; border-radius: 5px; font-family: "Droid Sans", sans-serif; -webkit-animation: fade .1s infinite alternate; animation: fade .1s infinite alternate } .YTPFullscreen, .inline_YTPlayer img { border: none!important; padding: 0!important } @-webkit-keyframes fade { 0% { opacity: .5 } 100% { opacity: 1 } } @keyframes fade { 0% { opacity: .5 } 100% { opacity: 1 } } .YTPFullscreen { display: block!important; position: fixed!important; width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; margin: 0!important; opacity: 1!important; background-color: #000!important } .mbYTP_wrapper iframe { max-width: 8000px!important } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, .7); background: rgba(0, 0, 0, .5) } .inline_YTPlayer img { margin: 0!important; transform: none!important } .mb_YTPBar, .mb_YTPBar .buttonBar { box-sizing: border-box; left: 0; padding: 5px; width: 100% } .mb_YTPBar .ytpicon { font-size: 0; font-family: ytpregular } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 0 } .mb_YTPBar { transition: opacity .5s; display: block; height: 10px; background: #333; position: fixed; bottom: 0; text-align: left; z-index: 1000; font: 14px/16px sans-serif; opacity: .1 } .mb_YTPBar.visible, .mb_YTPBar:hover { opacity: 1 } .mb_YTPBar .buttonBar { transition: all .5s; background: 0 0; font: 12px/14px san-serif; position: absolute; top: -30px; height: 40px } .mb_YTPBar:hover .buttonBar { background: rgba(0, 0, 0, .4) } .mb_YTPBar span { display: inline-block; font: 16px/20px sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle } .mb_YTPBar span.mb_YTPTime { width: 130px } .mb_YTPBar span.mb_OnlyYT, .mb_YTPBar span.mb_YTPUrl { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer } .mb_YTPBar span.mb_YTPUrl img { width: 60px } .mb_YTPBar span.mb_OnlyYT { left: 300px; right: auto } .mb_YTPBar span.mb_OnlyYT img { width: 25px } .mb_YTPBar .mb_YTPMuteUnmute, .mb_YTPBar .mb_YTPPlaypause, .mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img { cursor: pointer } .mb_YTPBar .mb_YTPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0 } .mb_YTPBar .mb_YTPLoaded { height: 10px; width: 0; background: #444; left: 0 } .mb_YTPBar .mb_YTPseekbar { height: 10px; width: 0; background: #bb110e; bottom: 0; left: 0; box-shadow: rgba(82, 82, 82, .47) 1px 1px 3px } .mb_YTPBar .YTPOverlay { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: flat; box-sizing: border-box } .mb_YTPBar .simpleSlider { position: relative; width: 100px; height: 10px; border: 1px solid #fff; overflow: hidden; box-sizing: border-box; margin-right: 10px; cursor: pointer!important; border-radius: 3px } .mb_YTPBar.compact .simpleSlider { width: 40px } .mb_YTPBar .simpleSlider.muted { opacity: .3 } .mb_YTPBar .level { position: absolute; left: 0; bottom: 0; background-color: #fff; box-sizing: border-box } .mb_YTPBar .level.horizontal { height: 100%; width: 0 } .mb_YTPBar .level.vertical { height: auto; width: 100% } #hs-video { display: none } .is-card h1, .is-card h2,.is-card h3,.is-card h4,.is-card h5 { margin:5px 0; } #cc-inner .cc-m-hgrid-column .is-card .col-1,#cc-inner .cc-m-hgrid-column .is-card .col-2,#cc-inner .cc-m-hgrid-column .is-card .col-3,#cc-inner .cc-m-hgrid-column .is-card .col-4,#cc-inner .cc-m-hgrid-column .is-card .col-5,#cc-inner .cc-m-hgrid-column .is-card .col-6,#cc-inner .cc-m-hgrid-column .is-card .col-7,#cc-inner .cc-m-hgrid-column .is-card .col-8,#cc-inner .cc-m-hgrid-column .is-card .col-9,#cc-inner .cc-m-hgrid-column .is-card .col-10,#cc-inner .cc-m-hgrid-column .is-card .col-11,#cc-inner .cc-m-hgrid-column .is-card .col-12 { width:100%; } #cc-inner .cc-m-hgrid-column .is-card.is--flex, #cc-inner .cc-m-hgrid-column .is-card .is--flex, #cc-inner .cc-m-hgrid-column .is-card .is-flex, #cc-inner .cc-m-hgrid-column .is-card.is-flex, #cc-inner .cc-m-hgrid-column .content-teaser{ display:block; } #cc-inner .cc-m-hgrid-column .content-teaser .right-align .hs-button { text-align:left; float: left; } #cc-inner .cc-m-hgrid-column .content-teaser > .right-align { padding-top:0; } #cc-inner .cc-m-hgrid-column .is-card.is-flex .is-img, #cc-inner .cc-m-hgrid-column .is-card .is-flex .is-img{ position:relative; } #cc-inner .is-card.has-border-radius { border-radius:10px; } #cc-inner .is-card.has-border-radius.bigger-radius { border-radius:20px; } #cc-inner .is-card.has-border-radius .is-img, #cc-inner .is-card.has-border-radius .thumbnail-hover{ border-radius:10px 0 0 10px; } #cc-inner .is-card.has-border-radius.bigger-radius .is-img, #cc-inner .is-card.has-border-radius.bigger-radius .thumbnail-hover{ border-radius:20px 0 0 20px; } @media only screen and (max-width: 745px) { #cc-inner .is-card.has-border-radius .is-img, #cc-inner .is-card.has-border-radius .thumbnail-hover{ border-radius:10px 10px 0 0; } #cc-inner .is-card.has-border-radius.bigger-radius .is-img, #cc-inner .is-card.has-border-radius.bigger-radius .thumbnail-hover{ border-radius:20px 20px 0 0; } #cc-inner .content-teaser .right-align .hs-button { text-align:left; float: left; } #cc-inner .content-teaser> .right-align { padding-top: 10px; } } #cc-inner .cc-m-hgrid-column .is-card.has-border-radius .is-img, #cc-inner .cc-m-hgrid-column .is-card.has-border-radius .thumbnail-hover{ border-radius:10px 10px 0 0; } #cc-inner .cc-m-hgrid-column .is-card.has-border-radius.bigger-radius .is-img, #cc-inner .cc-m-hgrid-column .is-card.has-border-radius .thumbnail-hover{ border-radius:20px 20px 0 0; } #cc-inner .cc-m-hgrid-column .is-card .is-promo-block { margin: -20px 20px 20px auto!important; width:80%; } @media only screen and (max-width: 745px) { #cc-inner #hs-container .is-card .is-promo-block { margin: -20px 20px 20px 20px!important; width:80%; } } #cc-inner .fa-bg { display: table-cell; vertical-align: middle; text-align:center; } #newsletter-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; width:90%; max-width: 750px; max-height: 90%; overflow-y: auto; margin: 20px auto; } .newsletter-overlay{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: visible; opacity: 1; z-index: 203006; display: none; } #newsletter-popup .popup-close{ color: #fff; height: 30px; width: 30px; background:#000; border-radius:500px; position: absolute; top: 10px; right: 10px; text-align: center; text-decoration: none; line-height: 30px; font-weight: bold; z-index:1; } .has-primary-line .hr { border-color: var(--bg-primary); } .has-primary-light-line .hr { border-color: var(--bg-primary-light); } .has-secondary-line .hr { border-color: var(--bg-secondary); } .has-secondary-dark-line .hr { border-color: var(--bg-secondary-dark); } .has-gradient-line .hr { border-color: transparent; background: var(--bg-gradient); } .line-bold .hr { border-bottom-width: 2px; } .line-bold2 .hr { border-bottom-width: 5px; } .line-bold3 .hr { border-bottom-width: 10px; } .line-w50 .hr { width:50%; } .line-w-m .hr { width:100px; } .line-w-s .hr { width:50px; } .line-w-extra-s .hr { width:25px; } .has-primary-heading h1,.has-primary-heading h2,.has-primary-heading h3,.has-primary-heading h4,.has-primary-heading h5 { color:var(--bg-primary); } .has-secondary-heading h1,.has-secondary-heading h2,.has-secondary-heading h3,.has-secondary-heading h4,.has-secondary-heading h5 { color:var(--bg-secondary); } .has-left-heading h1,.has-left-heading h2,.has-left-heading h3,.has-left-heading h4,.has-left-heading h5 { text-align:left; } .has-center-heading h1,.has-center-heading h2,.has-center-heading h3,.has-center-heading h4,.has-center-heading h5 { text-align:center; } .has-right-heading h1,.has-right-heading h2,.has-right-heading h3,.has-right-heading h4,.has-right-heading h5 { text-align:right; } .has-underline-heading .j-header { position:relative; display:inline-block; } #cc-inner .has-underline-heading .j-header h1,#cc-inner .has-underline-heading .j-header h2,#cc-inner .has-underline-heading .j-header h3{ line-height:100%!important; } .has-underline-heading .j-header :after{ content: ''; position: absolute; bottom: 0; left:5px; height: 0.2em; background: rgba(157, 159, 166); opacity:0.7; width: calc(100% - 10px); } .matrix .has-underline-heading .j-header :after{ width:100%; bottom:0; left:0; } .has-underline-heading.primary-underline .j-header :after{ background:var(--bg-primary); } .has-underline-heading.primary-light-underline .j-header :after{ background:var(--bg-primary-light); } .has-underline-heading.primary-dark-underline .j-header :after{ background:var(--bg-primary-dark); } .has-underline-heading.secondary-underline .j-header :after{ background:var(--bg-secondary); } .has-underline-heading.secondary-dark-underline .j-header :after{ background:var(--bg-secondary-dark); }