@charset "UTF-8";

/*
 Project Name: Wenaha Wood
 Project Date: Summer 2025
 Project Team: Wenaha Woodpeckers
 Project Form: style.css
 */

.riptide-container {width:95%;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px;box-sizing:border-box;font-family:'Poynter';}

@media screen and (min-width: 500px) {
.riptide-container {max-width: 450px;width:50%;}}
@media screen and (min-width: 768px) {
.riptide-container {max-width: 720px;}}
@media screen and (min-width: 1024px) {
.riptide-container {max-width: 960px;}}
@media screen and (min-width: 1200px) {
.riptide-container {max-width: 1140px;}}

.body-dark{background-color:black;color:white;}
body {background-color:#ffffff;color:#000000;}
@font-face{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight: normal;font-style: normal;font-size: calc(1.0vw + 1.0vh);}

.white-button:link {background-color:#ffffff;color:#000000;padding:5px 10px;margin:10px 0px 10px 0px;text-decoration:none;display:inline-block;border:2px solid #000000;border-radius:5px;font-weight:bold;text-align:center;transition: background 0.3s;}
.white-button:visited {background-color:#ffffff;color:#000000;padding:5px 10px;margin:10px 0px 10px 0px;text-decoration:none;display:inline-block;border:2px solid #000000;border-radius:5px;font-weight:bold;text-align:center;transition: background 0.3s;}
.white-button:hover {background-color:#000000;color:#ffffff;padding:5px 10px;margin:10px 0px 10px 0px;text-decoration:none;display:inline-block;border:2px solid #000000;border-radius:5px;font-weight:bold;text-align:center;transition: background 0.3s;}
.white-button:active {background-color:#ffffff;color:#000000;padding:5px 10px;margin:10px 0px 10px 0px;text-decoration:none;display:inline-block;border:2px solid #000000;border-radius:5px;font-weight:bold;text-align:center;transition: background 0.3s;}
.black-button:link {background-color:#000000;color:#ffffff;padding:5px 10px;margin:10px 0px 10px 0px;text-decoration:none;display:inline-block;border:2px solid #000000;border-radius:5px;font-weight:bold;text-align:center;transition: background 0.3s;}
.black-button:visited {background-color:#000000;color:#ffffff;padding:5px 10px;margin:10px 0px 10px 0px;text-decoration:none;display:inline-block;border:2px solid #000000;border-radius:5px;font-weight:bold;text-align:center;transition: background 0.3s;}
.black-button:hover {background-color:#ffffff;color:#000000;padding:5px 10px;margin:10px 0px 10px 0px;text-decoration:none;display:inline-block;border:2px solid #000000;border-radius:5px;font-weight:bold;text-align:center;transition: background 0.3s;}
.black-button:active {background-color:#000000;color:#ffffff;padding:5px 10px;margin:10px 0px 10px 0px;text-decoration:none;display:inline-block;border:2px solid #000000;border-radius:5px;font-weight:bold;text-align:center;transition: background 0.3s;}
.contents-button:link {background-color:#ffffff;color:#000000;padding:2px 5px;margin:3px 0px 3px 0px;text-decoration:none;font-weight:bold;text-align:center;}
.contents-button:visited {background-color:#ffffff;color:#000000;padding:2px 5px;margin:3px 0px 3px 0px;text-decoration:none;font-weight:bold;text-align:center;}
.contents-button:hover {background-color:#000000;color:#ffffff;padding:2px 5px;margin:3px 0px 3px 0px;text-decoration:underline;font-weight:bold;text-align:center;}
.contents-button:active {background-color:#ffffff;color:#000000;padding:2px 5px;margin:3px 0px 3px 0px;text-decoration:none;font-weight:bold;text-align:center;}

.white-button{font-size: clamp(1.00rem, calc(0.939rem + 0.227vw), 1.17rem);}
.black-button{font-size: clamp(1.00rem, calc(0.939rem + 0.227vw), 1.17rem);}

.btn {display:inline-block;width:50px;height:50px;cursor:pointer;background-image: url('bg-light.png');background-repeat:no-repeat;background-size:cover;border-radius:0.25rem;}
.btn-primary {color: #000000;background-color: #ffffff;border: 4px solid #ffffff;}
.btn-primary:hover {background-image: url('bg-dark.png');background-repeat:no-repeat;background-size:cover;}
@media (prefers-reduced-motion: reduce) {.btn {transition: none;}}

.bttn {display:inline-block;width:50px;height:75px;cursor:pointer;background-image: url('dfn-light.png');background-repeat:no-repeat;background-size:cover;border-radius:0.25rem;}
.bttn-primary {color: #000000;background-color: #ffffff;border: 4px solid #ffffff;}
.bttn-primary:hover {background-image: url('dfn-dark.png');background-repeat:no-repeat;background-size:cover;}
@media (prefers-reduced-motion: reduce) {.bttn {transition: none;}}

.logo-title{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight:700;font-style:normal;font-size: clamp(1.80rem, calc(1.621rem + 1.227vw), 2.29rem);}
.logo-description{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight:600;font-style:italic;font-size: clamp(1.00rem, calc(0.909rem + 0.455vw), 1.25rem);text-indent:40px;margin-top: 0;margin-bottom:0.6em;}
.logo-sherman{float:right;margin-right:20px;}

.black-line{border: none;height: 4px;width:50%;margin-top:20px;margin-bottom:20px;background-color: black;}

.footer-copyright{padding:5px 10px;font-weight:normal;text-align:center;font-size: clamp(1.00rem, calc(0.901rem + 0.682vw), 1.27rem);}
.footer-name{padding:5px 10px;font-weight:bold;text-align:center;font-size: clamp(1.14rem, calc(1.039rem + 0.455vw), 1.43rem);}
.footer-address{padding:5px 10px;font-weight:normal;text-align:center;font-size: clamp(1.00rem, calc(0.901rem + 0.682vw), 1.27rem);}

/* database text styles */
.meme-blurb-title{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight: 800;font-style: normal;font-size: clamp(1.50rem, calc(1.351rem + 1.023vw), 1.91rem);text-align:center;}
.meme-blurb-body{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight: 500;font-style: normal;font-size: clamp(1.14rem, calc(1.039rem + 0.455vw), 1.43rem);text-indent:40px;margin-bottom:1.5em;}
.meme-blurb-conclusion{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight: 600;font-style: italic;font-size: clamp(1.00rem, calc(0.909rem + 0.455vw), 1.25rem);}
.meme-chapter{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight: 400;font-style: normal;font-size: clamp(1.00rem, calc(0.909rem + 0.455vw), 1.25rem);}
.meme-location{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight: 800;font-style: italic;font-size: clamp(1.00rem, calc(0.948rem + 0.227vw), 1.14rem);}
.meme-date{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight: 700;font-style: normal;font-size: clamp(1.00rem, calc(0.948rem + 0.227vw), 1.14rem);}
.meme-salutation{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight: 600;font-style: normal;font-size: clamp(1.00rem, calc(0.909rem + 0.455vw), 1.25rem);}
.meme-body{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight: 700;font-style: normal;font-size: clamp(1.00rem, calc(0.909rem + 0.455vw), 1.25rem);text-indent:40px;margin-top: 0;margin-bottom:1.5em;}
.meme-closing{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight: 700;font-style: normal;font-size: clamp(1.00rem, calc(0.909rem + 0.455vw), 1.25rem);text-indent:40px;}
.meme-chapter-marker{background-color:#e4e4e4; font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight: 800;font-style: normal;font-size: clamp(1.14rem, calc(1.039rem + 0.455vw), 1.43rem);}

dialog {border: none;border-radius: 8px;padding: 24px;max-width: 400px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
dialog::backdrop {background-color: rgba(0, 0, 0, 0.5);}
.modal-trigger {color: inherit;text-decoration: underline dashed #d7d7d7 4px;font: inherit;cursor: pointer;}

.define-define{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight: 700;font-style: normal;font-size: clamp(1.00rem, calc(0.948rem + 0.227vw), 1.14rem);}
.pronounce-define{font-family: 'Poynter';src: url('/PoynterTextItalicOne.ttf');src: url('../css/PoynterTextRomanOne.ttf');font-weight:600;font-style:italic;font-size: clamp(1.00rem, calc(0.909rem + 0.455vw), 1.25rem);}