@font-face {
    font-family: quadraatsmallcaps;
    src: url(fonts/quadraat/port_quadraat-smallcaps-webfont.eot);
    src: url(fonts/quadraat/port_quadraat-smallcaps-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/quadraat/port_quadraat-smallcaps-webfont.woff2) format("woff2"), url(fonts/quadraat/port_quadraat-smallcaps-webfont.woff) format("woff"), url(fonts/quadraat/port_quadraat-smallcaps-webfont.ttf) format("truetype"), url(fonts/quadraat/port_quadraat-smallcaps-webfont.svg#quadraatsmallcaps) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: quadraatitalic;
    src: url(fonts/quadraat/port_quadraat-italicsmallcaps-webfont.eot);
    src: url(fonts/quadraat/port_quadraat-italicsmallcaps-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/quadraat/port_quadraat-italicsmallcaps-webfont.woff2) format("woff2"), url(fonts/quadraat/port_quadraat-italicsmallcaps-webfont.woff) format("woff"), url(fonts/quadraat/port_quadraat-italicsmallcaps-webfont.ttf) format("truetype"), url(fonts/quadraat/port_quadraat-italicsmallcaps-webfont.svg#quadraatitalic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: quadraatbold;
    src: url(fonts/quadraat/port_quadraat-boldsmallcaps-webfont.eot);
    src: url(fonts/quadraat/port_quadraat-boldsmallcaps-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/quadraat/port_quadraat-boldsmallcaps-webfont.woff2) format("woff2"), url(fonts/quadraat/port_quadraat-boldsmallcaps-webfont.woff) format("woff"), url(fonts/quadraat/port_quadraat-boldsmallcaps-webfont.ttf) format("truetype"), url(fonts/quadraat/port_quadraat-boldsmallcaps-webfont.svg#quadraatbold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: quadraatbold_italic;
    src: url(fonts/quadraat/port_quadraat-bolditalic-webfont.eot);
    src: url(fonts/quadraat/port_quadraat-bolditalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/quadraat/port_quadraat-bolditalic-webfont.woff2) format("woff2"), url(fonts/quadraat/port_quadraat-bolditalic-webfont.woff) format("woff"), url(fonts/quadraat/port_quadraat-bolditalic-webfont.ttf) format("truetype"), url(fonts/quadraat/port_quadraat-bolditalic-webfont.svg#quadraatbold_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: quadraatbold;
    src: url(fonts/quadraat/port_quadraat-bold-webfont.eot);
    src: url(fonts/quadraat/port_quadraat-bold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/quadraat/port_quadraat-bold-webfont.woff2) format("woff2"), url(fonts/quadraat/port_quadraat-bold-webfont.woff) format("woff"), url(fonts/quadraat/port_quadraat-bold-webfont.ttf) format("truetype"), url(fonts/quadraat/port_quadraat-bold-webfont.svg#quadraatbold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: quadraatregular;
    src: url(fonts/quadraat/druk-bold-regular.eot);
    src: url(fonts/quadraat/port_quadraat-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/quadraat/port_quadraat-webfont.woff2) format("woff2"), url(fonts/quadraat/port_quadraat-webfont.woff) format("woff"), url(fonts/quadraat/port_quadraat-webfont.ttf) format("truetype"), url(fonts/quadraat/port_quadraat-webfont.svg#quadraatregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: druk;
    src: url(fonts/druk/druk-bold-regular.eot);
    src: url(fonts/druk/druk-bold-regular.eot?#iefix) format("embedded-opentype"), url(fonts/druk/druk-bold-regular.woff2) format("woff2"), url(fonts/druk/druk-bold-regular.woff) format("woff"), url(fonts/druk/druk-bold-regular.ttf) format("truetype"), url(fonts/druk/druk-bold-regular.svg#druk) format("svg");
    font-weight: 400;
    font-style: normal
}

a, abbr, acronym, address, applet, big, blockquote, body, body.archive.author, body.search-results, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    box-sizing: border-box
}

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

body, body.archive.author, body.search-results {
    background: #fff;
    max-width: 100%
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block
}

ol, ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

caption, td, th {
    font-weight: 400;
    text-align: left
}

blockquote:after, blockquote:before, q:after, q:before {
    content: ""
}

blockquote, q {
    quotes: "" ""
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}

a img {
    border: 0
}

body, body.archive.author, body.search-results, button, input, select, textarea {
    color: #404040;
    font-family: quadraatregular;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    color: #231f20;
    font-family: quadraatbold
}

h1 {
    font-size: 4em
}

h2 {
    font-size: 3em
}

h3 {
    font-size: 2.5em
}

h5 {
    font-size: 2em
}

h6 {
    font-size: 1.5em
}

p {
    margin-bottom: 1.5em
}

b, strong {
    font-family: quadraatbold
}

cite, dfn, em, i {
    font-style: italic
}

blockquote {
    margin: 0
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code, kbd, tt, var {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

ins, mark {
    background: #fff9c0;
    text-decoration: none
}

sub, sup {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    bottom: 1ex
}

sub {
    top: .5ex
}

small {
    font-size: 75%
}

big {
    font-size: 125%
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ol, ul {
    margin: 0 0 1.5em 3em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li > ol, li > ul {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

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

figure {
    margin: 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

th {
    font-weight: 700
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button, input[type=button], input[type=reset], input[type=submit] {
    border: 0;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: 0 0;
    color: rgba(0, 0, 0, .8);
    cursor: pointer;
    -webkit-appearance: button;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8)
}

button:active, button:focus, input[type=button]:active, input[type=button]:focus, input[type=reset]:active, input[type=reset]:focus, input[type=submit]:active, input[type=submit]:focus {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .5), inset 0 2px 5px rgba(0, 0, 0, .15)
}

input[type=checkbox], input[type=radio] {
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px
}

input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
    color: #111
}

input[type=email], input[type=password], input[type=search], input[type=text], input[type=url] {
    padding: 3px
}

textarea {
    overflow: auto;
    padding-left: 3px;
    vertical-align: top;
    width: 100%
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .8);
    z-index: 1000
}

.overlay .inner {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media (min-width: 1200px) {
    .overlay .inner {
        max-width: 1200px;
        left: 50%;
        margin-left: -600px
    }
}

.overlay .overlay-close {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 5%;
    overflow: hidden;
    border: none;
    background: url(img/cross.png) no-repeat center center;
    background-size: 30px;
    text-indent: 200%;
    color: transparent;
    outline: 0;
    z-index: 100
}

@media (min-width: 1200px) {
    .overlay .overlay-close {
        top: 51px;
        left: 107px
    }
}

.overlay-corner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, transform .5s, visibility 0s .5s
}

.overlay-corner.open {
    opacity: 1;
    visibility: visible;
    transition: opacity .5s, transform .5s
}

@media screen and (max-height: 30.5em) {
    .overlay nav {
        height: 70%;
        font-size: 34px
    }

    .overlay ul li {
        min-height: 34px
    }
}

.overlay .form-wrap {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.overlay .form-wrap input.field {
    font-size: 4em;
    background: 0 0;
    color: #231f20;
    width: 90%;
    margin: 0 auto;
    border-width: 0 0 2px 0;
    border-color: #3b3b3b;
    text-align: center
}

.overlay .form-wrap input.field:focus {
    outline: 0
}

.subscribe-to-port {
    display: table;
    width: 100%;
    white-space: nowrap;
    float: right
}

.subscribe-to-port h5 {
    text-transform: lowercase;
    font-family: quadraatsmallcaps;
    font-size: 21px;
    display: block
}

.subscribe-to-port .cover {
    display: block;
    overflow: hidden
}

header .subscribe-to-port .cover::before {
    content: " ";
    display: block;
    height: 19px;
    width: 100%;
    position: absolute;
    left: 0
}

.subscribe-to-port .cover img {
    width: 100%;
    float: left;
    margin: 0 1em 0 0
}

@media (max-width: 600px) {
    .subscribe-to-port .cover img {
        height: auto;
        width: 70px;
        float: none
    }
}

.subscribe-to-port a.button {
    color: #fff;
    font-family: quadraatsmallcaps;
    text-transform: lowercase;
    font-size: 16px;
    line-height: 20px;
    display: table-cell;
    width: 180px;
    height: 45px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    background-color: #3b3b3b
}

header .subscribe-to-port > h5 {
    display: none
}

header .subscribe-to-port .cover {
    display: none;
    position: relative;
    padding: 0;
    float: left;
    margin: 0 29px 0 0;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #c0091f;
    width: 59px;
    height: 74px;
    overflow: visible
}

header .subscribe-to-port .cover img {
    max-width: 59px;
    min-width: 59px
}

header .subscribe-to-port .text > p {
    display: none
}

header .subscribe-to-port .text > label {
    font-size: 16px;
    display: none;
    margin: 0 0 10px 0
}

header .subscribe-to-port .text .button {
    background-color: transparent;
    color: #231f20;
    margin-top: -8px;
    display: block;
    margin: 0 auto
}

footer .subscribe-to-port {
    width: 330px;
    margin: 0 auto;
    float: initial;
    display: block;
    height: 170px
}

@media (max-width: 1200px) {
    footer .subscribe-to-port {
        height: auto
    }
}

footer .subscribe-to-port > h5 {
    text-align: left;
    line-height: 82%;
    margin-bottom: 15px
}

@media (max-width: 1200px) {
    footer .subscribe-to-port > h5 {
        text-align: center
    }
}

footer .subscribe-to-port .cover {
    max-width: 109px;
    float: left;
    margin: 0 24px 0 0
}

@media (max-width: 1200px) {
    footer .subscribe-to-port .cover {
        float: none;
        margin: 0 auto
    }
}

footer .subscribe-to-port .text p {
    margin-bottom: 0;
    white-space: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: left
}

@media (max-width: 1200px) {
    footer .subscribe-to-port .text p {
        text-align: center
    }
}

footer .subscribe-to-port .text > label {
    display: none
}

footer .subscribe-to-port a.button {
    position: relative;
    top: 8px
}

@media (max-width: 1200px) {
    footer .subscribe-to-port a.button {
        position: relative;
        top: 0;
        display: table;
        margin: 10px auto;
        height: 30px;
        overflow: hidden;
        padding: 5px 10px
    }
}

footer .subscribe-to-port a.button > div, footer .subscribe-to-port a.button > span {
    display: none
}

a {
    color: #bd0a20;
    text-decoration: none
}

a:visited {
    color: #980f0f
}

a:active, a:focus, a:hover {
    color: #c0091f
}

.dark a {
    color: #fff;
    text-decoration: none
}

.dark a:visited {
    color: #fff
}

nav .inner {
    max-width: 1100px;
    display: block;
    margin: 0 auto
}

.main-navigation {
    transition: all .2s ease-out;
    clear: both;
    display: block;
    float: left;
    width: 100%;
    font-family: quadraatsmallcaps;
    color: #3b3b3b;
    visibility: visible;
    opacity: 1;
    position: absolute;
    background-color: rgba(255, 255, 255, .93)
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999
}

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

.main-navigation ul ul li:hover > ul {
    left: 100%
}

.main-navigation ul ul a {
    width: 200px
}

.main-navigation ul li:hover > ul {
    left: auto
}

.main-navigation li {
    float: left;
    position: relative
}

.main-navigation li > a {
    color: #3b3b3b;
    text-decoration: none;
    display: block;
    text-decoration: none;
    padding: 3px 0 0;
    margin: 0 17px 0 0
}

.main-navigation li > a:visited {
    color: #3b3b3b
}

.main-navigation li > a:active, .main-navigation li > a:focus, .main-navigation li > a:hover {
    padding: 2px 0 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #c0091f
}

.main-navigation li.sustainability > a {
    color: #ff42a1
}

.main-navigation li.sustainability > a:visited {
    color: #ff42a1;
    border-color: #ff42a1 !important
}

.main-navigation li.sustainability > a:active, .main-navigation li.sustainability > a:focus, .main-navigation li.sustainability > a:hover {
    border-color: #ff42a1
}

.main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current_page_item > a {
    padding: 2px 0 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #c0091f
}

.main-navigation li:last-child > a {
    color: #c0091f
}

.main-navigation .trigger-overlay {
    float: right;
    padding: 0 1em;
    line-height: 1em;
    margin: .3em 0 0 0;
    font-size: inherit;
    text-transform: none;
    color: #b7b7b7 !important;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #3b3b3b
}

.main-navigation .trigger-overlay:hover {
    cursor: pointer
}

@media (max-width: 1200px) {
    .main-navigation .trigger-overlay {
        float: none;
        display: block;
        text-align: center;
        margin: 20px auto
    }
}

@media (max-width: 1200px) {
    .main-navigation {
        padding: 0 20px;
        transition: opacity .3s ease;
        opacity: 1
    }

    .main-navigation ul {
        transition: height .3s ease;
        overflow: hidden
    }

    .main-navigation ul li {
        float: initial;
        text-align: center;
        margin: 5px 0
    }

    .main-navigation ul li a {
        display: block;
        font-size: 16px;
        margin: 0 auto !important
    }

    .main-navigation ul li a:active, .main-navigation ul li a:focus, .main-navigation ul li a:hover, .main-navigation ul li a:link {
        font-size: 16px
    }
}

.main-navigation.toggled {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

#site-navigation-short.main-navigation {
    background-color: transparent
}

.site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden
}

.comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous {
    float: left;
    width: 50%
}

.comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    display: block;
    margin: 0 auto
}

.clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before {
    content: "";
    display: table
}

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

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.widget_search .search-submit {
    display: none
}

.content-area {
    width: 100%
}

.site-main {
    margin: 0 auto
}

.sidebar-1 .content-area {
    margin: 0 0 0 -25%
}

.sidebar-1 .site-main {
    margin: 0 0 0 25%
}

.widget-area {
    float: left;
    overflow: hidden;
    width: 25%
}

#page.site {
    background-color: #fff;
    position: relative;
    z-index: 1
}

header#masthead {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    z-index: 40;
    box-sizing: border-box
}

@media (max-width: 1200px) {
    header#masthead {
        display: none
    }
}

.site-header .site-branding {
    position: relative;
    max-width: 1200px;
    text-align: center;
    padding: 54px 0 34px 0;
    display: block;
    margin: 0 auto
}

.site-header .site-branding .wrapper {
    width: 100%;
    display: table
}

.site-header .site-branding .wrapper .left, .site-header .site-branding .wrapper .right {
    width: 25%;
    vertical-align: middle;
    display: table-cell
}

.site-header .site-branding .wrapper .central {
    width: 50%;
    vertical-align: middle;
    display: table-cell
}

.site-header .site-branding button.menu-toggle {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0 2em;
    min-width: 50px;
    min-height: 50px;
    background-image: url(img/nav-button.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 33px
}

.site-header .site-branding button.menu-toggle.hidden {
    opacity: 0;
    visibility: hidden
}

.site-header .site-branding button.menu-toggle:active, .site-header .site-branding button.menu-toggle:focus {
    border-color: none;
    box-shadow: none
}

.site-header .site-branding button.menu-toggle.toggled {
    background-image: url(img/cross.png);
    background-size: 30px
}

.site-header .site-branding button.menu-toggle .subscribe-to-port {
    opacity: 1
}

.site-header .site-branding .logo-port {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 230px;
    height: 58px
}

.site-header .site-branding .logo-413 {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 50px;
    height: 70px;
    top: -25px
}

.site-header .site-branding .logo-tenten {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 130px;
    height: 70px;
    top: -34px
}

#masthead-short {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    z-index: 40;
    box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, .93);
    transition: transform .3s ease
}

@media (min-width: 1200px) {
    #masthead-short {
        background-color: rgba(255, 255, 255, .93)
    }
}

@media (max-width: 1200px) {
    #masthead-short {
        display: none
    }
}

@media (min-width: 1200px) {
    #masthead-short {
        position: fixed;
        transform: translateY(-130%)
    }
}

@media (max-width: 1200px) {
    #masthead-short {
        display: block;
        top: 0
    }

    #masthead-short .main-navigation {
        height: 8000px
    }
}

#masthead-short .site-branding {
    padding: 16px
}

#masthead-short .site-branding .logo-port {
    width: 142px;
    height: 31px
}

#masthead-short .site-branding .logo-413 {
    width: 40px;
    height: 70px;
    top: -5px
}

#masthead-short .site-branding .logo-tenten {
    width: 80px;
    height: 70px;
    top: -3px
}

#masthead-short .site-branding .subscribe-to-port {
    opacity: 0;
    display: none
}

#masthead-short .main-navigation a {
    display: table
}

footer.site-footer {
    clear: both;
    background-color: #ececec;
    overflow: hidden
}

footer.site-footer .footer {
    max-width: 1200px;
    display: block;
    margin: 0 auto;
    min-height: 300px
}

footer.site-footer .footer .wrapper {
    width: 100%;
    display: block;
    padding-top: 50px
}

footer.site-footer .footer .box {
    vertical-align: top;
    display: block;
    padding: 0;
    float: left
}

@media (min-width: 1200px) {
    footer.site-footer .footer .box.one {
        width: 220px;
        margin-right: 20px
    }

    footer.site-footer .footer .box.two {
        width: 380px;
        margin-right: 20px
    }

    footer.site-footer .footer .box.three {
        width: 220px;
        margin-right: 20px
    }

    footer.site-footer .footer .box.four {
        width: 140px
    }
}

@media (max-width: 1200px) {
    footer.site-footer .footer .box {
        vertical-align: top;
        padding: 0;
        width: 100%;
        display: block;
        min-height: 100px;
        text-align: center;
        margin: 10px auto
    }
}

footer.site-footer .footer .menu {
    text-transform: uppercase;
    list-style: none;
    margin: 0;
    padding: 0 0 0 106px;
    font-size: 18px;
    line-height: 22px;
    background-image: url(img/port-head.png);
    background-repeat: no-repeat;
    background-position: center left
}

footer.site-footer .footer .menu a {
    display: block;
    color: #231f20;
    margin: 0 0 .3em 0;
    font-family: quadraatsmallcaps;
    text-transform: lowercase
}

footer.site-footer .footer .menu a:hover {
    color: #c0091f
}

@media (max-width: 1200px) {
    footer.site-footer .footer .menu {
        text-align: left;
        margin: 0 auto;
        display: block;
        position: relative;
        width: 233px;
        background-position: center 90px left
    }
}

footer.site-footer .footer .sign-up {
    margin-left: 62px
}

@media (max-width: 1200px) {
    footer.site-footer .footer .sign-up {
        margin-left: initial
    }
}

footer.site-footer .footer .sign-up p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    width: 300px
}

@media (max-width: 1200px) {
    footer.site-footer .footer .sign-up p {
        margin: 0 auto;
        display: block;
        width: 80%;
        padding-top: 1em
    }
}

footer.site-footer .footer .sign-up input[type=email] {
    background-color: #fff;
    border: none;
    color: #787878;
    font-size: 16px;
    height: 40px;
    padding: 0 10px;
    width: 270px
}

@media (max-width: 1200px) {
    footer.site-footer .footer .sign-up input[type=email] {
        display: block;
        margin: 10px auto
    }
}

footer.site-footer .footer .sign-up input[type=submit] {
    color: #fff;
    font-family: quadraatsmallcaps;
    text-transform: lowercase;
    font-size: 16px;
    line-height: 20px;
    display: table-cell;
    width: 270px;
    height: 45px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    border-radius: 0;
    margin: 8px 0 0;
    text-shadow: none;
    background-color: #3b3b3b
}

@media (max-width: 1200px) {
    footer.site-footer .footer .sign-up {
        width: 100%;
        display: block;
        margin: 0 auto
    }
}

footer.site-footer .footer .follow-us a {
    display: block;
    color: #231f20;
    margin: 0 0 .5em 0;
    white-space: nowrap
}

footer.site-footer .footer .follow-us a:hover {
    color: #c0091f
}

footer.site-footer .footer .follow-us a i {
    color: #b7b7b7;
    min-width: 15px;
    margin-right: 15px;
    text-align: center
}

@media (max-width: 1200px) {
    footer.site-footer .footer .follow-us {
        top: 30px;
        position: relative
    }

    footer.site-footer .footer .follow-us a {
        font-size: 0;
        display: inline-block
    }

    footer.site-footer .footer .follow-us a i {
        font-size: 40px
    }
}

.sticky {
    display: block
}

.byline, .updated:not(.published) {
    display: none
}

.group-blog .byline, .single .byline {
    display: inline
}

.entry-content, .entry-summary, .page-content {
    margin: 1.5em 0 0
}

.page .entry-content, .page .entry-summary, .page .page-content {
    margin: 0
}

.page-header {
    text-align: center
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.entry-header {
    text-align: center;
    padding: 50px 0 0
}

@media (min-width: 1201px) {
    .entry-header {
        margin: 0 310px 0 18%
    }
}

@media (max-width: 1200px) {
    .entry-header {
        margin: 0 10%
    }
}

.entry-header .category {
    font-family: quadraatsmallcaps;
    text-transform: lowercase;
    color: #c0091f;
    text-transform: lowercase;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: -.66px;
    display: block;
    margin-bottom: 26px
}

.entry-header .entry-title {
    max-width: 700px;
    font-size: 80px;
    line-height: 84px;
    letter-spacing: -.16px;
    margin: 0 auto 10px auto
}

@media (min-width: 901px) {
    .entry-header .entry-title {
        font-size: 68px;
        line-height: 72px
    }
}

@media (max-width: 900px) {
    .entry-header .entry-title {
        font-size: 58px;
        line-height: 62px;
        font-size: 10vw;
        line-height: 11vw
    }
}

@media (min-width: 900px) {
    .entry-header .credits {
        display: none
    }
}

.entry-header .credits .author {
    font-size: 16px
}

.entry-header .credits .author a {
    color: #231f20;
    font-weight: 700
}

.single-post .site-content {
    max-width: 1680px;
    display: block;
    margin: 0 auto
}

.single-post .site-content .site-main {
    position: relative
}

.single-post .site-content article {
    padding-bottom: 50px
}

.single-post .site-content .post-thumbnail {
    display: block;
    margin: 0 auto;
    max-height: 440px;
    margin-bottom: 30px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover
}

.single-post .site-content .post-thumbnail::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 33.3333%
}

.single-post .site-content .entry-content {
    position: relative
}

.single-post .site-content .side-left {
    width: 18%;
    padding-left: 2%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.single-post .site-content .side-left > div, .single-post .site-content .side-left > span {
    display: block;
    margin: 0 auto;
    font-size: 16px
}

.single-post .site-content .side-left .posted-on {
    margin-bottom: 14px;
    font-size: 16px
}

.single-post .site-content .side-left .social-links {
    font-size: 18px;
    letter-spacing: -.2px;
    font-family: quadraatsmallcaps;
    text-transform: lowercase
}

.single-post .site-content .side-left .social-links .title {
    border-bottom: 1px solid #3b3b3b;
    max-width: 60%;
    line-height: 1em;
    margin-bottom: 6px
}

.single-post .site-content .side-left .social-links .link {
    font-size: 18px
}

.single-post .site-content .side-left .social-links .link:hover {
    cursor: pointer;
    color: #c0091f
}

.single-post .site-content .side-left .social-links .link i {
    min-width: 35px
}

.single-post .site-content .side-left .credits {
    line-height: 28px
}

@media (max-width: 1200px) {
    .single-post .site-content .side-left .credits {
        display: none
    }
}

.single-post .site-content .side-left .credits > div, .single-post .site-content .side-left .credits > span {
    margin: 15px 0;
    display: block
}

.single-post .site-content .side-left .credits > div strong, .single-post .site-content .side-left .credits > span strong {
    display: block
}

.single-post .site-content .side-left .credits a {
    color: #231f20
}

.single-post .site-content .side-left .credits .author {
    font-family: quadraatbold
}

.single-post .site-content .side-left .credits .author label {
    font-family: quadraatregular;
    display: block
}

@media (max-width: 1200px) {
    .single-post .site-content .side-left {
        position: relative;
        margin: 100px auto 0;
        text-align: center;
        width: 100%
    }

    .single-post .site-content .side-left .social-links .title {
        max-width: initial
    }
}

.single-post .site-content .side-right {
    width: 310px;
    margin: 0;
    z-index: 1
}

@media (min-width: 1201px) {
    .single-post .site-content .side-right {
        position: absolute;
        right: 0
    }

    .single-post .site-content .side-right.top {
        top: 0
    }

    .single-post .site-content .side-right.bottom {
        bottom: 0
    }

    .single-post .site-content .side-right .wrapper {
        transition: top 1s ease
    }

    .single-post .site-content .side-right .wrapper > div > div {
        background-color: #ececec;
        padding: 5px
    }

    .single-post .site-content .side-right .wrapper.fixed {
        top: 85px;
        position: fixed;
        transform: translateY(0) translateX(0)
    }
}

@media (max-width: 1200px) {
    .single-post .site-content .side-right {
        display: none
    }
}

.single-post .site-content .body-single-post {
    position: relative;
    font-size: 21px;
    line-height: 32px;
    max-width: 80%;
    padding: 0
}

@media (min-width: 1201px) {
    .single-post .site-content .body-single-post {
        margin: 0 310px 0 18%
    }
}

@media (max-width: 1200px) {
    .single-post .site-content .body-single-post {
        margin: 0 10%
    }
}

.single-post .site-content .body-single-post > blockquote, .single-post .site-content .body-single-post > div:not(.bx), .single-post .site-content .body-single-post > em, .single-post .site-content .body-single-post > h1, .single-post .site-content .body-single-post > h2, .single-post .site-content .body-single-post > h3, .single-post .site-content .body-single-post > h4, .single-post .site-content .body-single-post > p, .single-post .site-content .body-single-post > span, .single-post .site-content .body-single-post > strong, .single-post .site-content .body-single-post > ul {
    display: block;
    margin: 0 auto;
    max-width: 700px;
    padding-right: 20px
}

.single-post .site-content .body-single-post .bx {
    padding-right: 20px
}

.single-post .site-content .body-single-post .bx .bx-wrapper {
    box-shadow: none;
    border: 0
}

.single-post .site-content .body-single-post .bx .bx-wrapper img {
    margin: 0 auto
}

.single-post .site-content .body-single-post > .hasimage, .single-post .site-content .body-single-post > figure {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding-right: 20px
}

.single-post .site-content .body-single-post figure {
    margin: 50px auto 10px auto;
    position: relative;
    z-index: 10;
    pointer-events: none;
    text-align: center;
    width: initial !important
}

@media (max-width: 900px) {
    .single-post .site-content .body-single-post figure:after {
        content: "";
        display: block;
        clear: both
    }
}

.single-post .site-content .body-single-post figure img {
    clear: left
}

.single-post .site-content .body-single-post figure figcaption {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    border-top: 1px solid #000;
    padding: 10px 20px 0 0;
    float: left
}

@media (min-width: 1201px) {
    .single-post .site-content .body-single-post figure figcaption {
        max-width: 20%;
        margin: -30px 2% 10px -20%
    }
}

@media (min-width: 900px) and (max-width: 1200px) {
    .single-post .site-content .body-single-post figure figcaption {
        max-width: 20%;
        margin: -30px 2% 10px -10%
    }
}

@media (max-width: 900px) {
    .single-post .site-content .body-single-post figure figcaption {
        max-width: 90%;
        margin: -30px 2% 10px 0
    }
}

.single-post .site-content .body-single-post figure figcaption.inner {
    right: 0;
    text-align: right
}

.single-post .site-content .body-single-post p {
    margin-bottom: 1.5em
}

.single-post .site-content .body-single-post blockquote, .single-post .site-content .body-single-post hr {
    visibility: hidden;
    font-size: 0;
    height: 0;
    margin: 0;
    padding: 0
}

.single-post .site-content .body-single-post img {
    display: block;
    margin: 50px auto
}

.single-post .site-content .body-single-post img.hidden {
    display: none
}

body.page .site-main .entry-content .entry-header .entry-title {
    line-height: 68px;
    margin: 0 auto 38px;
    font-size: 40px
}

body.page .site-main .entry-content .body-single-post {
    max-width: 80%
}

@media (min-width: 1201px) {
    body.page .site-main .entry-content .body-single-post {
        margin: 0 310px 0 18%
    }
}

@media (max-width: 1200px) {
    body.page .site-main .entry-content .body-single-post {
        margin: 0 10%
    }
}

body.page .site-main .entry-content .body-single-post p {
    font-size: 18px;
    margin: 0 auto 30px auto
}

body.page .site-main .entry-content .body-single-post .strong {
    font-weight: 700;
    font-size: 22px
}

body.page .site-main .entry-content .body-single-post ul.summary {
    text-align: center;
    list-style: none;
    clear: both;
    display: block;
    margin: 66px auto;
    max-width: initial
}

body.page .site-main .entry-content .body-single-post ul.summary .item {
    font-size: 22px;
    font-family: quadraatsmallcaps;
    text-transform: lowercase;
    display: inline-block;
    margin: 0 40px 0 0
}

body.page .site-main .entry-content .body-single-post ul.summary .item a {
    color: #231f20
}

body.page .site-main .entry-content .body-single-post table.masthead {
    font-size: 19px
}

body.page .site-main .entry-content .body-single-post table.masthead tbody {
    width: 100%
}

body.page .site-main .entry-content .body-single-post table.masthead tbody tr td {
    width: 33%;
    text-align: center;
    vertical-align: top
}

body.page .site-main .entry-content .body-single-post table.masthead tbody tr td:nth-child(1), body.page .site-main .entry-content .body-single-post table.masthead tbody tr td:nth-child(3) {
    padding: 75px 0 0 0
}

body.page .site-main .entry-content .body-single-post table.masthead tbody tr td .credit {
    display: block;
    margin: 30px 0 0 0
}

body.page-id-5112 .body-single-post {
    text-align: center
}

body.search .body-single-post {
    text-align: center
}

body.search .body-single-post > form {
    display: block;
    margin: 50px
}

#loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .8);
    background-image: url(img/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100px;
    z-index: 1000;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease-out;
    transition-delay: .3s
}

#loader.hidden {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-out
}

.error404 header {
    text-align: center
}

.error404 header h1.page-title {
    font-size: 79px;
    font-size: 7.9rem
}

.error404 header h3 {
    max-width: 470px;
    display: block;
    margin: 0 auto
}

.error404 .page-content {
    margin: 64px auto 377px auto;
    text-align: center
}

.error404 .page-content img.port-head {
    display: block;
    margin: 0 auto
}

#morebutton {
    border-top: 1px solid #231f20;
    clear: both;
    font-size: 28px;
    line-height: 30px;
    margin: 104px auto;
    opacity: 1;
    padding: 15px 0 0 0;
    text-align: center;
    transform: translateY(0);
    visibility: visible;
    width: 370px;
    font-family: quadraatsmallcaps;
    text-transform: lowercase;
    transition: opacity .5s ease-out
}

#morebutton:hover {
    cursor: pointer
}

#morebutton #month {
    color: #c0091f
}

#morebutton.hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s ease-out
}

@media (max-width: 1200px) {
    #morebutton {
        margin: 50px auto;
        width: 90%;
        font-size: 24px
    }
}

body.single-post.section-413 h1.entry-title {
    font-family: druk
}

.home .site-main, body.category .site-main {
    display: block;
    margin: 0 auto
}

.home article, body.category article, body.category.archive.author article {
    padding: 0;
    margin: 0;
    overflow: hidden;
    opacity: 1;
    transition: opacity 1s ease-out
}

.home article .category, body.category article .category {
    font-family: quadraatsmallcaps;
    text-transform: lowercase;
    color: #c0091f;
    text-transform: lowercase
}

.home article .thumbnail, body.category article .thumbnail {
    display: table-cell;
    vertical-align: top;
    margin: 0
}

.home article .entry-content, body.category article .entry-content {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    text-align: left
}

@media (min-width: 1201px) {
    .home article .entry-content, body.category article .entry-content {
        padding: 0 0 0 1em
    }
}

.home article .entry-content .category, body.category article .entry-content .category {
    border: none;
    text-align: left;
    margin: 8px 0 0 0;
    font-size: 18px;
    line-height: 12px;
    font-family: quadraatsmallcaps;
    text-transform: lowercase;
    color: #c0091f;
    text-transform: lowercase
}

.home article .entry-content h2.entry-title, body.category article .entry-content h2.entry-title {
    text-align: left
}

.home article .entry-content h2.entry-title a, body.category article .entry-content h2.entry-title a {
    color: #231f20
}

.home article .entry-content p, body.category article .entry-content p {
    text-align: left;
    margin: 16px 0 0 0;
    max-width: 90%;
    font-size: 14px;
    line-height: 19px
}

.home article.hidden, body.category article.hidden {
    opacity: 0
}

.home article.category-feature, body.category article.category-feature {
    padding: 0;
    margin: 0
}

@media (max-width: 1200px) {
    .home article.category-feature, body.category article.category-feature {
        margin: 0 auto 70px auto
    }
}

.home article.category-feature .thumbnail, body.category article.category-feature .thumbnail {
    display: block;
    overflow: hidden
}

@media (max-width: 1200px) {
    .home article.category-feature .thumbnail, body.category article.category-feature .thumbnail {
        margin: 0 auto;
        width: 90%;
        max-width: 580px
    }
}

.home article.category-feature .entry-content, body.category article.category-feature .entry-content {
    display: block;
    margin: 0 auto;
    max-width: 90%
}

.home article.category-feature .entry-content h2.entry-title, body.category article.category-feature .entry-content h2.entry-title {
    font-size: 40px;
    line-height: 42px;
    text-align: center;
    margin: 24px auto 12px auto
}

.home article.category-feature .entry-content p, body.category article.category-feature .entry-content p {
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    margin: 0 auto;
    max-width: 80%
}

.home .top-post, body.category .top-post {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    z-index: 30
}

@media (min-width: 1201px) {
    .home .top-post .thumbnail, body.category .top-post .thumbnail {
        width: 56%;
        float: left;
        background-position: center right;
        position: relative;
        display: block;
        min-height: 490px;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: auto 100%
    }

    .home .top-post .thumbnail .thumbnail-inner a, body.category .top-post .thumbnail .thumbnail-inner a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 80%
    }

    .home .top-post .thumbnail .thumbnail-inner a img, body.category .top-post .thumbnail .thumbnail-inner a img {
        display: none
    }
}

@media (max-width: 1200px) {
    .home .top-post .thumbnail, body.category .top-post .thumbnail {
        display: block;
        margin: 0 auto;
        max-width: 580px;
        min-height: initial;
        width: 90%;
        background-position: center;
        background-image: none !important;
        text-align: center;
        display: block;
        margin: 0 auto;
        text-align: center
    }

    .home .top-post .thumbnail .thumbnail-inner img, body.category .top-post .thumbnail .thumbnail-inner img {
        margin: 0 auto;
        display: block;
        width: 90%;
        max-width: 580px
    }
}

.home .top-post .entry-content, body.category .top-post .entry-content {
    position: relative;
    display: block;
    margin: 0
}

@media (min-width: 1201px) {
    .home .top-post .entry-content, body.category .top-post .entry-content {
        float: left;
        width: 44%
    }
}

.home .top-post .entry-content .entry-content-inner, body.category .top-post .entry-content .entry-content-inner {
    display: block;
    max-width: 600px;
    height: 490px;
    text-align: center;
    margin: 0;
    position: relative;
    padding: 38px 15px 0 0;
    box-sizing: border-box
}

@media (max-width: 1200px) {
    .home .top-post .entry-content .entry-content-inner, body.category .top-post .entry-content .entry-content-inner {
        padding: 10px 0 0 0
    }
}

.home .top-post .entry-content .entry-content-inner .category, body.category .top-post .entry-content .entry-content-inner .category {
    font-family: quadraatsmallcaps;
    text-transform: lowercase;
    color: #c0091f;
    text-transform: lowercase;
    display: table;
    margin: 0 auto;
    border-top: 1px solid #c0091f;
    font-size: 22px;
    line-height: 100%
}

.home .top-post .entry-content .entry-content-inner #top-post-title, body.category .top-post .entry-content .entry-content-inner #top-post-title {
    display: block;
    position: relative;
    width: 537px;
    margin: 0 auto 33px;
    box-sizing: content-box;
    padding: 0;
    top: 25px;
    font-size: 94px;
    line-height: 96px
}

@media (max-width: 1200px) {
    .home .top-post .entry-content .entry-content-inner #top-post-title, body.category .top-post .entry-content .entry-content-inner #top-post-title {
        top: 0;
        margin: 20px auto;
        width: 90%;
        font-size: 40px !important;
        line-height: 42px !important
    }
}

.home .top-post .entry-content .entry-content-inner #top-post-title a, body.category .top-post .entry-content .entry-content-inner #top-post-title a {
    color: #231f20
}

.home .top-post .entry-content .entry-content-inner #top-post-text, body.category .top-post .entry-content .entry-content-inner #top-post-text {
    width: 380px;
    height: 140px;
    text-align: center;
    margin: 0 auto;
    line-height: 28px
}

@media (max-width: 1200px) {
    .home .top-post .entry-content .entry-content-inner #top-post-text, body.category .top-post .entry-content .entry-content-inner #top-post-text {
        position: relative;
        left: initial;
        margin: 0 auto;
        bottom: initial;
        max-width: 80%;
        margin: 0 auto;
        padding: 0 10px;
        line-height: 21px !important
    }

    .home .top-post .entry-content .entry-content-inner #top-post-text span, body.category .top-post .entry-content .entry-content-inner #top-post-text span {
        font-size: 16px !important
    }
}

@media (max-width: 1200px) {
    .home .top-post .entry-content .entry-content-inner, body.category .top-post .entry-content .entry-content-inner {
        margin: 0 auto
    }

    .home .top-post .entry-content .entry-content-inner .category, body.category .top-post .entry-content .entry-content-inner .category {
        margin-top: 20px
    }
}

@media (max-width: 1200px) {
    .home .top-post .entry-content .entry-content-inner, body.category .top-post .entry-content .entry-content-inner {
        height: initial;
        width: initial
    }
}

.home .featured-posts, body.category .featured-posts {
    overflow: hidden;
    z-index: 30
}

.home .featured-posts .category, body.category .featured-posts .category {
    font-family: quadraatsmallcaps;
    text-transform: lowercase;
    color: #c0091f;
    text-transform: lowercase;
    display: table;
    border-top: 1px solid #c0091f;
    margin: 0 auto;
    font-size: 22px;
    line-height: 38px;
    height: 38px
}

@media (min-width: 1201px) {
    .home .featured-posts article.category-feature, body.category .featured-posts article.category-feature {
        width: 50%;
        float: left;
        width: 50%;
        min-height: 530px;
        margin-bottom: 55px;
        text-align: center
    }

    .home .featured-posts article.category-feature .entry-content, body.category .featured-posts article.category-feature .entry-content {
        display: block;
        margin: 0 auto
    }

    .home .featured-posts article.category-feature .entry-content h2.entry-title, body.category .featured-posts article.category-feature .entry-content h2.entry-title {
        max-width: 90%
    }

    .home .featured-posts article.category-feature .category, body.category .featured-posts article.category-feature .category {
        margin: 0 auto 6px auto
    }

    .home .featured-posts article.category-feature img, body.category .featured-posts article.category-feature img {
        min-width: 460px;
        max-width: 460px
    }

    .home .featured-posts article.category-feature h2.entry-title, body.category .featured-posts article.category-feature h2.entry-title {
        font-size: 40px;
        line-height: 42px;
        margin: 23px auto 14px
    }

    .home .featured-posts article.category-feature p, body.category .featured-posts article.category-feature p {
        font-size: 16px;
        line-height: 21px
    }

    .home .featured-posts.two, body.category .featured-posts.two {
        display: block;
        margin: 0 auto;
        max-width: 1200px
    }
}

@media (min-width: 1201px) and (min-width: 1201px) {
    .home .featured-posts.two, body.category .featured-posts.two {
        margin-bottom: 33px
    }
}

@media (min-width: 1201px) {
    .home .featured-posts.two article, body.category .featured-posts.two article {
        width: 50%;
        padding: 0;
        margin: 0
    }

    .home .featured-posts.two article:nth-child(1), body.category .featured-posts.two article:nth-child(1) {
        padding-left: 60px
    }

    .home .featured-posts.two article:nth-child(2), body.category .featured-posts.two article:nth-child(2) {
        padding-right: 60px
    }

    .home .featured-posts.two article p, body.category .featured-posts.two article p {
        text-align: center
    }
}

@media (min-width: 1201px) {
    .home .featured-posts.three, body.category .featured-posts.three {
        display: block;
        margin: 0 auto;
        max-width: 1200px
    }
}

@media (min-width: 1201px) and (min-width: 1201px) {
    .home .featured-posts.three, body.category .featured-posts.three {
        margin-top: 33px
    }
}

@media (min-width: 1201px) {
    .home .featured-posts.three article.category-feature, body.category .featured-posts.three article.category-feature {
        width: 33%;
        padding: 0;
        margin: 0;
        text-align: center;
        box-sizing: border-box
    }

    .home .featured-posts.three article.category-feature .category, body.category .featured-posts.three article.category-feature .category {
        margin-bottom: 18px
    }

    .home .featured-posts.three article.category-feature .thumbnail-inner, body.category .featured-posts.three article.category-feature .thumbnail-inner {
        max-height: 240px;
        overflow: hidden
    }

    .home .featured-posts.three article.category-feature .thumbnail-inner img, body.category .featured-posts.three article.category-feature .thumbnail-inner img {
        min-width: 380px;
        max-width: 380px
    }

    .home .featured-posts.three article.category-feature h2.entry-title, body.category .featured-posts.three article.category-feature h2.entry-title {
        margin: 18px auto 22px;
        font-size: 30px;
        line-height: 32px
    }

    .home .featured-posts.three article.category-feature p, body.category .featured-posts.three article.category-feature p {
        font-size: 16px;
        line-height: 21px
    }

    .home .featured-posts.three article.category-feature:nth-child(1), body.category .featured-posts.three article.category-feature:nth-child(1) {
        padding-left: 40px;
        padding-right: 20px
    }

    .home .featured-posts.three article.category-feature:nth-child(2), body.category .featured-posts.three article.category-feature:nth-child(2) {
        padding: 0
    }

    .home .featured-posts.three article.category-feature:nth-child(3), body.category .featured-posts.three article.category-feature:nth-child(3) {
        padding-left: 20px;
        padding-right: 40px
    }

    .home .featured-posts.three article.category-feature p, body.category .featured-posts.three article.category-feature p {
        text-align: center
    }
}

.home .content-inner, body.category .content-inner {
    position: relative;
    z-index: 30
}

.home .queue-posts, body.category .queue-posts {
    z-index: 30;
    display: block;
    margin: 0 auto;
    max-width: 1200px
}

@media (max-width: 1200px) {
    .home .queue-posts, body.category .queue-posts {
        height: auto !important
    }

    .home .queue-posts article, body.category .queue-posts article {
        margin: 80px auto !important;
        display: block !important;
        position: relative !important;
        left: initial !important;
        top: initial !important
    }

    .home .queue-posts article:first-child, body.category .queue-posts article:first-child {
        margin: 0 auto 80px auto !important
    }

    .home .queue-posts article > .category, body.category .queue-posts article > .category {
        font-family: quadraatsmallcaps;
        text-transform: lowercase;
        color: #c0091f;
        text-transform: lowercase;
        display: table;
        border-top: 1px solid #c0091f;
        margin: 0 auto;
        font-size: 22px;
        line-height: 38px;
        height: 38px
    }

    .home .queue-posts article .thumbnail, body.category .queue-posts article .thumbnail {
        display: block;
        margin: 0 auto;
        text-align: center
    }

    .home .queue-posts article .thumbnail .thumbnail-inner img, body.category .queue-posts article .thumbnail .thumbnail-inner img {
        width: 90%;
        max-width: 580px
    }

    .home .queue-posts article .entry-content, body.category .queue-posts article .entry-content {
        display: block
    }

    .home .queue-posts article .entry-content .entry-content-inner, body.category .queue-posts article .entry-content .entry-content-inner {
        display: block;
        margin: 0 auto
    }

    .home .queue-posts article .entry-content .entry-content-inner .category, body.category .queue-posts article .entry-content .entry-content-inner .category {
        display: none
    }

    .home .queue-posts article .entry-content .entry-content-inner h2.entry-title, body.category .queue-posts article .entry-content .entry-content-inner h2.entry-title {
        font-size: 40px;
        line-height: 42px;
        text-align: center;
        margin: 24px auto 12px
    }

    .home .queue-posts article .entry-content .entry-content-inner p, body.category .queue-posts article .entry-content .entry-content-inner p {
        font-size: 16px;
        line-height: 21px;
        margin: 0 auto;
        max-width: 80%;
        text-align: center
    }

    .home .queue-posts article.category-feature .thumbnail img, body.category .queue-posts article.category-feature .thumbnail img {
        width: 90%;
        max-width: 580px
    }

    .home .queue-posts article.category-feature h2.entry-title, body.category .queue-posts article.category-feature h2.entry-title {
        font-size: 40px;
        line-height: 42px
    }
}

@media (min-width: 1201px) {
    .home .queue-posts, body.category .queue-posts {
        text-align: center;
        clear: both;
        margin: 66px auto 60px;
        height: auto;
        padding: 0;
        transition: height .3s ease-out
    }

    .home .queue-posts article, body.category .queue-posts article {
        display: block;
        height: 180px;
        width: 600px;
        min-height: 180px;
        padding-left: 30px;
        position: relative;
        float: left
    }

    .home .queue-posts article > .category, body.category .queue-posts article > .category {
        display: none
    }

    .home .queue-posts article .thumbnail .thumbnail-inner img, body.category .queue-posts article .thumbnail .thumbnail-inner img {
        min-width: 200px;
        max-width: 200px
    }

    .home .queue-posts article .category, body.category .queue-posts article .category {
        font-family: quadraatsmallcaps;
        text-transform: lowercase;
        color: #c0091f;
        text-transform: lowercase
    }

    .home .queue-posts article h2.entry-title, body.category .queue-posts article h2.entry-title {
        margin: 10px 0 0 0;
        font-size: 20px;
        line-height: 20px
    }

    .home .queue-posts article.category-feature, body.category .queue-posts article.category-feature {
        min-height: 660px;
        text-align: center;
        padding-left: 0;
        width: 600px
    }

    .home .queue-posts article.category-feature .category, body.category .queue-posts article.category-feature .category {
        font-family: quadraatsmallcaps;
        text-transform: lowercase;
        color: #c0091f;
        text-transform: lowercase;
        display: table;
        border-top: 1px solid #c0091f;
        margin: -4px auto 3px auto;
        font-size: 22px;
        line-height: 38px
    }

    .home .queue-posts article.category-feature .thumbnail .thumbnail-inner, body.category .queue-posts article.category-feature .thumbnail .thumbnail-inner {
        overflow: hidden
    }

    .home .queue-posts article.category-feature .thumbnail .thumbnail-inner img, body.category .queue-posts article.category-feature .thumbnail .thumbnail-inner img {
        min-width: 580px
    }
}

body.archive-common .site-main, body.archive.author .site-main, body.search-results .site-main {
    display: block;
    margin: 0 auto;
    max-width: 1200px
}

body.archive-common h1.page-title, body.archive.author h1.page-title, body.search-results h1.page-title {
    font-family: quadraatsmallcaps;
    text-transform: lowercase;
    color: #c0091f;
    text-transform: lowercase;
    display: table;
    border-top: 1px solid #c0091f;
    font-size: 24px;
    margin: 0 auto 70px auto;
    text-align: center
}

body.archive-common .queue-posts, body.archive.author .queue-posts, body.search-results .queue-posts {
    text-align: center;
    clear: both;
    margin: 0 auto;
    height: auto;
    padding: 0;
    transition: height .3s ease-out
}

@media (max-width: 1200px) {
    body.archive-common .queue-posts, body.archive.author .queue-posts, body.search-results .queue-posts {
        height: auto !important
    }
}

body.archive-common .queue-posts article, body.archive.author .queue-posts article, body.search-results .queue-posts article {
    display: block;
    width: 240px;
    height: 380px;
    text-align: center;
    transition: opacity 1s ease-out;
    opacity: 1;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    float: left
}

body.archive-common .queue-posts article.hidden, body.archive.author .queue-posts article.hidden, body.search-results .queue-posts article.hidden {
    opacity: 0
}

body.archive-common .queue-posts article .date, body.archive.author .queue-posts article .date, body.search-results .queue-posts article .date {
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 22px
}

body.archive-common .queue-posts article .thumbnail .thumbnail-inner, body.archive.author .queue-posts article .thumbnail .thumbnail-inner, body.search-results .queue-posts article .thumbnail .thumbnail-inner {
    max-height: 240px;
    overflow: hidden
}

body.archive-common .queue-posts article .thumbnail .thumbnail-inner img, body.archive.author .queue-posts article .thumbnail .thumbnail-inner img, body.search-results .queue-posts article .thumbnail .thumbnail-inner img {
    width: 160px;
    height: auto
}

body.archive-common .queue-posts article .entry-content, body.archive.author .queue-posts article .entry-content, body.search-results .queue-posts article .entry-content {
    margin: 0
}

body.archive-common .queue-posts article .entry-content h2.entry-title, body.archive.author .queue-posts article .entry-content h2.entry-title, body.search-results .queue-posts article .entry-content h2.entry-title {
    margin: 10px auto 15px auto;
    text-align: center;
    max-width: 60%;
    font-size: 25px;
    line-height: 30px
}

body.archive-common .queue-posts article .entry-content h2.entry-title a, body.archive.author .queue-posts article .entry-content h2.entry-title a, body.search-results .queue-posts article .entry-content h2.entry-title a {
    color: #231f20
}

body.archive-common .queue-posts article .entry-content p, body.archive.author .queue-posts article .entry-content p, body.search-results .queue-posts article .entry-content p {
    display: block;
    margin: 0 auto;
    max-width: 60%;
    font-size: 16px;
    line-height: 21px;
    text-align: left
}

body.archive-common .queue-posts article, body.archive.author .queue-posts article, body.search-results .queue-posts article {
    min-height: 480px
}

body.archive-common .queue-posts article .entry-content p, body.archive.author .queue-posts article .entry-content p, body.search-results .queue-posts article .entry-content p {
    font-size: 14px;
    line-height: 19px
}

@media (max-width: 1200px) {
    body.archive-common .queue-posts article, body.archive.author .queue-posts article, body.search-results .queue-posts article {
        margin: 0 auto 100px !important;
        position: relative !important;
        top: initial !important;
        left: initial !important;
        width: 90%;
        max-height: initial;
        height: initial;
        margin-bottom: 2em
    }

    body.archive-common .queue-posts article .thumbnail, body.archive.author .queue-posts article .thumbnail, body.search-results .queue-posts article .thumbnail {
        text-align: center
    }

    body.archive-common .queue-posts article .thumbnail .thumbnail-inner, body.archive.author .queue-posts article .thumbnail .thumbnail-inner, body.search-results .queue-posts article .thumbnail .thumbnail-inner {
        max-height: initial
    }

    body.archive-common .queue-posts article .thumbnail .thumbnail-inner img, body.archive.author .queue-posts article .thumbnail .thumbnail-inner img, body.search-results .queue-posts article .thumbnail .thumbnail-inner img {
        width: 90%;
        margin: 0 auto;
        max-width: initial
    }
}

body.archive-common #morebutton, body.archive.author #morebutton, body.search-results #morebutton {
    margin-top: 185px;
    font-size: 20px;
    line-height: 12px;
    width: 155px
}

@media (max-width: 1200px) {
    body.archive-common #morebutton, body.archive.author #morebutton, body.search-results #morebutton {
        margin-top: initial
    }
}

body.section-413 #page.site {
    background-color: #f5f5f5
}

body.section-413 #page.site h2.entry-title {
    font-family: druk;
    font-weight: 700
}

body.section-413 #page.site .queue-posts article h2.entry-title {
    font-size: 25px
}

body.section-413 #page.site #masthead-short {
    background-color: #f5f5f5d9
}

body.section-413 #page.site #masthead-short .main-navigation {
    background-color: #f5f5f5d9
}

body.section-413 #page.site .top-post .entry-content .entry-content-inner #top-post-title {
    font-family: druk;
    font-weight: 700
}

body.section-413 #page.site .category {
    border-top: none;
    color: #ff42a1
}

body.section-413 #page.site #top-post-text {
    text-align: center
}

@media (min-width: 1201px) {
    body.section-1010 .main-navigation li > a, body.section-413 .main-navigation li > a {
        margin: 0 12px 0 0
    }
}

body.archive.author .page-header .author {
    display: table;
    display: block;
    margin: 0 auto;
    max-width: 67%;
    margin-bottom: 80px
}

body.archive.author .page-header .author .picture {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    min-width: 209px
}

body.archive.author .page-header .author .picture img {
    max-width: 144px;
    border-radius: 50%
}

body.archive.author .page-header .author .text {
    display: table-cell;
    vertical-align: top
}

body.archive.author .page-header .author .text h1 {
    font-size: 38px
}

body.archive.author .queue-posts article {
    width: 386.6666666667px
}

body.archive.author .queue-posts article .thumbnail .thumbnail-inner img {
    width: 380px
}

.related-articles {
    display: block;
    margin: 0 auto;
    margin-top: 90px;
    margin-bottom: 80px;
    min-height: 350px;
    margin: 100px auto
}

@media (min-width: 1200px) {
    .related-articles {
        max-width: 1200px
    }

    .related-articles .articles article {
        width: 20%
    }
}

@media (max-width: 1199px) {
    .related-articles {
        max-width: 80%
    }

    .related-articles .articles {
        max-width: 1200px
    }

    .related-articles .articles article {
        width: 50%
    }

    .related-articles .articles article:nth-child(2n-1) {
        clear: left
    }

    .related-articles .articles article:nth-child(5) {
        width: 100%
    }
}

@media (max-width: 900px) {
    .related-articles .articles article {
        width: 100%
    }
}

.related-articles h5.title {
    border-top: 1px solid #231f20;
    clear: both;
    font-family: quadraatsmallcaps;
    text-transform: lowercase;
    clear: both;
    font-size: 25px;
    line-height: 25px;
    display: table;
    margin: 0 auto 46px auto;
    padding-top: 14px
}

.related-articles article {
    display: block;
    vertical-align: top;
    text-align: center;
    float: left
}

.related-articles article .category {
    font-family: quadraatsmallcaps;
    text-transform: lowercase;
    color: #c0091f;
    text-transform: lowercase;
    margin: 0 auto;
    display: table;
    font-size: 18px;
    line-height: 6px;
    margin-bottom: 14px;
    height: 8px
}

.related-articles article .thumbnail .thumbnail-inner {
    max-height: 140px;
    overflow: hidden
}

.related-articles article .thumbnail .thumbnail-inner img {
    width: 220px;
    height: auto
}

.related-articles article .entry-content {
    margin: 0
}

.related-articles article .entry-content h2.entry-title {
    margin: 24px auto 0 auto;
    text-align: center;
    max-width: 60%;
    font-size: 19px;
    line-height: 23px
}

.related-articles article .entry-content h2.entry-title a {
    color: #231f20
}

.related-articles article .entry-content p {
    display: block;
    margin: 0 auto;
    max-width: 80%;
    font-size: 16px;
    line-height: 21px
}

body.single-post #quoter {
    position: fixed;
    top: 20%;
    left: 7%;
    box-sizing: content-box;
    width: 507px;
    height: 507px;
    background-color: rgba(255, 255, 255, .7);
    opacity: 1;
    visibiliyy: visible;
    transition: all 1s ease-out
}

@media (max-width: 1200px) {
    body.single-post #quoter {
        top: 15%;
        width: 350px;
        height: 460px;
        right: 2%
    }
}

body.single-post #quoter:hover {
    cursor: pointer
}

body.single-post #quoter.hidden {
    visibility: hidden;
    opacity: 0;
    transition: all 1s ease-out
}

body.single-post #quoter:after, body.single-post #quoter:before {
    content: " ";
    width: 92%;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #231f20;
    display: block;
    margin: 10px auto;
    position: relative
}

body.single-post #quoter #textfill-content {
    width: 440px;
    height: 460px;
    box-sizing: content-box;
    padding: 0 20px;
    color: #231f20;
    margin: 0 auto;
    border-color: #231f20;
    border-style: solid;
    border-width: 0 1px 0 1px
}

body.single-post #quoter #textfill-content span {
    display: block;
    line-height: 100%
}

@media (max-width: 1200px) {
    body.single-post #quoter #textfill-content {
        width: 288px;
        height: 416px
    }
}

@media (min-width: 1200px) {
    body.search-results .queue-posts article {
        width: 224px
    }

    body.search-results .queue-posts article .thumbnail .thumbnail-inner img {
        width: 160px
    }
}

.adslot {
    line-height: 0
}

.underlay-reskin {
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 1em 0;
    position: relative;
    opacity: 1;
    height: 800px;
    height: 60vh;
    transition: height 2 ease;
    transition: opacity .6 ease;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    background-size: cover;
    background-color: #ececec
}

@media (max-width: 900px) {
    .underlay-reskin {
        display: none;
        background-size: cover;
        height: 600px;
        background-position: left
    }
}

.underlay-reskin img.ad-image-over {
    display: none;
    /* Hidden by Andrew Beveridge (@beveradb) on 05/11/2021,
       on request by Andrew Chidgey (Port) to fix issue with broken image overlay over ads */
    /*position: absolute;*/
    /*bottom: 2%;*/
    /*right: 2%;*/
    /*width: 60%*/
}

.underlay-reskin > a.clickthrough {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.superbillboard {
    position: relative;
    background-color: #ececec;
    display: block;
    width: 100%;
    text-align: center
}

.superbillboard > div {
    margin: 0 auto;
    padding: 20px 0
}

.leaderboard {
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
    margin-bottom: 4em;
    max-width: 1200px;
    margin: 0 auto 2em auto
}

.leaderboard > div {
    margin: 0 auto;
    padding: 4em;
    background-color: #ececec
}

@media (max-width: 1200px) {
    .leaderboard > div {
        padding: 1em 2px
    }
}

.home .mpu, body.category .mpu {
    display: none;
    clear: both;
    width: 100%;
    text-align: center;
    margin-bottom: 4em;
    max-width: 1200px;
    margin: 0 auto 2em auto
}

@media (max-width: 900px) {
    .home .mpu, body.category .mpu {
        display: block
    }
}

.home .mpu > div, body.category .mpu > div {
    margin: 0 auto;
    padding: 4em;
    background-color: #ececec
}

@media (max-width: 1200px) {
    .home .mpu > div, body.category .mpu > div {
        padding: 1em 2px
    }
}

.ad-loaded {
    display: block;
    clear: both;
    width: 100%;
    text-align: center
}

.ad-container {
    display: block;
    margin: 0 auto 2em auto;
    max-width: 1200px;
    overflow: hidden;
    text-align: center;
    padding: 4em;
    background-color: #ececec
}

@media (min-width: 1200px) {
    .ad-container > .adslot {
        width: 33%;
        display: inline-block;
        float: left
    }
}

@media (max-width: 1200px) {
    .ad-container > .adslot {
        display: block;
        margin: 0 auto 2em auto
    }
}

.archive .format-aside .entry-title, .blog .format-aside .entry-title {
    display: none
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer {
    display: none
}

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

.comment-content img.wp-smiley, .entry-content img.wp-smiley, .page-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed, iframe, object {
    max-width: 100%
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0 auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

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

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.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
}