/* ========== Localnav ========== */
#overview .link-overview,
#examples .link-examples,
#fps .link-fps {
	color: rgba(51, 51, 51, 0.6);
	pointer-events: none;
}
@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;
}

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