.contenthead {
    
    margin: 20px 0 0 0;
}



.contenthead h3 {
    color: var(--lightcolor);
    font-family: var(--titlefont);
    background-color: var(--mediumcolor);
    font-size: 40px;

    padding: 4px 4px 8px 4px;
}

.posthead {
    
    margin: 20px 0 0 0;
}



.posthead h1 {
    color: var(--superdarkgreycolor);
    font-family: var(--titlefont);
    font-size: 30px;
    margin: 0px 0 8px 0px;
}
.posthead label {

    display: inline-block;
    color: var(--darkcolor);
    font-family: var(--titlefont);
    font-weight: 400;
    font-size: 14px;
    margin: 2px 0 2px 2px;
}
.posthead p {

    display: inline-block !important;
    color: var(--darkcolor) !important;
    font-family: var(--titlefont) !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    margin: 2px 0 2px 2px;
}

.posthead img {
    width: 100%;
    height: auto;
    object-fit: cover;
    
    margin: 0px 2px 5px 2px;
}

.posthead i {

    margin: 4px;
}
.posthead hr {
    border-top: 2px solid #000000;

}
.content {
    color: var(--darkcolor);
    font-family: var(--textfont);
    font-size: 20px;
    margin: 2px 0 2px 2px;
    line-height: 28px;
}
.contentsection {
    margin-top: 20px;
    margin-bottom: 20px;
}

.content h1 {
    margin: 8px 0 8px 0;
    color: var(--superdarkgreycolor);
    font-family: var(--titlefont);
    font-weight: 600;
    font-size: 34px;

}

.content h2 {
    margin: 8px 0 8px 0;
    color: var(--superdarkgreycolor);
    font-family: var(--titlefont);
    font-weight: 600;
    font-size: 32px;
   
}



.content h3 {
    margin: 8px 0 8px 0;
    color: var(--superdarkgreycolor);
    font-family: var(--titlefont);
    font-weight: 600;
    font-size: 30px;

}


.content h4 {
    margin: 8px 0 8px 0;
    color: var(--superdarkgreycolor);
    font-family: var(--titlefont);
    font-weight: 600;
    font-size: 28px;

}

.content strong {
    font-weight: 700;
    
}
.content em {
    font-style: italic !important;
    
}
.content img {
  
    min-height: 140px;
    max-width: 100%;
    max-height: 400px;
    object-fit: contain;
}


.content hr {
    display: block;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
  }


  .content a {
    color: var(--accentcolor1);
    font-weight: 500;
    position: relative;
    text-decoration: underline;
    transition: all 0.25s ease-out;
}


  .content a:hover {
    color: var(--accentcolor4);
    
}