body {
    background: #FFFFFF;
    color: #191F1D;
}

body,
.main-nav a,
.subscribe-button,
.page-title,
.post-meta,
.post-full-content,
.read-next-story .post:before,
.pagination,
.site-footer,
.post-card-excerpt {
    font-family: "Lato", sans-serif;
}

h1, h2, h3, h4, h5, h6
 {
    font-family: "Raleway", sans-serif;
}

a {
    color: #F7A800;
}

.site-header {
    background: #F1F1F1;
    background-size: cover;
}

.site-header:after, .site-header:before {
    background: none;
}

.site-title {
    color: #191F1D;
}

.site-logo {
    max-height: 100px;
    margin-bottom: 25px;
}

.site-header-content {
    padding: 5vw 4vw 10vw;
    color: #191F1D;
}

.post-full-content a {
    color: #F7A800;
    box-shadow: none;
}

.post-full-content a:hover {
    color: #F7A800;
    text-decoration: underline;
}

.post-full-content:after, .post-full-content:before {
    display: none;
}

.post-full-content h1,
.post-full-content h2,
.post-full-content h3,
.post-full-content h4,
.post-full-content h5,
.post-full-content h6 {
    color: color(var(--darkgrey) l(-5%));
    font-family: "Raleway", sans-serif;
}

.nav li a {
    color: #191F1D;
}

.site-footer {
    background: #191F1D;
}

.post-full-title {
    color: #191F1D;
}

.post-full-meta-date {
    color: #F7A800;
}

.post-full-content blockquote {
    border-left: 3px solid #F7A800;
}

.social-link svg, .rss-button svg  {
    fill: #191F1D;
}

.social-link-wb svg path {
    stroke: #191F1D;
}

.site-header-content .author-meta {
    font-family: "Lato", Sans-Serif;
    font-style: italic;
    color: #191F1D;
}

.site-description {
    font-weight: 500;
    color: #191F1D;
}

.subscribe-button {
    border: 1px solid #191F1D;
    color: #191F1D;
}

.post-card-tags {
    color: #8B8B8B;
}

.author-card-button:hover {
    border-color: #F7A800;
    color: #F7A800;
    text-decoration: none;
}

/* Ghost button styles */

.btn-link.disabled,.btn-link[disabled],.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    opacity:.65;
    cursor:not-allowed;
    pointer-events:none;
    box-shadow:none;
}

.btn {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    margin-bottom:0;
    padding:9px 15px;
    border:1px solid #dfe1e3;
    background:#fff;
    border-radius:4px;
    color:#808284;
    text-shadow:none;
    white-space:nowrap;
    font-size:1.1rem;
    line-height:1.428571429;
    transition:color .2s ease,
    background .2s ease,
    border-color .2s ease;
    cursor:pointer;
    text-decoration:none !important;
    box-shadow: none !important;
}

.btn:focus,.btn:hover {
    border-color:#5ba4e5;
    color:#308ddf;
}

.btn-link:active,.btn-link:focus,.btn-link:hover {
    text-decoration:underline;
}
.btn.active:focus,.btn:active:focus,.btn:focus {
    outline:dotted thin;
    outline:-webkit-focus-ring-color auto 0;
    outline-offset:-2px;
}

.btn.active,.btn:active {
    outline:0;background-image:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.2);
}

.btn-hover-secondary:active,.btn-hover-secondary:focus,.btn-hover-secondary:hover {
    border-color:#e85710;color:#ffffff;
}

.btn-default {
    border-color:#e7e7e7;background:#e7e7e7;color:#5f6062 !important;
}
.btn-default:active,.btn-default:focus,.btn-default:hover {
    border-color:#d6d6d6;background:#d6d6d6;color:#5f6062;
}
.btn-secondary {
    border-color:#e85710;background:#FFFFFF;color:#e85710 !important;
}

.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover {
    border-color:#e85710; background:#e85710; color:#ffffff !important;
}

.btn-primary {
    border-color:#F7A800;background:#F7A800;color:#ffffff !important;
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
    border-color:#de9700;background:#de9700;color:#fff;
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color:transparent;background:0 0;color:#5ba4e5;
}

.btn-link.disabled,.btn-link[disabled] {
    color:#b2b2b2;
}
.btn-minor:active,.btn-minor:focus,.btn-minor:hover {
    border-color:#c1c1c1;background:#fff;box-shadow:none;color:#808284;
}
.btn-lg {
    padding:12px 18px;border-radius:4px;font-size:1.4rem;line-height:1.33;
}
.btn-sm {
    padding:7px 10px;border-radius:2px;font-size:1rem;line-height:1.5;
}
.btn-block {
    display:block;
}
.btn-block+.btn-block {
    margin-top:5px;
}
.btn.btn-outline {
    background-color:#fff;
}
.btn.btn-default.btn-outline {
    color:#e7e7e7;
}
.btn.btn-primary.btn-outline {
    color:#F7A800;
}
.btn.btn-secondary.btn-outline {
    color:#ffffff;
}

/* Google Search */

.gsc-control-cse.gsc-control-cse-fr {
    background-color: transparent;
    border-color: transparent;
}

form.gsc-search-box.gsc-search-box-tools {
    color: black;
}

.gh-search-icon {
    color: #191f1d !important;
}

.gh-search-icon svg {
    width: 18px;
    height: 18px;
}

.container-site-nav-left {
    width: 100%
}

.site-nav-left {
    padding-bottom: 0;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.site-nav-left::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

.site-nav {
    overflow-y: inherit;
    height: auto;
}

@media (max-width: 768px) {
    .site-nav-right {
        display: flex;
    }

    .site-nav {
        flex-direction: column-reverse;
    }
}

@media (max-width: 700px) {
    .site-nav-right {
        padding-left: 3vw;
    }
}

@media (min-width: 700px) and (max-width: 768px) {
    .container-site-nav-left {
        padding-left: 1vw;
    }

    #site-main {
        padding: 0 5vw;
    }
}

.nav #open-signup .signup-button, .signup-button {
    color: #1e1d1d;
    background-color: #f7a800;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    opacity: 1;
    text-transform: initial;
}

@media (max-width: 768px) {
    .nav li#open-signup {
        order: -1;
    }

    .nav {
        margin: 0;
    }

    .container-site-nav-left {
        width: 100%
    }
}

#open-signup {
    display: flex;
    align-items: center;
}

.floating-header-share .signup-button {
    margin-right: 12px;
}

.floating-header-share .signup-button:hover {
    text-decoration: none;
}