/*!
Theme Name: OMG! Ubuntu! 19.10.1
Theme URI: http://omgubuntu.co.uk
Description: A theme fomr OMG! Ubuntu!
Author: Sam Tran
Author URI: http://www.ohso.io
Version: 19.10.1
*/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align:baseline
}

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

* {
    box-sizing: border-box;
    -webkit-font-smoothing:antialiased
}

html {
    line-height: 1;
    width: 100%;
    font-family: "Open Sans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: #333;
    background: #fff;
    font-weight: 400;
    scroll-behavior:smooth
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    line-height: 1.25;
    font-weight:700
}

h2 a, h2 a:visited {
    color:#333
}

h2 a:hover {
    color:#f15d22
}

h2, h3, h4, h5, h6 {
    margin-bottom:0.9375rem
}

h1 {
    font-size:1.875rem
}

h2 {
    font-size:1.75rem
}

h3 {
    font-size:1.5rem
}

h4 {
    font-size:1.375rem
}

h5 {
    font-size:1.25rem
}

h6 {
    font-size: 1rem;
    color: #999;
    line-height:1
}

sup {
    vertical-align: baseline;
    position: relative;
    top: -0.4375rem;
    font-size: 0.75rem;
    line-height:0.75rem
}

strong {
    font-weight:700
}

em {
    font-style:italic
}

p {
    font-size: 1.125rem;
    line-height: 1.9;
    color: #333;
    margin:0 0 1rem
}

@media screen and (max-width: 1366px) {
    p {
        font-size:1rem
    }
}

a {
    color: #f15d22;
    text-decoration: none;
    transition:250ms color ease
}

a:visited {
    color:#aaa
}

a:hover {
    color:#333
}

a img {
    border:none
}

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

iframe, object {
    max-width:100%
}

ol {
    list-style-position: inside;
    color:#323232
}

ul {
    list-style: none;
    color:#323232
}

li {
    font-size: 1.125rem;
    line-height:2
}

@media screen and (max-width: 1366px) {
    li {
        font-size:1rem
    }
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: .5rem;
    margin-bottom: 2rem;
    table-layout: fixed;
    width:100%
}



table caption {
    background: #f15d22;
    color: #fff;
    font-weight: 700;
    padding:.5rem
}

th {
    font-weight: 800;
    padding: 1rem;
    line-height: 1.9;
    text-align: left;
    background: #f15d22;
    color:#fff
}

td {
    border-bottom: #ddd;
    padding:1rem
}

tr:nth-child(odd) {
    background:#eee
}

tr, td, th {
    vertical-align:middle
}

caption, td {
    text-align: left;
    font-weight: normal;
    vertical-align:middle;
    line-height: 1.9;
}

q, blockquote {
    quotes:none
}

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

blockquote {
    margin: 1rem 0;
    padding: 1rem;
    font-family: "Montserrat", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    text-align:center
}

.wp-block-pullquote.alignleft blockquote {
    margin-right:1rem
}

.wp-block-pullquote.alignright blockquote {
    margin-left:1rem
}

blockquote.wp-block-quote.is-style-large {
    font-size: 1.5rem;
    margin: 1rem 0;
    padding:1rem
}

blockquote.wp-block-quote.is-style-large p {
    line-height: 1.6;
    font-style:normal
}

blockquote.wp-block-quote.is-style-large cite {
    font-size: .875rem;
    text-align:center
}

blockquote p {
    font-size: 1.375rem;
    line-height: 1.6;
    margin: 0;
    font-weight:900
}

@media screen and (max-width: 500px) {
    .wp-block-pullquote.alignleft blockquote {
        margin-right:0
    }

    .wp-block-pullquote.alignright blockquote {
        margin-left:0
    }
}

blockquote cite {
    line-height: 1.5;
    padding-top: 0.5rem;
    font-size: .875rem;
    font-weight: 400;
    display:block
}

hr {
    width: 50%;
    height: 1px;
    border: none;
    background: #dedede;
    margin:2rem auto
}

code {
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
    background: #eee;
    padding: 0.125rem 0.25rem;
    border-radius: 2px;
    font-size:1.125rem
}

@media screen and (max-width: 1366px) {
    code {
        font-size:1rem
    }
}

pre {
    margin: 0 0 1rem;
    padding: 1rem;
    overflow: auto;
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
    font-size: 1.125rem;
    background: #333;
    color: #fff;
    line-height: 1.5;
    border-radius:0.5rem
}

@media screen and (max-width: 1366px) {
    pre {
        font-size:1rem
    }
}

pre code {
    padding: 0;
    background:none
}

pre code:before {
    content: '$ ';
    font-size: 1.125rem;
    color:#ffff3d
}

.screen-reader-text {
    display:none
}

.left {
    float:left
}

.right {
    float:right
}

.u--box {
    position: relative;
    max-width: 1230px;
    margin:auto
}

.box {
    position: relative;
    max-width: 1132px;
    margin:auto
}

.ta-left {
    text-align:left
}

.ta-center {
    text-align:center
}

.ta-right {
    text-align:right
}

.font-bold {
    font-weight:700
}

.tt-u {
    text-transform:uppercase
}

.mt-0 {
    margin-top:0 !important
}

.mb-1 {
    margin-bottom:1rem !important
}

.d-none {
    display:none !important
}

.bg-twitter {
    background:#1da1f2
}

.bg-reddit {
    background:#9ac6f2
}

.bg-telegram {
    background:#08c
}

.bg-whatsapp {
    background:#43d854
}

.bg-pocket {
    background:#ee4056
}

.bg-web_share {
    background:#2b4656
}

.bg-pinterest {
    background:#ca1f27
}

.bg-facebook {
    background:#3b5998
}

.bg-disqus {
    background:#d94a39
}

.bg-blue-61 {
    background-color:#61b0be !important
}

.bg-blue-4f {
    background-color:#4f86bf !important
}

.bg-purple-65 {
    background-color:#6567a5 !important
}

.bg-green-89 {
    background-color:#89c460 !important
}

.bg-red-c3 {
    background-color:#c35f6a !important
}

.bg-blue-50 {
    background-color:#5080d8 !important
}

.bg-orange-ef {
    background-color:#ef642d !important
}

.bg-green-a2 {
    background-color:#a2c33d !important
}

.bg-grey-66 {
    background-color:#666 !important
}

.bg-blue-43 {
    background-color:#4369b3 !important
}

.bg-orange-d3 {
    background-color:#d34726 !important
}

.bg-yellow-f7 {
    background-color:#f7b22b !important
}

.bg-yellow-fb {
    background-color:#fbeb5d !important
}

.bg-purple-64 {
    background-color:#644773 !important
}

.bg-grey-99 {
    background-color:#999 !important
}

.content-container {
    display: flex;
    margin-bottom: -50px;
    background: #fff;
    max-width: 1290px;
    padding:0 30px
}

@media screen and (max-width: 1280px) {
    .content-container {
        padding: unset;
        max-width:unset
    }
}

.primary {
    flex: 0 1 840px;
    padding: 0 45px;
    margin: 30px;
    max-width:calc(100% - 390px)
}

.loop {
    flex: 0 1 840px;
    margin: 30px 30px 30px 0;
    max-width:calc(100% - 390px)
}

@media screen and (max-width: 1280px) {
    .loop {
        margin-left:30px
    }
}

.sidebar {
    flex: 0 0 330px;
    width: 330px;
    padding:30px 30px 30px 0
}

@media screen and (min-width: 1281px) {
    .loop + .sidebar {
        margin-left: auto;
        padding:30px 0 30px 30px
    }
}

.sidebar .widget {
    padding-bottom:20px
}

.sidebar a {
    color:#888
}

.sidebar a:hover {
    color:#333
}

.sidebar .layout__header::after {
    content: '';
    background: rgba(0, 0, 0, 0.12);
    height: 1px;
    flex: 1;
    margin-left:1rem
}

.sidebar .widget-title {
    font-size: 1.2rem;
    color:#363636
}

.above-comments .widget {
    padding:20px 0
}

@media only screen and (max-width: 800px) {
    .primary, .loop {
        flex: 1 0 100%;
        max-width: 100%;
        min-height: 100vh;
        margin: 1rem 0 0;
        padding:0 1rem
    }

    .sidebar {
        flex: 1 0 100%;
        width: 100%;
        padding:30px 1rem
    }

    .content-container {
        flex-wrap:wrap
    }
}

.above-comments .widget_text {
    text-align:center
}

.above-comments .widget_text .textwidget {
    display: inline-block;
    max-width:100%
}

.pds-box {
    border-radius: 3px !important;
    border-width:1px !important
}

.pds-vote-button {
    border-radius: 3px !important;
    background:#f9f9f9 !important
}

.u-shadow--1 {
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26)
}

.u-shadow--2 {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.u-shadow--3 {
    box-shadow:0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24)
}

.u-shadow--4 {
    box-shadow:0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.u-shadow--5 {
    box-shadow:0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2)
}

.header {
    position: relative;
    background: #752360;
    margin:auto
}

@media screen and (max-width: 1280px) {
    .header {
        padding:0 30px
    }
}

.header__content {
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow:hidden
}

.header__content.header--loaded {
    overflow:unset
}

@media screen and (max-width: 500px) {
    .header__content {
        flex-wrap:wrap
    }
}

@media screen and (max-width: 500px) {
    .header__link {
        flex: 1 1;
        min-width:50vw
    }
}

.header__logo {
    display: block;
    max-height: 65px;
    transition:transform 250ms ease-in;
}

.header__logo:hover {
    transform:rotate(-1deg) scale(1.09)
}

a.skip-link {
    display: block;
    position: fixed;
    top: 0;
    left: -100vw;
    z-index: 1000;
    color: #333;
    font-weight: 700;
    font-size: 1.5rem;
    text-align: center;
    background:#ddd
}

a.skip-link:focus {
    left: 0;
    width: 100%;
    max-width: 400px;
    height: 40px;
    line-height:40px
}

button.is-link.header__nav-toggle {
    display: none;
    color: #fff;
    flex: 0 0 30px;
    padding: 0 5px;
    height: 100%;
    -webkit-animation: fade-in 250ms ease-in;
    animation:fade-in 250ms ease-in
}

button.is-link.header__nav-toggle .icon {
    width:30px
}

.header--overflow button.is-link.header__nav-toggle {
    display:block
}

@media screen and (max-width: 800px) {
    button.is-link.header__nav-toggle {
        display:block
    }
}

@-webkit-keyframes fade-in {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes fade-in {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

.styled-menu a, .styled-menu a:visited {
    color: #fff;
    padding: 0 0.875rem;
    line-height: 1;
    display: flex;
    align-items: center;
    position:relative
}

.styled-menu a::before, .styled-menu a:visited::before {
    transform-origin: top left;
    content: '';
    transition: transform ease-in 200ms;
    transform: scaleX(0);
    position: absolute;
    bottom: -0.4em;
    left: 0.875rem;
    right: 0.875rem;
    height: 1px;
    background:#fff
}

.styled-menu a:hover::before, .styled-menu a:visited:hover::before {
    transform:scaleX(1)
}

.header__nav {
    flex: 1 0;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: opacity 100ms ease-in;
    height:100%
}

.header--loaded .header__nav {
    opacity:1
}

.header__menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    padding: 0;
    margin: 0 0 0 1rem;
    z-index: 1001;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left:100vw
}

.header--loaded .header__menu {
    position: unset;
    left: unset;
    flex-wrap:wrap
}

@media screen and (max-width: 800px) {
    .header__menu {
        position: absolute;
        left:100vw
    }
}

.header__menu:hover, .header__menu:active {
    overflow:unset
}

.header__menu li {
    display: flex;
    align-items: center;
    margin-right: 0.125rem;
    font-weight: 400;
    font-size: 0.875rem;
    -webkit-font-smoothing: antialiased;
    position: relative;
    white-space: nowrap;
    height:100%
}

.header__menu li strong {
    color: orange;
}

.header--overflow .header__menu > li {
    display:none
}

.header__menu .menu-item-has-children > a:after {
    display: inline-block;
    content: "▾";
    margin-left:0.3125rem
}

.header__menu .menu-item-has-children:hover .sub-menu {
    display:block
}

.header__menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    background: #752360;
    padding: 0.5rem 0;
    z-index: 1;
    max-width: 150px;
    min-width: 100%;
    overflow: hidden;
    -webkit-animation: nav-fly-in 200ms ease-in;
    animation:nav-fly-in 200ms ease-in
}

.header__menu .sub-menu .menu-item {
    white-space: nowrap;
    margin: 0;
    padding:0 2rem 0 0
}

.header__menu .sub-menu .menu-item:hover {
    background:#f15d22;
}

.header__menu .sub-menu a {
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height:3
}

.header__search {
    height:100%
}

.header--overflow .header__search {
    display:none
}

button.is-link.header__search-button {
    color: #fff;
    flex: 0 0 24px;
    padding: 0 0.5rem;
    height: 100%;
    position:relative
}

.header__search--active button.is-link.header__search-button {
    background:rgba(0, 0, 0, 0.25)
}

button.is-link.header__search-button .icon {
    width:24px
}

.header__search-input {
    display: block;
    background: #333;
    color: #fff;
    border: none;
    padding: 0.875rem;
    width: 300px;
    font-size:0.875rem
}

.header__search-input::-webkit-input-placeholder {
    color: #fff;
    font-style: italic;
    font-family: "Open Sans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.header__search-input::-moz-placeholder {
    color: #fff;
    font-style: italic;
    font-family: "Open Sans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.header__search-input:-ms-input-placeholder {
    color: #fff;
    font-style: italic;
    font-family: "Open Sans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.header__search-input::-ms-input-placeholder {
    color: #fff;
    font-style: italic;
    font-family: "Open Sans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.header__search-input::placeholder {
    color: #fff;
    font-style: italic;
    font-family: "Open Sans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.header__search-input--mobile {
    width: 100%;
    margin-left: 0.25rem;
    padding-left: 0.5rem;
    flex:1 0
}

.header__search-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    -webkit-animation: nav-fly-in 150ms ease-in;
    animation:nav-fly-in 150ms ease-in
}

.header__search--active .header__search-menu {
    display:block
}

.header__mobile {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1000;
    background: #333;
    padding: 0.5rem 0;
    min-width: 400px;
    -webkit-animation: nav-fly-in 200ms ease-in;
    animation:nav-fly-in 200ms ease-in
}

.header__mobile--active {
    display:block
}

@media screen and (max-width: 800px) {
    .header__mobile {
        left:0
    }
}

.header__mobile-search {
    display: flex;
    align-items: center;
    padding:0 1rem
}

.header__mobile-search .icon {
    color: #fff;
    width: 1.5rem;
    height:1.5rem
}

.header__mobile-menu a {
    display: block;
    padding: 0.5rem 1rem;
    color:#fff
}

.header__mobile-menu a:hover {
    background:rgba(0, 0, 0, 0.25)
}

.header__mobile-menu .sub-menu a {
    padding-left:3rem
}

@media screen and (max-width: 800px) {
    .header__mobile-menu {
        padding:1rem
    }
}

@-webkit-keyframes nav-fly-in {
    from {
        top: 75%;
        opacity:0
    }

    to {
        top: 100%;
        opacity:1
    }
}

@keyframes nav-fly-in {
    from {
        top: 75%;
        opacity:0
    }

    to {
        top: 100%;
        opacity:1
    }
}

.u-shadow--1 {
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26)
}

.u-shadow--2 {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.u-shadow--3 {
    box-shadow:0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24)
}

.u-shadow--4 {
    box-shadow:0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.u-shadow--5 {
    box-shadow:0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2)
}

.homepage__atf {
    padding-top:2rem
}

@media screen and (max-width: 1280px) {
    .homepage__atf {
        padding-top:0
    }
}

.loop__navigation {
    text-align: center;
    margin:3rem 0 2rem
}

@media screen and (max-width: 800px) {
    .loop__navigation {
        margin:4rem 0
    }
}

a.loop__read-more {
    color: #fff;
    padding: 0.5rem 3rem;
    font-size: 1rem;
    font-weight: 600;
    background: #f15d22;
    border-radius:3px
}

a.loop__read-more:hover {
    background:#d3460d
}

@media screen and (max-width: 800px) {
    a.loop__read-more {
        padding: 1rem 4rem;
        font-size:1.25rem
    }
}

@media screen and (max-width: 400px) {
    a.loop__read-more {
        padding: 1rem;
        display:block
    }
}

.layout__header-description p {
    line-height: 1.5em;
    font-family: "Montserrat", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin-bottom:1.5rem
}

.pagination__container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 1rem;
    margin:1rem 0
}

.pagination {
    display: flex;
    align-items: center;
    flex-wrap:wrap
}

a.pagination__page, .pagination__button a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 3px;
    color: #323232;
    font-weight: 700;
    margin: 0.5rem 0.125rem;
    font-size: 0.875rem;
    font-family: "Montserrat", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background:#f6f6f6
}

a.pagination__page:hover, .pagination__button a:hover {
    background: #f15d22;
    color:#fff
}

a.pagination__page--current, .pagination__button a--current {
    background: #f15d22;
    color:#fff
}

a.pagination__page--current:hover, .pagination__button a--current:hover {
    background: #d3460d;
    color:#f6f6f6
}

.pagination__button svg {
    width: 0.875rem;
    height:0.875rem
}

.pagination__button--previous svg {
    transform:rotate(180deg)
}

.CookieWarning {
    display: none;
    justify-content: space-between;
    align-items: center;
    z-index: 10000;
    position: fixed;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    left: 50%;
    margin-left: -200px;
    bottom: 1rem;
    background: #444;
    color: #fff;
    padding: 1rem;
    font-weight: 600;
    width: 400px;
    max-width:100%
}

.CookieWarning.is-active {
    display:flex
}

.CookieWarning p {
    font-size: 0.875rem;
    color: #fff;
    margin:0
}

.CookieWarning p + p {
    margin-top:.5rem
}

@media screen and (max-width: 500px) {
    .CookieWarning {
        right: 1rem;
        left: 1rem;
        margin-left: 0;
        width:auto
    }
}

.CookieWarning-learnMore, .CookieWarning-learnMore:visited {
    color: #fff;
    border-bottom:1px solid #fff
}

.CookieWarning-learnMore:hover, .CookieWarning-learnMore:visited:hover {
    color:#ddd
}

.CookieWarning-learnMore:focus, .CookieWarning-learnMore:active, .CookieWarning-learnMore:visited:focus, .CookieWarning-learnMore:visited:active {
    color:#fff
}

button.CookieWarning-consent {
    font-size: 0.875rem;
    color: #f2b21a;
    text-transform:uppercase
}

button.CookieWarning-consent:hover {
    color:#d19917
}

.page-footer {
    font-family: "Open Sans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 50px 0 30px;
    background: #752360;
    text-align: center;
    font-size:1.5rem
}

.footer-links {
    padding-top: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap
}

.footer-links li {
    font-size: 1rem;
    padding:0.75rem 1rem
}

.footer-copyright {
    margin-top:1.125rem
}

.footer-copyright p {
    color: #fff;
    font-size: 0.8125rem;
    line-height: 1.75;
    font-weight: 400;
    margin:0 1rem
}

.footer-copyright a {
    color: #fff;
    font-weight:400
}

.footer-socials {
    font-size: 1.5rem;
    margin:1rem 0
}

.footer-socials .Icon {
    width: 3.75rem;
    height: 3.75rem;
    padding: 0.875rem;
    display:block
}

.footer-socials li {
    display: inline-block;
    margin:1rem 0
}

.footer-socials a {
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    margin: 0 1rem;
    transition:box-shadow 250ms ease-in
}

.footer-socials a:hover {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

@media screen and (max-width: 600px) {
    .footer-links {
        padding:12px 18px
    }

    .footer-socials {
        margin:0
    }

    .footer-socials .Icon {
        width: 3.125rem;
        height: 3.125rem;
        padding:0.75rem
    }

    .footer-links li {
        font-size:1rem
    }

    .footer-copyright p {
        font-size:0.875rem
    }
}

.page-search {
    display: flex;
    margin:30px 0
}

.page-search__input {
    display: block;
    flex: 1;
    height: 40px;
    font-size: 1.125rem;
    padding: 4px 0;
    max-width: calc(100% - 40px);
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    outline:none
}

.page-search__submit {
    color: #555;
    padding-left: 0;
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    cursor:pointer
}

.u-shadow--1 {
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26)
}

.u-shadow--2 {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.u-shadow--3 {
    box-shadow:0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24)
}

.u-shadow--4 {
    box-shadow:0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.u-shadow--5 {
    box-shadow:0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2)
}

.post-title {
    font-size: 2.5rem;
    letter-spacing: -1px;
    margin:0 0 0.75rem
}

.post-title--coverline {
    color:#f15d22
}

@media screen and (max-width: 500px) {
    .post-title {
        font-size: 1.75rem;
        line-height: 1.25;
        margin-bottom:1rem
    }
}

.post__hero {
    margin-top: 2rem;
    z-index: 0;
    position: relative;
    min-height:400px
}

.post__hero::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    right: 30px;
    background: linear-gradient(0, #16081a 0%, rgba(0, 0, 0, 0) 93%);
    z-index:-1
}

@media screen and (max-width: 1280px) {
    .post__hero {
        margin-top:0
    }

    .post__hero::after {
        left: 0;
        right:0
    }
}

.post__hero-image-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    right: 30px;
    z-index: -1;
    overflow:hidden
}

@media screen and (max-width: 1280px) {
    .post__hero-image-container {
        left: 0;
        right:0
    }
}

.post__hero-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    z-index:-1
}

.post__hero-header {
    color: #fff;
    padding: 3rem 200px 2rem;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)
}

.post__hero-header .post-summary {
    text-align: center;
    color:#fff94f
}

.post__hero-header .post-title {
    text-align: center;
    width:630px
}

.post__hero-header a.post-author {
    color:#ddd
}

.post__hero-header .post-meta {
    color:#ddd
}

@media screen and (max-width: 1030px) {
    .post__hero-header {
        padding:2rem 100px
    }
}

@media screen and (max-width: 800px) {
    .post__hero-header {
        padding:2rem 3rem
    }

    .post__hero-header .post-title {
        width:unset
    }
}

@media screen and (max-width: 600px) {
    .post__hero-header {
        padding:2rem 1rem
    }

    .post__hero-header .post-title {
        margin-bottom:0
    }
}

.post-meta {
    position: relative;
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    padding-left: 2.25rem;
    color:#666
}

.post-meta__divider {
    margin: 0 0.5rem;
    font-weight:700
}

a.post-author {
    color:#666
}

.post-author__avatar {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 1.125rem;
    position: absolute;
    left: 0;
    top:calc(50% - 1.75rem / 2)
}

.post-updated {
    flex:1
}

.feature .image, .feature .excerpt {
    max-width: 50%;
    width:372px
}

.post-content img {
    display:block
}

.post-content a img {
    display: block;
    text-align: center;
    height: auto;
    transform: translate3d(0, 0, 0);
    transition:box-shadow 150ms ease-in
}

.post-content a img:hover {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.post-content ::-moz-selection {
    color: #333 !important;
    background:#fdff8e
}

.post-content ::selection {
    color: #333 !important;
    background:#fdff8e
}

.post-content h2 {
    margin: 1.5rem 0;
    font-size:1.9rem
}

.post-content h3 {
    color:#f15d22
}

.post-content h4 {
    color:#323232
}

.post-content a {
    color: inherit;
    position: relative;
    z-index: 0;
    background: linear-gradient(to top, transparent 0%, rgba(5, 150, 253, 0.6) 0%, rgba(5, 150, 253, 0.6) 100%, transparent 100%) no-repeat left 0 bottom 0;
    background-size:100% 2px;
}

.post-content a:hover {
    background-size: 100% calc(1em + 6px);
    -webkit-animation: bgUp 75ms ease-in;
    animation:bgUp 75ms ease-in
}

.post-content ul, .post-content ol {
    margin-bottom: 1rem;
    padding-left:16px
}

.post-content p.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 3.5rem;
    line-height: .9;
    font-weight: 900;
    margin: .05em .1em 0 0;
    text-transform: uppercase;
    font-style:normal
}

.post-content p.has-drop-cap:after {
    content: "";
    display: table;
    clear: both;
    padding-top:13px
}

.post-content > p.has-background {
    padding:20px 45px
}

@media screen and (max-width: 800px) {
    .post-content > p.has-background {
        padding:20px 30px
    }
}

@media screen and (min-width: 600px) {
    .post-content .wp-block-columns {
        flex-wrap:nowrap
    }
}

@-webkit-keyframes bgUp {
    from {
        background-size:auto 4px
    }

    to {
        background-size:auto calc(1em + 6px)
    }
}

@keyframes bgUp {
    from {
        background-size:auto 4px
    }

    to {
        background-size:auto calc(1em + 6px)
    }
}

.alignwide, .alignfull, .alignwide .img, .alignfull .img {
    margin-left: -45px !important;
    margin-right: -45px !important;
    max-width:calc(100% + 90px) !important
}

@media screen and (max-width: 800px) {
    .alignwide, .alignfull, .alignwide .img, .alignfull .img {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
        max-width:calc(100% + 2rem) !important
    }
}

.alignwide.wp-block-cover, .alignfull.wp-block-cover {
    width:calc(100% + 90px) !important
}

@media screen and (max-width: 800px) {
    .alignwide.wp-block-cover, .alignfull.wp-block-cover {
        width:calc(100% + 2rem) !important
    }
}

@media screen and (max-width: 800px) {
    .alignwide > .wp-block-column, .alignfull > .wp-block-column {
        margin-left: 1rem;
        margin-right:1rem
    }
}

.wp-block-column p.has-background {
    margin-left: -1rem;
    margin-right:-1rem
}

@media screen and (max-width: 600px) {
    .wp-block-column p.has-background {
        padding:20px 1rem
    }
}

.post-content > ul li::before, .post-content > ol li::before, .wp-block-column > ul li::before, .wp-block-column > ol li::before, .arconix-column-four-fifths > ul li::before, .arconix-column-four-fifths > ol li::before, .arconix-column-one-fifth > ul li::before, .arconix-column-one-fifth > ol li::before, .arconix-column-one-fourth > ul li::before, .arconix-column-one-fourth > ol li::before, .arconix-column-one-half > ul li::before, .arconix-column-one-half > ol li::before, .arconix-column-one-third > ul li::before, .arconix-column-one-third > ol li::before, .arconix-column-three-fifths > ul li::before, .arconix-column-three-fifths > ol li::before, .arconix-column-three-fourths > ul li::before, .arconix-column-three-fourths > ol li::before, .arconix-column-two-fifths > ul li::before, .arconix-column-two-fifths > ol li::before, .arconix-column-two-fourths > ul li::before, .arconix-column-two-fourths > ol li::before, .arconix-column-two-thirds > ul li::before, .arconix-column-two-thirds > ol li::before {
    content: '\2022';
    color: #f15d22;
    display: inline-block;
    direction: rtl;
    width: 18px;
    font-family: sans-serif;
    font-size: 32px;
    line-height: 2rem;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -9px;
    text-align: right;
    font-weight:600
}

@media screen and (max-width: 1366px) {
    .post-content > ul li::before, .post-content > ol li::before, .wp-block-column > ul li::before, .wp-block-column > ol li::before, .arconix-column-four-fifths > ul li::before, .arconix-column-four-fifths > ol li::before, .arconix-column-one-fifth > ul li::before, .arconix-column-one-fifth > ol li::before, .arconix-column-one-fourth > ul li::before, .arconix-column-one-fourth > ol li::before, .arconix-column-one-half > ul li::before, .arconix-column-one-half > ol li::before, .arconix-column-one-third > ul li::before, .arconix-column-one-third > ol li::before, .arconix-column-three-fifths > ul li::before, .arconix-column-three-fifths > ol li::before, .arconix-column-three-fourths > ul li::before, .arconix-column-three-fourths > ol li::before, .arconix-column-two-fifths > ul li::before, .arconix-column-two-fifths > ol li::before, .arconix-column-two-fourths > ul li::before, .arconix-column-two-fourths > ol li::before, .arconix-column-two-thirds > ul li::before, .arconix-column-two-thirds > ol li::before {
        font-size: 1.875rem;
        line-height:1.875rem
    }
}

.post-content > ol, .wp-block-column > ol, .arconix-column-four-fifths > ol, .arconix-column-one-fifth > ol, .arconix-column-one-fourth > ol, .arconix-column-one-half > ol, .arconix-column-one-third > ol, .arconix-column-three-fifths > ol, .arconix-column-three-fourths > ol, .arconix-column-two-fifths > ol, .arconix-column-two-fourths > ol, .arconix-column-two-thirds > ol {
    list-style:none
}

.post-content > ol li, .wp-block-column > ol li, .arconix-column-four-fifths > ol li, .arconix-column-one-fifth > ol li, .arconix-column-one-fourth > ol li, .arconix-column-one-half > ol li, .arconix-column-one-third > ol li, .arconix-column-three-fifths > ol li, .arconix-column-three-fourths > ol li, .arconix-column-two-fifths > ol li, .arconix-column-two-fourths > ol li, .arconix-column-two-thirds > ol li {
    counter-increment:li
}

.post-content > ol li::before, .wp-block-column > ol li::before, .arconix-column-four-fifths > ol li::before, .arconix-column-one-fifth > ol li::before, .arconix-column-one-fourth > ol li::before, .arconix-column-one-half > ol li::before, .arconix-column-one-third > ol li::before, .arconix-column-three-fifths > ol li::before, .arconix-column-three-fourths > ol li::before, .arconix-column-two-fifths > ol li::before, .arconix-column-two-fourths > ol li::before, .arconix-column-two-thirds > ol li::before {
    content: "." counter(li);
    font-size: 1.125rem;
    font-family: "Montserrat", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.omg-post-status.omg-post-status--outdated {
    padding: 1rem;
    text-align: center;
    font-size: 1rem;
    background:#c35f6a
}

.entry-content .twitter-tweet {
    margin:10px auto !important
}

.entry-content .arconix-column-one-half {
    margin: 0;
    padding-right: 20px;
    width:50%
}

.entry-content .arconix-column-one-half.arconix-column-last {
    padding-right:0
}

.post-summary {
    color: #0596fd;
    font-family: "Open Sans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin-bottom:0.5rem
}

.post-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
    margin-bottom:0.5rem
}

.post-links + .post-links {
    margin-bottom:1rem
}

.post-links svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-right:0.25rem
}

.post-links a {
    line-height: 1;
    padding: 0.5rem;
    margin: 0.25rem 0.5rem 0.25rem 0;
    background: #f5f5f5;
    color: #333;
    font-weight: 700;
    font-size: 0.875rem;
    transition: 150ms ease-in background;
    border:none
}

.post-links a:hover {
    background: #ddd;
    border: none;
    -webkit-animation: none;
    animation:none
}

.post-links--tags a {
    font-weight: 400;
    background: none;
    padding: 0.5rem 0.125rem;
    color:#666
}

.post-links--tags a:hover {
    background: none;
    color:#333
}

.alignleft, img.alignleft {
    display: inline;
    float: left;
    margin-right:1rem
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left:1rem
}

.aligncenter, img.aligncenter {
    clear: right;
    display: block;
    margin-left: auto;
    margin-right:auto
}

.wp-block-image figure.alignleft, .wp-block-image figure.alignright {
    margin-bottom:1em
}

@media only screen and (max-width: 500px) {
    img.alignright, img.alignleft, .alignleft, .alignright {
        display: block;
        float: none;
        margin:0 auto 1rem
    }

    .wp-block-image figure.alignleft, .wp-block-image figure.alignright {
        float: none;
        margin:0 auto 1rem
    }
}

.post-content li.blocks-gallery-item:before {
    content:none
}

.gallery {
    background: #f9f9f9;
    padding: 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items:flex-start
}

.gallery-item {
    float: left;
    margin-top: 1rem;
    width: 33%;
    padding: 0 0.625rem;
    text-align:center
}

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

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

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

.gallery-item-container {
    background: #f15d22;
    display: inline-block;
    border: 2px solid #f15d22;
    transition:250ms outline ease
}

.gallery-item-container:hover {
    outline:5px solid #f15d22
}

.gallery-item img {
    margin:auto
}

.gallery-caption {
    text-align: center;
    padding: 0.5rem 0.5rem 0.375rem;
    color: #333;
    font-size: 0.875rem;
    line-height:1.125rem
}

@media only screen and (max-width: 680px) {
    .gallery {
        text-align:center
    }

    .gallery-columns-2 .gallery-item {
        width:100%
    }

    .gallery-columns-3 .gallery-item {
        width:100%
    }

    .gallery-columns-4 .gallery-item {
        width:100%
    }

    .gallery-columns-5 .gallery-item {
        width:100%
    }
}

.wp-caption {
    max-width: 100%;
    text-align: center;
    margin-bottom:16px
}

.wp-caption a {
    color: #fff;
    text-decoration:underline
}

.wp-caption .wp-caption-text, .primary .wp-block-image figcaption, .primary .wp-block-embed figcaption, .primary .wp-block-jetpack-gif .wp-block-jetpack-gif-caption {
    margin: 0;
    padding: 0.5rem 0;
    font-size: 0.8rem;
    line-height: 1.25rem;
    color: #777;
    text-align: right;
    justify-content:flex-end
}

.alignleft .wp-caption .wp-caption-text, .alignleft .primary .wp-block-image figcaption, .alignleft .primary .wp-block-embed figcaption, .alignleft .primary .wp-block-jetpack-gif .wp-block-jetpack-gif-caption {
    justify-content: flex-start;
    text-align: left;
    flex-direction:row-reverse
}

.wp-caption .wp-caption-text::after, .primary .wp-block-image figcaption::after, .primary .wp-block-embed figcaption::after, .primary .wp-block-jetpack-gif .wp-block-jetpack-gif-caption::after {
    display: inline-block;
    width: .9rem;
    height: .9rem;
    content: '';
    fill: #adb5bd;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23ADB5BD" d="M512 144v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h88l12.3-32.9c7-18.7 24.9-31.1 44.9-31.1h125.5c20 0 37.9 12.4 44.9 31.1L376 96h88c26.5 0 48 21.5 48 48zM376 288c0-66.2-53.8-120-120-120s-120 53.8-120 120 53.8 120 120 120 120-53.8 120-120zm-32 0c0 48.5-39.5 88-88 88s-88-39.5-88-88 39.5-88 88-88 88 39.5 88 88zm-120 0c0-17.6 14.4-32 32-32 8.8 0 16-7.2 16-16s-7.2-16-16-16c-35.3 0-64 28.7-64 64 0 8.8 7.2 16 16 16s16-7.2 16-16z"></path></svg>');
    vertical-align: middle;
    margin:0 0 0.125rem 0.5rem
}

@media screen and (max-width: 800px) {
    .wp-caption .wp-caption-text, .primary .wp-block-image figcaption, .primary .wp-block-embed figcaption, .primary .wp-block-jetpack-gif .wp-block-jetpack-gif-caption {
        padding:0.5rem
    }
}

ul.Post-sources {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
    color: #333333;
}

.Post-source {
    line-height:1.5
}

.Post-source a {
    background: none;
    color: #8fbff9;
}

.Post-source a:hover {
    -webkit-animation: none;
    animation: none;
    color: #333333;
}

.Post-source + .Post-source {
    margin-top:0.25rem
}

.Post-source--via {
    font-size:0.875rem
}

.Review-stars--container {
    display: flex;
    align-items: center;
    justify-content:center
}

.Review-stars--container .Icon {
    color:#f15d22
}

.primary .wp-block-pullquote {
    padding:0
}

@media screen and (max-width: 500px) {
    .primary .wp-block-pullquote {
        margin-left: auto;
        margin-right:auto
    }
}

.post-content .wp-block-gallery {
    padding:0
}

.Review {
    background: #fafafa;
    margin: 1rem 0;
    border: 1px solid #efefef;
    width: 100%;
    border-radius:4px
}

.Review tr {
    background:none
}

.Review th, .Review td {
    border-bottom: 1px solid #efefef;
    font-size:1rem
}

.Review th {
    font-size: 1.5rem;
    font-weight: 700;
    background: #454545;
    border-top-left-radius: 4px;
    border-top-right-radius:4px
}

.Review tbody {
    line-height:1.5
}

.Review-criteria {
    font-weight:700
}

.Review-final--score {
    text-align: center;
    padding:0.375rem 0.75rem 0.75rem
}

.Review-final--numeric {
    font-size:2.25rem
}

.Review-final--description {
    font-size: 1rem;
    line-height:1.5rem
}

.above-comments .textwidget:first-of-type {
    width:100%
}

ul.omg-socials {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin:0.5rem 0
}

@media screen and (max-width: 896px) {
    ul.omg-socials.alignwide {
        margin:0.5rem auto
    }
}

@media screen and (max-width: 800px) {
    ul.omg-socials.alignwide {
        padding:0 1rem
    }
}

.omg-socials__button--web_share {
    display:none
}

.omg-socials__button--web_share.omg-socials__button--enabled {
    display:block
}

.omg-socials__button {
    height: 32px;
    border-radius: 2px;
    margin: 0.5rem 4px 0.5rem 0;
    transition:box-shadow 150ms ease-in
}

.omg-socials__button::before {
    content:unset !important
}

.omg-socials__button:hover {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 2px 10px 0 rgba(0, 0, 0, 0.26)
}

.omg-socials__button:last-child {
    margin-right:0
}

.omg-socials__button a {
    display: flex;
    border: none;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: .875rem;
    padding: 2px 8px;
    background:none
}

.omg-socials__button a:hover {
    border: none;
    background: none;
    -webkit-animation: none;
    animation:none
}

.omg-socials__button .icon {
    width: .875rem;
    height:.875rem
}

.omg-socials__button .icon + span {
    margin-left:4px
}

.omg-socials__button--disqus {
    color: #fff;
    display: flex;
    align-items: center;
    margin-left:auto !important
}

.omg-socials__button--disqus a {
    padding-top: 0;
    padding-bottom:0
}

.omg-socials__button--disqus .icon + span {
    margin-left:0.5rem
}

.omg-socials__button--disqus .omg-socials__comments {
    padding:2px 1.25rem
}

@media screen and (max-width: 800px) {
    .omg-socials__button--disqus {
        margin-left:0 !important
    }
}

@media screen and (max-width: 500px) {
    .post-content > p {
        font-size: 1rem;
        line-height:1.9
    }

    .post-content li {
        font-size:1rem
    }

    pre {
        font-size:1rem
    }

    .post-meta {
        font-size:0.875rem
    }

    .pull-quote p {
        font-size:0.875rem
    }

    .pull-quote p:before {
        font-size:2.125rem
    }

    .post-links a {
        font-size:0.875rem
    }
}

.block__right {
    float: right;
    margin-left:1.5rem
}

.block__left {
    float: left;
    margin-right:1.5rem
}

.block__center {
    margin:auto
}

.promoted-story-block {
    max-width: 60%;
    width: 400px;
    position: relative;
    z-index:0
}

.promoted-story-block__image {
    position: relative;
    z-index:1
}

.promoted-story-block__image::before {
    content: '';
    position: absolute;
    top: 10px;
    bottom: 0;
    right: -1.5rem;
    width: 1.5rem;
    z-index: -1;
    background:#FBEB5D
}

.promoted-story-block__image img {
    display: block;
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26)
}

.promoted-story-block__content {
    position: relative;
    left: 1.5rem;
    background:#FBEB5D
}

.promoted-story-block__caption {
    text-align: right;
    font-size: 1rem;
    line-height: 2rem;
    padding:0 1.5rem
}

.promoted-story-block a.promoted-story-block__title {
    font-family: "Montserrat", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #323232;
    padding: 0 1.5rem 1.5rem;
    display:block
}

.post-disclaimer-text {
    margin: 2rem 0;
    font-style: italic;
    line-height: 1.5;
    color:#666
}

.schema-faq-section {
    background: #f6f6f6;
    padding: 2rem;
    margin:1rem 0
}

.schema-faq-question {
    font-size: 1.125rem;
    color:#f15d22
}

.schema-faq-answer {
    font-size: 1rem;
    padding-top:1rem
}

#disqus_thread {
    clear: both;
    padding:12px 0
}

.u-shadow--1 {
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26)
}

.u-shadow--2 {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.u-shadow--3 {
    box-shadow:0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24)
}

.u-shadow--4 {
    box-shadow:0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.u-shadow--5 {
    box-shadow:0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2)
}

.omg-post-status {
    background: #5080d8;
    padding: 1rem 1rem 1rem 5rem;
    margin: 1rem 0;
    color: #fff;
    position: relative;
    line-height:1.5
}

.omg-post-status a, .omg-post-status a:visited {
    color: #fff;
    background-image:linear-gradient(to top, transparent 0%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 100%, transparent 100%)
}

.omg-post-status a:hover, .omg-post-status a:visited:hover {
    color:#333
}

.omg-post-status .icon {
    position: absolute;
    left: 1.5rem;
    height: 1.5rem;
    top: 56%;
    margin-top:-1rem
}

@media screen and (max-width: 500px) {
    .omg-post-status {
        font-size:0.875rem
    }
}

@media screen and (max-width: 500px) {
    .pull-quote {
        width: 100%;
        float: none;
        margin:1rem 0
    }
}

.wp-block-omg-buttons {
    margin-left: -0.5rem;
    margin-right:-0.5rem
}

a.omg-button, .omg-button {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    position: relative;
    padding: .5rem 1rem .5rem 2.5rem;
    margin: 1rem 0.5rem;
    line-height: 1.5rem;
    z-index: 0;
    background: #444;
    border:none !important
}

a.omg-button:visited, .omg-button:visited {
    color: white;
    text-decoration:none
}

a.omg-button:hover, a.omg-button:focus, a.omg-button:active, .omg-button:hover, .omg-button:focus, .omg-button:active {
    color: white;
    text-decoration: none;
    -webkit-animation: none;
    animation: none;
    background-size: auto;
    -webkit-filter: brightness(90%);
    filter:brightness(90%)
}

a.omg-button:hover:before, a.omg-button:focus:before, a.omg-button:active:before, .omg-button:hover:before, .omg-button:focus:before, .omg-button:active:before {
    opacity:0
}

a.omg-button:before, .omg-button:before {
    transition: 250ms opacity;
    border-radius: 3px;
    z-index: -1;
    background: inherit;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity:1
}

svg.omg-button__icon {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: .5rem;
    top: 50%;
    margin-top: -.75rem;
    color:#fff
}

.omg-button__content {
    display: inline-block;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    padding-left: .5rem;
    color: #fff;
    font-size:1rem
}

.has-blue-42-color {
    color:#4285f4
}

.has-blue-42-background-color {
    background-color:#4285f4
}

a.omg-button--blue-42, .omg-button--blue-42 {
    background:#0b51c5
}

a.omg-button--blue-42:hover, .omg-button--blue-42:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--blue-42:before, .omg-button--blue-42:before {
    background:linear-gradient(#4285f4, #2a75f3)
}

.has-blue-61-color {
    color:#61b0be
}

.has-blue-61-background-color {
    background-color:#61b0be
}

a.omg-button--blue-61, .omg-button--blue-61 {
    background:#367783
}

a.omg-button--blue-61:hover, .omg-button--blue-61:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--blue-61:before, .omg-button--blue-61:before {
    background:linear-gradient(#61b0be, #4fa7b7)
}

.has-blue-05-color {
    color:#0596fd
}

.has-blue-05-background-color {
    background-color:#0596fd
}

a.omg-button--blue-05, .omg-button--blue-05 {
    background:#015b9b
}

a.omg-button--blue-05:hover, .omg-button--blue-05:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--blue-05:before, .omg-button--blue-05:before {
    background:linear-gradient(#0596fd, #0288e7)
}

.has-green-3d-color {
    color:#3ddb84
}

.has-green-3d-background-color {
    background-color:#3ddb84
}

.has-green-3-d-color {
    color:#3ddb84
}

.has-green-3-d-background-color {
    background-color:#3ddb84
}

a.omg-button--green-3d, .omg-button--green-3d {
    background:#1c9653
}

a.omg-button--green-3d:hover, .omg-button--green-3d:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--green-3d:before, .omg-button--green-3d:before {
    background:linear-gradient(#3ddb84, #28d776)
}

.has-orange-f1-color {
    color:#f15d22
}

.has-orange-f1-background-color {
    background-color:#f15d22
}

.has-orange-f-1-color {
    color:#f15d22
}

.has-orange-f-1-background-color {
    background-color:#f15d22
}

a.omg-button--orange-f1, .omg-button--orange-f1 {
    background:#a3360a
}

a.omg-button--orange-f1:hover, .omg-button--orange-f1:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--orange-f1:before, .omg-button--orange-f1:before {
    background:linear-gradient(#f15d22, #eb4e0f)
}

.has-purple-67-color {
    color:#67005f
}

.has-purple-67-background-color {
    background-color:#67005f
}

a.omg-button--purple-67, .omg-button--purple-67 {
    background:#010001
}

a.omg-button--purple-67:hover, .omg-button--purple-67:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--purple-67:before, .omg-button--purple-67:before {
    background:linear-gradient(#67005f, #4e0047)
}

.has-purple-75-color {
    color:#752360
}

.has-purple-75-background-color {
    background-color:#752360
}

a.omg-button--purple-75, .omg-button--purple-75 {
    background:#260c20
}

a.omg-button--purple-75:hover, .omg-button--purple-75:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--purple-75:before, .omg-button--purple-75:before {
    background:linear-gradient(#752360, #611d50)
}

.has-purple-83-color {
    color:#834bc4
}

.has-purple-83-background-color {
    background-color:#834bc4
}

a.omg-button--purple-83, .omg-button--purple-83 {
    background:#512a7f
}

a.omg-button--purple-83:hover, .omg-button--purple-83:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--purple-83:before, .omg-button--purple-83:before {
    background:linear-gradient(#834bc4, #763db9)
}

.has-red-fd-color {
    color:#fd1d1d
}

.has-red-fd-background-color {
    background-color:#fd1d1d
}

a.omg-button--red-fd, .omg-button--red-fd {
    background:#b20202
}

a.omg-button--red-fd:hover, .omg-button--red-fd:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--red-fd:before, .omg-button--red-fd:before {
    background:linear-gradient(#fd1d1d, #fd0404)
}

.has-yellow-ff-color {
    color:#fff94f
}

.has-yellow-ff-background-color {
    background-color:#fff94f
}

a.omg-button--yellow-ff, .omg-button--yellow-ff {
    background:#e8e000
}

a.omg-button--yellow-ff:hover, .omg-button--yellow-ff:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--yellow-ff:before, .omg-button--yellow-ff:before {
    background:linear-gradient(#fff94f, #fff836)
}

.has-grey-33-color {
    color:#333
}

.has-grey-33-background-color {
    background-color:#333
}

a.omg-button--grey-33, .omg-button--grey-33 {
    background:#000
}

a.omg-button--grey-33:hover, .omg-button--grey-33:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--grey-33:before, .omg-button--grey-33:before {
    background:linear-gradient(#333, #262626)
}

.has-grey-9d-color {
    color:#9d9d9d
}

.has-grey-9d-background-color {
    background-color:#9d9d9d
}

.has-grey-9-d-color {
    color:#9d9d9d
}

.has-grey-9-d-background-color {
    background-color:#9d9d9d
}

a.omg-button--grey-9d, .omg-button--grey-9d {
    background:#6a6a6a
}

a.omg-button--grey-9d:hover, .omg-button--grey-9d:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--grey-9d:before, .omg-button--grey-9d:before {
    background:linear-gradient(#9d9d9d, #909090)
}

.has-grey-cd-color {
    color:#cdcdcd
}

.has-grey-cd-background-color {
    background-color:#cdcdcd
}

a.omg-button--grey-cd, .omg-button--grey-cd {
    background:#9a9a9a
}

a.omg-button--grey-cd:hover, .omg-button--grey-cd:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--grey-cd:before, .omg-button--grey-cd:before {
    background:linear-gradient(#cdcdcd, silver)
}

.has-grey-dd-color {
    color:#ddd
}

.has-grey-dd-background-color {
    background-color:#ddd
}

a.omg-button--grey-dd, .omg-button--grey-dd {
    background:#aaa
}

a.omg-button--grey-dd:hover, .omg-button--grey-dd:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--grey-dd:before, .omg-button--grey-dd:before {
    background:linear-gradient(#ddd, #d0d0d0)
}

.has-grey-f6-color {
    color:#f6f6f6
}

.has-grey-f6-background-color {
    background-color:#f6f6f6
}

.has-grey-f-6-color {
    color:#f6f6f6
}

.has-grey-f-6-background-color {
    background-color:#f6f6f6
}

a.omg-button--grey-f6, .omg-button--grey-f6 {
    background:#c3c3c3
}

a.omg-button--grey-f6:hover, .omg-button--grey-f6:hover {
    -webkit-filter: none;
    filter:none
}

a.omg-button--grey-f6:before, .omg-button--grey-f6:before {
    background:linear-gradient(#f6f6f6, #e9e9e9)
}

.callout {
    margin: 1.5rem 0 1.5rem 10px;
    display: flex;
    align-items: center;
    font-family: "Montserrat", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    line-height:1.75
}

.callout .icon {
    flex: 0 0 20px;
    margin-right:8px
}

.callout a {
    background-image:linear-gradient(to top, transparent 0%, #fbff28 0%, #fbff28 100%, transparent 100%)
}

.click-to-tweet {
    font-weight: 700;
    padding: 1rem;
    width: 250px;
    position: relative;
    margin-bottom: 1rem;
    border:1px solid #cdcdcd
}

.click-to-tweet.aligncenter {
    width: unset;
    margin:1rem 0
}

a.click-to-tweet__content, .click-to-tweet__content {
    display: block;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #0596fd;
    margin-bottom: 0.5rem;
    border: none;
    background:none
}

a.click-to-tweet__content:hover, .click-to-tweet__content:hover {
    -webkit-animation: none;
    animation: none;
    border:none
}

.click-to-tweet:hover a.click-to-tweet__content, .click-to-tweet:hover .click-to-tweet__content {
    color:#333
}

a.click-to-tweet__cta, .click-to-tweet__cta {
    display: block;
    font-size: 0.875rem;
    line-height: 1.5;
    text-align: right;
    border: none;
    background: none;
    color:#333
}

a.click-to-tweet__cta:hover, .click-to-tweet__cta:hover {
    -webkit-animation: none;
    animation: none;
    border:none
}

.click-to-tweet:hover a.click-to-tweet__cta, .click-to-tweet:hover .click-to-tweet__cta {
    color:#0596fd
}

a.click-to-tweet__cta .icon, .click-to-tweet__cta .icon {
    color: #0596fd;
    width: 0.875rem;
    height: 0.875rem;
    vertical-align: middle;
    margin-left:0.25rem
}

.u-shadow--1 {
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26)
}

.u-shadow--2 {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.u-shadow--3 {
    box-shadow:0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24)
}

.u-shadow--4 {
    box-shadow:0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.u-shadow--5 {
    box-shadow:0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2)
}

.omg-info-box {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    width: 350px;
    max-width:100%
}

.omg-info-box.alignright {
    margin-left:2.5rem
}

@media screen and (max-width: 800px) {
    .omg-info-box {
        margin-left:1.5rem
    }
}

@media screen and (max-width: 600px) {
    .omg-info-box.alignleft, .omg-info-box.alignright {
        margin-left: auto;
        margin-right: auto;
        float: none;
        display:block
    }
}

.omg-info-box__container {
    padding-right:1.5rem
}

h2.omg-info-box__title {
    color: #ef642d;
    letter-spacing: -1px;
    text-align: center;
    font-size: 1.375rem;
    margin: 0 1.5rem 2.5rem 0;
    padding-right:1.5rem
}

.omg-info-box__image-container {
    width: 350px;
    height: 200px;
    transform: translateY(-1.5rem) translateX(-1.5rem);
    max-width: calc(100% + 2rem);
    background: #fff;
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.omg-info-box__image-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

.omg-info-box__content {
    position: relative;
    padding: 0 0 0.5rem 1.5rem;
    margin-top:-0.5rem
}

.omg-info-box__caption {
    display: block;
    text-align: center;
    color: #fff;
    font-weight:700
}

.omg-info-box__stats {
    table-layout: unset;
    margin-bottom:0
}

tr.omg-info-box__stat {
    background:none
}

.omg-info-box__stat-property {
    color: #fff;
    background: none;
    text-align: right;
    font-weight: 700;
    padding: 0 1rem 0.5rem 0;
    line-height: 1.25;
    vertical-align:top
}

.omg-info-box__stat-value {
    color: #fff;
    background: none;
    padding: 0 0 1rem;
    line-height: 1.25;
    vertical-align:top
}

.u-shadow--1 {
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26)
}

.u-shadow--2 {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.u-shadow--3 {
    box-shadow:0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24)
}

.u-shadow--4 {
    box-shadow:0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.u-shadow--5 {
    box-shadow:0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2)
}

.omg-promoted-story {
    margin-bottom: 1.5rem;
    padding-right: 1.5rem;
    width: 350px;
    max-width:100%
}

.omg-promoted-story.has-image {
    margin-top:2rem
}

.omg-promoted-story.alignright {
    margin-left:2.5rem
}

@media screen and (max-width: 800px) {
    .omg-promoted-story {
        margin-left:1.5rem
    }
}

@media screen and (max-width: 600px) {
    .omg-promoted-story.alignleft, .omg-promoted-story.alignright {
        margin-left: auto;
        margin-right: auto;
        float: none;
        display:block
    }
}

.omg-promoted-story__image-container {
    width: 350px;
    height: 200px;
    transform: translateY(-1.5rem) translateX(-1.5rem);
    max-width: calc(100% + 2rem);
    background: #fff;
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.omg-promoted-story__image-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

.omg-promoted-story__content {
    position: relative;
    padding:1.5rem 1rem
}

.omg-promoted-story.has-image .omg-promoted-story__content {
    margin-top: -0.5rem;
    padding:0 0 1.5rem 1.5rem
}

.omg-promoted-story__caption {
    display: block;
    text-align: left;
    font-size: 0.875rem;
    color:#fff
}

.omg-promoted-story.has-image .omg-promoted-story__caption {
    text-align:right
}

a.omg-promoted-story__link, .omg-promoted-story__link {
    display: block;
    font-family: "Montserrat", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 800;
    font-size: 1.75rem;
    line-height: 1.125;
    color: #fff;
    margin-top: 0.5rem;
    border: none;
    letter-spacing: -1px;
    background:none
}

.omg-promoted-story.has-image a.omg-promoted-story__link, .omg-promoted-story.has-image .omg-promoted-story__link {
    line-height:1.25
}

a.omg-promoted-story__link:hover {
    -webkit-animation: none;
    animation: none;
    border: none;
    color:#666
}

.omg-toc {
    width: 300px;
    max-width: 100%;
    position: relative;
    background: #efefef;
    padding: 1rem;
    text-align: center;
    word-break: break-word;
    margin-bottom:1rem
}

.omg-toc__title {
    color: #333;
    font-weight: 700;
    margin: 0;
    font-size: inherit;
    line-height:2
}

.omg-toc__item a {
    background: none;
    font-size: inherit;
    color:#454545
}

.omg-toc__item a:hover {
    border-bottom:2px solid #333
}

ul.omg-toc__items {
    list-style: none;
    margin: 0;
    padding:0
}

.tns-outer {
    padding:0 !important
}

.tns-outer [hidden] {
    display:none !important
}

.tns-outer [aria-controls], .tns-outer [data-action] {
    cursor:pointer
}

.tns-slider {
    transition:all 0s
}

.tns-slider > .tns-item {
    box-sizing:border-box
}

.tns-horizontal.tns-subpixel {
    white-space:nowrap
}

.tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space:normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear:both
}

.tns-horizontal.tns-no-subpixel > .tns-item {
    float:left
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right:-100%
}

.tns-no-calc {
    position: relative;
    left:0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height:1px
}

.tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    transition:transform 0s, opacity 0s
}

.tns-gallery > .tns-slide-active {
    position: relative;
    left:auto !important
}

.tns-gallery > .tns-moving {
    transition:all 0.25s
}

.tns-autowidth {
    display:inline-block
}

.tns-lazy-img {
    transition: opacity 0.6s;
    opacity:0.6
}

.tns-lazy-img.tns-complete {
    opacity:1
}

.tns-ah {
    transition:height 0s
}

.tns-ovh {
    overflow:hidden
}

.tns-visually-hidden {
    position: absolute;
    left:-10000em
}

.tns-transparent {
    opacity: 0;
    visibility:hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index:0
}

.tns-normal, .tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index:-1
}

.tns-vpfix {
    white-space:nowrap
}

.tns-vpfix > div, .tns-vpfix > li {
    display:inline-block
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow:hidden
}

.tns-t-ct {
    width: 2333.33333%;
    width: calc(100% * 70 / 3);
    position: absolute;
    right:0
}

.tns-t-ct:after {
    content: '';
    display: table;
    clear:both
}

.tns-t-ct > div {
    width: 1.42857%;
    width: calc(100% / 70);
    height: 10px;
    float:left
}

#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.8);
    transition:opacity .5s ease
}

#baguetteBox-overlay.visible {
    opacity:1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align:center
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height:100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    box-shadow:0 0 8px rgba(0, 0, 0, 0.6)
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    white-space: normal;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    font-family:sans-serif
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right:-1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    transition:left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation:bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation:bounceFromLeft .4s ease-out
}

@-webkit-keyframes bounceFromRight {
    0% {
        margin-left:0
    }

    50% {
        margin-left:-30px
    }

    100% {
        margin-left:0
    }
}

@keyframes bounceFromRight {
    0% {
        margin-left:0
    }

    50% {
        margin-left:-30px
    }

    100% {
        margin-left:0
    }
}

@-webkit-keyframes bounceFromLeft {
    0% {
        margin-left:0
    }

    50% {
        margin-left:30px
    }

    100% {
        margin-left:0
    }
}

@keyframes bounceFromLeft {
    0% {
        margin-left:0
    }

    50% {
        margin-left:30px
    }

    100% {
        margin-left:0
    }
}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height:60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: none;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, 0.5);
    color: #ddd;
    font: 1.6em sans-serif;
    transition:background-color .4s ease
}

.baguetteBox-button:focus, .baguetteBox-button:hover {
    background-color:rgba(50, 50, 50, 0.9)
}

.baguetteBox-button#next-button {
    right:2%
}

.baguetteBox-button#previous-button {
    left:2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height:30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top:0
}

.baguetteBox-spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left:-20px
}

.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation:bounce 2s infinite ease-in-out
}

.baguetteBox-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay:-1s
}

@-webkit-keyframes bounce {
    0%, 100% {
        transform:scale(0)
    }

    50% {
        transform:scale(1)
    }
}

@keyframes bounce {
    0%, 100% {
        transform:scale(0)
    }

    50% {
        transform:scale(1)
    }
}

.layout__header {
    align-items: center;
    display: flex;
    margin-bottom:1.5rem
}

.layout__header h2, .layout__header h3 {
    margin: 0;
    font-weight: normal;
    font-size:1.2rem
}

.layout__header--with-divider::after {
    content: '';
    background: rgba(0, 0, 0, 0.12);
    height: 1px;
    flex: 1;
    margin-left:1rem
}

.list-layout {
    display: flex;
    margin-bottom:1.5rem
}

@media screen and (max-width: 850px) {
    .list-layout {
        display:block
    }
}

.list-layout__item {
    display: flex;
    align-items: flex-start;
    margin-bottom:0.5rem
}

.list-layout__item .layout__title-link {
    font-size:1.1rem
}

.list-layout__item .layout__title-link:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #f15d22;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom:4px
}

.list-layout__featured-content.list-layout__featured-content--with-category {
    /*top:calc(50% - 2rem)*/
}

.list-layout__featured-content .slider-layout__slide-link {
    font-size: 1.3rem;
}

.slider-layout__slide.list-layout__featured-item {
    position: relative;
    flex: 0 0 420px;
    height: 250px;
    margin-right: 1rem;
    z-index:0
}

@media screen and (max-width: 1200px) {
    .slider-layout__slide.list-layout__featured-item {
        flex-basis: 350px;
        width:350px
    }
}

@media screen and (max-width: 1080px) {
    .slider-layout__slide.list-layout__featured-item {
        flex: 0 0 50%;
        width:50%
    }
}

@media screen and (max-width: 850px) {
    .slider-layout__slide.list-layout__featured-item {
        width: 100%;
        height: 250px;
        margin-bottom:1.5rem
    }
}

.u-shadow--1 {
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26)
}

.u-shadow--2 {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.u-shadow--3 {
    box-shadow:0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24)
}

.u-shadow--4 {
    box-shadow:0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22)
}

.u-shadow--5 {
    box-shadow:0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2)
}

.slider-layout__container {
    position:relative
}

@media screen and (max-width: 1280px) {
    .slider-layout__container {
        overflow:hidden
    }
}

.homepage__btf .slider-layout__container {
    margin-bottom:1.5rem
}

.slider-layout__button {
    position: absolute;
    outline: 0;
    border: 0;
    background: #fff;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    box-shadow: 0 12px 8px -10px rgba(0, 0, 0, 0.16), 0 5px 5px -2px rgba(0, 0, 0, 0.26);
    top: calc(50% - 17px);
    z-index: 100;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition:transform 100ms ease-in
}

.tns-outer ~ .slider-layout__button:not([disabled]) {
    display:flex
}

.slider-layout__button svg {
    width: 1rem;
    height:1rem
}

.slider-layout__button--previous {
    left:-17px
}

.slider-layout__button--previous svg {
    transform:rotate(180deg)
}

.slider-layout__button--next {
    right:-17px
}

@media screen and (max-width: 1280px) {
    .slider-layout__button--previous {
        left:-40px
    }

    .slider-layout__container:hover .slider-layout__button--previous {
        transform:translateX(calc(40px + 1rem))
    }

    .slider-layout__button--next {
        right:-40px
    }

    .slider-layout__container:hover .slider-layout__button--next {
        transform:translateX(calc(-40px - 1rem))
    }
}

.slider-layout:not(.tns-slider) {
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: 2px;
    grid-auto-rows: 1fr;
    overflow:hidden
}

.homepage__atf .slider-layout:not(.tns-slider) div:nth-child(1n + 5) {
    display:none
}

@media screen and (max-width: 1000px) {
    .homepage__atf .slider-layout:not(.tns-slider) {
        grid-template-columns:repeat(3, auto)
    }

    .homepage__atf .slider-layout:not(.tns-slider) div:nth-child(1n + 4) {
        display:none
    }
}

@media screen and (max-width: 800px) {
    .homepage__atf .slider-layout:not(.tns-slider) {
        grid-template-columns:repeat(2, auto)
    }

    .homepage__atf .slider-layout:not(.tns-slider) div:nth-child(1n + 3) {
        display:none
    }
}

@media screen and (max-width: 500px) {
    .homepage__atf .slider-layout:not(.tns-slider) {
        grid-template-columns:repeat(1, auto)
    }

    .homepage__atf .slider-layout:not(.tns-slider) div:nth-child(1n + 2) {
        display:none
    }
}

.homepage__btf .slider-layout:not(.tns-slider) {
    grid-template-columns:repeat(3, auto)
}

.homepage__btf .slider-layout:not(.tns-slider) div:nth-child(1n + 4) {
    display:none
}

@media screen and (max-width: 1000px) {
    .homepage__btf .slider-layout:not(.tns-slider) {
        grid-template-columns:repeat(2, auto)
    }

    .homepage__btf .slider-layout:not(.tns-slider) div:nth-child(1n + 3) {
        display:none
    }
}

@media screen and (max-width: 500px) {
    .homepage__btf .slider-layout:not(.tns-slider) {
        grid-template-columns:repeat(1, auto)
    }

    .homepage__btf .slider-layout:not(.tns-slider) div:nth-child(1n + 2) {
        display:none
    }
}

.slider-layout__slide {
    display: block;
    height: 240px;
    position: relative;
    z-index:0
}

.slider-layout__slide::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity 175ms ease-in;
    background: linear-gradient(0, #16081a 0%, rgba(0, 0, 0, 0) 100%);
    z-index:-1
}

.slider-layout__slide:hover::after {
    opacity:0.25
}

.slider-layout__link-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index:1
}

.slider-layout__image-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    overflow:hidden
}

.slider-layout__image-container img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.slider-layout__slide-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 1.5rem;
    position: absolute;
    /*top: calc(50% - 1rem);*/
    bottom: 0;
    /*margin-bottom: 1rem;*/
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:100%
}



a.slider-layout__slide-category {
    background: #f15d22;
    color: #fff;
    font-size: 0.75rem;
    padding: 0.25rem 0.375rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    transition: background 150ms ease-in;
    z-index:2
}

a.slider-layout__slide-category:hover {
    background:#333
}

a.slider-layout__slide-link {
    display: block;
    color: #fff;
    font-weight: 700;
    font-family: "Montserrat", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 1.1rem;
    line-height: 1.25;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding-bottom: 1.5rem;
    flex:1 0
}

a.slider-layout__slide-link .post-title--coverline {
    font-weight: 700;
    color:#f15d22
}

.sbs-layout__content {
    flex:1 1
}

.sbs-layout__item {
    display: flex;
    align-items: flex-start;
    margin-bottom:1.5rem
}

@media screen and (max-width: 900px) {
    .sbs-layout__item {
        display:block
    }
}

@media screen and (max-width: 800px) {
    .sbs-layout__item {
        display:flex
    }
}

@media screen and (max-width: 600px) {
    .sbs-layout__item {
        display: block;
        margin-bottom:2rem
    }
}

.sbs-layout__image {
    margin-right: 1.5rem;
    flex: 0 0 350px;
    width: 350px;
    position:relative
}

.sbs-layout__image:after {
    content: '';
    display: block;
    padding-top:57.14286%
}

.sbs-layout__image--expanded {
    flex-basis: 450px;
    width:450px
}

.sbs-layout__image a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right:0
}

.sbs-layout__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

@media screen and (max-width: 1200px) {
    .sbs-layout__image--expanded {
        flex-basis: 350px;
        width:350px
    }
}

@media screen and (max-width: 1080px) {
    .sbs-layout__image {
        flex: 0 0 50%;
        width:50%
    }
}

@media screen and (max-width: 900px) {
    .sbs-layout__image {
        width: 100%;
        margin-bottom:0.5rem
    }
}

@media screen and (max-width: 600px) {
    .sbs-layout__image {
        width: 100%;
        margin-bottom:0.5rem
    }
}

.tile-layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 1rem;
    justify-content: space-between;
    margin-bottom:1rem
}

.tile-layout__image {
    margin-right: 1.5rem;
    width: 100%;
    margin-bottom: 0.5rem;
    position:relative
}

.tile-layout__image:after {
    content: '';
    display: block;
    padding-top:57.14286%
}

.tile-layout__image a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right:0
}

.tile-layout__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

a.layout__title-link {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -1px;
    color: #333333;
    display:block
}

a.layout__title-link:hover {
    color:#f15d22
}

.layout__image-container {
    transition:box-shadow 250ms ease-in
}

.layout__image-container:hover {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.layout__description {
    color: #9a9a9a;
    font-size: 0.875rem;
    line-height: 1.5;
    margin:0 0 1rem
}

.layout__meta {
    display: flex;
    font-size: 0.875rem;
    align-items: center;
    margin-top:0.5rem
}

.layout__date {
    font-weight: 300;
    color:#adb5bd
}

.layout__comments {
    color: #f15d22;
    font-weight: 700;
    margin-left:auto
}

@media screen and (max-width: 700px) {
    .layout__title {
        margin-bottom:0.25rem
    }
}

.error__icon {
    text-align: center;
    margin:2rem
}

.error__icon svg {
    width: 200px;
    height: 200px;
    -webkit-animation: animate-round 15s linear infinite;
    animation:animate-round 15s linear infinite
}

@-webkit-keyframes animate-round {
    from {
        transform:rotate(0deg)
    }

    to {
        transform:rotate(360deg)
    }
}

@keyframes animate-round {
    from {
        transform:rotate(0deg)
    }

    to {
        transform:rotate(360deg)
    }
}

button.is-link {
    padding: 0;
    outline: none;
    border: none;
    border-radius: 0;
    background: none;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    box-shadow: none;
    cursor:pointer
}

.icon, .Icon {
    width: 2rem;
    height: 2rem;
    fill:currentColor
}

.icon--facebook, .Icon--facebook {
    color:#3b5998
}

.icon--gplus, .Icon--gplus {
    color:#cc3732
}

.icon--youtube, .Icon--youtube {
    color:#e52d27
}

.icon--instagram, .Icon--instagram {
    color:#444
}

.icon--twitter, .Icon--twitter {
    color:#4099ff
}

.icon--feed, .Icon--feed {
    color:#ff6600
}

.icon--steam, .Icon--steam {
    color:#171a21
}

.icon--mastodon-brands, .Icon--mastodon-brands {
    color:#2b90d9
}

.icon--hamburger use, .Icon--hamburger use {
    fill:blue
}

.icon--hamburger use .top, .Icon--hamburger use .top {
    transform:rotate(-45deg)
}

#Icon--chromeWebStore {
    fill:#eee
}

#Icon--chromeWebStore .chrome-circle {
    transform: scale(0.75) translateY(75%);
    margin-left:4px
}

#Icon--chromeWebStore .red {
    fill:#db4437
}

#Icon--chromeWebStore .green {
    fill:#43964e
}

#Icon--chromeWebStore .yellow {
    fill:#ffcc00
}

#Icon--chromeWebStore .outer {
    fill:white
}

#Icon--chromeWebStore .inner {
    fill:#5080d8
}

.chart-widget {
    position: relative;
    display: flex;
    z-index: 0;
    flex-direction: column;
    overflow:hidden
}

.chart-widget__background {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right:-4px
}

.chart-widget__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

.chart-widget__content {
    z-index:1
}

.chart-widget__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin:1.125rem 0
}

.chart-widget__row {
    counter-increment: li;
    background: rgba(51, 51, 51, 0.66);
    font-size: 1rem;
    margin-bottom: 0.5rem;
    padding-left: 0.5rem;
    transition:background 150ms ease-in
}

.chart-widget__row:hover {
    background:rgba(51, 51, 51, 0.85)
}

.chart-widget__row::before {
    color: #f15d22;
    font-weight: 600;
    content: counter(li) "."
}

.chart-widget__row[data-number]::before {
    content: attr(data-number) "."
}

.chart-widget__row--red::before {
    color:#db0000
}

a.chart-widget__link {
    color: #fff;
    padding-right: 30px;
    transition:padding-right 150ms ease-in
}

a.chart-widget__link::after {
    content: '›';
    color: #fff600;
    margin-left:5px
}

a.chart-widget__link:hover {
    color: #fff;
    padding-right:50px
}

.chart-widget__title {
    background: #fff;
    margin:18px 32px
}

.chart-widget__title h3 {
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 0.5rem 1.875rem;
    font-size: 1.125rem;
    margin:0
}

.disqus-widget__comment {
    display:flex
}

.disqus-widget__comment + .disqus-widget__comment {
    margin-top:1rem
}

.disqus-widget__content {
    flex: 1 0;
    width: 3.875rem;
    position: relative;
    margin-left: 1rem;
    padding: 0.5rem;
    background:#f6f6f6
}

.disqus-widget__content:after {
    content: "";
    position: absolute;
    top: 0.5rem;
    left: -13px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right:13px solid #f6f6f6
}

.disqus-widget__text {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.75;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break:break-word
}

.disqus-widget__link {
    display: block;
    font-size: 0.675rem;
    text-align: right;
    line-height: 1.25;
    margin-top:0.25rem
}

a.disqus-widget__user {
    color: #f15d22;
    font-weight:700
}

.disqus-widget__avatar {
    flex: 0 0 2rem;
    margin-right: 0.875rem;
    margin-top: 0.25rem;
    width: 2rem;
    height: 2rem;
    position: relative;
    border: 1px solid #999;
    border-radius: 1rem;
    overflow:hidden
}

.MostPopular-item {
    position: relative;
    background: #fff;
    margin-bottom: 1rem;
    transition: background .2s ease-out;
    word-break:normal
}

.MostPopular-link {
    color: #888;
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    line-height:21px
}

.MostPopular-caption {
    display: block;
    font-weight: 700;
    color: #0596fd;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.MostPopular-text {
    display: block;
    color: #323232;
    font-weight:600
}

.MostPopular-title {
    width: 147px;
    margin-left: 8px;
    flex: 1;
    display:inline-block
}

.most-popular__thumbnail-container {
    flex: 0 0 144px;
    width: 144px;
    height: 100px;
    overflow:hidden
}

.most-popular-thumbnail {
    width: 145px;
    height: 100px;
    background: no-repeat center;
    background-size: cover;
    transition: transform 0.2s ease-in;
    transform:translate3d(0, 0, 0)
}

.MostPopular-item:hover .most-popular-thumbnail {
    transform:scale(1.05)
}

a.QuotesWidget-link {
    display: block;
    font-family: "Montserrat", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background: #efefef;
    color: #444;
    border-radius: 3px;
    font-weight: 700;
    padding: 1rem;
    line-height: 1.25;
    text-transform: uppercase;
    font-style:italic
}

a.QuotesWidget-link:hover {
    color:#f15d22
}

.QuotesWidget-source {
    text-align: right;
    font-size: 0.875rem;
    font-style: italic;
    margin: 0.25rem 0 1rem;
    color:#666
}

.related-posts {
    padding: 1rem 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 1rem;
    align-items: center;
    justify-content:center
}

.related-post {
    display: flex;
    justify-content: space-between;
    align-items:center
}

.related-post__background {
    flex: 0 0 175px;
    position: relative;
    transition:box-shadow 250ms ease-in
}

.related-post__background:hover {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.related-post__background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

.related-post__background:after {
    content: '';
    display: block;
    padding-top:57.14286%
}

a.related-post__content {
    font-family: "Montserrat", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    color: #333;
    flex: 1 0;
    margin-right:1rem
}

a.related-post__content:hover {
    color:#f15d22
}

.VideoWidget-row {
    display:block
}

.VideoWidget-row:hover .VideoWidget-thumbnail {
    box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2)
}

.VideoWidget-row + .VideoWidget-row {
    margin-top:1rem
}

.VideoWidget-image {
    position:relative
}

.VideoWidget-thumbnail {
    width: 300px;
    height: 171px;
    transition:box-shadow 250ms ease-in
}

.VideoWidget-thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height:100%
}

.VideoWidget-caption {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(50, 49, 54, 0.85);
    color: #fff;
    max-width: 100%;
    overflow:hidden
}

.VideoWidget-captionText {
    padding: 0 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis
}

.VideoWidget-icon {
    width: 48px;
    height: 34px;
    flex: 0 0 48px;
    padding: 8px 12px;
    background:#f15d22
}

.VideoWidget-title {
    color: #333;
    font-weight: 700;
    font-size: 1.5rem;
    margin: 0.5rem 0;
    line-height: 1.125
}

.omg-post-status code {
	color: #fff;
	background: rgba(238, 238, 238, 0.47);
}