/* -------------------------------------------------------------------------------- / [6] WIDGETS AND CUSTOM ELEMENTS / -------------------------------------------------------------------------------- */ /*** 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,input#mce-EMAIL,input#mce-FNAME,input#mce-LNAME { background-color: rgba(85,85,85, 0.15); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);/* for old IE */ margin-bottom: 7px; color: inherit; border: 0px solid #ededed; border-radius:0px; padding: 10px 0; outline: none; width:99%!important; -webkit-appearance: none; -moz-appearance: none; } /*** 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,input#mce-EMAIL,input#mce-FNAME,input#mce-LNAME { background-color: #f5f5f5; margin-bottom: 7px; color: #000; border: 1px solid #ededed; 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,input#mce-EMAIL,input#mce-FNAME,input#mce-LNAME { background: none; background-color: #242424; margin-bottom: 5px; color: #ccc; 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,input#mce-EMAIL,input#mce-FNAME,input#mce-LNAME { background: none; background-color: none; color: inherit; border:1px solid rgba(85,85,85, 0.25); outline: none; padding: 7px 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: #c2a476; /* color 1 */ text-decoration: none; display:inline-block; clear:both; cursor:pointer; margin: 0; margin-top:10px; color: #fff!important; height: auto; text-transform: capitalize; border:none; border-radius:0px; padding: 15px 35px; -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 .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; background: #000!important;/* black */ color:#fff; } /* input button with round style */ #hs-container .round-btn span.comment,#hs-container .round-btn .j-product .cc-shop-product-desc .cc-shop-addtocard,#hs-container .round-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#hs-container .round-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#hs-container .round-btn .j-blogarticle .blogreadmore:link,#hs-container .round-btn .j-blogarticle .blogreadmore:visited,#hs-container .round-btn .j-blogarticle .comment:link,#hs-container .round-btn .j-blogarticle .comment:visited,#hs-container .round-btn .post .blogreadmore:link,#hs-container .round-btn .post .blogreadmore:visited,#hs-container .round-btn .post .comment:link,#hs-container .round-btn .post .comment:visited,#hs-container .round-btn .commententry input[type="submit"],#hs-container .round-btn .j-formnew input[type='submit'],#hs-container .round-btn .j-downloadDocument .cc-m-download-link,#hs-container .round-btn .j-newsletterbox input[type='submit'],.cc-pagemode-overlay #hs-container .round-btn input[type="submit"].submitUser,#hs-container .round-btn .j-rss br+a[target="_blank"],#hs-container .round-btn input#mc-embedded-subscribe.button,#hs-container .round-btn a.j-calltoaction-link.j-calltoaction-link-style-1,#hs-container .round-btn a.j-calltoaction-link.j-calltoaction-link-style-2,#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 */ #hs-container .mid-round-btn span.comment,#hs-container .mid-round-btn .j-product .cc-shop-product-desc .cc-shop-addtocard,#hs-container .mid-round-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#hs-container .mid-round-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#hs-container .mid-round-btn .j-blogarticle .blogreadmore:link,#hs-container .mid-round-btn .j-blogarticle .blogreadmore:visited,#hs-container .mid-round-btn .j-blogarticle .comment:link,#hs-container .mid-round-btn .j-blogarticle .comment:visited,#hs-container .mid-round-btn .post .blogreadmore:link,#hs-container .mid-round-btn .post .blogreadmore:visited,#hs-container .mid-round-btn .post .comment:link,#hs-container .mid-round-btn .post .comment:visited,#hs-container .mid-round-btn .commententry input[type="submit"],#hs-container .mid-round-btn .j-formnew input[type='submit'],#hs-container .mid-round-btn .j-downloadDocument .cc-m-download-link,#hs-container .mid-round-btn .j-newsletterbox input[type='submit'],.cc-pagemode-overlay #hs-container .mid-round-btn input[type="submit"].submitUser,#hs-container .mid-round-btn .j-rss br+a[target="_blank"],#hs-container .mid-round-btn input#mc-embedded-subscribe.button,#hs-container .mid-round-btn a.j-calltoaction-link.j-calltoaction-link-style-1,#hs-container .mid-round-btn a.j-calltoaction-link.j-calltoaction-link-style-2,#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; font-size:inherit; } /* 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:1px solid #000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover,#hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover,#hs-container .dark-outline-btn .j-blogarticle .blogreadmore:hover:link,#hs-container .dark-outline-btn .j-blogarticle .blogreadmore:hover:visited,#hs-container .dark-outline-btn .j-blogarticle .comment:hover:link,#hs-container .dark-outline-btn .j-blogarticle .comment:hover:visited,#hs-container .dark-outline-btn .post .blogreadmore:hover:link,#hs-container .dark-outline-btn .post .blogreadmore:hover:visited,#hs-container .dark-outline-btn .post .comment:hover:link,#hs-container .dark-outline-btn .post .comment:hover:visited,#hs-container .dark-outline-btn .commententry input[type="submit"]:hover,#hs-container .dark-outline-btn .j-formnew input[type='submit']:hover,#hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link:hover,#hs-container .dark-outline-btn .j-newsletterbox input[type='submit']:hover,.cc-pagemode-overlay #hs-container .dark-outline-btn input[type="submit"].submitUser:hover,#hs-container .dark-outline-btn .j-rss br + a[target="_blank"]:hover,#hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:active,#hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active,#hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active,#hs-container .dark-outline-btn .j-blogarticle .blogreadmore:active:link,#hs-container .dark-outline-btn .j-blogarticle .blogreadmore:active:visited,#hs-container .dark-outline-btn .j-blogarticle .comment:active:link,#hs-container .dark-outline-btn .j-blogarticle .comment:active:visited,#hs-container .dark-outline-btn .post .blogreadmore:active:link,#hs-container .dark-outline-btn .post .blogreadmore:active:visited,#hs-container .dark-outline-btn .post .comment:active:link,#hs-container .dark-outline-btn .post .comment:active:visited,#hs-container .dark-outline-btn .commententry input[type="submit"]:active,#hs-container .dark-outline-btn .j-formnew input[type='submit']:active,#hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link:active,#hs-container .dark-outline-btn .j-newsletterbox input[type='submit']:active,#hs-container .dark-outline-btn .cc-pagemode-overlay input[type="submit"].submitUser:active,#hs-container .dark-outline-btn .j-rss br + a[target="_blank"]:active,#hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:focus,#hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus,#hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus,#hs-container .dark-outline-btn .j-blogarticle .blogreadmore:focus:link,#hs-container .dark-outline-btn .j-blogarticle .blogreadmore:focus:visited,#hs-container .dark-outline-btn .j-blogarticle .comment:focus:link,#hs-container .dark-outline-btn .j-blogarticle .comment:focus:visited,#hs-container .dark-outline-btn .post .blogreadmore:focus:link,#hs-container .dark-outline-btn .post .blogreadmore:focus:visited,.post .comment:focus:link,#hs-container .dark-outline-btn .post .comment:focus:visited,#hs-container .dark-outline-btn .commententry input[type="submit"]:focus,#hs-container .dark-outline-btn .j-formnew input[type='submit']:focus,#hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link:focus,#hs-container .dark-outline-btn .j-newsletterbox input[type='submit']:focus,.cc-pagemode-overlay #hs-container .dark-outline-btn input[type="submit"].submitUser:focus,#hs-container .dark-outline-btn .j-rss br+a[target="_blank"]:focus,#hs-container .dark-outline-btn input#mc-embedded-subscribe.button:hover,#hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1:hover,#hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2:hover,#hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3:hover { border:1px solid #333; background: #000!important; color:#fff!important; } /* white outline input button */ #hs-container .white-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard,#hs-container .white-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,#hs-container .white-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,#hs-container .white-outline-btn .j-blogarticle .blogreadmore:link,#hs-container .white-outline-btn .j-blogarticle .blogreadmore:visited,#hs-container .white-outline-btn .j-blogarticle .comment:link,#hs-container .white-outline-btn .j-blogarticle .comment:visited,#hs-container .white-outline-btn .post .blogreadmore:link,#hs-container .white-outline-btn .post .blogreadmore:visited,#hs-container .white-outline-btn .post .comment:link,#hs-container .white-outline-btn .post .comment:visited,#hs-container .white-outline-btn .commententry input[type="submit"],#hs-container .white-outline-btn .j-formnew input[type='submit'],#hs-container .white-outline-btn .j-downloadDocument .cc-m-download-link,#hs-container .white-outline-btn .j-newsletterbox input[type='submit'],.cc-pagemode-overlay #hs-container .white-outline-btn input[type="submit"].submitUser,#hs-container .white-outline-btn .j-rss br+a[target="_blank"],#hs-container .white-outline-btn input#mc-embedded-subscribe.button,#hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1,#hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2,#hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3 { background: none!important; color: #fff; height: auto; border:1px solid #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #hs-container .white-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,#hs-container .white-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover,#hs-container .white-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover,#hs-container .white-outline-btn .j-blogarticle .blogreadmore:hover:link,#hs-container .white-outline-btn .j-blogarticle .blogreadmore:hover:visited,#hs-container .white-outline-btn .j-blogarticle .comment:hover:link,#hs-container .white-outline-btn .j-blogarticle .comment:hover:visited,#hs-container .white-outline-btn .post .blogreadmore:hover:link,#hs-container .white-outline-btn .post .blogreadmore:hover:visited,#hs-container .white-outline-btn .post .comment:hover:link,#hs-container .white-outline-btn .post .comment:hover:visited,#hs-container .white-outline-btn .commententry input[type="submit"]:hover,#hs-container .white-outline-btn .j-formnew input[type='submit']:hover,#hs-container .white-outline-btn .j-downloadDocument .cc-m-download-link:hover,#hs-container .white-outline-btn .j-newsletterbox input[type='submit']:hover,.cc-pagemode-overlay #hs-container .white-outline-btn input[type="submit"].submitUser:hover,#hs-container .white-outline-btn .j-rss br + a[target="_blank"]:hover,#hs-container .white-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:active,#hs-container .white-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active,#hs-container .white-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active,#hs-container .white-outline-btn .j-blogarticle .blogreadmore:active:link,#hs-container .white-outline-btn .j-blogarticle .blogreadmore:active:visited,#hs-container .white-outline-btn .j-blogarticle .comment:active:link,#hs-container .white-outline-btn .j-blogarticle .comment:active:visited,#hs-container .white-outline-btn .post .blogreadmore:active:link,#hs-container .white-outline-btn .post .blogreadmore:active:visited,#hs-container .white-outline-btn .post .comment:active:link,#hs-container .white-outline-btn .post .comment:active:visited,#hs-container .white-outline-btn .commententry input[type="submit"]:active,#hs-container .white-outline-btn .j-formnew input[type='submit']:active,#hs-container .white-outline-btn .j-downloadDocument .cc-m-download-link:active,#hs-container .white-outline-btn .j-newsletterbox input[type='submit']:active,#hs-container .white-outline-btn .cc-pagemode-overlay input[type="submit"].submitUser:active,#hs-container .white-outline-btn .j-rss br + a[target="_blank"]:active,#hs-container .white-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:focus,#hs-container .white-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus,#hs-container .white-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus,#hs-container .white-outline-btn .j-blogarticle .blogreadmore:focus:link,#hs-container .white-outline-btn .j-blogarticle .blogreadmore:focus:visited,#hs-container .white-outline-btn .j-blogarticle .comment:focus:link,#hs-container .white-outline-btn .j-blogarticle .comment:focus:visited,#hs-container .white-outline-btn .post .blogreadmore:focus:link,#hs-container .white-outline-btn .post .blogreadmore:focus:visited,.post .comment:focus:link,#hs-container .white-outline-btn .post .comment:focus:visited,#hs-container .white-outline-btn .commententry input[type="submit"]:focus,#hs-container .white-outline-btn .j-formnew input[type='submit']:focus,#hs-container .white-outline-btn .j-downloadDocument .cc-m-download-link:focus,#hs-container .white-outline-btn .j-newsletterbox input[type='submit']:focus,.cc-pagemode-overlay #hs-container .white-outline-btn input[type="submit"].submitUser:focus,#hs-container .white-outline-btn .j-rss br+a[target="_blank"]:focus,#hs-container .white-outline-btn input#mc-embedded-subscribe.button:hover,#hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1:hover,#hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2:hover,#hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3:hover { border:1px solid #fff; background: #fff!important; color:#000!important; } .cc-pagemode-overlay #hs-container input[type="submit"].submitUser,.cc-pagemode-overlay #hs-container input[type="submit"].submitUser:hover { color:#fff!important; } /* rss button */ #hs-container .j-rss br+a[target="_blank"],.hs-footer .j-rss br+a[target="_blank"] { background: #c2a476; /* color 1 */ 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 { display: inline-block; background: #c2a476; /* color 1 */ border:none; cursor:pointer; text-decoration: none; clear:both; margin:1px; color: #fff!important; height: auto; text-transform: capitalize; padding: 15px 30px; border-radius:0px; text-shadow: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; } .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 { -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; } .hs-button:hover,.brand-bg .hs-button:hover{ background: #111!important; color:#fff; } .slanted-btn { -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); } .slanted-text { -ms-transform: skewX(20deg); -webkit-transform: skewX(20deg); transform: skewX(20deg); display: inline-block; } /* ghost white button */ #hs-container .ghost-white{ border:2px solid #fff; color: #fff; background:transparent; } #hs-container .ghost-white:hover{ background:#fff!important; color:#666!important; border:2px solid transparent!important; } /* ghost dark button */ #hs-container .ghost-dark{ border:2px solid #111; color: #111!important; background:transparent; } #hs-container .ghost-dark:hover{ background:#111!important; color:#fff!important; border:2px solid transparent!important; } #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 .small-btn{ padding: 12px 25px; font-size:90%; } #hs-container .large-btn{ padding: 15px 55px; } .fullwidth-btn { width:100%; margin:0 auto; text-align:center; padding:12px 0!important; } .is-outlined { position:relative; } .ghost-dark.is-outlined::after,.ghost-white.is-outlined::after { content: ""; width: calc(100%); height: 100%; left: 5px; right: 0px; margin: auto; top: -8px; position: absolute; border: 2px solid #222; -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; pointer-events: none; } .ghost-white.is-outlined::after { border: 2px solid #fff; } #hs-container .has-dark-link,#hs-container .has-dark-link a { color:#111!important; } #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:#fff!important; } @media only screen and (min-width: 290px) and (max-width: 745px) { .mobile-overlay { opacity:0.6!important; width:100%!important; } } /* spinner */ #hs-container .j-formnew .cc-m-form-view-sortable input.cc-spinner-input, .hs-footer .j-formnew .cc-m-form-view-sortable input.cc-spinner-input { padding:0; margin:0; background:none; margin-bottom: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*** form note ***/ #hs-container .cc-m-form-note{ padding: 3px 0 3px 20px; margin-top: 10px; font-size:11px; } #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; } .hide-bg-image .matrix-hero { 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; } } /* styles for tags */ #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 span.j-blog-post--tags-list { } #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 a.j-blog-post--tag:hover { } #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; } .super-large-inner #hs-container .j-blog-header, .super-large-inner #hs-container .j-header, .super-large-inner #hs-container .datetime.dt-style9 .datetime-inner, .super-large-inner #hs-container .datetime.dt-style9 p { text-align: center; } #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; } #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; } #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: 6px 10px!important; font-size:12px; margin-top:0!important; border-radius:3px!important; text-transform:lowercase!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 ***/ #hs-container .cc-m-hgrid-column .cc-shop-addtocard { box-sizing: border-box; } /* 01-shopping cart */ .sc-wrapper { padding: 0; } .j-cart { display:flex!important; position:relative!important; top:0px!important; right:0px!important; line-height:2.2em!important; overflow:inherit!important; z-index: 1999997!important; } /* position in responsive design */ @media only screen and (max-width: 745px) { .j-cart { } } .j-cart-icon-wrapper { position:relative!important; } .j-cart-icon { padding:4px!important; } #hs-container .j-cart-icon::before,#hs-container .j-cart-icon:before { left:0px!important; font-size:22px; } a.j-shop-addtocard-response--backward.is-close{ margin-bottom:5px!important; } .no-icon .j-cart.is-empty{ 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 */ .has-custom-store .hproduct, .has-custom-store .bg-grey-inner, .has-custom-store .cc-shop-product-desc_, .has-custom-store .hlisting { background-color: rgba(85,85,85, 0.11); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);/* for old IE */ } .has-custom-store .cc-shop-product-desc { padding:5px; } .has-custom-store .cc-shop-product-img { padding:10px; } #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; } } /* module store item in columns */ #hs-container .cc-m-hgrid-column .cc-shop-product-img .cc-shop-product-main-image, #hs-container .cc-m-hgrid-column div.cc-shop-product-size-1 div.cc-shop-product-img, #hs-container .cc-m-hgrid-column .cc-shop-product-size-1 .cc-shop-product-img-confines { } #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 div.cc-shop-product-size-1 div.cc-shop-product-desc { padding-top:0; } #hs-container .cc-m-hgrid-column .hproduct{ margin-top:0px; background:none; } #hs-container .hproduct { padding-top:0px!important; } #hs-container .j-product { padding:30px 0; } /*** store item elements */ #hs-container span.fn { font-size:16px; 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; } /* 03-checkout process */ #hs-container #cc-checkout-wrapper { background:transparent; } #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; } #hs-container #cc-checkout-gutter { padding:20px 0; } #hs-container div.cc-checkout-subheadings { border-bottom: 1px solid #ccc; } #hs-container table.cc-checkout-products th { border-bottom: 0px solid #ccc; background:transparent; color:#333; } #hs-container input.cc-checkout-btn { float:left; font-weight: normal; } #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; } #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products .cc-checkout-total { border-top:1px solid #ccc; border-bottom:0; font-weight:700; } #hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products .cc-checkout-hint { font-style:italic; font-size:90%; } #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 } /*** hover image overlay ***/ #hs-container .n.j-imageSubtitle a img,.hs-footer .n.j-imageSubtitle a img, #hs-container a.cc-webview-product-image img { -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear; } #hs-container .n.j-imageSubtitle a img:hover,.hs-footer .n.j-imageSubtitle a img:hover, #hs-container a.cc-webview-product-image img:hover { } /*** tagcloud ***/ .tagcloud a { display: block-inline; float: left; padding: 5px 10px; margin: 1px; font-size:85%; background-color: rgba(198,201,208, 0.45); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);/* for old IE */ color:#fff!important; text-decoration: none !important; -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; -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{ background:#676767; color:#fff!important; } /*** Content teaser ***/ .content-teaser { width: auto; padding: 10px; background: #F5F5F5; background-repeat:repeat; border-left: 3px solid #111; } .content-teaser .hs-left { padding-bottom:5px; } /*** blockquote ***/ .quote-teaser { background-color:#F5F5F5; padding:10px; border-left: 3px solid #111; } blockquote p,blockquote span{ font-family: Georgia, Times, serif; font-style: italic; } 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%; } .hs-fullwidth-grey{ margin: -5px -500%; padding: 1.5em 500%; background:#F5F5F5; display:none; } .hs-fullwidth-dark{ margin: -5px -500%; padding: 1.5em 500%; background:#242424; display:none; } .hs-fullwidth-dark,.hs-fullwidth-dark p,.hs-fullwidth-dark td,.hs-fullwidth-dark table,.hs-fullwidth-dark h1,.hs-fullwidth-dark h2,.hs-fullwidth-dark h3,.hs-fullwidth-dark h4,.hs-fullwidth-dark span{ color:#fff; } .hs-fullwidth-color{ margin: -5px -500%; padding: 1.5em 500%; background:#c0d34b; display:none; } .hs-fullwidth-color,.hs-fullwidth-color p,.hs-fullwidth-color td,.hs-fullwidth-color table,.hs-fullwidth-color h1,.hs-fullwidth-color h2,.hs-fullwidth-color h3,.hs-fullwidth-color h4,.hs-fullwidth-color span{ color:#fff; } .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 { padding-top:15px!important; padding-bottom:15px!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-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; } .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; } .thumbnail-hover.style2:after { display:none; } .thumbnail-hover.style2 { position: absolute; top: 5%; left: 5%; display:block; width: 90%; height: 90%; background-image:none; opacity: .8; filter: alpha(opacity=100); /*for ie older browsers*/ -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } .thumbnail-hover.style2 a { display: block; width: auto; height: auto; } .thumbnail-hover.style2 .hs-description { padding: 10px; position:relative; } .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: #F5F5F5; position:relative; } .hs-description p { color: #333; margin-top: 5px; } .hs-description h3 a { text-decoration:none; } /* 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; } /*** cookies message ***/ #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 ***/ .links ul { margin: 0; padding: 0; list-style:none; text-decoration: none !important; } .links li{ list-style:none; text-decoration: none !important; padding: 9px 0; border-bottom: 1px solid rgba(85,85,85, 0.15); } .style2 li { border-bottom: 1px dashed rgba(85,85,85, 0.15); } .style3 li { border-bottom: 1px dotted rgba(85,85,85, 0.15); } .style4 li { border-bottom: 2px solid rgba(85,85,85, 0.15); } .style5 li { border-bottom: none; } .links li a,.style2 li a { color: #777; } .links li a{ 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; } .links li a:hover { color: #c2a476; /* color 1 */ } /* inline links */ .links.hs-inline ul li { display:inline-block; border-bottom:none; padding:0 5px; line-height:190%; } /*** timeline widget ***/ .timeline-item { padding: 3em 2em 2em; position: relative; color: rgba(0, 0, 0, 0.7); border-left: 2px solid rgba(0, 0, 0, 0.3); } .timeline-item p { } .timeline-item::before { content: attr(date-is); position: absolute; left: 2em; font-weight: bold; top: 1em; display: block; font-weight: 700; font-size: .785rem; } .timeline-item::after { width: 10px; height: 10px; display: block; top: 1em; position: absolute; left: -7px; border-radius: 10px; content: ''; border: 2px solid rgba(0, 0, 0, 0.3); background: white; } .timeline-item.last { border-right:0px solid; -o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, transparent) 1 100%; border-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 60%, transparent) 1 100%; border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, transparent) 1 100%; } /* 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%; } .underline-links a{ 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; } .underline-links a:hover{ border-bottom: 1px solid; } /*** 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 { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); transform: scale(1.05,1.05); opacity:0.9; } .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 } div .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:#c2a476; /* color 1 */ 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; } .toggle a.switch { color: #999; display: block; font-size: 15px; line-height: 22px; margin-bottom: 0px; padding-top: 10px; padding-bottom:10px; } .toggle a.switch:first-child { border: none; padding: 0; } .toggle a.switch { background: #111; float: left; margin-right: 10px; width:20px; height:22px; } .toggle a.switch:after { font-family: 'FontAwesome', sans-serif; content: '\f067'; font-size:11px; color:#fff; padding: 0px 5px; } .toggle a.switch.opened:after{ font-family: 'FontAwesome', sans-serif; content: '\f068'; } .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: 0; list-style: none; margin:0; padding:0; } ul.tabs-nav > li { display: inline-block; margin-right: 1px; margin-bottom:-1px; } ul.tabs-nav > li > a { background-color: #f0f0f0; color: #111; font-size:14px; display: block; text-decoration:none; padding: 8px 20px; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; -moz-transition: all 200ms linear; } ul.tabs-nav > li > a:hover{ color: #111; background-color:#ccc; } ul.tabs-nav > li.active > a { color: #111; background-color: #ccc; } .tabs-container { padding: 20px 0; border-top:1px solid #f0f0f0; } /*** 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; } /* custom style links */ .bold-underline { border-bottom: 0px solid rgba(198,201,208, 0.45); box-shadow: inset 0 -0.5em 0 rgba(198,201,208, 0.45); padding: 2px 2px 0 2px; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } a.bold-underline:hover { box-shadow: inset 0 -2px 0 rgba(198,201,208, 0.45); } .underline-slide, .background-slide { position: relative; padding-bottom: 2px; } .underline-slide:after, .background-slide:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; background-color: rgba(198,201,208, 0.45); width: 0%; display: block; -webkit-transition: width .5s ease-in-out; transition: width .5s ease-in-out; } .underline-slide:hover:after, .background-slide:hover:after { width: 100%; } .background-slide { color: rgba(198,201,208, 0.45); z-index: 3; } .background-slide:after { background: rgba(198,201,208, 0.45); height: 0.65em; z-index: -1; }