/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.

If you need any further help, ask in the CSS Customization forum.
*/
body {
	background-color: #bfb89a !important;
}

#main a {
	color: #355d9a !important;
}

#page {
	background-color: #f7f8fa !important;
}

#site-title a {
	color: #7d2c0a !important;
}

#site-description {
	color: #000000 !important;
}

p span {
	color: #362a1a !important;
}

strong span {
	color: #993300 !important;
}

h1 {
	color: #993300 !important;
}

.textwidget p span {
	color: #6e5028 !important;
}

.widget_links .widget-title {
	color: #272727 !important;
}

/* .quote {
	color: #6e5028 !important;
} */

.dot {
	color: #362a1a !important;
}

/* .highlight {
	color: #6e5028 !important;
} */

strong {
color:#993300 !important;
}
/* Keep the main content wide while retaining tan side margins */
#page {
    max-width: 96% !important;
}

.widget a { color: #355d9a !important; }

/* Responsive indentation: Reformed Books Online */

/* First indentation level: 40px */
#content .entry-content [style*="padding-left: 40px"],
#content .entry-content [style*="padding-left:40px"] {
    padding-left: clamp(12px, 4vw, 40px) !important;
}

/* Second level: 80px */
#content .entry-content [style*="padding-left: 80px"],
#content .entry-content [style*="padding-left:80px"] {
    padding-left: clamp(24px, 8vw, 80px) !important;
}

/* Third level: 120px */
#content .entry-content [style*="padding-left: 120px"],
#content .entry-content [style*="padding-left:120px"] {
    padding-left: clamp(36px, 12vw, 120px) !important;
}

/* Fourth level: 160px */
#content .entry-content [style*="padding-left: 160px"],
#content .entry-content [style*="padding-left:160px"] {
    padding-left: clamp(48px, 16vw, 160px) !important;
}

/* Fifth level: 200px */
#content .entry-content [style*="padding-left: 200px"],
#content .entry-content [style*="padding-left:200px"] {
    padding-left: clamp(60px, 20vw, 200px) !important;
}

/* Responsive block quotations */
#content .entry-content blockquote {
    margin-left: clamp(12px, 4vw, 40px) !important;
}

/* Additional responsive indentation: legacy margin-left formatting */

#content .entry-content p[style*="margin-left: 40px"],
#content .entry-content div[style*="margin-left: 40px"],
#content .entry-content blockquote[style*="margin-left: 40px"] {
    margin-left: clamp(12px, 4vw, 40px) !important;
}

#content .entry-content p[style*="margin-left: 60px"],
#content .entry-content div[style*="margin-left: 60px"],
#content .entry-content blockquote[style*="margin-left: 60px"] {
    margin-left: clamp(18px, 6vw, 60px) !important;
}

#content .entry-content p[style*="margin-left: 80px"],
#content .entry-content div[style*="margin-left: 80px"],
#content .entry-content blockquote[style*="margin-left: 80px"] {
    margin-left: clamp(24px, 8vw, 80px) !important;
}

#content .entry-content p[style*="margin-left: 100px"],
#content .entry-content div[style*="margin-left: 100px"],
#content .entry-content blockquote[style*="margin-left: 100px"] {
    margin-left: clamp(30px, 10vw, 100px) !important;
}

#content .entry-content p[style*="margin-left: 120px"],
#content .entry-content div[style*="margin-left: 120px"],
#content .entry-content blockquote[style*="margin-left: 120px"] {
    margin-left: clamp(36px, 12vw, 120px) !important;
}

#content .entry-content p[style*="margin-left: 160px"],
#content .entry-content div[style*="margin-left: 160px"],
#content .entry-content blockquote[style*="margin-left: 160px"] {
    margin-left: clamp(48px, 16vw, 160px) !important;
}

#content .entry-content p[style*="margin-left: 200px"],
#content .entry-content div[style*="margin-left: 200px"],
#content .entry-content blockquote[style*="margin-left: 200px"] {
    margin-left: clamp(60px, 20vw, 200px) !important;
}

/* Responsive indentation: additional legacy levels */

#content .entry-content [style*="padding-left: 240px"],
#content .entry-content [style*="padding-left:240px"] {
    padding-left: clamp(72px, 24vw, 240px) !important;
}

#content .entry-content [style*="padding-left: 280px"],
#content .entry-content [style*="padding-left:280px"] {
    padding-left: clamp(84px, 28vw, 280px) !important;
}

#content .entry-content [style*="padding-left: 320px"],
#content .entry-content [style*="padding-left:320px"] {
    padding-left: clamp(96px, 32vw, 320px) !important;
}

#content .entry-content [style*="padding-left: 360px"],
#content .entry-content [style*="padding-left:360px"] {
    padding-left: clamp(108px, 36vw, 360px) !important;
}

/* Prevent the search box from overlapping the site title
   on mobile portrait screens (Twenty Eleven theme). */
@media screen and (max-width: 600px) and (orientation: portrait) {
    #branding {
        padding-top: 45px;
    }

    #branding #searchform {
        top: 5px;
        right: 10px;
    }
}

/* RBO banner: fixed height, full width, crop from the top */
#branding {
    position: relative !important;
    overflow: visible !important;
}

#branding img,
#branding > a > img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 175px !important;
    object-fit: cover !important;
    object-position: center bottom !important;
}

/* Keep the navigation above the banner and allow dropdowns to appear */
#access {
    position: relative !important;
    z-index: 1000 !important;
}

#access li {
    position: relative;
}

#access ul ul {
    z-index: 1001 !important;
}

/* Reduce whitespace above the site title and below the subtitle */
#branding #site-title {
    padding-top: 1.9em !important;
}

#branding #site-description {
    margin-bottom: 1.9em !important;
}

/* Reduce whitespace above the site title and below the subtitle by 15%. */
#branding #site-title {
    padding-top: 1.9em !important;
}
#branding #site-description {
    margin-bottom: 1.9em !important;
}

/* Reduce header height and title spacing on mobile only */
@media screen and (max-width: 767px) {
    #branding img,
    #branding > a > img {
        height: 100px !important;
        object-fit: cover !important;
        object-position: center bottom !important;
    }

    #branding #site-title {
        padding-top: 1em !important;
    }

    #branding #site-description {
        margin-bottom: 1em !important;
    }
}