/*!
Theme Name: 	amaThambo
Author: 		Arnold Goodway
Author URI: 	https://arnoldgoodway.com/
Description: 	Great for any blog that uses featured images, albeit a photography or portfolio type site. Can be used for a personal blog as well. The theme plays very nicely with the Gutenberg editor. Ideal for the blogger who does not mind getting hands-on with the code to build a child theme that will be uniquely their own.
Version: 		1.2
License: 		GNU General Public License v2 or later
License URI: 	LICENSE
Text Domain: 	amathambo
Tags: 			grid-layout, accessibility-ready, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, theme-options, threaded-comments, translation-ready, blog, photography, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

amaThambo is a Zulu word meaning bones.

amaThambo is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Please see the readme file for details on the other third part resources bundled with the theme.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
 1. CSS Reset
 2. Typography
 3. Elements
	3.1 HTML
	3.2 Lists
	3.3 Tables
 4. Forms
	4.1 Buttons
	4.2 Fields
	4.3 Search
 5. Navigation
	5.1 Links
	5.2 Primary Menu
	5.3 Social Menu
	5.5 Next & Previous
	5.6 Scroll Up Button
 6. Accessibility
 7. Alignments
 8. Clearings
 9. Layout
	9.1 Layout
	9.2 Posts and Pages
10. Widgets
	10.1 Standard Widgets
	10.2 Custom Widgets
11. Comments
12. Infinite Scroll
13. Blocks
14. Media
	14.1 Captions
	14.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1. CSS Reset
--------------------------------------------------------------*/
html
{
    line-height: 1.15;

    -webkit-text-size-adjust: 100%;
}

body
{
    margin: 0;
}

h1
{
    font-size: 2em;

    margin: .67em 0;
}

hr
{
    overflow: visible;

    box-sizing: content-box;
    height: 0;
}

pre code
{
    font-family: monospace, monospace;
    font-size: 1em;
}

a
{
    background-color: transparent;
}

abbr[title]
{
    text-decoration: underline;
    text-decoration: underline dotted;

    border-bottom: none;
}

b,
strong
{
    font-weight: 700;
}

code,
kbd,
samp
{
    font-family: monospace, monospace;
    font-size: 1em;
}

small
{
    font-size: 80%;
}

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sub
{
    bottom: -.25em;
}

sup
{
    top: -.5em;
}

img
{
    border-style: none;
}

button,
input,
optgroup,
select,
textarea
{
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;

    margin: 0;
}

button,
input
{
    overflow: visible;
}

button,
select
{
    text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit']
{
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner
{
    padding: 0;

    border-style: none;
}

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring
{
    outline: 1px dotted ButtonText;
}

fieldset
{
    padding: .35em .75em .625em;
}

legend
{
    display: table;

    box-sizing: border-box;
    max-width: 100%;
    padding: 0;

    white-space: normal;

    color: inherit;
}

progress
{
    vertical-align: baseline;
}

textarea
{
    overflow: auto;
}

[type='checkbox'],
[type='radio']
{
    box-sizing: border-box;
    padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button
{
    height: auto;
}

[type='search']
{
    outline-offset: -2px;

    -webkit-appearance: textfield;
}

[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

::-webkit-file-upload-button
{
    font: inherit;

    -webkit-appearance: button;
}

details
{
    display: block;
}

summary
{
    display: list-item;
}

template
{
    display: none;
}

[hidden]
{
    display: none;
}

/*--------------------------------------------------------------
2. Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
}

body
{
    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;

    color: #575757;
    background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-weight: 400;

    clear: both;

    -ms-word-wrap: break-word;
        word-wrap: break-word;
}

h1
{
    font-size: 32px;
    font-size: 2rem;
}

h2
{
    font-size: 24px;
    font-size: 1.5rem;
}

h3
{
    font-size: 22px;
    font-size: 1.375rem;
}

h4
{
    font-size: 20px;
    font-size: 1.25rem;
}

h5
{
    font-size: 18px;
    font-size: 1.125rem;
}

.site-title
{
    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;

    margin: 0;
    padding-top: 5px;
    padding-right: 1px;
    padding-bottom: 5px;
    padding-left: 1px;
}

.site-description
{
    line-height: 1;

    margin: 0;
}

h6,
p
{
    font-size: 16px;
    font-size: 1rem;
}

/*--------------------------------------------------------------
3. Elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.1 HTML
--------------------------------------------------------------*/
html
{
    font-size: 100%;

    box-sizing: border-box;
}

@media screen and (min-width: 48.9375em)
{
    html
    {
        font-size: 110%;
    }
}

*,
:before,
:after
{
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}

html,
body
{
    height: 100%;
}

figure
{
    margin-top: 16px;
    margin-right: 0;
    margin-bottom: 16px;
    margin-left: 0;
}

address
{
    font-style: italic;

    margin-top: 0;
    margin-right: 0;
    margin-bottom: 28px;
    margin-left: 0;
}

hr
{
    height: 1px;
    margin-bottom: 24px;

    border: 0;
    background-color: #d1d1d1;
}

figure
{
    margin: 0;

    text-align: center;
}

mark,
ins
{
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px;

    text-decoration: none;

    background-color: #f5f5f5;
}

blockquote cite
{
    font-size: 80%;
    font-style: italic;
}

blockquote
{
    font-size: 110%;
    font-style: italic;
    line-height: 1.4736842105;

    margin-bottom: 1.25em;
    margin-left: 0;
    padding-top: .1em;
    padding-right: 0;
    padding-bottom: 1em;
    padding-left: 1.263157895em;
}

blockquote
{
    quotes: none;

    border-left: solid 4px #000;
}

q
{
    border-left: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
    content: '';
}

blockquote p
{
    margin-bottom: 1.4736842105em;
}

blockquote > :last-child
{
    margin-bottom: 0;
}

dd
{
    margin-right: 24px;
    margin-bottom: 24px;
    margin-left: 24px;
}

em
{
    font-style: italic;
}

img
{
    display: block;

    max-width: 100%;
    height: auto;
}

figcaption
{
    font-size: 11px;
    font-size: .6875rem;
    line-height: 1.6;
}

blockquote strong,
blockquote b,
dt,
bold
{
    font-weight: 700;
}

pre
{
    font-family: 'Courier 10 Pitch', Courier, monospace;

    overflow: auto;
}

/*--------------------------------------------------------------
3.2 Lists
--------------------------------------------------------------*/
ul,
ol
{
    margin: 0;
    padding: 0;
}

ul
{
    list-style: disc;
}

li
{
    margin-bottom: 8px;
    margin-left: 16px;
}

li > ul,
li > ol
{
    margin-top: 8px;
}

ul li a
{
    margin-left: 1px;
    padding-top: 8px;
}

/*--------------------------------------------------------------
3.3 Tables
--------------------------------------------------------------*/
table
{
    font-weight: 300;

    width: 100%;
    margin: 0;

    table-layout: auto;
    border-spacing: 0;
    border-collapse: collapse;

    border: 1px solid #d1d1d1;
    border-width: 1px 0 0 1px;
}

table tbody
{
    display: table-row-group;

    vertical-align: middle;

    border-color: inherit;
}

table td
{
    font-weight: 300;

    display: table-cell;

    margin: 0;
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;

    text-align: left;
    vertical-align: inherit;

    border: 1px solid #d1d1d1;
}

table tfoot
{
    display: table-footer-group;

    vertical-align: middle;

    border-color: inherit;
}

table th
{
    font-weight: 300;

    display: table-cell;

    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;

    text-align: left;
    vertical-align: inherit;

    border: 1px solid #d1d1d1;
}

table thead
{
    display: table-header-group;

    vertical-align: middle;

    border-color: inherit;
}

table tr
{
    display: table-row;

    vertical-align: inherit;

    border-color: inherit;
}

/*--------------------------------------------------------------
4. Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.1 Buttons
--------------------------------------------------------------*/
button,
input[type='button'],
input[type='reset'],
input[type='submit']
{
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1;

    margin: 0;
    padding-top: 13px;
    padding-right: 16px;
    padding-bottom: 13px;
    padding-left: 16px;

    transition: all .2s ease-in-out;
    text-decoration: none;

    color: #fff;
    border: solid 1px #00538a;
    border-radius: 0;
    background-color: #00538a;
}

button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover
{
    transition: all .2s ease-in-out;
    text-decoration: none;

    color: #fff;
    border: solid 1px #a3041f;
    outline-offset: -3px;
    background-color: #a3041f;
}

button:focus,
button:active,
input[type='button']:focus,
input[type='button']:active,
input[type='reset']:focus,
input[type='reset']:active,
input[type='submit']:focus,
input[type='submit']:active
{
    text-decoration: none;

    color: #fff;
    border: solid 1px #a3041f;
    outline: dotted 1px #fff;
    outline-offset: -3px;
    background-color: #a3041f;
}

.disabled
{
    cursor: not-allowed;

    opacity: .5;
}

.disabled > a
{
    display: inline-block;

    text-decoration: none;
    pointer-events: none;

    color: currentColor;
}

/*--------------------------------------------------------------
4.2 Fields
--------------------------------------------------------------*/
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='number'],
input[type='tel'],
input[type='range'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='datetime'],
input[type='datetime-local'],
input[type='color'],
textarea
{
    width: 100%;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;

    border: 1px solid #d1d1d1;
    border-radius: 0;
}

input[type='text']
input[type='email'],
input[type='url']
{
    width: 100%;
}

@media screen and (min-width: 48.9375em)
{
    input[type='text'],
    input[type='email'],
    input[type='url']
    {
        width: 60%;
    }
}

input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='range']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='time']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='color']:focus,
textarea:focus
{
    outline: dotted 1px #000;
    outline-offset: -4px;
}

input[type='checkbox']
{
    margin-right: 5px;
}

.contact-form label span
{
    color: #a3041f !important;
}

label.subscribe-label
{
    font-size: 13px;
    font-size: .8125rem;
}

li.share-linkedin a.sd-button > span,
li.share-google-plus-1 a.sd-button > span,
li.share-facebook a.sd-button > span,
li.share-twitter a.sd-button > span,
li.share-pinterest a.sd-button > span,
li.share-reddit a.sd-button > span
{
    color: #525252;
}

.wpl-button a
{
    color: #525252 !important;
}

input[name='wp-comment-cookies-consent']
{
    background-color: #000;
}

::-webkit-input-placeholder
{
    color: #525252;
}

:-moz-placeholder
{
    color: #525252;
}

::-moz-placeholder
{
    color: #525252;
}

:-ms-input-placeholder
{
    color: #525252;
}

.required
{
    color: #a3041f;
}

/*--------------------------------------------------------------
4.3 Search
--------------------------------------------------------------*/
input[type='search']
{
    width: 100%;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;

    color: #575757;
    border: solid 1px transparent;
    border-color: #d1d1d1;
    border-right: none;
    background-color: #fff;

    -webkit-appearance: textfield;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

input[type='search']:hover,
input[type='search']:focus,
input[type='search']:active
{
    transition: all .2s ease-in-out;

    outline-offset: -3px;
    background-color: #f5f5f5;
}

input[type='search']:focus,
input[type='search']:active
{
    outline: dotted 1px #000;
}

.search-form
{
    position: relative;
    top: 0;
    right: 0;

    max-width: 100%;
    margin: 0;
    padding: 0;

    border: 0;
}

input[type='search'].search-field
{
    width: calc(100% - 36px);

    border-radius: 0;
}

.search-submit:before
{
    font-family: Dashicons;
    font-weight: 300;

    position: relative;
    left: 0;

    width: 36px;

    content: '\f179';
}

.search-submit
{
    position: absolute;
    top: 0;
    right: 0;

    overflow: hidden;

    width: 36px;
    height: 100%;
    padding: 0;
}

/*--------------------------------------------------------------
5. Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a
{
    transition: all .2s ease-in-out;
}

a:link,
a:visited
{
    text-decoration: underline;

    color: #00538a;
}

a:hover,
a:focus,
a:active
{
    text-decoration: none;

    color: #a3041f;
}

a:focus,
a:active
{
    outline: dotted 1px #000;
}

.navigation a
{
    text-decoration: none;
}

a:focus img,
a:active img
{
    opacity: .8;
    outline: dotted 1px #fff;
    outline-offset: -4px;
}

.site-title a
{
    text-decoration: none;
}

/*--------------------------------------------------------------
5.2 Primary Menu
--------------------------------------------------------------*/
.main-navigation
{
    display: block;

    margin-bottom: 40px;
    padding: 0;
}

.toggle-holder
{
    padding: 0;

    text-align: center;
}

.main-navigation ul
{
    display: none;

    margin: 0;
    padding: 0;

    list-style: none;
    list-style-position: inside;

    text-align: left;
}

.main-navigation a:link,
.main-navigation a:visited
{
    display: block;

    text-decoration: underline;
    letter-spacing: 1px;
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active
{
    display: block;

    text-decoration: none;

    outline-offset: -4px;
    background-color: #f5f5f5;
}

.main-navigation a:active
{
    outline: dotted 1px #000;
}

.main-navigation ul li
{
    display: block;

    margin: 0;
    padding: 0;

    text-indent: 0;
}

.main-navigation ul ul
{
    display: block;

    list-style: none;
}

.main-navigation ul a
{
    padding: .5em 0 .5em .5em;
}

.main-navigation ul ul a
{
    padding: .5em 0 .5em 2em;
}

.main-navigation ul ul ul a
{
    padding: .5em 0 .5em 2.5em;
}

.main-navigation ul ul ul ul a
{
    padding: .5em 0 .5em 3em;
}

.main-navigation ul ul ul ul ul a
{
    padding: .5em 0 .5em 3.5em;
}

.main-navigation ul ul ul ul ul ul a
{
    padding: .5em 0 .5em 4em;
}

.main-navigation ul ul ul
{
    margin-bottom: 0;
}

.menu-toggle
{
    margin: 0 auto;
}

.main-navigation.toggled .nav-menu
{
    display: block;

    margin: 40px 5%;
}

.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_ancestor > a
{
    cursor: default;
    text-decoration: none;

    color: #00538a;
    background-color: #f5f5f5;
}

@media screen and (min-width: 48.9375em)
{
    .toggle-holder
    {
        display: none;
    }

    .main-navigation.toggled .nav-menu
    {
        display: block;

        margin: 0;
        padding: 0;

        border-bottom: 0;
    }

    .main-navigation
    {
        width: 100%;
        margin-bottom: 80px;
        padding-right: 5%;
        padding-left: 5%;
    }

    .main-navigation ul
    {
        display: block;

        list-style: none;

        text-align: left;
    }

    .main-navigation ul ul a,
    .main-navigation ul ul ul a,
    .main-navigation ul ul ul ul a,
    .main-navigation ul ul ul ul ul a,
    .main-navigation ul ul ul ul ul ul a
    {
        padding-left: 1.25em;

        background-color: #fff;
    }

    .main-navigation ul li
    {
        position: relative;

        display: inline-block;

        margin: 0 5px 5px 0;
        padding: 0;

        border: solid 1px #d1d1d1;
        border-top: solid 1px #d1d1d1;
    }

    .main-navigation ul a
    {
        display: inline-block;

        padding: .5em .75em;

        text-decoration: none;
    }

    .main-navigation a:link,
    .main-navigation a:visited
    {
        display: block;

        letter-spacing: 1px;
    }

    .main-navigation a:hover,
    .main-navigation a:focus,
    .main-navigation a:active
    {
        outline-offset: -4px;
        background: #f5f5f5;
    }

    .main-navigation a:active
    {
        outline: dotted 1px #000;
    }

    .main-navigation ul ul
    {
        position: absolute;
        z-index: 99999;
        left: -999em;

        display: block;

        margin: 0;

        border: solid 1px #d1d1d1;
        background-color: #fff;
    }

    .main-navigation ul ul li
    {
        border: 0;
    }

    .main-navigation .menu-item-has-children > a:after,
    .main-navigation .page_item_has_children > a:after
    {
        font-family: 'Dashicons';
        font-size: 13px;
        font-size: .8125rem;
        line-height: 1;

        position: absolute;
        top: 1.5em;
        right: 0;

        display: inline-block;

        content: '\f140';
        text-align: right;
        text-decoration: none;
    }

    .main-navigation ul ul .menu-item-has-children > a:after,
    .main-navigation ul ul .page_item_has_children > a:after
    {
        top: 1.25em;

        content: '\f139';
    }

    .main-navigation ul ul ul
    {
        top: 0;
        left: -999em;

        margin-top: 0;
    }

    .main-navigation ul li:first-child:hover > ul,
    .main-navigation ul li:first-child.focus > ul
    {
        left: 0;
    }

    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul
    {
        left: 0;
    }

    .main-navigation ul li:hover > ul ul,
    .main-navigation ul li.focus > ul ul
    {
        left: -99999em;
    }

    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul,
    .main-navigation ul ul li:first-child:hover > ul,
    .main-navigation ul ul li:first-child.focus > ul
    {
        left: 100%;
    }

    .main-navigation ul ul li
    {
        padding: 0;

        text-align: left;
    }

    .main-navigation ul ul a
    {
        display: block;

        width: 210px;
        padding: .5em .75em;

        border: none;
    }

    .main-navigation ul ul ul
    {
        top: -1px;
        left: 100%;
    }

    .menu-toggle
    {
        display: none;
    }

    li.search
    {
        float: right;

        border: 0;
    }
}

/*--------------------------------------------------------------
5.3 Social Menu
--------------------------------------------------------------*/
.site-social ul
{
    margin: 0;

    list-style: none;
    /* Change position of menu here
	/* 'left', 'right' or 'center' */

    text-align: center;
}

@media screen and (min-width: 48.9375em)
{
    .site-social ul
    {
        text-align: right;
    }
}

.site-social ul li
{
    position: relative;

    display: inline-block;

    margin: 0;
}

.site-social li a::before
{
    font-family: 'Genericons';
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;

    display: inline-block;

    margin-top: 2px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;

    content: '\f408';
    vertical-align: top;

    -webkit-font-smoothing: antialiased;
}

.site-social li a[href*='wordpress.org']::before,
.site-social li a[href*='wordpress.com']::before
{
    content: '\f205';
}

.site-social li a[href*='facebook.com']::before
{
    content: '\f203';
}

.site-social li a[href*='twitter.com']::before
{
    content: '\f202';
}

.site-social li a[href*='dribbble.com']::before
{
    content: '\f201';
}

.site-social li a[href*='plus.google.com']::before
{
    content: '\f206';
}

.site-social li a[href*='pinterest.com']::before
{
    content: '\f210';
}

.site-social li a[href*='github.com']::before
{
    content: '\f200';
}

.site-social li a[href*='tumblr.com']::before
{
    content: '\f214';
}

.menu-social .menu-items li a[href*='youtube.com']::before
{
    content: '\f213';
}

.site-social li a[href*='flickr.com']::before
{
    content: '\f211';
}

.site-social li a[href*='vimeo.com']::before
{
    content: '\f212';
}

.site-social li a[href*='instagram.com']::before
{
    content: '\f215';
}

.site-social li a[href*='codepen.io']::before
{
    content: '\f216';
}

.site-social li a[href*='linkedin.com']::before
{
    content: '\f208';
}

/*--------------------------------------------------------------
5.4 Footer Menu
--------------------------------------------------------------*/
.footer-navigation .footer-menu
{
    margin-top: 40px;
    margin-bottom: 40px;

    border: 0;
}

.footer-navigation .footer-menu > li
{
    display: inline-block;
    overflow: hidden;

    padding: 5px 0;

    border: 1px solid #d1d1d1;
}

.footer-navigation ul
{
    list-style: none;
    /* Change the position of the menu here
  	/* 'left', 'right' or 'center' */

    text-align: center;
}

.footer-navigation a
{
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 14px;

    white-space: nowrap;

    outline-offset: -4px;
    background-color: #fff;
}

.footer-navigation a:hover,
.footer-navigation a:focus,
.footer-navigation a:active
{
    outline: dotted 1px #000;
    background-color: #f5f5f5;
}

/*--------------------------------------------------------------
5.5 Next and Previous
--------------------------------------------------------------*/
.navigation .nav-subtitle
{
    display: block;

    margin-bottom: 0;

    text-transform: uppercase;
}

.navigation a
{
    text-decoration: none;
    word-break: break-word;

    overflow-wrap: break-word;
}

.navigation .nav-links:not(.pagination)
{
    overflow: hidden;

    padding: 0;

    text-align: left;
}

.navigation .nav-links .nav-previous
{
    float: left;

    width: 50%;
    padding-left: 1px;

    text-align: left;
}

.navigation .nav-links .nav-next
{
    float: right;

    width: 50%;
    padding-right: 1px;

    text-align: right;
}

.pagination
{
    font-size: 14px;
    font-size: .875rem;

    width: 100%;
    padding: 0;

    text-align: left;
}

.pagination .page-numbers
{
    line-height: 1;

    display: inline-block;

    margin: 0;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;

    text-decoration: none;

    border: 1px solid #d1d1d1;
}

.pagination .navigation
{
    padding: 0;
}

.pagination .nav-links
{
    overflow: hidden;

    padding-right: 5%;
    padding-left: 5%;

    text-align: left;
}

.pagination .nav-links .nav-previous
{
    float: left;

    width: 50%;

    text-align: left;
}

.pagination .nav-links .nav-next
{
    float: right;

    width: 50%;

    text-align: right;
}

.pagination .nav-links .nav-previous a,
.pagination .nav-links .nav-next a
{
    display: inline-block;

    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
}

.pagination .nav-links a:link,
.pagination .nav-links a:visited
{
    text-decoration: none;

    color: #fff;
    background-color: #00538a;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus
{
    text-decoration: none;

    color: #fff;
    outline-offset: -4px;
    background-color: #a3041f;
}

.pagination .nav-links a:focus,
.pagination .nav-links a:active
{
    text-decoration: none;

    color: #fff;
    outline: dotted 1px #fff;
    outline-offset: -4px;
    background-color: #a3041f;
}

/*--------------------------------------------------------------
5.6 Scroll Up Button
--------------------------------------------------------------*/
.topbutton
{
    position: fixed;
    z-index: 1;
    right: 30px;
    bottom: 30px;

    display: none;

    width: 38px;
    height: 38px;

    background-image: url('assets/images/scrollup.png');
    background-repeat: no-repeat;
}

.anchor
{
    visibility: hidden;
}

/*--------------------------------------------------------------
6. Accessibility
--------------------------------------------------------------*/
.screen-reader-text
{
    position: absolute !important;

    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    word-wrap: normal !important;

    border: 0;

    clip-path: inset(50%);
}

.screen-reader-text:focus
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    line-height: normal;

    z-index: 100000;
    top: 5px;
    left: 5px;

    display: block;
    clip: auto !important;

    width: auto;
    height: auto;
    padding: 15px 23px 14px;

    text-decoration: none;

    color: #21759b;
    border-radius: 3px;
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);

    clip-path: none;
}

#content[tabindex='-1']:focus
{
    outline: 0;
}

/*--------------------------------------------------------------
7. Alignments
--------------------------------------------------------------*/
.alignleft
{
    display: inline;
    float: left;

    margin-top: 0;
    margin-right: 24px;
}

.alignright
{
    display: inline;
    float: right;

    margin-top: 0;
    margin-left: 24px;
}

.aligncenter
{
    display: block;
    clear: both;

    margin-right: auto;
    margin-left: auto;
}

/*--------------------------------------------------------------
8. Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after
{
    display: table;

    table-layout: fixed;

    content: '';
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after
{
    clear: both;
}

/*--------------------------------------------------------------
9.Layout
--------------------------------------------------------------*/
/*--------------------------------------------------------------
9.1 Layout
--------------------------------------------------------------*/
.site-header
{
    overflow: hidden;

    padding-top: 20px;
    padding-right: 5%;
    padding-bottom: 20px;
    padding-left: 5%;

    box-shadow: 0 10px 60px rgba(100, 100, 100, .5);
}

.site-branding
{
    margin-bottom: 10px !important;
}

.site-branding,
.social-menu
{
    float: none;

    width: 100%;
    margin: 0;

    text-align: center;
}

@media screen and (min-width: 48.9375em)
{
    .site-branding
    {
        float: left;

        width: 50%;
        margin-bottom: 0;

        text-align: left;
    }

    .site-social
    {
        float: right;

        width: 50%;
    }
}

.site-content
{
    overflow: hidden;

    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
}

.content-holder
{
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}

@media screen and (min-width: 48.9375em)
{
    .content-holder
    {
        max-width: 70%;
        margin-right: auto;
        margin-left: auto;
    }
}

.site-header,
.widget,
.content-holder,
.posts-navigation,
.posts-pagination
{
    margin-bottom: 40px;
}

@media screen and (min-width: 48.9375em)
{
    .widget,
    .content-holder,
    .posts-navigation,
    .posts-pagination
    {
        margin-bottom: 80px;
    }
}

.footer-widget-area .widget
{
    margin-bottom: 0;
}

.footer-widget-area
{
    overflow: hidden;

    margin-bottom: 40px;
}

.widget-area-1,
.widget-area-2,
.widget-area-3
{
    float: none;

    width: 100%;
    margin-right: 0;
}

@media screen and (min-width: 48.9375em)
{
    .widget-area-2
    {
        float: left;

        width: 47.5%;
        margin-right: 5%;
    }

    .widget-area-3
    {
        float: left;

        width: 30%;
        margin-right: 5%;
    }

    .widget-area-2:last-child,
    .widget-area-3:last-child
    {
        margin-right: 0;
    }
}
.gallery
{
    margin-bottom: 24px;
}

.gallery-item
{
    display: inline-block;

    width: 100%;

    text-align: center;
    vertical-align: top;
}

.gallery-columns-2 .gallery-item
{
    max-width: 50%;
}

.gallery-columns-3 .gallery-item
{
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item
{
    max-width: 25%;
}

.gallery-columns-5 .gallery-item
{
    max-width: 20%;
}

.gallery-columns-6 .gallery-item
{
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item
{
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item
{
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item
{
    max-width: 11.11%;
}

.gallery-caption
{
    display: block;
}

.site-info
{
    text-align: center;
}

.footer-navigation
{
    float: none;

    width: 100%;
    margin-top: 0;
}

.site-footer
{
    overflow: hidden;

    width: 100%;
    padding-right: 5%;
    padding-left: 5%;

    color: #525252;
    border-top: solid 1px #d1d1d1;
    background-color: #f5f5f5;
}

.site-info
{
    overflow: hidden;

    width: 100%;
    padding-right: 5%;
    padding-left: 5%;

    color: #525252;
    background-color: #f5f5f5;
}

/*--------------------------------------------------------------
9.2 Posts and Pages
--------------------------------------------------------------*/
.sticky .entry-title:before
{
    font-family: 'Dashicons';
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;

    display: inline-block;

    margin-right: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;

    content: '\f537';
    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border-radius: 50%;
    background-color: #a3041f;
}

.page-header
{
    margin-bottom: 40px;

    text-align: center;

    color: #525252;
    border: 1px solid #d1d1d1;
    background-color: #f5f5f5;
}

.not-found
{
    margin-bottom: 40px;
    padding: 0;
}

@media screen and (min-width: 48.9375em)
{
    .page-header,
    .not-found
    {
        margin-bottom: 80px;
        padding: 0 15%;
    }
}

.page h1.entry-title,
h2.entry-title
{
    line-height: 1;

    margin-top: 0;
    padding-top: 4px;
}

.entry-meta,
.entry-info
{
    font-size: 14px;
    font-size: .875rem;
}

.entry-meta
{
    margin-bottom: 20px;
}

.entry-content
{
    margin-bottom: 20px;
}

.index-post-thumbnail
{
    float: none;

    width: 100%;
    margin: 0;
}

.single-post-thumbnail
{
    margin-bottom: 20px;
}

.ms-container
{
    overflow: hidden;

    width: 100%;
    margin-bottom: 40px;
}

.ms-item
{
    width: 100%;
    margin: 0 0 5% 0;
    padding: 0;

    border: none;
}

.ms-item .entry-meta
{
    text-align: center;
}

.ms-item .entry-title
{
    text-align: center;
}

.ms-item .bottom-holder
{
    overflow: hidden;

    width: 100%;
    padding: .75em .75em 0 .75em;

    border: 1px solid #d1d1d1;
    border-top: none;
    background-color: #f5f5f5;
}

.index-post-thumbnail img
{
    margin: 0 auto;;
}

@media screen and (min-width: 48.9375em)
{
    .ms-item
    {
        width: 30%;
        padding: 0;

        border: none;
    }

    .ms-gutter-size
    {
        width: 5%;
    }
}

/*--------------------------------------------------------------
10. Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Standard Widgets
--------------------------------------------------------------*/
.widget_calendar
{
    width: 100%;
    max-width: 37.5rem;
    margin-right: auto;
    margin-left: auto;
}

.widget_calendar caption
{
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;

    text-align: center;

    color: #fff;
    background-color: #00538a;
}

.widget_calendar thead th
{
    font-size: 90%;
    font-weight: 700;

    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;

    text-align: center;
    text-transform: uppercase;

    color: #525252;
    background-color: #f5f5f5;
}

.widget_calendar tbody td
{
    position: relative;

    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;

    text-align: center;

    border: 1px solid #d1d1d1;
    background-color: #fff;
}

.widget_calendar tbody td.pad
{
    opacity: .7;
}

.widget_calendar tbody td#today
{
    font-weight: 700;
}

.widget_calendar tbody td#today:after
{
    position: absolute;
    top: 0;
    right: 0;

    width: 0;
    height: 0;

    content: '';

    border-top: 10px solid #a3041f;
    border-left: 10px solid transparent;
}

.widget_calendar tbody td a
{
    display: block;

    color: #fff;
    background-color: #00538a;
}

.widget_calendar tbody td a:hover,
.widget_calendar tbody td a:focus,
.widget_calendar tbody td a:active
{
    color: #fff;
    outline: dotted 1px #fff;
    outline-offset: -2px;
    background-color: #a3041f;
}

.widget_calendar tfoot tr td
{
    padding: 0;

    border: 0;
}

.widget_calendar tfoot tr a
{
    display: block;

    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
}

.widget_calendar tfoot tr #prev
{
    text-align: left;
}

.widget_calendar tfoot tr #next
{
    text-align: right;
}

.widget ul
{
    font-size: 95%;

    margin: 0;
    padding: 0;

    list-style: none;
}

.widget ul li
{
    line-height: 1.5;

    display: block;

    margin: 0;
    padding: 0;
}

.widget ul li a
{
    display: block;
}

.widget ul ul li,
.widget ul ul ul li,
.widget ul ul ul ul li,
.widget ul ul ul ul ul li,
.widget ul ul ul ul ul ul li
{
    margin-left: 19px;
}

.widget .widget-content:empty
{
    display: none;
}

.widget select
{
    max-width: 100%;
}

.widget-content
{
    margin-bottom: 0;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.widget_tag_cloud .tagcloud a
{
    font-size: 16px;
    font-size: 1rem;

    display: inline-block;

    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 0;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;

    text-decoration: none;

    border: 1px solid #d1d1d1;
}

@media screen and (min-width: 48.9375em)
{
    .widget-content
    {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 20px;
        margin-left: 0;
    }
}

/*--------------------------------------------------------------
10.2 Custom Widgets
--------------------------------------------------------------*/
.widget-wrapper
{
    position: relative;

    width: 100%;
}

.amathambo-widget
{
    margin-bottom: 32px;
}

.amathambo-widget .amathambo-post
{
    display: inline-block;
    clear: both;

    width: 100%;
    margin-bottom: 8px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;

    border: 1px solid #d1d1d1;
    background-color: #fff;
}

.amathambo-widget .amathambo-featured-image
{
    float: left;

    width: 90px;
    margin: 0;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;

    border: 1px solid #d1d1d1;
    background-color: #fff;
}

.amathambo-widget .amathambo-content
{
    float: right;

    width: calc(100% - 105px);
    margin: 0;
}

.amathambo-widget .amathambo-title
{
    font-size: 13px;
    font-size: .8125rem;

    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.widget_calendar thead tr
{
    border-right: 1px solid #d1d1d1;
}

.amathambo-entry-meta span
{
    display: inline-block;

    margin-right: 10px;
    margin-bottom: 5px;
}

.amathambo-entry-meta .author
{
    display: none;
}

.amathambo-entry-meta span
{
    display: inline-block;

    margin-right: 10px;
    margin-bottom: 5px;
}

.amathambo-entry-meta,
.amathambo-entry-meta a
{
    font-size: 11px;
    font-size: .6875rem;
    line-height: 20px;

    letter-spacing: .2px;

    color: #575757;
}

.amathambo-entry-meta .author
{
    display: none;
}

/*--------------------------------------------------------------
11. Comments
--------------------------------------------------------------*/
.comments-area
{
    margin-bottom: 40px;
}

@media screen and (min-width: 48.9375em)
{
    .comments-area
    {
        margin-bottom: 80px;
    }

.comments-area ul li,
.comments-area ol li
{
    text-indent: 0;
}

.comment-body
{
    border-bottom: solid 1px #d1d1d1;
}

.says
{
    display: none;
}

.fn a
{
    text-decoration: none;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond
{
    padding-top: 1.75em;
}

.comments-title,
.comment-reply-title
{
    line-height: 1.3125;

    padding-top: 1.217391304em;
}

.comments-title
{
    margin-bottom: 1.217391304em;
}

.comment-list
{
    margin: 0;

    list-style: none;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback
{
    padding: 1.75em 0;
}

.comment-list .children
{
    margin: 0;

    list-style: none;
}

.comment-list .children > li
{
    padding-left: .875em;
}

.comment-author
{
    margin-bottom: .4375em;
}

.comment-author .avatar
{
    position: relative;

    float: left;

    width: 36px;
    height: 36px;
    margin-right: .5em;

    border-radius: 50%;
}

.bypostauthor > article .fn:after
{
    font-family: 'Dashicons';

    position: relative;
    top: 1px;
    left: 3px;

    content: '\f110';
}

.comment-metadata,
.pingback .edit-link
{
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.6153846154;
}

.comment-metadata
{
    margin-bottom: 2.1538461538em;
}

.comment-metadata a,
.pingback .comment-edit-link
{
    text-decoration: none;
}

.comment-metadata .edit-link,
.pingback .edit-link
{
    display: inline-block;
}

.comment-metadata:before,
.comment-metadata .edit-link:before
{
    font-family: 'Dashicons';

    position: relative;
    top: 1px;
    left: 0;

    margin-right: 2px;
}

.comment-metadata:before
{
    content: '\f508';
}

.comment-metadata .edit-link:before
{
    content: '\f464';
}

.comment-content ul,
.comment-content ol
{
    margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol
{
    margin-bottom: 0;
}

.comment-reply-link
{
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1;

    display: inline-block;

    margin-top: 2.1538461538em;
    padding: .5384615385em 0 .4615384615em;
}

.comment-form
{
    padding-top: 1.75em;
}

.comment-form label
{
    line-height: 1;

    letter-spacing: .076923077em;
}

.comment-list .comment-form
{
    padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags
{
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.6153846154;

    margin-bottom: 2.1538461538em;
}

.no-comments
{
    font-weight: 700;

    margin: 0;
    padding-top: 1.75em;
}

.comment-navigation + .no-comments
{
    padding-top: 0;

    border-top: 0;
}

.form-submit
{
    margin-bottom: 0;
}

.comment-reply-title small
{
    font-size: 100%;
}

.comment-reply-title small a
{
    float: right;
    overflow: hidden;

    width: 16px;
    height: 30px;

    border: 0;
}

.comment-reply-title small a:before
{
    font-family: 'Dashicons';
    font-size: 16px;

    position: relative;
    top: -5px;

    content: '\f158 ';
}

.consent-label
{
    font-size: 13px;
    font-size: .8125rem;
}

.akismet_comment_form_privacy_notice
{
    font-size: 13px;
    font-size: .8125rem;
}

/*--------------------------------------------------------------
12. Infinite Scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer
{
    display: none;
}

.infinity-end.neverending .site-footer
{
    display: block;
}

/*--------------------------------------------------------------
13. Blocks
--------------------------------------------------------------*/
.content-holder
{
    box-sizing: border-box;
}

.content-holder > *
{
    width: auto;
    margin: 32px 0;
}

.content-holder > *:first-child
{
    margin-top: 0;
}

.content-holder > *:last-child
{
    margin-bottom: 0;
}

.content-holder .alignwide,
.content-holder .alignfull
{
    width: 100vw;
    max-width: 100vw;
    margin-right: calc( -100vw / 2 + 100% / 2 );
    margin-left: calc( -100vw / 2 + 100% / 2 );
}

.content-holder .alignfull img,
.content-holder .alignwide img
{
    width: 100%;
}

@media screen and (min-width: 48.9375em)
{
    .content-holder .alignfull
    {
        position: relative;
        right: 50%;
        left: 50%;

        width: 100vw;
        margin-right: -50vw;
        margin-left: -50vw;

        text-align: center;
    }

    .content-holder .alignwide
    {
        position: relative;
        right: 25%;
        left: 25%;

        width: 82vw;
        margin-right: -25vw;
        margin-left: -25vw;

        text-align: center;
    }
}

.content-holder p.has-drop-cap:first-letter
{
    font-size: 3.5em;
    font-weight: 400;
    font-style: normal;
    line-height: 1;

    margin: 0 .25em 0 0;

    text-transform: uppercase;
}

.content-holder .wp-block-gallery
{
    padding-left: 0;

    list-style-type: none;
}

.content-holder .wp-block-gallery .blocks-gallery-image:last-child,
.content-holder .wp-block-gallery .blocks-gallery-item:last-child
{
    margin-bottom: 16px;
}

.content-holder .wp-block-button .wp-block-button__link
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;

    margin: 0;
    padding-top: 13px;
    padding-right: 16px;
    padding-bottom: 13px;
    padding-left: 16px;

    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    text-decoration: none;

    color: #fff;
    border: solid 1px #00538a;
    border-radius: 0;
    background-color: #00538a;
}

.content-holder .wp-block-button .wp-block-button__link:hover
{
    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    text-decoration: none;

    color: #fff;
    border: solid 1px #a3041f;
    outline-offset: -3px;
    background-color: #a3041f;
}

.content-holder .wp-block-button .wp-block-button__link:focus,
.content-holder .wp-block-button .wp-block-button__link:active
{
    text-decoration: none;

    color: #fff;
    border: solid 1px #a3041f;
    outline: dotted 1px #fff;
    outline-offset: -3px;
    background-color: #a3041f;
}

.content-holder .wp-block-pullquote
{
    border: none;
}

.content-holder .wp-block-pullquote blockquote
{
    margin-right: 0;
    padding-top: calc(2 * 1rem);
    padding-bottom: calc(2 * 1rem);

    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    border-left: none;
}

.content-holder .wp-block-pullquote p
{
    font-size: 18px;
    font-size: 1.125rem;
    font-style: italic;
    line-height: 1.3;

    margin-top: .5em;
    margin-bottom: .5em;
}

.content-holder .wp-block-pullquote blockquote cite
{
    font-size: .7111111111em;
}

.content-holder .wp-block-quote.is-default,
.wp-block-quote.is-style-default
{
    font-style: normal;
}

.content-holder .wp-block-table td,
.content-holder .wp-block-table th
{
    border-color: #d1d1d1;
}

.content-holder .wp-block-quote.is-large,
.wp-block-quote.is-style-large
{
    font-style: italic;

    margin-top: 2.8125em;
    margin-bottom: 2.8125em;

    border-left: 0;
}

.content-holder .wp-block-columns
{
    display: block;

    margin: 0;
}

.content-holder .wp-block-column:first-child
{
    margin: 0 0 20px 0;
}

.content-holder .wp-block-column:last-child
{
    margin: 0 0 20px 0;
}

@media screen and (min-width: 48.9375em)
{
    .content-holder .wp-block-columns
    {
        display: flex;

        margin: 20px 0;
    }

    .content-holder .wp-block-column
    {
        margin: 0 20px;

        flex: 1;
    }

    .content-holder .wp-block-column:first-child
    {
        margin: 0 20px 20px 0;
    }

    .content-holder .wp-block-column:last-child
    {
        margin: 0 0 20px 20px;
    }
}

.content-holder .wp-block-code
{
    overflow: hidden;

    word-break: break-word;

    overflow-wrap: break-word;
}

.content-holder .wp-block-code
{
    border-radius: 0;
}

.content-holder .wp-block-code code
{
    white-space: pre-wrap;
    word-break: break-word;
}

.content-holder .wp-block-verse,
.content-holder .wp-block-verse pre
{
    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.content-holder .wp-block-latest-comments .wp-block-latest-comments__comment-meta
{
    font-weight: bold;
}

.content-holder .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date
{
    font-weight: normal;
}

.content-holder .wp-block-latest-comments .wp-block-latest-comments__comment,
.content-holder .wp-block-latest-comments .wp-block-latest-comments__comment-date,
.content-holder .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p
{
    font-size: inherit;
}

.content-holder .wp-block-latest-comments .wp-block-latest-comments__comment-date
{
    font-size: .7111111111em;
}

.content-holder .wp-block-file .wp-block-file__button
{
    font-size: .8888888889em;
    font-weight: bold;
    line-height: 1.2;

    box-sizing: border-box;
    padding: .66rem 1rem;

    transition: background 150ms ease-in-out;

    color: #fff;
    border: none;
    border-radius: 0;
    outline: none;
    outline: none;
    background-color: #00538a;
}

.content-holder .wp-block-file .wp-block-file__button:hover
{
    cursor: pointer;

    color: #fff;
    border-color: #a30f1e;
    background-color: #a3041f;
}

.content-holder .wp-block-file .wp-block-file__button:focus
{
    color: #fff;
    outline: dotted 1px #fff;
    outline-offset: -4px;
    background-color: #a3041f;
}

.has-white-background-color
{
    background-color: #fff;
}

.has-white-color
{
    color: #fff;
}

.has-lightest-grey-background-color
{
    background-color: #f5f5f5;
}

.has-lightest-grey-color
{
    color: #f5f5f5;
}

.has-lighter-grey-background-color
{
    background-color: #d1d1d1;
}

.has-lighter-grey-color
{
    color: #d1d1d1;
}

.has-light-grey-background-color
{
    background-color: #575757;
}

.has-light-grey-color
{
    color: #575757;
}

.has-red-background-color
{
    background-color: #a30f1e;
}

.has-red-color
{
    color: #a30f1e;
}

.has-blue-background-color
{
    background-color: #15587e;
}

.has-blue-color
{
    color: #15587e;
}

.has-black-background-color
{
    background-color: #000;
}

.has-black-color
{
    color: #000;
}

/*--------------------------------------------------------------
14. Media
--------------------------------------------------------------*/
/*--------------------------------------------------------------
14.1 Captions
--------------------------------------------------------------*/
.wp-caption
{
    max-width: 100%;
    margin-bottom: 24px;
}

.wp-caption img[class*='wp-image-']
{
    display: block;

    margin-right: auto;
    margin-left: auto;
}

.wp-caption .wp-caption-text
{
    margin-top: 14px;
    margin-bottom: 14px;
}

.wp-caption-text
{
    text-align: center;
}

/*--------------------------------------------------------------
14.2 Galleries
--------------------------------------------------------------*/
.gallery
{
    margin-bottom: 24px;
}

.gallery-item
{
    display: inline-block;

    width: 100%;

    text-align: center;
    vertical-align: top;
}

.gallery-columns-2 .gallery-item
{
    max-width: 50%;
}

.gallery-columns-3 .gallery-item
{
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item
{
    max-width: 25%;
}

.gallery-columns-5 .gallery-item
{
    max-width: 20%;
}

.gallery-columns-6 .gallery-item
{
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item
{
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item
{
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item
{
    max-width: 11.11%;
}

.gallery-caption
{
    display: block;
}