/* -------------------- Typography -------------------- */
.b-wysiwyg { font: 400 .875em/2.143 'Arial', sans-serif; letter-spacing: .2em; }

@media (max-width: 767px) {

    .b-wysiwyg { font: 400 .875em/1.75 'Arial', sans-serif; letter-spacing: .15em; }

}

/* * * Wysiwyg :: headers * * */
.b-wysiwyg h2 { margin: 20px 0 32px; font: 700 12px/1.5 'Arial', sans-serif; text-transform: uppercase; color: #000; }
.b-wysiwyg h3 { margin: 20px 0 32px; font: 400 10px/1.5 'Arial', sans-serif; text-transform: uppercase; color: #a3a3a3; }

@media (max-width: 767px) {


}

.b-wysiwyg h2:first-child, .b-wysiwyg h3:first-child,
.b-wysiwyg h4:first-child, .b-wysiwyg h5:first-child, .b-wysiwyg h6:first-child { margin-top: auto; }

.b-wysiwyg h2 + h3,
.b-wysiwyg h3 + h2 { margin-top: -12px; }

.b-heading + .b-wysiwyg > h2:first-child,
.b-heading + .b-wysiwyg > h3:first-child { margin-top: -24px; }

/* * * Wysiwyg :: defaults * * */
.b-wysiwyg p,
.b-wysiwyg ul,
.b-wysiwyg ol,
.b-wysiwyg table { margin-top: 20px; margin-bottom: 20px; }

.b-wysiwyg td table { margin-top: auto; margin-bottom: auto; }

.b-wysiwyg img { max-width: 100%; height: auto; }
.b-wysiwyg hr { display: block; margin-top: 20px; margin-bottom: 20px; max-width: 100%; height: 0; background: none; border: none; border-bottom: 1px solid #e5e5e5; }

.b-wysiwyg a { text-decoration: underline; color: #ffcd32; }
.b-wysiwyg a:hover { text-decoration: none; }

/* * * Wysiwyg :: lists * * */
.b-wysiwyg ul,
.b-wysiwyg ol { list-style: none; clear: both; }

.b-wysiwyg li ul,
.b-wysiwyg li ol { margin-top: 20px; margin-bottom: 20px; }

.b-wysiwyg li p,

.b-wysiwyg li h2,
.b-wysiwyg li h3 { margin: 2px 0; }

.b-wysiwyg li { position: relative; margin: 0; padding-left: 25px; }
.b-wysiwyg li:before { position: absolute; left: 0; top: 0; color: #ffcd32; }

.b-wysiwyg ul > li:before { left: 0; top: 11px; width: 10px; height: 10px; background: #ffcd32; border-radius: 50%; content: ''; }

@media (max-width: 767px) {

    .b-wysiwyg li ul,
    .b-wysiwyg li ol { margin-top: 10px; margin-bottom: 10px; }

    .b-wysiwyg li { padding-left: 20px; }

    .b-wysiwyg ul > li:before { top: 10px; width: 6px; height: 6px; }

}

.b-wysiwyg ol { margin: 72px 0; }
.b-wysiwyg ol > li { margin: 48px 0; }

.b-wysiwyg ol { counter-reset: list; }
.b-wysiwyg ol ol { counter-reset: sublist; }
.b-wysiwyg ol ol ol { counter-reset: thirdlist; }

.b-wysiwyg ol > li { padding-left: 80px; }
.b-wysiwyg ol ol > li { padding-left: 100px; }
.b-wysiwyg ol ol ol > li { padding-left: 120px; }

.b-wysiwyg ol > li:before { left: -4px; top: -5px; font: 700 50px/1 'Arial Black', 'Arial', sans-serif; letter-spacing: .05em; color: inherit; background: none; counter-increment: list; content: "0" counter(list); }
.b-wysiwyg ol > li:nth-child(9) ~ li { content: counter(list); }

.b-wysiwyg ol ol > li:before { counter-increment: sublist; content: "0" counter(list) "." counter(sublist); }
.b-wysiwyg ol > li:nth-child(9) ~ li ol > li:before { content: counter(list) "." counter(sublist); }

.b-wysiwyg ol ol ol > li:before { counter-increment: thirdlist; content: "0" counter(list) "." counter(sublist) "." counter(thirdlist); }
.b-wysiwyg ol > li:nth-child(9) ~ li ol ol > li:before { content: counter(list) "." counter(sublist) "." counter(thirdlist); }

@media (max-width: 767px) {

    .b-wysiwyg ol { margin: 32px 0; }
    .b-wysiwyg ol > li { margin: 24px 0; }

    .b-wysiwyg ol > li { padding-left: 50px; }
    .b-wysiwyg ol ol > li { padding-left: 70px; }
    .b-wysiwyg ol ol ol > li { padding-left: 90px; }

    .b-wysiwyg ol > li:before { left: -3px; top: 2px; font: 700 32px/1 'Arial Black', 'Arial', sans-serif; }

}

/* * * Wysiwyg :: figures * * */
.b-sentence,
.b-wysiwyg blockquote { margin: 60px 0; padding: 10px 0 10px 20px; font: 400 italic 1em 'Arial', sans-serif; line-height: inherit; text-align: left; color: #8c8c8c; border-left: 5px solid #ffcd32; }

@media (max-width: 767px) {

    .b-sentence,
    .b-wysiwyg blockquote { margin: 32px 0;  }

}

/* * * Wysiwyg :: correction * * */
.b-wysiwyg .flex { margin-bottom: -20px; }
.b-wysiwyg .flex > [class*="col-"] { margin-bottom: 20px; letter-spacing: .2em; }

@media (max-width: 767px) {

    .b-wysiwyg .flex > [class*="col-"] { letter-spacing: .15em; }

}

.b-wysiwyg p:first-child,
.b-wysiwyg hr:first-child,
.b-wysiwyg table:first-child,

.b-wysiwyg [class*="col-"] > ul:first-child, .b-wysiwyg .g-pull-wrapper > ul:first-child,
.b-wysiwyg [class*="col-"] > ol:first-child, .b-wysiwyg .g-pull-wrapper > ol:first-child,
.b-wysiwyg [class*="col-"] > dl:first-child, .b-wysiwyg .g-pull-wrapper > dl:first-child { margin-top: auto; }

.b-wysiwyg p:last-child,
.b-wysiwyg ul:last-child,
.b-wysiwyg ol:last-child,
.b-wysiwyg dl:last-child,
.b-wysiwyg hr:last-child,
.b-wysiwyg table:last-child { margin-bottom: auto; }


/* -------------------- Tables -------------------- */
.b-table { margin: 54px 0; width: 100%; font: 400 14px 'Arial', sans-serif; color: #000; border-collapse: separate; }

.b-table th { vertical-align: middle; padding: 18px 20px; font: 700 12px 'Arial', sans-serif; text-align: center; text-transform: uppercase; color: #000; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.13); }
.b-table td { vertical-align: top; padding: 18px 20px; color: #000; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.13); }

.b-table__spacing { border-spacing: 20px 0; }

@media (max-width: 767px) {

    .b-table__spacing { border-spacing: 10px 0; }

}

.b-table_spacer td { padding: 8px 0; background: none; box-shadow: none; }

.b-table_spacer ~ tr td { border-bottom: 1px solid #f5f5f5; }
.b-table_spacer ~ tr:last-child td { border-bottom: none; }

@media (max-width: 767px) {

    .b-table_spacer td { padding: 5px 0; }

}

/* * * Table :: scrollable * * */
.b-table_overflow { position: relative; margin: 42px -10px; padding: 10px 10px; }
.b-table_overflow.spacing { margin: 42px -20px; padding: 10px 0; }

@media (max-width: 767px) {

    .b-table_overflow { margin: 22px -10px; }
    .b-table_overflow.spacing { margin: 22px -10px; padding: 10px 0; }

}

.b-table_overflow.scrollable { overflow-x: scroll; overflow-y: hidden; }

.b-table_overflow .b-table { margin-top: auto; margin-bottom: auto; }

/* * * Table :: collapsed * * */
@media (max-width: 767px) {

    .b-table__collapsed th,
    .b-table__collapsed tr:first-child,

    .b-table__collapsed .b-table_spacer { display: none; }

    .b-table__collapsed,
    .b-table__collapsed tbody,
    .b-table__collapsed tr,
    .b-table__collapsed td { display: block; }

    .b-table__collapsed tr { background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.13); }
    .b-table__collapsed tr ~ tr { margin-top: 10px; }

    .b-table__collapsed td { padding: 16px 10px; text-align: left; background: none; box-shadow: none; border-bottom: none !important; }
    .b-table__collapsed td ~ td { border-top: 1px solid #e5e5e5; }

    .b-table__collapsed td[data-title]:before { display: block; margin-bottom: 8px; font: 700 12px 'Arial', sans-serif; text-transform: uppercase; color: #000; content: attr(data-title); }

}


/* -------------------- Figures -------------------- */
/* * * Figures :: pic * * */
.b-fig { display: block; position: relative; margin: 30px 0; max-width: 100%; }

.b-fig:first-child { margin-top: auto; }
.b-fig:last-child { margin-bottom: auto; }

.b-fig a,
.b-fig img { display: block; position: relative; max-width: 100%; height: auto; text-decoration: none; color: inherit; box-sizing: border-box; -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: pixelated; }

.b-fig_caption { margin-top: 20px; font: 700 10px 'Arial', sans-serif; text-transform: uppercase; color: #a3a3a3; }