/** Import Compass */
.a-MediaList-icon, .a-MediaList-title, .a-MediaList-desc, .a-MediaList-badge { transition: color .1s, background-color .1s, border-color .1s; }

/* ========================================================================== Media List ========================================================================== */
.a-MediaList { list-style: none; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }

.a-MediaList-item { display: table; border-collapse: collapse; table-layout: auto; width: 100%; border-bottom: 1px solid; }

.a-MediaList-item:last-child { border-bottom-width: 0; }

.a-MediaList-iconWrap, .a-MediaList-body, .a-MediaList-badgeWrap { display: table-cell; padding: 12px 0; }

.a-MediaList-iconWrap, .a-MediaList-badgeWrap { padding: 12px 16px; }

/* ========================================================================== Icon ========================================================================== */
.a-MediaList-iconWrap { text-align: center; width: 64px; vertical-align: middle; }

.a-MediaList-icon { color: #A0A0A0; }

.a-MediaList-icon .a-Icon { width: 32px; height: 32px; }

.a-MediaList-icon .a-Icon:before { font-size: 32px; }

/* ========================================================================== Text ========================================================================== */
.a-MediaList-title { margin: 0; font-size: 1.6rem; line-height: 2rem; font-weight: 500; }

.a-MediaList-desc { margin: 0; font-size: 1.4rem; line-height: 2rem; color: #707070; }

/* ========================================================================== Badge ========================================================================== */
.a-MediaList-badgeWrap { text-align: right; width: 1%; vertical-align: middle; }

.a-MediaList-badge { display: inline-block; font-size: 1.4rem; line-height: 1.4rem; border: 1px solid #F8F8F8; background-color: #FAFAFA; padding: 8px 10px; border-radius: 2px; min-width: 32px; text-align: center; }

.a-MediaList-badge:empty { display: none; }

/* ========================================================================== Link ========================================================================== */
.a-MediaList-link { display: block; transition: background-color .1s; }

.a-MediaList-link:hover { text-decoration: none; }

/* ========================================================================== Modifier: Circular Icons --- Places icons inside of a circle ========================================================================== */
.a-MediaList--circularIcons .a-MediaList-icon { display: block; background-color: #D6D6D8; border-radius: 100%; width: 40px; height: 40px; text-align: center; vertical-align: middle; line-height: 40px; color: #FFF; }

.a-MediaList--circularIcons .a-MediaList-icon .a-Icon { font-size: 1.4rem; }

/* ========================================================================== Modifier: Slim --- Slimmer List ========================================================================== */
.a-MediaList--slim { /* Text */ /* Text */ }

.a-MediaList--slim .a-MediaList-iconWrap, .a-MediaList--slim .a-MediaList-body, .a-MediaList--slim .a-MediaList-badgeWrap { display: table-cell; padding: 8px 0; }

.a-MediaList--slim .a-MediaList-iconWrap, .a-MediaList--slim .a-MediaList-badgeWrap { padding: 8px 12px; }

.a-MediaList--slim .a-MediaList-title { font-size: 1.4rem; line-height: 2rem; }

.a-MediaList--slim .a-MediaList-desc { font-size: 1.2rem; line-height: 1.6rem; }

.a-MediaList--slim .a-MediaList-badge { font-size: 1.2rem; line-height: 1.4rem; padding: 4px 6px; }

/* ========================================================================== Modifier: No Icons --- Remove Icons ========================================================================== */
.a-MediaList--noIcons .a-MediaList-iconWrap { width: 0; padding-right: 0; }

.a-MediaList--noIcons .a-MediaList-iconWrap .a-Icon { display: none; }

/* ========================================================================== Modifier: No Title + No Description + No Badge --- Remove Icons ========================================================================== */
.a-MediaList--noTitle.a-MediaList--noDesc.a-MediaList--noBadge .a-MediaList-badgeWrap, .a-MediaList--noTitle.a-MediaList--noDesc.a-MediaList--noBadge .a-MediaList-body { display: none; }

.a-MediaList--noTitle.a-MediaList--noDesc.a-MediaList--noBadge .a-MediaList-iconWrap { display: block; text-align: center; width: auto; }

.a-MediaList--noTitle.a-MediaList--noDesc.a-MediaList--noBadge .a-MediaList-icon { margin: 24px auto; display: block; }

/* ========================================================================== Modifier: No Badge --- Remove Icons ========================================================================== */
.a-MediaList--noBadge .a-MediaList-badgeWrap { width: 0; padding-left: 0; }

.a-MediaList--noBadge .a-MediaList-badge { display: none; }

/* ========================================================================== Modifier: Horizontal (Table Based) --- Arrange list items horizontally using table layout ========================================================================== */
.a-MediaList--horizontal { overflow: hidden; display: table; table-layout: fixed; }

.a-MediaList--horizontal .a-MediaList-item { vertical-align: top; display: table-cell; width: 1%; border-bottom-width: 0; border-right: 1px solid #F0F0F0; }

.a-MediaList--horizontal .a-MediaList-item:last-child { border-right: none; }

.a-MediaList--horizontal .a-MediaList-item .a-MediaList-iconWrap, .a-MediaList--horizontal .a-MediaList-item .a-MediaList-badgeWrap { vertical-align: top; }

/* ========================================================================== Modifier: Blocks --- Blocks ========================================================================== */
.a-MediaList--cols { overflow: hidden; }

.a-MediaList--cols .a-MediaList-item { display: block; float: left; border-bottom-width: 0; position: relative; }

.a-MediaList--cols .a-MediaList-item .a-MediaList-iconWrap, .a-MediaList--cols .a-MediaList-item .a-MediaList-badgeWrap { vertical-align: top; }

.a-MediaList--cols .a-MediaList-item:before, .a-MediaList--cols .a-MediaList-item:after { content: ''; position: absolute; background-color: #F8F8F8; }

.a-MediaList--cols .a-MediaList-item:after { top: 0; bottom: 0; width: 1px; right: -1px; }

.a-MediaList--cols .a-MediaList-item:before { left: 0; right: 0; height: 1px; bottom: -1px; }

.a-MediaList--cols .a-MediaList-item .a-MediaList-desc { overflow: hidden; text-overflow: ellipsis; }

.a-MediaList--cols.a-MediaList--2cols .a-MediaList-item { width: 50%; }

.a-MediaList--cols.a-MediaList--2cols .a-MediaList-item:nth-child(2n+1) { clear: both; }

.a-MediaList--cols.a-MediaList--3cols .a-MediaList-item { width: 33.333%; }

.a-MediaList--cols.a-MediaList--3cols .a-MediaList-item:nth-child(3n+1) { clear: both; }

.a-MediaList--cols.a-MediaList--4cols .a-MediaList-item { width: 25%; }

.a-MediaList--cols.a-MediaList--4cols .a-MediaList-item:nth-child(4n+1) { clear: both; }

.a-MediaList--cols.a-MediaList--5cols .a-MediaList-item { width: 20%; }

.a-MediaList--cols.a-MediaList--5cols .a-MediaList-item:nth-child(5n+1) { clear: both; }

/* ========================================================================== Modifier: Hide Description --- Hide Description ========================================================================== */
.a-MediaList--noDesc .a-MediaList-iconWrap, .a-MediaList--noDesc .a-MediaList-badgeWrap, .a-MediaList--noDesc .a-MediaList-body, .a-MediaList--noDesc.a-MediaList--cols .a-MediaList-iconWrap, .a-MediaList--noDesc.a-MediaList--cols .a-MediaList-badgeWrap, .a-MediaList--noDesc.a-MediaList--cols .a-MediaList-body, .a-MediaList--noDesc.a-MediaList--horizontal .a-MediaList-iconWrap, .a-MediaList--noDesc.a-MediaList--horizontal .a-MediaList-badgeWrap, .a-MediaList--noDesc.a-MediaList--horizontal .a-MediaList-body { vertical-align: middle; }

.a-MediaList--noDesc .a-MediaList-desc { display: none; }

/* ========================================================================== Modifier: Hide Title --- Hide Description ========================================================================== */
.a-MediaList--noTitle .a-MediaList-title { display: none; }

/* ========================================================================== Modifier: Buttons --- Hide Description ========================================================================== */
.a-MediaList--buttons .a-MediaList-item { padding: 8px; }

.a-MediaList--buttons .a-MediaList-item:before, .a-MediaList--buttons .a-MediaList-item:after { display: none; }

.a-MediaList--buttons .a-MediaList-link { background-color: #F9F9F9; border: none; border-radius: 2px; background-clip: padding-box; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) inset; color: #404040; }

.a-MediaList--buttons .a-MediaList-link:hover { box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.125) inset; }

.a-MediaList--buttons .a-MediaList-link:active { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset; background-color: #1d66a9; }

@media only screen and (max-width: 800px) { .a-MediaList--horizontal .a-MediaList-item { display: block; width: 100%; float: none; border-bottom-width: 1px; border-right-width: 0; } }