@import url(https://fonts.googleapis.com/css2?family=Lora);
:root {
--cassiopeia-color-hover:#660000;
--cassiopeia-color-link:#aa0000;
--cassiopeia-color-primary:#fff;
}
body {
font-family:Georgia,Utopia,'Palatino Linotype',Palatino,serif;
font-size:20px;
line-height:24px;
}
h1, h2, h3, h4, h5, h6, .navbar-brand {
font-family:'Lora', sans-serif;
}
h1 {
font-size:26px;
}
h2 {
font-size:22px;
}
.navbar-brand {
text-shadow:2px 2px 2px #999999;
}
.metismenu.mod-menu .metismenu-item {
font-size: 20px;
padding: 5px 10px;
margin: 5px 20px;
}
.metismenu.mod-menu .metismenu-item.active > a {
text-decoration: none;
}
.metismenu.mod-menu .metismenu-item.current {
border:1px solid var(--cassiopeia-color-link);
}
.container-component .com-content-article {
max-width:42em;
}
.container-header, .container-footer {
background-image:none;
color: #f00;
}
.container-header .navbar-brand a, .container-header .site-description {
color:var(--cassiopeia-color-link);
text-decoration:none;
padding:4px 10px;
}
.container-header .site-description {
font-size:24px;
font-style:italic;
line-height:30px;
padding:0.5em 0 0 6em;
}
.container-header .container-nav {
border-bottom:1px solid var(--cassiopeia-color-link);
padding:0 40px;
}
.container-header nav {
margin:0;
}
.container-header .container-nav, .container-footer{
border-top:1px solid var(--cassiopeia-color-link);
}
.container-header .container-nav .mod-menu, a {
color:var(--cassiopeia-color-link);
}
.container-header .navbar-toggler {
border:1px solid var(--cassiopeia-color-link);
color:var(--cassiopeia-color-link);
}
.container-footer .mod-custom {
display:flex;
width:100vw;
}
.container-footer .mod-custom div {
width:50%;
}
body.wrapper-fluid footer > .grid-child {
padding:20px 0;
}
a:hover, a:focus {
color:var(--cassiopeia-color-hover);
}
a, .footer a, .brand, .footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
color:var(--cassiopeia-color-link);
}
.brand:hover {
color:var(--cassiopeia-color-hover);
}
form .btn-primary {
background:#f27979;
background:radial-gradient(ellipse at center,#f27979 0%,#922222 100%);
}
form .btn-primary:hover, form .btn-primary:focus {
background:radial-gradient(ellipse at center,#922222 0%,#f27979 100%);
}
.metismenu.mod-menu .metismenu-item > a:hover, .sidebar-right.card, #contact-form {
background:#f2f2f2;
background:radial-gradient(ellipse at center,#f2f2f2 0%,#f2dada 100%);
}
label, .form-control, button, select, textarea, .btn {
font-size:18px;
}
.sidebar-right.card {
text-align:center;
}
#contact-form {
padding:20px;
}
#contact-form .controls {
text-align:left;
}
.footer a {
padding:14px 2px;
}
@media (max-width:500px) {
.container-header .site-description {
padding:10px 0 0 60px;
}
}
.element-invisible {
color:#000;
}