@media only screen and (max-width: 735px) {
    .localnav-actions-center .localnav-action.localnav-action-menucta {
        margin-left: 0;
    }
}

@media only screen and (max-width: 380px) {
    .localnav-actions-center .localnav-action.localnav-action-menucta {
        margin-left: 50px;
    }
}

#main ul li {
    margin-bottom: 0.5em;
}

.video-wrapper {
    margin: 50px auto;
    text-align: center;
}

.video-wrapper.advanced-streaming-3d {
    max-width: 960px;
}

.video-wrapper.advanced-streaming-3d video{
    width:100%;
    padding: 0 1em;
}

.violator-inline {
    vertical-align: middle;
}

/* ========== Icons ========== */
.svg-icon {
    margin: 0 0 1em;
    width: 56px;
    height: 56px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.code-icon {
    background-image: url("/assets/elements/icons/wwdr-unified/curly-brackets.svg");
}

.contact-icon {
    background-image: url("/assets/elements/icons/wwdr-unified/chat_bubble.svg");
}

.download-icon {
    background-image: url("/assets/elements/icons/wwdr-unified/download.svg");
}

.document-icon {
    background-image: url("/assets/elements/icons/wwdr-unified/document.svg");
}

.forums-icon {
    background-image: url("/assets/elements/icons/wwdr-unified/forum.svg");
}

.video-icon {
    background-image: url("/assets/elements/icons/wwdr-unified/play.svg");
}


/* ========== Grid ========== */
#main section.section {
    padding-top: 4em;
    padding-bottom: 4em;
}

#main section .section-content .row {
    margin-left: 0;
    margin-right: 0;
}

#main section .section-content .row>.column {
    padding: 0;
}

@media only screen and (max-width: 1068px) {
    #main section .section-content .row {
        margin-left: 0;
        margin-right: 0;
    }

    #main section .section-content .row>.column {
        padding: 0;
    }
}

@media only screen and (max-width: 735px) {
    #main section.section {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    #main section .section-content .row {
        margin-left: 0;
        margin-right: 0;
    }

    #main section .section-content .row>.column {
        padding: 1em 0;
    }
}

/* === DARK MODE === */
body[data-color-scheme="dark"].dmf .svg-icon {
    filter: contrast(12);
}