#__ceo-debug-message {
  display: none;
}
hr {
  border-color: #333;
  opacity: 1;
}
.border-yellow {
  border-color: #F7CD46 !important;
}
.border-green {
  border-color: #AFC252 !important;
}
.border-red {
  border-color: #9123B1 !important;
}
.fw-400 {
  font-weight: 400;
}
.fw-600 {
  font-weight: 600;
}
.fw-900 {
  font-weight: 900;
}
.color-tab {
  position: absolute;
  left: 0;
  height: 75%;
  width: 30px;
  padding: 0px;
  margin-top: 20px;
}
.main .color-tab {
  background: #F7CD46;
}
.main .trending {
  overflow-y: scroll;
  height: 500px;
}
@media (max-width: 768px) {
  .main .trending {
    overflow-y: auto;
    height: auto;
  }
}
.main .border-start,
.main .border-end,
.main .border-top,
.main .border-bottom {
  border-color: #F7CD46 !important;
}
.main .border-start.border-half,
.main .border-end.border-half {
  border-width: 2px !important;
  border-image: linear-gradient(to bottom, white 5%, #F7CD46 5%, #F7CD46 50%, white 50%) 1 100%;
}
.main .border-start.border-half.no-pre,
.main .border-end.border-half.no-pre {
  border-image: linear-gradient(to bottom, white 0.75%, #F7CD46 0.75%, #F7CD46 50%, white 50%) 1 100%;
}
.main .btn.btn-primary {
  background-color: #F7CD46;
  border-color: #F7CD46;
}
.main .btn.btn-primary:hover {
  background-color: #f5c015;
}
.wip .color-tab {
  background: #AFC252;
}
.wip .border-start.border-half,
.wip .border-end.border-half {
  border-width: 2px !important;
  border-image: linear-gradient(to bottom, #AFC252 50%, white 50%) 1 100%;
}
.wip .btn.btn-primary {
  background-color: #AFC252;
  border-color: #AFC252;
}
.wip .btn.btn-primary:hover {
  background-color: #94a63b;
}
.mtam .color-tab {
  background: #9123B1;
}
.mtam .border-start.border-half,
.mtam .border-end.border-half {
  border-width: 2px !important;
  border-image: linear-gradient(to bottom, #9123B1 50%, white 50%) 1 100%;
}
.mtam .btn.btn-primary {
  background-color: #9123B1;
  border-color: #9123B1;
}
.mtam .btn.btn-primary:hover {
  background-color: #6e1b86;
}
/* width */
::-webkit-scrollbar {
  width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #333;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #666;
}
.col.col-fixed-300 {
  width: 100%;
  max-width: 100%;
  padding-left: 10px;
}
@media (min-width: 992px) {
  .col.col-fixed-300 {
    width: 325px;
    max-width: 325px;
  }
}
.w-33 {
  width: 33% !important;
}
.w-40 {
  width: 40% !important;
}
.w-60 {
  width: 60% !important;
}
.w-66 {
  width: 66% !important;
}
@media (min-width: 768px) {
  .gx-custom {
    --bs-gutter-x: 10rem;
  }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .w-xs-100 {
    width: 100% !important;
  }
  .w-xs-75 {
    width: 75% !important;
  }
  .w-xs-50 {
    width: 50% !important;
  }
  .w-xs-25 {
    width: 25% !important;
  }
  .w-xs-33 {
    width: 33% !important;
  }
  .w-xs-40 {
    width: 40% !important;
  }
  .w-xs-60 {
    width: 60% !important;
  }
  .w-xs-66 {
    width: 66% !important;
  }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-33 {
    width: 33% !important;
  }
  .w-sm-40 {
    width: 40% !important;
  }
  .w-sm-60 {
    width: 60% !important;
  }
  .w-sm-66 {
    width: 66% !important;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-33 {
    width: 33% !important;
  }
  .w-md-40 {
    width: 40% !important;
  }
  .w-md-60 {
    width: 60% !important;
  }
  .w-md-66 {
    width: 66% !important;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-33 {
    width: 33% !important;
  }
  .w-lg-40 {
    width: 40% !important;
  }
  .w-lg-60 {
    width: 60% !important;
  }
  .w-lg-66 {
    width: 66% !important;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-33 {
    width: 33% !important;
  }
  .w-xl-40 {
    width: 40% !important;
  }
  .w-xl-60 {
    width: 60% !important;
  }
  .w-xl-66 {
    width: 66% !important;
  }
}
.font-family-sans {
  font-family: 'Montserrat', sans-serif;
}
.font-family-serif {
  font-family: 'Cardo', serif;
}
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
}
a {
  color: #a01b20;
}
a:hover {
  color: #a01b20;
  text-decoration: underline;
}
h1 {
  font-weight: 900;
}
h1.font-size-title {
  font-weight: 600;
  font-size: 5vw;
  letter-spacing: 2px;
  line-height: 1;
}
@media (max-width: 575.98px) {
  h1.font-size-title {
    font-size: 10vw;
  }
}
h1.font-size-mega {
  font-weight: 600;
  font-size: 6vw;
  letter-spacing: 5px;
}
@media (max-width: 575.98px) {
  h1.font-size-mega {
    font-size: 12vw;
  }
}
h2 {
  font-weight: 900;
}
.typeset p {
  font-size: 1.1em;
  line-height: 1.6em;
}
article.preview h1 a,
article.preview h2 a,
article.preview h3 a,
article.preview h4 a,
article.preview h5 a,
article.preview h6 a {
  font-family: 'Montserrat', sans-serif;
  color: #333;
  font-weight: 600;
  text-decoration: none;
}
article.preview h1 a .title-byline,
article.preview h2 a .title-byline,
article.preview h3 a .title-byline,
article.preview h4 a .title-byline,
article.preview h5 a .title-byline,
article.preview h6 a .title-byline {
  font-weight: 400 !important;
}
article.preview .byline a {
  text-decoration: none;
  color: #212529;
}
article.preview.art_above {
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  font-weight: 300;
}
article.preview .abstract {
  font-size: 1em;
  font-weight: 300;
}
.kicker {
  font-size: 1em;
  text-transform: uppercase;
}
.kicker a {
  color: inherit;
  text-decoration: none;
}
.kicker.multimedia {
  color: #9123B1;
}
.kicker.local {
  color: #94a63b;
}
.kicker.culture,
.kicker.lifestyle {
  color: #91C9C0;
}
.kicker.editorial {
  color: #CC2229;
}
.kicker.creative {
  color: #ce9f09;
}
.kicker.style {
  color: #94a63b;
}
.facebook-sidebar h2,
.twitter-sidebar h2 {
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  background-color: #333;
}
.page-link {
  color: #a01b20;
}
.opnesidenav {
  display: block;
  padding: 0;
  height: 0;
  width: 100%;
  position: fixed;
  overflow-x: hidden;
  transition: 0.7s;
  top: 0;
  left: 0;
  overflow-y: hidden;
  background-color: #e0c1ea;
  z-index: 98;
}
.opnesidenav .navbar-nav {
  position: relative;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.opnesidenav .navbar-nav li a:hover {
  color: #555;
}
.opnesidenav .navbar-nav .top-icon {
  padding: 9px 18px 9px 21px;
}
.opnesidenav .navbar-nav .fa {
  font-size: 40px;
  cursor: pointer;
  line-height: .6;
}
.opnesidenav .list-inline-item {
  align-self: center;
  margin-top: -0.2rem;
}
.opnesidenav .list-inline-item > a {
  display: inline-block;
  width: 34px;
  text-align: center;
  font-size: 1.3rem !important;
  color: #333;
  text-decoration: none !important;
}
.opnesidenav .list-inline-item > a:hover {
  text-decoration: none;
}
.opnesidenav .list-inline-item:not(:last-child) {
  margin-right: .75rem;
}
.opnesidenav .container-fluid,
.opnesidenav .container-fluid > .row {
  height: 100%;
}
.topnav .navbar-nav {
  text-transform: uppercase;
  font-size: 1.5rem;
}
.topnav .top-icon {
  background-color: #fff;
  padding: 25px;
  display: block;
  z-index: 80;
}
.topnav .top-icon .fa {
  padding: 18px;
  background-color: #fff;
  left: 2px;
  top: 0px;
  position: fixed;
  font-size: 30px;
  cursor: pointer;
}
.topnav h1 {
  font-size: 3rem;
  margin-top: -3px;
}
@media (max-width: 568px) {
  .topnav h1 {
    font-size: 2rem;
  }
}
.topnav img {
  width: 35vw;
}
@media (max-width: 568px) {
  .topnav img {
    width: 60vw;
  }
}
.topnav .social-share a {
  display: inline-block;
  width: 34px;
  text-align: center;
  font-size: 1.3rem !important;
  color: #333;
  text-decoration: none !important;
}
.topnav .social-share a:hover {
  text-decoration: none;
}
.topnav .social-share .list-inline {
  margin-bottom: 0px;
}
#secondary a {
  color: #333;
  font-weight: 600;
}
#secondary a:hover {
  text-decoration: underline !important;
}
.fa-close-thin:before {
  content: '\00d7';
}
@media (max-width: 575.98px) {
  header h1 {
    font-size: 10vw;
  }
}
@media (min-width: 768px) {
  header h1 {
    font-size: 5vw;
    position: relative;
    z-index: 75;
    margin-bottom: -0.4em;
  }
}
@media (max-width: 575.98px) {
  header img {
    width: 70vw;
  }
}
@media (min-width: 768px) {
  header img {
    width: 50vw;
    position: relative;
    z-index: 75;
    margin-bottom: 1.4em;
  }
}
header ul.list-inline a {
  color: #333;
  font-size: 2em;
}
header .btn-primary {
  background: #333;
  border-color: #333;
  text-transform: uppercase;
  font-weight: 600;
}
header .btn-primary:hover {
  background: #404040;
  border-color: #404040;
}
footer .list-inline a {
  font-size: 1.3rem;
  color: #333;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
}
footer .social-share a {
  display: inline-block;
  width: 34px;
  text-align: center;
  font-size: 1.3rem !important;
  color: #333;
  text-decoration: none !important;
}
footer .social-share a:hover {
  text-decoration: none;
}
footer .copyright {
  font-size: 0.8em;
  color: #333;
}
footer .copyright img {
  max-width: 80%;
  position: relative;
  top: -3px;
}
footer .mission .col-12.col-md-6 {
  background-color: skyblue;
}
footer .mission .col-12.col-md-3 {
  background-color: gold;
}
footer .mission .col-12.col-md-3 + .col-12.col-md-3 {
  background-color: lavender;
}
.default-article h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 3.2em;
}
@media (max-width: 575.98px) {
  .default-article h1 {
    font-size: 2.5rem;
  }
}
.default-article h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.default-article h3 {
  text-transform: uppercase;
  font-size: 1.3em;
}
.default-article .article-copy {
  font-size: 1.1em;
  line-height: 1.6em;
}
.default-article .byline {
  font-size: 1.1em;
}
.default-article .full-bleed {
  margin-bottom: 0;
}
.default-article .photo-caption {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
}
.article-footer .social-share a {
  display: inline-block;
  width: 50px;
  text-align: center;
  font-size: 2rem !important;
  color: #333;
  text-decoration: none !important;
}
.article-footer .social-share a:hover {
  text-decoration: none;
}
.embedded-media .embedded-caption {
  line-height: 1.15em;
}
.embedded-media .embedded-caption .photo-caption {
  font-size: 0.8em;
  text-align: right;
}
.embedded-media.float-right {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.embedded-media.float-left {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
#facebook-jssdk-iframe {
  position: absolute;
  top: -20;
  left: 0;
}
.arx-content h1 {
  font-family: 'Montserrat', sans-serif;
  color: #333;
  text-transform: uppercase;
  font-weight: 700;
}
.arx-content h2 {
  font-family: 'Montserrat', sans-serif;
  color: #a01b20;
  text-transform: uppercase;
  font-weight: 700;
}
.arx-content .btn {
  font-weight: 700;
}
.arx-content > figure.float-left {
  margin: 0px 15px 15px 0px;
  float: left;
}
.arx-content > figure.float-left img {
  max-width: 100%;
}
.arx-content > figure.float-right {
  margin: 0px 0px 15px 15px;
  float: right;
}
.arx-content > figure.float-right img {
  max-width: 100%;
}
.arx-content .embedded-image img {
  max-width: 100%;
}
.arx-content .float-left .embedded-media {
  padding: 0px 15px 15px 0px;
}
.arx-content .align-center {
  text-align: center;
}
.arx-content .align-right {
  text-align: right;
}
.arx-content .align-left {
  text-align: left;
}