.inline-anchor {margin-bottom:7em;}
.inline {margin: 1.5em 0 1.5em 0;}
.promotion {
    border: 1px solid #c50;
    text-align: left;
    background-color: #f6f6f6;
    padding: 1em;
    border-radius: 5px;
}

hr {
    background: 0 0;
    border: none;
    height: auto;
    line-height: 1;
    max-width: none;
    text-align: center;
}
hr::before {
    content: "···";
font-size:xxx-large;
}


body, p, div {
font-family: Georgia;
font-size: 1.075em;
line-height: 2em;
font-weight-normal: 400;
font-weight-bold: 600;
headings-weight: 700;
headings-transform: none;
color:#303030; // #202020;
text-shadow: 0px 0px 0.5px #000;
}

h1 {line-height:1.5em;}
h2 {color:black}

button {
    background: #cc5500;
    border: 1px solid #cc5500;
    border-radius: 2px;
    -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.08);
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: .6789341556rem;
    font-weight: var(--font-weight-bold);
    padding: 0.5666666667rem 1.4166666667rem;
    text-align: center;
    -webkit-transition: all .24s ease-out;
    text-transform: uppercase;
    vertical-align: middle;
z-index:1;
}

/* ============================================================================ links */

a {color:#CC5500;text-decoration:none;}
a:hover {text-decoration:underline;}
a[href*="//"]:not([href*="epicswerve.com"], .external-image-link):after  {
content: "↗";
position: relative;
top:-2px;
margin: 0 1px 0 5px;
border:1px solid #cc5500;
font-size:x-small;
padding:0px 2px 0px 2px;
text-decoration:none;
color:#CC5500;
}

.dont-externalize-link:after {
content: "" !important;
position: static  !important;
margin: 0  !important;
border:none  !important;
font-size:normal  !important;
padding:0  !important;
text-decoration:none  !important;
}

/* ============================================================================ article styles */

.article-index-item {margin-bottom:3em;}
.article-index-item .image-container {padding:0em 1em 1em 0em;}
.article-index-item .text-container {}
.article-index-item .text-container h3 {margin-block-start:0em!important;margin-block-end:0em!important; }
.xx-large {font-size:xx-large;}
.no-image  {margin:0em 0em 3em 0em;}
.article-index-item .text-container .excerpt {}

.article-index-item .text-container .excerpt p {
    margin-block-start: 0.5em;
    margin-block-end: 0em;
}

.article-index-item .text-container .read-more {}
.article-index-item .text-container .buy-button {}
.store-button {
    margin: 2em 0 0 0;
    float: right;
}