/*
Theme Name: Carina
Theme URI: http://wordpress.com/themes/carina/
Author: Magnus Bachalarz
Author URI: http://bachalarz.dk/
Description: <strong>Hi there! I’m a theme called Carina.</strong> I’m a fully responsive theme great for blogging that looks good on any device. I allow you to customize me in a lot of ways and I give you no less than six widgets areas. I keep track of your most popular posts and display them on the front page. I'm optimized for social media so your posts will be shared perfectly. I believe that there still is people in this world who like to read from a paper so I include a print-friendly button on all posts. Well I could keep on bragging so I will stop myself here. Instead try me out! Oh one last thing I almost forgot! The best part about me is that I’m like Wordpress is totally free. I have been designed with a lot of care and love only so you can have a great webpage.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: carina
Tags: Blog, Entertainment, News, 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.

Carina is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1 Normalize
2 Typography
3 Elements
4 Forms
5 Navigation
	5.1 Links
	5.2 Menus
                5.2.1 Primary Menu
                5.2.2 Secondary Menu
        5.3 Other Navigation
6 Accessibility
7 Alignments
8 Clearings
9 Header 
10 Widgets
11 Plugins
        11.1 Slider 
12 Social media
13 Content
        13.1 Index
        13.2 Globals
	13.3 Posts and pages
	13.4 Comments        
14 Infinite scroll
15 Media
	15.1 Captions
	15.2 Images
	15.3 Galleries
16 Footer
17 Print / E-mail

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1 Normalize
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
    background-color: #f3f3f3;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    resize: none;
    -webkit-appearance: none;
}
button {
    overflow: visible;
    height: 30px;
    border-radius: 0;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
.remove-margin-and-padding {
    margin: 0 !important;
    padding: 0 !important;
    outline: 0 !important;
}
/*--------------------------------------------------------------
2 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}
.site-content {
    font-size: .9em;
    line-height: 1.6em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    clear: both;
    line-height: 1.3em;
    margin-top: .5rem;
    margin-bottom: .3rem;
}
h1 {
    font-size: 2.4em;
}
h2 {
    font-size: 2.2em;
}
h3 {
    font-size: 2em;
}
h4 {
    font-size: 1.8em;
}
h5 {
    font-size: 1.6em;
}
h6 {
    font-size: 1.4em;
}
p {
    margin-bottom: 1.5em;
    line-height: 1.5em;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: transparent;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
/*--------------------------------------------------------------
3 Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    
    box-sizing: inherit;
}
body {
    background: #f3f3f3;
    /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
blockquote {
    font-style: italic;
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 1.2em 0 1.2em 2em;
    position: relative;
}
blockquote::before {
    font-family: "FontAwesome";
    content: "\f10d";
    position: absolute;
    left: -2em;
    color: #334e79;
}
hr {
    background-color: #bcbcbc !important;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
ul,
ol {
    margin: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    
    max-width: 100%;
    /* Adhere to container width. */
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
@media screen and (min-width: 45em) {
    .carina-border-left {
        border-left: 1px solid #bcbcbc;
    }
    .carina-border-right {
        border-right: 1px solid #bcbcbc;
    }
    .carina-border-top {
        border-top: 1px solid #bcbcbc;
    }
    .carina-border-bottom {
        border-bottom: 1px solid #bcbcbc;
    }
}
.carina-border-left-stay {
    border-left: 1px solid #bcbcbc;
}
.carina-border-right-stay {
    border-right: 1px solid #bcbcbc;
}
.carina-border-top-stay {
    border-top: 1px solid #bcbcbc;
}
.carina-border-bottom-stay {
    border-bottom: 1px solid #bcbcbc;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.green-divider {
    margin-top: 2em;
    width: 100%;
    height: 2.3em;
    background-color: #334e79;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 80%;
    line-height: 1.5em;
}
.green-divider h6,
.green-divider-global h6 {
    margin-top: 2em;
    padding-top: 2px;
    padding-left: 1em;
}
.green-divider-global {
    margin: 2em 0 1em 0 !important;
    width: 100%;
    height: 2.3em;
    background-color: #334e79;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 80%;
    line-height: 1.5em;
}
@media screen and (min-width: 45em) {
    .green-divider {
        margin: 0 0 1em 0 !important;
        width: 260px;
        margin-top: 0;
    }
    .green-divider-global {
        margin: 0 0 2em 0 !important;
        width: 260px;
        margin-top: 0;
    }
    .search-results .green-divider-global {
        margin: 6em 0 1em 0 !important;
    }
    .green-divider h6,
    .green-divider-global h6 {
        margin-top: 0;
    }
    .green-divider::after {
        padding: 0;
        height: 1px;
        display: block;
        min-width: 60vw;
        background: #bcbcbc;
        content: '';
    }
    .green-divider-global::after {
        padding: 0;
        height: 1px;
        display: block;
        min-width: 845px;
        background: #bcbcbc;
        content: '';
    }
}
@media screen and (min-width: 57em) {
    .green-divider::after {
        min-width: 534px;
    }
}
/*--------------------------------------------------------------
4 Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 2px solid;
    border-color: #334e79;
    background: #334e79;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-size: 0.75rem;
    font-weight: 700;
    padding: .8em 1em .4em;
    min-height: 2em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #142747;
    background: #142747;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #142747;
    color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #bcbcbc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}
textarea {
    padding-left: 8px;
    width: 100%;
}
.remove-on-small-screen {
    display: none;
}
@media screen and (min-width: 45em) {
    .remove-on-small-screen {
        display: block;
    }
}
.carina-padding-top {
    padding-top: 2em !important;
}
/*--------------------------------------------------------------
5 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a {
    color: #000000;
}
a:visited {
    color: #000000;
}
a:hover,
a:focus,
a:active {
    color: #000000;
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
.go-to-top-botton {
    font-family: 'FontAwesome';
    position: fixed;
    z-index: 1000;
    bottom: -2.5em;
    right: 1em;
    height: 36px;
    width: 36px;
    font-size: 1em;
    padding: 0;
    background-color: #334e79;
    border: solid 1px #bcbcbc;
    color: #ffffff;
    transition: all ease-out 400ms;
}
.go-to-top-botton:hover {
    border: solid 1px #bcbcbc;
}
.go-to-top-botton.show {
    bottom: 1em;
}
.go-to-top-botton:after {
    content: "\f077";
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.2.1 Primary Menu
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    width: 100%;
    background-color: #f3f3f3;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: .8em;
    border-top: 2px solid #334e79;
    margin: 0 auto !important;
    box-shadow: 0px -2px 20px #cccccc, 2px -2px 20px #cccccc, 0px 0px 0px transparent, -2px -2px 20px #cccccc;
    z-index: 99999;
}
@media screen and (min-width: 50em) {
    .sticky-navigation { 
        position: fixed !important;
        width: 900px;
        top: 0;
        left: 50%;
        margin-left: -450px !important; 
        transition: all ease-out 400ms;            
    }  
    .margin-top-0 {
        margin-top: 0 !important;
    }    
}
@media screen and (min-width: 50em) {
    .main-navigation {
        background-color: #334e79;
    }
    .main-navigation a {
        color: #ffffff !important;
    }
    .main-navigation a:hover,
    .main-navigation a:focus {
        color: #ffffff !important;
    }
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin-left: 0;
    margin-top: 0px;
}
.main-navigation ul li ul li ul {
    margin-top: 1px;
}
.main-navigation li {
    position: relative;
}
.main-navigation ul ul {
    display: none;
    margin-left: 0.8em;
}
.main-navigation a {
    position: relative;
    display: block;
    padding: .7em 1em .8em 1em;
    text-decoration: none;
    line-height: 1.5em;
    color: #000000;
}
.main-navigation a:hover,
.main-navigation a:focus {
    color: #000000;
}
.main-navigation ul li:last-child a {
    border-bottom: none;
}
.main-navigation ul .toggled-on {
    display: block;
    margin-top: 0;
}
.main-navigation li {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    position: relative;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
    font-weight: 700;
}
@media screen and (min-width: 50em) {
    .main-navigation ul ul {
        position: absolute;
        left: 0;
        z-index: 99999;
        display: none;
        float: left;
        padding: 0;
        background: #222222;
    }
    .main-navigation ul ul ul {
        top: 0;
        left: 100%;
    }
    .main-navigation ul ul a {
        width: 200px;
    }
    .main-navigation ul ul li {} .main-navigation li:hover > a,
    .main-navigation li > a:focus {
        color: #fff;
        color: hsl(0, 0%, 100%);
        background: #222222;
    }
    .main-navigation ul ul:hover > a {} .main-navigation ul ul a:hover,
    .main-navigation ul ul a:focus {
        background: #313131;
        background: hsl(0, 0%, 19%);
    }
    .main-navigation:hover,
    .main-navigation:focus {} .main-navigation ul li:hover > ul {
        display: block;
        position: absolute;
        min-width: 14em;
        display: block;
        z-index: 10;
        margin-left: 0;
        margin-top: 0;
        background: #222222;
    }
    .nav-menu {
        max-width: 100%;
    }
    .nav-menu button {
        display: none;
    }
}
.main-navigation .nav-menu > ul > li:first-child,
.main-navigation .nav-menu > li:first-child {
    border-top: 0;
}
.main-navigation .menu-item-has-children > a,
.main-navigation .page_item_has_children > a {
    padding-right: 48px;
}
.no-js .main-navigation ul ul {
    display: block;
}
.dropdown-toggle {
    position: absolute;
    height: 25px;
    width: 25px;
    top: 5px;
    right: 10px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    font-family: 'FontAwesome';
    background-color: transparent;
    content: "";
    color: #000000;
    text-transform: lowercase;
    /* Stop screen readers from reading the text as capital letters */
    
    border-color: transparent;
}
.dropdown-toggle:after {
    content: "\f078";
    font-size: 14px;
    line-height: 25px;
    position: relative;
    top: 0;
    left: 0px;
    width: 25px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
    border-color: transparent;
    background-color: transparent;
    color: #000000;
}
.dropdown-toggle.toggle-on:after {
    color: #000000;
    border-color: transparent;
}
.dropdown-toggle.toggle-on:after {
    content: "\f077";
}
@media screen and (min-width: 50em) {
    .dropdown-toggle {
        display: none;
    }
    .main-navigation li a {
        padding-right: 1em !important;
        width: 100% !important;
    }
}
/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}
.menu-toggle {
    position: absolute;
    right: 40px;
    top: 12px;
    z-index: 1000;
    font-size: 2.5em;
    background: transparent;
    color: #334e79;
    transition: all ease-out 400ms;
    padding: 0;
    margin: 0;
    border: 0;
}
@media screen and (min-width: 30em) {
    .menu-toggle {
        top: 8px;
    }
}
.menu-toggle {
    height: 1em;
}
.menu-toggle:hover,
.menu-toggle:focus {
    color: #334e79;
    background-color: transparent;
}
@media screen and (max-width: 30em) {
    .menu-toggle {
        right: 30px;
        font-size: 2em;
    }
}
@media screen and (min-width: 50em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation ul {
        margin-top: 9px;
    }
    .main-navigation {
        border-top: 0;
    }
    .nav-menu,
    .search-box-wrapper {
        display: block !important;
    }
}
/* Hovering menu */

.main-navigation.toggled {
    z-index: 1;
}
.main-navigation.toggled ul {
    max-height: calc(100vh - 8em);
    overflow-y: auto;
}
.main-navigation.toggled ul ul {
    display: none;
}
.main-navigation.toggled ul ul.toggled-on,
.main-navigation.toggled ul ul.toggled-on > ul {
    display: block;
}
/* Horizontal menu on wide screens */

@media screen and (min-width: 50em) {
    /* Position the menu in the header */
    
    .main-navigation,
    .main-navigation.toggled {
        position: relative;
        //min-height: 3em;
        max-width: 900px;
        margin: 0;
        padding: 0 .5em;
    }
    .nav-menu {
        background-color: transparent;
    }
    .main-navigation ul,
    .main-navigation.toggled ul {
        max-height: none;
        padding-left: 0;
    }
    .main-navigation.toggled ul {
        overflow-y: visible;
    }
    /* Display the menu items in a horizontal order */
    
    .main-navigation li {
        display: inline-block;
        border: none;
    }
    /* Add an outline to the drop-down menus */
    
    .main-navigation ul ul {}
    /* Left-align drop-down menu items */
    
    .main-navigation li li {
        display: block;
        text-align: left;
    }
    .main-navigation a,
    .main-navigation ul ul li:last-child a {
        border-bottom: none;
    }
    /* Add an outline on hovered and focused menu items */
    
    .main-navigation a:hover,
    .main-navigation a:focus {}
    /* Create hover and focus contrast on drop-down items */
    
    .main-navigation li li a:hover,
    .main-navigation li li a:focus {
        background: #334e79;
        text-decoration: none;
    }
    /* Position drop-down menus absolutely */
    
    .main-navigation ul ul.toggled-on {
        position: absolute;
        min-width: 20em;
        display: block;
        z-index: 10;
        margin-left: 0;
    }
    .main-navigation ul ul ul.toggled-on {
        position: relative;
    }
    /* Indent 3rd level drop-down menus */
    
    .main-navigation ul ul ul a {
        padding-left: 2em;
    }
    /* Simplify the drop-down toggle */
    
    .dropdown-toggle {
        top: 3px;
        right: 12px;
        border: none;
    }
    .dropdown-toggle::after {
        line-height: 25px;
        width: 25px;
    }
}
.toggled-bg-color {
    background-color: #222222
}
/*--------------------------------------------------------------
5.2.2 Secondary Menu
--------------------------------------------------------------*/

.secondary-navigation {
    position: absolute;
    top: 6px;
    right: 0;
    left: 0;
    max-width: 900px;
    background-color: transparent;
    clear: both;
    width: 100%;
    font-family: 'Arimo', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: .9em;
    text-align: right;
    z-index: 999;
    margin: 0 auto;
    border-bottom: #bcbcbc solid 1px;
}
.secondary-navigation ul {
    position: absolute;
    list-style-type: none;
    overflow: hidden;
    right: 50px;
}
.secondary-navigation li {
    right: 0px;
    display: inline-table;
}
.secondary-navigation li:last-child {
    margin-right: 14px;
}
.secondary-navigation li::after {
    content: "|";
    color: #bcbcbc;
    font-weight: 500;
}
.secondary-navigation a {
    text-decoration: none;
    color: #000;
    font-size: 80%;
    margin-left: .9em;
    margin-right: .9em;
}
.secondary-navigation a:hover,
.secondary-navigation a:focus {
    font-weight: 600;
}
.secondary-navigation a:hover {
    cursor: pointer;
}
.log-in-button {
    margin-right: 1px;
}
@media screen and (max-width: 50em) {
    .secondary-navigation {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        padding-right: 10px;
    }
}
/*--------------------------------------------------------------
5.3 Other Navigation
--------------------------------------------------------------*/

.post-navigation .nav-next,
.post-navigation .nav-previous {
    margin-bottom: 1em;
}
.archive .nav-next,
.archive .nav-previous,
.comment-navigation {
    margin-bottom: 1em;
}
.archive .nav-next a,
.archive .nav-previous a,
.comment-navigation a {
    text-decoration: none;
}
.archive .posts-navigation a:hover,
.archive .posts-navigation a:focus,
.comment-navigation a:hover,
.comment-navigation a:focus {
    border-bottom: 2px solid #334e79;
    ;
}
.comment-navigation .nav-next a:after {
    font-family: 'FontAwesome';
    content: "\f061";
    color: #334e79;
    font-size: 1.2em;
    margin-left: .5em;
}
.comment-navigation .nav-previous a:before {
    font-family: 'FontAwesome';
    content: "\f060";
    color: #334e79;
    font-size: 1.2em;
    margin-right: .5em;
}
.post-navigation {
    padding: 2em 0;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    overflow: hidden;
}
@media screen and (min-width: 50em) {
    .post-navigation {
        padding: 2em 3em;
    }
}
.posts-navigation {
    width: 100%;
    float: left;
}
.nav-links {
    max-width: 57em;
    margin: 0 auto;
    padding: 0 .4em;
}
.post-navigation a {
    display: block;
    width: 100%;
    text-decoration: none;
    padding: .5em;
    border: 2px solid #334e79;
}
.post-navigation a:hover,
.post-navigation a:focus {
    border: 2px solid #142747;
}
.post-navigation .post-title {
    font-size: 1.2em;
    font-weight: 700;
}
@media screen and (min-width: 30em) {
    .nav-links {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        padding: 0 1em 0 0;
    }
    .post-navigation .nav-previous {
        display: flex;
        align-items: stretch;
        float: left;
        width: 48%;
    }
    .nav-previous {
        padding-bottom: 0;
    }
    .post-navigation .nav-next {
        display: flex;
        align-items: stretch;
        float: right;
        text-align: right;
        width: 48%;
    }
}
.post-navigation .meta-nav {
    display: block;
}
.archive .nav-previous:before,
.nav-previous .meta-nav:before {
    font-family: 'FontAwesome';
    content: "\f060";
    color: #334e79;
    font-size: 1.2em;
    margin-right: .8em;
}
.archive .nav-next:after,
.nav-next .meta-nav:after {
    font-family: 'FontAwesome';
    content: "\f061";
    color: #334e79;
    font-size: 1.2em;
    margin-left: .8em;
}
@media screen and (min-width: 30em) {
    .post-navigation .meta-nav {
        padding-bottom: .2em;
    }
}
/*--------------------------------------------------------------
6 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
.hide-object {
    display: none;
}
/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}
/*--------------------------------------------------------------
7 Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    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 {
    content: "";
    display: table;
    table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}
/*--------------------------------------------------------------
9 Header
--------------------------------------------------------------*/

.site-header {
    position: relative;
    background-size: cover;
    min-height: 120px;
    width: 100%;
    margin: auto;
    border-top: none;
    background-color: #ffffff;
}
.brand-wrapper {
    display: flex;
    max-width: 900px;
    margin: 0 auto;
    padding-left: 1em;
    min-height: 5em;
}
.site-logo img {
    margin-top: .8em;
    max-height: 55px;
    max-width: 50px;
}
.site-branding {
    margin-top: 1.2em;
    margin-left: .4em;
    max-width: 50%
}
.site-title {
    margin: 0;
    font-family: 'Arimo', sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1em;
    color: #000;
    text-transform: uppercase;
    word-break: break-all;
}
.site-description {
    margin: 0;
    margin-top: .2em;
    font-family: 'Arimo', sans-serif;
    font-size: .8em;
    font-weight: 100;
    line-height: 1.1em;
    color: #000;
}
.site-description a {
    text-decoration: none !important;
}
@media screen and (min-width: 40em) {
    .site-branding {
        margin-top: 1.8em;
        margin-left: .6em;
    }
}
@media screen and (min-width: 45em) {
    .site-logo img {
        margin-top: .8em;
        max-height: 77px;
        max-width: 70px;
    }
    .site-branding {
        margin-top: 2em;
        margin-left: .6em;
    }
    .site-title {
        font-size: 1.5em;
    }
    .site-description {
        font-size: 1em;
    }
}
@media screen and (min-width: 50em) {
    .brand-wrapper {
        margin-top: 1.6em;
    }
}
@media screen and (min-width: 57em) {
    .brand-wrapper {
        padding-left: 0;
    }
}
.site-title a {
    text-decoration: none;
    color: inherit;
}
.site-title a:hover,
.site-title a:focus {
    text-decoration: none;
}
/* Header search */

.search-box-wrapper {
    display: none;
    z-index: 2;
    width: 100%;
    background-color: #f3f3f3;
    padding: .6em 1.4em;
    border-top: 2px solid #334e79;
}
.search-field {
    width: calc(100% - 7em);
}
.search-submit {
    width: 6em;
}
.search-submit:hover,
.search-submit:focus {
    border-color: #334e79 !important;
    color: #334e79 !important;
}
.search .page-content {
    margin-bottom: 3em;
}
.error404 .green-divider-global {
    margin-top: 3em !important;
}
.search-form input[type=search] {
    border: 1px solid #334e79;
    border-radius: 0px;
    padding-left: 10px;
    -webkit-appearance: none;
}
.search-form input[type=submit] {
    color: #fff;
    height: 2em;
    font-size: 1em;
    line-height: 1em;
    padding-top: 6px;
}
.search-box {
    font-family: 'FontAwesome';
    color: #334e79;
}
.search-box:before {
    pointer-events: none;
}
.search-box:before {
    position: absolute;
    display: none;
    line-height: 1.8em;
    right: 9px;
    color: #fff;
    content: "\f002";
    z-index: 999;
    cursor: pointer;
}
.search-toggle {
    position: absolute;
    right: 110px;
    top: 25px;
    z-index: 100;
    font-size: 2.4em;
    line-height: 0;
    color: #334e79;
    transition: all ease-out 400ms;
    padding: 0;
    margin: 0;
    border: 0;
    text-align: center;
    cursor: pointer;
}
.search-toggle:hover,
.search-toggle.active {
    color: #334e79;
}
.search-toggle .screen-reader-text {
    top: 0;
    right: 0;
}
@media screen and (max-width: 30em) {
    .search-toggle {
        right: 80px;
        font-size: 1.9em;
    }
}
@media screen and (max-width: 50em) {
    .search-box-wrapper {
        right: 400px;
    }
}
@media screen and (min-width: 50em) {
    .search-toggle {
        display: none;
    }
    .search-box-wrapper {
        display: block;
        position: absolute;
        float: right;
        width: 400px;
        background-color: transparent;
        right: calc((100% - 900px)/2);
        clear: both;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 1em;
        text-align: right;
        border: 0;
        padding: 0;
        opacity: 0;
    }
    .search-field {
        height: 2em;
        padding-right: 20px;
    }
    .site-header .search-field {
        box-shadow: 0px 2px 20px #ccc;
    }
    .site-header .search-submit {
        position: absolute;
        right: 0px;
        width: 2em;
        height: 2em !important;
        background-color: #334e79;
        padding: 0;
        margin: 0;
    }
    .site-header .search-submit:hover,
    .site-header .search-submit:focus {
        background-color: #334e79;
        border-color: #142747;
    }
    .site-header .search-form input[type=submit] {
        color: #334e79;
    }
    .site-header .search-form input[type=search] {
        padding-right: 30px;
    }
    .site-header .search-form input[type=submit]:hover,
    .site-header .search-form input[type=submit]:focus {
        color: #142747;
    }
    .search-box:before {
        display: block;
    }
    .search-form input[type=submit]:after {
        padding-right: 0px;
    }
}
/*--------------------------------------------------------------
10 Widgets
--------------------------------------------------------------*/

#secondary {
    position: relative;
    padding: 1.8em 1.4em 0;
    background-color: transparent;
}
.widget {
    margin: 0 0 1.5em;
    padding: 1.8em;
    background: transparent;
}
.widget-content-carina {
    margin-left: 1em;
}
@media screen and (min-width: 30em) {
    .sidebar-1 {
        padding: 1em 0em 0 1em;
        outline: #f3f3f3 solid 1.8em;
    }
}
@media screen and (min-width: 45em) {
    #secondary {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 1.8em;
    }
    .sidebar-1 .widget {
        width: 33%;
    }
    .widget {
        float: left;
        width: 100%;
        margin: 0 0 1.8em;
        padding: 1.8em 1em;
    }
}
.widget-title {
    margin-top: 0em;
    margin-bottom: .5em;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
.content-index,
.content-pages {
    position: relative;
    display: block;
}
@media screen and (min-width: 45em) {
    .content-pages-sidebar {
        float: left;
        width: calc(70% - 2em);
        overflow: hidden;
    }
}
.sidebar-right-carina {
    padding: 0 !important;
}
.sidebar-right-carina .widget {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin: 0;
}
.sidebar-right-carina {
    padding: 0 !important;
}
.sidebar-1-title-wrapper,
.sidebar-2-title-wrapper,
.sidebar-3-title-wrapper,
.sidebar-4-title-wrapper {
    background-color: #334e79;
}
.sidebar-carina .widget h2,
.sidebar-right-carina .widget h2 {
    font-size: 1.2em;
    color: #fff;
    padding: .2em 1em .1em 1em;
}
.sidebar-1 {
    width: 100% !important;
    margin-bottom: 3.5em !important;
    background-color: #f3f3f3 !important;
    margin: 6em 0 1.8em 0;
    padding: 0 !important;
}
.sidebar-1 .widget {
    background-color: transparent !important;
}
.sidebar-2 {
    margin-top: 1.8em;
    margin-left: 1em;
}
.sidebar-2 .widget,
.sidebar-3 .widget {
    padding-top: 0;
    margin-bottom: 2em;
}
.sidebar-4 {
    display: none;
    padding-left: 1em !important;
}
.sidebar-4-empty {
    padding-left: 3em !important;
}
@media screen and (min-width: 40em) {
    .sidebar-2 {
        padding-left: 1.4em !important;
    }
    .sidebar-4 {
        float: right;
        width: 30%;
        margin-left: 1em;
        margin-top: 1.8em;
    }
    .sidebar-4 .widget:first-child {
        padding-top: 0;
    }
    .has-post-thumbnail .sidebar-4 {
        margin-top: 0em;
    }
}
@media screen and (min-width: 45em) {
    .sidebar-right-carina {} .site-content .sidebar-right-carina {
        background-color: transparent !important;
        overflow: hidden;
    }
}
@media screen and (min-width: 57em) {
    .site-content .sidebar-right-carina .widget {
        overflow: hidden;
    }
}
.widget ul,
.widget ol {
    padding: .7em 0 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    list-style-type: none;
}
.site-content .widget li {
    display: block;
    padding: .3em 0;
}
.widget li ul,
.widget li ol {
    margin-left: .5em;
}
.widget li:last-child {
    padding-bottom: .35em;
}
@media screen and (min-width: 30em) {
    .widget li ul,
    .widget li ol {
        margin-left: 1em;
    }
}
.widget a {
    font-weight: 700;
    text-decoration: none;
    font-size: .9em;
}
.widget a:hover,
.widget a:focus {
    text-decoration: underline;
    text-decoration-color: #334e79;
    -webkit-text-decoration-color: #334e79;
    -moz-text-decoration-color: #334e79;
    /* Code for Firefox */
}
/* Make sure select elements fit in widgets. */

.widget select {
    width: 100%;
    padding: .5em;
}
/* Archive and Categories widgets */

.widget_archive li {
    color: #808080;
}
.widget_categories .children {
    padding-top: 0;
    padding-bottom: .5em;
}
/* Search widget. */

.widget_search .search-submit {
    display: none;
}
/* Pages and Menu widgets */

.widget_pages .children,
.widget_nav_menu .sub-menu {
    padding-top: 0;
    padding-bottom: .5em;
}
.widget_pages a,
.widget_nav_menu a {
    display: block;
    padding: 1em 0;
    border-bottom: 1px solid #c3c3c3;
}
.site-content .widget_pages li,
.site-content .widget_nav_menu li {
    padding: 0;
}
.site-content .widget_pages li:last-child,
.site-content .widget_nav_menu li:last-child {
    margin-bottom: .5em;
}
/* Meta widget */

.site-content .widget_meta li {
    padding: .3em 0;
}
/* RSS widget */

.widget_rss li {
    margin-bottom: 1em;
}
.widget li a.rsswidget {
    padding-right: .5em;
    font-size: 1em;
    line-height: 1.4em;
}
.rss-date,
.widget_rss cite {
    color: #333;
    font-size: .8em;
}
.rssSummary {
    padding: .5em 0;
    font-family: "Merriweather", serif;
    font-size: .8em;
    line-height: 1.4em;
}
/* Search widget */

.widget_search input[type="search"] {
    box-sizing: border-box;
    width: 100%;
    padding: .5em 1em;
    border: 1px solid #c3c3c3;
    border-radius: 0;
}
/* Calendar widget */

.widget_calendar {
    font-family: 'Open Sans', sans-serif;
}
.widget_calendar caption {
    padding: .5em 0;
    font-size: 1em;
    font-weight: 700;
    text-align: left;
}
.widget_calendar thead {
    background: #333;
    color: #fff;
}
.widget_calendar thead th {
    border-bottom-width: 2px;
}
.widget_calendar td {
    padding: .2em;
    font-size: .8em;
    text-align: center;
    background: #d6d6d6;
    border: 3px solid white;
}
.widget_calendar th {
    border: none;
}
.widget_calendar .pad {
    background: #eaeaea;
}
/* Text widget */

.textwidget {
    font-size: 1em;
    line-height: 1.6em;
}
/*--------------------------------------------------------------
11 Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
    11.1 Slider 
--------------------------------------------------------------*/

.sidebar-3-empty {
    background-image: url("images/placeholder-slideshow.jpeg");
}
.site-main-index .sidebar-3 .widget_text {
    margin: 0 !important;
    padding: 0 !important;
}
.post-index .green-divider h6,
.post-index .green-divider {
    margin-top: 0;
}
.sidebar-3-slider {
    width: calc(100vw + 30px);
    margin-left: -30px !important;
}
@media screen and (min-width: 57em) {
    .sidebar-3-slider {
        margin-left: -1.8em !important;
        width: 900px;
    }
}
/*--------------------------------------------------------------
12 Social Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
13 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
13.1 Index
--------------------------------------------------------------*/

.entry-content-index {
    padding: 0 !important;
    margin-top: .6em !important;
}
.entry-title-index {
    padding-bottom: 0em;
    margin-bottom: 0 !important;
}
.site-main {
    background-color: #ffffff;
    box-shadow: 0px 2px 20px #ccc;
}
.site-main-index {
    padding-top: 0 !important;
}
.entry-title-index,
.entry-title-search {
    font-size: 1.5em !important;
}
.continue-reading {
    float: right;
    margin-right: 2em;
    margin-top: .6em;
}
.continue-reading-search a {
    text-decoration: none;
    border-bottom: 1px solid #334e79;
}
.continue-reading-search a:hover,
.continue-reading-search a:focus {
    border-bottom: 2px solid #334e79;
}
.post-index .post,
.post-category .post {
    margin: 0 !important;
}
.post-index,
.post-category {
    display: block;
    padding: 0 1em
}
.post-index .post {
    margin-top: 1em !important;
}
.post-index {
    padding-top: 1.5em;
}
@media screen and (min-width: 45em) {
    .post-index {
        margin-top: 0 !important;
    }
    .post-index {
        width: 66%;
        float: left;
        margin-top: 1.8em;
        padding: 0;
    }
    .post-category {
        float: left;
        margin-top: 1.8em;
        padding: 0;
        margin-bottom: 2em;
    }
    .site-main-index .post {
        float: left;
        width: 100%;
    }
    .post-index .post {
        padding-right: 1em !important;
    }
}
@media screen and (min-width: 50em) {
    .post-index {
        width: 67%
    }
}
/*--------------------------------------------------------------
13.2 Globals
--------------------------------------------------------------*/

.content-area {
    overflow-x: hidden;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}
.content-area.load {
    opacity: 1;
}
.site-main {
    padding: 0 1.4em 1.4em 1.4em;
    font-size: 0.9em;
    line-height: 1.4em;
}
@media screen and (min-width: 30em) {
    .site-main {
        padding: 0 1.8em 1.8em 1.8em;
    }
}
@media screen and (min-width: 40em) {
    .site-main {
        font-size: 1em;
    }
}
@media screen and (min-width: 57em) {
    .site-main {
        max-width: 900px;
        margin: 0 auto;
    }
}
.page-title {
    font-size: 1.4em;
    padding-top: 1em;
    margin-top: 0;
    margin-bottom: 1em;
}
/*--------------------------------------------------------------
13.3 Posts and pages
--------------------------------------------------------------*/

.entry-content a,
.entry-content a,
.entry-summary a,
.entry-summary a {
    text-decoration: none;
    border-bottom: 1px solid #334e79;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus {
    border-bottom: 1px solid #334e79;
    box-shadow: inset 0 -1px 0 #334e79;
}
.entry-meta a,
.entry-footer a {
    text-decoration: none;
}
.entry-meta a:hover,
.entry-meta a:focus,
.entry-footer a:hover,
.entry-footer a:focus {
    border-bottom: 2px solid #334e79;
}
.sticky {
    display: block;
}
.hentry {
    margin: 0 0 1.5em;
    padding-bottom: 2em;
}
.single .hentry,
.page .hentry {
    padding-bottom: 0;
}
.entry-title {
    padding-top: 0em;
    margin-bottom: 1em;
    font-size: 1.8em;
    line-height: 1.4em;
    text-align: center;
    color: #000;
    word-wrap: break-word;
    /* Catch and wrap very long words on small screens */
}
.entry-header h1 {
    margin-top: 0;
    padding-top: 1em;
}
/* Pages */

.entry-content-archive,
.site-main-page .entry-content {
    padding-left: 0 !important;
}
.entry-title-single-wrapper {
    width: 100%;
}
@media screen and (min-width: 40em) {
    .entry-title {
        font-size: 2em;
        text-align: left;
    }
    .entry-title-single-wrapper {
        width: 900px;
    }
    .entry-title-single {
        padding: .9em 1.5em .2em 1.5em;
        color: #fff;
        line-height: 0em;
        white-space: nowrap;
        font-weight: 700;
    }
    .entry-title-single-wrapper {
        position: absolute;
        margin-top: -5.6em;
        margin-bottom: 40em;
        margin-left: -1.8em;
        background-color: rgba(0, 0, 0, 0.5);
        display: inline-block;
        overflow: hidden;
    }
}
@media screen and (min-width: 50em) {
    .single-post .entry-summary {
        margin-left: 120px !important;
    }
}
.entry-title a {
    color: inherit;
    text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus {
    border-bottom: 2px solid #334e79;
}
.is_archive .page-header {
    margin-bottom: 3em;
}
.deck {
    margin-bottom: 2.5em;
}
.deck-index {
    padding-left: 0 !important;
}
.deck p {
    text-align: left;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 600;
}
.deck-index p {
    font-weight: 300 !important;
}
/* Post Meta */

.entry-meta {
    margin: 0;
    padding: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 95%;
    font-style: italic;
    text-align: left;
    background: transparent;
}
.author-mail {
    display: block;
    margin-left: 5em;
    margin: -1em 0 1.2em 0;
}
.author-mail-no-gravatar {
    margin: -1em 0 1.2em 0;
}
.is_archive .page-title {
    display: inline-block;
}
.author-page-avatar img {
    margin-top: 1.3em;
}
.author-page-avatar,
.author-avatar {
    height: 50px;
    width: 50px;
    margin: 0;
    float: left;
    margin-right: 1em;
}
.author-page-avatar img,
.author-avatar img {
    border-radius: 50%;
    border: 1px solid #bcbcbc;
}
.meta-content-search .author-avatar {
    position: relative;
    margin: 0 1em 0 0;
    float: left;
}
.entry-meta .comments-link {
    display: none !important;
}
@media screen and (min-width: 30em) {
    .author-mail {
        margin-left: 5em;
    }
}
@media screen and (min-width: 40em) {
    .author-avatar {
        margin-left: 1em;
    }
    .meta-content-search {
        width: 40em !important;
    }
    .author-avatar,
    .author-page-avatar {
        height: 70px;
        width: 70px;
    }
    .author-mail {
        margin-left: 5.6em;
    }
}
@media screen and (min-width: 45em) {
    .category .page-title {
        padding-top: 0;
    }
}
@media screen and (min-width: 50em) {
    .entry-meta {
        margin-left: 1em;
    }
    .entry-meta .comments-link {
        display: block !important;
    }
    .has-avatar {
        text-align: left;
        width: 20em;
    }
    .author-avatar {
        position: absolute;
        margin-top: 6em;
        float: none;
    }
}
@media screen and (min-width: 57em) {
    .entry-meta {
        margin-left: 0;
    }
}
.byline,
.posted-on,
.entry-meta .comments-link {
    display: block;
    padding: 0;
}
.entry-meta a {
    font-weight: 700;
}
.updated:not(.published) {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.deck,
.page-content,
.entry-content,
.entry-summary {
    margin: 0;
    width: 100% !important;
}
.single .entry-content {
    padding-right: 2em;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.site-content li {
    line-height: 1.2em;
    padding-top: .5em;
    padding-bottom: .5em;
}
.site-content li > ul {
    margin-bottom: -1em;
}
.site-content li:last-child {
    margin-bottom: 0;
}
@media screen and (min-width: 50em) {
    .deck,
    .entry-content {
        padding: 0 0 0 9em;
    }
}
.entry-footer::before,
.entry-footer::after {
    display: block;
    content: "";
    width: 3.5em;
    border-bottom: 1px solid #bcbcbc;
    margin: 2em auto;
}
.entry-footer::before {
    width: 3.5em;
}
.entry-footer {
    font-family: 'Open Sans', sans-serif;
    font-size: 95%;
    font-style: italic;
    text-align: center;
}
@media screen and (min-width: 40em) {
    .entry-footer {
        padding: 0 1.5em;
    }
}
.entry-footer span {
    margin: .5em 0;
}
.entry-footer span::after {
    content: "|";
    padding: 0 1em;
}
.entry-footer span:last-of-type::after {
    content: "";
    padding: 0;
}
.entry-footer span a {
    font-weight: 700;
    text-decoration: none;
    color: #000;
}
.archive-description {
    margin: 0 3em 1em 0;
    font-style: italic;
}
.post-category .archive-description {
    margin: 0 3em 1em 0;
    font-style: normal;
}
.archive-description p {
    margin: 0;
}
@media screen and (min-width: 50em) {
    .error-404 .search-form .search-field,
    .no-results .search-form .search-field {
        width: 20em;
        height: 2.2em;
        margin-right: .8em
    }
}
.first-loop-wrapper .post-column {
    padding-right: 0;
    margin-right: 0;
}
.latest-posts-global {
    width: calc(100% + 2.5em);
}
.latest-posts-global,
.first-loop-wrapper,
.second-loop-wrapper,
.wp-category-post-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: transparent;
    overflow: visible;
}
.first-loop-wrapper {
    margin-bottom: 3em;
}
.latest-posts-global,
.second-loop-wrapper {
    margin-right: -2.5em;
}
.post-column {
    width: 100%;
    padding-right: 2.5em;
}
.post-column .entry-content {
    padding: 0 !important;
}
.latest-posts-global .post-column,
.second-loop-wrapper .post-column {
    display: none;
}
.latest-posts-global .post-column:nth-child(-n+6) {
    display: block;
}
.second-loop-wrapper .post-column:nth-child(-n+9) {
    display: block;
}
@media screen and (min-width: 30em) {
    .post-column {
        width: 50%;
    }
    .wp-category-post-wrapper .post-column,
    .first-loop-wrapper .post-column {
        width: 100%;
        padding-right: 1.4em;
    }
}
@media screen and (min-width: 50em) {
    .post-column {
        width: 33.2%;
    }
    .wp-category-post-wrapper .post-column,
    .first-loop-wrapper .post-column {
        width: 49.9%;
    }
}
.wp-category-post-wrapper article:after,
.latest-posts-global article:after,
.second-loop-wrapper article:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/*--------------------------------------------------------------
13.4 Comments
--------------------------------------------------------------*/

.comments-area {
    margin: 4em 0;
}
@media screen and (min-width: 40em) {
    .comments-area {
        margin: 4em 1em;
    }
}
.comments-title {
    margin-bottom: 2em;
    font-size: 1.6em;
    text-align: center;
}
.comment-reply-title {
    font-size: 1.6em;
}
.comment-list {
    padding: 0;
    margin: 0;
}
.comment-list,
.comment-list ol {
    list-style-type: none;
}
.comment-body {
    border-bottom: 1px solid #bcbcbc;
    margin-bottom: 2em;
}
.comment-meta {
    position: relative;
    margin-left: 70px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 80%;
}
.comment .avatar {
    position: absolute;
    left: -70px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
}
.children {
    margin-left: 1em;
    padding-left: 0;
}
.comment .avatar {
    top: -5px;
}
@media screen and (min-width: 30em) {
    .children {
        margin-left: 2em;
    }
    .comment-meta {
        margin-left: 80px;
        font-size: 90%;
    }
    .comment .avatar {
        top: -7px;
        left: -80px;
        width: 55px;
        height: 55px;
    }
    .comment-content {
        margin-left: 80px;
    }
}
@media screen and (min-width: 50em) {
    .children {
        margin-left: 3em;
    }
    .comments-area {
        margin: 4em 3em;
        font-size: 1.1em;
    }
    .comment-meta {
        margin-left: 90px;
    }
    .comment .avatar {
        top: -8px;
        left: -90px;
        width: 60px;
        height: 60px;
    }
    .comment-content {
        margin-left: 90px;
    }
}
.comment-meta a {
    text-decoration: none;
}
.comment-meta a:hover,
.comment-meta a:focus {
    border-bottom: 2px solid #334e79;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
    border-color: #334e79;
}
.comment-author {
    font-size: 1em;
    line-height: 1.3em;
}
.comment-author img {
    border: 1px solid #bcbcbc;
}
.says {
    font-size: 90%;
}
.comment-metadata {
    margin-top: .2em;
    padding-bottom: .5em;
    font-size: .8em;
    line-height: 1em;
}
.comment-metadata a {
    color: #808080;
}
.reply {
    margin-bottom: 1.5em;
    text-align: right;
}
.reply a {
    display: inline-block;
    padding: .5em 1.4em;
    font-family: 'Open Sans', sans-serif;
    font-size: 85%;
    font-weight: 700;
    color: #fff;
    line-height: 1.3em;
    text-decoration: none;
    border: 2px solid #334e79;
    background-color: #334e79;
}
.reply a:hover,
.reply a:focus {
    background: #142747;
    color: #fff;
    border-color: #142747;
}
.comment-content ol {
    list-style-type: decimal;
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor .fn:after {
    padding-left: .5em;
    content: "(article author)";
}
.bypostauthor .avatar {
    box-sizing: content-box;
    margin-top: -5px;
    margin-left: -5px;
}
/* Comment Form */

.comment-respond::after {
    display: block;
    margin: 2em auto 4em;
    content: "";
    width: 3.5em;
    border-bottom: 1px solid #bcbcbc;
}
.comment-reply-title {
    margin-top: 0;
    margin-bottom: 1em;
    text-align: center;
}
.comment-list .comment-reply-title {
    text-align: left;
}
.comment-form {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3em;
}
.comment-form a {
    font-weight: 500;
}
.comment-form .form-submit {
    margin-top: 3em;
}
.comment-form .form-submit input {
    padding: .5em 1.4em;
    font-size: 85%;
    color: #fff;
    line-height: 1.3em;
    text-decoration: none;
    border: 1px solid #334e79;
}
.comment-form .form-submit input:hover,
.comment-form .form-submit input:focus {
    border-color: #142747;
    color: #fff;
    background-color: #142747;
}
.comment-form label {
    width: 33%;
}
.comment-form .required {
    color: #D54E21;
}
.comment-form label {
    display: block;
    font-style: italic;
    padding-bottom: .4em;
}
/*--------------------------------------------------------------
14 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}
/*--------------------------------------------------------------
15 Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
15.1 Captions
--------------------------------------------------------------*/

.wp-caption {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    max-width: 100%;
}
.wp-caption .aligncenter {
    margin-top: 2em;
    margin-bottom: 2em;
}
.wp-caption.alignright,
.wp-caption.alignleft {
    margin-top: 0;
    margin-bottom: 1.5em;
}
.wp-caption em {
    font-style: normal;
    /* Inverse emphasis because of all italics */
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption-text {
    display: block;
    position: relative;
    margin: 1.5em 0 2em 2em;
    padding: 0 1em .5em;
    font-size: 90%;
    color: #333;
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
}
.wp-caption-text::before {
    position: absolute;
    top: -3px;
    left: -1.4em;
    display: block;
    font-family: "FontAwesome";
    font-style: normal;
    color: #334e79;
    content: "\f148";
    transform: rotate(90deg);
}
.aligncenter .wp-caption-text,
.alignnone .wp-caption-text {
    margin-left: 30%;
    margin-bottom: 2em;
}
.alignright .wp-caption-text,
.alignleft .wp-caption-text {
    margin-top: 1em;
    margin-bottom: 1em;
}
/*--------------------------------------------------------------
15.2 Images
--------------------------------------------------------------*/

.frontpage-silder {
    max-width: calc(100% + 3.6em);
    margin: 0 -1.8em;
}
@media screen and (min-width: 57em) {
    .frontpage-silder {
        max-width: 100%;
        margin: 0;
    }
}
img.aligncenter {
    margin-top: 2em;
    margin-bottom: 2em;
}
img.alignright,
img.alignleft {
    margin-bottom: 1.5em;
}
.centered-image,
.featured-image {
    max-width: calc(100% + 2.8em);
    margin: 1.5em -1.4em;
}
.featured-image-index {
    margin-top: 1em !important;
}
@media screen and (min-width: 30em) {
    .centered-image,
    .featured-image {
        max-width: calc(100% + 3.6em);
        margin: 1.5em -1.8em;
    }
}
@media screen and (min-width: 30em) {
    .featured-image {
        margin-top: -1.8em;
    }
    .featured-image-archive-wp,
    .featured-image-index {
        margin: 0 auto;
    }
}
@media screen and (min-width: 40em) {
    .featured-image-archive-wp img,
    .featured-image-index img {
        margin: 0 !important;
    }
    .featured-image img {
        width: 900px;
        height: 200px;
    }
    .featured-image-archive-wp img,
    .featured-image-index img {
        max-width: 280px;
        max-height: 140px;
    }
}
@media screen and (min-width: 45em) {
    .featured-image-index {
        max-width: 100%;
        margin: 0 auto;
        margin-top: 0 !important;
    }
    .post-category .featured-image {
        margin: 0;
    }
}
@media screen and (min-width: 50em) {
    .featured-image {
        margin-top: 3em;
    }
    .featured-image-archive-wp img,
    .featured-image-index img {
        max-width: 100%;
        width: auto;
        height: auto;
    }
}
@media screen and (min-width: 50em) {
    .single-post img.alignleft,
    .single-post .wp-caption.alignleft {
        margin-left: -1.5em;
    }
    .centered-image {
        max-width: calc(100% + 6em);
        margin-right: -3em;
        margin-left: -3em;
    }
}
@media screen and (min-width: 74em) {
    .single-post img.alignleft,
    .single-post .wp-caption.alignleft {
        margin-left: -3em;
    }
}
.featured-image {
    margin-top: -1.4em;
    margin-bottom: -1.2em;
}
.featured-image img {
    display: block;
    margin: 0 auto;
}
.featured-image a:hover img,
.featured-image a:focus img {} .featured-image {
    margin-top: -1.4em;
    margin-bottom: 1.2em;
}
@media screen and ( min-width: 30em) {
    .featured-image {
        margin-top: -1.8em;
    }
}
.featured-image img {
    display: block;
    margin: 0 auto;
}
/*--------------------------------------------------------------
15.3 Galleries
--------------------------------------------------------------*/

.gallery {
    margin: 1.5em 0;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 1em;
}
.gallery-item img {
    display: block;
}
.gallery-item a {
    display: inline-block;
    border-bottom: none;
}
.gallery-item a:hover,
.gallery-item a:focus {
    border-bottom: none;
    box-shadow: none;
}
.gallery-item a img {
    padding: .5em;
    margin: 0 auto;
    border: 1px solid #fff;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
    border-color: #334e79;
}
.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;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    border: none;
}
.gallery-caption::before {
    content: "";
}
/*--------------------------------------------------------------
16 Footer
--------------------------------------------------------------*/

.site-footer {
    font-family: 'Open Sans', sans-serif;
    color: #ffffff !important;
    color: rgb(255, 255, 255);
    background-color: #222222;
    color: rgb(34, 34, 34);
    min-height: 10px;
    width: 100%;
}
.site-footer a {
    color: #ffffff;
}
.footer-content {
    max-width: 900px;
    margin: 0 auto;
}
.footer-content h6 {
    text-transform: uppercase;
    margin-top: 1em;
}
.footer-contact h6,
.footer-newsletter h6 {
    margin-top: 0em;
}
.footer-left,
.footer-right {
    padding: 0 2em;
}
.footer-left section:not(:first-child),
.footer-right section:not(:first-child) {
    border-top: solid 1px #bcbcbc;
    margin-top: 2em;
}
.footer-left section:first-child,
.footer-right section:first-child {
    padding-top: 0;
}
@media screen and (max-width: 40em) {
    .footer-right section:first-child {
        border-top: solid 1px #bcbcbc;
        margin-top: 2em;
        padding-top: 1.5em;
    }
    .footer-left section:first-child {
        margin-top: 1.5em;
    }
}
.footer-left {
    background-color: transparent;
    width: 100%;
}
.footer-contact {
    border-bottom: 1px solid #bcbcbc;
}
.wpcf7 label {
    margin-bottom: .6em;
}
.wpcf7-form textArea,
.wpcf7-form input {
    width: 100%;
    border: none;
}
.wpcf7-form textArea {
    margin-top: 1em;
    resize: none;
}
.footer-contact input[type="submit"] {
    float: right;
    width: 7em;
}
.footer-contact a {} .wpcf7-not-valid-tip,
.wpcf7-response-output {
    border: none !important;
    color: #fff !important;
}
.footer-left,
.footer-right {
    margin-bottom: 1em;
    position: relative;
}
.footer-right {
    background-color: transparent;
    width: 100%;
}
.footer-newsletter {
    background-color: transparent;
    border-bottom: 1px solid #bcbcbc;
}
.footer-address {
    background-color: transparent;
    border-bottom: 1px solid #bcbcbc;
}
.footer-address span {
    font-style: normal;
    line-height: 1.4em;
}
.footer-social {
    background-color: transparent;
}
.social-icon {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    font-size: 1.6em;
    text-align: center;
    line-height: 1.6em;
    color: #222222;
    background-color: #fff;
    margin-right: .5em;
    display: inline-block;
    cursor: pointer;
}
.site-info {
    text-align: center;
}
#mc_embed_signup input[type="email"],
#mc_embed_signup input[type="text"] {
    border: none;
}
.textwidget #mc_embed_signup input[type="email"],
.textwidget #mc_embed_signup input[type="text"] {
    border: 1px solid #bcbcbc;
    width: 100%;
}
#mc_embed_signup input {
    width: 100%;
    margin-bottom: 1em;
    border: none;
    float: right;
}
#mc_embed_signup input[type="submit"] {
    width: 7em;
    float: right;
    line-height: 1.5em;
}
.mc-field-group label {
    float: left;
}
.mailchimp-margin {
    padding-bottom: 3em !important;
}
.mc_embed_signup_scroll {
    width: 100%
}
@media screen and (min-width: 40em) {
    .footer-content {
        display: flex;
    }
    .wpcf7 label {
        float: right;
    }
    .footer-right {
        border-left: 1px solid #bcbcbc;
    }
    .footer-contact {
        border-bottom: none;
    }
}
@media screen and (min-width: 60em) {
    .footer-white {
        width: 900px;
        height: 30px;
        background-color: #ffffff;
        margin: 0 auto;
        box-shadow: 0px 6px 5px transparent, -5px 6px 5px #111111, 5px 6px 5px #111111;
    }
}
@media screen and (min-width: 57em) {
    .footer-left {
        padding-left: 0;
    }
    .footer-right {
        padding-right: 0;
    }
    #mc_embed_signup input,
    .wpcf7-form input {
        width: 20em;
    }
}
.footer-top {
    border-bottom: 1px solid #bcbcbc;
    margin-bottom: 1em !important;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-right: auto;
    margin-left: auto;
}
.footer-branding-wrapper {
    margin: auto;
    max-width: 300px;
}
.site-branding-footer {
    padding: .2em 0 0 .5em;
    float: left;
}
.site-title-footer,
.site-description-footer {
    color: #ffffff;
    text-align: left;
}
.site-title-footer {
    font-size: 1.7em;
}
.site-description-footer {
    font-size: .7em;
}
.site-logo-footer img {
    width: 50px;
    height: 50px;
    padding: 0 !important;
    float: left;
}
.footer-bottom {
    border-top: 1px solid #bcbcbc;
    font-size: .7em;
    padding: .6em 0 .6em 0;
}
.footer-bottom p {
    padding: 0 1em 0 1em;
}
.footer-top,
.footer-bottom {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}
/*--------------------------------------------------------------
17 Print / E-mail
--------------------------------------------------------------*/

@media print {
    #masthead,
    .featured-image,
    .facebook-share-button-top,
    .twitter-share-button-top,
    .linkedin-share-button-top,
    .twitter-share-button-bottom,
    .facebook-share-button-bottom,
    .linkedin-share-button-bottom,
    .print-button,
    .entry-footer,
    #comments,
    .post-navigation,
    .widget,
    .green-divider-global,
    .latest-posts-global,
    .second-loop-wrapper,
    #colophon,
    .widget-area,
    .green-divider,
    hr {
        display: none !important;
    }
    .byline a,
    .posted-on a,
    .comments-link a,
    .deck p {
        font-weight: 100;
    }
    .byline,
    .posted-on,
    .comments-link {
        font-weight: 100;
        font-style: normal;
    }
    .author-avatar img {
        border-radius: 0;
        border-color: #000000;
    }
    .article-print-info{
        display: block !important;
    }
}
.print-email-button {
    display: none;
    background-color: transparent;
    border: none;
    color: #000000;
    float: right;
    padding-top: 0;
    padding-left: .6em;
    padding-right: 0;
}
.print-email-button:hover,
.print-button:focus {
    background-color: transparent;
    border: none;
    color: #334e79;
    cursor: pointer;
}
.email-button {
    padding-top: .3em;
    font-size: 1.3em;
}
.print-button {
    font-size: 1.4em;
}
@media screen and (min-width: 30em) {
    .print-email-button {
        display: block;
    }
}
.article-print-info{
    display: none;
    margin-top: 4em;
    text-align: right;
    font-style: italic;
}