main {
    margin-top: 1rem;
}

.datagrid .records {
    width: 100%
}

.datagrid .edit-link, .datagrid .delete-link {
    transition: all .2s ease-in-out;
    display: inline-block;
    margin: 0 .2em;
    font-size: 14px;
}

.datagrid .edit-link:before {
    content: "\f303";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.datagrid .delete-link:before {
    content: "\f1f8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: red;
}

.datagrid .delete-link:hover, .datagrid .edit-link:hover {
    text-decoration: none;
    transform: scale(1.5);
}

.navbar .navbar-nav .nav-item .nav-link {
    color: #363532;
}

.navbar .navbar-nav .nav-item .nav-link:hover {
    color: black;
}

.navbar.navbar-transparent {
    background: rgba(255,255,255,.6) !important;
    color: #66615B;
    padding-top: 0;
}

.navbar.navbar-transparent .navbar-brand, .navbar.navbar-transparent .navbar-nav .nav-item .nav-link {
    color: #363532;
}

.navbar.navbar-transparent .navbar-toggler .navbar-toggler-bar {
    background-color: #363532 !important;
}

.navbar .navbar-brand {
    padding: 0px 15px;
}

li.nav-current a.nav-link {
    border-bottom: 3px solid #363532;
}

strong {
    font-weight: bold;
}

p, main ul li {
    font-size: 17px;
}

div.page-header {
    margin-top: -71px;
}

div.blog-summary {
    min-height: 450px;
}

div.blog-summary p {
    padding-top: 1em;
}

div.blog-summary h2 {
    margin: 0;
    margin-top: 0.5em;
}

div.blog-summary-image {
    max-height: 500px;
    text-align: center;
}

div.blog-summary-image img {
    object-fit: contain;
    height: auto;
    max-height: 500px;
    max-width: 100%;
}

div.blog-content p {
    padding-top: 1em;
}

img.blog-content-listing-image {
    object-fit: contain;
    height: auto;
    max-height: 500px;
    max-width: 50%;
    float: right;
}

div.blog-summary h2 a:not(:hover) {
    color: #333333;
}