@charset "UTF-8";
/* Common Elements */
/* Glyphicons font path */
/* Image path */
/* Sizing */
/* Grid settings */
/* Colors */
/* Break Points */
/* Fonts */
/* New Variables for future features */
.color-dark {
  color: #111;
}

.color-primary {
  color: #AF231C;
}

.color-success {
  color: #00AB66 !important;
}

.bg-dark {
  background: #111;
}

.mb-1 {
  margin-bottom: 20px;
}

.mb-05 {
  margin-bottom: 10px;
}

.mb-2 {
  margin-bottom: 40px;
}

.text-spaced {
  letter-spacing: 0.1em;
}

.text-normal {
  font-weight: normal !important;
}

.bg-toned-1 {
  background: #F7F5F2 !important;
}

.text-primary {
  color: #AF231C !important;
}

.text-primary-6 {
  color: #88110A !important;
}

.text-secondary {
  color: #4A80D6 !important;
}

.text-success {
  color: #00AB66 !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.radius-sm {
  border-radius: 3px !important;
}

.radius-lg {
  border-radius: 6px !important;
}

.img-fluid {
  max-width: 100%;
  max-height: 100%;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mt-n2 {
  margin-top: -8px !important;
}

.mt-3 {
  margin-top: 16px !important;
}

.mt-n3 {
  margin-top: -16px !important;
}

.mt-4 {
  margin-top: 24px !important;
}

.mt-n4 {
  margin-top: -24px !important;
}

.mt-5 {
  margin-top: 32px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.mb-3 {
  margin-bottom: 16px !important;
}

.mb-4 {
  margin-bottom: 24px !important;
}

.mb-5 {
  margin-bottom: 32px !important;
}

@media (min-width: 768px) {
  .mb-md-3 {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
}
.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 4px !important;
}

.ml-2 {
  margin-left: 8px !important;
}

.ml-3 {
  margin-left: 16px !important;
}

.ml-4 {
  margin-left: 24px !important;
}

.ml-5 {
  margin-left: 32px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 4px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.mr-3 {
  margin-right: 16px !important;
}

.mr-4 {
  margin-right: 24px !important;
}

.mr-5 {
  margin-right: 32px !important;
}

.mx-4 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-4 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.p-1 {
  padding: 4px !important;
}

.p-2 {
  padding: 8px !important;
}

.p-3 {
  padding: 16px !important;
}

.p-4 {
  padding: 24px !important;
}

.p-5 {
  padding: 32px !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-items-center {
  align-items: center !important;
}

.justify-content-center {
  justify-content: center !important;
}

/* Old Style Components */
/* ----- GLOBAL ----- */
body {
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  line-height: 1.5;
}

.container {
  max-width: 970px;
}

.main {
  padding-right: 15px;
  padding-left: 15px;
}
.main.with-sidebar, .sidebar-primary .main {
  position: relative;
  min-height: 1px;
}
@media (min-width: 992px) {
  .main.with-sidebar, .sidebar-primary .main {
    padding-left: 15px;
    padding-right: 30px;
    float: left;
    width: calc(100% - 315px);
  }
}

.sidebar {
  display: none;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .sidebar {
    display: block;
    float: left;
    width: 315px;
  }
}

hr {
  background: #ddd;
  border: none;
  clear: both;
  color: #ddd;
  float: none;
  height: 0.1em;
  margin: 0 0 1.45em;
  width: 100%;
}
hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}

sup {
  font-size: 65%;
  vertical-align: super;
}

.hide {
  display: none;
}

.after {
  color: #f4f4f4;
  font-size: 0.8em;
  margin-left: 10px;
}

.quiet {
  color: #999;
}
.quiet a {
  color: #666;
  text-decoration: underline;
}
.quiet a:hover {
  color: #333;
  text-decoration: none;
}

.more-results,
.prev-results {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  vertical-align: middle;
  display: block;
  clear: both;
}
.more-results:link, .more-results:visited,
.prev-results:link,
.prev-results:visited {
  color: #333;
}
.more-results:hover,
.prev-results:hover {
  color: #111;
}

.prev-results {
  background: url(/img/arrow-prev-results.png) center left no-repeat;
  padding-left: 12px;
  text-align: left;
}

.more-results {
  background: url(/img/arrow-next-results.png) center right no-repeat;
  padding-right: 12px;
  text-align: right;
}

#header-wrap,
#footer-wrap {
  margin: 0 auto;
  width: 980px;
}

#header-wrap {
  background: transparent url(/img/bg-masthead.png) top center repeat-x;
}

#footer-wrap {
  background: #111;
}

/* ----- FONTS/ICONS ----- */
@font-face {
  font-family: "icomoon";
  src: url("/app/themes/insurancejournal/assets/fonts/icomoon.eot?hon1b7");
  src: url("/app/themes/insurancejournal/assets/fonts/icomoon.eot?hon1b7") format("embedded-opentype"), url("/app/themes/insurancejournal/assets/fonts/icomoon.ttf?hon1b7") format("truetype"), url("/app/themes/insurancejournal/assets/fonts/icomoon.woff?hon1b7") format("woff"), url("/app/themes/insurancejournal/assets/fonts/icomoon.svg?hon1b7") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-envelope-o:before {
  content: "\e901";
}

.icon-envelope:before {
  content: "\e902";
}

.icon-rss-square:before {
  content: "\e91d";
}

.icon-feed:before {
  content: "\e91e";
}

.icon-thumbs-o-down:before {
  content: "\e912";
}

.icon-thumbs-o-up:before {
  content: "\e913";
}

.icon-thumbs-down:before {
  content: "\e914";
}

.icon-thumbs-up:before {
  content: "\e915";
}

.icon-caret-square-o-right:before {
  content: "\e917";
}

.icon-toggle-right:before {
  content: "\e917";
}

.icon-chevron-down:before {
  content: "\e918";
}

.icon-angle-down:before {
  content: "\e91a";
}

.icon-angle-up:before {
  content: "\e91b";
}

.icon-chevron-up:before {
  content: "\e91c";
}

.icon-star-o:before {
  content: "\e910";
}

.icon-star:before {
  content: "\e911";
}

.icon-heart-o:before {
  content: "\e903";
}

.icon-heart:before {
  content: "\e905";
}

.icon-check-circle-o:before {
  content: "\e906";
}

.icon-check-square-o:before {
  content: "\e907";
}

.icon-check-circle:before {
  content: "\e908";
}

.icon-check:before {
  content: "\e909";
}

.icon-newspaper-o:before {
  content: "\e90a";
}

.icon-facebook:before {
  content: "\e90b";
}

.icon-facebook-f:before {
  content: "\e90b";
}

.icon-print2:before {
  content: "\e90c";
}

.icon-paper-plane-o:before {
  content: "\e90d";
}

.icon-send-o:before {
  content: "\e90d";
}

.icon-paper-plane:before {
  content: "\e90e";
}

.icon-send:before {
  content: "\e90e";
}

.icon-print:before {
  content: "\e90f";
}

.icon-mail-read:before {
  content: "\e900";
}

.icon-newspaper:before {
  content: "\e904";
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-linkedin:before {
  content: "\eaca";
}

/* ----- LINKS ----- */
a {
  outline: none;
  color: #08398F;
  text-decoration: none;
}
a:hover {
  color: #08398F;
  text-decoration: underline;
}
a.active {
  color: #111;
  font-weight: bold;
}
a.submitButton {
  border-radius: 5px;
  box-shadow: 0 1px 3px #999;
  background: #ddd;
  border-bottom: 1px solid #999;
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  padding: 5px 10px 6px;
  position: relative;
  text-decoration: none;
}
a.submitButton:hover {
  background: #8F0000;
  color: #fff;
}
a.submitButton:active {
  top: 1px;
}

#job-add {
  box-shadow: inset 0px 1px 0px 0px #caefab;
  background: linear-gradient(center top, #77d42a 5%, #5cb811 100%);
  background-color: #77d42a;
  border-radius: 6px;
  border: 1px solid #54ab44;
  display: block;
  color: #306108;
  font-family: arial;
  font-size: 24px;
  font-weight: bold;
  margin: 0 auto;
  padding: 13px 34px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0px #aade7c;
  width: 150px;
}
#job-add:hover {
  background: linear-gradient(center top, #5cb811 5%, #77d42a 100%);
  background-color: #5cb811;
}
#job-add:active {
  position: relative;
  top: 1px;
}

/* headline links */
.block h4 a,
.article-list a,
.striped a {
  color: #222;
  font-weight: bold;
}

h1 a,
h1 a:visited,
h2 a,
h2 a:visited,
h3 a,
h3 a:visited,
h4 a,
h4 a:visited,
h5 a,
h5 a:visited,
h6 a,
h6 a:visited,
.striped a,
.striped a:visited {
  color: #111;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.article-list a:hover,
.striped a:hover {
  color: #9F0700;
}

.article-list h2 a {
  color: #111;
  font-size: 18px;
  line-height: 125%;
}

.article-list h2 a:hover {
  color: #3770DF;
  text-decoration: none;
}

.meta a {
  font-weight: normal;
}

a.chrome {
  background: url(/app/themes/insurancejournal/assets/images/bg-efefef-dadada-1x40.png) top left repeat-x;
  border-bottom: 1px solid #fff;
  color: #333;
  display: block;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  padding: 8px 15px;
  text-shadow: 0 1px 0 #fff;
}

a.pop {
  color: #f60;
  font-size: 13px;
  font-weight: bold;
}

.post-edit-link,
.post-edit-link:visited {
  color: #666;
}

.post-edit-link:hover {
  color: #9F0700;
}

.archives-calendar tr {
  border-bottom: 1px solid #eee;
}

.archives-calendar td {
  border-right: 1px solid #eee;
  padding: 4px;
  text-align: center;
}

.archives-calendar a {
  color: #000;
}

.archives-calendar a:hover {
  color: #9F0700;
}

.page article:not(.article-feature) a,
.custom-post-type-agency-archive main a,
.single-agency main a {
  color: #9F0700;
  text-decoration: underline;
}

/* ----- TEXT ----- */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

h1 {
  font-size: 25px;
}

h2 {
  line-height: 125%;
  font-size: 25px;
}

h3 {
  font-weight: bold;
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 16px;
}

.grid_10 h3,
.grid_10 h4 {
  line-height: 115%;
}

.meta {
  color: #595959;
  font-size: 85.7%;
  font-weight: normal;
}

.lite {
  color: #777;
}

.lite a {
  color: #555;
}

.small {
  font-size: 85.7%;
}

.bold {
  font-weight: bold;
}

.adv {
  color: #888;
  font-size: 10px;
  padding: 2px 0;
  text-align: center;
  text-transform: uppercase;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.nomargin {
  margin: 0;
}

.nopadding {
  margin: 0;
}

blockquote {
  border-left: 4px solid #ddd;
  padding-left: 15px;
}

p {
  margin-bottom: 20px;
}

.category-head {
  border-bottom: 2px solid #ccc;
  color: #333;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0.35em;
  margin-top: 1.7em;
  padding: 3px 12px;
}

.section-top{
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(12 10 9 / var(--tw-text-opacity));
}
.sidebar .section-top {
  margin-top: 0;
}
.section-top:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(12 10 9 / var(--tw-bg-opacity));
}

.section-break {
  background: url(/img/bg-efefef-dadada-1x40.png) 0 0 repeat-x;
  border-bottom: 2px solid #f6f6f6;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-top: 2em;
  padding: 6px 12px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

/*
.section-top {
    border-top:2px solid #ddd;
    color:#bf0000;
    font-family:georgia, serif;
    font-size:21px;
    font-weight:normal;
    letter-spacing:-0.5px;
    margin:2em 0 0.3em;
    padding:4px 12px;
}
*/
.headline3 {
  font-size: 85.7%;
  font-weight: bold;
}

.headline4 {
  font-size: 100%;
  font-weight: bold;
}

.icon-header {
  font-size: 14px;
}

.icon-header img {
  vertical-align: middle;
}

.quote {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #f0f0f0;
  border-bottom: 2px solid #ccc;
  border-radius: 5px;
  margin: 20px 0;
  padding: 20px;
}

.page-title{
  margin-left: -1rem;
  margin-right: -1rem;
  border-width: 0px;
  border-top-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-top-color: rgb(12 10 9 / var(--tw-border-opacity));
  padding: 1rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / var(--tw-text-opacity));
}
.sidebar .page-title {
  font-size: 1.3em;
  margin-top: 10px;
  font-weight: bold;
}

.single-magazine .page-title {
  font-size: 24px;
}

.copyright-notice {
  border-top: 1px solid #eee;
  margin: 1.5em 0;
  padding: 10px;
  font-size: 11px;
}

p.reuters {
  background: url(/img/reuters.png) top left no-repeat;
  padding-left: 170px;
  min-height: 42px;
}

p.bloomberg {
  background: url(/img/bloomberg.png) top right no-repeat;
  min-height: 42px;
  padding-right: 170px;
}

p.theconversation-logo {
  background: url(/img/theconversation.png) top right no-repeat;
  background-size: 170px auto;
  min-height: 42px;
  padding-right: 170px;
}

p.cm-logo {
  background: url("https://www.carriermanagement.com/assets/img/carrier-management-gold-440x166.png") top right no-repeat;
  min-height: 56px;
  padding-right: 170px;
  background-size: auto 56px;
}

p.cj-logo {
  background: url("https://www.claimsjournal.com/img/claimsjournal_logo_125x56.gif") top right no-repeat;
  min-height: 56px;
  padding-right: 170px;
}

.read-more{
  margin: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(175 35 28 / var(--tw-text-opacity));
  opacity: 0.8;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.read-more:hover{
  margin-right: 0.25rem;
  gap: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(98 13 9 / var(--tw-text-opacity));
  opacity: 1;
}

/* ----- ADS ----- */
#latest-issue {
  display: block;
}

.bzn {
  margin: 20px 0;
}
.bzn.bzn-sidebar {
  margin: 0;
}
.bzn.bzn-above-content {
  min-height: 90px;
  text-align: center;
}
.bzn.bzn-above-content img {
  max-width: 100%;
  height: auto;
}
.bzn.bzn-between-articles {
  min-height: 90px;
  text-align: center;
  margin: 30px -15px;
}
.bzn.bzn-between-articles img {
  max-width: 100%;
  height: auto;
}
.bzn.bzn-intext {
  min-height: 193px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 12px;
  padding-bottom: 12px;
}
.bzn.bzn-intext-2 {
  /* removing for now because if ad is not filled leaves large blank mid article */
  /* min-height: 480px; */
  margin-left: -15px;
}
.bzn.bzn-feature-block {
  margin-top: 0;
}
.bzn.bzn-article-billboard {
  min-height: 250px;
  margin-top: 20px;
  text-align: center;
}
.bzn.bzn-sponsored-links {
  margin: 10px;
}
.bzn.bzn-research {
  margin: 0;
}
.bzn.bzn-research:first-child {
  margin-top: 10px;
}
.bzn.bzn-research:not(:last-child) {
  margin-bottom: 10px;
}
.bzn.bzn-overlay {
  margin: 0;
}

.adnotice {
  color: #d4d4d4;
  font-size: 80%;
  padding: 2px 4px;
  text-align: center;
}

.wideSkyscraper {
  height: 600px;
  width: 160px;
}

.leaderboard {
  height: 90px;
  margin: 0 auto;
  width: 728px;
}

.leaderboard-wrap {
  background: #555;
  border-bottom: 1px solid #444;
  border-top: 1px solid #444;
  padding: 8px;
  text-align: center;
}

.mediumRectangle {
  height: 250px;
  width: 300px;
}

.rectangle300x100 {
  height: 100px;
  width: 300px;
}

.largeRectangle {
  height: 280px;
  width: 336px;
}

.bzn-squareButton {
  height: 125px;
  margin: 10px auto;
  width: 125px;
}

.rectangle180x150 {
  height: 150px;
  margin: 10px auto;
  width: 180px;
}

.rectangle440x160 {
  height: 160px;
  margin: 10px auto;
  width: 440px;
}

.grid_6 .mediumRectangle {
  width: 340px;
}

.sidebar .adStack {
  background: #f4f4f4;
  margin: 1.5em auto 0;
  padding: 15px 0 0 15px;
  width: 290px;
}

.adStack .bzn-squareButton {
  float: left;
  margin: 0 10px 10px 0;
}

#narrow-sidebar .bzn-squareButton {
  background: #f4f4f4;
  border: 1px solid #ddd;
  padding: 8px;
}

.article-footer-links li {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.ad-border {
  border: 1px solid #ccc;
  padding: 5px;
}

.site-stripe {
  background: #E8461B;
  color: #fff;
  font: bold 16px/1.5 arial, sans-serif;
  text-shadow: 0 1px #7F250D;
  padding: 5px 0;
  border-bottom: 2px solid #7F250D;
  text-align: center;
}

.site-stripe a,
.site-stripe a:visited {
  color: #fff;
  text-decoration: underline;
}

.site-stripe a:hover {
  color: #7F250D;
  text-decoration: underline;
  text-shadow: none;
}

/* ----- ADS ----- */
#ad-in-text {
  background: #f4f4f4;
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  clear: both;
  padding: 8px 8px 15px;
  margin-bottom: 1.2em;
}

#ad-in-text p {
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 0.5em;
  padding: 0 8px;
}

#ad-in-text img {
  float: left;
  margin: 5px 12px 5px 5px;
}

#ad-in-text a,
.ads-text-links a {
  color: #9F0700;
  text-decoration: underline;
}

#bottom-right-corner-ad {
  display: block;
  right: 0;
  position: fixed;
  bottom: -6px;
  z-index: 9999;
  width: 200px;
}

@media only screen and (max-width: 1000px) {
  #bottom-right-corner-ad {
    display: none;
  }
}
/* css for the video overlay ad */
#video-overlay-ad {
  background-color: #fff;
  border: 1px solid #666;
  display: none;
  min-height: 200px;
  width: 475px;
  z-index: 10000;
}

#video-overlay-ad .video-overlay-details {
  color: #000;
  text-align: left;
  margin-bottom: 40px;
}

#video-overlay-ad .close {
  background: url(/img/overlay-close.gif) left no-repeat;
  bottom: 0;
  cursor: pointer;
  display: block;
  height: 26px;
  margin: 0 10px 10px 0;
  position: absolute;
  right: 0;
  width: 26px;
}

#video-overlay-ad .close:hover {
  background-position: right;
}

#video-overlay-image {
  cursor: pointer;
}

/* Temp Styles */
.adplaceholder {
  display: block;
  text-align: center;
}
.adplaceholder img {
  max-width: 100%;
  height: auto;
}
.adplaceholder.adplaceholder-leaderboard {
  border-bottom: 1px solid #ddd;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

/* ----- FORMS ----- */
input.accent {
  -moz-border-radius: 2px 2px 2px 2px;
  background: url(/img/bg-form-field.gif) repeat-x scroll left top #fff;
  border: 1px solid #d5d5d5;
  color: #333;
  font-size: 14px;
  padding: 6px;
}

#subscribe-reloaded {
  float: left;
  margin-bottom: 8px;
}

#subscribe-reload-manage {
  margin-left: 38px;
  clear: both;
}

#commentform input[type=submit] {
  clear: both;
  margin-top: 10px;
}

input[name=twitter] {
  display: none;
}

.bg_es input,
.bg_es select,
.bg_pr input,
.bg_pr select,
.bg_wc input,
.bg_wc select,
.bg_tc input,
.bg_tc select,
.bg_co input,
.bg_co select {
  color: #111;
}

#aligned-form label {
  display: inline;
  margin-left: 5px;
}

/* ----- SUBSCRIBE BLOCK ----- */
.subscribe-banner {
  color: #fff;
  position: relative;
  margin: 20px 0;
}
.subscribe-banner .content {
  padding: 20px;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.subscribe-banner h4 {
  font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 0;
  margin-bottom: 15px;
}
.subscribe-banner p {
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
.subscribe-banner form {
  position: relative;
}
.subscribe-banner input[type=email] {
  box-sizing: border-box;
  border: none;
  background: #ffffff;
  border-radius: 21px;
  padding: 0 30px;
  line-height: 42px;
  font-size: 18px;
  font-weight: 300;
  color: #111;
}
.subscribe-banner input[type=email]:focus {
  outline: none;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);
}
.subscribe-banner button {
  background: #AF231C;
  color: #fff;
  line-height: 42px;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #fff;
  border-radius: 21px;
  padding: 0 30px;
  transition: background 0.15s ease;
}
.subscribe-banner button:hover {
  background: #8F0000;
  cursor: pointer;
}
.subscribe-banner.subscribe-banner-in-content {
  width: 100%;
  height: 276px;
  text-align: center;
  overflow: hidden;
}
.subscribe-banner.subscribe-banner-in-content h4 {
  font-size: 36px;
}
.subscribe-banner.subscribe-banner-in-content img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}
.subscribe-banner.subscribe-banner-in-content p {
  font-size: 18px;
}
.subscribe-banner.subscribe-banner-in-content form {
  width: 475px;
  margin: 0 auto;
}
.subscribe-banner.subscribe-banner-in-content input[type=email] {
  display: block;
  width: 100%;
  padding-right: 150px;
  color: #111;
  border: 1px solid #fff;
}
.subscribe-banner.subscribe-banner-in-content button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.subscribe-banner.subscribe-banner-sidebar h4 {
  font-size: 28px;
  margin-bottom: 0;
}
.subscribe-banner.subscribe-banner-sidebar p {
  font-size: 15px;
  margin-bottom: 20px;
}
.subscribe-banner.subscribe-banner-sidebar input[type=email] {
  margin-bottom: 10px;
  width: 100%;
}

/* ----- email subscribe sidebar ----- */
#email-subscribe-shortlist {
  background: #f2f2f2;
  border: 4px solid #e4e4e4;
  padding: 10px 14px 0;
}

#email-subscribe-shortlist .large {
  width: 238px;
  border: 3px solid #e3e3e3;
}

#email-subscribe-shortlist .large:focus {
  border-color: #ccc;
}

#email-subscribe-shortlist div {
  margin: 10px 0;
}

#email-subscribe-shortlist h4 {
  font-size: 18px;
}

.red-button {
  background: #E20000;
  color: #fff;
  border-radius: 5px;
  border: none;
  border-bottom: 4px solid #d40000;
  border-top: 2px solid #f60000;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 42px;
  line-height: 39px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  text-shadow: -1px -1px #B1080A;
  width: 260px;
}

.red-button:hover {
  background: #CE0000;
  border-bottom: 4px solid #ac0000;
  border-top: 2px solid #e40000;
}

/* ----- LISTS ----- */
.horiz {
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

.horiz li {
  float: left;
  margin: 0;
  padding: 0 0.5em;
}

.inline {
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

.inline li {
  border-left: 1px solid #d4d4d4;
  display: inline;
  margin: 0;
  padding: 0 0.5em 0 0.7em;
}

.inline li.first {
  border-left: none;
}

.ruled {
  line-height: 130%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ruled li {
  border-top: 1px solid #eee;
  margin: 0;
  padding: 5px;
}

.ruled li:first-child,
.ruled li.first {
  border-top: none;
}

/* bullet lists */
.bullets li ul, .bullets li ol, #thread li li {
  margin: 0 1.6em;
}

ul.bullets, ol.bullets, .bullets ul, .bullets ol {
  margin: 0 1.5em 1.5em 1.5em;
}

ul.bullets, .bullets ul, #thread li ul li {
  list-style-type: disc;
}

ol.bullets, .bullets ol, #thread li ol li {
  list-style-type: decimal;
}

.noborder li {
  border: none;
}

.nopadding li {
  padding: 0;
}

.nostyle {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nostyle li {
  margin: 0;
  padding: 0.1em 0;
}

.events-list li {
  font-size: 85.7%;
  line-height: 150%;
  padding: 0.8em 0.5em;
}

.popular {
  list-style: none;
  margin: 0;
  padding: 0;
}
.popular li {
  margin: 0;
  padding: 0;
  display: block;
  margin-bottom: 16px;
}
.popular .popular-item {
  margin-bottom: 13.3333333333px;
  padding-left: 60px;
  position: relative;
  display: block;
  text-decoration: none !important;
  width: 100%;
  border: 1px solid #cdcdcd;
}
.popular .popular-item:hover {
  background: #eee;
}
.popular .number {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 60px;
  border-right: 1px solid #ddd;
  color: #ddd;
  display: block;
}
.popular .number span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
.popular .popular-wrapper {
  font-size: 0.9em;
  margin-top: 1px;
}
.popular .popular-wrapper > * {
  padding: 8px;
}
.popular .popular-title {
  width: 450px;
  color: #AF231C;
}
.popular .popular-date {
  font-weight: normal;
  color: #999;
  font-size: 90%;
  float: right;
}
.popular .entry-meta {
  border-top: 1px solid #ddd;
  width: 100%;
  clear: both;
  max-height: 54px;
  overflow: hidden;
  color: #111;
}

/** Super Regional List Styling */
/*MAIN LIST STUFF*/
.superreg-list-title {
  background: #efefef;
  padding: 15px;
  border-bottom: 2px solid #ffffff;
}

.superreg-list-title p {
  margin-bottom: 0;
  font-weight: 500;
  color: #555555;
}

.superreg-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.superreg-list .wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  max-height: 100%;
}

/*MAIN ITEM*/
.superreg-item {
  margin: 0;
  color: #505050;
  background: #ffffff;
  transition: transform 0.2s ease;
}

.superreg-item.flash-off {
  transition: background 2s ease;
}

.superreg-item:hover:not(.active),
.superreg-item.flash-on {
  background: #FFE4A0;
  cursor: pointer;
}

.superreg-item.active {
  position: relative;
  z-index: 10;
  transform: scale(1.04, 1.04);
  margin: 0;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}

/*HEAD STUFF*/
.superreg-head {
  clear: both;
  position: relative;
  height: 70px;
}

.superreg-item.active .superreg-head {
  height: 100px;
}

.superreg-head hr {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  background: #efefef;
}

.superreg-item.active .superreg-head hr {
  right: 10px;
  width: calc(100% - 10px);
  height: 3px;
  background-color: #FFDB80;
}

.superreg-rank {
  position: relative;
  height: 100%;
  float: left;
  width: 120px;
  text-align: center;
  background: #efefef;
}

.superreg-item:hover .superreg-rank,
.superreg-item.active .superreg-rank {
  background: #ffdb80;
}

.superreg-rank .circle {
  display: none;
  position: absolute;
  height: 70px;
  width: 80px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}

.superreg-item.active .superreg-rank .circle {
  display: block;
}

.superreg-rank .circle span {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: -15px;
  border-radius: 100%;
  border: 3px solid #999999;
}

.superreg-item.active .superreg-rank .circle span {
  border-color: rgba(0, 0, 0, 0.1);
}

.superreg-rank .rank {
  font-size: 18px;
  padding: 0;
  font-weight: bold;
  margin-bottom: 0;
}

.superreg-item.active .superreg-rank .rank {
  font-size: 28px;
  line-height: 38px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.superreg-rank .dpw {
  font-size: 12px;
  margin: 0;
}

.superreg-title {
  position: relative;
  height: 100%;
  float: left;
  width: calc(100% - 120px - 120px);
}

.superreg-title h2 {
  font-size: 14px;
}

.superreg-item.active .superreg-title h2 {
  font-size: 22px;
}

.superreg-title p {
  margin: 0;
  font-size: 12px;
}

.superreg-logo {
  position: relative;
  height: 100%;
  float: left;
  width: 120px;
  text-align: center;
}

.superreg-logo img {
  max-height: 50px;
  max-width: 100px;
}

/*CONTENT STUFF*/
.superreg-content {
  display: none;
  clear: both;
  box-sizing: border-box;
  padding: 20px;
}

.superreg-content:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}

.superreg-blurb {
  box-sizing: border-box;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
}

.superreg-states {
  box-sizing: border-box;
  padding-right: 10px;
  float: left;
  width: 60%;
}

.superreg-states h4 {
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px solid #efefef;
}

.superreg-states h4 strong {
  font-size: 20px;
  margin-right: 2px;
}

.superreg-info {
  box-sizing: border-box;
  padding-left: 10px;
  float: left;
  width: 40%;
}

.superreg-info h4 {
  margin-bottom: 0;
}

.superreg-info p {
  margin-bottom: 5px;
}

.superreg-info p:last-child {
  margin-bottom: 0;
}

/* ----- ARTICLE LISTS ----- */
.entry {
  border-bottom: 1px dotted #e4e4e4;
  font-size: 12px;
  padding: 10px;
}

.entry h3 {
  font-weight: bold;
  font-size: 18px;
}

.entry p {
  margin: 0;
}

.entry-meta {
  color: #666;
}

.entry-utility {
  display: none;
}

.article-list {
  font-size: 100%;
}

.syndicate .article-list {
  font-size: 12px;
}

ul.article-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.article-list li {
  border-bottom: 1px solid #eee;
  margin: 0;
  padding: 5px;
}

.article-grid-list {
  font-size: 85.7%;
  line-height: 151%;
  list-style: none;
  padding: 0;
}

.article-grid-list .col {
  margin-bottom: 20px;
  overflow: hidden;
  height: 210px;
}
@media (min-width: 992px) {
  .article-grid-list .col {
    height: unset;
    overflow: unset;
  }
}

.article-grid-list img {
  display: block;
  width: 100%;
  height: auto;
}

.article-grid-list a {
  color: #222;
  font-weight: bold;
}

.article-grid-list a:hover {
  color: #9F0700;
}

.article-grid-list a:hover img {
  text-decoration: none;
}

.sidebar .article-list {
  font-size: 12px;
}

.sidebar .meta {
  font-size: 12px;
  font-weight: normal;
}

.sidebar .meta a {
  font-weight: normal;
}

.grid_7 p {
  font-size: 12px;
}

.ticker .article-list li.article:first-child {
  border-top: 1px solid #fff;
}

.article-list p {
  margin-bottom: 0.4em;
}

p.meta span {
  padding: 0 1em 0;
}

.contributors li {
  clear: both;
}

.contributors a {
  display: block;
}

.contrib-img {
  float: left;
  margin-right: 6px;
  text-transform: uppercase;
  width: 60px;
}

.contrib-info {
  margin-left: 66px;
}

.contrib-name {
  color: #444;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
}

.contrib-headline {
  font-weight: bold;
}

a:hover .contrib-headline {
  text-decoration: underline;
}

.badge {
  background: #9e4600;
  color: #fff;
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin-right: 10px;
  overflow: hidden;
  padding: 1px 3px;
  text-align: center;
  text-transform: uppercase;
  width: 95px;
}

.satire-notice {
  background: url(/img/icons/satire-banana.png) 0 0 no-repeat;
  border-bottom: 1px solid #ddd;
  font-color: #666;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 0 0 12px 150px;
}

.comment-count,
.article-list span.comment-count {
  background: url(/img/icons/comment.png) 0 50% no-repeat;
  font-size: 12px;
  font-weight: bold;
  padding-left: 19px;
}

/*  HEAT  */
.heat {
  float: left;
  width: 80px;
  top: 50%;
  margin-top: 12px;
}

.heat div {
  background: url(/app/themes/insurancejournal/assets/images/heatup-16.png) top left repeat-y;
  height: 14px;
}

.heated {
  margin-left: 90px;
  min-height: 36px;
  position: relative;
}

li.heated {
  position: relative;
}

li.heated a {
  display: block;
  margin-left: 90px;
}

.article-list.current-read li {
  position: relative;
}
.article-list.current-read li:before {
  transition: opacity 0.15s ease;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5px;
  width: 5px;
  background: #AF231C;
  opacity: 0;
}
.article-list.current-read li.active:before {
  opacity: 1;
}
.article-list.current-read li.active .bar {
  opacity: 1;
}
.article-list.current-read li .bar {
  transition: opacity 0.15s ease;
  opacity: 0;
  height: 100%;
  position: absolute;
  background: #eee;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.article-list.current-read li a {
  z-index: 10;
  position: relative;
}

/* ----- TABLES ----- */
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

table {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
}

table.data {
  font-size: 12px;
}

.striped {
  border-collapse: collapse;
}

.striped th {
  background: #444;
  border-right: 1px solid #fff;
  color: #f4f4f4;
  font-weight: bold;
  line-height: 1.2;
  padding: 6px 11px;
  text-align: left;
}

.striped td {
  border-bottom: 1px solid #bbb;
  padding: 6px 11px;
  vertical-align: top;
}

tr.odd td {
  background: none repeat scroll 0 0 #f4f4f4;
}

tr.over td {
  background: none repeat scroll 0 0 #d4d4d4;
}

.hrule th,
.hrule td {
  border-bottom: 1px solid #ddd;
  padding: 5px;
}

.gold td {
  border-bottom: 1px solid #ffd462;
}

.gold tr.odd td {
  background: #fff8e8;
}

.gold tr.over td {
  background: #ffe4a0;
}

/* ----- PRICING TABLES ----- */
#agency-price-table {
  margin-top: 20px;
  margin-bottom: 2em;
  width: 100%;
}

#agency-price-table .plan {
  width: 33.3333333333%;
  float: left;
}

#agency-price-table .premium,
#agency-price-table .platinum {
  border-left: 1px solid #ddd;
}

.plan-name {
  background: url(/img/agency-price-green.png) bottom center repeat-x;
  font-weight: bold;
}

.plan li.plan-name {
  padding-bottom: 25px;
  padding-top: 20px;
}

.highlight .plan-name {
  background: url(/img/agency-price-highlight.png) bottom center repeat-x;
}

.platinum .plan-name {
  background: url(/img/agency-price-orange.png) bottom center repeat-x;
}

.price-section {
  background: url(/img/agency-price-section.png) bottom left repeat-x;
  color: #888;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  text-transform: uppercase;
  padding: 3px;
}

.plan-name span {
  display: block;
  font-family: helvetica, arial, sans-serif;
  font-size: 26px;
  font-weight: normal;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.plan ul {
  list-style: none;
  line-height: 120%;
  margin: 0;
  padding: 0;
}

.plan li {
  border-top: 1px solid #eee;
  padding: 0.5em;
  margin: 0;
  text-align: center;
}

.plan li:first-child,
.plan li.first {
  border-top: none;
}

.plan .small {
  color: #777;
}

/* -----  JOBS  ----- */
.data-table,
.tablesorter {
  font-size: 13px;
  margin: 10px 0 15px;
  text-align: left;
  width: 100%;
}

.data-table thead tr th,
.data-table tfoot tr th,
.tablesorter .tablesorter-header,
.tablesorter tfoot tr th {
  background: #CDCDCD;
  border-right: 1px solid #fff;
  color: #000000;
  font-weight: bold;
  line-height: 1.2;
  padding: 6px 20px 6px 11px;
  text-align: left;
}

.tablesorter thead tr .tablesorter-header,
.tablesorter thead tr .tablesorter-headerAsc,
.tablesorter thead tr .tablesorter-headerDesc {
  background-image: url(/img/tablesorter/bg_white.png);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

.tablesorter thead tr .tablesorter-headerAsc {
  background-image: url(/img/tablesorter/asc_white.png);
}

.tablesorter thead tr .tablesorter-headerDesc {
  background-image: url(/img/tablesorter/desc_white.png);
}

.tablesorter thead tr .tablesorter-headerDesc,
.tablesorter thead tr .tablesorter-headerAsc {
  background-color: #ddd;
}

.tablesorter tbody td {
  border-bottom: 1px solid #ddd;
  padding: 6px 11px;
  vertical-align: top;
}

#job-board h3 {
  font-size: 100%;
  font-weight: bold;
}

.tablesorter tr.over td {
  background-color: #eee;
}

#job-board .highlight {
  background-color: #FFF6BF;
}

#tablefilter {
  background: url(/img/jobs/search-bar-icon.png) 7px 5px no-repeat;
  border: 1px solid #ccc;
  color: #777;
  font-size: 18px;
  padding: 5px 5px 5px 35px;
  width: 350px;
}

#jobs-search span {
  color: #666;
  display: block;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  padding-top: 3px;
}

/* ----- HEADER ----- */
.header {
  position: relative;
  z-index: 100;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.header-topbar {
  display: none;
  background: #111;
}
@media (min-width: 768px) {
  .header-topbar {
    display: block;
  }
}
.header-topbar .container {
  width: auto;
  max-width: 100%;
}
@media (min-width: 992px) {
  .header-topbar .container {
    max-width: 970px;
    width: 970px;
  }
}

.header-main {
  background: #AF231C;
  color: #fff;
}
.header-main h3 {
  font-size: 100%;
  line-height: 1.5em;
  margin: 5px 0;
}
.header-main .bzn {
  margin: 0;
}

.header-nav {
  font-size: 14px;
  font-weight: bold;
  padding: 0;
  background: #111;
  text-align: center;
  height: 35px;
}
@media (min-width: 992px) {
  .header-nav {
    font-size: 16px;
  }
}
.header-nav .container {
  width: auto;
  max-width: 100%;
}
@media (min-width: 992px) {
  .header-nav .container {
    max-width: 970px;
    width: 970px;
  }
}
.header-nav nav {
  display: inline-block;
}
@media (min-width: 992px) {
  .header-nav nav {
    display: block;
  }
}

.current-issue.current-issue-header .magazine {
  float: left;
  display: block;
}
.current-issue.current-issue-header .magazine img {
  margin-right: 4px;
}
.current-issue.current-issue-header .menu .menu-item {
  margin-right: 0px;
  width: 93px;
}
.current-issue.current-issue-header .menu .menu-item a {
  font-size: 12px;
  line-height: 25px;
}

.skip-link {
  background: #eeeeee;
  color: #000000;
  font-weight: 700;
  left: 15px;
  top: 15px;
  padding: 12px 20px;
  position: fixed;
  z-index: 10;
  transform: translateY(-80px);
  transition: transform 0.3s ease-in-out;
}
.skip-link:focus {
  transform: translateY(0%);
}

.logo {
  display: block;
  text-align: center;
}
.logo img {
  max-width: 100%;
  height: auto;
}
.logo.logo-header {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .logo.logo-header {
    margin-bottom: 0;
    height: 200px;
  }
}
.logo.logo-header img {
  max-width: 330px;
}
@media (min-width: 768px) {
  .logo.logo-header img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

#search .search-box{
  position: relative;
}
#search .search-box-input {
  height: auto;
  font-size: 20px;
  padding: 8px 16px;
  width: 100%;
  border-radius: 0;
  padding-right: 60px;
}
#search .search-box-submit{
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 3rem;
  border-width: 0px;
  background-color: transparent;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
#search .search-box-submit:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
#search .search-box-reset{
  position: absolute;
  right: 3rem;
  top: 0px;
  bottom: 0px;
  width: 3rem;
  border-width: 0px;
  background-color: transparent;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
#search .search-hits-list{
  list-style-type: none;
  padding-left: 0.5rem;
}
#search .search-pagination{
  display: flex;
  justify-content: center;
}
#search .search-pagination.search-pagination-no-results{
  display: none;
}
#search .search-facet-heading{
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity));
}
#search .search-facet-heading:hover{
  cursor: pointer;
}
#search .search-clear-facets{
  margin-top: 0.5rem;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
#search .search-clear-facets:hover:not(.is-disabled){
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}
#search .search-clear-facets.is-disabled{
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(41 37 36 / var(--tw-text-opacity));
  opacity: 0.5;
}
#search .search-facet{
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  gap: 0px;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
}
#search .search-facet.search-facet-no-results{
  display: none;
}
#search .search-facet-list{
  margin-bottom: 0px;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  justify-content: stretch;
  gap: 0px;
  padding-left: 0px;
}
#search .search-facet-label{
  margin-bottom: 0px;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 400;
  line-height: 1.25;
}
#search .search-facet-label:hover{
  cursor: pointer;
}
#search .search-facet-input{
  margin-top: 0px;
}
#search .search-facet-count{
  margin-left: auto;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration-line: none;
}
#search .search-facet-show-more{
  margin-top: 0.5rem;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.25rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
#search .search-facet-show-more:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity));
}
#search .ais-SortBy-select{
  padding: 0.5rem;
}
#search .ais-Snippet-highlighted,
#search .ais-Highlight-highlighted{
  background-color: transparent;
  padding: 0px;
  font-style: italic;
  color: currentColor;
}

/* ----- FOOTER ----- */
.footer {
  background: #111;
  color: #ddd;
}
.footer > .container {
  font-size: 85.7%;
  padding-top: 10px;
}
.footer a {
  color: #ddd;
  line-height: 14px;
}
.footer a:hover {
  font-weight: bold;
  line-height: 14px;
}
.footer h4 {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 6px;
}
.footer li {
  border-color: #333;
}
.footer button,
.footer input[type=submit] {
  border: 1px solid #999;
  background: #ddd;
  color: #AF231C;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: bold;
}
.footer button:hover,
.footer input[type=submit]:hover {
  background: #999;
}
.footer input[type=text] {
  color: #111;
}

.footer-widgets {
  margin-bottom: 30px;
}
.footer-widgets .col:not(:last-child) {
  margin-bottom: 20px;
}

.footer-copyright {
  background: #111;
  border-top: 1px solid #333;
  padding: 12px 0;
  text-align: center;
}

.footer-rss {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .footer-rss .col img {
    width: 157.5px;
    height: 27.2px;
  }
}
@media (min-width: 992px) {
  .footer-rss .col img {
    width: 212.5px;
    height: 36.7px;
  }
}

/* ----- CLEARFIX ----- */
.clearfix {
  zoom: 1;
  display: block;
  clear: both;
}
.clearfix:before, .clearfix:after {
  clear: both;
  content: "";
  display: table;
}
.clearfix.smallTags {
  clear: none;
}
.clearfix.smallTags:before {
  clear: none;
}

* html .clearfix, * html .container {
  height: 1%;
}

#site-partners-top h3,
#latest-issue h3,
#top-news h3 {
  font-size: 100%;
  margin: 5px 0;
}

#top-news a {
  background: #8F0000;
  color: #fff;
  display: block;
  margin: 6px 0;
  padding: 4px 10px;
  text-decoration: none;
}

#top-news a:hover {
  background: #6F0707;
  text-decoration: none;
}

#latest-issue div a {
  background: #8F0000;
  color: #fff;
  display: block;
  font-size: 12px;
  margin: 4px 0;
  padding: 2px 7px 3px;
  text-decoration: none;
}

/* ----- TWITTER ----- */
#twitter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#twitter li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
  min-height: 50px;
  padding: 10px;
}

#twitter li:first-child {
  border-top: 1px solid #eee;
}

#twitter .author {
  display: block;
  height: 50px;
  width: 50px;
  float: left;
  margin: 0 10px 0 0;
}

#twitter .author img {
  height: 48px;
  width: 48px;
}

/* root element for scrollable */
#twitter {
  /* required settings */
  position: relative;
  overflow: hidden;
  /* vertical scrollers have typically larger height than width */
  height: 200px;
  width: 100%;
}

/* root element for scrollable items */
#twitter ul {
  position: absolute;
  /* this time we have very large space for the height */
  height: 20000em;
}

.tweet_avatar {
  padding-right: 0.5em;
  float: left;
}

.tweet_avatar img {
  vertical-align: middle;
}

/* the action buttons above the scrollable */
#actions {
  margin: 10px 0;
  width: 100%;
}

#actions a {
  color: #666;
  cursor: pointer;
  font-size: 11px;
}

#actions a:hover {
  color: #000;
  text-decoration: underline;
}

.disabled {
  visibility: hidden;
}

.nextPage {
  float: right;
}

/* ----- TOP NAV ----- */
.menu {
  margin: 0;
}
.menu.menu-horizontal {
  list-style-type: none;
  padding: 0;
}
.menu.menu-topbar {
  color: #fff;
  margin-left: auto;
  font-size: 11px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.menu.menu-header {
  list-style-type: none;
  padding: 0;
}
.menu.menu-main {
  position: relative;
  z-index: 999;
}

.menu-item a {
  display: block;
}
.menu-horizontal .menu-item {
  float: left;
}
.menu-horizontal .menu-item:not(:last-child) {
  margin-right: 10px;
}
.menu-topbar .menu-item {
  display: inline-block;
  float: none;
}
@media (min-width: 992px) {
  .menu-topbar .menu-item {
    display: block;
    float: left;
  }
}
.menu-topbar .menu-item a {
  color: #999;
}
.menu-topbar .menu-item a:hover {
  color: #bbb;
  text-decoration: none;
}
.menu-topbar .menu-item:not(:last-child) {
  border-right: 1px solid #333;
  padding-right: 10px;
}
.menu-header .menu-item {
  width: 100%;
  background: #8F0000;
}
.menu-header .menu-item:hover {
  background: #6F0000;
}
.menu-header .menu-item:not(:last-child) {
  margin-bottom: 5px;
}
.menu-header .menu-item a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  font-weight: normal;
  line-height: 30px;
  padding: 0 10px;
}
.menu-header .menu-item a:hover {
  text-decoration: none;
}
.menu-main .menu-item {
  text-align: left;
  position: relative;
}
.menu-main .menu-item:not(:last-child) {
  margin-right: 0;
  border-right: 1px solid #333;
}
.menu-main .menu-item a {
  position: relative;
  z-index: 10;
  line-height: 35px;
  padding: 0 20px;
  font-size: 100%;
  color: #999;
}
.menu-main .menu-item a:hover {
  text-decoration: none;
}
.menu-main .menu-item:hover a, .menu-main .menu-item.current a {
  background: #ddd;
  color: #111;
}

.menu-submenu {
  display: none;
}
.menu-main > .menu-item:hover .menu-submenu {
  display: block;
}
.menu-main .menu-submenu {
  z-index: 5;
  position: absolute;
  top: 35px;
  left: 0;
  font-size: 87.5%;
  list-style-type: none;
  padding: 0;
  background: #ddd;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.menu-main .menu-submenu .menu-item {
  float: none;
  display: block;
  padding: 0;
  border: none;
  position: relative;
}
.menu-main .menu-submenu .menu-item:hover a {
  background: #bbb;
  color: #111;
}
.menu-main .menu-submenu .menu-item a {
  color: #333;
  line-height: 30px;
  white-space: nowrap;
}

/* navigation */
.page-numbers {
  border-bottom: 2px solid #AF231C;
  border-top: 1px solid #ddd;
  font-size: 14px;
  font-variant: small-caps;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-top: 10px;
  text-transform: lowercase;
}
.page-numbers ul {
  padding: 0;
}

.page-numbers li {
  display: block;
  float: left;
  margin: 0 1px 0 0;
}

.page-numbers li.disabled,
.page-numbers li.current,
.page-numbers li a {
  padding: 4px 12px 2px;
  display: block;
  color: #333;
}

.page-numbers li.current {
  border-bottom: 4px solid #8F0000;
}

.page-numbers li.disabled {
  visibility: visible;
}

.page-numbers li a:hover {
  background-color: #eee;
  border-bottom: 4px solid #AF231C;
  color: #9F0700;
  text-decoration: none;
}

.page-numbers li.disabled {
  color: #9C9C9C;
}

.page-numbers li.current {
  background: #eee;
}

#popular-nav{
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
#popular-nav a{
  display: flex;
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(98 13 9 / var(--tw-text-opacity));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
#popular-nav a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(175 35 28 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#popular-nav a:hover:not(.active){
  --tw-bg-opacity: 1;
  background-color: rgb(247 233 232 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(46 2 0 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

/* ----- ARTICLES ----- */
article.article {
  position: relative;
  margin-bottom: 40px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 40px;
}

.blog-header-image {
  width: 100%;
}

.entry-header {
  margin-bottom: 20px;
}

#article-header {
  background: linear-gradient(to bottom, #fff, #eee);
  padding: 10px 12px 10px 15px;
  text-shadow: 1px 1px 0 #fff;
}

#article-header h1 {
  color: #333;
  font-size: 200%;
  letter-spacing: -1px;
  line-height: 125%;
  font-weight: bold;
}

.publish-date {
  color: #888;
  font-size: 90%;
  padding: 8px 0 0 0;
}

.byline {
  float: right;
  font-size: 85.7%;
}

/* Text Styling Inside Articles */
.article-content {
  font-size: 16px;
  line-height: 1.6em;
  clear: both;
  margin-top: 8px;
  margin-bottom: 20px;
}
.article-content a, .article-content a:visited {
  color: #AF231C;
  text-decoration: underline;
}
.article-content a:hover, .article-content a:visited:hover {
  color: #E12A22;
}
.article-content h3, .article-content h4, .article-content h5, .article-content h6 {
  margin-bottom: 20px;
}

#prev-next-dark {
  font-size: 14px;
  margin-bottom: 2em;
  margin-top: 10px;
}

#prev-next-dark a {
  background: #f7f7f7;
  color: #444;
  display: block;
  font-size: 14px;
  font-weight: bold;
  min-height: 50px;
  padding: 10px 1em;
  text-shadow: 1px 1px 0 #fff;
}

#prev-next-dark a:hover {
  background: #f2f2f2;
  color: #9F0700;
  text-decoration: underline;
}

#prev-next-dark div {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

#prev-next,
.related-items {
  font-size: 85.7%;
  margin-bottom: 2em;
}

#prev-next a {
  background: #f2f2f2;
  display: block;
  font-weight: normal;
  min-height: 56px;
  padding: 8px 10px;
}

#prev-next a:hover {
  background: #f7f7f7;
  text-decoration: none;
}

#prev-next span {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

#prev-next div {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

.nav-prev {
  float: left;
  margin-right: 1%;
  width: 49%;
}

.nav-next {
  float: left;
  margin-left: 1%;
  text-align: right;
  width: 49%;
}

.related-items {
  line-height: 150%;
  padding: 4px 0;
}
.related-items span {
  margin-right: 10px;
}
.related-items ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.related-items li {
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 10px 0;
}
.related-items li:last-child {
  border: none;
}

.posted {
  color: #ccc;
  float: left;
  font-size: 0.8em;
  text-transform: uppercase;
}

.breaking {
  background-color: #AF231C;
  color: #fff;
  float: left;
  font-size: 0.8em;
  font-weight: bold;
  margin: -2px 10px 6px 0;
  padding: 2px 6px;
  text-transform: uppercase;
}

#featured-comments {
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  padding: 6px 0;
}

#latest-comments {
  margin: 8px 0 10px;
}

#latest-comments li:last-child {
  margin-bottom: 0;
  padding-bottom: 4px;
}

.commentlist {
  clear: both;
  font-size: 0.85em;
  list-style: none;
  margin: 8px 0 0 0;
  padding: 0;
}

.commentlist li {
  border-bottom: 2px solid #ccc;
  margin: 6px 0;
  padding-bottom: 10px;
}

.commentlist li .CommentRating {
  color: #000;
  float: right;
  font-size: 0.75em;
  font-weight: bold;
  padding: 3px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 100px;
}

.commentlist li .CommentRating .left {
  /*              border-top:1px solid #fff;*/
  margin-top: 3px;
}

.commentlist li .CommentRating .right {
  /*              border-left:1px solid #fff;*/
  float: right;
  width: 37px;
}

.commentlist li .CommentRating img,
.commentlist li .CommentRating span {
  margin-top: 5px;
}

.commentlist li .posted {
  float: right;
}

img.avatar {
  float: left;
  margin: 0 10px 6px 0;
}

.commentlist li .comment-author {
  margin-bottom: 6px;
}

.commentlist li p {
  margin-bottom: 10px;
}

.commentlist li .reply {
  clear: both;
}

.commentlist li .reply a {
  text-decoration: none;
}

.commentlist li .reply img {
  vertical-align: middle;
}

.comment-form-comment label {
  display: none;
}

#comment {
  width: 570px;
}

.form-allowed-tags {
  font-size: 0.8em;
}

.commentlist li .children {
  list-style: none;
  margin: 8px 0 -12px 30px;
  border-top: 2px solid #ccc;
}

.commentlist li:last-child {
  border: 0;
}

#reply-title {
  background: none;
  text-align: right;
}
#reply-title .comment-form-heading {
  text-align: left;
  padding: 6px 8px;
  display: block;
  background: #f2f2f2;
  margin-top: 20px;
}
#reply-title .comment-button {
  background: #AF231C;
  line-height: 30px;
  display: inline-block;
  color: #fff;
  padding: 0 10px;
  font-size: 14px;
  margin-right: 10px;
  border-radius: 5px;
  font-weight: 500;
  letter-spacing: 1px;
}
.article-comments #reply-title {
  background-color: #f2f2f2;
  text-align: left;
  padding-top: 8px;
  padding-left: 6px;
}

#respond form {
  padding: 6px 8px;
  background-color: #f2f2f2;
}

#comment {
  width: 99%;
}

#respond p {
  margin-bottom: 8px;
}

#respond p label,
#respond p span {
  float: left;
  display: block;
}

#respond p input[type=text] {
  margin-left: 80px;
  display: block;
}

p.comment-notes {
  color: #555;
  font-size: 0.85em;
}

.paging {
  clear: both;
  margin: 6px 0 4px 0;
}

.alignleft {
  float: left;
  margin-right: 10px;
}

.alignright {
  float: right;
  margin-left: 10px;
}

.aligncenter {
  display: block;
  max-width: 100%;
}
.aligncenter img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.aligncenter,
.entry-content img.alignnone {
  max-width: 100%;
  height: auto;
}
.entry-content img.aligncenter {
  display: block;
  margin: 0 auto;
}

figure.wp-caption {
  max-width: 100%;
  padding: 12px;
  background: #F7F5F2;
  margin-bottom: 12px;
}
figure.wp-caption img {
  max-width: 100%;
  height: auto;
}
figure.wp-caption.alignleft, figure.wp-caption.alignright {
  max-width: 62%;
}
figure.wp-caption.alignleft {
  margin-left: -12px;
  clear: left;
}
figure.wp-caption.alignright {
  margin-right: -12px;
  clear: right;
}
figure.wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.wp-caption-text {
  font-size: 15px;
  line-height: 1.3em;
  color: #625F5B;
  margin-top: 12px;
}

#article-author-info{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #F7F5F2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 245 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

#article-author-info h4 {
  font-size: 108%;
  margin-bottom: 6px;
}

#article-author-info h4 span {
  margin-left: 8px;
}

#article-author-info img{
  float: left;
  margin-top: -1.5rem;
  margin-left: -1.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.author-image {
  float: left;
  margin: 0 10px 5px 0;
  border: 5px solid #DDDDDD;
}

.featured-image {
  max-height: 380px;
  overflow: hidden;
}
.featured-image img {
  height: auto;
  min-width: 100%;
}

.article-tools {
  background: #eee;
  padding: 10px 15px 10px;
  border-top: 1px solid #ddd;
}
.article-tools .left {
  float: left;
}
.article-tools .right {
  float: right;
}
.article-tools .separator {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  width: 1px;
  height: 20px;
  background: #ddd;
  float: left;
  display: block;
}
.article-tools .article-tool {
  float: left;
  font-size: 14px;
  line-height: 30px;
  color: #111;
}

.article-equal-heights-wrapper {
  display: flex;
}
.article-equal-heights-wrapper .sidebar-inner-sticky,
.article-equal-heights-wrapper .sidebar-sticky {
  position: sticky;
  top: 30px;
}

/* ----- BLOCKS ----- */
.block:not(:last-child) {
  margin-bottom: 2em;
}

.block-title-link {
  float: right;
  font-size: 12px;
  font-weight: bold;
  color: #9F0700;
  text-decoration: underline;
  line-height: 1;
  padding-bottom: 4px;
  padding-top: 8px;
  padding-right: 8px;
}

.block-videos-triple {
  margin-bottom: 0;
}

.block-videos-triple .video {
  float: left;
  margin-right: 20px;
  width: 180px;
}

.block-videos-triple .section-top {
  border-color: #ddd;
}

.block-videos-triple .last {
  margin-right: 0;
}

.block-market-stat {
  text-align: center;
}

.block-market-stat .stat {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 60px;
  line-height: 110%;
}

.block-market-stat p {
  font-size: 14px;
  padding: 15px;
}

.block-market-stat .source {
  font-size: 12px;
  color: #767676;
}

.block-quotes {
  font-family: Georgia, Times, "Times New Roman", serif;
  text-align: center;
}

.quote-quote {
  color: #444;
  font-size: 18px;
  line-height: 24px;
  margin: 0.5em auto;
  background: url("/app/themes/insurancejournal/assets/images/quote-left-red.png") 2px 8px no-repeat;
  display: block;
}

.quote-quote span {
  background: url("/app/themes/insurancejournal/assets/images/quote-right-red.png") 99.5% 93% no-repeat;
  display: block;
  margin: 0;
  padding: 5px 24px 5px 27px;
}

.quote-quote {
  color: #555;
  text-decoration: none;
}

.quote-quote:hover {
  background-color: #f4f4f4;
  color: #000;
  text-decoration: none;
}

.quote-who {
  color: #555;
}

#article-content .quote-quote {
  float: right;
  width: 240px;
}

#article-content .quote-quote:hover {
  background-color: inherit;
  color: #444;
}

.feature-block,
.feature-block-wide-left,
.feature-block-wide-right {
  margin-top: 20px;
}

.large-home__blocks h2,
.feature-block h2,
.feature-block-wide-left h2,
.feature-block-wide-right h2,
.news-section-feature h2 {
  font-size: 21px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 125%;
}

.main-feature {
  margin-top: 0;
}

.block h4 {
  font-size: 12px;
}

.feature-l,
.feature-r {
  float: left;
  width: 260px;
}

.feature-l {
  margin-right: 20px;
}

.feature-block .feature-l,
.feature-block .feature-r {
  width: 280px;
}

.feature-block .feature-l {
  margin-right: 20px;
}

.feature-block-wide-left .feature-l,
.feature-block-wide-right .feature-r {
  width: 300px;
}

.feature-block > .col:first-child {
  border-right: 1px solid #eee;
}

.feature-block-wide-left {
  background: url(/img/feature-block-wide-left-hairline.png) top left repeat-y;
  padding-top: 5px;
}

.feature-block-wide-right {
  background: url(/img/feature-block-wide-right-hairline.png) top left repeat-y;
  padding-top: 5px;
}

#article-top {
  margin: 20px 0;
}

#featured-videos li {
  min-height: 70px;
}

#featured-videos img {
  float: left;
}

#featured-videos div {
  margin: 8px 0 8px 126px;
}

#featured-videos span,
#featured-videos a:hover span {
  display: block;
  text-decoration: underline;
  color: #9F0700;
}

.breaking-bar {
  padding: 0.6em 1em;
  font-size: 16px;
  font-weight: bold;
  background: #8F0000;
  margin-bottom: 1em;
  margin-top: -1em;
}

.breaking-bar a:link, .breaking-bar a:visited {
  color: #fff;
  text-decoration: none;
}

.breaking-bar a:hover {
  text-decoration: underline;
}

.sidebar-sticky {
  margin-top: 20px;
}

.large-home:not(:first-child){
  margin-top: 1.5rem;
}

/* ----- Extended Bootstrap TABS ----- */
.tabs.nav-tabs {
  border-bottom: 1px solid #bbb;
}
.tabs.nav-tabs > li {
  text-align: center;
}
.tabs.nav-tabs > li.active > a, .tabs.nav-tabs > li:hover > a {
  background: #fff;
  border-color: #bbb;
  border-bottom: none;
  padding-bottom: 1px;
}
.tabs.nav-tabs > li > a {
  color: #111;
  font-weight: bold;
  border-color: #bbb;
  border-radius: 0;
  background: #eee;
  font-size: 12px;
  padding: 0 10px;
  line-height: 24px;
  margin-right: 4px;
}
.tabs.nav-tabs.tabs-header {
  border: none;
}
.tabs.nav-tabs.tabs-header > li.active > a {
  background: #6F0000;
  text-decoration: none;
  color: #FFFFFF;
}
.tabs.nav-tabs.tabs-header > li > a {
  text-decoration: none;
  font-size: 12px;
  color: #F7E9E8;
  font-weight: bold;
  background: none;
  padding: 0 8px 2px;
  line-height: 20px;
  border-radius: 0;
  border: none;
}
.tabs.nav-tabs.tabs-header > li:not(.active) > a:hover {
  background: #8F0000;
  border: none;
}
.tabs.nav-tabs.tabs-entry {
  border-bottom: 3px solid #999;
  margin-bottom: 20px;
}
.tabs.nav-tabs.tabs-entry > li {
  margin-bottom: -3px;
}
.tabs.nav-tabs.tabs-entry > li.active > a {
  border-bottom: none;
  padding-bottom: 3px;
}
.tabs.nav-tabs.tabs-entry > li.active > a:hover {
  padding-bottom: 3px;
}
.tabs.nav-tabs.tabs-entry > li > a {
  font-size: 14px;
  line-height: 40px;
  min-width: 120px;
  border-bottom: none;
}
.tabs.nav-tabs.tabs-entry > li > a:hover {
  padding-bottom: 0;
}

/* ----- TABS 2 ----- */
/* root element for tabs */
.tabs2 {
  border-bottom: 1px solid #ccc;
  height: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
main.directories .tabs2 {
  height: auto;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
main.directories .tabs2:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/* single tab */
.tabs2 li {
  float: left;
  margin: 0 !important;
  padding: 0;
  text-indent: 0;
}

.tabs2 li a {
  background: #eee;
  border: 1px solid #ddd;
  border-bottom: 1px solid #ccc;
  color: #333;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  margin: 0 3px 0 0;
  padding: 0 5px;
  position: relative;
  text-align: center;
  text-decoration: none;
  top: -1px;
  width: 92px;
}
main.directories .tabs2 li a {
  width: auto;
  height: auto;
}

.search .tabs2 {
  border-bottom: 0;
}

.search .tabs2 a {
  background: #ffffff;
  border-bottom: 0;
  top: 0px;
  width: 67px;
  padding: 4px 10px;
}

.search .tabs2 a:hover,
.search .tabs2 a.current,
.search .tabs2 a.current:hover,
.search .tabs2 li.current a {
  background: #E4E4E4 !important;
  padding-bottom: 4px !important;
}

.tabs2 a.current, .tabs2 a.current:hover, .tabs2 li.current a {
  border-color: #DADADA !important;
}

/* when mouse enters the tab move the background image */
.tabs2 a:hover {
  background: #fff !important;
  border-bottom: none !important;
  border-color: #ccc !important;
  color: #000 !important;
  padding-bottom: 1px !important;
}

/* active tab uses a class name "current" */
.tabs2 a.current,
.tabs2 a.current:hover,
.tabs2 li.current a {
  background: #fff !important;
  border-bottom: none !important;
  border-color: #ccc !important;
  color: #222 !important;
  cursor: default !important;
  padding-bottom: 1px !important;
  text-decoration: none;
}

.panes-news ul {
  display: none;
  min-height: 195px;
}

.panes-newswidget ul {
  display: none;
  min-height: 235px;
}

.panes-news ul:first-child,
.panes-newswidget ul:first-child {
  display: block;
} /* default tab */
/* root element for tabs  */
#article-tabs {
  border-bottom: 3px solid #aaa;
  height: 34px;
  list-style: none;
  margin: 0 0 1.5em 0 !important;
  padding: 0;
}

/* single tab */
#article-tabs li {
  float: left;
  margin: 0 !important;
  padding: 0;
  text-indent: 0;
}

#article-tabs a {
  background: #eee;
  border: 1px solid #ddd;
  border-bottom: none;
  color: #444;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 34px;
  line-height: 34px;
  margin: 0 5px 0 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  top: -1px;
  width: 125px;
}

/* when mouse enters the tab move the background image */
#article-tabs a:hover {
  background: #fff url(/img/bg-tab-lite.png) bottom left repeat-x !important;
  border-bottom: none !important;
  border-color: #ccc #bbb #ccc #ccc !important;
  color: #000 !important;
  padding-bottom: 0 !important;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
#article-tabs a.current,
#article-tabs a.current:hover,
#article-tabs li.current a {
  background: #fff !important;
  border-bottom: none !important;
  border-color: #bbb !important;
  color: #111 !important;
  cursor: default !important;
  padding-bottom: 3px !important;
  text-decoration: none;
}

.thumbnail-caption {
  padding: 6px 8px 12px;
  border-bottom: 1px solid #eee;
  margin: 0 0 18px 0;
  font-size: 14px;
  line-height: 20px;
  color: #777;
}

/* initially all panes are hidden */
.panes .pane {
  display: none;
}

/* ----- TABS 3 ----- */
.tabs3 a {
  border-bottom: none;
  font-size: 16px;
  font-weight: normal;
  height: auto;
  line-height: 200%;
  margin: 0 0 0 6px;
}

.tabs3 {
  height: 32px;
}

/* ----- TOP NAV ----- */
.menu {
  margin: 0;
}
.menu.menu-horizontal {
  list-style-type: none;
  padding: 0;
}
.menu.menu-topbar {
  color: #fff;
  margin-left: auto;
  font-size: 11px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.menu.menu-header {
  list-style-type: none;
  padding: 0;
}
.menu.menu-main {
  position: relative;
  z-index: 999;
}

.menu-item a {
  display: block;
}
.menu-horizontal .menu-item {
  float: left;
}
.menu-horizontal .menu-item:not(:last-child) {
  margin-right: 10px;
}
.menu-topbar .menu-item {
  display: inline-block;
  float: none;
}
@media (min-width: 992px) {
  .menu-topbar .menu-item {
    display: block;
    float: left;
  }
}
.menu-topbar .menu-item a {
  color: #999;
}
.menu-topbar .menu-item a:hover {
  color: #bbb;
  text-decoration: none;
}
.menu-topbar .menu-item:not(:last-child) {
  border-right: 1px solid #333;
  padding-right: 10px;
}
.menu-header .menu-item {
  width: 100%;
  background: #8F0000;
}
.menu-header .menu-item:hover {
  background: #6F0000;
}
.menu-header .menu-item:not(:last-child) {
  margin-bottom: 5px;
}
.menu-header .menu-item a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  font-weight: normal;
  line-height: 30px;
  padding: 0 10px;
}
.menu-header .menu-item a:hover {
  text-decoration: none;
}
.menu-main .menu-item {
  text-align: left;
  position: relative;
}
.menu-main .menu-item:not(:last-child) {
  margin-right: 0;
  border-right: 1px solid #333;
}
.menu-main .menu-item a {
  position: relative;
  z-index: 10;
  line-height: 35px;
  padding: 0 20px;
  font-size: 100%;
  color: #999;
}
.menu-main .menu-item a:hover {
  text-decoration: none;
}
.menu-main .menu-item:hover a, .menu-main .menu-item.current a {
  background: #ddd;
  color: #111;
}

.menu-submenu {
  display: none;
}
.menu-main > .menu-item:hover .menu-submenu {
  display: block;
}
.menu-main .menu-submenu {
  z-index: 5;
  position: absolute;
  top: 35px;
  left: 0;
  font-size: 87.5%;
  list-style-type: none;
  padding: 0;
  background: #ddd;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.menu-main .menu-submenu .menu-item {
  float: none;
  display: block;
  padding: 0;
  border: none;
  position: relative;
}
.menu-main .menu-submenu .menu-item:hover a {
  background: #bbb;
  color: #111;
}
.menu-main .menu-submenu .menu-item a {
  color: #333;
  line-height: 30px;
  white-space: nowrap;
}

/* navigation */
.page-numbers {
  border-bottom: 2px solid #AF231C;
  border-top: 1px solid #ddd;
  font-size: 14px;
  font-variant: small-caps;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-top: 10px;
  text-transform: lowercase;
}
.page-numbers ul {
  padding: 0;
}

.page-numbers li {
  display: block;
  float: left;
  margin: 0 1px 0 0;
}

.page-numbers li.disabled,
.page-numbers li.current,
.page-numbers li a {
  padding: 4px 12px 2px;
  display: block;
  color: #333;
}

.page-numbers li.current {
  border-bottom: 4px solid #8F0000;
}

.page-numbers li.disabled {
  visibility: visible;
}

.page-numbers li a:hover {
  background-color: #eee;
  border-bottom: 4px solid #AF231C;
  color: #9F0700;
  text-decoration: none;
}

.page-numbers li.disabled {
  color: #9C9C9C;
}

.page-numbers li.current {
  background: #eee;
}

#popular-nav{
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
#popular-nav a{
  display: flex;
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(98 13 9 / var(--tw-text-opacity));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
#popular-nav a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(175 35 28 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#popular-nav a:hover:not(.active){
  --tw-bg-opacity: 1;
  background-color: rgb(247 233 232 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(46 2 0 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

/*  WIDGETS  */
a.comments-link {
  text-decoration: none;
  color: #9AC0CD;
  font-weight: normal;
}

a.comments-link img {
  vertical-align: middle;
}

.widget-row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.widget-row .block {
  margin-bottom: 0;
}

.widget.widget-new {
  border: 1px solid #D9D7D3;
  padding: 16px 20px 20px;
}
.widget.widget-new .widget-icon {
  width: 1em;
  height: 1em;
  margin-right: 8px;
}
.widget.widget-new .widget-title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-bottom: 1px solid #E9E7E4;
  padding-bottom: 8px;
  color: #1A1A1A;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.04;
  line-height: 1.3em;
}
.widget.widget-new .widget-intro {
  font-size: 16px;
  color: #292929;
  line-height: 1.6em;
  margin-bottom: 16px;
}
.widget.widget-new .widget-list {
  padding: 0;
  list-style-type: none;
}
.widget.widget-new .widget-list li {
  padding-top: 16px;
  padding-bottom: 16px;
}
.widget.widget-new .widget-list li:not(:last-child) {
  border-bottom: 1px solid #E9E7E4;
}
.widget.widget-new .widget-list h5 {
  font-size: 16px;
}
.widget.widget-new .widget-list a {
  text-decoration: none;
  color: inherit;
}
.widget.widget-new .widget-list a:hover {
  color: #4A80D6;
}
.widget.widget-new .btn-ij {
  border-radius: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.12);
}
.widget.widget-new .btn-ij:last-child {
  margin-top: 24px;
}
.widget.widget-new .btn-ij:hover {
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(175, 35, 28, 0.3);
}

/*  EVENTS  */
.event-logo {
  float: right;
  text-align: center;
  width: 160px;
  margin-top: 8px;
}

.event-logo img {
  max-width: 100%;
}

.event {
  margin-right: 160px;
  margin-left: 48px;
  font-size: 0.9em;
}

.event h3 {
  margin-top: 8px;
  font-size: 1.1em;
  line-height: 120%;
}

.event ul {
  clear: none;
  /*  font-size:0.85em;*/
  margin-bottom: 8px;
}

.custom-post-type-event-archive .article-list .event li {
  border: 0;
  list-style: none;
  padding: 2px;
  margin: 0;
  clear: none;
  float: none;
  border-bottom: 1px solid #EEEEEE;
  font-weight: normal;
}

.custom-post-type-event-archive .article-list li {
  border-bottom: 1px solid #DDDDDD;
}

.event li:last-child {
  border-bottom: 0;
}

.event li div {
  float: left;
}

.event li span {
  display: block;
  margin-left: 30px;
}

.event-date {
  float: left;
  border: 1px solid #DDDDDD;
  margin-top: 8px;
  background-color: #AF231C;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 5px;
  font-size: 0.8em;
  text-align: center;
}

.event-date span {
  font-size: 1.6em;
  color: #000000;
  background-color: #FFFFFF;
  display: block;
  width: 36px;
  margin: 3px -6px -4px -6px;
  padding: 0;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

.noLogos {
  margin-left: 0;
}

.eventBrowse {
  border-bottom: 2px solid #ccc;
  font-size: 0.92em;
}

.eventBrowse h4 {
  font-size: 0.85em;
  margin-left: 5px;
}

.eventBrowse ul {
  clear: both;
  list-style: none;
  margin: 0 0 24px 5px;
  padding: 0;
}

.eventBrowse ul li {
  float: left;
  margin-left: 12px;
}

.eventBrowse .year {
  font-weight: bold;
}

.eventBrowse a.active {
  color: #000;
}

.eventBrowse a.active:hover {
  text-decoration: none;
}

#browseBy ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

#browseBy ul li {
  margin-left: 0;
}

.more {
  cursor: pointer;
}

#browseBy {
  font-size: 85.7%;
}

#browseBy h4.section-top {
  padding: 0;
}

/*  RSS PAGE  */
#rss td {
  padding-bottom: 18px;
}

#rss img {
  vertical-align: middle;
  width: 16px;
}

/*  REGIONAL LANDING PAGE  */
#regional-events {
  background-color: #f4f4f4;
}

#events {
  border-right: 1px solid #f4f4f4;
  font-size: 0.85em;
  list-style: none;
  margin-bottom: 0;
  width: 200px;
}

#events li {
  border-bottom: 1px solid #f4f4f4;
  margin-left: 0;
}

#events li:last-child {
  border-bottom: 0;
}

#events li a {
  background-color: #f2f2f2;
  display: block;
  height: 40px;
  padding: 8px 10px;
  width: 180px;
}

#events li a:hover {
  background-color: #f4f4f4;
  text-decoration: none;
}

#events li a.active {
  background-color: #f4f4f4;
}

#pane {
  float: right;
  margin-right: 10px;
  width: 355px;
}

#regional-events .event {
  margin-left: 0;
}

#regional-events h3 {
  margin-bottom: 3px;
  text-align: center;
}

#regional-events .event-logo {
  height: 80px;
  margin: 0 0 10px 0;
  text-align: center;
  width: 140px;
}

#regional-events .event-logo img {
  border: 1px solid #999;
  padding: 2px;
}

#regional-events .event-date,
#regional-events .event-location,
#regional-events .eventWebsite {
  text-align: left;
  margin-left: 142px;
  float: none;
  font-size: 0.9em;
}

#pane .event ul {
  clear: both;
}

/*  MNM CATEGORIES  */
ul.mnm-categories {
  list-style: none;
}

ul.mnm-categories li {
  float: left;
  margin: 8px 0;
  padding: 0;
  width: 170px;
}

ul.mnm-categories li img {
  border: 1px solid #ABABAB;
  float: left;
  margin-right: 8px;
  padding: 2px;
}

#regional-magazine {
  list-style: none;
  margin-bottom: 0;
}

#regional-magazine li {
  border-right: 1px solid #eee;
  float: left;
  margin: 0 3px;
  padding: 0 3px;
  width: 183px;
}

#regional-magazine li:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

#regional-magazine li:first-child {
  margin-left: 0;
  padding-left: 0;
}

#regional-magazine img {
  border: 1px solid #999;
  padding: 2px;
}

/*  MAGAZINES  */
#magazines-latest {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}

#magazines-latest li {
  float: left;
  margin: 0 5px;
  position: relative;
  text-align: center;
}

#magazines-latest li a img {
  border: 1px solid #999;
  padding: 2px;
  height: auto;
  width: 134px;
}
@media (min-width: 992px) {
  #magazines-latest li a img {
    width: 112px;
  }
}

#magazines-latest > li:hover a img {
  border: 1px solid #eee;
}

#magazines-latest li ul {
  display: none;
  left: 0;
  list-style: none;
  padding: 0;
  position: absolute;
  top: 40px;
  z-index: 10;
  width: 100%;
}

#magazines-latest li:hover ul {
  display: block;
}

#magazines-latest li li {
  margin-bottom: 10px;
  float: none;
}

#magazines-latest li li a {
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: normal;
  height: 29px;
  line-height: 29px;
  text-decoration: none;
  text-transform: uppercase;
}

#magazines-latest li li a div {
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #222;
  border: 1px solid #999;
  border-radius: 2px;
  width: 100%;
}

#magazines-latest li div {
  font-size: 0.8em;
  font-weight: bold;
  margin: 2px 0 20px;
}

/* from this issue */
.magazine-cover {
  border-right: 1px solid #eee;
  margin-right: 5px;
  padding: 5px;
  float: left;
  width: 134px;
}

.magazine-cover img {
  width: 135px;
}

.magazine-info {
  float: left;
  width: 430px;
}

.magazine-meta {
  border-bottom: 1px solid #eee;
  font-size: 12px;
  font-weight: bold;
  padding: 0 12px 4px;
}

.magazine-info h4 {
  background: url(/img/bg-header-litegrey.png) bottom left repeat-x;
  color: #333;
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 125%;
  margin: 0 0 10px 0;
  padding: 7px 12px;
  text-shadow: 1px 1px 0 #fff;
}

#magazine-meta {
  border-bottom: 1px solid #eee;
  font-size: 12px;
  font-weight: bold;
  padding: 0 12px 4px;
}

#magazine-cover {
  float: left;
  margin-right: 5px;
  width: 220px;
}

#magazine-cover img {
  background: #222;
  background: #f4f4f4;
  border: 1px solid #444;
  border: 1px solid #ddd;
  padding: 7px;
  width: 204px;
}

#magazine-info {
  float: left;
  width: 355px;
}

#magazine-info .page-title {
  font-size: 24px;
  padding: 10px 12px;
}

/*  used on the magazine article pages */
#magazine-issue .magazine-info {
  margin-left: 145px;
}

#magazine-issue .magazine-section {
  color: #888;
  display: block;
  float: right;
  font-size: 85.7%;
  font-weight: bold;
  margin-bottom: 16px;
}

#magazine-nav div div {
  float: left;
  font-size: 0.9em;
  font-weight: bold;
  width: 70px;
}

#magazine-nav ul {
  float: left;
  font-size: 0.9em;
  line-height: 12px;
  list-style: none;
  padding: 3px 6px;
  width: calc(100% - 70px);
  padding: 0;
}

#magazine-nav li {
  float: left;
  margin: 0 5px 10px 0;
  padding: 0 6px 0 0;
}

#magazine-nav ul li:first-child,
#magazine-nav ul li:last-child,
#magazine-header {
  background-color: #eee;
}

#magazine-header img {
  float: left;
}

#magazine-header ul {
  list-style: none;
  margin: 0 0 0 400px;
}

#magazine-header ul li {
  border-top: 1px dashed #fff;
  margin: 0;
  padding: 0;
}

#magazine-header ul li:first-child {
  border-top: 0;
  font-size: 140%;
}

#magazine-header ul li a span {
  display: block;
  padding: 4px 6px;
  width: 168px;
}

#magazine-header ul li a:hover span {
  background-color: #ddd;
}

#magazine-featured img {
  border: 1px solid #DCDCDC;
  padding: 5px;
  width: 208px;
}

#magazine-regional img {
  border: 1px solid #DCDCDC;
  float: left;
  margin-right: 10px;
  padding: 5px;
}

#magazine-regional .page-title {
  font-size: 20px;
  margin-top: 18px;
}

#magazine-regional .magazine-tools {
  border-top: 1px solid #ddd;
  height: 28px;
  margin: 8px 0 0 0;
}

.issue-info {
  margin-left: 100px;
}
.issue-info h4 {
  font-size: 14px;
}

/* ----- MAGAZINE SPONSORS ----- */
.magazine-sponsor {
  padding: 12px;
  font-size: 14px;
  font-family: arial, sans-serif;
  margin-bottom: 20px;
}

.sponsored-by {
  width: 370px;
  float: left;
}

.magazine-sponsor-rli,
.magazine-sponsor-marshberry {
  background: #038BB0;
  color: #fff;
}

.magazine-sponsor-rli a,
.magazine-sponsor-rli a:hover,
.magazine-sponsor-marshberry a,
.magazine-sponsor-marshberry a:hover {
  color: #AAEEFF;
  text-decoration: underline;
}

.magazine-sponsor-rli .magazine-sponsor-logo,
.magazine-sponsor-marshberry .magazine-sponsor-logo {
  background: #fff;
  text-align: center;
  width: 180px;
  float: left;
}

/*  Magazine Downloads  */
.mag-success {
  background-color: #EFF3FF;
  border: 1px solid #9FC2FF;
  margin-bottom: 1em;
  padding: 0.8em;
}

.mag-success a {
  text-decoration: underline;
  font-weight: bold;
}

.mag-error {
  background-color: #fbe3e4;
  border: 1px solid #fbc2c4;
  margin-bottom: 1em;
  padding: 0.8em;
  color: #8a1f11;
}

.mag-error a {
  color: #8a1f11;
  text-decoration: underline;
  font-weight: bold;
}

/* ----- SCROLLABLE ----- */
/* default three page display */
.magazine-scroll {
  height: 221px;
  overflow: hidden;
  position: relative;
  width: 600px;
  padding: 0 20px;
}

.magazine-scroll .items {
  position: absolute;
  width: 20000em;
}

.magazine-scroll .items div {
  display: block;
  float: left;
  overflow: hidden;
  padding-left: 5px;
  position: relative;
}

.magazine-scroll .items div,
.magazine-scroll .items img,
.magazine-scroll .login-caption {
  height: 221px;
  width: 170px;
}

.browse {
  background: #ddd;
  color: #555;
  display: block;
  font-size: 60px;
  line-height: 1;
  padding: 70px 0 90px;
  text-align: center;
  text-decoration: none;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.browse.prev {
  left: 0;
}
.browse.next {
  right: 0;
}
.browse.carousel-control {
  background: #ddd;
}

.browse:hover {
  background: #eee;
  cursor: pointer;
  text-decoration: none;
}

.carousel.ad-scroll {
  padding: 0 20px;
  position: relative;
  background: #ddd;
}
.carousel.ad-scroll .item a {
  overflow: hidden;
  float: left;
  width: 33.3333333333%;
  height: 240px;
  padding: 5px;
}

/* two page display, apply .scrollable-double to parent element */
.scrollable-double .magazine-scroll,
.scrollable-double .ad-scroll {
  height: 332px;
}

.scrollable-double .magazine-scroll .items div,
.scrollable-double .ad-scroll .items a {
  padding-left: 7px;
}

.scrollable-double .magazine-scroll .items div,
.scrollable-double .magazine-scroll .items img,
.scrollable-double .ad-scroll .items a,
.scrollable-double .ad-scroll .items img,
.scrollable-double .magazine-scroll .login-caption {
  height: 332px;
  width: 255px;
}

.scrollable-double .browse {
  padding: 126px 0 146px;
}

/* single page display w/300 width, apply .scrollable-single to parent element */
.scrollable-single .magazine-scroll,
.scrollable-single .ad-scroll {
  height: 330px;
  width: 258px;
}

.scrollable-single .magazine-scroll .items div,
.scrollable-single .ad-scroll .items a {
  padding-left: 2px;
}

.scrollable-single .magazine-scroll .items div,
.scrollable-single .magazine-scroll .items img,
.scrollable-single .magazine-scroll .login-caption,
.scrollable-single .ad-scroll .items a,
.scrollable-single .ad-scroll .items img {
  height: 330px;
  width: 254px;
}

.scrollable-single .browse {
  padding: 126px 0 146px;
}

.scrollable-control {
  background: #222;
  border-top: 1px solid #363636;
  height: 26px;
  line-height: 26px;
  text-align: center;
}

.scrollable-control > a,
.scrollable-control > div {
  display: inline-block;
  vertical-align: middle;
}

.scrollable-control a img {
  cursor: pointer;
  vertical-align: middle;
}

.scrollable-control .navi a {
  display: block;
  float: left;
  font-size: 1px;
  height: 13px;
  line-height: 26px;
  margin: 7px 3px 3px 3px;
  width: 13px;
  background: #999;
}

.scrollable-control .navi a.current {
  background: #AF231C;
}

.scrollable-issue {
  background: #404040;
  height: 250px;
  overflow: hidden;
  position: relative;
  width: 720px;
}
@media (min-width: 992px) {
  .scrollable-issue {
    width: 610px;
  }
}

.scrollable-issue .scrollable-issue-items {
  position: absolute;
  width: 20000em;
}

.scrollable-issue .scrollable-issue-items .item {
  float: left;
  width: 720px;
}
@media (min-width: 992px) {
  .scrollable-issue .scrollable-issue-items .item {
    width: 610px;
  }
}

.scrollable-issue .scrollable-issue-items .item div {
  float: left;
  width: 33.3333333333%;
  padding: 10px;
  text-align: center;
}

.scrollable-issue .scrollable-issue-items .item .pub-date {
  float: none;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0;
}

.scrollable-issue .scrollable-issue-items .item .magazine-wrapper {
  text-align: center;
}

.scrollable-issue .scrollable-issue-items .item .magazine-wrapper img {
  background: #404040;
  border: 5px solid #363636;
  width: 100%;
  height: auto;
}

/* ----- SPRITES ----- */
.sprite-twitter,
.sprite-rss,
.sprite-linkedin,
.sprite-facebook,
.sprite-email,
.sprite-delicious,
.sprite-arrow-up,
.sprite-arrow-down {
  background: url(/img/sprite.png) top left no-repeat;
  display: inline;
  height: 14px;
  vertical-align: middle;
  width: 14px;
}

.sprite-twitter {
  background-position: 0 0;
}

.sprite-rss {
  background-position: -14px 0;
}

.sprite-linkedin {
  background-position: -28px 0;
}

.sprite-facebook {
  background-position: -42px 0;
}

.sprite-email {
  background-position: -56px 0;
}

.sprite-delicious {
  background-position: -70px 0;
}

.sprite-arrow-up {
  background-position: 0 14px;
  width: 22px;
}

.sprite-arrow-down {
  background-position: -22px 14px;
  width: 17px;
}

.sprite-aol {
  background-position: -44px 14px;
}

.sprite-google {
  background-position: -63px 14px;
}

.sprite-yahoo {
  background-position: -80px 14px;
}

.sprite-netvibe {
  background-position: -98px 14px;
}

.social-aol,
.social-comment,
.social-copy,
.social-delicious,
.social-digg,
.social-disk,
.social-email,
.social-facebook,
.social-google,
.social-linkedin,
.social-msn,
.social-newsletter,
.social-netvibes,
.social-printer,
.social-reddit,
.social-rss,
.social-stumbleupon,
.social-technorati,
.social-twitter,
.social-yahoobuzz,
.social-yahoo {
  font-size: 12px;
  font-weight: bold;
}

.social-aol {
  background-position: 0 -786px;
}

.social-comment {
  background-position: 0 0;
}

.social-copy {
  background-position: 0 -41px;
}

.social-delicious {
  background-position: 0 -82px;
}

.social-digg {
  background-position: 0 -123px;
}

.social-disk {
  background-position: 0 -164px;
}

.social-email {
  background-position: 0 -206px;
}

.social-facebook {
  background-position: 0 -246px;
}

.social-google {
  background-position: 0 -701px;
}

.social-linkedin {
  background-position: 0 -287px;
}

.social-msn {
  background-position: 0 -829px;
}

.social-netvibes {
  background-position: 0 -658px;
}

.social-newsletter {
  background-position: 0 -617px;
}

.social-printer {
  background-position: 0 -328px;
}

.social-reddit {
  background-position: 0 -369px;
}

.social-rss {
  background-position: 0 -412px;
}

.social-stumbleupon {
  background-position: 0 -453px;
}

.social-technorati {
  background-position: 0 -494px;
}

.social-twitter {
  background-position: 0 -535px;
}

.social-yahoobuzz {
  background-position: 0 -576px;
}

.social-yahoo {
  background-position: 0 -744px;
}

.sprite-android-blue,
.sprite-apple-blue,
.sprite-email-blue,
.sprite-facebook-blue,
.sprite-ipad-blue,
.sprite-iphone-blue,
.sprite-linkedin-blue,
.sprite-rss-blue,
.sprite-twitter-blue {
  background: url(/img/icons/matte-blue/matte-icons-sprite.png) top left no-repeat;
  height: 40px;
  vertical-align: middle;
}

.sprite-android-blue {
  background-position: 0px 0px;
}

.sprite-apple-blue {
  background-position: 0px -40px;
}

.sprite-email-blue {
  background-position: 0px -80px;
}

.sprite-facebook-blue {
  background-position: 0px -120px;
}

.sprite-ipad-blue {
  background-position: 0px -160px;
}

.sprite-iphone-blue {
  background-position: 0px -200px;
}

.sprite-linkedin-blue {
  background-position: 0px -240px;
}

.sprite-rss-blue {
  background-position: 0px -280px;
}

.sprite-twitter-blue {
  background-position: 0px -320px;
}

.social-tools-blue {
  list-style: none;
  padding-bottom: 6px;
}

.social-tools-blue li {
  float: left;
  line-height: 38px;
  margin: 0 6px;
  width: 158px;
}

.social-tools-blue a {
  color: #000000;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding-left: 40px;
}

.social-tools-blue a:hover {
  color: #9F0700;
}

.add-comment {
  font-size: 12px;
  font-weight: bold;
}

.social-tools {
  font-size: 12px;
  margin-bottom: 1em;
  padding: 2px 0 0 0;
}

.social-tools ul,
.social-tools li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.social-tools li {
  border: none;
  /*  border-right:1px solid #eee;*/
  float: left;
  padding: 5px 0 5px 15px;
  text-align: center;
}

.social-tools a,
.social-tools a:visited {
  color: #222;
}

.social-tools a:hover {
  color: #9F0700;
}

.addthis_button_email {
  background: url(/img/social-icons.png) no-repeat 0 -207px;
  font-size: 12px;
  font-weight: bold;
  padding-left: 22px;
}

span.at300bs,
span.at15nc,
span.at15t_email,
.addthis_button_email .at-icon-wrapper,
a.at300b .at4-icon,
a.at300m .at4-icon {
  display: none !important;
}

.social-2 {
  background: #f4f4f4;
}

.social-2 li {
  padding: 5px 0;
  display: inline-block;
  margin-right: 15px;
}

.social-2 li.facebook-button {
  padding-left: 6px;
}

.magazine-tools {
  border-bottom: 1px solid #ddd;
  font-size: 12px;
  font-weight: bold;
  line-height: 100%;
  margin-bottom: 1em;
}

.magazine-tools,
.magazine-tools li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.magazine-tools li {
  border-right: 1px solid #ddd;
  float: left;
  padding: 8px 12px;
  text-align: center;
}

.magazine-tools a,
.magazine-tools a:visited {
  color: #222;
}

.magazine-tools a:hover {
  color: #9F0700;
}

/* ----- TWITTER ----- */
.tweets {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tweets li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e4e4e4;
  min-height: 68px;
  padding: 10px;
}

.tweets li:first-child {
  border-top: 1px solid #eee;
}

.tweet_avatar {
  display: block;
  height: 48px;
  width: 48px;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  border: 3px solid #eee;
}

.tweet_avatar img {
  height: 48px;
  width: 48px;
}

.screen_name {
  font-weight: bold;
}

.tweet_created, .tweet_created:visited {
  font-size: 80%;
  color: #666;
  display: block;
}

.twitter-channels a {
  padding: 1px 4px;
}

.twitter-channels a:hover {
  background: #196CCF;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.twitter-more a {
  background: #196CCF;
  color: #fff;
  display: block;
  float: right;
  font-size: 12px;
  padding: 3px 12px;
  text-decoration: none;
}

.twitter-more a:hover {
  text-decoration: underline;
}

.twitter-more {
  background: #f4f4f4;
  padding: 5px 8px;
}

.category-more a {
  background: #444;
  color: #fff;
  display: block;
  float: right;
  font-size: 12px;
  padding: 3px 12px;
  text-decoration: none;
}

.category-more a:hover {
  text-decoration: underline;
}

.category-more {
  background: #f4f4f4;
  border-top: 1px solid #e4e4e4;
  margin-top: 5px;
  padding: 5px 8px;
}

.news-section-feature .article-list li:last-child {
  border-bottom: none;
}

/* ----- PAGINATION ----- */
.pager {
  margin: 1em 0 2em;
}

.pager a,
.pager span {
  border: 1px solid #eee;
  display: block;
  float: left;
  margin: 5px 10px 5px 0;
  padding: 3px 12px;
}

.pager span {
  font-weight: bold;
}

.abc-pager {
  font-size: 28px;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

.abc-pager li {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}

.abc-pager a {
  background: #eee;
  color: #ccc;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 5px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
}

.abc-pager a:hover {
  background: #aaa;
  color: #666;
  text-decoration: none;
  text-shadow: 0 1px #ccc;
}

.login-caption {
  background: #770900;
  display: block;
  left: 5px;
  position: absolute;
  top: 0;
}

.scrollable-double .magazine-scroll .login-caption {
  left: 7px;
}

.scrollable-single .magazine-scroll .login-caption {
  left: 2px;
}

.login-caption a {
  background: #510000;
  color: #eee;
  display: block;
  font-size: 12px;
  margin: 90px auto 0;
  padding: 10px 4px;
  text-align: center;
  width: 110px;
  z-index: 10;
}

.scrollable-single .magazine-scroll .login-caption a {
  margin-top: 120px;
}

.scrollable-double .magazine-scroll .login-caption a {
  margin-top: 120px;
}

#toolbox {
  background: #f9f9f9;
  border: 1px solid #eee;
  float: left;
  line-height: 150%;
  margin: 0 20px 20px 0;
  padding: 6px;
  width: 202px;
}

/* SLIMBOX */
#lbOverlay {
  background-color: #000;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

#lbCenter, #lbBottomContainer {
  background-color: #fff;
  overflow: hidden;
  position: absolute;
}

#lbCenter {
  z-index: 9999;
}

#lbBottomContainer {
  z-index: 9990;
}

.lbLoading {
  background: #fff url(/img/slimbox/loading.gif) no-repeat center;
}

#lbImage {
  background-repeat: no-repeat;
  border: 10px solid #fff;
  left: 0;
  position: absolute;
  top: 0;
}

#lbPrevLink, #lbNextLink {
  display: block;
  outline: none;
  position: absolute;
  top: 0;
  width: 50%;
}

#lbPrevLink {
  left: 0;
}

#lbPrevLink:hover {
  background: transparent url(/img/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
  right: 0;
}

#lbNextLink:hover {
  background: transparent url(/img/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
  border: 10px solid #fff;
  border-top: none;
  color: #666;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1.4em;
  text-align: left;
}

#lbCloseLink {
  background: transparent url(/img/slimbox/closelabel.gif) no-repeat center;
  display: block;
  float: right;
  height: 22px;
  margin: 5px 0;
  outline: none;
  width: 66px;
}

#lbCaption, #lbNumber {
  margin-right: 71px;
}

#lbCaption {
  font-weight: bold;
}

/* ----- VOTING ----- */
.ckrating_highly_rated {
  background-color: #ffc !important;
}

.ckrating_poorly_rated {
  opacity: 0.6;
}

.ckrating_hotly_debated {
  background-color: #FFF0F5 !important;
}

/* ----- FLOWPLAYER ----- */
.player-wide {
  background: #000;
  cursor: pointer;
  float: left;
  height: 100px;
  margin-right: 5px;
  padding: 15px 20px;
  width: 180px;
}

.playlist-wide {
  float: left;
  width: 355px;
}

.playlist-wide a {
  background: url(/img/bg-header-litegrey.png) bottom left repeat-x;
  border-top: 1px solid #f4f4f4;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.5px;
  margin: 0;
  padding: 10px 0 10px 15px;
  text-shadow: 1px 1px 0 #fff;
}

/* mouseover state */
.playlist-wide a:hover {
  background: #ddd;
}

/* clicked state */
.playlist-wide .playing, .playlist-wide .paused {
  background: #ddd;
}

/* active item */
.playlist-wide div:active {
  background: #ddd;
  cursor: default;
}

.accordion {
  border: 1px solid #333;
}

.accordion h2 {
  background: #fff url("/img/bg-efefef-dadada-1x40.png") repeat-x scroll left top;
  border: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  color: #666;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 5px 15px;
}

.accordion h2.current {
  cursor: default;
}

.accordion .pane {
  border: 1px solid #fff;
  border-width: 0 2px;
  color: #666;
  display: none;
  font-size: 12px;
  padding: 15px;
}

/* ----- SNL ----- */
#tab-snl-gainers,
#tab-snl-losers {
  width: 100%;
  margin-top: 6px;
}

#tab-snl-gainers td,
#tab-snl-losers td,
#tab-snl-gainers th,
#tab-snl-losers th {
  text-align: left;
  padding: 3px 5px;
  border-bottom: 1px solid #eee;
  font-size: 12px;
}

.gainer {
  color: #008A00;
}

.loser {
  color: #c00;
}

#tab-snl-gainers img,
#tab-snl-losers img {
  padding: 5px 0 0 4px;
  vertical-align: top;
}

/*  SNL  */
#tab-snl-gainers,
#tab-snl-losers {
  width: 100%;
  margin-top: 6px;
  clear: both;
}

#tab-snl-gainers th,
#tab-snl-losers th {
  border-bottom: 1px solid #eee;
  font-size: 11px;
  padding: 3px 5px;
  text-align: left;
}

#tab-snl-gainers td,
#tab-snl-losers td {
  border-bottom: 1px solid #eee;
  font-size: 11px;
  padding: 3px 5px;
  text-align: center;
}

#tab-snl-gainers td.align-left,
#tab-snl-losers td.align-left {
  text-align: left;
}

.gainer {
  color: #008A00;
}

.loser {
  color: #c00;
}

#tab-snl-gainers img,
#tab-snl-losers img {
  padding: 5px 0 0 4px;
  vertical-align: top;
}

/* ----- AGENCIES FOR SALE ----- */
.agency {
  background: #fff url(/img/bg-agency-litegrey.png) bottom left repeat-x;
  border: 1px solid #eee;
  padding: 12px;
  margin-bottom: 15px;
}

.agency h2 {
  font-size: 18px;
  margin-bottom: 0.5em;
}

.agency-description {
  position: relative;
  line-height: 150%;
  margin-bottom: 0.5em;
}

.agency-description-toggle {
  background: #fff;
  bottom: 0;
  color: #9F0700;
  cursor: pointer;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: underline;
}

.platinum {
  background: #fff6de url(/img/bg-agency-litegold.png) bottom left repeat-x;
  border: 1px solid #ffe293;
}

.platinum .agency-description-toggle {
  background: #fff6de;
}

/* ----- INTERSTITIAL ----- */
#interstitial {
  display: none;
  width: 640px;
  height: 480px;
  border: 1px solid #aaa;
  background-color: #fff;
}

#interstitial-controls {
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 260px;
  cursor: pointer;
}

#interstitial-header {
  position: fixed;
  top: 0;
  left: 0;
  font-size: 15px;
  font-family: arial, sans-serif;
  width: 100%;
  background: #fff;
  border-bottom: 3px solid #eee;
  color: #666;
}

#interstitial-logo {
  padding: 15px;
  margin-left: 30px;
  float: left;
}

#interstitial-controls {
  float: right;
  padding: 15px;
  margin-right: 30px;
}

#interstitial-continue {
  background: #6F0707;
  color: #fff;
  padding: 7px;
}

#interstitial-skip {
  padding: 5px;
  font-size: 14px;
  text-decoration: underline;
}

/*  Flash Map  */
.flashmovie {
  margin-bottom: 20px;
}

#key {
  float: left;
  width: 580px;
  margin: 0px;
  padding: 0px;
  font-family: arial;
  font-size: 14px;
}

#cnumber {
  display: inline-block;
  background: white;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0px;
}

#label {
  display: inline-block;
  background: white;
  list-style: none;
  margin: 0 0 0 50px;
  padding: 0px;
  text-align: center;
}

#c1 {
  float: left;
  width: 116px;
  background: #ffd780;
  height: 20px;
}

#c2 {
  float: left;
  width: 116px;
  background: #ffc340;
  height: 20px;
}

#c3 {
  float: left;
  width: 116px;
  background: #ffae00;
  height: 20px;
}

#c4 {
  float: left;
  width: 116px;
  background: #bf8300;
  height: 20px;
}

#c5 {
  float: left;
  width: 116px;
  background: #805700;
  height: 20px;
}

#key li {
  margin-left: 0;
}

.l1 {
  float: left;
  width: 116px;
  margin-left: 0;
}

/*  jQuery Tools Overlay  */
.simple-overlay {
  background-color: #ffffff;
  border: 1px solid #666;
  color: #000000;
  display: none;
  padding: 10px;
  width: 300px;
  z-index: 10000;
  min-height: 200px;
  border: 5px solid #666;
  -moz-box-shadow: 0 0 5px 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
}

.simple-overlay .close {
  background-image: url(/img/icons/close.png);
  cursor: pointer;
  height: 35px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 35px;
}

.simple-overlay label {
  display: block;
}

.simple-overlay input {
  width: 290px;
  margin-bottom: 10px;
}

.simple-overlay #comment {
  height: 100px;
  width: 290px;
}

.simple-overlay input[type=submit] {
  margin-bottom: 30px;
  width: auto;
}

.simple-overlay label[for=to_email] {
  margin-top: 20px;
}

.simple-overlay #to_email {
  margin: 0;
}

.simple-overlay .quiet {
  margin-bottom: 20px;
}

.simple-overlay #email-success {
  background: #e6efc2;
  border: 2px solid #c6d880;
  color: #264409;
  display: none;
  margin-bottom: 1em;
  padding: 0.8em;
}

.simple-overlay #email-warning {
  background: #fbe3e4;
  border: 2px solid #fbc2c4;
  color: #8a1f11;
  display: none;
  margin-bottom: 1em;
  padding: 0.8em;
}

/*.error, .alert, .notice, .success, .info {border:2px solid #ddd;margin-bottom:1em;padding:0.8em;}
.error, .alert {background:#fbe3e4;border-color:#fbc2c4;color:#8a1f11;}
.notice {background:#fff6bf;border-color:#ffd324;color:#514721;}
.success {background:#e6efc2;border-color:#c6d880;color:#264409;}
.info {background:#d5edf8;border-color:#92cae4;color:#205791;}
.error a, .alert a {color:#8a1f11;font-weight: bold;text-decoration: underline;}
.notice a {color:#514721;font-weight: bold;text-decoration: underline;}
.success a {color:#264409;font-weight: bold;text-decoration: underline;}
.info a {color:#205791;font-weight: bold;text-decoration: underline;}
*/
/* ----- ADWORDS ----- */
div.adwords table {
  margin-bottom: 0;
}

div.adwords td {
  vertical-align: top;
}

div.adwords div.adv {
  font-size: 90%;
  margin-bottom: -5px;
  text-align: left;
  text-transform: none;
}

div.adword {
  background: #FFF2CF;
  padding: 8px 15px;
  margin: 10px 0;
}

div.adword div.logo {
  width: 100px;
  background: #fff;
  padding: 6px;
  border: 1px solid #ccc;
  margin-right: 12px;
  float: left;
}

/*  --------------------------------------------------
    Bootstrap Button Styles
    -------------------------------------------------- */
.btn {
  transition: all 0.15s ease;
  font-size: 16px;
  font-weight: 500;
}
.btn.btn-link {
  color: inherit;
}
.btn.btn-link:hover {
  text-decoration: underline;
  color: inherit;
}
.btn.btn-ij {
  background: #AF231C;
  color: #fff;
}
.btn.btn-ij:hover {
  background: #8F0000;
  color: #fff;
}
.btn.btn-light {
  color: #111;
  background: #fff;
  border-color: #fff;
}
.btn.btn-close {
  position: relative;
  width: 30px;
  content: " ";
  padding-left: 0;
  padding-right: 0;
}
.btn.btn-close:before, .btn.btn-close:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80%;
  height: 0;
  color: inherit;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.btn.btn-close:before {
  transform: rotate(45deg);
}
.btn.btn-close:after {
  transform: rotate(-45deg);
}
.btn.btn-close:hover {
  text-decoration: none;
}
.btn.btn-blue {
  color: #fff;
  background: #4A80D6;
}
.btn.btn-blue:hover {
  background: #2460C1;
  color: #fff;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(74, 128, 214, 0.3);
}
.btn.btn-blue:focus {
  box-shadow: none;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(74, 128, 214, 0.3);
}
.btn.btn-blue path {
  fill: #fff;
}
.btn.btn-outline-blue {
  color: #4A80D6;
  background: #fff;
  border: 1px solid #4A80D6;
  line-height: 36px;
}
.btn.btn-outline-blue:hover {
  background: #4A80D6;
  color: #fff;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(74, 128, 214, 0.3);
}
.btn.btn-outline-blue:hover path {
  fill: #fff;
}
.btn.btn-outline-blue:focus {
  box-shadow: none;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(74, 128, 214, 0.3);
}
.btn.btn-outline-blue path {
  fill: #4A80D6;
}

/*  --------------------------------------------------
    Old Button Styles
    -------------------------------------------------- */
.button {
  background: #00a6fc;
  display: inline-block;
  text-align: center;
  padding: 9px 34px 11px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  position: relative;
  cursor: pointer;
  border: none;
  margin: 0 0 12px;
}

.button:visited {
  color: #fff;
}

/* Don't use native buttons on iOS */
input[type=submit].button, button.button {
  -webkit-appearance: none;
}

.button.radius {
  border-radius: 3px;
}

.button.round {
  border-radius: 1000px;
}

.button.full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}

.button.left-align {
  text-align: left;
  text-indent: 12px;
}

/* Sizes ---------- */
.tiny.button {
  font-size: 10px;
  padding: 6px 14px 8px;
  width: auto;
}

.small.button {
  font-size: 11px;
  padding: 8px 20px 10px;
  width: auto;
}

.medium.button {
  font-size: 13px;
  width: auto;
}

.large.button {
  font-size: 18px;
  padding: 11px 48px 13px;
  width: auto;
}

/* Nice Sizes ---------- */
.nice.tiny.button {
  background-position: 0 -37px;
}

.nice.small.button {
  background-position: 0 -34px;
}

.nice.large.button {
  background-position: 0 -30px;
}

/* Colors ---------- */
.blue.button {
  background-color: #00a6fc;
}

.red.button {
  background-color: #e91c21;
}

.white.button {
  background-color: #e9e9e9;
  color: #333;
}

.black.button {
  background-color: #141414;
}

.green.button {
  background-color: #5b8737;
}

/* Nice Colors ---------- */
.nice.blue.button {
  border: 1px solid #0593dc;
}

.nice.red.button {
  border: 1px solid #b90b0b;
}

.nice.white.button {
  border: 1px solid #cacaca;
  text-shadow: none !important;
}

.nice.black.button {
  border: 1px solid #000;
}

.nice.green.button {
  border: 1px solid #4a6b2d;
}

/* Hovers ---------- */
.button:hover, .button:focus {
  background-color: #0192dd;
  color: #fff;
}

.blue.button:hover, .blue.button:focus {
  background-color: #0192dd;
}

.red.button:hover, .red.button:focus {
  background-color: #d01217;
}

.white.button:hover, .white.button:focus {
  background-color: #dadada;
  color: #333;
}

.black.button:hover, .black.button:focus {
  background-color: #000;
}

.green.button:hover, .green.button:focus {
  background-color: #699c40;
}

#article-content a.button:hover, #article-content a.button {
  color: #fff;
}

.page #content a.button:hover, .page #content a.button {
  color: #fff;
  text-decoration: none;
}

/*  ---  NEWSFEED  ---  */
#newsfeed .accordion {
  margin-top: 80px;
}

#newsfeed label {
  display: block;
  font-size: 0.9em;
  font-weight: bold;
}

#newsfeed .label-inline {
  display: inline;
}

#newsfeed input,
#newsfeed select {
  margin-bottom: 10px;
}

/* --- COMPANY SINGLE --- */
.single-company #content .section-top {
  margin-bottom: 8px;
}

/* --- COMPANY COMPARE  --- */
.company-logo {
  width: 230px;
  height: 125px;
  margin: 10px auto;
  text-align: center;
  overflow: hidden;
}

.compare-companies th {
  text-align: center;
}

/* --- CHOSEN --- */
.compare-companies .chzn-single:hover {
  color: #111;
}

/* --- LIGHTBOX --- */
.lightbox {
  /** Default lightbox to hidden */
  display: none;
  /** Position and style */
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

.lightbox img {
  /** Pad the lightbox image */
  max-width: 90%;
  max-height: 90%;
  margin-top: 2%;
}

.lightbox:target {
  /** Remove default browser outline */
  outline: none;
  /** Unhide lightbox **/
  display: block;
}

/* START GLOBAL STYLE FOR DATA TABLE WITH BAR-CHART CONTENT */
.data-table th,
.tablesorter thead tr th {
  padding: 5px 8px;
}

.data-table td,
.tablesorter.data-table tbody td {
  font-size: 13px;
  padding: 3px 8px;
}

.data-table-bar span {
  background-color: #ef903a;
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: bold;
  margin: 0 2px;
  max-width: 99%;
  min-width: 25%;
  padding: 0 4px;
  text-align: right;
}

.data-table-redgreen .data-table-bar span {
  background-image: linear-gradient(to left, red 0%, orange 50%, green 100%);
  background-image: -ms-linear-gradient(to left, red 0%, orange 50%, green 100%);
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, red), color-stop(50%, orange), color-stop(100%, green));
}

.data-table-green .data-table-bar span {
  background: #69a843;
}

.data-table-blue .data-table-bar span {
  background: #3c73c2;
}

.data-table-darkblue .data-table-bar span {
  background: #25497c;
}

.data-table-red .data-table-bar span {
  background: #a10000;
}

.data-table-darkred .data-table-bar span {
  background: #800;
}

.data-table-brown .data-table-bar span {
  background: #92410b;
}

.data-table-charcoal .data-table-bar span {
  background: #262626;
}

/* END GLOBAL STYLE FOR DATA TABLE WITH BAR-CHART CONTENT */
/* <pre> blocks for html copy paste (top 100, best agencies badge, newsfeed etc) */
td pre {
  border: 1px solid #CCCCCC;
  color: #777777;
  cursor: text;
  display: block;
  font-family: "Lucida Console", "Courier New", Courier, monospace;
  font-size: 12px;
  height: 90%;
  margin: 0 0 1em;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.article-poll {
  border-top: 1px solid #eee;
  padding: 10px 0;
  position: relative;
}
.article-poll p {
  font-size: 18px;
  line-height: 30px;
  margin: 0;
}
.article-poll button {
  font-weight: bold;
  transition: all 0.15s ease;
  background: none;
  border: 2px solid #333;
  color: #333;
  height: 30px;
  line-height: 28px;
  padding: 0 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.article-poll button:not(:last-child) {
  margin-right: 6.6666666667px;
}
.article-poll button:hover {
  background: #333;
  color: #fff;
}
.article-poll button:focus {
  outline: none;
}

.article-poll-vote p {
  margin-right: 10px;
  float: left;
}
.article-poll-vote:after {
  content: "";
  display: block;
  clear: both;
  height: 0px;
}

.article-poll-buttons {
  float: right;
}

.article-poll-feedback {
  display: none;
}
.article-poll-feedback .feedback-form p {
  margin-bottom: 10px;
}
.article-poll-feedback .feedback-form textarea {
  font-size: 18px;
  padding: 10px;
  border: none;
  display: block;
  width: 100%;
  background: #eee;
  border-radius: 3px;
  margin-bottom: 15px;
}
.article-poll-feedback .feedback-form .submit {
  border: none;
  font-weight: bold;
  transition: all 0.15s ease;
  background: #333;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.article-poll-feedback .feedback-form .submit:focus, .article-poll-feedback .feedback-form .submit:hover {
  outline: none;
  background: #AF231C;
}
.article-poll-feedback .feedback-form .submit:disabled {
  background: #999;
}
.article-poll-feedback .feedback-form .cancel {
  padding: 0;
  margin-left: 5px;
  border: none;
  display: inline;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: 0;
}
.article-poll-feedback .feedback-form .cancel:hover {
  color: #333;
  background: none;
  text-decoration: underline;
}

.article-poll-more-articles {
  display: none;
}
.article-poll-more-articles p {
  margin: 20px 0;
  line-height: 1.3em;
}

.article-poll-loading {
  display: none;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.article-poll.loading .article-poll-loading {
  display: block;
}
.article-poll-loading .loader,
.article-poll-loading .loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.article-poll-loading .loader {
  font-size: 3px;
  border-top: 1.1em solid rgba(17, 17, 17, 0.3);
  border-right: 1.1em solid rgba(17, 17, 17, 0.3);
  border-bottom: 1.1em solid rgba(17, 17, 17, 0.3);
  border-left: 1.1em solid #fff;
  transform: translateZ(0);
  animation: loaderSpin 1.1s infinite linear;
}
@keyframes loaderSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.category-year-in-review .spacer {
  height: 30px;
  margin-bottom: 10px;
}

.category-year-in-review {
  margin-top: 15px;
}

.category-year-in-review .box-link {
  height: 30px;
  text-align: center;
  background: #AE221C;
  margin-bottom: 10px;
}

.category-year-in-review .box-link a {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 30px;
  display: block;
}

.category-year-in-review .box-link a:hover {
  text-decoration: underline;
}

/* Young Agents Review Section */
.young-agents-survey {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.young-agents-survey .response {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.young-agents-survey .response .box {
  padding: 15px;
  padding-bottom: 10px;
  border: 1px solid #dddddd;
  margin-bottom: 20px;
  display: block;
}

.young-agents-survey .response-content {
  padding-bottom: 10px;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  margin: 0;
}

.young-agents-survey .response-feedback {
  padding-top: 10px;
  border-top: 1px solid #dddddd;
  font-size: 14px;
  color: #505050;
  text-align: center;
  height: 20px;
}

.young-agents-survey .response-feedback .agree {
  float: left;
}

.young-agents-survey .response-feedback button {
  float: right;
  letter-spacing: 1px;
  display: inline-block;
  color: inherit;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  background: none;
  padding: 3px 0;
  letter-spacing: 0;
  vertical-align: middle;
  margin-left: 20px;
  position: relative;
}

.young-agents-survey .response-feedback .yes {
  top: -1px;
}

.young-agents-survey .response-feedback .no {
  top: 1px;
}

.young-agents-survey .response-feedback .count {
  position: relative;
  line-height: 15px;
  display: inline-block;
  margin-left: 5px;
}

.young-agents-survey .response-feedback .yes .count {
  top: 1px;
}

.young-agents-survey .response-feedback .no .count {
  top: -1px;
}

.young-agents-survey .response-feedback .thumb {
  height: 15px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.young-agents-survey .response-feedback .yes .thumb {
  background: url("/img/thumb-up.png") center center no-repeat;
  background-size: contain;
}

.young-agents-survey .response-feedback .voted-yes .yes .thumb,
.young-agents-survey .response-feedback .yes:not(:disabled):hover .thumb {
  background: url("/img/thumb-up-green.png") center center no-repeat;
  background-size: contain;
}

.young-agents-survey .response-feedback .no .thumb {
  background: url("/img/thumb-down.png") center center no-repeat;
  background-size: contain;
}

.young-agents-survey .response-feedback .voted-no .no .thumb,
.young-agents-survey .response-feedback .no:not(:disabled):hover .thumb {
  background: url("/img/thumb-down-red.png") center center no-repeat;
  background-size: contain;
}

.young-agents-survey .response-feedback button:not(:disabled):hover {
  cursor: pointer;
}

.young-agents-survey .response-feedback .voted-yes .yes {
  color: green;
}

.young-agents-survey .response-feedback .voted-no .no {
  color: red;
}

/** Skitter Edits */
#article-content .box_skitter .prev_button,
#article-content .box_skitter .next_button {
  margin-top: 0;
  top: 10px;
}

#article-content .box_skitter .label_skitter h3 {
  margin-bottom: 0;
  padding: 10px;
}

/* ----- BOOTSTRAP PIECES ----- */
.pull-right {
  float: right !important;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.social-link {
  transition: all 0.15s ease;
  vertical-align: middle;
  position: relative;
  float: left;
  display: block;
  height: 30px;
  width: 40px;
  text-align: center;
  color: #fff;
  line-height: 30px;
  text-decoration: none;
}
.social-link:before {
  font-size: 16px;
}
.social-link:hover {
  text-decoration: none;
  background: #fff;
}
.social-link.email {
  background: #e95c41;
}
.social-link.email:hover {
  color: #e95c41;
  background: #fff;
}
.social-link.print {
  background: #999;
}
.social-link.print:hover {
  color: #999;
  background: #fff;
}
.social-link.facebook {
  background: #0666FF;
}
.social-link.facebook:hover {
  color: #0666FF;
  background: #fff;
}
.social-link.twitter {
  background: #000;
}
.social-link.twitter:hover {
  color: #000;
  background: #fff;
}
.social-link.linkedin {
  background: #007BB6;
}
.social-link.linkedin:hover {
  color: #007BB6;
  background: #fff;
}

/* -----  CAROUSEL  -------------------- */
.carousel.bs-carousel img {
  width: 100%;
  height: auto;
}
.carousel.bs-carousel .carousel-control {
  color: #fff;
}

.carousel:not(.bs-carousel) {
  height: 240px;
  background: #333;
  overflow: hidden;
}

.carousel div.slide {
  height: 240px;
  background: #333;
  color: #fff;
  text-align: left;
  font-size: 16px;
}

.carousel div.slide img {
  height: 240px;
}

.carousel div.slide {
  top: 0;
  left: 0;
}

.carousel div.info {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 240px;
  padding: 12px 0;
  margin-right: 34px;
}

.carousel div.info p {
  margin: 0;
  padding: 0;
}

.carousel div.info h4 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -1px;
  font-family: "Lucida Grande", Helvetica, sans-serif;
  color: #fff;
}

.carousel div.links {
  padding: 3px;
}

.carousel .round {
  float: left;
  width: 100px;
  margin-right: 10px;
  text-align: center;
  background-color: #eee;
  color: #111;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

.carousel a.round:hover {
  background: #4B8FD5;
  color: #EAF0F6;
}

.carousel-pager {
  padding: 5px;
  margin: 0 10px 10px;
  text-align: right;
}

.carousel-pager .prev,
.carousel-pager .next {
  font-weight: bold;
  cursor: pointer;
}

/*  TAGS  */
.smallTags {
  font-size: 12px;
  line-height: 1.1em;
  padding-left: 18px;
  vertical-align: top;
}
.smallTags ul {
  margin: 0;
  padding: 0;
}

.smallTags a,
.smallTags a:link,
.smallTags a:visited {
  padding: 3px;
  background: none;
  color: #05c;
  text-decoration: none;
  white-space: nowrap;
}

.smallTags a:hover {
  background: #05c;
  color: #fff;
}

.smallTags ul {
  list-style: none;
}

.smallTags ul li {
  margin: 5px;
}

.adbrowse {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 10px;
}

.adbrowse .recent-ad {
  float: left;
  margin-right: 8px;
}

.adbrowse .recent-ad img {
  border: 1px solid #DCDCDC;
  padding: 5px;
}

/*  SIDE BAR  */
#sidebar .big-search {
  height: 33px;
  margin-bottom: -4px;
}

#sidebar .big-search input[type=text] {
  float: left;
  width: 215px;
  line-height: 26px;
  height: 26px;
  font-size: 16px;
  margin-right: 10px;
}

#sidebar h3 {
  font-size: 1.3em;
  margin-top: 10px;
}

/* -----  LISTS  -------------------- */
ul.bullets {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.bullets li {
  padding-left: 22px;
  line-height: 20px;
  margin-left: 0;
}

/*  AD VIEW  */
main .ad {
  float: left;
  margin-top: 0;
  text-align: center;
}
main .ad img {
  border: 1px solid #DDD;
}
main .ad div {
  text-align: center;
}

.social-tools {
  height: 35px;
}

.ad-info {
  margin-left: 330px;
}

/*  BROWSE BY COMPANY  */
.letter {
  float: left;
  font-size: 20px;
  font-weight: bold;
}

.companies {
  margin: 0 5px 0 16px;
  border-top: 1px solid #DCDCDC;
  margin-bottom: 10px;
  padding-top: 8px;
}
.companies ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.companies li {
  margin-left: 20px;
}

/*  MODAL  */
#adshowcase-dialog {
  margin: 0 auto;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 330px;
  display: none;
  padding: 20px;
}

#adshowcase-dialog .input {
  margin-bottom: 10px;
}

#adshowcase-dialog label {
  float: left;
}

#adshowcase-dialog textarea,
#adshowcase-dialog input {
  margin-left: 100px;
  display: block;
  width: 200px;
}

#adshowcase-dialog input[type=submit] {
  width: auto;
}

.jcarousel-container {
  margin: 20px auto 40px;
}

.alert {
  border-radius: 3px;
}
.alert.alert-cookie-policy {
  display: none;
  font-size: 16px;
  background: #111;
  color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 0;
  border-radius: 0;
}

.alert-cookie-policy .alert-content {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .alert-cookie-policy .alert-content {
    max-width: calc(100% - 250px);
    margin-bottom: 0;
  }
}
.alert-cookie-policy .alert-content p {
  margin-bottom: 6.6666666667px;
}
.alert-cookie-policy .alert-content p:last-child {
  margin-bottom: 0;
}
.alert-cookie-policy .alert-content a {
  text-decoration: underline;
  color: inherit;
  opacity: 0.8;
}
.alert-cookie-policy .alert-content a:hover {
  opacity: 1;
}

@media (min-width: 768px) {
  .alert-cookie-policy .alert-actions {
    text-align: right;
    position: absolute;
    width: 250px;
    top: 0;
    height: 36px;
    bottom: 0;
    right: 15px;
    margin: auto;
  }
}
.alert-cookie-policy .alert-actions .btn-light {
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 0;
  margin-right: 20px;
}
.alert-cookie-policy .alert-actions .btn-light:hover {
  text-decoration: underline;
}

.quote-card {
  border-radius: 8px;
}
.quote-card .quote-card-title {
  font-size: 18px;
  margin-bottom: 4px;
}
.quote-card .quote-card-subtitle {
  color: #657786;
  font-size: 14px;
  line-height: 1.3em;
}
.quote-card .quote-card-content {
  line-height: 1.7em;
  font-size: 18px;
}
.quote-card .quote-card-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.quote-card .quote-card-image-wrapper .quote-card-subtitle {
  margin-bottom: 0;
}
.quote-card .quote-card-heading {
  flex-grow: 1;
}
.quote-card .quote-card-image {
  height: 75px;
  margin-right: 10px;
}
.quote-card .quote-card-image img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

blockquote.speech-bubble {
  background: #E9E7E4;
  border-left: none;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
}
blockquote.speech-bubble:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 30px;
  width: 10px;
  height: 15px;
  border-top: 15px solid #E9E7E4;
  border-left: 5px solid rgba(255, 255, 255, 0);
  border-right: 5px solid rgba(255, 255, 255, 0);
}
blockquote.speech-bubble.caret-right:after {
  left: auto;
  right: 30px;
}

.gradient-reveal {
  position: relative;
}

.gradient-reveal-gradient {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  height: 300px;
  max-height: 50%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 80%);
}
.gradient-reveal-expand.in ~ .gradient-reveal-gradient {
  display: none;
}

a.gradient-reveal-toggle {
  background: #efefef;
  color: #333;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 12px;
  line-height: 40px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 40px;
}
a.gradient-reveal-toggle:hover {
  color: #AF231C;
}
a.gradient-reveal-toggle span {
  display: none;
}

.gradient-reveal-expand.in ~ a.gradient-reveal-toggle span.less,
.gradient-reveal-expand.in ~ p a.gradient-reveal-toggle span.less {
  display: inline;
}
.gradient-reveal-expand:not(.in) ~ a.gradient-reveal-toggle span.more,
.gradient-reveal-expand:not(.in) ~ p a.gradient-reveal-toggle span.more {
  display: inline;
}

/*
 --------------------------------------------------
 Rankings & Awards Feature Styles
 --------------------------------------------------
 CONTENTS
 # Global Ranking Styles

 # Ranking Layout Sections
    .rankings-section
    .rankings-header
    .rankings-list-preview
    .rankings-headlines
    .rankings-regional
    #moreListsAndRankings

 # Ranking Components
    .rankings-intro
    .rankings-title
    .rankings-section-text
    .rankings-navigation-form
    .rankings-nav
    .rankings-tag
    .rankings-icon
    .rankings-preview-box
        .rankings-preview-box-head
        .rankings-preview-box-foot
        .rankings-rank
        .rankings-logo
        .rankings-name
        .rankings-subname
        .rankings-name-kicker
    .rankings-stat
        .rankings-label
        .rankings-value
    .rankings-article-list
        .rankings-article
    .rankings-divider
    .rankings-faq-group
    .rankings-quote
    .rankings-16-9-cropper
*/
/*
Global Ranking Styles
*/
body.rankings .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  line-height: 38px;
  padding: 0 20px;
  border-radius: 0;
  text-decoration: none;
}
body.rankings .btn .rankings-icon {
  height: 1em;
  width: 1em;
}
body.rankings .btn.btn-sm {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
body.rankings .btn.btn-lg {
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  padding: 0 24px;
}
body.rankings .note {
  display: inline-block;
  margin-right: 2px;
  color: #4A80D6;
  font-size: 20px;
  font-weight: bold;
}
body.rankings .note-content {
  margin-top: 24px;
  font-size: 12px;
}
body.rankings .note-content .note {
  font-size: 16px;
}
body.rankings.rankings-main .main {
  padding: 0;
}
body.rankings.rankings-main .main a:not(.btn) {
  color: #4A80D6;
}
body.rankings.rankings-list-best-insurance-agencies-to-work-for .main a:not(.btn) {
  color: #4A80D6;
  text-decoration: underline;
}

/*
Ranking Layout Sections
*/
.rankings-section {
  padding-top: 96px;
  padding-bottom: 96px;
  display: flex;
  flex-direction: column;
}
.rankings-section .row {
  align-self: stretch;
}
.rankings-section .rankings-employee-perspective {
  position: relative;
  margin-bottom: 48px;
}
.rankings-main .rankings-section {
  align-items: center;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-section:not(.rankings-header) {
  padding: 24px 0 0;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-section:not(:last-child) {
  margin-bottom: 48px;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-section.rankings-section-introduction {
  padding-bottom: 48px;
  border-bottom: 1px solid #D9D7D3;
}
.rankings-list-top-100-insurance-agencies .rankings-section.rankings-section-introduction {
  padding: 0;
}
.rankings-list-top-100-insurance-agencies .rankings-section.rankings-section-introduction strong {
  font-size: 20px;
}

.rankings-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 48px;
  position: relative;
  border-bottom: 1px solid #D9D7D3;
}
.rankings-header > * {
  position: relative;
  z-index: 2;
}
.rankings-header a {
  color: #4A80D6;
}

.rankings-list-preview {
  position: relative;
  margin: 48px 0;
}
.rankings-list-preview .row:not(:last-child) {
  margin-bottom: 20px;
}
#bestInsuranceAgenciesToWorkFor .rankings-list-preview .row {
  margin-bottom: -16px;
}
@media (min-width: 768px) {
  #bestInsuranceAgenciesToWorkFor .rankings-list-preview .row {
    margin-bottom: 20px;
  }
}

.rankings-headlines {
  margin: 48px 0 0;
  padding-top: 48px;
  border-top: 1px solid #DEDEDE;
}
@media (min-width: 768px) {
  .rankings-headlines {
    margin: 48px 0;
  }
}

.rankings-regional {
  padding-right: 30px;
  padding-left: 30px;
  font-size: 16px;
}
.rankings-regional .row {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .rankings-regional {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .rankings-regional {
    padding-right: 15px;
    padding-left: 45px;
  }
}

#moreListsAndRankings {
  background: #F7F5F2;
}

/*
Ranking Components
*/
.rankings-intro {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.rankings-intro:before, .rankings-intro:after {
  content: "";
  height: 3px;
  width: 25px;
  background: #D9D7D3;
}

.rankings-title {
  font-size: 24px;
  line-height: 1.3em;
  color: #292929;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .rankings-title {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .rankings-title {
    font-size: 38px;
  }
}
.rankings-title small {
  color: #444444;
  display: block;
  font-weight: 500;
}
.rankings-title.rankings-title-regional {
  margin-left: -15px;
  font-size: 30px;
  display: flex;
  align-items: center;
}
.rankings-title.rankings-title-regional:after {
  content: "";
  height: 3px;
  flex-grow: 1;
  background: #D9D7D3;
  margin-left: 16px;
}
.rankings-main .rankings-title {
  text-align: center;
}
.rankings-header .rankings-title {
  text-align: center;
}
.rankings-headlines .rankings-title {
  font-size: 30px;
  text-align: left;
  margin-bottom: 32px;
}
.rankings-employee-perspective .rankings-title {
  font-size: 24px;
  margin-bottom: 0;
}
#faq .rankings-title {
  margin-bottom: 48px;
}

.rankings-section-text {
  font-size: 18px;
  line-height: 1.6em;
  color: #292929;
  max-width: 700px;
  text-align: center;
}
.rankings-section-text a {
  text-decoration: underline;
}
.rankings-list .rankings-section-text {
  font-size: 18px;
  max-width: 800px;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-section-text {
  text-align: left;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-section-text:last-child {
  margin-bottom: 0;
}
.rankings-employee-perspective .rankings-section-text {
  font-size: 18px;
  margin-bottom: 48px;
}

.rankings-navigation-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .rankings-navigation-form {
    flex-direction: row;
    align-items: flex-end;
  }
}
.rankings-navigation-form .form-group {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .rankings-navigation-form .form-group {
    margin-bottom: 0;
    margin-right: 16px;
  }
}
.rankings-navigation-form .rankings-year-select {
  flex-shrink: 0;
}
.rankings-navigation-form .form-group-divider {
  align-self: stretch;
  margin: 24px 0;
  background: #E9E7E4;
  height: 1px;
}
@media (min-width: 768px) {
  .rankings-navigation-form .form-group-divider {
    margin: 0 20px;
    height: auto;
    width: 1px;
  }
}
@media (min-width: 992px) {
  .rankings-navigation-form .form-group-divider {
    margin: 0 32px;
  }
}
.rankings-navigation-form label {
  margin-bottom: 4px;
  color: #444444;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 12px;
}
.rankings-navigation-form select.form-control {
  border: 1px solid #D9D7D3;
  border-color: #D9D7D3;
  border-radius: 0;
  font-size: 16px;
  padding: 0 24px 0 16px;
  line-height: 38px;
  height: 38px;
  font-weight: 400;
  color: #292929;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
}
.rankings-navigation-form select.form-control:focus {
  border-color: #4A80D6;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(74, 128, 214, 0.3);
}

.rankings-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 48px;
}
.rankings-nav h4 {
  width: 100%;
  font-size: 20px;
  margin-bottom: 8px;
}
.rankings-nav a {
  margin-right: 20px;
}
.rankings-nav a:last-child {
  margin-right: 0;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-nav {
  justify-content: center;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-nav h4 {
  text-align: center;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-nav a {
  font-size: 18px;
  color: #AF231C !important;
}

.rankings-tag {
  color: #fff;
  padding: 2px 20px;
  margin: 0 16px 8px;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
}
.rankings-tag.rankings-tag-inline {
  display: inline-flex;
  margin: 0 8px 4px 0;
}
.rankings-tag.rankings-tag-tiny {
  font-size: 12px;
  padding: 1px 6px;
}
.rankings-tag.rankings-tag-sm {
  font-size: 14px;
}
.rankings-tag.rankings-tag-lg {
  font-size: 20px;
}
.rankings-tag.rankings-tag-primary {
  background: #AF231C;
}
.rankings-tag.rankings-tag-highlight, .rankings-tag.rankings-tag-gold {
  background: #FFDB80;
  color: #775500;
  letter-spacing: 0;
}
.rankings-tag.rankings-tag-highlight path, .rankings-tag.rankings-tag-gold path {
  fill: #775500;
}
.rankings-tag.rankings-tag-gold {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(255, 219, 128, 0.3);
}
.rankings-tag.rankings-tag-silver {
  background: #B1B8BB;
  color: #3E5057;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(177, 184, 187, 0.3);
}
.rankings-tag.rankings-tag-silver path {
  fill: #3E5057;
}
.rankings-tag.rankings-tag-bronze {
  background: #C78661;
  color: #5F3B26;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(199, 134, 97, 0.3);
}
.rankings-tag.rankings-tag-bronze path {
  fill: #5F3B26;
}
.rankings-tag.rankings-tag-outline-highlight {
  background: #fff;
  color: #775500;
  border: 2px solid #FFDB80;
}
#bestInsuranceAgenciesToWorkFor .rankings-tag, .rankings-list-best-insurance-agencies-to-work-for .rankings-preview-box .rankings-tag {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 0;
  margin-right: 0;
}

.rankings-icon {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: inline-flex;
}
.rankings-icon svg {
  width: 100%;
}
.rankings-icon.rankings-icon-background {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: 250px;
}
.rankings-icon.rankings-icon-background path {
  fill: #F7F5F2;
  opacity: 1;
}
.rankings-employee-perspective > .rankings-icon.rankings-icon-background {
  top: 30px;
  right: 0;
  left: initial;
  transform: translate(14px, -50%);
  opacity: 0.15;
  width: 64px;
}
.rankings-employee-perspective > .rankings-icon.rankings-icon-background path {
  fill: #4A80D6;
}
.rankings-icon.rankings-label {
  height: 1.1em;
  width: 1.1em;
}
.rankings-icon.rankings-label path {
  fill: #4A80D6;
}
.rankings-stat-inline .rankings-icon.rankings-label {
  margin-right: 2px;
}
.rankings-intro .rankings-icon {
  width: 40px;
  height: 40px;
}
.rankings-intro .rankings-icon path {
  fill: #AF231C;
  opacity: 1;
}
.rankings-title .rankings-icon {
  display: flex;
  justify-content: center;
  height: 50px;
  opacity: 0.6;
}
.rankings-title .rankings-icon path {
  fill: #4A80D6;
}
.rankings-tag .rankings-icon {
  height: 1em;
  width: 1em;
  margin-right: 4px;
}
.rankings-divider .rankings-icon {
  width: 60px;
  height: 30px;
}
.rankings-divider .rankings-icon .fa-primary {
  fill: #AF231C;
}
.rankings-divider .rankings-icon .fa-secondary {
  fill: #620D09;
  opacity: 1;
}
#moreListsAndRankings .rankings-preview-box .rankings-icon {
  width: 50px;
}
#moreListsAndRankings .rankings-preview-box .rankings-icon .fa-primary {
  fill: #4A80D6;
  opacity: 0.45;
}
#moreListsAndRankings .rankings-preview-box .rankings-icon .fa-secondary {
  fill: #4A80D6;
  opacity: 0.25;
}

.rankings-preview-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid #D9D7D3;
  padding: 20px;
  background: #fff;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .rankings-preview-box {
    margin-bottom: 0;
  }
}
.rankings-main .rankings-preview-box {
  height: 250px;
}
.rankings-overall .rankings-preview-box {
  border-color: #FFDB80;
  border-width: 2px;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(255, 219, 128, 0.3);
}
#top100PcAgencies .rankings-preview-box {
  padding-bottom: 38px;
}
#bestInsuranceAgenciesToWorkFor .rankings-preview-box {
  height: 150px;
  margin-top: 16px;
  padding: 16px;
}
#bestInsuranceAgenciesToWorkFor .rankings-overall .rankings-preview-box {
  height: 250px;
}
@media (min-width: 768px) {
  #bestInsuranceAgenciesToWorkFor .rankings-overall .rankings-preview-box {
    width: 280px;
    margin: 0 auto 32px;
  }
}
#superRegionals .rankings-preview-box {
  justify-content: space-between;
}
#moreListsAndRankings .rankings-preview-box {
  justify-content: space-between;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-preview-box {
  margin-top: 32px;
  margin-bottom: 48px;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-overall .rankings-preview-box.rankings-gold {
  margin-left: -15px;
  width: calc(100% + 30px);
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-preview-box.rankings-gold {
  padding: 48px 32px 32px;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-preview-box.rankings-runners-up {
  margin-top: 48px;
  height: 160px;
}

.rankings-preview-box-head {
  width: 100%;
  margin-bottom: 24px;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-preview-box-head {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-preview-box-head > div {
  flex-basis: 45%;
  flex-grow: 0;
  flex-shrink: 1;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-preview-box-head > img {
  flex-shrink: 0;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-preview-box-head.no-logo > div {
  flex-basis: 100%;
}

.rankings-preview-box-foot {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-around;
  border-top: 1px solid #D9D7D3;
  padding: 8px 20px;
}
@media (min-width: 768px) {
  .rankings-preview-box-foot {
    display: none;
  }
}
@media (min-width: 992px) {
  .rankings-preview-box-foot {
    display: flex;
  }
}

.rankings-rank {
  position: absolute;
  top: -11px;
  left: -11px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 40px;
  border: 2px solid #4A80D6;
  background: #fff;
  color: #4A80D6;
  font-size: 24px;
  font-weight: bold;
}

.rankings-logo {
  margin-bottom: 24px;
}
#bestInsuranceAgenciesToWorkFor .rankings-logo {
  margin-bottom: 4px;
}
.rankings-list-best-insurance-agencies-to-work-for .rankings-logo {
  margin: 0 32px 0;
}

.rankings-name {
  text-align: center;
  font-size: 18px;
  margin-bottom: 4px;
}
#top100PcAgencies .rankings-name {
  margin-bottom: 20px;
}
#bestInsuranceAgenciesToWorkFor .rankings-name {
  font-size: 14px;
  margin-bottom: 0;
}
#bestInsuranceAgenciesToWorkFor .rankings-overall .rankings-name, .rankings-list-best-insurance-agencies-to-work-for .rankings-gold .rankings-name {
  text-align: left;
  font-size: 24px;
}
#moreListsAndRankings .rankings-name {
  font-size: 20px;
  line-height: 1.3em;
}
@media (min-width: 992px) {
  #moreListsAndRankings .rankings-name {
    font-size: 24px;
  }
}
#moreListsAndRankings .rankings-name small {
  line-height: 1.3em;
  display: block;
  font-size: 18px;
  color: #292929;
}
#moreListsAndRankings .rankings-name small br {
  display: none;
}
@media (min-width: 992px) {
  #moreListsAndRankings .rankings-name small br {
    display: block;
  }
}

.rankings-subname {
  font-size: 14px;
  margin-bottom: 12px;
  color: #444444;
  text-align: center;
  font-weight: 500;
}

.rankings-name-kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #444444;
  font-size: 16px;
}
.rankings-name-kicker:before, .rankings-name-kicker:after {
  content: "";
  height: 3px;
  width: 20px;
  background: #AF231C;
}
.rankings-name-kicker:before {
  margin-right: 4px;
}
.rankings-name-kicker:after {
  margin-left: 4px;
}

.rankings-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rankings-stat.rankings-stat-inline {
  flex-direction: row;
  align-items: center;
}

.rankings-label {
  color: #4A80D6;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0;
}

.rankings-value {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.3em;
  color: #444444;
}
.rankings-preview-box-foot .rankings-value, .rankings-preview-box-head .rankings-value, .rankings-runners-up .rankings-value {
  font-size: 14px;
}

.rankings-article-list {
  list-style: none;
  padding-left: 0;
}
@media (min-width: 768px) {
  .rankings-article-list {
    padding-left: 40px;
  }
}
.rankings-article-list li:not(:last-child) {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #D9D7D3;
}
.rankings-article-list strong {
  font-size: 18px;
}

a.rankings-article {
  display: block;
  text-decoration: none;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  a.rankings-article {
    margin-bottom: 0;
  }
}
a.rankings-article .rankings-16-9-cropper {
  margin-bottom: 12px;
}
a.rankings-article strong {
  font-size: 16px;
  color: #292929;
  display: block;
  line-height: 1.3em;
  margin-bottom: 2px;
  transition: all 0.15s ease;
}
a.rankings-article time {
  font-size: 14px;
  color: #444444;
  display: block;
}
a.rankings-article:hover strong {
  color: #AF231C;
  text-decoration: underline;
}
.rankings-article-list a.rankings-article {
  margin-bottom: 0;
}

.rankings-divider {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rankings-divider:before, .rankings-divider:after {
  content: "";
  height: 3px;
  width: 150px;
  background: #D9D7D3;
}

.rankings-faq-group {
  margin-bottom: 32px;
  padding: 0 16px 0 24px;
}
.rankings-faq-group h4 {
  margin-left: -24px;
  margin-bottom: 16px;
  color: #292929;
  line-height: 1.4em;
}
.rankings-faq-group p, .rankings-faq-group li {
  font-size: 16px;
  line-height: 1.6em;
}
.rankings-faq-group a {
  text-decoration: underline;
}

.rankings-social {
  display: flex;
}
.rankings-social .btn.btn-social {
  border: 1px solid #D9D7D3;
  background: #fff;
  width: 38px;
  padding: 0;
  margin-right: -1px;
}
.rankings-social .btn.btn-social path {
  fill: #4A80D6;
}
.rankings-social .btn.btn-social:hover {
  position: relative;
  z-index: 10;
}
.rankings-social .btn.btn-social:hover path {
  fill: #fff;
}
.rankings-social .btn.btn-social.email:hover {
  background: #e95c41;
  border-color: #e95c41;
}
.rankings-social .btn.btn-social.facebook:hover {
  background: #0666FF;
  border-color: #0666FF;
}
.rankings-social .btn.btn-social.linkedin:hover {
  background: #007BB6;
  border-color: #007BB6;
}
.rankings-social .btn.btn-social.twitter:hover {
  background: #000;
  border-color: #000;
}

.rankings-quote {
  position: relative;
  font-style: italic;
  font-size: 18px;
  color: #444444;
  line-height: 1.6em;
  padding: 0;
  border: none;
  margin-bottom: 32px;
}
.rankings-quote:last-child {
  margin-bottom: 0;
}
.rankings-quote > * {
  position: relative;
  z-index: 2;
}
.rankings-quote .rankings-icon-background {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
}
.rankings-quote .rankings-icon-background path {
  fill: #E9E7E4;
}

.rankings-quote-source {
  display: block;
  color: #292929;
  font-style: normal;
  line-height: 1.3em;
}
.rankings-quote-source i {
  display: block;
  font-weight: normal;
  color: #444444;
  font-size: 14px;
}

.rankings-16-9-cropper {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  height: 0;
}
.rankings-16-9-cropper > img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rankings-agency-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
}

.rankings-agency-list-item {
  padding-top: 24px;
  border-top: 1px solid #E9E7E4;
  display: flex;
  gap: 16px;
  align-items: baseline;
}
.rankings-agency-list-item .agency-rank {
  height: 45px;
  width: 45px;
  background: #F7F5F2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #AF231C;
}
.rankings-agency-list-item .agency-content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
}
.rankings-agency-list-item .agency-meta {
  display: flex;
  align-items: end;
  gap: 30px;
}
.rankings-agency-list-item .agency-meta-item {
  font-size: 16px;
  margin-bottom: 0;
}
.rankings-agency-list-item .agency-meta-item.agency-revenue {
  font-size: 20px;
  margin-right: 10px;
}
.rankings-agency-list-item .agency-meta-item.agency-revenue small {
  font-weight: normal;
  color: #4A80D6;
}
.rankings-agency-list-item .agency-meta-item small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* New Style Components */
.heading-bar {
  background: #E9E7E4;
  color: #292724;
  padding: 8px 15px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.1em;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .heading-bar {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.heading-bar.header-bar-sponsored {
  background: #FFDB80;
  color: #775500;
}
.heading-bar.heading-bar-with-icon {
  display: flex;
  align-items: center;
}
.heading-bar.heading-bar-with-icon svg {
  font-size: 18px;
  opacity: 0.6;
}
.heading-bar.heading-bar-with-icon svg:first-child {
  margin-right: 12px;
}
.heading-bar.heading-bar-with-icon svg:last-child {
  margin-left: 12px;
}
.heading-bar.heading-bar-lg {
  padding: 8px 15px;
  font-size: 20px;
  line-height: 1.38em;
}
.heading-bar.heading-bar-dark {
  background: #292929;
  color: #FFFFFF;
}
.heading-bar.heading-bar-primary {
  background: rgba(247, 245, 242, 0.8);
  color: #88110A;
}
.heading-bar.heading-bar-hr {
  padding-top: 16px;
  border-top: 1px solid #E9E7E4;
  background: none !important;
}

.heading-icon-wrap {
  display: flex;
  margin-left: -16px;
  align-items: center;
}
.heading-icon-wrap span {
  flex-grow: 0;
  flex-shrink: 0;
}
.heading-icon-wrap span:first-child, .heading-icon-wrap span:last-child {
  font-size: 22px;
  width: 16px;
}
.heading-icon-wrap span:first-child {
  text-align: left;
}
.heading-icon-wrap span:last-child {
  text-align: right;
}

.mk-copy h2 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.38;
}
.mk-copy h3:not(.heading-bar) {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.38;
}
.mk-copy h4 {
  line-height: 1.38;
  font-weight: normal;
  font-size: 24px;
}
.mk-copy .lead {
  font-weight: 400;
  line-height: 1.6;
  font-size: 18px;
}

.ijtv-embed {
  position: relative;
}
.ijtv-embed:not(.ijtv-embed-width) {
  padding-top: calc(56.25% + 30px);
}
.ijtv-embed iframe {
  position: absolute;
  top: 0;
  height: calc(100% - 30px);
  width: 100%;
}
.ijtv-embed .ijtv-embed-caption {
  padding: 0 3px;
  height: 30px;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #888;
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2px;
}

.section {
  padding-bottom: 52px;
}
.section.section-lg {
  padding-bottom: 52px;
  padding-top: 52px;
  margin-bottom: 42px;
}
.section.section-additional-content {
  box-shadow: 0 -75px 100px rgba(0, 0, 0, 0.05);
}

.section-sidebar {
  height: 100%;
  border-left: 1px solid #E9E7E4;
}

.section-copy {
  font-size: 16px;
}
.section-copy a {
  color: #4A80D6;
}
.section-copy .lead {
  font-weight: normal;
  font-size: 18px;
  line-height: 1.62em;
}

.section-subsection {
  margin-bottom: 32px;
}

.content.main {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1200px) {
  .container.container-wide {
    max-width: 1140px !important;
  }
}
.container.container-wide .container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1200px) {
  .container.container-wide .container {
    max-width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .container.container-md {
    max-width: 720px;
  }
}

.col-content {
  width: calc(100% - 330px);
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.col-sidebar {
  width: 330px;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.topic-banner {
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 16px;
}
.topic-banner.topic-banner-fluid {
  height: 150px;
  padding: 0 32px;
  margin: 0 -16px 32px;
  justify-content: flex-start;
  border-radius: 0;
}

.topic-banner-background {
  display: block;
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .topic-banner-background {
    height: 100%;
    width: auto;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 992px) {
  .topic-banner-background {
    width: 100%;
    height: auto;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.topic-banner-content {
  position: relative;
  z-index: 2;
  text-align: center;
}
.topic-banner-fluid .topic-banner-content {
  text-align: left;
}

.topic-banner-heading {
  font-size: 42px;
  color: #FFFFFF;
  margin-bottom: 32px;
}
.topic-banner-heading small {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.8);
}
.topic-banner-fluid .topic-banner-heading {
  font-size: 24px;
  margin-bottom: 16px;
}
.topic-banner-fluid .topic-banner-heading small {
  font-size: 16px;
  margin-bottom: 8px;
}

.topic-banner-sponsor {
  color: #FFFFFF;
  font-size: 18px;
  margin-bottom: 26px;
}

.nav {
  display: flex;
  font-size: 16px;
}
.nav a {
  color: #4A80D6;
  text-decoration: underline;
}
.nav a:hover {
  color: #275bac;
}

.nav-item {
  padding: 6px 0;
}
.nav-item:not(:first-child) {
  padding-left: 12px;
}
.nav-item:not(:last-child) {
  padding-right: 12px;
}

.nav-tabs.nav-tabs-plain {
  border-bottom: 1px solid #F7F5F2;
}
.nav-tabs.nav-tabs-plain > li > a {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #625F5B;
  text-decoration: none;
  border-radius: 0;
}
.nav-tabs.nav-tabs-plain > li > a:hover {
  border-bottom-color: #F7F5F2;
  background: #E9E7E4;
  color: #292724;
}
.nav-tabs.nav-tabs-plain > li.active > a {
  background: #F7F5F2;
  border: 1px solid #F7F5F2;
  color: #AF231C;
}

.article.article-list-item {
  display: flex;
}
.article.article-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.article-list-archive .article.article-with-thumbnail {
  margin-top: 16px;
}

.article-notice {
  background: #F7F5F2;
  color: #292724;
  padding: 12px 15px;
  font-size: 18px;
}
.article-notice a {
  font-weight: bold;
  color: #AF231C;
  text-decoration: underline;
}

.article-list-archive .article-heading {
  margin-bottom: 15px;
}

.article-content {
  position: relative;
}
.article-list-item .article-content, .article-block .article-content {
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 0;
}
.article-with-sticky-notice .article-content {
  padding-bottom: 51px;
}

.article-image-wrapper {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  flex-shrink: 0;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.15);
}
.article-image-wrapper img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.article-block .article-image-wrapper {
  margin-bottom: 16px;
}
.article-media .article-image-wrapper:before {
  position: absolute;
  z-index: 3;
  content: "";
  top: 0;
  left: 0;
  height: 32px;
  width: 42px;
  background: rgba(41, 39, 36, 0.8);
}
.article-media .article-image-wrapper:after {
  position: absolute;
  top: 8px;
  left: 12px;
  z-index: 4;
  content: "";
  border-top: 8px solid rgba(255, 255, 255, 0);
  border-bottom: 8px solid rgba(255, 255, 255, 0);
  border-right: none;
  border-left: 18px solid rgba(255, 255, 255, 0.8);
}
.article-media:hover .article-image-wrapper:before {
  background: #AF231C;
}
.article-list-item .article-image-wrapper {
  width: 125px;
  height: 70px;
  padding-bottom: 0;
}
.article-list-item .article-image-wrapper:first-child {
  margin-right: 16px;
}
.article-list-item .article-image-wrapper:last-child {
  margin-left: 16px;
}
@media (min-width: 992px) {
  .article-list-item .article-image-wrapper {
    width: 192px;
    height: 108px;
  }
}
.article-list-archive .article-image-wrapper {
  float: left;
  padding-bottom: 0;
  margin-right: 15px;
  margin-left: -15px;
  margin-bottom: 10px;
  margin-top: -10px;
}

.article-title {
  color: #292724;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.3;
}
.article-title:not(:last-child) {
  margin-bottom: 8px;
}
.article-title a {
  transition: all 0.15s ease;
  display: block;
  text-decoration: none;
  color: inherit !important;
}
.article-title a:hover {
  color: #AF231C !important;
  text-decoration: underline;
}
.article-media .article-title {
  font-size: 16px;
}
.article-list-archive .article-title {
  font-size: 20px;
}

p.article-meta,
.article-meta {
  color: #403D3A;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.3;
  align-items: center;
}
p.article-meta:not(:last-child),
.article-meta:not(:last-child) {
  margin-bottom: 12px;
}
p.article-meta > span,
.article-meta > span {
  display: inline-flex;
  align-items: center;
}
p.article-meta > span:not(:last-child),
.article-meta > span:not(:last-child) {
  padding-right: 12px;
  margin-right: 8px;
  border-right: 1px solid #D9D7D3;
}
p.article-meta > span.article-author,
.article-meta > span.article-author {
  display: inline;
}
p.article-meta svg,
.article-meta svg {
  opacity: 0.6;
  margin-right: 4px;
}
p.article-meta a,
.article-meta a {
  color: inherit;
  font-weight: inherit;
}
.article-list-archive p.article-meta,
.article-list-archive .article-meta {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #403D3A;
}

.article-media-meta {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
.article-media-meta:not(:last-child) {
  margin-bottom: 8px;
}
.article-media-meta > span {
  display: block;
  background: rgba(0, 0, 0, 0.8);
  padding: 2px 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
  color: #FFFFFF;
  margin-bottom: 4px;
}
.article-media-meta > span:not(:last-child) {
  margin-right: 4px;
}
.article-media-meta .article-media-sponsored {
  background: #FFDB80;
  color: #775500;
  font-weight: bold;
}

.article-excerpt {
  color: #625F5B;
  font-size: 16px;
}

a.article-read-more {
  margin-top: 12px;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 14px;
  text-decoration: none;
  color: #403D3A;
  display: flex;
  align-items: center;
}
a.article-read-more svg {
  font-size: 21px;
}
a.article-read-more:visited {
  color: #625F5B;
}
a.article-read-more:hover {
  color: #AF231C;
}

.article-list-heading {
  background: #F7F5F2;
  margin-left: -15px;
  padding: 8px 15px;
  color: #403D3A;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.article-list-item,
li.article-list-item {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
  align-items: center;
}
.article-list-item:not(:last-child),
li.article-list-item:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(233, 231, 228, 0.7);
}
.article-list-flush .article-list-item:not(:last-child),
.article-list-flush li.article-list-item:not(:last-child) {
  padding-bottom: 6px;
  border-bottom: none;
}
.article-list-item:not(:first-child),
li.article-list-item:not(:first-child) {
  padding-top: 16px;
}
.article-list-item > .article-content,
li.article-list-item > .article-content {
  margin: 0;
}
.article-list-archive .article-list-item,
.article-list-archive li.article-list-item {
  display: block;
}
.article-list-archive .article-list-item:not(:last-child),
.article-list-archive li.article-list-item:not(:last-child) {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(233, 231, 228, 0.8);
}
.article-list-archive .article-list-item:not(:first-child),
.article-list-archive li.article-list-item:not(:first-child) {
  padding-top: 24px;
}
.article-list-flush .article-list-item .article-title,
.article-list-flush li.article-list-item .article-title {
  font-size: 16px;
}

.article-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}
.article-grid .article-image-wrapper {
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.15);
}
.article-grid .article-title {
  font-size: 20px;
  line-height: 1.25em;
}
.article-grid .article-meta {
  font-size: 16px;
}
.article-grid .article-excerpt {
  font-weight: normal;
  color: #625F5B;
}
.article-grid .article-excerpt:last-child {
  margin-bottom: 0;
}

.article-grid-item {
  padding: 0 16px;
  margin-bottom: 32px;
  width: 50%;
  flex-direction: column;
}
.article-grid-item > .article-image-wrapper {
  margin-bottom: 8px;
}
.article-grid-item > .article-content {
  margin: 0;
}

.article-inline-sidebar {
  padding: 16px;
  background: #F7F5F2;
  width: 281px;
  margin-bottom: 16px;
}
.article-inline-sidebar img {
  max-width: 100%;
  height: auto;
}
.article-inline-sidebar h1, .article-inline-sidebar h2, .article-inline-sidebar h3 {
  font-size: 22px;
  margin-bottom: 16px;
}
.article-inline-sidebar h1:not(:first-child), .article-inline-sidebar h2:not(:first-child), .article-inline-sidebar h3:not(:first-child) {
  padding-top: 10px;
}
.article-inline-sidebar h4, .article-inline-sidebar h5, .article-inline-sidebar h6 {
  font-size: 18px;
  margin-bottom: 16px;
  margin-top: 0;
}
.article-inline-sidebar ul {
  padding-left: 20px;
  margin-bottom: 16px;
}
.article-inline-sidebar hr {
  height: 1px;
  background: #D9D7D3;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
  margin-top: 24px;
  margin-bottom: 24px;
}
.article-inline-sidebar > *:first-child {
  margin-top: 0;
}
.article-inline-sidebar > *:last-child {
  margin-bottom: 0;
}
.article-inline-sidebar.article-inline-sidebar-left {
  float: left;
  margin-right: 15px;
  margin-left: -28px;
}
@media (max-width: 991px) {
  .article-inline-sidebar.article-inline-sidebar-left {
    margin-left: -24px;
  }
}
.article-inline-sidebar.article-inline-sidebar-right {
  float: right;
  margin-left: 15px;
  margin-right: -15px;
}
@media (max-width: 991px) {
  .article-inline-sidebar.article-inline-sidebar-right {
    margin-right: -24px;
  }
}
.article-inline-sidebar.article-inline-sidebar-lg {
  width: 395px;
}
.article-inline-sidebar.article-inline-sidebar-sm {
  width: 203px;
}

.article-sticky-notice {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background: red;
}
.article-sticky-notice .article-sticky-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  position: sticky;
  height: 51px;
  top: calc(100vh - 51px);
}
@media (min-width: 992px) {
  .article-sticky-notice .article-sticky-item {
    width: 610px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .article-sticky-notice {
    position: relative;
  }
  .article-sticky-notice .article-sticky-item {
    position: static;
  }
}

.author-byline {
  padding: 20px;
  background: #F7F5F2;
  margin: 16px -10px;
  position: relative;
}

.author-byline-img {
  position: relative;
  overflow: hidden;
  margin-right: 20px;
  margin-left: -40px;
  float: left;
  height: 93px;
  width: auto;
  flex-shrink: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.author-byline-img > img {
  height: 100%;
  width: auto;
}

.author-byline-name {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
.author-byline-simple .author-byline-name {
  margin-bottom: 0;
}
.author-byline-name small {
  color: #625F5B;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.author-byline-bio {
  color: #625F5B;
  font-size: 16px;
  line-height: 1.62;
  margin-bottom: 8px;
}

.author-byline-posts {
  border-top: 1px solid #D9D7D3;
  padding-top: 14px;
  margin-bottom: 8px;
}
.author-byline-posts h5 {
  color: #625F5B;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
.author-byline-posts ul {
  padding-left: 16px;
}
.author-byline-posts li {
  padding: 0;
}
.author-byline-posts li:not(:last-child) {
  margin-bottom: 11px;
}
.author-byline-posts a {
  font-size: 16px;
  font-weight: bold;
  color: #292724;
}

.author-byline-more {
  float: right;
  display: inline-flex;
  align-items: center;
  align-self: flex-end;
  font-size: 14px;
  color: #403D3A;
  transition: margin 0.15s ease;
}
.author-byline-more svg {
  transition: margin 0.15s ease;
  margin-left: 4px;
  color: #AF231C;
}
.author-byline-more:hover {
  color: #403D3A;
  margin-right: -4px;
}
.author-byline-more:hover svg {
  margin-left: 8px;
}
.author-byline-simple .author-byline-more {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.article-feature{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.large-home__featured .article-feature{
  gap: 0.5rem;
}
.large-home__list > .article-feature{
  gap: 0px;
  padding-left: 1rem;
}
.large-home__list > .article-feature:not(.no-border){
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-top-color: rgb(231 229 228 / var(--tw-border-opacity));
  padding-top: 0.75rem;
}
.block .article-feature, .large-home__blocks .article-feature{
  gap: 0px;
}
.large-home__blocks .article-feature{
  margin-bottom: 1rem;
}
.popular-tabs .article-feature{
  margin-top: 1rem;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
  border-width: 0px;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity));
  padding-top: 1rem;
}
.popular-tabs .article-feature:first-of-type{
  border-top-width: 0px;
  padding-top: 0px;
}
.entries .article-feature{
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
  border-width: 0px;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity));
  padding-top: 1rem;
}
.article-list .article-feature{
  margin-top: 1rem;
  align-items: flex-start;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.article-list .article-feature--in-list{
  flex-direction: row;
  gap: 0.5rem;
}
.article-list .article-feature:not(.article-list .article-feature--ranked){
  border-width: 0px;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity));
  padding-top: 1rem;
}
.article-list .article-feature:not(.article-list .article-feature--ranked):first-of-type{
  border-top-width: 0px;
  padding-top: 0px;
}
.article-feature--ranked{
  align-items: flex-end;
}
.article-feature__rank{
  position: absolute;
  inset: 0px;
  z-index: 50;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.article-feature:not(.article-feature--has-image) .article-feature__rank{
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  --tw-gradient-from: #3F0502 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(63 5 2 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(175 35 28 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #AF231C var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-via-position: 60%;
  --tw-gradient-to: #fcd34d var(--tw-gradient-to-position);
}
.article-feature--has-image .article-feature__rank{
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(0 0 0 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-to-position: 60%;
}
.article-feature__rank-number{
  position: absolute;
  bottom: -0.375rem;
  left: -0.125rem;
  z-index: 20;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 800;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.entries.popular .article-feature__rank-number{
  bottom: -0.5rem;
  font-size: 3.75rem;
  line-height: 1;
}
.article-feature__rank-icon{
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: 10;
  --tw-translate-y: -33.333333%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 3rem;
  line-height: 1;
  color: rgb(253 230 138 / 0.7);
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.entries.popular .article-feature__rank-icon{
  font-size: 4.5rem;
  line-height: 1;
}
.article-feature__heat{
  position: relative;
  order: 9999;
  margin-top: 0.5rem;
  height: 0.25rem;
  width: 100%;
}
.article-feature__heat-bar{
  position: absolute;
  inset: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #fde68a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 230 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(253 186 116 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fdba74 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
}
.article-feature__heat-bar-hidden{
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 20;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.article-feature:not(.article-feature--video):not(.article-feature--ranked) .article-feature__image img{
  transform-origin: bottom;
  transition-property: all;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.article-feature:not(.article-feature--video):not(.article-feature--ranked) .article-feature__image:hover img {
  transform: scale(1.03);
}
.article-feature__image{
  position: relative;
  display: flex;
  aspect-ratio: 16 / 9;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.article-feature__image img{
  box-sizing: border-box;
  display: flex;
  height: auto;
  min-width: 100%;
  -o-object-position: center;
     object-position: center;
}
.large-home__featured .article-feature__image{
  z-index: 10;
}
.block .article-feature__image, .large-home__blocks .article-feature__image{
  margin-bottom: 0.5rem;
  aspect-ratio: auto;
}
.home-articles-block .article-list .article-feature__image{
  aspect-ratio: 1 / 1;
  width: 4rem;
  flex-shrink: 0;
}
.editors-pick-widget .article-feature__image, .popular-tabs .article-feature__image{
  order: 9999;
  margin-left: auto;
  margin-bottom: 0px;
  aspect-ratio: auto;
  height: 4rem;
  width: 4rem;
  flex-shrink: 0;
  flex-grow: 0;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.editors-pick-widget .article-feature__image img, .popular-tabs .article-feature__image img{
  position: absolute;
  height: 4rem;
  width: 4rem;
}
.entries .article-feature__image{
  order: 9999;
  aspect-ratio: auto;
  height: auto;
  width: 33.333333%;
  flex-shrink: 0;
}
.entries.popular .article-feature__image{
  order: -9999;
  aspect-ratio: 16 / 9;
}
.article-feature__image-overlay{
  position: absolute;
  inset: 0px;
  z-index: 30;
  display: none;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(0 0 0 / 0.35) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.large-home__featured .article-feature--has-image .article-feature__image-overlay{
  display: block;
}
.article-feature__heading{
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.large-home__featured .article-feature__heading{
  justify-content: flex-end;
  gap: 0.5rem;
}
.large-home__featured .article-feature--has-image .article-feature__heading{
  z-index: 20;
  margin-top: -0.5rem;
  height: 0px;
  overflow: visible;
}
.large-home__blocks .article-feature__heading{
  gap: 0.125rem;
  padding-left: 0.5rem;
}
.popular-tabs .article-feature__heading{
  position: relative;
}
.article-feature__title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(12 10 9 / var(--tw-text-opacity));
}
.large-home__featured .article-feature__title{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.large-home__featured .article-feature__title a:visited{
  color: inherit;
}
.large-home__featured .article-feature__title a:hover{
  color: inherit;
}
.large-home__featured .article-feature--has-image .article-feature__title{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(0 0 0 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  padding-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.article-feature__title a{
  color: inherit;
  text-decoration-line: none;
}
.large-home__blocks .article-feature__title{
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 700;
}
.block .article-feature__title{
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.featured-videos .article-feature__title{
  font-size: 1rem;
  line-height: 1.25rem;
}
.editors-pick-widget .article-feature__title{
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 700;
}
.article-list .article-feature__title, .article-list .article-feature__title a{
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.entries .article-feature__title{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.article-feature__sponsored{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
.article-feature__categories{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  row-gap: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
}
.article-feature__categories a{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(175 35 28 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.article-feature__categories a:hover{
  --tw-text-opacity: 1;
  color: rgb(98 13 9 / var(--tw-text-opacity));
}
.large-home__featured .article-feature__categories{
  z-index: 20;
  margin-bottom: -1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.025em;
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.large-home__featured .article-feature__categories a{
  display: inline-flex;
  background-color: rgb(175 35 28 / 0.5);
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  --tw-text-opacity: 1;
  color: rgb(247 233 232 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.large-home__featured .article-feature__categories a:hover{
  background-color: rgb(175 35 28 / 0.9);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.article-feature__content{
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.large-home__featured .article-feature__content{
  padding-left: 1rem;
}
.block .article-feature__content, .large-home__blocks .article-feature__content{
  padding-left: 0.5rem;
}
.article-feature__meta{
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  row-gap: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity));
}
.article-feature__meta a{
  --tw-text-opacity: 1;
  color: rgb(175 35 28 / var(--tw-text-opacity));
}
.article-feature__meta a:hover{
  --tw-text-opacity: 1;
  color: rgb(136 17 10 / var(--tw-text-opacity));
}
.large-home__featured .article-feature__meta{
  gap: 0.75rem;
}
.entries .article-feature__meta{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.article-feature__date, .article-feature__author{
  flex-shrink: 0;
  white-space: nowrap;
}
.article-feature__excerpt{
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity));
}
.large-home__blocks .article-feature__excerpt{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.article-feature__read-more{
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(175 35 28 / var(--tw-text-opacity));
  opacity: 0.8;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.article-feature__read-more:hover{
  gap: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(98 13 9 / var(--tw-text-opacity));
  opacity: 1;
}
.large-home__blocks .article-feature__read-more{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0.5rem;
  display: flex;
}
.block .article-feature__read-more{
  margin-right: 1rem;
  margin-left: auto;
}

.rankings .rankings-content-intro {
  padding: 30px;
  margin-left: -15px;
  margin-bottom: 50px;
  background: #F7F5F2;
}
.rankings .rankings-content-intro > *:last-child {
  margin-bottom: 0;
}
.rankings .rankings-content-intro h2 {
  font-size: 20px;
  margin-bottom: 16px;
}
.rankings .rankings-content-intro p {
  font-size: 16px;
  line-height: 1.6;
}
.rankings .rankings-headshot-grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.rankings .rankings-headshot-grid-item {
  flex-basis: 20%;
  flex-grow: 0;
  flex-shrink: 0;
}
.rankings .rankings-headshot-grid-item img {
  width: 100%;
}

.agent-overview {
  padding: 20px;
  margin: 20px 0;
}
.agent-overview:not(.active):hover {
  background: #F7F5F2;
  cursor: pointer;
}
.agent-overview.active {
  background: #F7F5F2;
}

.agent-overview-header {
  position: relative;
  display: flex;
  align-items: center;
}

.btn.agent-overview-copy-link {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  font-size: 14px;
  padding: 0 12px !important;
}
.btn.agent-overview-copy-link span {
  transition: all 0.15s ease;
  width: 0;
  overflow: hidden;
}
.btn.agent-overview-copy-link:not(.copied):hover span {
  margin-left: 5px;
  width: 66px;
}
.btn.agent-overview-copy-link.copied {
  color: #00AB66;
}
.btn.agent-overview-copy-link.copied span {
  margin-left: 5px;
  width: 81px;
}

.agent-overview-headshot {
  margin-right: 30px;
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  overflow: hidden;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.05);
  transition: all 0.15s ease;
}
.agent-overview:not(.active):hover .agent-overview-headshot {
  transform: scale(1.1);
}
.agent-overview.active .agent-overview-headshot {
  width: 144px;
  height: 144px;
  margin-left: -35px;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1);
}
.agent-overview-headshot img {
  display: block;
  width: 100%;
  height: 100%;
}

.agent-overview-title {
  font-size: 20px;
  line-height: 1.3;
}
.agent-overview:hover .agent-overview-title {
  text-decoration: underline;
}
.agent-overview.active .agent-overview-title {
  font-size: 24px;
  text-decoration: underline;
}

.agent-overview-subtitle {
  font-size: 18px;
  font-style: italic;
  margin: 0;
}

.agent-overview-content {
  display: none;
  margin-top: 20px;
}
.agent-overview-content > *:last-child {
  margin-bottom: 0;
}
.agent-overview-content p {
  font-size: 18px;
  line-height: 1.6;
}

.btn {
  border-radius: 0;
}
.btn.btn-primary {
  background: #AF231C;
  border-color: #AF231C;
}
.hover-buttons:hover .btn.btn-primary, .btn.btn-primary:hover {
  background: #88110A;
  border-color: #88110A;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(175, 35, 28, 0.3);
}
.btn.btn-primary.btn-glass {
  background: rgba(175, 35, 28, 0.3);
  border-color: rgba(175, 35, 28, 0);
}
.hover-buttons:hover .btn.btn-primary.btn-glass, .btn.btn-primary.btn-glass:hover {
  background: #AF231C;
  border-color: #AF231C;
}
.btn.btn-plain {
  color: #292724;
  background: none;
  border-color: #D9D7D3;
}
.hover-buttons:hover .btn.btn-plain, .btn.btn-plain:hover {
  background: #D9D7D3;
}
.btn.btn-with-icon {
  display: inline-flex;
  align-items: center;
}
.btn.btn-with-icon svg {
  font-size: 18px;
}
.btn.btn-with-icon svg:first-child {
  margin-right: 8px;
}
.btn.btn-with-icon svg:last-child {
  margin-left: 8px;
}
.btn.btn-with-icon.btn-block {
  display: flex;
}
.btn.btn-sm {
  font-size: 14px;
}

.bzn-sized.bzn-audio-article {
  height: 48px;
}
.bzn-sized.bzn-above-content {
  width: 970px;
  height: 250px;
}
.bzn-sized.bzn-right-300x600-1 {
  width: 300px;
  height: 600px;
}
.bzn-sized.bzn-right-300x250-2, .bzn-sized.bzn-feature-block {
  width: 300px;
  height: 250px;
}
.bzn-sized.bzn-research {
  width: 300px;
  height: 81px;
}
.bzn-sized.bzn-site-wrap {
  height: 150px;
}

.bzn-site-wrap {
  margin: 0;
  line-height: 0;
}

.bzn-example {
  background: #DEDEDE;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #444444;
  text-align: center;
  border-radius: 3px;
  font-size: 18px;
}
.bzn-example.bzn-300x600 {
  width: 300px;
  height: 600px;
}
.bzn-example.bzn-300x250 {
  width: 300px;
  height: 250px;
}

.bzn-charity-sponsor-2 {
  margin: 0;
}

.bzn-audio-article {
  margin-bottom: 20px;
}

.ics-callout {
  background: #ECF3F0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 75px;
  padding-bottom: 0;
}
.ics-callout .ics-callout-logo {
  margin-top: -75px;
  display: inline-block;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  padding: 15px;
  background: #121D1A;
  border: 6px solid #FFFFFF;
}
.ics-callout .ics-callout-logo img {
  width: 100%;
  height: auto;
}
.ics-callout .ics-callout-tag {
  font-size: 16px;
  font-weight: bold;
  background: #FFDB80;
  color: #775500;
  line-height: 1.4;
  padding: 4px 8px;
  margin-top: -32px;
}
.ics-callout .ics-callout-content {
  text-align: center;
  padding: 20px;
}
.ics-callout .ics-callout-content p {
  font-size: 16px;
}
.ics-callout .btn-ics {
  color: #fff;
  background: #3DB482;
  padding: 8px 16px;
}

.stats {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  height: 188px;
}

.stats-label {
  font-size: 20px;
  font-weight: bold;
  color: #403D3A;
}

.stats-value {
  font-size: 48px;
  font-weight: bold;
  color: #292724;
  line-height: 1em;
}

.stats-sub {
  display: flex;
  align-items: center;
}
.stats-sub .stats-item:not(:last-child) {
  margin-right: 24px;
}
.stats-sub .stats-label {
  font-size: 16px;
  color: #625F5B;
  font-weight: normal;
}
.stats-sub .stats-value {
  font-size: 22px;
}

.sitewide-sticky-alerts {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 90;
}
.sitewide-sticky-alerts .alert {
  margin-bottom: 0;
}

.alert.alert-featured-topic {
  margin: 0 -15px;
  border-radius: 0;
  transition: all 0.15s ease;
  background: #180201;
  padding-top: 12px;
  padding-bottom: 12px;
  color: rgba(255, 255, 255, 0.9);
}
.alert.alert-featured-topic a {
  transition: all 0.15s ease;
  color: inherit;
  text-decoration: none;
}
.alert.alert-featured-topic a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
@media (min-width: 992px) {
  .alert.alert-featured-topic.content-width {
    max-width: 640px;
  }
}
.alert.alert-featured-topic .dismiss {
  transition: all 0.15s ease;
  position: absolute;
  top: 12px;
  right: 15px;
  color: rgba(255, 255, 255, 0.7);
}
.alert.alert-featured-topic .dismiss:hover {
  color: #FFFFFF;
  transform: scale(1.1, 1.1);
}

.alert-featured-topic .alert-content {
  display: block;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: bold;
}
.alert-featured-topic .alert-content .btn {
  margin-left: auto;
  border-radius: 0;
}

.carousel.carousel-top-stories {
  background: #FFFFFF;
  padding-top: 56.25%;
  width: 100%;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.15);
}
.carousel.carousel-top-stories > .carousel-inner {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  right: 0;
}
.carousel.carousel-top-stories > .carousel-inner > .item.active, .carousel.carousel-top-stories > .carousel-inner > .item.next, .carousel.carousel-top-stories > .carousel-inner > .item.prev {
  display: flex;
}

.carousel-toolbar {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.carousel-toolbar .carousel-tool {
  padding: 0;
  height: 36px;
  line-height: 36px;
  font-size: 28px;
  color: rgba(255, 255, 255, 0.5);
}
.carousel-toolbar .carousel-tool:hover {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.3);
}

.carousel-top-stories .carousel-indicators {
  transition: all 0.15s ease;
  position: relative;
  bottom: 0;
  left: 0;
  margin: 0;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  height: 36px;
}
.carousel-top-stories .carousel-indicators li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border: none;
  border-radius: 0;
  width: 32px;
  height: 36px;
}
.carousel-top-stories .carousel-indicators li:after {
  content: "";
  display: block;
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
  height: 2px;
}
.carousel-top-stories .carousel-indicators li.active {
  background: none;
  border-top: 15px solid rgba(255, 255, 255, 0);
  border-bottom: 15px solid rgba(255, 255, 255, 0);
}
.carousel-top-stories .carousel-indicators li.active:after {
  background: rgba(255, 255, 255, 0.8);
  height: 4px;
}
.carousel-top-stories .carousel-indicators li:hover, .carousel-top-stories .carousel-indicators li:focus {
  border-top: 15px solid rgba(255, 255, 255, 0);
  border-bottom: 15px solid rgba(255, 255, 255, 0);
  background: rgba(255, 255, 255, 0.3);
}
.carousel-top-stories .carousel-indicators li:hover:after, .carousel-top-stories .carousel-indicators li:focus:after {
  background: rgba(255, 255, 255, 0.8);
}

.article-carousel {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: left;
}
.article-carousel .article-clickable {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.15s ease;
}
.article-carousel .article-clickable:hover {
  background: rgba(255, 255, 255, 0.05);
}
.article-carousel .article-clickable:hover + .article-content {
  padding-top: 90px;
}
.article-carousel .article-clickable:hover + .article-content + .article-bg > img {
  transform: scale(1.1, 1.1);
}
.article-carousel .article-content {
  transition: all 0.15s ease;
  flex-grow: 0;
  padding: 120px 30px 76px;
  position: relative;
  z-index: 2;
  margin-top: auto;
  background: linear-gradient(to bottom, rgba(41, 39, 36, 0), rgba(41, 39, 36, 0.38), rgba(41, 39, 36, 0.62), #292724);
  margin-bottom: 0;
}
.single-slide .article-carousel .article-content {
  padding-bottom: 30px;
}
.article-carousel .article-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.article-carousel .article-bg > img {
  transition: all 0.5s ease;
  height: auto;
  width: 100%;
}
.article-carousel .article-title {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 1px 1px 5px #292724;
}
.article-carousel .article-meta {
  color: #FFFFFF;
  font-size: 16px;
}

.breadcrumb.breadcrumb-plain {
  background: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  font-size: 16px;
}
.breadcrumb.breadcrumb-plain a {
  transition: all 0.15s ease;
  color: #625F5B;
  text-decoration: underline;
}
.breadcrumb.breadcrumb-plain a:hover {
  color: #AF231C;
}
.breadcrumb.breadcrumb-plain > .active {
  color: #292724;
}

.archive-header {
  margin-bottom: 30px;
  margin-left: -15px;
}

.archive-title {
  font-size: 32px;
}
.archive-title .subtitle {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.1em;
  display: block;
  margin-top: 4px;
  margin-bottom: 4px;
}

.archive-header-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  border-bottom: 1px solid #C1BEBA;
  color: #625F5B;
}
.archive-header-toolbar > * {
  margin-bottom: 0;
}

.archive-header-links {
  display: flex;
  align-items: center;
}
.archive-header-links .btn {
  font-weight: normal;
  color: #625F5B;
}
.archive-header-links .btn:hover {
  color: #292724;
  background: #E9E7E4;
}
.archive-header-links .btn.disabled {
  color: #7B7873;
}

.archive-simple-pagination {
  border-top: 1px solid #D9D7D3;
  margin-top: 15px;
  padding-top: 15px;
  display: flex;
  align-items: center;
}
.archive-simple-pagination .btn {
  flex-grow: 1;
  background: #F7F5F2;
  color: #292724;
}
.archive-simple-pagination .btn:first-child {
  margin-right: 15px;
}
.archive-simple-pagination .btn:last-child {
  margin-left: 15px;
}
.archive-simple-pagination .btn:hover {
  background: #E9E7E4;
  color: #88110A;
}

.featured-topic-features .tag {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #292724;
  line-height: 16px;
  padding: 4px 8px;
  font-weight: bold;
  margin-bottom: 8px;
}
.featured-topic-features .tag.tag-highlight {
  background: #FFDB80;
}

.subscribe-banner input[type=email]:focus {
  box-shadow: none;
}
.subscribe-banner.subscribe-banner-in-content-2 {
  color: black;
  width: 100%;
  height: 276px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #D9D7D3;
}
.subscribe-banner.subscribe-banner-in-content-2 h4 {
  font-size: 28px;
  font-family: inherit;
  line-height: 1.3;
  color: #292724;
}
.subscribe-banner.subscribe-banner-in-content-2 p {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  color: #403D3A;
}
.subscribe-banner.subscribe-banner-in-content-2 form {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscribe-banner.subscribe-banner-in-content-2 input[type=email] {
  display: block;
  width: 300px;
  padding: 8px 16px;
  color: #292724;
  border: 2px solid #000000;
  border-radius: 0;
  margin-right: 16px;
  line-height: 1.32;
  font-size: 18px;
}
.subscribe-banner.subscribe-banner-in-content-2 button {
  position: static;
  display: block;
  padding: 8px 16px;
  background: #AF231C;
  color: #fff;
  line-height: 1.32;
  font-size: 18px;
  font-weight: bold;
  border-radius: 0;
  border: 1px solid #AF231C;
  transition: all 0.15s ease;
}
.subscribe-banner.subscribe-banner-in-content-2 button:hover {
  background: #88110A;
  border-color: #88110A;
  cursor: pointer;
}

.gallery {
  background: #F7F5F2;
  border-radius: 2px;
  padding: 6px;
}

.gallery-tools {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.gallery-nav {
  margin-right: auto;
}
.gallery-nav .slick-dots {
  display: flex;
  align-items: stretch;
  padding: 0;
  margin: 0;
}
.gallery-nav .slick-dots li {
  list-style-type: none;
  flex-basis: 20px;
  width: 20px;
  display: flex;
}
.gallery-nav .slick-dots li button {
  border: none;
  outline: none;
  background: none;
  font-size: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.gallery-nav .slick-dots li button:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 4px;
  background: #D9D7D3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.gallery-nav .slick-dots li button:hover {
  background: #D9D7D3;
}
.gallery-nav .slick-dots li button:hover:after {
  background: #292724;
}
.gallery-nav .slick-dots li.slick-active button:after {
  background: #292724;
}

.gallery-button {
  padding: 0 8px;
  font-size: 14px;
  text-transform: uppercase;
}
.gallery-button:hover {
  cursor: pointer;
  background: #D9D7D3;
}

.gallery-slide img {
  max-width: 100%;
  height: auto;
}
.gallery.text-center .gallery-slide img {
  margin: 0 auto;
}

.gallery-slide-text {
  padding: 6px 10px 0;
}

h4.gallery-slide-title {
  font-size: 16px;
  margin-bottom: 0;
}
h4.gallery-slide-title:not(:last-child) {
  margin-bottom: 6px;
}

.gallery-slide-caption {
  font-size: 14px;
  line-height: 1.3em;
  margin-bottom: 0;
}

.charity-heading {
  padding-top: 52px;
  padding-bottom: 104px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: -70px;
  z-index: 10;
}
.charity-heading .bzn-above-content {
  position: relative;
  z-index: 20;
  margin-left: auto;
  margin-right: auto;
}

.charity-heading-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.charity-heading-bg img {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: auto;
  max-width: 1440px;
}

.charity-heading-content {
  position: relative;
  z-index: 20;
  text-align: center;
}
.charity-heading-content h1 {
  font-size: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.charity-heading-content h1 small {
  font-size: 16px;
  display: block;
  font-weight: medium;
  line-height: 1.6;
  padding: 0 24px;
  margin-bottom: 14px;
  background: #AF231C;
  color: #FFFFFF;
}
.charity-heading-content h1 .subheading {
  font-size: 24px;
}
.charity-heading-content strong {
  display: block;
  font-weight: normal;
  font-size: 18px;
  margin-top: 6px;
  color: #625F5B;
  font-style: italic;
}
.charity-heading-content p {
  max-width: 750px;
  margin: 16px auto 0;
  font-size: 18px;
  line-height: 1.6;
}

.charity-content {
  position: relative;
  z-index: 20;
}
.charity-content .col-content {
  padding-right: 30px;
}
.charity-content .sidebar-sticky {
  margin-top: 0;
}

.charity-submit-widget {
  text-align: center;
  padding: 30px 15px;
  border: 1px solid #D9D7D3;
  background: #FFFFFF;
}
.charity-submit-widget h2 {
  font-size: 20px;
  margin-bottom: 15px;
}

.charity-article {
  display: flex;
  flex-direction: column;
}
.charity-article:not(:last-child) {
  padding-bottom: 32px;
  border-bottom: 1px solid #D9D7D3;
  margin-bottom: 32px;
}
.charity-article > *:not(:last-child) {
  margin-bottom: 14px;
}
.charity-article .charity-article-image {
  display: block;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  transition: all 0.15s ease;
}
.charity-article .charity-article-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  transition: all 0.3s ease;
}
.charity-article .charity-article-image .video-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 75px;
  height: 50px;
  background: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  transition: all 0.15s ease;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
}
.charity-article .charity-article-image:hover {
  transform: scale(1.02);
}
.charity-article .charity-article-image:hover img {
  width: 110%;
}
.charity-article .charity-article-image:hover .video-button {
  background: #AF231C;
}
.charity-article .charity-article-gallery {
  position: relative;
  width: 100%;
  padding-bottom: 75%;
  transition: all 0.15s ease;
}
.charity-article .charity-article-gallery .image-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  z-index: 30;
  overflow: hidden;
}
.charity-article .charity-article-gallery .image-wrapper img {
  transition: all 0.15s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.charity-article .charity-article-gallery:hover {
  transform: scale(1.02);
}
.charity-article .charity-article-gallery:hover img {
  width: 110%;
}
.charity-article .charity-article-gallery:before, .charity-article .charity-article-gallery:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
}
.charity-article .charity-article-gallery:before {
  z-index: 10;
  background: #E9E7E4;
  top: 10px;
  right: 10px;
}
.charity-article .charity-article-gallery:after {
  z-index: 20;
  background: #D9D7D3;
  top: 5px;
  right: 5px;
}
.charity-article .charity-article-agency {
  color: #AF231C;
  font-size: 16px;
  font-weight: medium;
}
.charity-article .charity-article-meta {
  color: #625F5B;
  margin-top: 6px;
}
.charity-article .charity-article-more {
  font-weight: bold;
  color: #292724;
  display: flex;
  align-items: center;
}
.charity-article .charity-article-more svg {
  margin-left: 6px;
  transition: all 0.15s ease;
}
.charity-article .charity-article-more:hover svg {
  margin-left: 12px;
}

.article-charity .article-subheading {
  font-size: 18px;
  font-weight: bold;
  color: #AF231C;
  margin-bottom: 4px;
}
.article-charity .article-tools {
  margin-top: 14px;
}
.article-charity .article-charity-alert {
  background: #F7F5F2;
  padding: 12px;
  margin-top: 14px;
  text-align: center;
}
.article-charity .article-charity-alert p {
  margin: 0;
}
.article-charity .article-meta-tag {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  padding: 1px 5px;
  background-color: #625F5B;
  text-transform: uppercase;
  color: white;
  margin-right: 4px;
}
.article-charity .article-meta-tag:hover {
  background: #292724;
  text-decoration: none;
}

.charity-form {
  z-index: 20;
  position: relative;
  margin-top: 32px;
  margin-bottom: 48px;
  padding: 32px 15px;
  background: #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.charity-form h4 {
  display: flex;
  align-items: center;
  font-size: 24px;
  margin-bottom: 8px;
}
.charity-form h4 strong {
  color: #AF231C;
  margin-right: 8px;
}
.charity-form p {
  font-size: 16px;
}
.charity-form .text-muted {
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 0;
  line-height: 1.15;
}
.charity-form .charity-form-section:not(:last-child) {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E9E7E4;
}
.charity-form .charity-form-description {
  font-size: 18px;
  color: #7B7873;
}
.charity-form .form-group {
  margin-bottom: 0;
}
.charity-form .form-row:not(:last-child) {
  margin-bottom: 24px;
}
.charity-form .form-control {
  border-radius: 0px;
  box-shadow: none;
  border-color: #D9D7D3;
}
.charity-form .has-error .form-control {
  border-color: #AF231C;
}
.charity-form .charity-form-submit {
  display: block;
  margin: 48px auto 0;
}

.charity-feature.charity-featured-video {
  position: relative;
  padding-bottom: 56.25%;
  transform: scale(1.02);
}
.charity-feature.charity-featured-video iframe {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
}
.charity-feature.charity-featured-img img {
  width: 100%;
  height: auto;
}

.charity-article-sponsor {
  background: #FFDB80;
  color: #292724;
  padding: 2px 4px;
  margin-right: 4px;
  font-weight: normal;
}

.charity-alert {
  background: #F7F5F2;
  padding: 16px;
  margin: -33px -16px 48px;
  border-left: 4px solid #AF231C;
  font-size: 16px;
  line-height: 1.61;
  position: relative;
  z-index: 20;
}
.charity-alert svg {
  color: #AF231C;
  margin-right: 4px;
}
.charity-alert strong {
  font-size: 18px;
  display: flex;
  align-items: center;
}

.charity-form-categories {
  display: flex;
  flex-wrap: wrap;
  margin-left: -6px;
  margin-right: -6px;
}
.charity-form-categories .charity-category-check {
  position: relative;
  margin: 0;
}
.charity-form-categories .charity-category-check .checkbox-wrapper {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: normal;
  margin: 6px;
  padding: 8px 8px;
  border: 1px solid #E9E7E4;
}
.charity-form-categories .charity-category-check .checkbox-wrapper:hover {
  background: #E9E7E4;
  cursor: pointer;
}
.charity-form-categories .charity-category-check .checkmark {
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  background: #FFFFFF;
  border: 1px solid #E9E7E4;
}
.charity-form-categories .charity-category-check .checkmark svg {
  display: none;
}
.charity-form-categories .charity-category-check input {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}
.charity-form-categories .charity-category-check input:checked ~ .checkbox-wrapper {
  background: #4A80D6;
  border-color: #4A80D6;
  color: #FFFFFF;
}
.charity-form-categories .charity-category-check input:checked ~ .checkbox-wrapper .checkmark {
  border: 1px solid #4A80D6;
  color: #4A80D6;
}
.charity-form-categories .charity-category-check input:checked ~ .checkbox-wrapper .checkmark svg {
  display: block;
}

.html-editor {
  position: relative;
  height: 600px;
  border: 1px solid #D9D7D3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  padding-top: 54px;
}
.has-error .html-editor, .html-editor.has-count-error {
  border-color: #AF231C;
}
.html-editor .pell-actionbar {
  padding: 12px;
  display: flex;
  align-items: stretch;
  justify-content: start;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.html-editor .pell-button {
  height: 30px;
  width: 30px;
  background: #E9E7E4;
  border: none;
  margin-right: 6px;
}
.html-editor .pell-button:hover, .html-editor .pell-button.pell-button-selected {
  background: #C1BEBA;
}
.html-editor .pell-content {
  padding: 0 12px 6px;
  height: 100%;
  outline: none !important;
  overflow: scroll;
}
.html-editor .pell-content h1, .html-editor .pell-content h3, .html-editor .pell-content h3, .html-editor .pell-content h4, .html-editor .pell-content h5, .html-editor .pell-content h6 {
  margin-bottom: 6px;
  margin-top: 12px;
}
.html-editor .pell-content p {
  margin-bottom: 12px;
}
.html-editor .counter {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  height: 54px;
  text-align: center;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.html-editor .counter.has-error .counter-message {
  display: block;
}
.html-editor .counter.has-error .counter-count {
  color: #BB0234;
}
.html-editor .counter-numbers {
  font-size: 18px;
  display: flex;
}
.html-editor .counter-count {
  color: #625F5B;
  margin-right: 2px;
}
.html-editor .counter-max {
  font-weight: bold;
  color: #292724;
  margin-left: 2px;
}
.html-editor .counter-message {
  display: none;
  font-size: 14px;
  color: #BB0234;
  font-weight: bold;
  margin: 0;
  line-height: 1;
}

.dropupload {
  margin-top: 15px;
}
.dropupload.loading .dropupload-dropzone,
.dropupload.loading .dropupload-success,
.dropupload.loading .dropupload-error {
  display: none;
}
.dropupload.loading .dropupload-loading {
  display: block;
}
.dropupload.error .dropupload-success,
.dropupload.error .dropupload-loading {
  display: none;
}
.dropupload.error .dropupload-dropzone,
.dropupload.error .dropupload-error {
  display: block;
}
.dropupload.success .dropupload-success {
  display: block;
}
.dropupload.success .dropupload-loading,
.dropupload.success .dropupload-dropzone,
.dropupload.success .dropupload-error {
  display: none;
}

.dropupload-dropzone {
  padding: 5px;
  border: 2px dashed #ddd;
  border-radius: 3px;
  width: 100%;
  height: 150px;
}
.dropupload-dropzone:hover {
  cursor: pointer;
}
.dropupload-dropzone:hover .text {
  background: #BFD4F2;
  color: #000;
}
.dropupload-dropzone.hover .text {
  background: #007bff;
  color: #fff;
}
.dropupload-dropzone .text {
  transition: 0.15s ease;
  height: 100%;
  width: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #555;
  border-radius: 3px;
}
.dropupload-dropzone .text p {
  text-align: center;
  margin: 0;
}

.dropupload-loading {
  display: none;
  padding: 5px;
  border: 2px dashed #fff;
  border-radius: 3px;
  width: 100%;
  height: 150px;
}
.dropupload-loading .text {
  color: #999;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.dropupload-loading .text p {
  text-align: center;
  margin: 0;
}

.dropupload-error {
  display: none;
}

.dropupload-success {
  display: none;
  position: relative;
}
.dropupload-success .preview {
  display: block;
  width: 100%;
  height: 150px;
}
.dropupload-success .preview img {
  max-width: 100%;
  max-height: 100%;
}
.dropupload-success button.remove {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropupload-clicker {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.tts-notice {
  font-size: 14px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
.tts-notice span {
  padding: 0 4px;
  background: red;
  margin-right: 6px;
  color: white;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}

.sk-app-container {
  margin-bottom: 16px;
  background: #000 !important;
  color: #FFFFFF !important;
}
.sk-app-container button.sk-button-reset.sk-play-button {
  min-height: unset !important;
  min-width: unset !important;
  width: 40px !important;
  height: 40px !important;
  margin: 10px !important;
  border-radius: 100% !important;
  background: rgba(255, 255, 255, 0.2) !important;
  transition: all 0.15s ease;
}
.sk-app-container button.sk-button-reset.sk-play-button:hover {
  background: rgba(255, 255, 255, 0.5) !important;
  transform: scale(1.1, 1.1);
}
.sk-app-container .sk-message {
  color: #FFFFFF !important;
}
.sk-app-container .sk-message__inner {
  color: #FFFFFF !important;
}
.sk-app-container .progress-bar-box {
  background-color: rgba(255, 255, 255, 0.2) !important;
  height: 6px !important;
}
.sk-app-container .progress-bar-box .buffered-bar {
  background-color: rgba(255, 255, 255, 0.2) !important;
  height: 6px !important;
}
.sk-app-container .progress-bar-box .played-bar {
  background-color: #FFFFFF !important;
  height: 6px !important;
  margin-top: -6px !important;
}
.sk-app-container a.sk-app-link.sk-copyright-link {
  display: none;
}
.sk-app-container .with-ad-link a.sk-app-link:hover {
  color: #FFFFFF !important;
}
.sk-app-container .sk-btn-speed-rate__wrap {
  justify-content: flex-end;
}
.sk-app-container .sk-btn-speed-rate__wrap .sk-btn-speed-rate {
  width: auto !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.sk-app-container .sk-btn-speed-rate__wrap .sk-btn-speed-rate:hover {
  color: #FFFFFF !important;
}

/*
Tailwind Styles */
html {
  font-size: 16px;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.t-container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 640px){
  .t-container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .t-container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .t-container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .t-container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .t-container{
    max-width: 1536px;
  }
}
.t-absolute{
  position: absolute;
}
.t-relative{
  position: relative;
}
.t-sticky{
  position: sticky;
}
.t-inset-0{
  inset: 0px;
}
.t-inset-x-0{
  left: 0px;
  right: 0px;
}
.t-inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-t-bottom-1{
  bottom: -0.25rem;
}
.-t-bottom-1\.5{
  bottom: -0.375rem;
}
.-t-left-0{
  left: -0px;
}
.-t-left-0\.5{
  left: -0.125rem;
}
.t-bottom-0{
  bottom: 0px;
}
.t-left-0{
  left: 0px;
}
.t-left-2{
  left: 0.5rem;
}
.t-right-0{
  right: 0px;
}
.t-right-12{
  right: 3rem;
}
.t-top-0{
  top: 0px;
}
.t-top-1\/2{
  top: 50%;
}
.t-z-10{
  z-index: 10;
}
.t-z-20{
  z-index: 20;
}
.t-z-30{
  z-index: 30;
}
.t-z-40{
  z-index: 40;
}
.t-z-50{
  z-index: 50;
}
.t-order-first{
  order: -9999;
}
.t-order-last{
  order: 9999;
}
.t-col-span-12{
  grid-column: span 12 / span 12;
}
.t-col-span-2{
  grid-column: span 2 / span 2;
}
.t-col-span-3{
  grid-column: span 3 / span 3;
}
.t-col-span-4{
  grid-column: span 4 / span 4;
}
.t-col-span-5{
  grid-column: span 5 / span 5;
}
.t-col-span-7{
  grid-column: span 7 / span 7;
}
.t-col-span-8{
  grid-column: span 8 / span 8;
}
.t-col-start-1{
  grid-column-start: 1;
}
.t-float-left{
  float: left;
}
.t-m-0{
  margin: 0px;
}
.t-m-2{
  margin: 0.5rem;
}
.-t-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-t-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.-t-mb-2{
  margin-bottom: -0.5rem;
}
.-t-mb-6{
  margin-bottom: -1.5rem;
}
.-t-ml-2{
  margin-left: -0.5rem;
}
.-t-ml-24{
  margin-left: -6rem;
}
.-t-ml-6{
  margin-left: -1.5rem;
}
.-t-mt-2{
  margin-top: -0.5rem;
}
.-t-mt-6{
  margin-top: -1.5rem;
}
.t-mb-0{
  margin-bottom: 0px;
}
.t-mb-1{
  margin-bottom: 0.25rem;
}
.t-mb-2{
  margin-bottom: 0.5rem;
}
.t-mb-3{
  margin-bottom: 0.75rem;
}
.t-mb-4{
  margin-bottom: 1rem;
}
.t-mb-auto{
  margin-bottom: auto;
}
.t-ml-auto{
  margin-left: auto;
}
.t-mr-2{
  margin-right: 0.5rem;
}
.t-mr-4{
  margin-right: 1rem;
}
.t-mt-1{
  margin-top: 0.25rem;
}
.t-mt-2{
  margin-top: 0.5rem;
}
.t-mt-3{
  margin-top: 0.75rem;
}
.t-mt-4{
  margin-top: 1rem;
}
.t-mt-5{
  margin-top: 1.25rem;
}
.t-mt-auto{
  margin-top: auto;
}
.t-box-border{
  box-sizing: border-box;
}
.t-block{
  display: block;
}
.t-inline-block{
  display: inline-block;
}
.t-flex{
  display: flex;
}
.t-inline-flex{
  display: inline-flex;
}
.t-grid{
  display: grid;
}
.t-hidden{
  display: none;
}
.t-aspect-auto{
  aspect-ratio: auto;
}
.t-h-0{
  height: 0px;
}
.t-h-0\.5{
  height: 0.125rem;
}
.t-h-1{
  height: 0.25rem;
}
.t-h-16{
  height: 4rem;
}
.t-h-20{
  height: 5rem;
}
.t-h-64{
  height: 16rem;
}
.t-h-8{
  height: 2rem;
}
.t-h-auto{
  height: auto;
}
.t-h-full{
  height: 100%;
}
.t-max-h-full{
  max-height: 100%;
}
.t-w-1\/3{
  width: 33.333333%;
}
.t-w-12{
  width: 3rem;
}
.t-w-16{
  width: 4rem;
}
.t-w-auto{
  width: auto;
}
.t-w-full{
  width: 100%;
}
.t-min-w-full{
  min-width: 100%;
}
.t-max-w-full{
  max-width: 100%;
}
.t-max-w-none{
  max-width: none;
}
.t-max-w-prose{
  max-width: 65ch;
}
.t-flex-none{
  flex: none;
}
.t-flex-shrink-0{
  flex-shrink: 0;
}
.t-shrink-0{
  flex-shrink: 0;
}
.t-flex-grow{
  flex-grow: 1;
}
.t-grow-0{
  flex-grow: 0;
}
.t-origin-bottom{
  transform-origin: bottom;
}
.-t-translate-y-1\/3{
  --tw-translate-y: -33.333333%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.t-transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.t-cursor-pointer{
  cursor: pointer;
}
.t-list-none{
  list-style-type: none;
}
.t-grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.t-grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.t-grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.t-grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.t-grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.t-flex-row{
  flex-direction: row;
}
.t-flex-col{
  flex-direction: column;
}
.t-flex-wrap{
  flex-wrap: wrap;
}
.t-items-start{
  align-items: flex-start;
}
.t-items-end{
  align-items: flex-end;
}
.t-items-center{
  align-items: center;
}
.t-items-baseline{
  align-items: baseline;
}
.t-items-stretch{
  align-items: stretch;
}
.t-justify-start{
  justify-content: flex-start;
}
.t-justify-end{
  justify-content: flex-end;
}
.t-justify-center{
  justify-content: center;
}
.t-justify-between{
  justify-content: space-between;
}
.t-justify-stretch{
  justify-content: stretch;
}
.t-gap-0{
  gap: 0px;
}
.t-gap-0\.5{
  gap: 0.125rem;
}
.t-gap-2{
  gap: 0.5rem;
}
.t-gap-3{
  gap: 0.75rem;
}
.t-gap-4{
  gap: 1rem;
}
.t-gap-6{
  gap: 1.5rem;
}
.t-gap-8{
  gap: 2rem;
}
.t-gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.t-gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.t-gap-y-0{
  row-gap: 0px;
}
.t-gap-y-0\.5{
  row-gap: 0.125rem;
}
.t-self-start{
  align-self: flex-start;
}
.t-overflow-hidden{
  overflow: hidden;
}
.t-overflow-visible{
  overflow: visible;
}
.t-whitespace-nowrap{
  white-space: nowrap;
}
.t-rounded-full{
  border-radius: 9999px;
}
.t-border{
  border-width: 1px;
}
.t-border-0{
  border-width: 0px;
}
.t-border-2{
  border-width: 2px;
}
.t-border-x-0{
  border-left-width: 0px;
  border-right-width: 0px;
}
.t-border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.t-border-y-0{
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.t-border-b{
  border-bottom-width: 1px;
}
.t-border-b-0{
  border-bottom-width: 0px;
}
.t-border-b-2{
  border-bottom-width: 2px;
}
.t-border-b-4{
  border-bottom-width: 4px;
}
.t-border-l-0{
  border-left-width: 0px;
}
.t-border-r-4{
  border-right-width: 4px;
}
.t-border-t{
  border-top-width: 1px;
}
.t-border-t-0{
  border-top-width: 0px;
}
.t-border-t-2{
  border-top-width: 2px;
}
.t-border-t-\[3px\]{
  border-top-width: 3px;
}
.t-border-solid{
  border-style: solid;
}
.t-border-dashed{
  border-style: dashed;
}
.t-border-none{
  border-style: none;
}
.t-border-emerald-500{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity));
}
.t-border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.t-border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.t-border-stone-200{
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity));
}
.t-border-stone-300{
  --tw-border-opacity: 1;
  border-color: rgb(214 211 209 / var(--tw-border-opacity));
}
.t-border-stone-400{
  --tw-border-opacity: 1;
  border-color: rgb(168 162 158 / var(--tw-border-opacity));
}
.t-border-stone-700{
  --tw-border-opacity: 1;
  border-color: rgb(68 64 60 / var(--tw-border-opacity));
}
.t-border-stone-900{
  --tw-border-opacity: 1;
  border-color: rgb(28 25 23 / var(--tw-border-opacity));
}
.t-border-toned-200{
  --tw-border-opacity: 1;
  border-color: rgb(233 231 228 / var(--tw-border-opacity));
}
.t-border-transparent{
  border-color: transparent;
}
.t-border-wells-ij{
  --tw-border-opacity: 1;
  border-color: rgb(175 35 28 / var(--tw-border-opacity));
}
.t-border-b-stone-400{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(168 162 158 / var(--tw-border-opacity));
}
.t-border-r-stone-200{
  --tw-border-opacity: 1;
  border-right-color: rgb(231 229 228 / var(--tw-border-opacity));
}
.t-border-r-wells-ij{
  --tw-border-opacity: 1;
  border-right-color: rgb(175 35 28 / var(--tw-border-opacity));
}
.t-border-t-gray-200{
  --tw-border-opacity: 1;
  border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.t-border-t-stone-200{
  --tw-border-opacity: 1;
  border-top-color: rgb(231 229 228 / var(--tw-border-opacity));
}
.t-bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.t-bg-amber-200{
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity));
}
.t-bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}
.t-bg-primary-100{
  --tw-bg-opacity: 1;
  background-color: rgb(247 233 232 / var(--tw-bg-opacity));
}
.t-bg-primary-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.t-bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(175 35 28 / var(--tw-bg-opacity));
}
.t-bg-primary-500\/50{
  background-color: rgb(175 35 28 / 0.5);
}
.t-bg-stone-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}
.t-bg-stone-200\/90{
  background-color: rgb(231 229 228 / 0.9);
}
.t-bg-transparent{
  background-color: transparent;
}
.t-bg-wells-ij{
  --tw-bg-opacity: 1;
  background-color: rgb(175 35 28 / var(--tw-bg-opacity));
}
.t-bg-wells-ij-hover{
  --tw-bg-opacity: 1;
  background-color: rgb(111 0 0 / var(--tw-bg-opacity));
}
.t-bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.t-bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.t-bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.t-bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.t-bg-gradient-to-tr{
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.t-from-amber-200{
  --tw-gradient-from: #fde68a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 230 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.t-from-black\/25{
  --tw-gradient-from: rgb(0 0 0 / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.t-from-black\/35{
  --tw-gradient-from: rgb(0 0 0 / 0.35) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.t-from-black\/40{
  --tw-gradient-from: rgb(0 0 0 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.t-from-primary-500{
  --tw-gradient-from: #AF231C var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(175 35 28 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.t-from-primary-800{
  --tw-gradient-from: #3F0502 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(63 5 2 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.t-from-stone-100{
  --tw-gradient-from: #f5f5f4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 245 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.t-from-stone-50{
  --tw-gradient-from: #fafaf9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 250 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.t-from-toned-100{
  --tw-gradient-from: #F7F5F2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 245 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.t-via-orange-300{
  --tw-gradient-to: rgb(253 186 116 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fdba74 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.t-via-primary-500{
  --tw-gradient-to: rgb(175 35 28 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #AF231C var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.t-via-primary-500\/50{
  --tw-gradient-to: rgb(175 35 28 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(175 35 28 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.t-via-60\%{
  --tw-gradient-via-position: 60%;
}
.t-to-red-500{
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
}
.t-to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.t-to-white{
  --tw-gradient-to: #FFFFFF var(--tw-gradient-to-position);
}
.t-to-60\%{
  --tw-gradient-to-position: 60%;
}
.t-object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.t-object-scale-down{
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.t-p-1{
  padding: 0.25rem;
}
.t-p-2{
  padding: 0.5rem;
}
.t-p-4{
  padding: 1rem;
}
.t-p-5{
  padding: 1.25rem;
}
.t-px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.t-px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.t-px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.t-px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.t-px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.t-py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.t-py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.t-py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.t-py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.t-py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.t-py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.t-py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.t-py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.t-pb-2{
  padding-bottom: 0.5rem;
}
.t-pb-3{
  padding-bottom: 0.75rem;
}
.t-pb-4{
  padding-bottom: 1rem;
}
.t-pb-6{
  padding-bottom: 1.5rem;
}
.t-pl-0{
  padding-left: 0px;
}
.t-pl-2{
  padding-left: 0.5rem;
}
.t-pl-4{
  padding-left: 1rem;
}
.t-pl-5{
  padding-left: 1.25rem;
}
.t-pl-6{
  padding-left: 1.5rem;
}
.t-pl-8{
  padding-left: 2rem;
}
.t-pr-24{
  padding-right: 6rem;
}
.t-pt-0{
  padding-top: 0px;
}
.t-pt-2{
  padding-top: 0.5rem;
}
.t-pt-3{
  padding-top: 0.75rem;
}
.t-pt-4{
  padding-top: 1rem;
}
.t-pt-6{
  padding-top: 1.5rem;
}
.t-text-left{
  text-align: left;
}
.t-text-center{
  text-align: center;
}
.t-text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.t-text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.t-text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.t-text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.t-text-6xl{
  font-size: 3.75rem;
  line-height: 1;
}
.t-text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.t-text-base\/5{
  font-size: 1rem;
  line-height: 1.25rem;
}
.t-text-base\/6{
  font-size: 1rem;
  line-height: 1.5rem;
}
.t-text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.t-text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.t-text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.t-text-xl\/6{
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.t-text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.t-font-bold{
  font-weight: 700;
}
.t-font-extrabold{
  font-weight: 800;
}
.t-font-medium{
  font-weight: 500;
}
.t-font-normal{
  font-weight: 400;
}
.t-font-semibold{
  font-weight: 600;
}
.t-uppercase{
  text-transform: uppercase;
}
.t-italic{
  font-style: italic;
}
.t-leading-none{
  line-height: 1;
}
.t-leading-tight{
  line-height: 1.25;
}
.t-tracking-wide{
  letter-spacing: 0.025em;
}
.t-tracking-wider{
  letter-spacing: 0.05em;
}
.t-tracking-widest{
  letter-spacing: 0.1em;
}
.t-text-amber-200\/70{
  color: rgb(253 230 138 / 0.7);
}
.t-text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}
.t-text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}
.t-text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}
.t-text-amber-950{
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity));
}
.t-text-current{
  color: currentColor;
}
.t-text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}
.t-text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.t-text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.t-text-gray-950{
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / var(--tw-text-opacity));
}
.t-text-inherit{
  color: inherit;
}
.t-text-primary-100{
  --tw-text-opacity: 1;
  color: rgb(247 233 232 / var(--tw-text-opacity));
}
.t-text-primary-500{
  --tw-text-opacity: 1;
  color: rgb(175 35 28 / var(--tw-text-opacity));
}
.t-text-primary-700{
  --tw-text-opacity: 1;
  color: rgb(98 13 9 / var(--tw-text-opacity));
}
.t-text-primary-900{
  --tw-text-opacity: 1;
  color: rgb(46 2 0 / var(--tw-text-opacity));
}
.t-text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.t-text-stone-300{
  --tw-text-opacity: 1;
  color: rgb(214 211 209 / var(--tw-text-opacity));
}
.t-text-stone-500{
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}
.t-text-stone-700{
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity));
}
.t-text-stone-800{
  --tw-text-opacity: 1;
  color: rgb(41 37 36 / var(--tw-text-opacity));
}
.t-text-stone-900{
  --tw-text-opacity: 1;
  color: rgb(28 25 23 / var(--tw-text-opacity));
}
.t-text-wells-ij{
  --tw-text-opacity: 1;
  color: rgb(175 35 28 / var(--tw-text-opacity));
}
.t-text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.t-text-white\/90{
  color: rgb(255 255 255 / 0.9);
}
.t-underline{
  text-decoration-line: underline;
}
.t-no-underline{
  text-decoration-line: none;
}
.t-opacity-0{
  opacity: 0;
}
.t-opacity-50{
  opacity: 0.5;
}
.t-opacity-60{
  opacity: 0.6;
}
.t-opacity-80{
  opacity: 0.8;
}
.t-opacity-85{
  opacity: 0.85;
}
.t-opacity-90{
  opacity: 0.9;
}
.t-opacity-95{
  opacity: 0.95;
}
.t-shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.t-drop-shadow-md{
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.t-transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.t-transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.t-transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.t-duration-100{
  transition-duration: 100ms;
}
.t-duration-150{
  transition-duration: 150ms;
}
.t-duration-700{
  transition-duration: 700ms;
}
.t-duration-\[400ms\]{
  transition-duration: 400ms;
}
.t-ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1536px) {
  .t-container.t-container-xl {
    max-width: 1280px;
  }
}
@media (min-width: 1280px) {
  .t-container.t-container-lg {
    max-width: 1024px;
  }
}
@media (min-width: 1024px) {
  .t-container.t-container-md {
    max-width: 768px;
  }
}
@media (min-width: 768px) {
  .t-container.t-container-sm {
    max-width: 640px;
  }
}
.t-container.t-container-xs {
  max-width: 375px;
}
.t-container.t-container-padded{
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1024px) {
  .t-container.t-container-padded{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.t-container-width{
  width: 100%;
}
@media (min-width: 768px) {
  .t-container-width {
    width: 768px;
  }
}
@media (min-width: 1024px) {
  .t-container-width {
    width: 1024px;
  }
}
@media (min-width: 1280px) {
  .t-container-width {
    width: 1280px;
  }
}
@media (min-width: 1536px) {
  .t-container-width {
    width: 1536px;
  }
}

.t-container-width-downsized{
  width: 100%;
}
@media (min-width: 768px) {
  .t-container-width-downsized {
    width: 640px;
  }
}
@media (min-width: 1024px) {
  .t-container-width-downsized {
    width: 768px;
  }
}
@media (min-width: 1280px) {
  .t-container-width-downsized {
    width: 1024px;
  }
}
@media (min-width: 1536px) {
  .t-container-width-downsized {
    width: 1280px;
  }
}

[x-cloak] {
  display: none;
}

.placeholder\:t-text-gray-500::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.placeholder\:t-text-gray-500::placeholder{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.placeholder\:t-text-toned-600::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(123 120 115 / var(--tw-text-opacity));
}

.placeholder\:t-text-toned-600::placeholder{
  --tw-text-opacity: 1;
  color: rgb(123 120 115 / var(--tw-text-opacity));
}

.first\:t-border-t-0:first-child{
  border-top-width: 0px;
}

.last\:t-border-b-0:last-child{
  border-bottom-width: 0px;
}

.hover\:t-mr-1:hover{
  margin-right: 0.25rem;
}

.hover\:t-cursor-pointer:hover{
  cursor: pointer;
}

.hover\:t-gap-3:hover{
  gap: 0.75rem;
}

.hover\:t-bg-stone-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}

.hover\:t-bg-stone-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

.hover\:t-bg-wells-ij-hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(111 0 0 / var(--tw-bg-opacity));
}

.hover\:t-text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.hover\:t-text-inherit:hover{
  color: inherit;
}

.hover\:t-text-primary-500:hover{
  --tw-text-opacity: 1;
  color: rgb(175 35 28 / var(--tw-text-opacity));
}

.hover\:t-text-primary-700:hover{
  --tw-text-opacity: 1;
  color: rgb(98 13 9 / var(--tw-text-opacity));
}

.hover\:t-text-stone-950:hover{
  --tw-text-opacity: 1;
  color: rgb(12 10 9 / var(--tw-text-opacity));
}

.hover\:t-text-wells-ij:hover{
  --tw-text-opacity: 1;
  color: rgb(175 35 28 / var(--tw-text-opacity));
}

.hover\:t-text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:t-underline:hover{
  text-decoration-line: underline;
}

.hover\:t-no-underline:hover{
  text-decoration-line: none;
}

.hover\:t-opacity-100:hover{
  opacity: 1;
}

.focus\:t-border-primary-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(175 35 28 / var(--tw-border-opacity));
}

.focus\:t-outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:t-ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.t-group:hover .group-hover\:t-scale-\[1\.02\]{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.t-group:hover .group-hover\:t-text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.t-group:hover .group-hover\:t-text-wells-ij{
  --tw-text-opacity: 1;
  color: rgb(175 35 28 / var(--tw-text-opacity));
}

.t-group:hover .group-hover\:t-underline{
  text-decoration-line: underline;
}

.t-group:hover .group-hover\:t-opacity-0{
  opacity: 0;
}

@media (min-width: 768px){
  .md\:t-mb-0{
    margin-bottom: 0px;
  }
}

@media (min-width: 1024px){
  .lg\:t-col-span-1{
    grid-column: span 1 / span 1;
  }
  .lg\:t-col-span-3{
    grid-column: span 3 / span 3;
  }
  .lg\:t-col-span-7{
    grid-column: span 7 / span 7;
  }
  .lg\:-t-ml-12{
    margin-left: -3rem;
  }
  .lg\:t-grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:t-grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:t-grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg\:t-p-6{
    padding: 1.5rem;
  }
}