* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: inherit;
}

.underlined {
    text-decoration: underline;
}

body {
    font-family: 'Signika Negative', sans-serif;
    color: #1c1c1c;
    font-size: 18px;
    font-weight: 400;
}

h1 i {
    color: var(--channel-color);
}

@media all and (min-width: 728px) {
    body {
        font-size: 21px;
    }
}
/* **************************************************************************************************************************************** */
/* start header styles */
/* **************************************************************************************************************************************** */
header .menu {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    background-color: #1c1c1c;
    color: #a0a0a0;
    display: block;
    font-size: 28px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    right: 5%;
    z-index: 2;
}

header .menu div {
    /* display: inline-block; */
    text-align: center;
}

header .menu .hamburger {
    cursor: pointer;
    width: 90%;
    position: fixed;
    top: 0;
    right: 5%;
    left: 5%;
}
@media all and (max-width: 480px) {
  header .menu .hamburger {
    right: 0%;
    left: 0%;
    width: 100%;
  }
}
header .menu .hamburger #channel-logo,
header .menu .hamburger #bv-logo {
    position: absolute;
    right: 50px;
    height: 50px;
    transition: 0.4s;
    background-color: #1c1c1c;
    padding: 0.5%;
    display: flex;
    justify-content: center;
    align-items: center
}
header .menu .hamburger #channel-logo {
    top: 0;
}
header .menu .hamburger #bv-logo {
    top: -50px;
    width: 50px;
}
header .menu .hamburger #channel-logo img,
header .menu .hamburger #bv-logo img {
    height: 100%;
    display: block;
    height: 32px;;
    /* margin-top: 5%; */
}



header .menu #menu-bar {
    border-left: 1px solid #5d5d5d;
    line-height: 40px;
    width: 50px;
    height: 50px;
    background-color: #1c1c1c;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 2;
    transition: 0.2s ease-out;
}
header .menu #menu-bar .site-icon {
    transition: 0.2s;
    width: 32px;
    margin-left: -100px;
}
header .menu #menu-bar .site-icon img {
    width: 100%;
    display: none;
}
header .menu #menu-bar.expanded {
    width: 100%;
    right: 0;
    transition: 0.2s ease-out;
}
header .menu #menu-bar.expanded .site-icon {
  color: white;
  transition: 0.2s;
  position: absolute;
  top: 10px;
  margin-left: 0;
}
header .menu #menu-bar.expanded .site-icon img {
  display: block;
}
/* header .menu #menu-bar i {
    display: inline;
    vertical-align: middle;
} */
#hamburger,
#menu-close-btn {
  display: inline-block;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 15px;
  top: 5px;
  cursor: pointer;
}

header .hamburger span {
    color: #fff;
}

#bv-logo {
    display: none;
}

.no-toggle #bv-logo {
    display: inline;
}

#channel-logo {
    display: inline;
}

#channel-logo img {
    height: 21px;
    padding-right: 5px;
}

header #menu-bar {
    font-size: 0.92em;
    color: #5d5d5d;
}

#nav-menu li {
    list-style: none;
    background-color: var(--channel-color);
    background: linear-gradient(var(--channel-color), rgba(256, 256, 256, 0)),
    var(--channel-image);
    background-size: cover;
    border-left: 10px solid var(--channel-color);
    padding: 30px 10px;
}

@media all and (min-width: 728px) {
    #nav-menu li {
        border-left: 0;
        border-bottom: 10px solid var(--channel-color);
    }
}

#nav-menu li:hover {
    background-image: linear-gradient(var(--channel-color), rgba(256, 256, 256, 0.3) 80%),
    var(--channel-image);

}

#nav-menu {
    position: fixed;
    top: 50px;
    right: 5%;
    left: 5%;
    overflow-y: hidden;
}

@media all and (min-width: 481px) {
    #nav-menu.shown {
        top: 50px;
        /* transition: 0.3s ease-out; */
    }
    #nav-menu.hidden {
        top: calc(100vw / 4 * -1);
        /* transition: 0.3s ease-out; */
    }
}
@media all and (max-width: 480px) {
    #nav-menu {
        width: 100vw;
    }
    #nav-menu.shown {
        top: 50px;
        /* transition: 0.3s ease-out; */
    }
    #nav-menu.hidden {
        top: -100vh;
        /* transition: 0.3s ease-out; */
    }
}

#nav-menu::-webkit-scrollbar {
    display: none;
}

#nav-menu .close-menu {
    position: fixed;
    top: 0;
    right: 5%;
    left: 5%;
    color: #fff;
    background-color: #1c1c1c;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 15px;
    box-shadow: 0 12px 12px -10px #1a1a1a;
    z-index: 2;
}

@media all and (max-width: 727px) {
    #nav-menu, #nav-menu .close-menu {
        left: 0;
        right: 0;
        width: 100%;
    }
}

#nav-menu .close-menu i {
    color: #5d5d5d;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#nav-menu .channels {
    position: relative;
    display: inline;
}

#nav-menu .channels a {
    display: block;
}

#nav-menu .channels ul {
    box-shadow: 0 12px 12px -10px #1a1a1a;
    position: relative;
}

@media (max-width: 889px) {
    #nav-menu .channels ul {
        columns: auto 1 !important;
    }
}
#nav-menu .channels ul li {
    position: relative;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    background-position: 
    center,
    center,
    bottom left,
    /* top left,
    top right,
    bottom right, */
    center,
    center;
    background-size: 
    100%,
    100%,
    100%,
    /* 50% 50%,
    50% 50%,
    50% 50%,
    100%, */
    cover;
    background-repeat: no-repeat;
    width: 25%;
    float: left;
}
@media all and (min-width: 481px) {
    #nav-menu .channels ul li {
        width: 25%;
    }
    #nav-menu .channels ul li.shown {
        top: 0;
        transition: 0.3s ease-out;
    }
    #nav-menu .channels ul li.hidden {
        top: -600px;
        transition: 0.3s ease-out;
    }
}
@media all and (max-width: 480px) {
    #nav-menu .channels ul li {
        width: 100%;
        height: calc((100vh - 50px) / 4) !important;
    }
    #nav-menu .channels ul li.shown {
        right: 0;
        transition: 0.3s ease-out;
    }
    #nav-menu .channels ul li.hidden {
        right: -600px;
        transition: 0.3s ease-out;
    }
}

#nav-menu .channels ul li a {
    width: 100%;
    height: 100%;
    margin: 0;
}
#nav-menu .channels ul li a .channel-logo {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 50%;
    margin: 0;
    margin-top: -10px;
}
#nav-menu .channels ul li a .channel-logo img {
    max-height: 100px;
    max-width: 80%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#nav-menu .channels ul li a .channel-description {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 60%;
    text-align: right;
    line-height: 1.4;
    font-size: 0.75em;
    height: auto;
}
@media all and (max-width: 1366px) {
    #nav-menu .channels ul li a .channel-description {
        display: none;
    }
}
#nav-menu .channels ul li a .channel-description span {
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: -0.25em 0 0 rgba(0, 0, 0, 0.5), 0.25em 0 0 rgba(0, 0, 0, 0.5);
    text-align: right;
    line-height: 1.4em;
    font-size: 0.75em;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
}
#nav-menu .channel-logo {
    color: #fff;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    display: block;
    width: 75%;
    margin: 0 auto 60px auto;
}

#nav-menu .channel-logo span {
    padding: 5px;
    background-color: #1c1c1c;
    box-shadow: -0.25em 0 0 #1c1c1c, 0.25em 0 0 #1c1c1c;
}

#nav-menu img {
    /* height: 50px; */
    padding: 10px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0);
}

#nav-menu ul li .channel-description {
    font-size: 0.66em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 1.2em;
    text-align: left;
    display: table-cell;
    vertical-align: bottom;
    height: 250px;
    padding: 0 30px;
}

#nav-menu .channel-description span {
    color: #fff;
    background-color: #1c1c1c;
    box-shadow: -0.25em 0 0 #1c1c1c, 0.25em 0 0 #1c1c1c;
}

#nav-menu .channels ul li.other-pages {
    color: #fff;
    background-color: #1c1c1c;
    height: 320px;
}

#nav-menu .channels ul li.other-pages a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.6em;
    margin: auto;
    line-height: 65px;
    display: inline;
}

@media all and (max-width: 727px) {
    #nav-menu .channels ul li.other-pages {
        height: 250px;
        padding-top: 45px;
    }

    #nav-menu .channels ul li.other-pages a {
        line-height: 45px;
    }
}
/* **************************************************************************************************************************************** */
/* end header styles */
/* **************************************************************************************************************************************** */
.menu-footer {
    color: #a0a0a0;
    background-color: #1c1c1c;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

.menu-footer .newsletter .prompt {
    color: #fff;
    font-family: 'Signika Negative', sans-serif;
    font-size: 1.25em;
    line-height: 1.2em;
    width: 75%;
    max-width: 400px;
    margin: auto;
    margin-top: 120px;
}

.menu-footer .newsletter input {
    height: 40px;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.menu-footer .newsletter input[type=email] {
    padding: 0 0.3em;
    width: 75%;
    max-width: 400px;
    font-size: 1em;
    height: 40px;
    line-height: 40px;
    font-family: 'Montserrat';
}

.menu-footer .newsletter input[type=submit] {
    background-color: #1c1c1c;
    color: #fff;
    font-family: 'Signika Negative', sans-serif;
    height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 2em;
    width: 75%;
    max-width: 400px;
    border: 3px solid #fff;
    margin-bottom: 60px;
}

.menu-footer .newsletter input::-webkit-input-placeholder {
    text-align: center;
}

.menu-footer .social {
    width: 75%;
    margin: auto;
    max-width: 500px;
    padding-top: 90px;
}

.menu-footer .social a {
    color: #fff;
    font-size: 1.5em;
    margin: 0 10%;
}

.menu-footer .disclaimer {
    width: 80%;
    margin: auto;
    padding-top: 40px;
    font-size: 0.55em;
    line-height: 1.5em;
}

.menu-footer .disclaimer a {
    color: inherit;
}

.menu-footer .copyright {
    font-size: 0.55em;
}

@media all and (min-width: 728px) {
    .menu-footer {
        display: none;
    }
}

article {
    width: 100%;
    max-width: 728px;
    margin: auto;
    background-color: #fff;
}

@media all and (max-width: 727px) {
    article {
        max-width: 420px;
    }
}

article p {
    padding: 0 25px;
}

.hero {
    /* background: url("https://www.autotribute.com/wp-content/uploads/2017/10/2018-BMW-X2-offroading.jpg"); */
    background-size: cover;
    background-position: center;
    height: 75vh;
    max-height: 700px;
    width: 100%;
    position: absolute;
}

@media all and (min-width: 700px) {
    .half-width.hero {
        width: 60%;
        right: 10%;
    }

    article.half-width header h1 {
        position: absolute;
        bottom: 10%;
        left: calc(500px - 75%);
    }
}

.channel-header.hero {
    background: linear-gradient(var(--channel-color), rgba(0, 0, 0, 0.75)),
    var(--channel-image);
    background-size: cover;
    background-position: center;
}

/*.channel-header.title {*/
    /*height: 60vh;*/
    /*max-height: 600px;*/
    /*position: relative;*/
/*}*/

.channel-logo img {
    width: 75%;
    max-width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
}

.channel-header .channel-description {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85em;
    color: #fff;
    position: absolute;
    bottom: 15%;
    right: 0;
}

.channel-header .channel-description span {
    padding: 1px 0;
    background-color: #1c1c1c;
    box-shadow: -0.25em 0 0 #1c1c1c, 0.25em 0 0 #1c1c1c;
}

.top-bar {
    background: url("https://uncannymanfrog.files.wordpress.com/2011/04/black-dots1.jpg");
    background-size: contain;
    height: 60vh;
    width: 100%;
    max-height: 600px;
    position: absolute;
    top: 0;
    left: 0;
}

.messy-spacer {
    height: 75vh;
    max-height: 700px;
    position: relative;
}

.summary {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25em;
    padding: 2.5em 0;
}

article header h1 {
    font-family: 'Chivo', sans-serif;
    font-weight: 900;
    max-width: 90%;
    font-size: 2.25em;
    position: absolute;
    left: 0;
    bottom: -0.25em;
}

@media all and (min-width: 728px) {
    article header h1 {
        font-size: 3.5em;
    }
}

article header h1 span {
    background-color: #fff;
    padding: 1px 0px;
    box-shadow: -0.15em 0 0 #fff, 0.15em 0 0 #fff;
}
@-moz-document url-prefix() {
    article header h1 span {
        padding: 1px 0px;
        /* box-shadow: 8px 1px 0 3px #fff, -8px 1px 0 3px #fff; */
        box-decoration-break: clone;
    }
}

.headline-icon {
    color: var(--channel-color);
    padding-right: 0;
}

h1 i {
    padding-right: 0.2em;
}

.photo-credit {
    font-size: 0.6em;
    font-family: 'Montserrat', sans-serif;
    color: #ccc;
    height: 20px;
    line-height: 2em;
}

.photo-credit a {
    border-bottom: 1px solid #e0e0e0;
}

article header .author-info {
    font-size: 0.8em;
}

article header .author-image {
    float: left;
    height: 2.45em;
    padding-right: 0.5em;
}

article header .author {
    font-style: normal;
}

article header .author a {
    border-bottom: 1px solid #e0e0e0;
}

article header time {
    font-size: 0.8em;
    color: #ccc;
}

.sharing {
    padding: 40px 0 20px 0;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.sharing a {
    display: inline-block;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
}

.sharing a div {
    display: inline-block;
}

.sharing a .icon {
    width: 25px;
    text-align: center;
    padding-left: 10px;
}

.sharing a .text {
    width: 80px;
    text-align: center;
}

.sharing i {
    font-size: 18px;
    position: relative;
    bottom: -2px;
}

.sharing .social {
    text-align: center;
}

.sharing .facebook {
    background-color: #3b5998;
}

.sharing .twitter {
    background-color: #55acee;
}

.sharing .other {
    display: inline-block;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    background-color: var(--channel-color);
}

@media all and (min-width: 728px) {
    .sharing .other {
        display: none;
    }

    .sharing .more-sharing {
        display: none !important;
    }
}

.sharing .other i {
    position: relative;
    left: 2px;
}

#sharing-menu {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(256, 256, 256, 0.75);
    display: none;
    z-index: 3;
}

.more-sharing .sharing-wrapper {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 90%;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.more-sharing .close {
    color: #1c1c1c;
    position: relative;
    font-size: 21px;
    margin-bottom: 10px;
}

.more-sharing .close i {
    float: right;
    font-size: 21px;
}

.more-sharing a {
    display: block;
    margin-top: 5px;
}

.share-by-email {
    background-color: #ff8319;
}

.share-by-sms {
    background-color: #b728eb;
}

.share-by-whatsapp {
    background-color: #25d366;
}

.share-by-link {
    background-color: #f44336;
    cursor: pointer;
}

.more-sharing a .icon {
    padding-left: 10px;
    width: 46px;
    text-align: left;
}

.more-sharing a .text {
    width: 80px;
    text-align: left;
}

.more-sharing a i {
    padding-right: 0.5em;
}

article p {
    padding: 0.75em 0;
    line-height: 1.5em;
}

@media all and (max-width: 727px) {
    article {
        padding: 0 12px;
    }
    .margin-on-mobile, article p {
        padding-left: 0;
        padding-right: 0;
    }

    .padding-on-mobile {
        padding-left: 12px;
        padding-right: 12px;
    }

    .sharing .no-mobile {
        display: none;
    }
}

article p a {
    border-bottom: 0.2em solid var(--channel-color);
}

.youtube-wrapper, .flickr-wrapper {
    margin: 1em 0;
}

.twitter-wrapper, .reddit-wrapper {
    padding: 1em 0;
}

.youtube-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.youtube-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure {
    padding: 1em 0;
}

figure.full-width-image img {
    width: 100%;
}

figcaption {
    display: block;
    width: 75%;
    margin: auto;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.6em;
    color: #ccc;
    text-align: center;
}

figcaption a {
    border-bottom: 1px solid #e0e0e0;
}

.pullquote {
    display: block;
    width: 100%;
    padding: 30px;
    quotes: "\201C" "\201D" "\2018" "\2019";
    line-height: 1.2em;
    font-family: 'Chivo', sans-serif;
    font-size: 1.25em;
}

.pullquote:before {
    content: open-quote;
    font-size: 2em;
    font-weight: 400;
    line-height: 0.1em;
    vertical-align: -0.3em;
    padding-right: 0.05em;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.pullquote:after {
    content: close-quote;
    font-size: 2em;
    font-weight: 400;
    line-height: 0.1em;
    vertical-align: -0.3em;
    padding-left: 0.05em;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

@media all and (min-width: 800px) {
    .pullquote {
        width: 60%;
        float: right;
        quotes: "\201C" "\201D" "\2018" "\2019";
        font-size: 1.75em;
        position: relative;
        left: 120px;
        margin-left: -100px;
    }
}

article footer {
    margin-top: 30px;
    padding-top: 15px;
}

.tag-wrapper {
    font-size: 0.75em;
    word-spacing: 1.5em;
    position: relative;
}

.tag-wrapper i {
    display: none;
}

@media all and (max-width: 727px) {
    .tag-wrapper .tags {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        word-wrap: break-word;
        white-space: nowrap;
        overflow: scroll;
        width: 100%;
        padding: 0 15px;
    }

    .tag-wrapper .tags::-webkit-scrollbar {
        display: none;
    }

    .tag-wrapper i {
        display: inline-block;
        color: #1c1c1c;
        position: absolute;
        bottom: 2px;
        padding: 15px 0;
    }

    .tag-wrapper i:nth-of-type(1) {
        left: 0;
        padding-right: 12px;
        background-image: linear-gradient(to right, rgba(256, 256, 256, 1) 10px, rgba(256, 256, 256, 0));
    }

    .tag-wrapper i:nth-of-type(2) {
        right: 0;
        padding-left: 12px;
        background-image: linear-gradient(to left, rgba(256, 256, 256, 1) 10px, rgba(256, 256, 256, 0));
    }
}

.tag-wrapper h2 {
    font-size: 1em;
}

.tag-wrapper a:before {
    content: "#";
}

article footer .author-info {
    margin-top: 60px;
}

article footer .author-info h2 {
    font-size: 0.75em;
    padding-bottom: 10px;
}

article footer .author-image {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    float: left;
    margin-right: 15px;
}

article footer .author {
    height: 30px;
    line-height: 30px;
    font-style: normal;
    font-size: 1.25em;
    font-weight: 700;
}

article footer .about-the-author {
    height: 55px;
    display: table-cell;
    vertical-align: middle;
    font-size: 0.75em;
}

article footer .more-from-author {
    height: 15px;
    font-size: 0.6em;
    padding-top: 3px;
}

.author-info a {
    border-bottom: 1px solid #ccc;
}

article footer .comments {
    padding: 60px 0;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

article footer .comments a {
    color: #fff;
    background-color: var(--channel-color);
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
}

article footer .comments .fb-comments {
    display: none;
}

@media all and (min-width: 728px) {
    article footer .comments a {
        display: none;
    }

    article footer .comments .fb-comments {
        display: block;
    }
}

.footer-ad {
    text-transform: uppercase;
    width: 320px;
    height: 100px;
    line-height: 100px;
    font-size: 3em;
    color: #fff;
    text-align: center;
    margin: 60px auto;
    background-color: #ccc;
    font-family: sans-serif;
    position: relative;
}

@media all and (min-width: 728px) {
    .footer-ad {
        width: 728px;
        height: 90px;
        line-height: 90px;
    }

    .footer-ad.channel-page {
        margin-top: 30px;
    }
}

.footer-ad:before {
    content: 'ADVERTISEMENT';
    display: block;
    text-align: left;
    color: #1c1c1c;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.15em;
    position: absolute;
    top: -55px;
}

.more-from {
    width: 100%;
    max-width: 1092px;
    margin: auto;
    padding-top: 10px;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 0.75em;
}

@media all and (min-width: 728px) {
    .column-articles {
        width: 100%;
        max-width: 1092px;
        margin: auto;
        columns: 300px 3;
        column-gap: 8px;
        position: relative;
    }

    .column-articles .read-more {
        position: absolute;
        right: 0;
        top: -1.8em;
        font-size: 0.75em;
    }
}

@media all and (max-width: 727px) {
    .column-articles {
        columns: auto 1;
    }

    .column-articles::-webkit-scrollbar {
        display: none;
    }

    .column-articles .another-article {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 0;
    }

    .column-articles .another-article .article-text {
        font-size: 0.8em;
    }

    .column-articles .read-more {
        display: flex;
        justify-content: center;
        font-size: 56px;
        width: 100%;
        margin-top: -60px;
        margin-bottom: 60px;
    }

    .column-articles .read-more span {
        display: none;
    }

    .column-articles .read-more i {
        position: relative;
        top: 2px;
        left: 2px;
        color: #fff;
    }
}

.another-article {
    display: block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 60px;
}
.another-article > img {
    width: 100%;
}

.another-article .article-image {
    height: 300px;
    background-color: var(--channel-color);
    background-size: cover;
    background-position: center;
    width: 100%;
}

.another-article .article-text {
    position: relative;
    left: 1em;
    top: -5.6em;
    width: calc(100% - 2em);
}

.another-article h1 {
    font-family: 'Chivo', sans-serif;
    font-weight: 900;
    max-width: 80%;
    font-size: 2em;
    white-space: normal;
}

.another-article h1 span {
    background-color: #fff;
    padding: 1px 0px;
    box-shadow: -0.15em 0 0 #fff, 0.15em 0 0 #fff;
    box-decoration-break: clone;
}

.another-article time {
    font-size: 0.75em;
    color: #a0a0a0;
}

.column-articles .another-article i {
    color: var(--channel-color);
}

.follow-us {
    padding: 60px 0;
    text-align: center;
    /*background-color: aqua;*/
    background-image: linear-gradient(#fff, #f0f0f0);
}

.follow-us.channel-page {
    background: #f0f0f0;
    margin-bottom: 60px;
}

.follow-us .prompt {
    padding: 30px 15px 15px 15px;
}

.follow-us .social {
    padding: 30px 0;
}

.follow-us .social a {
    font-size: 2em;
    margin: 30px;
}

.follow-us .newsletter input {
    height: 40px;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.follow-us .newsletter input[type=email] {
    padding: 0 0.3em;
    border: 3px solid #1c1c1c;
    width: 75%;
    max-width: 400px;
    font-size: 1em;
    line-height: 40px;
    font-family: 'Montserrat';
}

.follow-us .newsletter input[type=submit] {
    background-color: #1c1c1c;
    color: #fff;
    font-family: 'Signika Negative', sans-serif;
    height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 2em;
}

@media all and (max-width: 727px) {
    .follow-us .newsletter input[type=email] {
        height: 43px;
        line-height: 43px;
    }

    .follow-us .newsletter input[type=submit] {
        width: 75%;
        max-width: 400px;
    }

    .follow-us .newsletter input::-webkit-input-placeholder {
        text-align: center;
    }
}

.pseudo-home {
    width: 100%;
    background-color: #f0f0f0;
    padding-top: 60px;
}

.latest-article {
    display: block;
    width: 100%;
    max-width: 1092px;
    margin: auto;
    position: relative;
    margin-bottom: 60px;
}

@media all and (min-width: 728px) {
    .latest-article {
        height: 600px;
    }
}

.latest-article .article-text {
    width: 90%;
    font-size: 0.7em;
    position: relative;
    /*top: -3.4em;*/
    left: 5%;
}

@media all and (min-width: 728px) {
    .latest-article .article-text {
        width: 60%;
        font-size: 1em;
        position: absolute;
        bottom: 1em;
        /* transform: translateY(-50%); */
        left: 12px;
        z-index: 1;
    }
}

.latest-article h1 {
    font-family: 'Chivo', sans-serif;
    font-weight: 900;
    font-size: 3.25em;
}

.latest-article span {
    background-color: #fff;
    padding: 1px 0px;
    box-shadow: -12px 0 0 #fff, 12px 0 0 #fff;
    box-decoration-break: clone;
}

.latest-article .summary {
    padding: 1.5% 0;
    font-size: 1.25em;
    color: white;

}
.latest-article .summary span {
    background: none;
    box-shadow: none;
}

.latest-article .author-and-time {
    display: inline-block;
    font-size: 0.6em;
    padding: 12px;
    background-color: #fff;
    position: absolute;
    right: 15px;
}

@media all and (max-width: 727px) {
    .latest-article .author-and-time {
        top: 15px;
    }
}

.latest-article .author-and-time img {
    height: 20px;
}

.latest-article .author-and-time time {
    display: block;
    color: #a0a0a0;
    text-align: right;
}

.latest-article .article-image {
    height: auto;
    width: 100%;
    background-size: cover;
}

@media all and (min-width: 728px) {
    .latest-article .article-image {
        height: 100%;
        width: 66.4%;
        position: absolute;
        right: 0;
        top: 0
    }

    .latest-article .author-and-time {
        bottom: 15px;
    }
}

.more-articles {
    /*width: 100%;*/
    /*display: grid;*/
    /*grid-template-columns: auto auto auto;*/
    /*grid-gap: 10px;*/
    padding: 8px;
    max-width: 1092px;
    margin: auto;
    columns: 300px 3;
    column-gap: 8px;
    display: none;
}

.more-articles .another-article {
    background-color: #fff;
    display: inline-block;
    margin: 0 0 8px;
    width: 32%;
    box-shadow: 0 12px 12px -10px #1a1a1a;
    position: relative;
    border-bottom: 10px solid var(--channel-color);
}
@media all and (max-width: 450px) {
    .more-articles .another-article {
        width: 100%;
    }
}
@media (min-width: 451px) and (max-width: 800px) {
    .more-articles .another-article {
        width: 47%;
    }
}

.more-articles .another-article:nth-of-type(1) .article-image {
    background-image: url("http://cdn.bmwblog.com/wp-content/uploads/Another-Alpine-White-BMW-M3-Build-By-European-Auto-Source-10.jpg");
}

.more-articles .another-article:nth-of-type(2) .article-image {
    background-image: url("https://www.thetorquereport.com/wp-content/uploads/2017/09/2018-Volvo-XC40-00032.jpg");
}

.more-articles .another-article:nth-of-type(3) .article-image {
    background-image: url("https://media.giphy.com/media/AEGnSckSUhFvwqeFw8/giphy.gif");
}

.more-articles .another-article:nth-of-type(4) .article-image {
    background-image: url("http://cdn.bmwblog.com/wp-content/uploads/bmw-hq-munich-1.jpg");
}

.more-articles .another-article:nth-of-type(5) .article-image {
    background-image: url("http://goautomedia.cdn.on.net/gallery/renault/twizy/2014_08_07_renault_twizy_05.jpg");
}

.more-articles .another-article:nth-of-type(6) .article-image {
    background-image: url("https://media.giphy.com/media/AVSl859um5sCA/giphy.gif");
}

.more-articles .another-article .article-text .channel-logo-etc {
    margin-top: 30px;
    margin-bottom: -5px;
    width: 88%;
}

.more-articles .another-article .article-text .channel-logo-etc img {
    height: 20px;
}

.more-articles .another-article .article-text .channel-logo-etc time {
    display: inline-block;
    line-height: 20px;
    float: right;
    color: #a0a0a0;
}

.more-articles.channel-page .another-article .article-text .channel-logo-etc time {
    float: left;
}

.tile-summary {
    margin-top: 10%;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 400;
}

.see-more {
    text-align: center;
    /*position: relative;*/
    bottom: 60px;
    padding-top: 10px;
    padding-bottom: 1%;
}

.see-more a {
    display: block;
    background-color: #1c1c1c;
    color: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 56px;
    border-radius: 50%;
    margin: auto;
}

.see-more i {
    position: relative;
    top: 4px;
}

@media all and (max-width: 916px) {
    .see-more {
        padding-top: 110px;
    }
}

.site-footer {
    color: #a0a0a0;
    background-color: #1c1c1c;
    text-align: center;
    font-size: 0.6em;
    padding-top: 60px;
}

.site-footer .social {
    width: 75%;
    margin: auto;
    max-width: 500px;
}

.site-footer .social a {
    color: #fff;
    font-size: 2.5em;
    margin: 0 10%;
}

.site-footer .disclaimer {
    max-width: 48em;
    margin: auto;
}

.site-footer .disclaimer a {
    color: inherit;
}

.site-footer .copyright {
    padding-bottom: 15px;
}

.topic-header.hero {
    height: 40vh;
    max-height: 400px;
    background-image: url("/build/images/headlight_header.png");
    background-color: white;
}

.channel-header.title {
    height: 75vh;
    max-height: 700px;
    max-width: 1092px;
    margin: auto;
    position: relative;
    /*height: 100%;*/
}
.channel-header.title .sash {
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}

.topic-header.title {
    height: 25vh;
    max-height: 250px;
    position: relative;
    color: #fff;
    max-width: 1092px;
    margin: auto;
}

.topic-header.title div {
    position: absolute;
    right: 0;
    bottom: 1em;
    font-size: 1.5em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.topic-header.title div span {
    padding: 5px;
    background-color: #1c1c1c;
    box-shadow: -0.25em 0 0 #1c1c1c, 0.25em 0 0 #1c1c1c
}

.advertice-container {
    width: 100%;
    max-width: 728px;
    max-height: 90px;
    /* height: 100px; */
    margin: 60px auto;
}
@media all and (max-width: 727px) {
    .advertice-container {
        max-width: 320px;
        max-height: 100px;
    }
}
.advertice-container > div {
    text-align: left;
    font-size: 0.6em;
    padding: 5px 0;
}
.advertice-container .advertice-image {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 90px;
}

.hero.terms {
    height: 30vh;
    max-height: 250px;
    background: #f44336;
}

.author-header.hero {
    height: 50vh;
    max-height: 500px;
    background-image: url(/build/images/headlight_header.png);
    background-color: white;
}

.author-header.title {
    height: 35vh;
    max-height: 350px;
    position: relative;
    color: #fff;
    line-height: 0.8em;
    max-width: 1092px;
    margin: auto;
}

.author-header.title div {
    position: absolute;
    right: 0;
    bottom: 1em;
    font-size: 1.5em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.author-header.title div span {
    padding: 20px;
    float: right;
    background-color: rgba(28, 28, 28, 0.85);
}

.author-header.title .description {
    font-size: 0.4em;
    font-weight: 400;
    position: relative;
    top: 20px;
    padding: 5px;
}

article.terms .messy-spacer {
    height: 30vh;
    max-height: 250px;
}

article .terms {
    margin: 60px 0;
}

.terms p a {
    border-bottom: 2px solid #e0e0e0;
}

.article-wrapper img {
    max-width: 100%;
}

.sharing .no-mobile a {
    display: none;
}

@media (min-width: 728px) and (max-width: 900px) {

    .column-articles {
        width: 100%;
        max-width: 1092px;
        margin: auto;
        columns: auto 2;
        column-gap: 8px;
        position: relative;
    }
}

.custom-ads{
    text-align: center;
    padding: 30px 0px
}
.underline,
.underline-channel,
.underline-last-article{
    /*background-position: 50% -75%;*/
    /*background-repeat: no-repeat;*/
    line-height: 1.4;
    background-position: 0 0.85em;
    background-repeat: repeat-x;
    background-size: 1px 0.25em;
}


.bottom-color{
    /*text-align: center;*/
    /*padding-top: 5%;*/
    /*background-image: url(/build/images/tile_bg1.png);*/
    text-align: center;
    /*background-color: var(--channel-color);*/
    background-size: 100%;
    background-position: 0 -150%;
    height: 80px;
    margin-top: 20px;
    width: 100%;
}
.bottom-color img{
    max-height: 70px;
    max-width: 60%;
    position: relative;
    top: 10px;
}

.column-articles .channel{
    padding-bottom: 15px;
}
.column-articles.channel .bottom-color{
    display: none;
}

#open-comments {
    background-color: greenyellow;
}

.latest-article-home{
    margin-top: 100px;
}

#make-a-choice {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(256,256,256,0.75);
    display: block;
    z-index: 5;
    text-align: center;
}

#make-a-choice .choice-wrapper {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 90%;
    max-width: 450px;
    padding: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#sharing-menu {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(256,256,256,0.75);
    display: none;
    z-index: 5;
}

.more-sharing .sharing-wrapper {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 90%;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#make-a-choice {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(256,256,256,0.75);
    display: block;
    z-index: 5;
    text-align: center;
}

#make-a-choice .choice-wrapper {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 90%;
    max-width: 450px;
    padding: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.choice-wrapper .decoder-address {
    font-size: 1.5em;
    margin: 25px 0;
}

.choice-wrapper button {
    border: none;
    background-color: #1c1c1c;
    color: #fff;
    font-family: 'Signika Negative', sans-serif;
    height: 45px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 1em;
    font-size: 1em;
    margin-bottom: 25px;
}

#choice-close-button {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.choice-close-button, .decoder-link{
    cursor: pointer;
}

.home{
    background-color: #f0f0f0;
}

.more-articles .another-article > img {
    height: 300px;
}
/* footer*/

/***** these bits are totally new *****/

.site-footer .footer-menu {
    color: #fff;
    font-size: 1.25em;
    text-transform: uppercase;
    line-height: 2.5em;
}

.site-footer .footer-menu a {
    margin: 0 2em;
    white-space: nowrap;
}

.site-footer .disclaimer p {
    padding: 1em 0;
}

/***** these bits have some changes *****/

.site-footer {
    color: #a0a0a0;
    background-color: #1c1c1c;
    text-align: center;
    font-size: 0.6em;
    padding-top: 30px; /* this has changed from 60px */
    font-family: 'Montserrat', sans-serif; /* this style is new */
}

.site-footer .disclaimer {
    width: 45em; /* this has changed from 48em */
    max-width: 75%; /* this is new */
    margin: auto;
    /* the current design includes padding, but this one doesn't */
}

.site-footer .copyright {
    font-size: 0.75em; /* this style is new */
    padding: 15px; /* this is now padding, not padding-bottom */
}

/***** these bits do not include any changes *****/

footer a {
    text-decoration: none;
    color: inherit;
}

.site-footer .disclaimer a {
    color: inherit;
}

.site-footer .social {
    width: 75%;
    margin: auto;
    max-width: 500px;
    padding: 30px 0;
}

.site-footer .social a {
    color: #fff;
    font-size: 2.5em;
    margin: 0 10%;
}