/* Theme Name: Spider Monkey Theme URI: http://dmp-digital.co.uk/ Description: Spider Monkey Theme Author: Kevin Coyle Author URI: http://kevincoyledesigner.co.uk Template: master Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: accessibility-ready Text Domain: spidermonkey */ @import url(css/colour-reset.css); /* --------- Fonts ----------- */ /* dosis-regular - latin */ @font-face { font-family: 'Dosis'; font-style: normal; font-weight: 400; src: url('css/fonts/dosis-v19-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('css/fonts/dosis-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/fonts/dosis-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('css/fonts/dosis-v19-latin-regular.woff') format('woff'), /* Modern Browsers */ url('css/fonts/dosis-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/fonts/dosis-v19-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'Baron Neue Bold'; font-style: normal; font-weight: normal; src: local('Baron Neue Bold'), url('css/fonts/Baron Neue Bold.woff') format('woff'); } /* ----------- //////////////// Custom Styles ///////////////// -------------- */ /* --------------- Global ---------------- */ .primary-col-bg { --link-color: var(--secondary-color); } /* ------------------- * Home Hero * ------------------ */ .home-hero h1.entry-title { font-size: calc(3rem + 3vw); } /* ---------------- Normal Buttons ------------------- */ body:not(.wp-admin) button, .wp-admin .edit-post-visual-editor .acf-block-preview button, body:not(.wp-admin) input[type="button"], .wp-admin .edit-post-visual-editor .acf-block-preview input[type="button"], body:not(.wp-admin) input[type="reset"], .wp-admin .edit-post-visual-editor .acf-block-preview input[type="reset"], body:not(.wp-admin) input[type="submit"], .wp-admin .edit-post-visual-editor .acf-block-preview input[type="submit"], body.master:not(.wp-admin) a.button, .master.wp-admin .edit-post-visual-editor .acf-block-preview a.button, body.master:not(.wp-admin) .button-holder a, .master.wp-admin .edit-post-visual-editor .acf-block-preview .button-holder a, body:not(.wp-admin) .light-text .light-background button, .wp-admin .edit-post-visual-editor .acf-block-preview .light-text .light-background button, body:not(.wp-admin) .light-text .light-background input[type="button"], .wp-admin .edit-post-visual-editor .acf-block-preview .light-text .light-background input[type="button"], body:not(.wp-admin) .light-text .light-background input[type="reset"], .wp-admin .edit-post-visual-editor .acf-block-preview .light-text .light-background input[type="reset"], body:not(.wp-admin) .light-text .light-background input[type="submit"], .wp-admin .edit-post-visual-editor .acf-block-preview .light-text .light-background input[type="submit"], body:not(.wp-admin) .light-text .light-background a.button, .wp-admin .edit-post-visual-editor .acf-block-preview .light-text .light-background a.button, body:not(.wp-admin) .light-text .light-background .button-holder a, .wp-admin .edit-post-visual-editor .acf-block-preview .light-text .light-background .button-holder a, .master .light-text .light-background div.wpforms-container-full .wpforms-form input[type="submit"], .master .light-text .light-background div.wpforms-container-full .wpforms-form button[type="submit"], .master .light-text .light-background div.wpforms-container-full .wpforms-form .wpforms-page-button, .master .light-text .light-background #sb_instagram #sbi_load .sbi_load_btn, .master .light-text .light-background #sb_instagram .sbi_follow_btn a, .master div.wpforms-container-full .wpforms-form input[type="submit"], .master div.wpforms-container-full .wpforms-form button[type="submit"], .master div.wpforms-container-full .wpforms-form .wpforms-page-button, .wp-admin [class*="wc-block"] button, a.wp-block-button__link, body:not(.wp-admin) li a.wp-block-button__link, .wp-admin .edit-post-visual-editor li a.wp-block-button__link, .master #sb_instagram #sbi_load .sbi_load_btn, .master #sb_instagram .sbi_follow_btn a, #cookie-law-info-bar a.cli-plugin-button, body:not(.wp-admin).master.woocommerce #respond input#submit, body:not(.wp-admin).master.woocommerce a.button, body:not(.wp-admin).master.woocommerce button.button, body:not(.wp-admin).master.woocommerce input.button, body:not(.wp-admin).master .woocommerce #respond input#submit, body:not(.wp-admin).master .woocommerce a.button, body:not(.wp-admin).master .woocommerce button.button, body:not(.wp-admin).master .woocommerce input.button, body:not(.wp-admin).master .woocommerce .restore-item { font-family: var(--heading-font); font-weight: 600; border-radius: 0; color: var(--dark-color); } /* ---------------- Normal Buttons: Hover States -------------------*/ body:not(.wp-admin) button:hover, .wp-admin .edit-post-visual-editor .acf-block-preview button:hover, body:not(.wp-admin) input[type="button"]:hover, .wp-admin .edit-post-visual-editor .acf-block-preview input[type="button"]:hover, body:not(.wp-admin) input[type="reset"]:hover, .wp-admin .edit-post-visual-editor .acf-block-preview input[type="reset"]:hover, body:not(.wp-admin) input[type="submit"]:hover, .wp-admin .edit-post-visual-editor .acf-block-preview input[type="submit"]:hover, body.master:not(.wp-admin) a.button:hover, .master.wp-admin .edit-post-visual-editor .acf-block-preview a.button:hover, body.master:not(.wp-admin) .button-holder a:hover, .master.wp-admin .edit-post-visual-editor .acf-block-preview .button-holder a:hover, body.master:not(.wp-admin) a.button:hover span, .master.wp-admin .edit-post-visual-editor .acf-block-preview a.button:hover span, body:not(.wp-admin) button:focus, .wp-admin .edit-post-visual-editor .acf-block-preview button:focus, body:not(.wp-admin) input[type="button"]:focus, .wp-admin .edit-post-visual-editor .acf-block-preview input[type="button"]:focus, body:not(.wp-admin) input[type="reset"]:focus, .wp-admin .edit-post-visual-editor .acf-block-preview input[type="reset"]:focus, body:not(.wp-admin) input[type="submit"]:focus, .wp-admin .edit-post-visual-editor .acf-block-preview input[type="submit"]:focus, body.master:not(.wp-admin) a.button:focus, .master.wp-admin .edit-post-visual-editor .acf-block-preview a.button:focus, body.master:not(.wp-admin) .button-holder a:focus, .master.wp-admin .edit-post-visual-editor .acf-block-preview .button-holder a:focus, body.master:not(.wp-admin) a.button:focus span, .master.wp-admin .edit-post-visual-editor .acf-block-preview a.button:focus span, /* Light text AND Light Background */ body:not(.wp-admin) .light-text .light-background button:hover, .wp-admin .edit-post-visual-editor .acf-block-preview button:hover, body:not(.wp-admin) .light-text .light-background input[type="button"]:hover, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .light-background input[type="button"]:hover, body:not(.wp-admin) .light-text .light-background input[type="reset"]:hover, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .light-background input[type="reset"]:hover, body:not(.wp-admin) .light-text .light-background input[type="submit"]:hover, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .light-background input[type="submit"]:hover, body:not(.wp-admin) .light-text .light-background a.button:hover, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .light-background a.button:hover, body:not(.wp-admin) .light-text .light-background .button-holder a:hover, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .light-background .button-holder a:hover, body:not(.wp-admin) .light-text .light-background button:focus, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .light-background button:focus, body:not(.wp-admin) .light-text .light-background input[type="button"]:focus, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .light-background input[type="button"]:focus, body:not(.wp-admin) .light-text .light-background input[type="reset"]:focus, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .light-background input[type="reset"]:focus, body:not(.wp-admin) .light-text .light-background input[type="submit"]:focus, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .light-background input[type="submit"]:focus, body:not(.wp-admin) .light-text .light-background a.button:focus, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .light-background a.button:focus, body:not(.wp-admin) .light-text .light-background .button-holder a:focus, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .light-background .button-holder a:focus, .master .wc-block-featured-product a.wp-block-button__link:hover, .master .wc-block-featured-product a.wp-block-button__link:focus, #mstr div.wpforms-container-full .wpforms-form input[type="submit"]:hover, #mstr div.wpforms-container-full .wpforms-form button[type="submit"]:hover, #mstr div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, #mstr div.wpforms-container-full .wpforms-form input[type="submit"]:focus, #mstr div.wpforms-container-full .wpforms-form button[type="submit"]:focus, #mstr div.wpforms-container-full .wpforms-form .wpforms-page-button:focus, body:not(.wp-admin).master.woocommerce #respond input#submit:hover, body:not(.wp-admin).master.woocommerce a.button:hover, body:not(.wp-admin).master.woocommerce button.button:hover, body:not(.wp-admin).master.woocommerce input.button:hover, body:not(.wp-admin).master .woocommerce #respond input#submit:hover, body:not(.wp-admin).master .woocommerce a.button:hover, body:not(.wp-admin).master .woocommerce button.button:hover, body:not(.wp-admin).master .woocommerce input.button:hover, body:not(.wp-admin).master .woocommerce .restore-item:hover, body:not(.wp-admin).master.woocommerce #respond input#submit:focus, body:not(.wp-admin).master.woocommerce a.button:focus, body:not(.wp-admin).master.woocommerce button.button:focus, body:not(.wp-admin).master.woocommerce input.button:focus, body:not(.wp-admin).master .woocommerce #respond input#submit:focus, body:not(.wp-admin).master .woocommerce a.button:focus, body:not(.wp-admin).master .woocommerce button.button:focus, body:not(.wp-admin).master .woocommerce input.button:focus, body:not(.wp-admin).master .woocommerce .restore-item:focus, body:not(.wp-admin) li a.wp-block-button__link:hover, body:not(.wp-admin) li a.wp-block-button__link:focus, .wp-admin .edit-post-visual-editor li a.wp-block-button__link:focus, body.master:not(.wp-admin) .multi-cover-grid-column.normal-text .button-holder a:hover, body.master:not(.wp-admin) .multi-cover-grid-column.normal-text .button-holder a:focus, body.master:not(.wp-admin) .multi-cover-grid-column.dark-text .button-holder a:hover, body.master:not(.wp-admin) .multi-cover-grid-column.dark-text .button-holder a:focus, .master #sb_instagram #sbi_load .sbi_load_btn:hover, .master #sb_instagram .sbi_follow_btn a:hover, .master #sb_instagram #sbi_load .sbi_load_btn:focus, .master #sb_instagram .sbi_follow_btn a:focus, #mstr .dark-bg .search-submit:hover, #mstr .dark-bg .search-submit:focus, #cookie-law-info-bar a.cli-plugin-button:hover, #cookie-law-info-bar a.cli-plugin-button:focus { color: var(--light-color); } /* ---- ------- Light Text Buttons: Hover States -------------------- */ body:not(.wp-admin) .light-text button:hover, .wp-admin .edit-post-visual-editor .acf-block-preview button:hover, body:not(.wp-admin) .light-text input[type="button"]:hover, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text input[type="button"]:hover, body:not(.wp-admin) .light-text input[type="reset"]:hover, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text input[type="reset"]:hover, body:not(.wp-admin) .light-text input[type="submit"]:hover, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text input[type="submit"]:hover, body:not(.wp-admin) .light-text a.button:hover, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text a.button:hover, body:not(.wp-admin) .light-text .button-holder a:hover, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .button-holder a:hover, body:not(.wp-admin) .light-text button:focus, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text button:focus, body:not(.wp-admin) .light-text input[type="button"]:focus, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text input[type="button"]:focus, body:not(.wp-admin) .light-text input[type="reset"]:focus, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text input[type="reset"]:focus, body:not(.wp-admin) .light-text input[type="submit"]:focus, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text input[type="submit"]:focus, body:not(.wp-admin) .light-text a.button:focus, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text a.button:focus, body:not(.wp-admin) .light-text .button-holder a:focus, .wp-admin .edit-post-visual-editor .acf-block-preview.light-text .button-holder a:focus, #mstr .light-text div.wpforms-container-full .wpforms-form input[type="submit"]:hover, #mstr .light-text div.wpforms-container-full .wpforms-form button[type="submit"]:hover, #mstr .light-text div.wpforms-container-full .wpforms-form .wpforms-page-button:hover #mstr .light-text div.wpforms-container-full .wpforms-form input[type="submit"]:focus, #mstr .light-text div.wpforms-container-full .wpforms-form button[type="submit"]:focus, #mstr .light-text div.wpforms-container-full .wpforms-form .wpforms-page-button:focus, .master .light-text #sb_instagram #sbi_load .sbi_load_btn:hover, .master .light-text #sb_instagram .sbi_follow_btn a:hover, .master .light-text #sb_instagram #sbi_load .sbi_load_btn:focus, .master .light-text #sb_instagram .sbi_follow_btn a:focus, .master .wc-block-featured-product a.wp-block-button__link:hover, .master .wc-block-featured-product a.wp-block-button__link:focus { color: #333; color: var(--heading-text-color); /* background: snow; background: linear-gradient( rgba(255,255,255, 0.95), rgba(255,255,255, 0.95) ), linear-gradient( var(--link-color), var(--link-color) ); */ } /* ------------- WooCommerce Styles ----------------- */ .woocommerce-products-header__title.page-title { color: var(--light-color); } .archive.post-type-archive-product .page-header::after { background: var(--dark-color); mix-blend-mode: darken; } .spidermonkey .bb-product-description + .bb-product-info, .spidermonkey .related.products, .bb-product-info + .bb-product-comments { padding-top: 0; } body:not(.wp-admin).master.spidermonkey .price span, .wp-admin.spidermonkey .edit-post-visual-editor .acf-block-preview .price span { font-size: calc(1.5rem + .75vw); } .spidermonkey.master.woocommerce ul.products li.product .price { font-weight: 700; color: var(--heading-text-color); } span.woocommerce-Price-amount.amount bdi { padding: 0 4px; } .spidermonkey.woocommerce div.product form.cart .variations td.label { padding-right: 1em; width: 1px; /* min-width: 100%; */ white-space: pre; } .spidermonkey.woocommerce div.product p.price, .spidermonkey.woocommerce div.product span.price { display: flex; align-items: center; font-weight: 700; color: var(--heading-text-color); } /* ---------- * Menu STyles * ------------- */ .menu-no-prices span.price-list-item-separator, .menu-no-prices span.price-list-item-price{ display: none; } .menu-no-prices .price-list-heading { justify-content: center; } .menu-no-prices .price-list-item-desc { text-align: center; } /* --------------- Footer Styles ---------------- */ .site-info { background: unset; margin-top: 0; } #footer-block { padding-bottom: 0; position: relative; overflow: hidden; } #footer-block .multi-sce-grid-row:not(.one-column-row) .p-img-holder, #footer-block .multi-sce-grid-row:not(.one-column-row) p img:only-child, #footer-block .multi-sce-grid-row:not(.one-column-row) a.link-image { max-width: unset; width: 100%; } @media screen and (min-width:1200px) { #footer-block::after { content: ''; position: absolute; height: 120%; right: 0; top: -10%; opacity: .3; background: url(css/images/sm-icon-orange.png); width: 33%; background-size: cover; pointer-events: none; } } /* Cookie Law */ #cookie-law-info-bar a.cli-plugin-button { color: #222 !important; }