
*,*::before,*::after{
  box-sizing:border-box;
}
*{
  margin:0;
  padding:0;
}
html,body{
  height:100%;
}
body{
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
img,picture,video,canvas,svg{
  display:block;
  max-width:100%;
}
input,button,textarea,select{
  font:inherit;
}
p,h1,h2,h3,h4,h5,h6,li,dl,dt,blockquote{
  overflow-wrap:break-word;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}
/* end normalization */
html{
  min-width:320px;
  width:100%;
  font:normal 100% 'Roboto', 'Arial', sans-serif;/*16/16*/
  line-height: 1.5;/*24/16 - Sets grid*/
  color:#404040;
  background:#f2f2f2;
}
/* Text Defaults */
h1,h2,h3,h4,h5,h6,p,ol,ul,dl,details{
  margin-bottom:1rem;
}
h1,h2,h3,h4,h5,h6{
  color:#111111;
  line-height:1.2;
}
h1{
  font-size:3rem;
  font-weight:600;
}
h1 .subtitle{
  display:block;
  margin-top:0.5rem;
  font-size:2rem;
  font-weight:400;
  color:#404040;
}
h2{
  font-size:2rem;
}
h3{
  font-size:1.75rem;
}
h4{
  border-left:4px solid #404040;
  padding-left:8px;
  margin-left:-12px;
  font-size:1.5rem;
}
h5{
  font-size:1.125rem;
}
h6{
  font-size:1rem;
}
li,dd{
  margin-bottom:0.5rem;
}
li:last-child,dd:last-child{
  margin-bottom:0;
}
dt{
  font-weight:bold;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  color:#007fff;
  text-decoration:none;
}
a.cta{
  display:block;
  text-align:center;
}
a.cta::before{
  content:'» ';
}
img{
  height:auto;
}
.is-inline{
  list-style:none;
}
.is-inline li{
  display:inline;
}
.is-inline li::after{
  content:' • ';
}
.is-inline li:last-child::after{
  content:'';
}
dl.is-inline dt::after{
  content:': ';
}
dl.is-inline dt,
dl.is-inline dd{
  display:inline;
}
dl.is-inline dd::after{
  content:'';
  display:block;
  margin-bottom:0.5rem
}




.mtx{}
.col{}
.row{}
.row-golden{}
.row-50{}




/* MARK: Admin
*/
form > *{
  display:block;
  width:100%;
}
textarea{
  height:20vh;
  overflow:scroll;
}

.editor{
  font-family:monospace; 
}
.editor input, .editor textarea{
  padding:0.25rem;
}







/* MARK: Old site
*/











/*----------------------------------------*\
  ##### Global #####
\*----------------------------------------*/
/* Box Sizing */
*,
*:before,
*:after{
  box-sizing:border-box;
}
/* Variables */
:root{
  --c-copy:hsl(205 15% 20%);
  --c-head:hsl(205 25% 10%);
  --c-link:hsl(194, 100%, 47%);
}

html{
  width:100%;
  min-width:320px;
  font:normal 100% Helvetica,Arial,sans-serif;/*16/16*/
  line-height:1.5;
  color:var(--c-copy);
  background:hsl(205 20% 96%);
  overflow-x:hidden;
}

h1,
h2,
h3,
h4,
h5,
h6{
  line-height:1.2;
  font-family:Georgia,serif;
  font-weight:normal;
  color:var(--c-head);
}
h1{
  font-size:3rem;
}
h2{
  font-size:2rem;
}
h3{
  font-size:1.5rem;
}
h4{
  font-size:1.25rem;
}
h5{
  font-size:1.125rem;
}
h6{
  font-size:1rem;
  font-weight:bold;
}

a,
a:link,
a:visited,
a:hover,
a:active{
  color:var(--c-link);
}

.l-c{
  display:flex;
  margin:0 auto;
  padding:0 2rem;
  max-width:71.5rem;
}
.col-50{
  width:50%;
}
.col-66{
}
@media(width > 1024px){
  .col-66{
    max-width:66%;
  }
}
.col-100{
  max-width:100%;
}

header{
  background:#fff;
}
header nav{
  width:100%;
  display:flex;
  justify-content:space-between;
}
header nav>a{
  height:6rem;
  overflow:hidden;
}
header nav>a>img{
  width:8rem;
  height:auto;
  margin-top:10px;
}

header ul{
  list-style:none;
}
header nav a{
  display:block;
  text-decoration:none;
  text-transform:uppercase;
  font-size:0.875rem;
  letter-spacing:0.125rem;
  line-height:1.2;
}
header nav>ul{
  margin:0;
  padding:0;
  display:flex;
}
header nav>ul>li{
  margin:0;
  padding:0;
  position:relative;
}
header nav>ul>li>a{
  line-height:1rem;
  padding:2.5rem 1.5rem;
  color:var(--c-head)!important;
}
header nav>ul>li>a:hover{
  color:var(--c-link)!important;
}
header nav>ul>li:last-child a{
  color:#fff!important;
  background:hsl(220, 82%, 23%);
  transition:background .25s ease-in-out
}
header nav>ul>li:last-child a:hover{
  background:hsl(220, 75%, 30%);
}
header nav>ul>li>ul{
  display:block;
  position:absolute;
  visibility:hidden;
  margin:0;
  padding:1em 0;
  width:12rem;
  transition:opacity .25s ease-in-out;
  background:hsl(220, 75%, 30%);
}
header nav>ul>li:hover>ul{
  visibility:visible;
  opacity:1;
}
header nav>ul>li>ul>li{
  margin:0;
  padding:0;
}
header nav>ul>li>ul>li>a{
  line-height:1rem;
  padding:0.5rem 1.5rem;
  color:#fff!important;
}

.l-hero{
  padding:6rem 0;
  background:linear-gradient(to right,rgb(0 0 0 / 75%),rgb(0 0 0 / 50%)),url(../media/bg-header.jpg) center center no-repeat,#fff;
  background-size:cover;
}
.l-hero h1{
  color:#fff;
}

main{
  padding:4rem 0;
}

em{
  font-weight:600;
}
.bog{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-flow:row wrap;
  justify-content:center;
  gap:2rem 1rem;
}
.bog li{
  flex:0 0 40%;
  text-align:center;
  font-weight:600;
  line-height:1.2;
}
@media (min-width:840px){
  .bog li{
    flex:0 0 22%;
  }
}
.bog img{
  border-radius:100%;
  background:#C7EAFB;
  display:block;
  width:80%;
  margin:0 auto 0.25rem;
  aspect-ratio:1;
}
.bog .title{
  display:block;
  font-weight:400;
}
.bog .term{
  display:block;
  font-weight:100;
  font-size:0.875rem;
}

.dl-inline{
  list-style-type:none;
}
.dl-inline dt{
  display:list-item;
  float:left;
}

.dl-inline dd{
  display:inline;
  margin:0;
  position:relative;
}
.dl-inline dt{
  font-weight:600;
}
.dl-inline dt::after{
  content:"\00a0–\00a0";
}
.dl-inline dd::after{
  margin-bottom:0.5rem;
  display:block;
  content:"";
}
.dl-inline dd:last-of-type::after{
  margin:0;
}
.dl-inline.bulleted{
  margin-left:40px;
  list-style-type:disc;
}
.dl-inline.dolphins{
  margin-left:20px;
}
.dl-inline.dolphins dt::before{
  content: "🐬";
  margin-right: 0.5rem;
  position:relative;
  top:2px;
}

footer{
  padding:4rem 0;
  color:#fff;
  background:hsl(205 5% 15%);
  text-align:center;
  font-size:0.875rem;
}
footer .l-c{
  display:block;
}