/*MAIN*/

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

a:active, a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 32px;
    margin: 11px 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

.hidden, [hidden] {
    display: none !important;
}

.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
}

.pure-g {
    letter-spacing: -.31em;
    *letter-spacing: normal;
    *word-spacing: -.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.opera-only :-o-prefocus, .pure-g {
    word-spacing: -.43em;
}

.pure-u {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-g [class*="pure-u"] {
    font-family: sans-serif;
}

.pure-u-1 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
    width: 100%;
}

.content {
    padding: 0 1em 0;
    letter-spacing: normal;
	transition: all 0.5s ease-out;
}

.sidebar {
    color: #eee;
    background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)), rgba(0, 0, 0, 1);
    letter-spacing: normal;
    width: 100%;
    height: 100px; /* Set an initial height */
    position: unset;
    transition: all 0.5s ease-out;
}

.content, .sidebar {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-button {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 100%;
    padding: .5em 1em;
    color: #444;
    color: rgba(0, 0, 0, .8);
    border: 1px solid #999;
    border: 0 rgba(0, 0, 0, 0);
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.pure-button-hover, .pure-button:hover, .pure-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
}

.pure-button:focus {
    outline: 0;
}

.pure-button-active, .pure-button:active {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset;
    border-color: #000\9;
}

.pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active {
    border: 0;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: alpha(opacity=40);
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    cursor: not-allowed;
    box-shadow: none;
}

.pure-button-hidden {
    display: none;
}

.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
    background-color: #808080;
    color: #fff;
}

.pure-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pure-menu-list, .pure-menu-item {
    position: relative;
}

.pure-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pure-menu-item {
    padding: 0;
    margin: 0;
    height: 100%;
}

.pure-menu-link, .pure-menu-heading {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.pure-menu-horizontal {
    width: 100%;
    white-space: nowrap;
}

.pure-menu-horizontal .pure-menu-list {
    display: inline-block;
}

.pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-separator {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.pure-menu-item .pure-menu-item {
    display: block;
}

.pure-menu-children {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 3;
}

.pure-menu-horizontal .pure-menu-children {
    left: 0;
    top: auto;
    width: inherit;
}

.pure-menu-allow-hover:hover>.pure-menu-children, .pure-menu-active>.pure-menu-children {
    display: block;
    position: absolute;
}

.pure-menu-has-children>.pure-menu-link:after {
    padding-left: .5em;
    content: "\25B8";
    font-size: small;
}

.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {
    content: "\25BE";
}

.pure-menu-scrollable {
    overflow-y: scroll;
    overflow-x: hidden;
}

.pure-menu-scrollable .pure-menu-list {
    display: block;
}

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
    display: inline-block;
}

.pure-menu-horizontal.pure-menu-scrollable {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    padding: .5em 0;
}

.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
    display: none;
}

.pure-menu-separator {
    background-color: #ccc;
    height: 1px;
    margin: .3em 0;
}

.pure-menu-horizontal .pure-menu-separator {
    width: 1px;
    height: 1.3em;
    margin: 0 .3em;
}

.pure-menu-heading {
    text-transform: uppercase;
    color: #565d64;
}

.pure-menu-link {
    color: #777;
}

.pure-menu-children {
    background-color: #fff;
}

.pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
    padding: .5em 1em;
}

.pure-menu-disabled {
    opacity: .5;
}

.pure-menu-disabled .pure-menu-link:hover {
    background-color: transparent;
}

.pure-menu-active>.pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus {
    background-color: #eee;
}

.pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited {
    color: #000;
}

/* Responsive */
@media (min-width:1024px) and (min-height:420px) {
    .pure-u-lg-1, .pure-u-lg-1-3, .pure-u-lg-2-3 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }
    .pure-u-lg-1-3 {
        width: 33.3333%;
        *width: 33.3023%;
        transition: all 0.50s ease-out;
    }
    .pure-u-lg-2-3 {
        width: 66.6667%;
        *width: 66.6357%;
    }
    .pure-u-lg-1 {
        width: 100%;
    }

    .sidebar {
        position: fixed;
        top: 0;
        height: 100%; /* Explicit height for larger screens */
    }

    .content, .sidebar {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .header {
        margin: 0;
        text-align: center;
    }
	
	.mainLogo {
		margin: 8vh 0 6.5vh 0;
	}

    .logo {
        width: 200px;
    }
    .navflex {
        margin-top: 0;
    }
    .post-title {
        font-size: 1.3em;
        color: black;
        margin-bottom: 15px;
    }
}

/* DATATABLES EXTRAS */
@media (max-width:767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em;
    }
}

@media (max-width:640px) {
    .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
        float: none;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em;
    }
}

/* Main CSS */
body, table {
    font-family: Helvetica, sans-serif;
}

.email-center {
    text-align: left;
}

.article-crux-interior {
    float: left;
    width: 100%;
    margin: 6px 0 6px 0;
    text-align: center;
}

.MainImg {
    display: inline-block;
    width: 100%;
    border-radius: 2px;
    border: none;
}

.lAddress-container {
    display: inline-block;
    width: 100%;
    background: none;
    border: solid 1px black;
    border-radius: 2px;
    margin: 0;
}

.lAddress {
    margin: 0;
    color: black;
    font-weight: bold;
}

.iiItems {
    white-space: nowrap;
    font-weight: bold;
}

.article-snippet {
    width: 100%;
}

.lLink {
    width: 30%;
    margin-top: 2em;
    margin-bottom: 3px;
    font-weight: bold;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
    background-color: #253d56;
}

.post-title, .lTitle {
    font-weight: normal;
    margin-top: 6px;
}

#right-col-filler {
    display: none;
}

.cursiveHuge, .lrg_h1 {
    font-family: impact, arial, sans-serif;
    font-style: italic;
    font-size: 40px;
}

.cursiveBig, .lrg_h2 {
    font-family: impact, arial, sans-serif;
    font-style: italic;
    font-size: 30px;
}

.cursiveLG, .lrg_h3 {
    font-family: impact, arial, sans-serif;
    font-style: italic;
    font-size: 35px;
}

.cursiveMD, .lrg_h4 {
    font-family: impact, arial, sans-serif;
    font-style: italic;
    font-size: 27px;
}

.cursiveSM, .lrg_h5 {
    font-family: impact, arial, sans-serif;
    font-style: italic;
    font-size: 15px;
}

.no-top-margin {
    margin-top: 0;
}

.sb-slim {
    display: none;
}

.mobileMenu- {
    display: none;
    position: fixed;
    top: 10px;
    right: 10px;
    height: 60px;
    width: 60px;
    z-index: 9999;
    color: white;
    background: rgba(36, 135, 206,.85); 
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    padding: 15px;
    border-radius: 100px;
    box-shadow: 0 0 40px rgba(255, 255, 255, 0.95);
}

.splashArrow {
    position: fixed;
    top: 50%;
    left: calc(75% - 30px);
    height: 60px;
    width: 60px;
    z-index: 9999;
    color: white;
    background: #2487ce;
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    padding: 15px;
    border-radius: 100px;
    box-shadow: 0 0 40px rgba(255, 255, 255, 0.95);
}

.mobileMenu-:hover, .mobileMenu-:focus, .splashArrow:hover, .splashArrow:focus {
    cursor: pointer;
}

@media(max-width:450px) {
    .mainLogo {
        text-align: left;
        padding-left: 10px;
		padding-top:3px;
		width: 175px;
    }
    .mobileMenu- {
        top: 10px;
        right: 10px;
        height: 70px;
        width: 70px;
        font-size: 40px;
        line-height: 32px;
        padding: 15px;
    }
	
    .header23 {
        text-align: center;
    }
}

#MFDBRAND1 {
    display: none;
    position: fixed;
    width: 0;
    height: 0;
    top: 3px;
    left: 3px;
    z-index: 1999;
    font-size: 10px;
    font-weight: bold;
    color: black;
    text-align: left;
}

@media(min-width:672px)and(max-width:1023.91px) {
    #right-col-filler {
        display: none;
        position: absolute;
        width: 24%;
        right: 16px;
        top: 297px;
        background: #808080;
        padding: 10px;
        border-radius: 2px;
    }
    #main-content {
        width: 80%;
        margin-left: 10%;
    }
}

@media(max-width:671px) {
    .post-title {
        font-size: 1.5em;
        margin-top: 6px;
        margin-bottom: 6px;
    }
    .no-top-margin {
        margin-top: 0;
    }
    .article-header {
        float: none;
        width: 100%;
        margin-top: 0;
        text-align: left;
    }
    .article-header.post-meta {
        margin-top: 5px;
    }
    .article-crux-interior {
        float: none;
        width: 100%;
        margin: 6px 0 6px 0;
        text-align: left;
        background: rgba(50, 50, 50, 0);
        border-radius: 2px;
    }
    .article-snippet {
        float: none;
        width: 100%;
    }
    .MainImg {
        display: inline-block;
        width: auto;
        max-width: 100%;
        max-height: 1000px;
        border-radius: 2px;
        margin: 0;
    }
    .content-subhead {
        width: 100%;
        text-align: center;
        margin-bottom: 0.6em;
    }
    .lAddress-container {
        width: 100%;
        background: none;
        border: none;
    }
    .lAddress {
        color: black;
        margin-bottom: 5px;
    }
    .iItems {
        text-align: left;
    }
    .article-description {
        text-align: left;
    }
    .lDescription {
        margin-top: 0;
    }
    .lLink {
        width: auto;
    }
    .brand-tagline {
        display: none;
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: rgb(23, 23, 201);
}

a:hover, a:focus {
    text-decoration: none;
}

p {
    line-height: 1.2em;
}

h2 {
    margin-top: 10px;
}

h3 {
    font-weight: 100;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.links {
    text-align: right;
}

.mapper, .mapper>iframe {
    border: none;
}

.pure-img-responsive {
    max-width: 100%;
    height: auto;
}

#layout {
    padding: 0;
    background-color: #f7f9f9;
    background: #fdfdfd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAwBAMAAACoMpTzAAAAD1BMVEUAAAD0+vz8+vz8/vz09vTHMTzLAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAslJREFUOI0tlIuxKyEIhm3haBoQbECggYXtv6b7sXOTmYxRefwPHCJu201kqpiFSR6XEiuz4axC7eVkimmoavrv6nEfHir62lZxJ+qI6yscpAtxc1ap6UlJky3v8fjTJWJD+ISpvARMteR+yraQfIg70jXKj3Wkid7oXz0jzGkqbUX8SZ1p59CSyqWeOFe8zi4WFV78A4O6xrCTfY205/yBzbp7KZPwYWauqebLn/srgECDq53SIZbmrF8TMKWrzG5cRNfIebYA/Mi5pgYaI28qPA62ATRlJrtx+sz068/HyTQ68OyW7FC878KTn/GCjztmLwEgS697IaxCxqES6bjtsotaaLaKSJER4NFulK88aJQBuodsPgoMGt4SmUyWlK3Omb+hbs+tKXqkoTjcwYUnd9AIEt3Jxl7je/NMGvo8AUHLfxTkb7ckcemXimhLKajAUtuncZ/OqAg+HRfoiQqNzUDV68jH0IteusnAD/72IeJHEJSHemzEts6qAakg0SYo4IxiFxt+endq3Lgw4vSVQ9sI0gB+QNEF562dWfqYayIMLSDrlgaBE0w/v7RR4BMpzU5bXJq97X730M90bhejY+uH7FgYrJUDxTjl5mdGPEMWucj24gmdTMJ1uL+Bp2EAF+w2DvhSXl3gxpcq1G2x7JkFn0c2LjGb7MBou2JjzNZd8NalIgp+fiAlXU04lLEZUeow0i23/rc4JAt9+tvzIM3GM7V0es+DNi8bNdTmlEVdmjkblWB6ZeuwFvzABnpesc+u0uTZQKx+LzaWbmQX9hDXqs/qR3uvRH2ZtJ8NcFazPFo1SAleiJ4Picd7lOjQmAccixOiS3h+70XNglAdVKJ9VPPaUhfSK3aEc38wNDiaPAli4qz2LHi7xPF6QCbm7pnr6U4mbIf9ao35BTGbLbLL56rNYKbzhuiCF3Z8xy8sV7td5JyKf7aP4LrVqYZnAAAAAElFTkSuQmCC);
}

.header {
    text-align: center;
    top: auto;
    margin: 0 auto;
}

.mainLogo {
	margin: 8vh 0 6.5vh 0;
}

.brand-title, .brand-tagline {
    margin: 5px;
}

.brand-title {
    color: #eee;
    font-weight: bold;
    font: larger Arno Pro, Tribun ADF Std, serif;
    font-style: oblique;
    text-align: center;
    background: none;
    padding: 5px 0;
    border-radius: 50px;
}

.brand-tagline {
    font-weight: normal;
    color: white;
    font-size: 1.0em;
}

.nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-item {
    display: inline-block;
    *display: inline;
    zoom: 1;
    max-width: 700px;
}

.nav-item a {
    background: transparent;
    border: 2px solid white;
    color: #fff;
    margin: 0.5em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 85%;
}

.nav-item a:hover, .nav-item a:focus {
    border: 2px solid lightgray;
    color: lightgray;
    text-decoration: none;
}

.content-subhead {
    text-transform: uppercase;
    color: #aaa;
    border-bottom: none;
    padding: 0;
    font-size: 1.1em;
    font-weight: 500;
    letter-spacing: 0.1em;
    width: 100%;
    text-align: center;
}

.post, .postNews, .postHighlight {
    padding: 2em;
    margin: 1em 0;
    border: solid 1px #d6dbdb;
    border-radius: 3px;
}

.post {
    background-color: #ffffff;
}

.postNews {
    background: #f1f1f1;
}

.postHighlight {
    background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #ffffff 6px), repeating-linear-gradient(rgba(233, 242, 0, 0.24), rgba(234, 242, 0, 0));
    background-color: #ffffff;
}

.postFull, .postBig {
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
}

.postFull {
    margin: 1.5em 0;
}

.postBig {
    margin: 4.0em 0;
}

.post-title {
    font-size: 20px;
    color: black;
    margin-bottom: 15px;
}

.post-avatar {
    border-radius: 50px;
    float: right;
    margin-left: 1em;
}

.post-description {
    color: #444;
    line-height: 1.8em;
}

.post-meta {
    color: #999;
    font-size: 90%;
    margin: 25px 0 0 0;
    -webkit-margin-after: 0;
}

.post-category {
    color: white;
    background: none;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 1px;
    display: inline-block;
    line-height: 1.5em;
    font-size: 1.0em;
}

.post-category:hover {
    text-decoration: none;
    color: #eee;
}

.mTag-wrapper {
    display: inline-block;
    width: auto;
    border-radius: 3px;
    transform: skew(-3deg);
    background-color: black;
    border: solid 2px black;
    margin-bottom: 5px;
    padding: 0 1em;
}

.red-border {
    border: solid 1px #D82037;
    background: #f6f6f6;
}

.mTag-wrapper a, .mTag-wrapper div {
    color: white;
}

.post-images {
    margin: 1em 0;
}

.post-image-meta {
    margin-top: -3.5em;
    margin-left: 1em;
    color: #fff;
    text-shadow: 0 1px 1px #333;
}

.footer {
    text-align: center;
    padding: 1em 0;
}

.footer a {
    color: black;
    font-size: 80%;
}

.footer.pure-menu a:hover, .footer.pure-menu a:focus {
    background: none;
}

.logo {
    width: 250px;
    transition: all 0.50s ease-out;
}

.navflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -20px-5px 0 0;
}

.navflex a {
    text-align: center;
    margin: auto;
    background: rgba(0, 0, 0, 0.7);
    padding: 3px 5px;
    margin: 0 5px 5px 0;
    text-decoration: none;
    border-radius: 2px;
}

.navflexitem {
    color: #eee;
    font-weight: normal;
    flex-grow: 1;
}

.navflexitem-laster {
    color: white;
    font-weight: normal;
    flex-grow: 1;
}

.navflex a:hover, .navflex a:focus {
    background: rgb(178, 32, 50);
    text-decoration: none;
    font-weight: 500;
}

.post-img {
    width: 100%;
}

.nav23 {
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
    margin: 7vh 0 0 0;
	padding: 0 2vw;
	
}

.nav23 a {
    text-align: center;
    margin: auto;
    background: rgba(0,0,0,.3);
    padding: 3px 20px;
    margin: 5px;
    text-decoration: none;
	border: solid 1px #ffffff8c;
    border-radius: 5px;
    line-height: 30px;
	font-size: 15px;
	display: inline-block;
	flex: 1 1 auto;
	max-width: 175px;
	transition: all .25s ease;
}

.nav23item {
    color: white;
    font-weight: bold;
}

.nav23item-laster {
    color: white;
    font-weight: normal;
}

.nav23 a:hover, .nav23 a:focus {
    background: rgba(36, 135, 206, .75);
    text-decoration: none;
    font-weight: bold;
}

/* DELETE SOON @media(min-width:448px)and(max-width:511px) {
    .navflexitem::before, .navflexitem::after {
        content: "\00a0\00a0\00a0";
    }
}

@media(min-width:512px)and(max-width:639px) {
    .navflexitem::before, .navflexitem::after {
        content: "\00a0\00a0\00a0\00a0\00a0";
    }
} */

@media(max-width:1023.9px),(max-height:419px) {
    .sidebar {
        position: unset;
        height: auto; /* Auto height for smaller screens */
    }

    .mobileMenu- {
        display: block;
    }
    .nav23 {
        display: none;
    }

    .post-img {
        max-height: 1000px;
    }

    .sb-slim {
        display: block;
    }
    .sb-wide {
        display: none;
    }
	.cursiveHuge, .lrg_h1, .cursiveBig, .lrg_h2, .cursiveLG, .lrg_h3, .cursiveMD, .lrg_h4, .cursiveSM, .lrg_h5 {
		text-align:center;
	}
}

.more-modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 3px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.7);
}

.more-modal-content {
    background-color: rgba(0, 0, 0, 0.9);
    margin: auto;
    margin-left: 3px;
    margin-right: 7px;
    padding: 30px 10px 80px 10px;
    border: none;
    border-radius: 3px;
    width: 100%;
    text-align: center;
}

.more-close {
    color: white;
    font-size: 50px;
    font-weight: bold;
    margin-top: -20px;
}

.more-close:hover, .more-close:focus {
    color: yellow;
    text-decoration: none;
    cursor: pointer;
}

.bullets {
    font-weight: bold;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    line-height: 130%;
}

@media(max-width:800px) {
    .bullets {
        line-height: 120%;
        font-size: 90%;
    }
}

@media(max-width:672px) {
    .bullets {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        font-size: 100%;
        line-height: 120%;
    }
}

.moreButtonB:hover, .moreButtonB:focus, .moreButton2B:hover, .moreButton2B:focus {
    cursor: pointer;
}

.moreButton2B {
    text-decoration: underline;
}

.moreButton2B:hover, .moreButton2B:focus {
    font-weight: bold;
    text-decoration: underline;
}

.advertisement {
    padding: 1em 25%;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 5px;
}

@media(min-width:672px)and(max-width:1023.91px) {
    .advertisement {
        padding: 1em 25%;
    }
}

@media(max-width:671px) {
    .advertisement {
        padding: 1em 0;
    }
    .header {
        margin: 0 auto;
    }
	
	.mainLogo {
		margin: 2vh 0;
	}

    .post, .postNews, .postHighlight {
        padding: 1.5em 0.75em;
    }
    .content {
        padding: 0 0.5em 0;
    }
}

.spinner {
    height: 60px;
    width: 60px;
    margin: 0 auto;
    position: relative;
    -webkit-animation: rotation.3s infinite linear;
    -moz-animation: rotation.3s infinite linear;
    -o-animation: rotation.3s infinite linear;
    animation: rotation.3s infinite linear;
    border: 10px solid rgba(0, 174, 239, .15);
    border-radius: 100%;
}

.spinner:before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    top: -10px;
    height: 100%;
    width: 100%;
    border-top: 10px solid rgba(0, 174, 239, .8);
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.spinner-sm {
    height: 110px;
    width: 110px;
}

.spinner-md {
    height: 50px;
    width: 50px;
}

.spinner-lr {
    height: 150px;
    width: 150px;
}

.spinner-red {
    border: 10px solid rgba(178, 32, 50, .15);
}

.spinner-red:before {
    border-top: 10px solid rgba(178, 32, 50, 1);
    border-left: 10px solid rgba(178, 32, 50, 0.72);
    border-bottom: 10px solid rgba(178, 32, 50, 0.43);
}

.spinner-green {
    border: 10px solid rgba(40, 183, 121, .15);
}

.spinner-green:before {
    border-top: 10px solid rgba(40, 183, 121, 1);
}

.spinner-grey {
    border: 10px solid rgba(139, 146, 154, .15);
}

.spinner-grey:before {
    border-top: 10px solid rgba(139, 146, 154, 1);
}

.spacer-pic {
    visibility: hidden;
    clear: both;
    font-size: 10px;
    color: white;
}

.email-spacing {
    display: none;
}

.text-condensed {
    font-stretch: semi-condensed;
    font-weight: 700;
}

.text-bold {
    font-weight: 700;
}

.text-big {
    font-weight: 700;
    font-size: 1.7em;
}

.web-hide {
    display: none;
}

.main-link {
    text-decoration: none;
}

.price-reduced, .red {
    background-color: #D82037;
    border: solid 2px #D82037;
}

.price-reduced>a, .red>a, .price-reduced>div, .red>div {
    color: white;
}

.text-red {
    color: #D82037;
}

.new-for-sale, .blue {
    background-color: #144f9b;
    border: solid 2px #144f9b;
}

.new-for-sale>a, .blue>a, .new-for-sale>div, .blue>div {
    color: white;
}

.text-blue {
    color: #144f9b;
}

.announcement, .purple {
    background-color: #5a3b75;
    border: solid 2px #5a3b75;
}

.announcement>a, .purple>a, .announcement>div, .purple>div {
    color: white;
}

.text-purple {
    color: #5a3b75;
}

.green {
    background-color: #1c6008;
    border: solid 2px #1c6008;
}

.green>a, .green>div {
    color: white;
}

.text-green {
    color: #1c6008;
}

.news, .gray, .grey {
    background-color: #4a4747;
    border: solid 2px #4a4747;
}

.news>a, .grey>a, .gray>a, .news>div, .grey>div, .gray>div {
    color: white;
}

.text-gray, .text-grey {
    color: #4a4747;
}

.under-contract, .gold {
    background-color: #525120;
    border: solid 2px #525120;
}

.under-contract>a, .gold>a, .under-contract>div, .gold>div {
    color: white;
}

.text-gold {
    color: #525120;
}

.for-sale, .black {
    background-color: black;
    border: solid 2px black;
}

.for-sale>a, .black>a, .for-sale>div, .black>div {
    color: white;
}

.text-black {
    color: black;
}

.orange {
    background-color: #754608;
    border: solid 2px #754608;
}

.orange>a, .orange>div {
    color: white;
}

.text-orange {
    color: orange;
}

.header23 {
	text-align: center;
    color: #445075;
    width: 100%;
    border-bottom: solid #445075 2px;
    font-weight: normal;
}

.top-banner {
    margin: 0;
    padding-bottom: 2em;
}

/*NOT ARTICLE PAGE*/
.listing-page-only {
    display: none;
}

.listing-description, .lAddress-container, .iItems {
    display: none;
}

.listing-snippet {
    display: block;
    float: left;
    margin-top: 0;
}

.lSnippet {
    margin-top: 0;
    text-align: left;
}

.email-center {
    text-align: left;
}

/*COUNTER*/
.statistic-section {
    background: none;
    text-align: center;
	padding: 3.0vh 0 4.0vh 0;
	margin: -5.0vh 0;
	/*background: linear-gradient(
	  to bottom,
	  transparent 0%,
	  transparent 1%,
	  rgba(1, 1, 1, 0.7) 49%,
	  rgba(1, 1, 1, 0.7) 50%,
	  rgba(1, 1, 1, 0.7) 51%,
	  transparent 99%,
	  transparent 100%
	);*/
}

.stat-col {
    width: 22%;
    display: inline-block;
	transform: rotate(-3deg);
	transition: all 0.5s ease-out;
}

.count-title, .stats-text {
    position: relative; /* Required for the pseudo-element to be positioned relative to the text */
	font-weight: bold;
    background-color: transparent;
    color: #e3e3af;
    transition: all 0.50s ease-out;
}

.count-title {
    font-size: 2.0vw;
    margin: 0;
    text-align: center;
}

.stats-text {
    font-size: 0.9vw;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

.stats-line-black {
    margin: 12px auto 0;
    width: 55px;
    height: 2px;
    background-color: #fff;
}

@media(max-width:1023.9px),(max-height:419px) {
	.statistic-section {
		padding: 4.5vh 0 8.25vh 0;
    }

	.count-title {
		font-size: 4.25vw;
	}

	.stats-text {
		font-size: 2.3vw;
	}
}

@media(max-width:450px) {
	
	.statistic-section {
		padding: 4.5vh 0 6.5vh 0;
    }
	
	.count-title {
		font-size: 6vw;
	}

	.stats-text {
		font-size: 3vw;
	}
}

.stats-icon {
    font-size: 35px;
    margin: 0 auto;
    float: none;
    display: table;
    color: #fff;
}

.gsales::before {
    content: "$";
}

.gsales::after {
    content: "B";
}

.plusafter::after {
    content: "+";
}

.safter::after {
    content: "s";
}