/* Theme Name: Tome Coffee Theme URI: https://www.tomecoffeeroasting.com Description: Custom theme for Tome Coffee Version: 1.0 Author: Greyforest Author URI: https://www.Greyforest.digital */ /* GLOBAL VARIABLES */ :root { --section-max-width: '1280px'; --font-body: 'Verdana'; --font-body-backup: 'Verdana'; --font-nav: 'Alkhemikal'; --font-headings: 'Alkhemikal'; --font-headings-h1: 'Alkhemikal'; --font-headings-h2: var(--font-headings); --font-headings-h3: var(--font-headings); --font-headings-h4: var(--font-headings); --font-headings-h5: var(--font-headings); --font-paragraph: 'Verdana'; --font-buttons: 'Alkhemikal'; --font-custom: 'Alkhemikal'; --tile-size: 32px; --pixel-scale: 4; --tile-render-size: calc(var(--tile-size) * var(--pixel-scale)); --color-accent: #e8bd5e; --sprite-header-bg: url('assets/img/sprite-header-center.svg'); --sprite-header-left: url('assets/img/sprite-header-left-2.png'); --sprite-header-right: url('assets/img/sprite-header-right-2.png'); --sprite-footer-floor: url('assets/img/sprite-wide-floor.svg'); } /*////////////////////////////////////////////////////////////////////////////*/ @font-face { font-family: 'Alkhemikal'; /* A unique name to refer to this font in your CSS */ src: url('assets/fonts/Alkhemikal.woff2') format('woff2'); /* Path to the font file in WOFF2 format */ font-weight: normal; /* Optional: Defines the weight of the font (e.g., normal, bold, 400, 700) */ font-style: normal; /* Optional: Defines the style of the font (e.g., normal, italic, oblique) */ } @font-face { font-family: 'HistoricalFelltypeRoman'; /* A unique name to refer to this font in your CSS */ src: url('assets/fonts/HistoricalFelltypeRoman.woff2') format('woff2'); /* Path to the font file in WOFF2 format */ font-weight: normal; /* Optional: Defines the weight of the font (e.g., normal, bold, 400, 700) */ font-style: normal; /* Optional: Defines the style of the font (e.g., normal, italic, oblique) */ font-display: swap; /* Optional: Controls how the font loads and displays, preventing invisible text during loading */ } /*////////////////////////////////////////////////////////////////////////////*/ * { box-sizing: border-box; margin: 0; padding: 0; } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,iframe,img,ins,kbd,q,samp,small, strong,sub,sup,var, b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header, hgroup,menu,nav,section,summary,time,mark,audio,video {position:relative;margin:0;padding:0;border:0;border-style:none;height:auto;} article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section{display:block;backface-visibility:hidden;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ html, body { background-color: #000; color: #fff; font-family: var(--font-body), Verdana, system-ui, sans-serif; font-size:16px; } body {image-rendering: pixelated; image-rendering: crisp-edges;overflow-y:scroll; } body.active {overflow:hidden !important;} a {color:var(--color-accent);text-decoration:none;} button, .button, .wp-element-button, input[type="submit"] {font-family:var(--font-buttons);background-size:80px;background-image:url('assets/img/GOLD.jpg');background-color:var(--color-accent);cursor:pointer;font-size:1rem;padding:.7rem 2rem .5rem 2rem;display:inline-block;text-transform:uppercase;text-decoration:none;font-weight:bold;color:#000;border-radius:0;border:0px;} button:hover, .button:hover, .wp-element-button:hover, input[type="submit"]:hover {opacity:0.85;} h1, h2, h3, h4, h5, h6 {font-family:var(--font-headings);letter-spacing:0;line-height:1;padding-bottom:1rem;font-weight:normal;color:#fff;} h1 {font-size:3rem;} h2 {font-size:2.5rem;} h3 {font-size:2rem;} h4 {font-size:1.5rem;} h5 {font-size:1.25rem;} h6 {font-size:1rem;} P {padding-bottom:1rem;} input, label, select, textarea {font-family:var(--font-paragraph);width:100%;max-width:100%;border:1px solid #666;color:#fff;padding:1em;display:block;border-radius:0px;font-size:.75rem;margin:0;} input, select, textarea {background:#333;} input[type='checkbox']{-webkit-appearance:checkbox;width:auto;display:inline-block;} input[type='checkbox']:checked{position:relative;} input[type='checkbox']:checked:before{content:'';display:block;width:100%;height:100%;position:absolute;top:1px;left:1px;background:none #ACACB8;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;opacity:0.5;} input[type="radio"] {display:none;font-size:1em;} input[type="radio"] + label:before {float:left;display:block;position:relative;content:"";left:0;width:.9em;height:.9em;margin-top:0em;margin-right:1em;background:#333;border-radius:100%;} input[type="radio"] + label:hover:before {background:#555;} input[type="radio"] + label {line-height:2em;float:none;width:auto;height:auto;display:block;cursor:pointer;padding:0 0 0 2em;} input[type="radio"] + label:hover span {opacity:1;} input[type="radio"] + label span {width:auto;font-size:1em;border:0px;height:auto;display:inline-block !important;cursor:pointer;text-align:left;padding:0em;font-size:1em;margin:0 0 0 0em;} input[type="radio"]:checked + label:before {background:var(--color-accent) url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0YxOUFGM0IyMjdDMTFFODgyQUJBODQyMjYxMTA4OTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0YxOUFGM0MyMjdDMTFFODgyQUJBODQyMjYxMTA4OTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRjE5QUYzOTIyN0MxMUU4ODJBQkE4NDIyNjExMDg5MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRjE5QUYzQTIyN0MxMUU4ODJBQkE4NDIyNjExMDg5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjuvwr4AAAm9SURBVHja7J1/aJbX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) no-repeat;background-size:50% 50%;background-position:center center;} input[type="radio"]:checked + label span {color:#000;background:none;padding:0;} ul li, ol li {list-style-position:inside;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ----- HEADER ----- */ .dungeon-header { background: #000; z-index:100;padding-top: 0; margin-bottom: 8px; text-align:center; } .dungeon-header .dungeon-logo { position:absolute; top:15px; left:40px; height:100px; width:100px; z-index:3; } .dungeon-header .dungeon-logo img { display: inline-block; padding:0; border: 0px solid #fff; text-transform: uppercase; letter-spacing: 0.2em; font-size: 14px; margin-bottom: 12px; max-width:150px; width:100%; height:auto; } .dungeon-header .dungeon-cart-toggle { position:absolute; top:15px; right:40px; height:100px; width:100px; z-index:10;cursor:pointer; } .dungeon-header .dungeon-cart-toggle img { display: inline-block; padding:10px; border: 0px solid #fff; text-transform: uppercase; letter-spacing: 0.2em; font-size: 14px; margin-bottom: 12px; max-width:150px; width:100%; height:auto; } .dungeon-header .dungeon-menu-toggle { position:absolute; display:none; z-index:10; } .dungeon-header .dungeon-menu-toggle img { display: inline-block; padding:0; border: 0px solid #fff; text-transform: uppercase; letter-spacing: 0.2em; font-size: 14px; margin-bottom: 12px; max-width:150px; width:100%; height:auto; } .dungeon-header .dungeon-nav { width: 100%; height: var(--tile-render-size); background-image: var(--sprite-header-bg); image-rendering: pixelated; position:relative; background-repeat: repeat-x; background-position: 0 0; background-size: auto var(--tile-render-size); position:relative; text-align:center; } .dungeon-header .dungeon-nav-inner {height: var(--tile-render-size);} .dungeon-header .dungeon-nav:before { content:''; background-image: var(--sprite-header-left); image-rendering: pixelated; z-index:2; position:absolute; left:0; top:0; background-repeat: no-repeat; background-position: left; background-size: auto var(--tile-render-size); width:204px; height:var(--tile-render-size); } .dungeon-header .dungeon-nav:after { content:''; background-image: var(--sprite-header-right); image-rendering: pixelated; z-index:2; position:absolute; right:0; top:0; background-repeat: no-repeat; background-position: right; background-size: auto var(--tile-render-size); width:204px; height:var(--tile-render-size); } .dungeon-header .dungeon-nav nav { letter-spacing: 0em; position:relative; z-index:2; } .dungeon-header .dungeon-nav nav ul { display:block; } .dungeon-header .dungeon-nav nav ul li { display:inline-block; } .dungeon-header .dungeon-nav nav ul li a {position:relative;display:block;font-size:30px;padding:0 1.5rem; text-decoration: none; color: #fff; line-height:var(--tile-render-size); position: relative; font-family:'Alkhemikal'; } .dungeon-header .dungeon-nav nav ul li a:hover {color:rgba(0,0,0,0);} .dungeon-header .dungeon-nav nav ul li a img {display:none;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;} .dungeon-header .dungeon-nav nav ul li a:hover img {display:block;} /* ----- MAIN BODY ----- */ .dungeon-main {flex:1;min-height:70vh;display:grid;grid-template-columns:minmax(80px, auto) minmax(800px, 900px) minmax(80px, auto);align-items:stretch;background:#000;} /* Walls */ .dungeon-wall {background-image: url(assets/img/sprite-wide-bricks-1.svg); background-size: calc(var(--tile-render-size) * 4); background-repeat: repeat; background-position:top right; overflow: hidden;image-rendering: pixelated; position: relative; } .dungeon-wrapper.wall1 .dungeon-wall {background-image: url(assets/img/sprite-wide-bricks-1.svg); background-size: calc(var(--tile-render-size) * 4);} .dungeon-wrapper.wall2 .dungeon-wall {background-image: url(assets/img/sprite-blocks.svg); background-size: calc(var(--tile-render-size) * 4);} .dungeon-wall.dungeon-wall--right {background-position:top left;} /* Torch container */ .torch { z-index:3;position: absolute; left: 50%; transform: translateX(-50%); top:var(--tile-render-size) !important;display: flex; flex-direction: column; align-items: center; } .torch-base { width: var(--tile-render-size); height: var(--tile-render-size); background-image: url(assets/img/sprite-torch.svg); background-repeat: no-repeat; background-size: var(--tile-render-size); image-rendering: pixelated; } .torch-flame { width: var(--tile-render-size); height: var(--tile-render-size); background-image: url(assets/img/sprite-flame.png); background-repeat: no-repeat; background-size: var(--tile-render-size); image-rendering: pixelated; animation: flame-flicker 0.6s steps(4) infinite; } /* Flame animation: step through 4 horizontal frames on row 2, cols 1–4 */ @keyframes flame-flicker { 0% { background-image: url(assets/img/sprite-flame.png); } 25% { background-image: url(assets/img/sprite-flame-2.png); } 50% { background-image: url(assets/img/sprite-flame-3.png); } 75% {background-image: url(assets/img/sprite-flame-4.png);} 100% { background-image: url(assets/img/sprite-flame.png); } } .mouse { z-index:3;position: absolute; left: 20%;animation: mouse-scurry 5s steps(6) infinite; bottom:0;width:var(--tile-render-size);height:var(--tile-render-size);background-image:url(assets/img/sprite-mouse-outlined.svg);background-size:100%;background-repeat:no-repeat; } @keyframes mouse-scurry { 0% { transform: scaleX(1) translateX(00px); } 20% { transform: scaleX(1) translateX(-30px); } 40% { transform: scaleX(1) translateX(-35px); } 45% { transform: scaleX(-1) translateX(35px); } 65% { transform: scaleX(-1) translateX(20px); } 85% { transform: scaleX(-1) translateX(5px); } 100% { transform: scaleX(-1) translateX(-40px); } } /* ----- CENTER ----- */ .dungeon-content { background: #000; display: flex; justify-content: center; padding: 10px 20px; } .dungeon-content-inner { width: 100%; background: #000; color: #fff; padding: 24px 24px 32px; border: 4px solid #fff; box-shadow: 0 0 0 4px #000, 0 0 0 10px #fff; font-size: 14px; line-height: 1.6; } .dungeon-content-inner p + p { margin-top: 12px; } /* ----- FOOTER ----- */ .dungeon-footer { background: #000; margin-top: -20px; } .dungeon-border--floor { height: calc(var(--tile-render-size) / 1.9); background-image: var(--sprite-footer-floor); background-size: calc(var(--tile-render-size) * 4) var(--tile-render-size) ; background-color: #000; margin-top: 8px; width: 100%; image-rendering: pixelated; position:relative; background-repeat: repeat-x; background-position: top left; } .footer-inner { max-width: 900px; margin: 0 auto; padding: 12px 16px 24px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.16em; color: #aaa; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; } nav.footer-links ul { display: flex; flex-wrap: wrap; gap: 16px; } nav.footer-links ul li a { text-decoration: none; color: #aaa; } nav.footer-links ul li a:hover { color: #fff; } .grecaptcha-badge {display:none !important;opacity:0 !important;pointer-events:none !important;} .post-password-form {max-width:600px;margin:0px auto;} .wpcf7 form .wpcf7-response-output {margin-top:0;} .wpcf7 form p {padding: 0 1rem;} .wpcf7 form label {font-weight:bold;} .wpcf7 form .wpcf7-form-control-wrap {margin: 0.5rem 0 0 0;display:block;} .aiowps-captcha-equation { margin: 0 1rem; } p.aiowps-captcha { margin-bottom: 0 !important; padding-bottom: 0; } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 1075px) { .dungeon-header .dungeon-nav nav ul li a { font-size: 20px; } } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 960px) { :root { --tile-render-size: 64px; } .header-inner {height:auto;min-height:var(--tile-render-size);} nav.footer-links ul { justify-content:center; } .dungeon-content { flex-flow: column;padding: 10px 16px; justify-content:normal; } .dungeon-content-inner { padding: 16px 16px 24px; font-size: 13px;height:100%;} .dungeon-main { grid-template-columns: minmax(100px,1fr) minmax(0, 600px) minmax(100px,1fr); } .footer-inner { flex-direction: column; align-items: flex-start; } .dungeon-products {flex-flow:column;padding:0;} .dungeon-product {width:100%;} .dungeon-product a {display:block;} .dungeon-header {height:auto;min-height:var(--tile-render-size); } .dungeon-header .dungeon-cart-toggle {cursor:pointer;position:absolute;right:00px;top:10px;width:90px;height:64px;top: 0; display: flex; align-items: center; justify-content: center;} .dungeon-header .dungeon-cart-toggle img {width:40px;margin:0;padding:0; } .dungeon-header .dungeon-logo {position:absolute;left:50%;transform:translateX(-50%);top:7px;height:48px;width:auto;} .dungeon-header .dungeon-logo img {width:50px;} .dungeon-header .dungeon-menu-toggle {cursor:pointer;position:absolute;left:00px;top:10px;width:90px;height:64px;top: 0; display: flex; align-items: center; justify-content: center;} .dungeon-header .dungeon-menu-toggle svg:active {transform:scale(0.9);transition:0s; } .dungeon-header .dungeon-menu-toggle svg {width:32px;height:32px;margin:0;display: block;transform-origin:center; } .dungeon-header .dungeon-menu-toggle svg path {fill:#fff; } .dungeon-header .dungeon-menu-toggle svg:hover {filter:drop-shadow(0px 0px 5px var(--color-accent));} .dungeon-header .dungeon-menu-toggle svg:hover path {fill:var(--color-accent);} .dungeon-header .dungeon-nav {opacity:1;} .dungeon-header .dungeon-nav nav {background:#000;font-size: 20px;height:auto;display:none;margin-top:0;border:4px solid #fff;top: var(--tile-render-size); position: relative; padding: 1rem 0; } .dungeon-header .dungeon-nav nav.active { display:block; } .dungeon-header .dungeon-nav nav ul { display:flex;flex-wrap: wrap; justify-content: center; gap: 12px;} .dungeon-header .dungeon-nav nav ul li { display:block; width:100%; } .dungeon-header .dungeon-nav nav ul li a { display:block;line-height:48px; } /* .dungeon-header .dungeon-nav nav ul li a, .dungeon-header .dungeon-nav nav ul li a:hover { background-position:30px center !important; background-repeat:no-repeat !important; background-size:2rem !important; color:#fff !important; } .dungeon-header .dungeon-nav nav ul li:hover a { background-size:2.2rem !important; background-position:calc(30px - .1rem) center !important; } .dungeon-header .dungeon-nav nav ul li:nth-child(1) a { background-image:url(assets/img/sprite-skull.svg); } .dungeon-header .dungeon-nav nav ul li:nth-child(2) a { background-image:url(assets/img/sprite-bottle.svg); } .dungeon-header .dungeon-nav nav ul li:nth-child(3) a { background-image:url(assets/img/sprite-chains.svg); } .dungeon-header .dungeon-nav nav ul li:nth-child(4) a { background-image:url(assets/img/sprite-book.svg); } .dungeon-header .dungeon-nav nav ul li:nth-child(5) a { background-image:url(assets/img/sprite-scroll.svg); } */ .dungeon-header .dungeon-nav nav ul li a:hover {color:#fff;} .dungeon-header .dungeon-nav nav ul li a img {display:block;left:2rem;transform:translate(0,-50%);width:2.2rem;height:auto;} .dungeon-header .dungeon-nav nav ul li a:hover img {display:block;transform:translate(0,-50%) scale(1.1);} .torch-base { width: var(--tile-render-size); height: var(--tile-render-size); background-image: url(assets/img/sprite-torch.png); background-repeat: no-repeat; background-size: var(--tile-render-size); image-rendering: pixelated; } .torch-flame { width: var(--tile-render-size); height: var(--tile-render-size); background-image: url(assets/img/sprite-flame.png); background-repeat: no-repeat; background-size: var(--tile-render-size); image-rendering: pixelated; animation: flame-flicker 0.6s steps(4) infinite; } .footer-inner { flex-direction: column; align-items: center; } } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 640px) { .dungeon-main { grid-template-columns: 50px minmax(0, 1fr) 50px; } } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */