@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,600i,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,600i,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,600i,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,600i,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,600i,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,600i,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,600i,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,600i,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,600i,700&display=swap");
@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGrotesk-Bold.woff2") format("woff2"), url("../fonts/FGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGroteskDemi-Regular.woff2") format("woff2"), url("../fonts/FGroteskDemi-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: "Source Sans Pro", sans-serif;
  color: #e5e3e2; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 0; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul, ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  display: block; }

svg {
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

button[disabled], input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/**** Colors ****/
/**** Fonts ****/
/** body **/
/** body-2 **/
/** headline-1 **/
/** headline-2 **/
/** headline-3 **/
/** headline-4 **/
/** headline-5 **/
/** label **/
/** label-bold **/
/** subtitle **/
/** subtitle-2 **/
@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGrotesk-Bold.woff2") format("woff2"), url("../fonts/FGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGroteskDemi-Regular.woff2") format("woff2"), url("../fonts/FGroteskDemi-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
.grid-container {
  display: grid;
  grid-template-columns: 7fr 3fr; }

.grid-main {
  display: grid;
  grid-template-columns: 1fr 1fr; }

@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGrotesk-Bold.woff2") format("woff2"), url("../fonts/FGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGroteskDemi-Regular.woff2") format("woff2"), url("../fonts/FGroteskDemi-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-font-feature-settings: "liga", "kern";
  -moz-font-feature-settings: "liga=1, kern=1";
  -ms-font-feature-settings: "liga", "kern";
  -o-font-feature-settings: "liga", "kern";
  -webkit-font-feature-settings: "liga", "kern";
  font-feature-settings: "liga", "kern";
  -webkit-font-smoothing: auto; }

a {
  color: #1f5cdd;
  text-decoration: none; }

a:visited {
  color: #1f5cdd; }

a:hover {
  color: #273abe;
  text-decoration: underline; }

a:focus {
  outline: thin dotted; }

a:hover, a:active {
  outline: 0; }

img, object, embed, video {
  max-width: 100%; }

figcaption {
  font-weight: normal; }

::-webkit-input-placeholder {
  color: #666362; }

::-moz-placeholder {
  color: #666362; }

:-ms-input-placeholder {
  color: #666362; }

input:-moz-placeholder {
  color: #666362; }

.prototype-label {
  display: none;
  position: absolute;
  right: 0;
  padding: 4px 8px;
  top: 0;
  font-family: "Source Sans Pro", "SourceSansPro-SemiBold";
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 16px;
  font-weight: 600;
  color: #31312f;
  color: #666362; }

body {
  font-family: "Source Sans Pro", "SourceSansPro-Regular";
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 20px;
  font-weight: 400;
  color: #31312f;
  background-color: #f2f0ef;
  margin: 0;
  -webkit-font-smoothing: antialiased; }

html {
  height: 100%; }

.hidden {
  visibility: hidden !important; }

.hide {
  display: none; }

iframe {
  border: none;
  max-height: 90vh;
  width: 100%; }

button {
  outline: none;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: none;
  background-color: transparent;
  border-radius: 4px;
  transition: background-color .2s ease-in-out;
  padding: 0 16px;
  font-family: "Source Sans Pro", "SourceSansPro-SemiBold";
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 20px;
  font-weight: 600;
  color: #31312f;
  cursor: pointer; }
  button i {
    margin-right: 8px; }

.primary-btn {
  background-color: #196df0;
  border: 2px solid #196df0;
  color: white; }
  .primary-btn:hover {
    background-color: #1f5cdd; }
  .primary-btn:active {
    border: 2px solid #b9ddff; }
  .primary-btn:disabled {
    border: 2px solid #a3a2a1;
    background-color: #a3a2a1; }

.outline-btn {
  border: 2px solid #e5e3e2;
  color: #313130; }
  .outline-btn:hover {
    background-color: #f2f0ef; }
  .outline-btn:active {
    background-color: #e5e3e2; }
  .outline-btn:disabled {
    border: 2px solid #f8f6f5;
    background-color: #f8f6f5;
    color: #a3a2a1; }

.link-btn {
  color: #196df0; }
  .link-btn:hover {
    color: #1f5cdd; }
  .link-btn:active {
    color: #1f5cdd; }

.small-btn {
  height: 29px;
  line-height: 27px; }

.medium-btn {
  height: 39px;
  line-height: 37px; }

.large-btn {
  height: 47px;
  line-height: 45px; }

.image-toggle,
.density-toggle {
  margin-top: 20px;
  width: 130px; }

.tool-btn {
  font-family: "Source Sans Pro", "SourceSansPro-SemiBold";
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 16px;
  font-weight: 600;
  color: #31312f;
  color: #666362; }

.page-header {
  background-color: white;
  border-bottom: 1px solid #e5e3e2; }
  .page-header .header-grid-main {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .page-header .header-grid-aside {
    display: flex;
    justify-content: flex-end; }
    .page-header .header-grid-aside .publish-undo {
      display: flex;
      align-items: center;
      padding-right: 32px; }

.layout-toggles {
  padding-right: 32px; }

#main {
  margin: 24px 16px 0 94px;
  position: relative; }

aside {
  height: calc(100vh - 74px);
  background-color: white;
  border-left: 1px solid #e5e3e2; }
  aside .nav-buttons {
    display: flex;
    margin-bottom: 28px; }
    aside .nav-buttons button {
      width: 33.33%; }
      aside .nav-buttons button:not(:first-child) {
        border-width: 1px 1px 1px 0; }
      aside .nav-buttons button:first-child {
        border-radius: 3px 0 0 3px; }
      aside .nav-buttons button:last-child {
        border-radius: 0 3px 3px 0; }

.tooltipster-content {
  color: #666362; }
  .tooltipster-content .remove-article,
  .tooltipster-content .cancle-remove {
    color: #1f5cdd;
    cursor: pointer; }
    .tooltipster-content .remove-article:hover,
    .tooltipster-content .cancle-remove:hover {
      color: #273abe; }

@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGrotesk-Bold.woff2") format("woff2"), url("../fonts/FGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGroteskDemi-Regular.woff2") format("woff2"), url("../fonts/FGroteskDemi-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
.article-list.tool-on-top header, .article-list.other header, .article-list.algorithm header, .article-list.wysiwyg header {
  margin-bottom: 8px; }
  .article-list.tool-on-top header .tool, .article-list.other header .tool, .article-list.algorithm header .tool, .article-list.wysiwyg header .tool {
    float: right; }
  .article-list.tool-on-top header span, .article-list.other header span, .article-list.algorithm header span, .article-list.wysiwyg header span {
    display: inline-block;
    padding: 4px 0; }
  .article-list.tool-on-top header .filters, .article-list.other header .filters, .article-list.algorithm header .filters, .article-list.wysiwyg header .filters {
    display: inline-block; }
    .article-list.tool-on-top header .filters button.active, .article-list.other header .filters button.active, .article-list.algorithm header .filters button.active, .article-list.wysiwyg header .filters button.active {
      font-weight: 700;
      color: #313130; }
  .article-list.tool-on-top header:after, .article-list.other header:after, .article-list.algorithm header:after, .article-list.wysiwyg header:after {
    content: "";
    display: table;
    clear: both; }
.article-list.tool-on-top {
  counter-reset: tool-on-top; }
  .article-list.tool-on-top li.article::before {
    position: absolute;
    counter-increment: tool-on-top;
    content: counter(tool-on-top);
    top: 0;
    left: 0;
    padding: 8px 0 0;
    color: #313130;
    font-weight: 700;
    font-size: 15px;
    width: 36px;
    line-height: 1;
    text-align: center;
    border-bottom: 1px solid #e5e3e2;
    z-index: 1;
    cursor: move; }
  .article-list.tool-on-top .images-hidden article .img-container {
    display: none !important; }
  .article-list.tool-on-top .images-visible article .img-container {
    display: block !important; }
  .article-list.tool-on-top ol li li.article::before,
  .article-list.tool-on-top .b-version .article::before {
    content: '';
    background-color: transparent;
    border: none; }
.article-list.other li.article::before {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 0 0;
  color: #313130;
  font-weight: 700;
  font-size: 15px;
  width: 36px;
  line-height: 1;
  text-align: center;
  border-bottom: 1px solid #e5e3e2;
  z-index: 1;
  cursor: move; }
.article-list.other .images-hidden article .img-container {
  display: none !important; }
.article-list.other .images-visible article .img-container {
  display: block !important; }
.article-list.other ol li.article:nth-child(1)::before {
  content: '7'; }
.article-list.other ol li.article:nth-child(2)::before {
  content: '13'; }
.article-list.other ol li.article:nth-child(3)::before {
  content: '18'; }
.article-list.other ol li.article:nth-child(4)::before {
  content: '22'; }
.article-list.other ol li.article:nth-child(5)::before {
  content: '23'; }
.article-list.other ol li.article:nth-child(6)::before {
  content: '30'; }
.article-list.other ol li.article.default:nth-child(n+7) {
  /*&::before {
  	display: inline-block;
  	font-style: normal;
  	font-variant: normal;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	font-family: "Font Awesome 5 Pro";
  	font-weight: 900;
  	font-size: 16px;
  	content: "\f071";
      color: $c-warning-dark;
      width: 28px;
      height: 28px;
  }
  */ }
  .article-list.other ol li.article.default:nth-child(n+7):after {
    content: 'There is no room for this teaser. Add a new secured position, remove or move this or another teaser in this column.';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    padding: 4px 8px;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: flex-end;
    color: #fcb937;
    font-size: 21px;
    font-weight: 700;
    text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
    background-color: rgba(255, 255, 255, 0.9);
    border: 2px solid #fcb937;
    z-index: 1; }
.article-list.other ol li.article li.article::before,
.article-list.other .b-version .article::before {
  content: '';
  background-color: transparent; }
.article-list.algorithm .nq {
  padding: 8px 16px;
  background: #f2f0ef;
  border-radius: 3px; }
  .article-list.algorithm .nq .img-container:before {
    display: none; }
.article-list.latest-articles {
  /*
  article {
  	.text-container {
  		padding: 0 $gap-small;
  		.titles {
  			margin-bottom: 0;
  			.main-title {
  				cursor: move;
  				@include subtitle;
  				&:hover {
  					background-color: transparent;
  				}
  			}
  			.kicker,
  			.deck {
  				padding: 0 $gap-default;
  				cursor: move;
  				&:hover {
  					background-color: transparent;
  				}
  			}
  		}
  	}	
  	.remove,
  	.create-bundle {
  		display: none;
  	}
  	.img-container {
  	    width: 20%;
  	}
  	.info {
  		margin-top: 0;
  	}
  	&.no-image {
  		.img-container {
  			display: none !important;
  		}
  	}
  }
  */ }
  .article-list.latest-articles ol li {
    margin: 2px 16px; }
  .article-list.latest-articles header {
    padding: 0 32px 0 32px; }
  .article-list.latest-articles h2 {
    padding: 8px 16px; }
  .article-list.latest-articles .content {
    padding: 0 16px 0 16px; }
  .article-list.latest-articles .article .teaser-info {
    display: none; }
  .article-list.latest-articles .article .article-container {
    padding: 0;
    min-height: auto; }
  .article-list.latest-articles .small-btn {
    margin: 0 0 16px 32px; }
  .article-list.latest-articles .in-use::before {
    display: none;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 16px;
    content: "✔ TOP";
    position: absolute;
    top: 0;
    left: 0;
    color: #4eb6ac;
    text-align: center;
    width: fit-content;
    height: 24px;
    white-space: pre;
    z-index: 2;
    line-height: 28px;
    padding-left: 8px; }
  .article-list.latest-articles .in-use.tp::before {
    content: "✔ TOP"; }
  .article-list.latest-articles .in-use.jm::before {
    content: "✔ OTHER"; }
  .article-list.latest-articles .in-use.b2b::before {
    content: "✔ B2B"; }
  .article-list.latest-articles .in-use.b2c::before {
    content: "✔ B2C"; }
  .article-list.latest-articles .images-hidden article .img-container {
    display: none !important; }
  .article-list.latest-articles .images-visible article .img-container {
    display: block !important; }
.article-list .warning-msg,
.article-list .warning-msg2,
.article-list .warning-msg3 {
  color: #fcb937;
  font-size: 18px;
  font-weight: 600; }
  .article-list .warning-msg .message,
  .article-list .warning-msg2 .message,
  .article-list .warning-msg3 .message {
    margin: 0 0 8px 4px; }
.article-list ol li {
  position: relative;
  margin: 8px 16px; }
  .article-list ol li.bundle {
    border: 2px solid #26a699;
    box-shadow: 0px 6px 14px rgba(102, 100, 99, 0.14);
    background-color: white;
    border-radius: 4px; }
    .article-list ol li.bundle .bundle-info {
      display: flex;
      justify-content: space-between;
      padding: 6px 8px 0 32px;
      color: #26a699; }
    .article-list ol li.bundle .bundled-articles {
      display: block;
      width: calc(100% - 32px);
      margin-left: 32px;
      min-height: 50px; }
      .article-list ol li.bundle .bundled-articles li {
        margin: 0 0 0 0; }
        .article-list ol li.bundle .bundled-articles li.article:first-child {
          margin-top: 0; }
      .article-list ol li.bundle .bundled-articles:before {
        content: "DROP BUNDLE TEASER HERE";
        color: #26a699;
        position: absolute;
        bottom: 13px;
        left: 0;
        right: 0;
        text-align: center; }
      .article-list ol li.bundle .bundled-articles ol {
        display: none; }
  .article-list ol li.dummy {
    margin: 0; }
  .article-list ol li.edit-lock:after {
    content: "Currently edited by Brian O'Brian...";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    padding: 4px 8px;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: flex-end;
    color: #fcb937;
    font-size: 21px;
    font-weight: 700;
    text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
    background-color: rgba(255, 255, 255, 0.9);
    border: 2px solid #fcb937;
    z-index: 1; }
  .article-list ol li.edit-lock:hover .tools {
    display: none; }
  .article-list ol li.sortable-chosen article {
    opacity: .6;
    box-shadow: 0px 10px 17px rgba(102, 100, 99, 0.5); }
  .article-list ol li.sortable-ghost {
    opacity: 1;
    border-top: 3px solid #196df0; }
    .article-list ol li.sortable-ghost:before {
      display: none; }
    .article-list ol li.sortable-ghost article {
      display: none; }
  .article-list ol li .bundled-articles {
    display: none; }
    .article-list ol li .bundled-articles ol {
      display: none; }
  .article-list ol li .warning {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    border-radius: 2px;
    padding: 32px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fcb937;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1; }
.article-list h2 {
  font-family: "F Grotesk", "FGrotesk-Bold";
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 19px;
  font-weight: 700;
  color: #31312f;
  padding: 0 0 0 16px;
  margin: 0;
  display: inline-block; }
  .article-list h2 span {
    font-weight: 400;
    font-size: 18px; }
.article-list .show-details,
.article-list .hide-details {
  float: right;
  margin: 16px 8px 0 0; }
.article-list .content {
  overflow: auto; }
.article-list .search {
  margin-bottom: 16px; }
  .article-list .search input[type="search"] {
    width: 100%; }
  .article-list .search:after {
    content: "";
    display: table;
    clear: both; }
.article-list .filter {
  margin-bottom: 16px; }
  .article-list .filter h3 {
    font-family: "Source Sans Pro", "SourceSansPro-SemiBold";
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 20px;
    font-weight: 600;
    color: #31312f;
    display: inline-block;
    padding: 0 0 8px 0;
    margin: 0; }
  .article-list .filter .filter-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 8px; }
    .article-list .filter .filter-container .custom-select {
      width: 33%;
      margin-bottom: 4px; }
.article-list .sort {
  margin-bottom: 16px; }
  .article-list .sort h3 {
    font-family: "Source Sans Pro", "SourceSansPro-SemiBold";
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 20px;
    font-weight: 600;
    color: #31312f;
    display: inline-block;
    padding: 0 0 8px 0;
    margin: 0; }
  .article-list .sort .sort-container {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%; }
    .article-list .sort .sort-container .custom-select {
      width: 200px;
      margin: 0 16px 4px 0; }
  .article-list .sort .show-images,
  .article-list .sort .hide-images {
    float: left;
    width: 205px; }
  .article-list .sort .reset {
    float: right;
    margin-left: 8px; }
  .article-list .sort:after {
    content: '';
    display: table;
    clear: both; }
.article-list fieldset legend {
  margin-bottom: 4px; }
.article-list fieldset .checkbox {
  display: block;
  float: left;
  margin-right: 16px; }
.article-list .not-qualified {
  font-size: 20px;
  font-weight: 600;
  color: #666362;
  text-transform: uppercase;
  margin-bottom: 8px; }
.article-list .show-next {
  padding: 8px 0 0;
  text-align: right; }
.article-list article {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 4px;
  background-color: white;
  cursor: move;
  transition: opacity .5s ease-in-out;
  transition: border .5s ease-in-out;
  transition: background-color .25s;
  box-shadow: 0px 6px 14px rgba(102, 100, 99, 0.14);
  border: 2px solid white; }
  .article-list article .article-container {
    display: flex;
    min-height: 112px; }
  .article-list article .img-container {
    position: relative;
    width: 20%;
    padding-bottom: 13.33%;
    margin: 8px;
    flex: none;
    background-color: #c2c0bf; }
    .article-list article .img-container img {
      position: absolute;
      object-fit: cover;
      width: 100%;
      height: 100%;
      max-width: 100%; }
  .article-list article .text-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: -webkit-fill-available;
    margin: 8px; }
    .article-list article .text-container .titles {
      margin-bottom: 4px;
      display: flex;
      flex-direction: column; }
      .article-list article .text-container .titles .streamer {
        background: black;
        text-align: center;
        color: #f2f0ef;
        font-weight: 700;
        border-bottom: 1px solid #f2f0ef;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 13px;
        line-height: 1;
        padding: 1px;
        margin-bottom: 4px; }
      .article-list article .text-container .titles .main-title {
        font-family: "F Grotesk", "FGrotesk-Bold";
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 19px;
        font-weight: 700;
        color: #31312f;
        font-weight: 400; }
      .article-list article .text-container .titles .kicker,
      .article-list article .text-container .titles .deck {
        font-family: "Source Sans Pro", "SourceSansPro-Regular";
        font-size: 13px;
        letter-spacing: 0px;
        line-height: 16px;
        font-weight: 400;
        color: #31312f; }
    .article-list article .text-container .meta {
      display: flex;
      flex-direction: column;
      font-family: "Source Sans Pro", "SourceSansPro-Regular";
      font-size: 13px;
      letter-spacing: 0px;
      line-height: 16px;
      font-weight: 400;
      color: #31312f;
      color: #666362; }
      .article-list article .text-container .meta .level-1,
      .article-list article .text-container .meta .level-2 {
        justify-content: space-between; }
      .article-list article .text-container .meta div {
        display: flex; }
      .article-list article .text-container .meta strong {
        font-weight: 600;
        padding-left: 4px; }
      .article-list article .text-container .meta .top-label {
        display: none;
        font-weight: 700;
        text-transform: uppercase;
        padding-right: 8px;
        color: #fe4a42; }
      .article-list article .text-container .meta .article-type,
      .article-list article .text-container .meta .subscription {
        margin-left: 4px;
        display: inline-block; }
        .article-list article .text-container .meta .article-type span,
        .article-list article .text-container .meta .subscription span {
          padding-left: 4px; }
        .article-list article .text-container .meta .article-type:before,
        .article-list article .text-container .meta .subscription:before {
          content: '•';
          font-weight: normal; }
      .article-list article .text-container .meta .subscription {
        font-weight: 600;
        display: none; }
  .article-list article ul.tools {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    position: absolute;
    top: -4px;
    right: -4px;
    height: 32px;
    opacity: 0;
    box-sizing: content-box;
    text-transform: capitalize;
    background-color: #313130;
    border-radius: 4px;
    overflow: hidden; }
    .article-list article ul.tools li {
      font-family: "Source Sans Pro", "SourceSansPro-SemiBold";
      font-size: 13px;
      letter-spacing: 0px;
      line-height: 16px;
      font-weight: 600;
      color: #31312f;
      height: 32px;
      line-height: 32px;
      padding: 0 16px;
      margin: 0;
      color: white;
      cursor: pointer;
      border-right: 1px solid #666362;
      transition: .2s ease-in; }
      .article-list article ul.tools li:last-child {
        border-right: 0; }
      .article-list article ul.tools li i {
        margin-right: 4px;
        font-size: 13px;
        font-weight: normal; }
      .article-list article ul.tools li.remove {
        color: #fe4a42; }
        .article-list article ul.tools li.remove:hover {
          background-color: #fe4a42;
          color: white; }
      .article-list article ul.tools li:hover, .article-list article ul.tools li:focus-within {
        background-color: #666362;
        text-decoration: none;
        outline: transparent; }
    .article-list article ul.tools li[disabled] {
      color: rgba(0, 0, 0, 0.25);
      background-color: transparent;
      cursor: default; }
      .article-list article ul.tools li[disabled]:hover {
        color: rgba(0, 0, 0, 0.25);
        background-color: transparent;
        border: none; }
  .article-list article.ui-sortable-helper {
    cursor: grabbing; }
  .article-list article.editable {
    border: 2px solid #196df0;
    cursor: default; }
    .article-list article.editable:hover {
      border: 2px solid #196df0; }
      .article-list article.editable:hover .tools {
        display: none; }
  .article-list article:hover {
    transition: border .25s ease-in-out .25s;
    border: 2px solid #a3a2a1; }
    .article-list article:hover .tools {
      transition: opacity .25s ease-in-out .25s;
      opacity: 1; }
  .article-list article .teaser-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    border-radius: 3px 0 0 3px;
    background: white;
    background: -moz-linear-gradient(left, white 0%, whitesmoke 100%);
    background: -webkit-linear-gradient(left, white 0%, whitesmoke 100%);
    background: linear-gradient(to right, white 0%, whitesmoke 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=1 ); }
    .article-list article .teaser-info div {
      display: flex;
      flex-direction: column;
      width: 36px; }
    .article-list article .teaser-info .position-lock {
      height: 50%; }
      .article-list article .teaser-info .position-lock .locked,
      .article-list article .teaser-info .position-lock .unlocked {
        margin-top: 32px; }
      .article-list article .teaser-info .position-lock .unlocked {
        color: #c2c0bf; }
    .article-list article .teaser-info .info-icons {
      place-content: flex-end;
      border-top: 1px solid #e5e3e2;
      height: 50%; }
      .article-list article .teaser-info .info-icons div {
        font-size: 14px;
        color: #c2c0bf; }
      .article-list article .teaser-info .info-icons .clicks {
        padding-bottom: 16px;
        font-size: 9px; }
      .article-list article .teaser-info .info-icons .conversions span {
        font-size: 7px; }
.article-list .position-pinned {
  position: absolute;
  top: -4px;
  right: 0px;
  transform: rotate(40deg);
  font-size: 16px; }
  .article-list .position-pinned .pinned {
    color: #fe4a42; }
.article-list .t-unpinned .pinned {
  display: none; }
.article-list .t-unpinned .unpinned {
  display: block; }
.article-list .t-pinned .unpinned {
  display: none; }
.article-list .t-pinned .pinned {
  display: block; }
.article-list .t-click-high .teaser-info .clicks {
  color: #4eb6ac !important;
  font-weight: 700; }
.article-list .t-click-low .teaser-info .clicks {
  color: #196df0 !important;
  font-weight: 700; }
.article-list .t-conversions-high .teaser-info .conversions {
  color: #4eb6ac !important;
  font-weight: 700; }
.article-list .t-conversions-low .teaser-info .conversions {
  color: #fe4a42 !important;
  font-weight: 700; }
.article-list .t-breaking .top-label {
  display: block !important; }
.article-list .t-emphasis {
  background-color: black; }
  .article-list .t-emphasis .kicker, .article-list .t-emphasis .main-title {
    color: white !important; }
  .article-list .t-emphasis .meta {
    color: #e5e3e2 !important; }
.article-list .t-subscription .subscription {
  display: block !important; }
.article-list .t-unlocked .locked {
  display: none; }
.article-list .t-unlocked .unlocked {
  display: block; }
.article-list .t-locked .unlocked {
  display: none; }
.article-list .t-locked .locked {
  display: block; }

.text-editor-toolbar {
  display: none;
  position: absolute;
  padding: 0 4px 4px;
  border: 1px solid black;
  z-index: 10;
  transition: all .25s ease-in; }
  .text-editor-toolbar .tool-btn {
    float: right; }
    .text-editor-toolbar .tool-btn:hover {
      color: #e5e3e2; }
  .text-editor-toolbar ul {
    list-style: none;
    clear: right; }
  .text-editor-toolbar li {
    display: inline-block; }
    .text-editor-toolbar li button {
      padding: 4px;
      font-size: 18px;
      cursor: pointer;
      width: 32px;
      border: 0;
      transition: color .25s ease-in; }
      .text-editor-toolbar li button.style-emphasize {
        color: #fe716b; }
        .text-editor-toolbar li button.style-emphasize:hover {
          color: #ffebea; }
      .text-editor-toolbar li button.style-italic {
        font-style: italic; }
      .text-editor-toolbar li button.style-underline {
        text-decoration: underline; }
      .text-editor-toolbar li button:hover {
        color: #e5e3e2; }

ol li.article.default:hover .tools,
ol li.article.default:hover .tools {
  z-index: 2;
  opacity: 1 !important; }

.bin {
  display: none; }

/*
.bin {
	height: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    left: -1px;
    color: $c-secondary;
    font-size: 50px;
    text-align: center;
    overflow: hidden;
    z-index: 1500;
    transition: height .25s ease-in-out;
    .placeholder {
		background: red;
    }
    .article {
	    display: none;
    }
}
.dragging {
	.bin {
		border-width: 1px 0px 1px 1px;
		border-radius: 4px 4px 0 0;
		padding-top: 9px;
		height: 99px;
	}
}

.hide-top-positions,
.hide-other-positions,
.hide-algorithm-positions {
	.article-list h2 {
		display: inline-block;
	}
	.article-list.tool-on-top,
	.article-list.other,
	.article-list.algorithm {
		article .text-container {
			.kicker,
			.deck {
				font-size: 18px;
				padding: 2px $gap-default;
			}
			.main-title {
				font-size: 22px;
				padding: 2px $gap-default;
			}
		}
	}
}
*/
.default .create-bundle {
  display: block !important; }
.default .bundle-info {
  display: none; }

.tool-on-top .lock-teaser,
.tool-on-top .unlock-teaser,
.tool-on-top .position-pinned,
.latest-articles .lock-teaser,
.latest-articles .unlock-teaser,
.latest-articles .position-pinned,
.algorithm .lock-teaser,
.algorithm .unlock-teaser,
.algorithm .position-pinned {
  display: none !important; }

.tool-on-top .position-lock,
.latest-articles .position-lock,
.algorithm .position-lock {
  visibility: hidden; }
  .tool-on-top .position-lock .locked,
  .latest-articles .position-lock .locked,
  .algorithm .position-lock .locked {
    display: none; }

.other time.on-position,
.latest-articles time.on-position {
  visibility: hidden; }

.latest-articles .remove,
.latest-articles .delete-image,
.latest-articles .edit-image,
.latest-articles .open-tools,
.latest-articles .edit-with-wysiwyg,
.latest-articles .info-icons,
.latest-articles .create-bundle {
  display: none !important; }
.latest-articles article .teaser-info {
  padding-left: 0; }

.bundled-articles .bundle-info,
.bundled-articles .position-lock,
.bundled-articles .create-bundle {
  display: none !important;
  opacity: 0 !important; }
.bundled-articles .remove {
  display: inline-block; }

.bundle .remove,
.bundle .create-bundle {
  display: none; }
.bundle li .remove {
  display: inline-block; }

.unpinned {
  display: none !important; }

@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGrotesk-Bold.woff2") format("woff2"), url("../fonts/FGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGroteskDemi-Regular.woff2") format("woff2"), url("../fonts/FGroteskDemi-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
#cms-nav {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 70px;
  z-index: 2;
  background-color: #313130; }

.curate-nav {
  padding-top: 16px;
  color: #666362;
  border-right: 1px solid black; }
  .curate-nav li {
    line-height: 22px; }
    .curate-nav li img, .curate-nav li i {
      display: block;
      width: 36px;
      margin: 4px auto;
      opacity: .6;
      transition: all .2s ease-in; }
    .curate-nav li i {
      font-size: 30px;
      display: block;
      margin: 4px auto;
      color: white;
      opacity: .6; }
    .curate-nav li a,
    .curate-nav li button {
      text-decoration: none;
      font-size: 14px;
      text-align: center;
      display: block;
      padding: 8px 0;
      line-height: 1;
      text-transform: uppercase;
      width: 100%;
      display: block;
      transition: all .2s ease-in; }
      .curate-nav li a.active, .curate-nav li a:hover,
      .curate-nav li button.active,
      .curate-nav li button:hover {
        color: #e5e3e2; }
        .curate-nav li a.active img, .curate-nav li a.active i, .curate-nav li a:hover img, .curate-nav li a:hover i,
        .curate-nav li button.active img,
        .curate-nav li button.active i,
        .curate-nav li button:hover img,
        .curate-nav li button:hover i {
          opacity: 1; }
    .curate-nav li.active img, .curate-nav li.active i {
      opacity: 1; }
    .curate-nav li.active i {
      opacity: 1; }
    .curate-nav li.active a,
    .curate-nav li.active button {
      color: white; }
      .curate-nav li.active a img, .curate-nav li.active a i,
      .curate-nav li.active button img,
      .curate-nav li.active button i {
        opacity: 1; }

.main-nav {
  padding-left: 109px; }
  .main-nav ul li {
    margin-right: 32px;
    display: inline-block; }
    .main-nav ul li a {
      font-family: "F Grotesk", "FGroteskDemi-Regular";
      font-size: 19px;
      letter-spacing: 0.2px;
      line-height: 24px;
      font-weight: 400;
      color: #31312f;
      color: #666362;
      padding: 24px 0;
      display: block;
      border-bottom: 2px solid transparent;
      transition: border .3s ease-in; }
      .main-nav ul li a:hover {
        text-decoration: none;
        border-bottom: 2px solid #196df0; }
    .main-nav ul li.active a {
      border-bottom: 2px solid #196df0;
      color: #313130; }

.aside-nav {
  background-color: white;
  border-bottom: 1px solid #e5e3e2;
  margin-bottom: 16px; }
  .aside-nav ul {
    margin-left: 32px; }
    .aside-nav ul li {
      margin-right: 32px;
      display: inline-block; }
      .aside-nav ul li a {
        font-family: "F Grotesk", "FGrotesk-Bold";
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 19px;
        font-weight: 700;
        color: #31312f;
        color: #666362;
        padding: 16px 0;
        display: block;
        border-bottom: 2px solid transparent;
        transition: border .3s ease-in; }
        .aside-nav ul li a:hover {
          text-decoration: none;
          border-bottom: 2px solid #196df0; }
      .aside-nav ul li:last-child {
        margin-right: 0; }
      .aside-nav ul li.active a {
        border-bottom: 2px solid #196df0;
        color: #313130; }

.header-nav {
  float: right;
  margin-top: 4px; }
  .header-nav ul li {
    display: inline-block; }
  .header-nav a {
    color: #1f5cdd;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    display: block;
    padding: 8px;
    text-transform: uppercase; }
    .header-nav a.active {
      font-weight: 700;
      color: #273abe; }
    .header-nav a:hover {
      color: #273abe; }

@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGrotesk-Bold.woff2") format("woff2"), url("../fonts/FGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGroteskDemi-Regular.woff2") format("woff2"), url("../fonts/FGroteskDemi-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
#workbench-tabs {
  min-width: 0;
  position: relative;
  margin-left: -1px; }

#workbench-tabs > div {
  display: -webkit-flex;
  display: flex;
  flex-direction: row; }

#workbench-tab-bar .tab:first-child {
  width: 200px;
  flex-shrink: 0;
  flex-grow: 0; }

#workbench-tab-bar .tab {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
  width: 20%;
  position: relative;
  white-space: nowrap; }

#workbench-tab-bar .tab:first-child .tab-content {
  margin-left: 0;
  padding-left: 10px; }

#workbench-tab-bar .tab-content {
  user-select: none;
  height: 40px;
  padding: 0 16px;
  margin: 0 0 0 -1px;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: space-between; }

#workbench-tab-bar .tab-content i {
  padding-top: 12px;
  color: #c4dcf5;
  transition: color .2s ease-in; }
  #workbench-tab-bar .tab-content i:hover {
    color: #9ec7f1; }

#workbench-tab-bar .active .tab-content {
  background: white;
  border-bottom: 1px solid white; }

#workbench-tab-bar .tab:first-child .tab-content {
  border-left: none;
  border-top: none;
  display: block; }

#workbench-tab-bar .tab:last-child .tab-content {
  border-right: none;
  border-radius: 0 4px 0 0; }

#workbench-tab-bar .tab:first-child span {
  text-overflow: clip; }

#workbench-tab-bar .tab span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 8px;
  text-transform: uppercase; }

@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGrotesk-Bold.woff2") format("woff2"), url("../fonts/FGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGroteskDemi-Regular.woff2") format("woff2"), url("../fonts/FGroteskDemi-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
input[type="search"],
input[type="text"],
textarea {
  border-radius: 4px 4px 0 0;
  outline: none;
  height: 32px;
  display: inline-block;
  padding: 4px 16px;
  background: #f8f6f5;
  border-bottom: 1px solid #c2c0bf;
  border-width: 0 0 1px 0;
  color: #313130; }

.search button[type="submit"] {
  border-radius: 0 3px 3px 0;
  color: #313130;
  outline: none;
  height: 40px;
  width: 40px;
  display: inline-block;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center; }

.custom-select {
  position: relative;
  background-color: #f8f6f5;
  border-bottom: 1px solid #c2c0bf;
  border-radius: 4px 4px 0 0; }
  .custom-select select {
    display: none; }
  .custom-select .select-selected:after {
    position: absolute;
    content: "";
    top: 12px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #666362 transparent transparent transparent; }
  .custom-select .select-selected.select-arrow-active:after {
    border-color: transparent transparent #666362 transparent;
    top: 7px; }
  .custom-select .select-selected {
    padding: 0 16px;
    border-radius: 3px;
    cursor: pointer;
    color: #313130;
    height: 32px;
    line-height: 32px; }
    .custom-select .select-selected:hover {
      color: black; }
  .custom-select .select-items div {
    color: #666362;
    padding: 4px 16px;
    cursor: pointer; }
    .custom-select .select-items div:hover {
      color: #e5e3e2;
      background: #666362; }
  .custom-select .select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-width: 0 1px 1px;
    background-color: #f8f6f5;
    border-bottom: 1px solid #c2c0bf; }
  .custom-select .select-hide {
    display: none; }
  .custom-select .select-items div:hover,
  .custom-select .same-as-selected {
    color: white; }

/* switch */
input[type="checkbox"].switch {
  position: absolute;
  opacity: 0; }

input[type="checkbox"].switch + div {
  vertical-align: sub;
  width: 24px;
  height: 16px;
  border: 1px solid #e6f1fb;
  border-radius: 999px; }

input[type="checkbox"].switch:checked + div {
  background-color: #59973A;
  box-shadow: inset 0 0 0 10px #59973a; }

input[type="checkbox"].switch + div > div {
  float: left;
  width: 16px;
  height: 16px;
  border-radius: inherit;
  background: #ffffff;
  pointer-events: none;
  -webkit-transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-property: transform, background-color, box-shadow;
  -moz-transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
  transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-property: transform, background-color;
  transition-property: transform, background-color;
  pointer-events: none; }

input[type="checkbox"].switch + div > div {
  width: 12px;
  height: 12px;
  margin-top: 1px;
  margin-left: 1px; }

input[type="checkbox"].switch:checked + div > div {
  -webkit-transform: translate3d(8px, 0, 0);
  -moz-transform: translate3d(8px, 0, 0);
  transform: translate3d(8px, 0, 0); }

.checkbox label {
  cursor: pointer; }

.checkbox label:after,
.radio label:after {
  content: '';
  display: table;
  clear: both; }

.checkbox .cr,
.radio .cr {
  position: relative;
  border-radius: 3px;
  width: 16px;
  height: 16px;
  float: left;
  margin: 1px 6px 0 0;
  background: #f8f6f5;
  border-bottom: 1px solid #c2c0bf;
  border-radius: 4px 4px 0 0;
  cursor: pointer; }

.radio .cr {
  border-radius: 50%; }

.checkbox .cr .cr-icon {
  position: absolute;
  font-size: 13px;
  font-weight: 400;
  line-height: 0;
  top: 54%;
  left: 18%; }

.radio .cr .cr-icon {
  position: absolute;
  font-size: 10px;
  font-weight: 900;
  line-height: 0;
  top: 57%;
  left: 14%; }

.radio .cr .cr-icon {
  margin-left: 0.04em; }

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none; }

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
  transform: scale(2) rotateZ(-20deg);
  opacity: 0;
  transition: all .2s ease-in; }

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
  color: #666362; }

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
  opacity: .5; }

.modal-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100000; }

.modal-box {
  background: white;
  position: absolute;
  float: left;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-top: 32px;
  width: 600px; }

.modal-content {
  width: 100%;
  background: white;
  height: 100vh;
  overflow: scroll;
  padding: 0 32px 32px; }
  .modal-content header {
    margin-bottom: 32px; }
  .modal-content h1 {
    margin: 16px 0;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase; }
  .modal-content h2 {
    margin: 0 0 16px 0;
    padding-top: 16px;
    font-size: 20px;
    font-weight: 600; }
  .modal-content h3 {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 600; }
  .modal-content p {
    margin: 0 0 16px; }
  .modal-content label {
    display: block; }
  .modal-content .skins, .modal-content .dictionary {
    margin-bottom: 24px; }
  .modal-content .skins .skin {
    cursor: default; }
  .modal-content .skins span {
    margin-right: 8px; }

#splash button {
  font-size: 16px;
  background: #c4dcf5;
  color: #e5e3e2;
  min-width: 130px; }
  #splash button:hover {
    background: #9ec7f1;
    color: #e5e3e2; }

.hide-modal {
  position: absolute;
  top: 4px;
  right: 4px; }

.page-info ul {
  padding: 0 0 0 20px; }
.page-info li {
  list-style-type: disc;
  padding: 8px 0;
  font-weight: 600; }
  .page-info li a {
    font-weight: 600; }
.page-info li li {
  list-style-type: circle;
  padding: 2px 0;
  font-weight: 400; }

#edit-positions {
  height: 0; }
  #edit-positions .modal-content {
    height: auto;
    max-height: 90vh; }
  #edit-positions .modal-box {
    width: 450px; }

.add-teaser {
  text-align: right;
  margin: 16px 0; }

.reset-submit {
  float: right;
  margin-top: 16px; }
  .reset-submit .reset {
    margin-right: 16px; }

.teaser-positions {
  padding: 0; }
  .teaser-positions li {
    list-style-type: none;
    margin-bottom: 8px;
    padding: 0; }
    .teaser-positions li .teaser-numbering {
      display: flex;
      justify-content: space-between;
      position: relative;
      padding: 8px 16px;
      border-radius: 4px;
      transition: opacity .2s ease-in-out; }
      .teaser-positions li .teaser-numbering span {
        font-size: 20px;
        align-self: center;
        margin-right: 4px;
        color: #666362; }
      .teaser-positions li .teaser-numbering input {
        font-size: 20px;
        color: #666362;
        font-weight: 600;
        width: 55px;
        padding: 4px;
        border-radius: 3px;
        text-align: right; }
        .teaser-positions li .teaser-numbering input:focus {
          outline: none;
          border: 1px solid #000; }

#add-streamer {
  height: 0; }
  #add-streamer .modal-content {
    height: auto;
    max-height: 90vh; }
  #add-streamer .modal-box {
    width: 450px; }

.add-teaser {
  text-align: right;
  margin: 16px 0; }

.reset-submit {
  float: right;
  margin-top: 16px; }
  .reset-submit .reset {
    margin-right: 16px; }

.teaser-positions {
  padding: 0; }
  .teaser-positions li {
    list-style-type: none;
    margin-bottom: 8px;
    padding: 0; }
    .teaser-positions li .teaser-numbering {
      display: flex;
      justify-content: space-between;
      position: relative;
      padding: 8px 16px;
      border-radius: 4px;
      transition: opacity .2s ease-in-out; }
      .teaser-positions li .teaser-numbering span {
        font-size: 20px;
        align-self: center;
        margin-right: 4px;
        color: #666362; }
      .teaser-positions li .teaser-numbering input {
        font-size: 20px;
        color: #666362;
        font-weight: 600;
        width: 55px;
        padding: 4px;
        border-radius: 3px;
        text-align: right; }
        .teaser-positions li .teaser-numbering input:focus {
          outline: none;
          border: 1px solid #000; }

@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGrotesk-Bold.woff2") format("woff2"), url("../fonts/FGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGroteskDemi-Regular.woff2") format("woff2"), url("../fonts/FGroteskDemi-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
body.dragging, body.dragging * {
  cursor: move !important; }

#image-search.article-list article,
#video-search.article-list article {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 4px;
  transition: all .20s ease-in; }
  #image-search.article-list article .article-container,
  #video-search.article-list article .article-container {
    display: flex; }
  #image-search.article-list article .img-container,
  #video-search.article-list article .img-container {
    position: relative;
    width: 50%;
    padding-bottom: 27.7%;
    flex: none;
    border-radius: 3px 0 0 3px; }
    #image-search.article-list article .img-container img,
    #video-search.article-list article .img-container img {
      position: absolute;
      object-fit: contain;
      width: 100%;
      height: 100%;
      max-width: 100%;
      flex: 1;
      border-radius: 3px 0 0 3px; }
  #image-search.article-list article .text-container,
  #video-search.article-list article .text-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 4px 8px; }
    #image-search.article-list article .text-container span,
    #video-search.article-list article .text-container span {
      color: #666362; }

@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGrotesk-Bold.woff2") format("woff2"), url("../fonts/FGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'F Grotesk';
  src: url("../fonts/FGroteskDemi-Regular.woff2") format("woff2"), url("../fonts/FGroteskDemi-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
.article-list .previewing article .text-container {
  align-content: space-around; }
  .article-list .previewing article .text-container .kicker {
    margin-bottom: 8px; }

.grid-main-wysiwyg-teaser li {
  margin-bottom: 0 !important;
  padding: 16px 0;
  border-bottom: 1px solid #222; }
  .grid-main-wysiwyg-teaser li:last-child {
    border: 0; }
  .grid-main-wysiwyg-teaser li .prev-kicker:before {
    content: "➤ ";
    font-weight: 400;
    color: #dd2a30;
    font-size: 0.75rem; }

.wysiwyg li.default .prev-kicker:before {
  content: "➤ ";
  font-weight: 400;
  color: #dd2a30;
  font-size: 0.75rem; }

.wysiwyg li.plus .prev-kicker:before {
  content: url("http://next.mpt-sandbox.com/cms/img/plus-small.png");
  padding-right: 8px; }

.wysiwyg .teaser-info,
.wysiwyg .lock {
  display: none; }
.wysiwyg .wysiwyg-content {
  display: flex;
  justify-content: space-evenly; }
  .wysiwyg .wysiwyg-content h3 {
    font-family: "F Grotesk", "FGrotesk-Bold";
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 19px;
    font-weight: 700;
    color: #31312f;
    margin: 0 0 8px 0;
    padding-bottom: 4px; }
  .wysiwyg .wysiwyg-content .mobile {
    width: 375px;
    margin: 8px; }
    .wysiwyg .wysiwyg-content .mobile ol li {
      margin-bottom: 6px;
      clear: left; }
      .wysiwyg .wysiwyg-content .mobile ol li.article .text-container .prev-main-title {
        font-size: 22px !important; }
      .wysiwyg .wysiwyg-content .mobile ol li.w50 {
        width: 49%;
        clear: none; }
        .wysiwyg .wysiwyg-content .mobile ol li.w50 .text-container .prev-main-title {
          font-size: 16px !important; }
      .wysiwyg .wysiwyg-content .mobile ol li.img-left .article-container {
        flex-direction: row; }
        .wysiwyg .wysiwyg-content .mobile ol li.img-left .article-container .text-container .prev-main-title {
          font-size: 20px !important; }
        .wysiwyg .wysiwyg-content .mobile ol li.img-left .article-container .img-container {
          width: 40%;
          padding-bottom: 30%; }
  .wysiwyg .wysiwyg-content .desktop {
    width: 664px;
    margin: 8px; }
    .wysiwyg .wysiwyg-content .desktop ol li {
      margin-bottom: 6px;
      clear: left; }
      .wysiwyg .wysiwyg-content .desktop ol li.top-article .text-container .prev-main-title {
        font-size: 52px !important; }
      .wysiwyg .wysiwyg-content .desktop ol li.w50 {
        width: 49%;
        clear: none; }
        .wysiwyg .wysiwyg-content .desktop ol li.w50 .text-container .prev-main-title {
          font-size: 20px !important; }
      .wysiwyg .wysiwyg-content .desktop ol li.img-left .article-container {
        flex-direction: row; }
        .wysiwyg .wysiwyg-content .desktop ol li.img-left .article-container .text-container .prev-main-title {
          font-size: 32px !important; }
        .wysiwyg .wysiwyg-content .desktop ol li.img-left .article-container .img-container {
          width: 40%;
          padding-bottom: 30%; }
  .wysiwyg .wysiwyg-content article {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 0;
    border: 1px solid #e8e8e8;
    transition: all .20s ease-in;
    background-color: #fff; }
    .wysiwyg .wysiwyg-content article .article-container {
      display: flex;
      flex-direction: column; }
    .wysiwyg .wysiwyg-content article .img-container {
      position: relative;
      width: 100%;
      padding-bottom: 44.5%;
      flex: none;
      border-radius: 0; }
      .wysiwyg .wysiwyg-content article .img-container img {
        position: absolute;
        object-fit: cover;
        object-position: 50% 30%;
        width: 100%;
        height: 100%;
        max-width: 100%;
        flex: 1;
        border-radius: 0; }
    .wysiwyg .wysiwyg-content article .text-container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: space-between;
      padding: 4px 8px; }
      .wysiwyg .wysiwyg-content article .text-container .titles {
        display: flex;
        flex-direction: column-reverse; }
        .wysiwyg .wysiwyg-content article .text-container .titles .prev-main-title {
          font-family: verdana;
          font-size: 18px;
          line-height: 1;
          font-weight: bold;
          margin: 0 0 4px 0;
          resize: none;
          border: none;
          width: 100%;
          color: black; }
        .wysiwyg .wysiwyg-content article .text-container .titles .prev-kicker {
          font-family: arial;
          line-height: 1;
          margin: 0;
          resize: none;
          border: none;
          width: 100%;
          color: black; }
        .wysiwyg .wysiwyg-content article .text-container .titles .prev-main-title .red,
        .wysiwyg .wysiwyg-content article .text-container .titles .prev-kicker .red {
          color: #fe716b; }
        .wysiwyg .wysiwyg-content article .text-container .titles .prev-main-title .bold,
        .wysiwyg .wysiwyg-content article .text-container .titles .prev-kicker .bold {
          font-weight: 600; }
        .wysiwyg .wysiwyg-content article .text-container .titles .prev-main-title .italic,
        .wysiwyg .wysiwyg-content article .text-container .titles .prev-kicker .italic {
          font-style: italic; }
        .wysiwyg .wysiwyg-content article .text-container .titles .prev-main-title .underline,
        .wysiwyg .wysiwyg-content article .text-container .titles .prev-kicker .underline {
          text-decoration: underline; }
  .wysiwyg .wysiwyg-content .desktop .text-container {
    padding: 8px 16px 8px 16px !important; }
    .wysiwyg .wysiwyg-content .desktop .text-container .prev-main-title {
      padding-bottom: 8px;
      font-size: 46px !important; }
    .wysiwyg .wysiwyg-content .desktop .text-container .prev-kicker {
      font-size: 16px !important; }

._1CeNw {
  box-sizing: border-box;
  width: 40px;
  padding-left: 40px;
  font-size: 11px;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1px;
  color: #fefefe;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  overflow: hidden; }

._2p0n3 {
  padding-left: 4px;
  padding-right: 16px; }

._1_3zH {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6); }

._2MTSp {
  position: relative; }

._1lpmp {
  position: absolute;
  z-index: 100;
  bottom: 8px;
  left: 8px; }

._3mZe0 {
  position: absolute;
  z-index: 2;
  top: 4px;
  left: 4px;
  width: 32px;
  height: 32px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgOCAxMCI+CiAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsUnVsZT0iZXZlbm9kZCIgZD0iTS44ODMgOS4wMThDLjM5NSA5LjI4NCAwIDkuMDU0IDAgOC41MDJWMS40OThDMCAuOTQ3LjM5OC43MTcuODgzLjk4Mmw2LjQ4NCAzLjUzNmMuNDg4LjI2Ni40ODUuNjk5IDAgLjk2NEwuODgzIDkuMDE4eiIvPgo8L3N2Zz4=);
  background-position: 11px;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 32px;
  background-color: #dd2a30;
  color: #fff; }

.compact-view #main {
  margin: 24px 8px 0 86px; }
.compact-view .main-nav {
  padding-left: 93px; }
.compact-view .article-list h2 {
  padding: 0 0 0 8px; }
.compact-view .page-header .header-grid-main .publish-undo {
  padding-right: 16px; }
.compact-view .article-list ol li {
  margin: 4px 8px; }
.compact-view .article-list.tool-on-top li.article::before,
.compact-view .article-list.other li.article::before {
  padding: 4px 0 0; }
.compact-view .article-list article .teaser-info .position-lock .locked, .compact-view .article-list article .teaser-info .position-lock .unlocked {
  margin-top: 24px; }
.compact-view .article-list article .article-container {
  min-height: 92px; }
.compact-view .article-list article .img-container,
.compact-view .article-list article .text-container {
  margin: 4px; }
.compact-view .aside-nav ul {
  margin-left: 16px; }
.compact-view .article-list.latest-articles header {
  padding: 0 16px 0 16px; }
.compact-view .article-list.latest-articles ol li {
  margin: 2px 16px; }
.compact-view .article-list.latest-articles .content {
  padding: 0 0px 0 0px; }
.compact-view .article-list article .text-container .titles .kicker,
.compact-view .article-list article .text-container .titles .deck,
.compact-view .article-list article .text-container .titles .main-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }
.compact-view .display-density {
  right: 8px; }
.compact-view .page-header .header-grid-aside .publish-undo {
  padding-right: 16px; }
.compact-view #edit-teaser .content {
  padding: 0 16px; }
.compact-view .layout-toggles {
  padding-right: 16px; }

#edit-teaser {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1500px;
  background-color: white;
  border-left: 1px solid #e5e3e2;
  box-shadow: -20px 0px 32px rgba(102, 100, 99, 0.13);
  z-index: 10000; }
  #edit-teaser .content {
    padding: 0 32px; }
    #edit-teaser .content header {
      margin-bottom: 24px; }
      #edit-teaser .content header .edit-teaser-header {
        display: flex;
        justify-content: space-between; }
      #edit-teaser .content header h1 {
        font-family: "F Grotesk", "FGroteskDemi-Regular";
        font-size: 19px;
        letter-spacing: 0.2px;
        line-height: 24px;
        font-weight: 400;
        color: #31312f;
        margin: 0;
        padding: 24px 0 26px 0; }
      #edit-teaser .content header .publish-undo {
        display: flex;
        align-items: center;
        place-content: flex-end; }
        #edit-teaser .content header .publish-undo .save {
          margin-left: 16px; }
    #edit-teaser .content .two-cols {
      display: grid;
      grid-template-columns: 1fr 3fr;
      grid-template-rows: 1fr;
      grid-column-gap: 0;
      grid-row-gap: 0; }
      #edit-teaser .content .two-cols .edit-col {
        overflow: auto;
        padding: 0 24px 24px 0; }
        #edit-teaser .content .two-cols .edit-col .data-container {
          display: flex;
          flex-direction: row;
          justify-content: space-between; }
        #edit-teaser .content .two-cols .edit-col .data-box {
          display: flex;
          flex-direction: column;
          width: 49%;
          padding: 8px;
          margin-bottom: 8px;
          border-radius: 4px;
          border: 1px solid #fee290;
          background: #fef8e4; }
          #edit-teaser .content .two-cols .edit-col .data-box h1 {
            font-family: "F Grotesk", "FGrotesk-Bold";
            font-size: 16px;
            letter-spacing: 0px;
            line-height: 19px;
            font-weight: 700;
            color: #31312f;
            margin: 0 0 8px; }
          #edit-teaser .content .two-cols .edit-col .data-box dl {
            margin: 0; }
          #edit-teaser .content .two-cols .edit-col .data-box dt {
            float: left;
            clear: left;
            width: 85px; }
          #edit-teaser .content .two-cols .edit-col .data-box dt::after {
            content: ":"; }
          #edit-teaser .content .two-cols .edit-col .data-box dd {
            margin: 0 0 0 90px;
            padding: 0 0 4px 0;
            font-weight: 700; }
            #edit-teaser .content .two-cols .edit-col .data-box dd:last-child {
              padding-bottom: 0; }
        #edit-teaser .content .two-cols .edit-col h2 {
          font-family: "F Grotesk", "FGrotesk-Bold";
          font-size: 16px;
          letter-spacing: 0px;
          line-height: 19px;
          font-weight: 700;
          color: #31312f;
          margin-top: 24px; }
        #edit-teaser .content .two-cols .edit-col .custom-select,
        #edit-teaser .content .two-cols .edit-col textarea,
        #edit-teaser .content .two-cols .edit-col input[type="text"] {
          width: 100%; }
        #edit-teaser .content .two-cols .edit-col fieldset {
          margin-bottom: 16px; }
          #edit-teaser .content .two-cols .edit-col fieldset p {
            margin: 0 0 8px;
            font-size: 12px;
            line-height: 1.2; }
        #edit-teaser .content .two-cols .edit-col label,
        #edit-teaser .content .two-cols .edit-col legend {
          display: flex;
          justify-content: space-between;
          font-size: 13px;
          color: #666362;
          font-weight: 700; }
          #edit-teaser .content .two-cols .edit-col label .counter,
          #edit-teaser .content .two-cols .edit-col legend .counter {
            font-weight: 400; }
        #edit-teaser .content .two-cols .edit-col .kicker-edit,
        #edit-teaser .content .two-cols .edit-col .title-edit {
          height: 40px; }
        #edit-teaser .content .two-cols .edit-col .radio label,
        #edit-teaser .content .two-cols .edit-col .checkbox label {
          display: inline-block;
          font-weight: normal; }
        #edit-teaser .content .two-cols .edit-col .radio-group {
          display: flex;
          justify-content: space-evenly;
          margin: 4px 0 0; }
        #edit-teaser .content .two-cols .edit-col .buttons {
          display: flex;
          justify-content: space-between;
          margin: 24px 0 16px; }
      #edit-teaser .content .two-cols .preview-col {
        overflow: auto;
        padding: 24px;
        background-color: #f2f0ef; }

.article-list article .text-container .titles .streamer,
.article-list article .text-container .meta .top-label,
.article-list .position-pinned,
.article-list article ul.tools li.create-bundle,
.article-list article .teaser-info .info-icons .news-value,
.article-list article .teaser-info .info-icons .conversions,
.article-list article .text-container .meta .subscription::before,
.article-list .sort .reset,
#edit-teaser .content .two-cols .preview-col {
  display: none !important;
  content: '' !important; }

.article-list li.article::before {
  border-bottom: none !important; }

.article-list .filter .filter-container .custom-select {
  width: 48%; }

#edit-teaser .content .two-cols {
  grid-template-columns: 1fr; }

#edit-teaser {
  width: 30%;
  min-width: 450px; }

#edit-teaser .content .two-cols .edit-col {
  padding: 0; }

/*# sourceMappingURL=tot.css.map */