/* -----------------------------------------------------------------------

Okapi Creative: Custom CSS

version: 1.1
date: June 2026
authors: Tarquin Rees 
email: hello@okapicreative.com
----------------------------------------------------------------------- */

:root {
--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Variable Text', "Segoe UI", Roboto, Helvetica, 'Helvetica Neue', "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", Arial, system-ui, sans-serif, "Apple Color Emoji", "Twemoji Mozilla", "Segoe UI Emoji", "Android Emoji";
--font-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI Variable Heading', "Segoe UI", Roboto, Helvetica, 'Helvetica Neue', "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", Arial, system-ui, sans-serif, "Apple Color Emoji", "Twemoji Mozilla", "Segoe UI Emoji", "Android Emoji";
--font-monospace: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}

body {
font-family: var(--font-family);
font-variant-ligatures: discretionary-ligatures;
font-weight: 400;
font-style: normal;
font-size : 1.0em;
line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading);
font-weight: 500;
text-wrap: pretty;
}

span.logo {
color: red;
font-size : 1.5em;
}

.navmenu a {
color: #999;
font-size : 0.9em;
}

img.port {border: 1px solid #E5E4E2;}

.spacer {height: 10em;}

p.mb-5+p {
margin-top: -3%;
}

.portfolio-description h4 {
font-size : 1.1em;
margin-top: 5%;
}

table.gridtable {
margin: 40px 0 40px 0px;
font-family: verdana,arial,sans-serif;
font-size:12px;
color:#333333;
border-width: 1px;
border-color: #666;
border-collapse: collapse;
}

table.gridtable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #ccc;
background-color: #f4f4f4;
width: 170px;
text-align: left;
}

table.gridtable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #ccc;
background-color: #fff;
}

table.gridtable th.order {width: 17px;}