/*--------------------------------------------------------------
# This css only work when author-website-templates activate.
# Base Typography & Settings (From Body)
--------------------------------------------------------------*/
.blog-post-section {
    margin: 0;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    box-sizing: border-box;
}

.blog-post-section *,
.blog-post-section *::before,
.blog-post-section *::after {
    box-sizing: inherit;
}

/*--------------------------------------------------------------
# Headings (h1 - h6)
--------------------------------------------------------------*/
.blog-post-section h1,
.blog-post-section h2,
.blog-post-section h3,
.blog-post-section h4,
.blog-post-section h5,
.blog-post-section h6,
.blog-post-section .h1,
.blog-post-section .h2,
.blog-post-section .h3,
.blog-post-section .h4,
.blog-post-section .h5,
.blog-post-section .h6 {
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.6;
    color: #000000;
    clear: both;
}

.blog-post-section h1,
.blog-post-section .h1 {
    font-size: 2.5rem;
}

.blog-post-section h2,
.blog-post-section .h2 {
    font-size: 2rem;
}

.blog-post-section h3,
.blog-post-section .h3 {
    font-size: 1.75rem;
}

.blog-post-section h4,
.blog-post-section .h4 {
    font-size: 1.5rem;
}

.blog-post-section h5,
.blog-post-section .h5 {
    font-size: 1.25rem;
}

.blog-post-section h6,
.blog-post-section .h6 {
    font-size: 1rem;
}

/*--------------------------------------------------------------
# Paragraphs & Text Semantics
--------------------------------------------------------------*/
.blog-post-section p {
    margin-bottom: 1.5em;
}

.blog-post-section dfn,
.blog-post-section cite,
.blog-post-section em,
.blog-post-section i {
    font-style: italic;
}

.blog-post-section address {
    margin: 0 0 1.5em;
}

.blog-post-section b,
.blog-post-section strong {
    font-weight: bolder;
}

.blog-post-section small {
    font-size: 80%;
}

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

.blog-post-section sub {
    bottom: -0.25em;
}

.blog-post-section sup {
    top: -0.5em;
}

.blog-post-section abbr,
.blog-post-section acronym {
    border-bottom: 1px dotted #f1f1f1;
    cursor: help;
}

.blog-post-section abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

.blog-post-section mark,
.blog-post-section ins {
    background: #fff9c0;
    text-decoration: none;
}

.blog-post-section big {
    font-size: 125%;
}

.blog-post-section hr {
    background-color: #f1f1f1;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
    box-sizing: content-box;
    overflow: visible;
}

/*--------------------------------------------------------------
# Blockquotes
--------------------------------------------------------------*/
.blog-post-section blockquote {
    margin: 0;
    background: #f1f1f1;
    padding: 1.25rem 1.25rem 1.25rem 3.125rem;
    border-left: 5px solid #00AF00;
    font-size: 1.2rem;
    line-height: 1.8;
}

/*--------------------------------------------------------------
# Code & Preformatted Text
--------------------------------------------------------------*/
.blog-post-section pre {
    background: #f1f1f1;
    font-family: 'Roboto', sans-serif; /* As per stylesheet override */
    font-family: monospace, monospace; /* Fallback from normalize */
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

.blog-post-section code,
.blog-post-section kbd,
.blog-post-section tt,
.blog-post-section var,
.blog-post-section samp {
    font-family: 'Roboto', sans-serif; /* As per stylesheet override */
    font-family: monospace, monospace;
    font-size: 0.9375rem;
}

/*--------------------------------------------------------------
# Lists (ul, ol, dl)
--------------------------------------------------------------*/
.blog-post-section ul,
.blog-post-section ol {
    margin: 0;
    padding: 0;
}

.blog-post-section ul {
    list-style: disc;
}
.blog-post-section .widget_recent_entries ul{
    list-style: none;
}

.blog-post-section ol {
    list-style: decimal;
}

.blog-post-section ul ul,
.blog-post-section ul ol,
.blog-post-section ol ol,
.blog-post-section ol ul {
    margin: 0 0 1.5em 3em;
}

.blog-post-section li > ul,
.blog-post-section li > ol {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 2rem;
}

.blog-post-section dt {
    font-weight: bold;
}

.blog-post-section dd {
    margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
.blog-post-section a {
    color: #fb4747;
    text-decoration: none;
    background-color: transparent;
}

.blog-post-section a:visited {
    color: #fb4747;
    text-decoration: underline;
}

.blog-post-section a:hover,
.blog-post-section a:focus,
.blog-post-section a:active {
    color: #fb4747;
    text-decoration: underline;
    outline: 0;
}

.blog-post-section a:focus {
    outline: thin dotted;
}

/*--------------------------------------------------------------
# Media & Figures
--------------------------------------------------------------*/
.blog-post-section img {
    height: auto;
    max-width: 100%;
    width: auto;
    border-style: none;
}

.blog-post-section figure {
    margin: 1em 0;
}

.blog-post-section embed,
.blog-post-section iframe,
.blog-post-section object {
    max-width: 100%;
    display: block;
}

@media only screen and (max-width: 767px) {
    .blog-post-section embed,
    .blog-post-section iframe,
    .blog-post-section object {
        height: auto;
    }
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
.blog-post-section table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms (Inputs, Buttons, Textarea)
--------------------------------------------------------------*/
.blog-post-section button,
.blog-post-section input,
.blog-post-section optgroup,
.blog-post-section select,
.blog-post-section textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

.blog-post-section button,
.blog-post-section input {
    overflow: visible;
}

.blog-post-section button,
.blog-post-section select {
    text-transform: none;
}

.blog-post-section button,
.blog-post-section [type="button"],
.blog-post-section [type="reset"],
.blog-post-section [type="submit"] {
    -webkit-appearance: button;
}

.blog-post-section fieldset {
    padding: 0.35em 0.75em 0.625em;
}

.blog-post-section legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

.blog-post-section progress {
    vertical-align: baseline;
}

.blog-post-section textarea {
    overflow: auto;
    width: 100%;
    color: #000000;
    border: 1px solid #f1f1f1;
    border-radius: 0;
    padding: 0.625em;
}

.blog-post-section [type="checkbox"],
.blog-post-section [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.blog-post-section [type="number"]::-webkit-inner-spin-button,
.blog-post-section [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

.blog-post-section [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

.blog-post-section [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.blog-post-section ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Button & Input Specific Styles */
.blog-post-section button,
.blog-post-section input[type="button"],
.blog-post-section input[type="reset"],
.blog-post-section input[type="submit"] {
    border: 1px solid;
    border-color: #fb4747;
    border-radius: 3px;
    background: #fb4747;
    color: #ffffff;
    line-height: 1.6;
    padding: .5em 1.5em;
    transition: .6s;
    cursor: pointer;
    font-weight: 400;
}

.blog-post-section button:hover,
.blog-post-section input[type="button"]:hover,
.blog-post-section input[type="reset"]:hover,
.blog-post-section input[type="submit"]:hover {
    border-color: #000000;
    background-color: #000000;
    color: #ffffff;
}

.blog-post-section button:active,
.blog-post-section button:focus,
.blog-post-section input[type="button"]:active,
.blog-post-section input[type="button"]:focus,
.blog-post-section input[type="reset"]:active,
.blog-post-section input[type="reset"]:focus,
.blog-post-section input[type="submit"]:active,
.blog-post-section input[type="submit"]:focus {
    border-color: #000000;
}

.blog-post-section input[type="text"],
.blog-post-section input[type="email"],
.blog-post-section input[type="url"],
.blog-post-section input[type="password"],
.blog-post-section input[type="search"],
.blog-post-section input[type="number"],
.blog-post-section input[type="tel"],
.blog-post-section input[type="range"],
.blog-post-section input[type="date"],
.blog-post-section input[type="month"],
.blog-post-section input[type="week"],
.blog-post-section input[type="time"],
.blog-post-section input[type="datetime"],
.blog-post-section input[type="datetime-local"],
.blog-post-section input[type="color"] {
    color: #000000;
    border: 1px solid #f1f1f1;
    border-radius: 0;
    padding: 0.625em;
}

.blog-post-section input[type="text"]:focus,
.blog-post-section input[type="email"]:focus,
.blog-post-section input[type="url"]:focus,
.blog-post-section input[type="password"]:focus,
.blog-post-section input[type="search"]:focus,
.blog-post-section input[type="number"]:focus,
.blog-post-section input[type="tel"]:focus,
.blog-post-section input[type="range"]:focus,
.blog-post-section input[type="date"]:focus,
.blog-post-section input[type="month"]:focus,
.blog-post-section input[type="week"]:focus,
.blog-post-section input[type="time"]:focus,
.blog-post-section input[type="datetime"]:focus,
.blog-post-section input[type="datetime-local"]:focus,
.blog-post-section input[type="color"]:focus,
.blog-post-section textarea:focus {
    color: #000000;
    outline: none;
    border: 1px solid #000000;
}

.blog-post-section select {
    border: 1px solid #f1f1f1;
    width: 200px;
    height: 50px;
    padding: 0 10px;
}

/*--------------------------------------------------------------
# Interactive Elements
--------------------------------------------------------------*/
.blog-post-section details {
    display: block;
}

.blog-post-section summary {
    display: list-item;
}