/* RESET - Sets the page to appear consistently across browsers */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a, button { cursor: revert; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; }
img { max-width: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { white-space: revert; }
:focus { outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* COLOURS - Uses rgb so that opacity can be used */
:root {
--black: 0, 0, 0;
--white: 255, 255, 255;
--background: 64, 64, 64;
--text: 225, 205, 235;
--link: 145, 113, 168;
--border: 66, 32, 92;
--gold: 221, 171, 46;
--highlight: 250, 226, 138;
}

/* GENERAL */

body { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='109.7' height='95' viewBox='0 0 34.64101615137755 30' patternUnits='userSpaceOnUse' patternTransform='rotate(74)'%3E%3Crect width='100%25' height='100%25' fill='rgba(51, 51, 51,1)'/%3E%3Cpath d='M-20-20h200v200h-200M32.48 26.25L25.98 22.5L19.48 26.25L19.48 33.75L25.98 37.5L32.48 33.75zM15.16 26.25L8.66 22.5L2.16 26.25L2.16 33.75L8.66 37.5L15.16 33.75zM6.5 11.25L0 7.5L-6.5 11.25L-6.5 18.75L0 22.5L6.5 18.75zM15.16-3.75L8.66-7.5L2.16-3.75L2.16 3.75L8.66 7.5L15.16 3.75zM32.48-3.75L25.98-7.5L19.48-3.75L19.48 3.75L25.98 7.5L32.48 3.75zM41.14 11.25L34.64 7.5L28.14 11.25L28.14 18.75L34.64 22.5L41.14 18.75zM23.82 11.25L17.32 7.5L10.82 11.25L10.82 18.75L17.32 22.5L23.82 18.75z' fill='rgba(66, 66, 66,1)'/%3E%3Cpath d='M-20-20h200v200h-200M28.91 26L21.98 22L15.05 26L15.05 34L21.98 38L28.91 34zM11.59 26L4.66 22L-2.27 26L-2.27 34L4.66 38L11.59 34zM2.93 11L-4 7L-10.93 11L-10.93 19L-4 23L2.93 19zM11.59-4L4.66-8L-2.27-4L-2.27 4L4.66 8L11.59 4zM28.91-4L21.98-8L15.05-4L15.05 4L21.98 8L28.91 4zM37.57 11L30.64 7L23.71 11L23.71 19L30.64 23L37.57 19zM46.23 26L39.3 22L32.37 26L32.37 34L39.3 38L46.23 34zM20.25 41L13.32 37L6.39 41L6.39 49L13.32 53L20.25 49zM-5.73 26L-12.66 22L-19.59 26L-19.59 34L-12.66 38L-5.73 34zM-5.73-4L-12.66-8L-19.59-4L-19.59 4L-12.66 8L-5.73 4zM20.25-19L13.32-23L6.39-19L6.39-11L13.32-7L20.25-11zM46.23-4L39.3-8L32.37-4L32.37 4L39.3 8L46.23 4zM37.57 41L30.64 37L23.71 41L23.71 49L30.64 53L37.57 49zM2.93 41L-4 37L-10.93 41L-10.93 49L-4 53L2.93 49zM-14.39 11L-21.32 7L-28.25 11L-28.25 19L-21.32 23L-14.39 19zM2.93-19L-4-23L-10.93-19L-10.93-11L-4-7L2.93-11zM37.57-19L30.64-23L23.71-19L23.71-11L30.64-7L37.57-11zM54.89 11L47.96 7L41.03 11L41.03 19L47.96 23L54.89 19zM20.25 11L13.32 7L6.39 11L6.39 19L13.32 23L20.25 19z' fill='rgba(0, 0, 0,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ") fixed repeat; color: rgba(var(--text)); font-family: 'Crimson Pro', Times New Roman, serif; font-size: calc(18px + 0.390625vw) /* This value allows for fluid text. You can set a different base value (18px) or adjust the "zoom" with the vw value */; font-weight: 400; line-height: 1.5; margin: 4vh 2vw; padding: 0; text-align: center; }
strong, b { font-weight: 700; }
em, i { font-style: italic; }
p { padding: 0 0 1.25rem 0; }
hr { border: 0; height: 1px; background-image: linear-gradient(to right, transparent, rgba(var(--gold), 0.75), transparent); }

/* LINKS */
a { color: rgba(var(--link)); font-weight: 700; text-decoration: underline 1px solid; transition: all 0.3s linear; text-shadow: 1px 1px 0 rgba(var(--black)); }
a:hover { color: rgba(var(--gold)); transition: all 0.3s linear; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { background: rgba(var(--gold)); background: linear-gradient(to bottom, rgba(var(--gold)) 55%, rgba(var(--highlight)) 60%, rgba(var(--gold)) 75%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Applies the gold gradient to all headings. */
h1 { font-family: 'Mea Culpa', 'Playfair Display', Times New Roman, serif; font-size: 10vw; margin: 0 0 0.625rem 0; } /* Controls font style of site title text */
h2, h3, h4, h5, h6 { font-family: 'Playfair Display', Times New Roman, serif; font-weight: 700; font-style: italic; } /* Controls font style of all other headings */
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

/* LISTS */
ul, ol { list-style-position: inside; margin: 0 0 1.25em 0; padding: 0 0 0 1.25rem; }
ul li ul { margin-bottom: 0; }
li::marker { color: rgba(var(--gold)); } /* Colour of the list markers */

/* FORMS */
input, textarea, select { background-color: rgba(var(--background)); border: 1px solid rgba(var(--border)); color: rgba(var(--text)); font-family: 'Crimson Pro', Times New Roman, serif; font-size: 0.8em; padding: 0.625rem; }
input:focus, textarea:focus, select:focus { background-color: rgba(var(--border), 0.3); border-color: rgba(var(--gold), 0.75); }

button { background-image: linear-gradient(to bottom, rgba(var(--gold)) 25%, rgba(var(--highlight)) 50%, rgba(var(--gold)) 75%); border: 0; color: rgba(var(--background)); font-family: 'Playfair Display', Times New Roman, serif; font-size: 0.9em; font-style: italic; font-weight: 700; padding: 0 0.625rem 0.25rem 0.625rem; transition: all 0.3s linear; }
button:hover { cursor: pointer; transform: translate(1px, 1px); transition: all 0.3s linear; }

/* STRUCTURE */
.container { margin: 0 auto; max-width: 1366px /* Change this to widen or narrow the base width of the layout */; }
.border { border: 35px solid transparent; border-image: url('/img/border2.png') 35 round; }
.wrapper { background-color: rgba(var(--background)); display: flex; flex: 1 1 auto; flex-direction: row; text-align: left; }
.content { flex: 1 1 auto; padding: 0 1.875rem; }
.sidebar { font-size: 0.8em; flex: 0 0 25%; max-width: 300px /* Change this to widen or narrow the base width of the sidebar */; }

/* HEADER */
header #menu { border: 35px solid transparent; border-image: url('/img/border2.png') 35 round; position: relative; z-index: 1; margin: 0 0 0.625rem 0; }
header #menu ul { background-color: rgba(var(--background)); color: rgba(var(--gold)); display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 0.9em; text-transform: uppercase; overflow: hidden; margin: -23px 0; width: 100%; }
header #menu li { list-style: none; text-align: center; }

/* Change these values depending on the number of links in your menu (yes, this means you will have to do some maths, sorry!) */
header #menu li { flex-basis: 16.6666666667%; }
@media (max-width: 1024px) { header #menu li { flex-basis: 33.3333333333%; }}
@media (max-width: 600px) { header #menu li { flex-basis: 50%; }}

header #menu li a, header #menu .subnav .btn { color: rgba(var(--gold)); display: inline-block; font-weight: 700; padding: 0.75rem 1rem; text-align: center; text-decoration: none; transition: all 0.3s linear; }
header #menu li a:hover, header #menu .subnav .btn:hover { color: rgba(var(--link)); transform: translate(1px, 1px); transition: all 0.3s linear; }
header #menu .subnav { overflow: hidden; }
header #menu .subnav .btn { text-shadow: 1px 1px 0 rgba(var(--black)); }
header #menu .subnav:hover .btn { cursor: zoom-in; }
header #menu .subnav .i { font-size: 0.5em; vertical-align: middle; }
header #menu .subnav:hover .subnav-content { visibility: visible; opacity: 1; pointer-events: auto; transition: all 0.3s linear; }
header #menu .subnav .subnav-content { background-color: rgba(var(--background), 0.9); display: flex; flex-wrap: wrap; justify-content: center; position: absolute; left: 0; visibility: hidden; opacity: 0; font-size: 0.9em; text-transform: initial; pointer-events: none; transition: all 0.3s linear; width: 100%; z-index: 1; }
header #menu .subnav .subnav-content a { color: rgba(var(--link)); padding: 0.8rem 1.5rem; transform: translate(0); transition: all 0.3s linear; }
header #menu .subnav .subnav-content a:hover { color: rgba(var(--gold)); transition: all 0.3s linear; }

/* SIDEBAR - Left */
.sidebar { border-right: 2px solid rgba(var(--border)); margin: -23px 0; padding: 23px 35px 23px 0; order: -1; }
@media (max-width: 1024px) { .sidebar { margin: 0 0 -23px -23px; border: 0; padding: 23px; order: 0;  } }

/* Prefer the sidebar on the right of the layout? Remove the two lines of code above and "uncomment" this section by removing the last */
/* SIDEBAR - Right
.sidebar { border-left: 2px solid rgba(var(--border)); margin: -23px 0; padding: 23px 0 23px 35px; order: 0; }
@media (max-width: 1024px) { .sidebar { margin: 0 -23px -23px 0; border: 0; padding: 23px;  } } */

/* FOOTER */
footer { color: rgba(var(--text), 0.8); font-size: 0.6em; letter-spacing: 1px; margin: 1.25rem 0 0 0; text-align: center; text-transform: uppercase; }

/* RESPONSIVITY */
@media (max-width: 1024px) {
.wrapper { flex-wrap: wrap; justify-content: space-between; gap: 0; }
.content { flex-basis: 100%; border-bottom: 2px solid rgba(var(--border)); margin: 0 -23px; padding: 0 23px; }
.sidebar { flex-basis: 50%; max-width: 512px; }
}
@media (max-width: 500px) {
.wrapper { flex-direction: column; flex-wrap: nowrap; }
.sidebar { flex-basis: 100%; max-width: 100%; }
}
 /* Star - https://www.cursors-4u.com/cursor/sym20 */
* {
  cursor: url('https://sei.beauty/img/oth110.cur'), auto !important;
}
/* End www.Cursors-4U.com Code */