/* --------------------------------------------------------------------------

>>> TABLE OF CONTENTS:

-----------------------------------------------------------------------------
1.  Text
2.  Social Media
3.  Buttons
4.  Header
5.  Body
6.  Page Templates
7.  Post:Archive
8.  Post:Single
9.  Footer
----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

/*  1. Text
/* -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-family:'Roboto', Arial, Helvetica, sans-serif; line-height:1.25; display:block; clear:both; }

h1, h2, h3 { font-weight:600; }

h4, h5, h6 { font-weight:400; }

h1 { color:#FFF; }

h2 { color:#b3b5b7; margin:0 0; }

h3 { color:#001c43; margin:0 0; }

h4 { color:#001c43; margin:0 0; }

h5 { color:#001c43; margin:0 0; }

h6 { margin:0 0; }

h1.entry-title, h2.entry-title, h3.entry-title, h4.entry-title, h5.entry-title {
    margin:0 0 !important;
    float:none !important;
}

h1.entry-subtitle, h2.entry-subtitle, h3.entry-subtitle, h4.entry-subtitle, h5.entry-subtitle {
    margin:0 0 10px 0 !important;
    float:none !important;
}

.pre-header, a, h6.post-title a {color:#001c43;}

.entry-subtitle, .white {color:#FFF !important;}

/* -------------------------------------------------------------------------- */

/*  2.  Social Media
/* -------------------------------------------------------------------------- */

ul.social-media-list {
    display:block;
    clear:both;
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.social-media-list li {
    display:inline-block;
    border:none;
    margin:0 0;
    padding:0 0;
}
ul.social-media-list a {
    float:left;
}
ul.social-media-list a img {
    padding:5px;
    margin:0px;
    width:40px;
    height:40px;
    border:none;
    float:left;
}

/* -------------------------------------------------------------------------- */

/*  3.  Buttons
/* -------------------------------------------------------------------------- */

a.white-btn {
    color:#001b42;
    background:#FFF;
}

a.grey-btn {
    color:#001b42;
    background:#b3b5b7;
}

a.red-btn {
    color: #FFF;
    background:#d71921;
}

a.white-btn, a.grey-btn, a.red-btn {
    font-weight:bold;
    line-height:1;
    padding:0.6em 1em 0.6em;
    text-decoration:none;
    display:block;
    clear:both;
    width:fit-content;
    margin:0 auto;
}


/* -------------------------------------------------------------------------- */

/*  4.  Header
/* -------------------------------------------------------------------------- */



#masthead {
    display:block;
    clear:both;
    float:left;
    width:100%;
    background-color:#FFF;
}

.site-branding {
    margin:15px auto;
    max-width:1400px;
    text-align:center;
}

.site-identity {
    margin:0 auto;
    max-width:250px;
    display:block;
    clear:both;
}

a.custom-logo-link { float: left; }

.page-banner {
    width:100%;
    text-align:center;
    background-size:cover;
    background-position:center;
    float:left;
    display:block;
    clear:both;
    overflow:auto;
}

.dark-background {
    padding: 150px 80px;
    background:url('../images/pattern-diamond-5.png') repeat, rgba(0, 0, 0, .10);
}

/* -------------------------------------------------------------------------- */

/*  5.  Body
/* -------------------------------------------------------------------------- */

.content-container {
    display:block;
    clear:both;
    float:left;
    width:100%;
    overflow:auto;
}

.site-full-width {width:100%;}

.short-width {max-width:900px;}

.standard-width {max-width:1180px;}

.pexels {
	padding: 5px 20px !important;
	background-color: #001b42;
	border-radius: 12px 12px;
	max-width: 272px;
}

.site-full-width, .short-width, .standard-width, .triad-side-by-side-width {
    margin:0 auto !important;
    display:block;
    clear:both;
    overflow:auto;
}

.short-width, .standard-width, .triad-side-by-side-width {
    padding:1em 20px;
}

.half-side-by-side, .triad-side-by-side, .quad-side-by-side {
    margin:0 0;
    padding:20px 20px;
    float:left;
    display:inline-block
}

.triad-side-by-side {
    max-width:450px;
    width:33.33%;
    vertical-align: top;
}


/* -------------------------------------------------------------------------- */

/*  6.  Page Templates
/* -------------------------------------------------------------------------- */

.cut-margin {
    margin-bottom:.25em;
}

/* -------------------------------------------------------------------------- */

/*  7.  Post:Archive
/* -------------------------------------------------------------------------- */

.archive .triad-side-by-side:nth-child(4), .blog .triad-side-by-side:nth-child(4) {
    clear: left;
}

.pagination {
    display: block;
    clear: both;
    margin: 0 auto;
    width: fit-content;
}

/* -------------------------------------------------------------------------- */

/*  8.  Post:Single
/* -------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- */

/*  9.  Footer
/* -------------------------------------------------------------------------- */

footer h5, footer .h5 {
    border-bottom:1px solid #FFF;
    padding-bottom:0.5em;
}

footer, .footer-wrapper, .footer-logo, .footer-social, .copyright {
    display:block;
    clear:both;
    margin:0 auto;
}

.footer-logo img {
    max-width: 250px;
}

footer a.footer-link {color:#FFF;}

footer {
    width:100%;
    padding:25px 0;
    margin:0 0;
    text-align:center;
    color:#FFF;
    background:url('../images/pattern-diamond-5.png') repeat, #001b42;
    background-size:inherit;
    background-position:left top;
    overflow: auto;
}

footer .row {
    padding:5px 20px;
    overflow:auto;
    width:100%;
    float:left;
}

footer .box {
    display:inline-block;
    width:29.33%;
    max-width:556px;
    margin:20px 20px;
    padding:20px;
    vertical-align:top;
    border:1px solid #fff;
}

.footer-logo, .footer-social {width: fit-content;}

.footer-logo a, .footer-logo img {float:left;}

.copyright {font-size:.85em;}

.back-to-top {
    position:fixed;
    bottom:20px;
    right:20px;
    font-size:18px;
    border:none;
    outline:none;
    background-color:#d71921 !important;
    background:url(../images/back-to-top.png) no-repeat;
    background-position:center;
    color:#FFF;
    cursor:pointer;
    padding:20px 20px;
    border-radius:20px;
    text-indent:-999em;
    z-index:99999;
}

/* put this AFTER wp-block-library and theme inline styles */
.wp-site-blocks .is-layout-constrained
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: min(100%, var(--wp--style--global--content-size));
  margin-inline: auto !important; /* replaces both margins */
}

/* -------------------------------------------- Media Query Section -------------------------------------------- */
/* ------------------------------------ min-width:1000px - max-width:1440px ------------------------------------ */

/* --------------------------------------------------------------------------

>>> TABLE OF CONTENTS:

-----------------------------------------------------------------------------
1.  Text
2.  Social Media
3.  Buttons
4.  Header
5.  Body
6.  Page Templates
7.  Post:Archive
8.  Post:Single
9.  Footer
----------------------------------------------------------------------------- */

@media only screen and (min-width:1000px) and (max-width:1440px) {

    /* -------------------------------------------------------------------------- */

    /*  1. Text
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  2.  Social Media
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  3.  Buttons
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  4.  Header
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  5.  Body
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  6.  Page Templates
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  7.  Post:Archive
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  8.  Post:Single
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  9.  Footer
    /* -------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------- */

}


/* -------------------------------------------- Media Query Section -------------------------------------------- */
/* ------------------------------------ min-width:999px - max-width:1440px ------------------------------------ */

/* --------------------------------------------------------------------------

>>> TABLE OF CONTENTS:

-----------------------------------------------------------------------------
1.  Text
2.  Social Media
3.  Buttons
4.  Header
5.  Body
6.  Page Templates
7.  Post:Archive
8.  Post:Single
9.  Footer
----------------------------------------------------------------------------- */

@media only screen and (max-width:999px) {

    /* -------------------------------------------------------------------------- */

    /*  1. Text
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  2.  Social Media
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  3.  Buttons
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  4.  Header
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  5.  Body
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  6.  Page Templates
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  7.  Post:Archive
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  8.  Post:Single
    /* -------------------------------------------------------------------------- */



    /* -------------------------------------------------------------------------- */

    /*  9.  Footer
    /* -------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------- */

}