@import url(https://fonts.googleapis.com/css2?family=Lora);
:root {
--cassiopeia-color-hover:#002020;
--cassiopeia-color-link:#008080;
--cassiopeia-color-primary:#fff;
}
body,h1,h2,h3,h4,h5,h6,.site-title {
font-family:Lora,Georgia,Utopia,'Palatino Linotype',Palatino,serif;
font-size:20px;
line-height:140%;
}
.container-bottom-a {
display:grid;
grid-template-columns:400px 1fr;
}
.bottom-a p {
font-size:18px;
}
h1 {
font-size:26px;
}
h2, .form-control {
font-size:22px;
}
.container-header,.container-footer {
background-image:none;
}
.container-header .container-nav {
border-bottom:1px solid var(--cassiopeia-color-link);
border-top:1px solid var(--cassiopeia-color-link);
padding:0 40px;
}
.container-header .navbar-brand {
font-size:40px;
}
.container-header .navbar-brand a, .container-header .container-nav .mod-menu > li > a, .container-header .container-nav .mod-menu > li > span,.container-header .container-nav .mod-menu > li > button, .metismenu.mod-menu .mm-collapse > li > a {
color:var(--cassiopeia-color-link);
text-decoration:none;
padding:4px 10px;
}
.container-header .navbar-brand a:hover {
background:none;
}
.metismenu.mod-menu .metismenu-item {
font-size:20px;
margin:10px;
padding:0;
}
.mod-menu .metismenu-item:hover .mm-collapse {
display:block;
}
.metismenu.mod-menu .metismenu-item.current {
border:1px solid var(--cassiopeia-color-link);
}
.metismenu.mod-menu .mm-toggler,.container-header .navbar-toggler {
color:var(--cassiopeia-color-link);
font-size:20px;
}
body.site {
border-top:0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left:0;
}
.portfolio-container {
border-bottom:1px solid var(--cassiopeia-color-link);
column-gap:20px;
display:grid;
grid-template-columns:40% auto;
margin-bottom:10px;
row-gap:20px;
}
.container-header .site-description {
color:var(--cassiopeia-color-hover);
font-size:24px;
font-style:italic;
line-height:30px;
padding:10px 0 0 8em;
}
.js-finder-search-query {
border-color:var(--cassiopeia-color-link);
}
.search input[type=search],.search input[type=text],.finder input[type=search],.finder input[type=text] {
font-size:16px;
}
.search .btn-primary,.finder .btn-primary,.controls .btn-primary {
background-color:var(--cassiopeia-color-primary);
font-size:18px;
text-shadow:none;
border-color:var(--cassiopeia-color-link);
padding:8px 5px;
}
.search .btn-primary:hover,.search .btn-primary:focus,.search .btn-primary:active,.controls .btn-primary:hover,.controls .btn-primary:focus,.controls .btn-primary:active,.finder .btn-primary:hover,.finder .btn-primary:focus,.finder .btn-primary:active {
background-color:#eee;
color:var(--cassiopeia-color-link);
font-style:italic;
}
.result-category {
display:none;
}
.item-page,.result-text {
max-width:40em;
}
.form-check-input:checked {
background-color: var(--cassiopeia-color-link);
}
.item-page.projects {
max-width:100%;
}
a:hover,.container-header .container-nav .mod-menu > li > button:hover {
background:#eee;
}
.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
color: var(--blue);
}
.container-nav .nav .nav-item a {
color:var(--cassiopeia-color-link);
font-size:18px;
padding:8px 20px;
}
.nav .nav-item .active a {
border:1px solid var(--cassiopeia-color-link);
color:var(--cassiopeia-color-link);
font-style:italic;
}
.nav .nav-item li > a:hover,.nav .nav-item li > a:focus,.nav .nav-item:hover > a {
background-color:var(--cassiopeia-color-link);
background-image:linear-gradient(tobottom,var(--cassiopeia-color-link),#006666);
}
.footer p,.random-image,.wdd {
color:var(--cassiopeia-color-link);
text-align:center;
}
.footer .grid-child {
border-top:1px solid var(--cassiopeia-color-link);
padding-bottom:1em;
padding-top:1em;
}
.img-caption {
text-align:center;
margin:2px 0 0;
}
.img-caption.muted {
color:#666;
}
.nav-collapse .nav-tabs > li > span, .nav-collapse .nav > li > a {
color:#088;
}
.element-invisible {
color:#000;
}
.container-bottom-a .card p, .container-header, .container-footer p {
margin:0;
}
.container-bottom-b div.mod-custom {
display: grid;
grid-template-columns: 1fr 3fr;
column-gap: 20px;
grid-template-areas:
"logo disclaimer";
}
@media (orientation: portrait) {
  .container-bottom-b div.mod-custom {
    grid-template-columns: 1fr;
    grid-template-areas:
      "logo"
      "disclaimer";
  }
}
li,dt,dd {
line-height:150%;
}
.body a,.footer a,h1,h2,h3,h4,h5,h6,.site-title,.brand:hover,.container-header .mod-menu > li > .separator,.btn-primary,.navbar-light .navbar-nav .nav-link,.icon-search {
color:var(--cassiopeia-color-link);
}
@media screen and (max-width: 768px){
.site-title {
line-height:110%;
}
.site-description {
padding:0;
}
}
@media screen and (max-width: 979px){
.container-header .navbar-toggler {
border:1px solid var(--cassiopeia-color-link);
color:var(--cassiopeia-color-link);
}
.container-header button.navbar-toggler {
margin-left:10px;
}
.container-header .site-description {
font-size:22px;
padding:4px 0 0;
}
.wrapper-fluid header > .grid-child {
padding:.5em 0;
}
.navbar-brand {
font-size:1rem;
line-height:100%;
text-align:center;
white-space:normal;
}
.nav-tabs > li > span {
margin-bottom:2px;
padding:9px 15px;
}
.nav-collapse .nav > li.active > a {
color:#222;
}
.nav-collapse .nav > li > a,.nav-collapse .dropdown-menu a {
font-weight:400;
}
.mercator {
display: none;
}
}