/* CargoNews left navigation refresh */

@media screen and (min-width: 1221px) {
    section#content:after {
        background-color: #fff;
        border-right: 1px solid #ededed;
        box-sizing: border-box;
    }

    aside.left-sidebar {
        width: 270px;
        padding: 0 30px 56px;
        box-sizing: border-box;
        background: #fff;
        border: 0;
        color: #171717;
    }

    aside.left-sidebar #logo {
        display: block;
        width: 100%;
        height: auto;
        margin: 24px 0 0;
        padding: 0 0 22px;
        border-bottom: 1px solid #e7e7e7;
        text-decoration: none;
    }

    aside.left-sidebar .cargonews-wordmark-main {
        display: block;
        white-space: nowrap;
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 31px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: -1.35px;
    }

    aside.left-sidebar .cargonews-wordmark-cargo {
        color: #171717;
    }

    aside.left-sidebar .cargonews-wordmark-news {
        margin-left: 4px;
        color: #f38118;
    }

    aside.left-sidebar .cargonews-wordmark-tagline {
        display: block;
        margin-top: 8px;
        color: #8f8f8f;
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 8.5px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 1.35px;
        text-transform: uppercase;
    }

    aside.left-sidebar #logo:hover .cargonews-wordmark-cargo,
    aside.left-sidebar #logo:focus .cargonews-wordmark-cargo {
        color: #000;
    }

    aside.left-sidebar #logo:hover .cargonews-wordmark-news,
    aside.left-sidebar #logo:focus .cargonews-wordmark-news {
        color: #df6d08;
    }

    aside.left-sidebar .date-container {
        width: auto;
        height: auto;
        margin: 0;
        padding: 14px 0 17px;
        border: 0;
        border-bottom: 1px solid #ececec;
        background: none;
        color: #9a9a9a;
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 11px;
        line-height: 1.35;
        letter-spacing: 0.01em;
        text-align: left;
    }

    #left-sidebar-categories {
        margin-top: 0;
    }

    aside.left-sidebar .widget {
        margin: 0;
    }

    aside.left-sidebar .widget ul {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        list-style: none;
    }

    aside.left-sidebar .widget ul li {
        position: relative;
        margin: 0;
        padding: 0 !important;
        border-bottom: 1px solid #ededed;
        line-height: 1.35;
    }

    aside.left-sidebar .widget ul li:after {
        display: none;
    }

    aside.left-sidebar .widget ul li a {
        display: block;
        padding: 12px 0 13px;
        color: #202020;
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.35;
        text-decoration: none;
        transition: color 0.15s ease;
    }

    aside.left-sidebar .widget ul li a:hover,
    aside.left-sidebar .widget ul li a:focus {
        color: #f38118;
        text-decoration: none;
    }

    aside.left-sidebar .widget ul li.current-cat:before {
        content: "";
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: -14px;
        width: 3px;
        background: #f38118;
    }

    aside.left-sidebar .widget ul li.current-cat a {
        color: #111;
        font-weight: 700;
    }

    aside.left-sidebar #searchform {
        width: 100%;
        height: 38px;
        margin: 24px 0 0;
    }

    aside.left-sidebar .searchform > div {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        height: 38px;
        border: 1px solid #dcdcdc;
        background: #fff;
        box-sizing: border-box;
    }

    aside.left-sidebar .searchform #s {
        position: static;
        width: 100%;
        height: 36px;
        padding: 8px 40px 8px 11px;
        border: 0;
        background: transparent;
        color: #222;
        font-family: "Open Sans", Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        box-sizing: border-box;
    }

    aside.left-sidebar .searchform #s::placeholder {
        color: #9a9a9a;
        opacity: 1;
    }

    aside.left-sidebar .searchform .search-submit-modern {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 36px;
        padding: 0;
        border: 0 !important;
        background: transparent !important;
        color: #555 !important;
        cursor: pointer;
    }

    aside.left-sidebar .searchform .search-submit-modern:hover,
    aside.left-sidebar .searchform .search-submit-modern:focus {
        background: transparent !important;
        color: #f38118 !important;
        text-decoration: none;
    }

    aside.left-sidebar .searchform .search-submit-modern svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
    }
}

/* CargoNews masthead — stronger wordmark */
aside.left-sidebar #logo.cargonews-wordmark {
    background: none !important;
    text-decoration: none !important;
}

aside.left-sidebar .cargonews-wordmark-main {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -1.5px;
}

aside.left-sidebar .cargonews-wordmark-cargo {
    color: #111;
}

aside.left-sidebar .cargonews-wordmark-news {
    display: inline;
    margin-left: 6px;
    padding: 0;
    background: transparent;
    color: #f38118;
    letter-spacing: -1.5px;
}

@media screen and (min-width: 1221px) {
    aside.left-sidebar #logo.cargonews-wordmark {
        width: 100% !important;
        height: auto !important;
        margin: 28px 0 0 !important;
        padding: 0 0 26px !important;
        border-bottom: 1px solid #e7e7e7 !important;
    }

    aside.left-sidebar .cargonews-wordmark-main {
        font-size: 45px !important;
        letter-spacing: -2.1px !important;
    }
}

@media screen and (min-width: 1003px) and (max-width: 1220px) {
    aside.left-sidebar #logo.cargonews-wordmark {
        width: 235px !important;
        height: auto !important;
        margin: 9px 0 0 28px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    aside.left-sidebar .cargonews-wordmark-main {
        font-size: 42px !important;
        letter-spacing: -1.9px !important;
    }
}

@media screen and (max-width: 1002px) {
    aside.left-sidebar #logo.cargonews-wordmark {
        width: auto !important;
        height: auto !important;
        margin-top: 7px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    aside.left-sidebar .cargonews-wordmark-main {
        font-size: 32px !important;
        letter-spacing: -1.4px !important;
    }
}

/* CargoNews masthead centered across the page */
#content > header {
    position: relative;
}

.cargonews-site-masthead {
    position: absolute;
    z-index: 20;
    display: flex;
    align-items: baseline;
    white-space: nowrap;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -2.2px;
    text-decoration: none !important;
}

.cargonews-site-masthead-cargo {
    color: #111;
}

.cargonews-site-masthead-news {
    margin-left: 7px;
    color: #f38118;
}

/* Override the legacy header rule that forces every child to 14px/400 */
section#content > header .cargonews-site-masthead,
section#content > header .cargonews-site-masthead * {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

@media screen and (min-width: 1221px) {
    section#content > header .cargonews-site-masthead,
    section#content > header .cargonews-site-masthead * {
        font-size: 54px !important;
    }
    #content > header {
        min-height: 112px;
    }

    .cargonews-site-masthead {
        top: 28px;
        left: calc(50% - 135px);
        transform: translateX(-50%);
        font-size: 52px;
    }

    aside.left-sidebar .date-container {
        margin-top: 112px !important;
    }

    #content > header .lang-switcher {
        position: absolute;
        top: 42px;
        right: 30px;
        margin: 0 !important;
    }
}

@media screen and (min-width: 1003px) and (max-width: 1220px) {
    .cargonews-site-masthead {
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 36px;
        letter-spacing: -1.6px;
    }
}

@media screen and (max-width: 1002px) {
    .cargonews-site-masthead {
        top: 9px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 30px;
        letter-spacing: -1.2px;
    }
}