/*
Theme Name: Chemical Engineering 2022
Theme URI: http://www.chemengonline.com
Description: 2022 Chemical Engineering Theme
Author: Access Intelligence, LLC
Author URI: http://www.accessintel.com
Version: 0.1
Tags: black, white, dark, light, one-column, two-columns, flexible-width, theme-options, custom-menu

License: Copyright (c) Access Intelligence, LLC.
*/

/* ======= Theme ======= */
:root {
  /* Colors */
  --color-blue-light: #0462b0;
  --color-blue: #013b6b;
  --color-blue-dark: #000f1b;
  --color-red: #ca171e;
  --color-gray-xlight: #f6f7f9;
  --color-gray-light: #dee1e6;
  --color-gray: #6f6f6f;
  /* --color-gray-dark: #222; */
  --color-yellow-light: #fbfce8;
  --color-yellow: #fcb900;

  --color-link: #007bff;
  --color-link-hover: #0462b0;

  --font-heading: "Titillium Web", sans-serif;
  --font-body: "Roboto", sans-serif;
  --font-body-condensed: "Roboto Condensed", sans-serif;
  --font-sans-serif: "Open Sans", sans-serif;
}

/* ======= Global ======= */
html {
  font-size: 16px;
}

body {
  font-family: var(--font-body);
}

pre {
  display: block;
  border: 1px solid black;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 700;
}

h1 {
  font-size: 2.24em;
}

h2 {
  font-size: 2.01em;
}

h3 {
  font-size: 1.65em;
}

h4 {
  font-size: 1.33em;
}

h5 {
  font-size: 1.125em;
}

h6 {
  font-size: 1em;
}

a {
  text-decoration: none;
  color: var(--color-link);
}

a:hover,
a:active {
  color: var(--color-link-hover);
}

section {
  margin: 2rem 0;
}

small {
  font-size: 0.9rem;
}

/* ======= Constants (Article) ======= */
.ce-article {
  margin-bottom: 1rem;
}

.ce-title {
  color: black;
  font-weight: bold;
}

.ce-title a {
  color: inherit;
}

.ce-article-details {
  color: var(--color-gray);
}

.ce-article-body {
  font-size: 1em;
  line-height: 1.9em;
}

.btn.icon {
  --utilities-size: 18px;
  --utilities-margin: 8px;

  display: inline-block;
  background-size: 18px 18px;
  background-position: center;
  width: var(--utilities-size);
  height: var(--utilities-size);
  line-height: var(--utilities-size);
  margin: 0 var(--utilities-margin);
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  border-radius: 0;
  color: black;
}


.btn.icon--minus {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0xOSAxM2gtMTR2LTJoMTR2MnoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4K);
}

.btn.icon--font-size {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPgogICAgPHBhdGggZD0iTTkgNHYzaDV2MTJoM3YtMTJoNXYtM2gtMTN6bS02IDhoM3Y3aDN2LTdoM3YtM2gtOXYzeiIvPgo8L3N2Zz4K);
  margin: 0 calc(-0.75 * var(--utilities-margin));
}

.btn.icon--plus {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0xOSAxM2gtNnY2aC0ydi02aC02di0yaDZ2LTZoMnY2aDZ2MnoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4K);
}

.btn.icon--print {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0xOSA4aC0xNGMtMS42NiAwLTMgMS4zNC0zIDN2Nmg0djRoMTJ2LTRoNHYtNmMwLTEuNjYtMS4zNC0zLTMtM3ptLTMgMTFoLTh2LTVoOHY1em0zLTdjLS41NSAwLTEtLjQ1LTEtMXMuNDUtMSAxLTEgMSAuNDUgMSAxLS40NSAxLTEgMXptLTEtOWgtMTJ2NGgxMnYtNHoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4K);
}

.btn.icon--comment {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0yMS45OSA0YzAtMS4xLS44OS0yLTEuOTktMmgtMTZjLTEuMSAwLTIgLjktMiAydjEyYzAgMS4xLjkgMiAyIDJoMTRsNCA0LS4wMS0xOHptLTMuOTkgMTBoLTEydi0yaDEydjJ6bTAtM2gtMTJ2LTJoMTJ2MnptMC0zaC0xMnYtMmgxMnYyeiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNGgtMjR6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPgo=);
}

.btn.icon--pdf {
  text-indent: 0;
  width: initial;
}

.ce-pagination-wrapper .page-links.pagination {
  align-items: center;
}


.ce-pagination-wrapper .page-links.pagination>ul {
  margin: 0;
  margin-right: 0.75rem;
  padding: 0;
}

.ce-pagination-wrapper .page-links.pagination ul>li>a {
  border: none;
  line-height: initial;
  padding: .3rem .6rem
}

.ce-pagination-wrapper .page-links.pagination ul>li.active>a {
  margin: 0 0.25rem;
  background: #0462b0
}

.ce-pagination-wrapper #print-mode {
  font-weight: normal;
  font-size: 0.8rem;
}

@media (min-width: 768px) {
  .col img {
    height: 60%;
    object-fit: fill;
  }
}

@media (max-width: 767px) {
  .col img {
    width: 100%;
    object-fit: fill;
  }
}

@media print {
  body.ce-print-focus main {
    padding: 0;
    width: 100%;
  }

  body.ce-print-focus nav.navbar,
  body.ce-print-focus main header,
  body.ce-print-focus main footer,
  body.ce-print-focus .ce-sidebar,
  body.ce-print-focus #disqus_thread,
  body.ce-print-focus .ce-footer>div:not(.ce-copyright) {
    display: none !important;
  }

  body.ce-print-focus .ce-copyright {
    margin-top: 2rem;
  }

}

/* ======= Constants (Buttons) ======= */
.btn {
  padding: 0.25rem 1rem;
  border-radius: 7px;
}

.btn:hover {
  opacity: 0.75;
  color: gray;
}

.btn.ce-btn-outline {
  background-color: transparent;
  border-color: currentColor;
  color: inherit;
}

.ce-btn-red,
a.ce-btn-red {
  background-color: var(--color-red);
  color: white;
}

.ce-btn-blue,
a.ce-btn-blue {
  background-color: var(--color-blue-light);
  color: white;
}

.ce-btn-yellow,
a.ce-btn-yellow {
  background-color: var(--color-yellow);
}

.ce-btn-outline.ce-btn-red {
  color: var(--color-red);
}

.ce-btn-outline.ce-btn-blue {
  color: var(--color-blue-light);
}

.ce-btn-outline.ce-btn-yellow {
  color: var(--color-yellow);
}

/* ======= Constants (Misc) ======= */
.ce-ad {
  text-align: center;
  margin: 0.5rem 0;
}

.ce-mini-logo {
  max-width: 30px;
  margin: 0 auto;
}

.ce-section-title {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  color: var(--color-blue);
  font-weight: bold;
  font-size: 1.5rem;
}

.ce-section-title:not(.ce-section-title-no-logo)::before {
  display: block;
  content: "";
  position: relative;
  background: url("./assets/svg/symbol-che.svg") center/cover;
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
}

.ce-article-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ce-article-card-content {
  /* TODO: Currently unused */
}

.ce-article-card-img {
  display: block;
  width: 100px;
  height: 100px;
  flex: 0 0 auto;
}

.ce-img-wrapper img,
.ce-article-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ce-category {
  color: var(--color-blue-light);
  font-size: 0.9rem;
  font-weight: bold;
  text-transform: capitalize;
  font-family: var(--font-heading);
}

.ce-prevNext {
  background: var(--color-blue-light);
  color: white;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 0;
  border-radius: 0;
  font-size: 1.75rem;
  line-height: 0;
}

.ce-prevNext * {
  pointer-events: none;
}

.ce-prevNext:not(:last-of-type) {
  margin-right: 5px;
}

.width-330 {
  width: 330px;
}

/* Hack to force 16:9 ratio */
.ce-video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 54.75%;
}

.ce-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ce-anchor {
  display: block;
  position: relative;
  top: -123px;
  /* Combined header height */
  visibility: hidden;
}

@media (max-width: 992px) {
  .ce-anchor {
    top: -57px;
    /* Default navbar header */
  }
}

@media (min-width: 768px) {
  .ce-anchor {
    top: -31px;
    /* compact navbar header */
  }
}

@media (max-width: 767px) {
  .ce-anchor {
    top: -1rem;
    /* smaller than tablet */
  }
}

/* ======= Navigation (Global) ======= */
.ce-vertical-nav-double,
.ce-vertical-nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.ce-vertical-nav {
  flex-direction: column;
  flex: 0 1 45%;
  flex: 0 1 calc(50% - 1rem);
}

.ce-vertical-nav li.nav-item {
  width: 100%;
}

.ce-vertical-nav a.nav-link {
  color: inherit;
  font-size: inherit;
  padding: 0.25rem 0;
  margin-bottom: 0.25rem;
}

.ce-social-icons {
  display: flex;
  justify-content: center;
}

.ce-social-icons a {
  color: inherit;
  padding: 0.5rem 1rem;
  margin: 0 1rem;
}

/* ======= Navigation (Main) ======= */
.navbar-brand {
  max-width: 200px;
  width: 100%;
}

.navbar-light .navbar-nav .nav-link {
  color: var(--color-blue);
}

.navbar-light .navbar-nav .nav-link:hover {
  color: var(--color-blue-light);
}

#main-nav-search {
  display: inline-block;
  width: 0;
  padding: 0.375rem 0;
  border-color: transparent;
  transition: width 0.4s, padding-left 0.4s, padding-right 0.4s,
    border-color 0.4s;
  transition-timing-function: ease-in-out;
}

#main-nav-search.visible {
  width: 200px;
  padding: 0.375rem 0.75rem;
  border-color: var(--color-gray-light);
}

/* ======= Navigation (Login) ======= */
.ce-login-modal input:not([type="submit"]) {
  border: none;
  border-bottom: 1px solid var(--color-gray-light);
  border-radius: 0;
}

.ce-login-modal input:focus {
  outline: none;
  box-shadow: none;
  border-bottom-color: var(--color-blue-light);
}

.ce-login-modal .btn {
  margin-top: 4rem;
  width: 100%;
  padding: 1rem 0;
}

.ce-login-modal .btn.subscribe {
  margin-top: 1rem;
}

/* ======= Navigation (Desktop - Categories) ======= */
.ce-categories-subnav {
  background: var(--color-red);
  color: white;
}

.ce-categories-subnav .ce-categories-subnav-list {
  flex-wrap: wrap;
  overflow: hidden;
  height: 65px;
}

.ce-categories-subnav .nav-item {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.ce-categories-subnav .nav-item:not(:first-child)::after {
  position: absolute;
  display: block;
  content: "|";
  color: #daa6a6;
}

.ce-categories-subnav .nav-item .nav-link {
  color: inherit;
}

.ce-categories-subnav-list .nav-item .nav-link:hover {
  color: #fbb;
}

.ce-categories-subnav-toggle {
  margin: 0 0.5rem;
  padding: 0.25rem 0.75rem 0.15rem;
  flex: 0 0 fit-content;
}

/* ======= Navigation (Mobile) ======= */
.ce-mobile-nav-menu {
  color: white;
  font-size: 1.1rem;
}

.ce-mobile-nav-block:not(:last-of-type) {
  border-bottom: 1px solid var(--color-red);
}

.ce-mobile-nav-menu {
  background: black;
  width: 550px;
  /* Overwriting default offcanvas width*/
}

/* ======= Sidebar (Constants) ======= */
.ce-sidebar-block {
  margin-bottom: 1rem;
}

.ce-sidebar-block .ce-section-title {
  margin-top: 0;
}

.ce-sidebar-block a {
  color: black;
}

.ce-sidebar-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.ce-sidebar-footer a {
  font-weight: bold;
}

/* ======= Sidebar (Search) ======= */

.ce-sidebar-search {
  border: 1px solid var(--color-gray-light);
  background: var(--color-gray-xlight);
  padding: 1.25rem;
}

.ce-sidebar-search form {
  display: flex;
  flex-direction: column;
}

.ce-sidebar-search ul {
  padding-left: 0;
}

#solr_facet ul[id^="fn_"] li:nth-child(n + 6) {
  display: none;
}

.ce-sidebar-search li {
  text-transform: capitalize;
}

.ce-sidebar-search .show-all-facets {
  font-size: 0.8rem;
  margin-left: 0.65rem;
}

.ce-sidebar-footer a:not(:last-child) {
  border-right: 1px solid var(--color-gray);
  margin-right: 0.25rem;
  padding-right: 0.25rem;
}

/* ======= Sidebar (related-content.php) ======= */
.ce-related-content {
  padding: 10px 15px;
  background-color: var(--color-gray-xlight);
  border-top: 3px solid var(--color-blue);
}

.ce-related-content article:not(:last-child) {
  border-bottom: 1px dashed var(--color-gray);
}

.ce-related-content .ce-title {
  color: var(--color-blue);
}

/* ======= Sidebar (current-issue.php) ======= */
.ce-current-issue .btn {
  color: white;
  background: linear-gradient(90deg, var(--color-blue), var(--color-link));
  font-weight: 700;
  width: 85%;
  margin: 1rem auto 0;
  padding: 0.5rem 0;
}

.ce-current-issue .ce-img-wrapper img {
  height: auto;
}

/* ======= Sidebar (job-listings.php) ======= */
.ce-sidebar-jobs .ce-article::marker {
  color: var(--color-blue-light);
}

/* ======= Sidebar (test-knowledge.php) ======= */
.ce-sidebar-quiz .ce-article {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--color-gray-light);
}

/* ======= Footer ======= */
.ce-footer {
  background: var(--color-gray-xlight) url("./assets/svg/symbol-che-white.svg") no-repeat 10% -50px / 350px;
  color: var(--color-blue);
}

.ce-footer strong {
  font-size: 1.65em;
}

.ce-footer .ce-social-icons {
  font-size: 1.65rem;
}

/* ======= Archive (Constants) ======= */
.Badge--gold {
  display: inline-block;
  margin-top: 5px;
  background: #fdd835;
  color: #000;
  border-radius: 5px;
  padding: 6px 12px;
  font-weight: 700;
}

.ce-archive-header {
  color: var(--color-blue);
  margin-bottom: 1.5rem;
}

.ce-archive time {
  font-size: 0.9rem;
  font-family: var(--font-sans-serif);
  text-transform: capitalize;
}

.ce-archive .row {
  border-bottom: 1px solid var(--color-gray-light);
}

/* ======= Archive (archive-issues.php) ======= */
.ce-issues-archive figure {
  display: inline-block;
  text-align: center;
  color: #000;
  width: 130px;
  margin-right: 21px;
  transition: all 0.3s;
}

.ce-issues-archive figure:hover {
  opacity: 0.6;
}

.ce-issues-archive img {
  width: 130px;
  height: 178px;
  border: 5px solid #72b1e6;
}

/* ======= Archive (power-video.php) ======= */
.ce-power-video-archive {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.ce-power-video-archive figure {
  display: inline-block;
  text-align: center;
  width: 285px;
  margin: 0 0.75rem 1rem;
  transition: all 0.3s;
}

.ce-power-video-archive figure:hover {
  opacity: 0.6;
}

.ce-power-video-archive img {
  border: 5px solid #72b1e6;
}

@media (max-width: 642px) {
  .ce-power-video-archive figure {
    width: 45%;
  }
}

@media (max-width: 500px) {
  .ce-power-video-archive figure {
    width: 95%;
    margin-left: 0;
    margin-right: 0;
  }

  .ce-power-video-archive img {
    width: 100%;
  }
}

/* ======= Archive (archive-parner-content.php) ======= */

.ce-partner-content-archive .ce-img-wrapper {
  position: relative;
  max-height: 300px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

.ce-partner-content-archive img {
  object-position: top center;
}

.ce-partner-content-archive .ce-img-label {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.5em 1em;
  background: linear-gradient(90deg, rgba(1, 59, 107, 0.9), rgba(4, 98, 176, 0.55));
  color: white;
  font-weight: bold;
  font-size: smaller;
}

/* ======= Archive (archive-whitepapers.php) ======= */
.ce-whitepapers-archive {
  display: flex;
  flex-wrap: wrap;
}

.ce-whitepapers-archive figure {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  flex: 1 0 30%;
  padding: 15px;
  margin: 0 10px 1rem;
  border: 1px solid #ccc;
}

.ce-whitepapers-archive figure .btn {
  height: fit-content;
  transition: opacity .3s;
}

.ce-whitepapers-archive img {
  height: 200px;
  width: auto;
  object-fit: contain;
}

.ce-whitepapers-archive .ce-title {
  width: 100%;
}

/* ======= Archive (archive-webinars.php) ======= */
.ce-webinars-archive .price {
  color: var(--color-red);
  font-weight: 700;
}

/* ======= Single (content-power-video.php) ======= */
@media (min-width: 768px) {
  .col img {
    height: 60%;
    object-fit: fill;
  }
}

@media (max-width: 767px) {
  .col img {
    width: 100%;
    object-fit: fill;
  }
}

.entry-title a {
  margin-top: 1em;
  text-transform: capitalize;
  font-weight: 600;
  color: #222 !important;
  font-size: 2.333331rem;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin-bottom: 15px;
  border: 1px solid #222;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.allSocial {
  font-weight: 600;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.entry-meta a {
  font-weight: 600;
}

.at-share-btn-elements {
  display: none;
}

.vOne {
  display: inline-block;
}

/* ======= Single (single-issues.php) ======= */
.ce-issue-date {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--color-blue);
  font-weight: 700;
}

.ce-issue-date::before,
.ce-issue-date::after {
  display: block;
  content: "";
  background: var(--color-gray-light);
  height: 1px;
  flex: 1 1 auto;
}

.ce-issue-date::before {
  margin-right: 1.5rem;
}

.ce-issue-date::after {
  margin-left: 1.5rem;
}

.ce-single-issue-focus {
  background: var(--color-gray-xlight);
  padding: 2rem;
}

.ce-single-issue .ce-category {
  margin: 0.75rem 0 0.5rem;
  height: 1.25rem;
}

.ce-single-issue .ce-img-wrapper {
  height: 200px;
}

.ce-overflow-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 1rem;
  scroll-snap-type: x mandatory;
}

.ce-overflow-wrapper .ce-article {
  scroll-snap-align: start;
}

.ce-overflow-wrapper .ce-article:not(:last-of-type) {
  border-right: 1px solid var(--color-gray-light);
}

/* ======= Template (product-archive.php) ======= */
.ce-template-pa .ce-archive-header {
  margin-bottom: 0.5rem;
}

.ce-template-pa .ce-title {
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  color: var(--color-red);
}

.ce-template-pa .ce-product {
  border-bottom: 1px solid var(--color-gray);
  margin-top: 2rem;
}

.ce-template-pa .ce-product-date {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.ce-template-pa .ce-product-date h3 {
  border-bottom: 1px solid var(--color-gray);
  width: 100%;
}

.ce-template-pa .ce-product-date a {
  margin: 0.5rem;
  padding: 0.35rem 1rem;
  text-transform: uppercase;
  border: 1px solid var(--color-gray);
}

/* ======= Template (product-archive.php) ======= */
.ce-upcoming-events .ce-event-row:not(:last-child) {
  border-bottom: 1px solid var(--color-gray-light);

}

/* ======= Template (page-podcasts-and-videos.php) ======= */
.ce-template-pv time {
  font-size: 0.9rem !important;
}

.ce-template-pv h3 a {
  color: #222;
}

.ce-template-pv .ce-category-wrapper {
  border-bottom: 1px solid var(--color-gray-light);
}

.ce-template-pv .intro-text p {
  border-bottom: 1px dashed var(--color-blue-light);
  border-top: 1px dashed var(--color-blue-light);
  border-width: 50%;
  margin-top: 10px;
  padding: 15px 0;
}

/* ======= Pagination ======= */
.Pagination {
  width: 100%;
  text-align: center;
}

.Pagination--page {
  padding: 0.5rem 0.9rem;
  color: #212121;
  border-radius: 5px;
}

.Pagination--page:active,
.Pagination--page:hover,
.Pagination--page:focus {
  background-color: #eee;
}

.Pagination--page.prevNext {
  border: 1px solid #0462b0;
  padding: 0.45rem 0.6rem;
  color: #02358a;
  transition: all 0.2s;
}

.Pagination--page.prevNext:hover {
  background: #0462b0;
  color: #fff;
}

.Pagination--page--current {
  background-color: #0462b0;
  color: #ffff;
}

.Pagination--page--current:hover,
.Pagination--page--current:active,
.Pagination--page--current:focus {
  background-color: #2f90d2 !important;
  color: #eee;
}

@media (max-width: 540px) {
  .Pagination--page {

  }

  .Pagination--page.prevNext {
    padding: 3px 5px;
  }
}

/* ======= featured-stories.php ======= */
.ce-featured-stories .ce-featured-controls {
  font-size: 1.1rem;
  margin: 0 0 0.25rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.ce-featured-controls .ce-counter-display {
  margin-left: 1rem;
}

.ce-featured-stories .ce-img-wrapper {
  display: block;
  position: relative;
  height: 400px;
}

.ce-featured-stories .category {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: var(--color-red);
  color: white;
  padding: 0.1rem 0.75rem 0.25rem;
  font-style: italic;
}

.ce-featured-stories .ce-title {
  line-height: 1.15em;
}

.ce-featured-stories .ce-article-details {
  font-size: 1.1rem;
}

/* ======= gold-member-content.php ======= */
.ce-gold-article-wrapper {
  display: flex;
  flex-direction: column;
  background: #fbfde8;
  padding: 1.5rem 2rem;
}

.ce-gold-article-wrapper article:not(:last-of-type) {
  border-bottom: 1px solid var(--color-gray-light);
}

.ce-gold-title {
  display: block;
  color: black;
  margin-bottom: 1rem;
}

/* ======= webinars.php ======= */
.ce-webinars .row {
  border-top: 1px solid var(--color-gray-light);
  border-bottom: 1px solid var(--color-gray-light);
  margin: 1rem 0;
  padding: 1rem 0;
}

.ce-webinars .ce-img-wrapper {
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
}

.ce-webinars .ce-img-wrapper img {
  height: auto;
}

/* ======= latest-news.php ======= */
.ce-latest-news .ce-latest-header {
  border-bottom: 2px solid black;
}

.ce-latest-news .ce-latest-header .ce-section-title {
  padding-bottom: .7rem;
  margin-bottom: 0;
}

.ce-latest-news button {
  width: 100%;
  background: var(--color-blue-dark);
  text-align: left;
  color: white;
  border: none;
  padding: 0.75rem 1rem;
  margin-bottom: 1px;
  font-size: 1.25rem;
  transition: all 0.3s;
}

.ce-latest-news button:hover {
  background-color: var(--color-link);
}

.ce-latest-news button[data-selected="true"] {
  background: transparent;
  color: var(--color-blue-dark);
  cursor: initial;
}

.ce-latest-news .ce-article,
.ce-latest-news .ce-article-card {
  border-bottom: 1px solid var(--color-gray-light);
  margin-bottom: 1rem;
}

.ce-latest-news .ce-title {
  font-size: 1.25rem;
}

.ce-latest-news .latest-articles {
  padding-top: 20px;
}

@media (max-width: 768px) {
  .ce-latest-news button {
    padding: .2rem .5rem;
    font-size: .8rem;
    width: auto;
  }

  .ce-latest-news button[data-selected="true"] {
    background: var(--bs-gray-200);
  }
}

/* ======= events.php ======= */
.ce-event-wrapper {
  margin: 2rem 0;
  padding-bottom: 2rem;
}

.ce-event-wrapper:not(:last-child) {
  border-bottom: 1px solid var(--color-gray-light);
}

.ce-event-wrapper img {
  max-width: 80%;
  margin: 0 auto;
}

/* ======= full-screen-content.php ======= */
.ce-fullscreen-wrapper {
  background-size: cover;
  margin: 2rem 0;
  background-attachment: fixed;
  padding: 4rem 0;
}

.ce-fullscreen-label {
  color: var(--color-red);
  font-size: 1.25rem;
  font-weight: bold;
}

.ce-fullscreen-wrapper .ce-title,
.ce-fullscreen-wrapper a {
  color: inherit;
}

.ce-fullscreen-body {
  font-size: 1.5rem;
  line-height: 1.3em;
  margin-top: 1rem;
}

/* ======= brand-connect.php ======= */
.ce-brand-connect-main .ce-img-wrapper {
  display: block;
  height: 400px;
}

.ce-brand-connect-main .ce-title {
  font-size: 1.33em;
}

.ce-brand-card-wrapper .ce-article-card:not(:first-child) {
  margin: 1rem 0;
  padding-top: 1rem;
  border-top: 1px solid var(--color-gray-light);
}

/* ======= most-read.php ======= */
.ce-most-read-count {
  color: var(--color-red);
  font-size: 1.75rem;
  margin-right: 1.25rem;
}

.ce-most-read .ce-title {
  font-size: 1.125em;
}

/* ======= second-look.php ======= */
.ce-second-look-img {
  height: 200px;
}

.ce-second-look .ce-title {
  font-size: 1.33em;
}

/* ======= videos.php ======= */
.ce-videos {
  background: linear-gradient(90deg, var(--color-blue), var(--color-blue-dark));
  padding: 1.75rem 1.75rem 3rem;
}

.ce-videos a {
  color: white;
}

.ce-videos .ce-article-card-img {
  width: 75px;
  height: 75px;
  margin-left: 0.75rem;
}

/* == WordPress WYSIWYG Editor Styles == */
.entry-content img {
  margin: 0 0 1.5em 0;
}

.alignleft,
img.alignleft ,
.alignright,
img.alignright {
  display: block;margin-bottom: 10px;
}
@media (min-width: 576px) {
  .alignleft,
  img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }

  .alignright,
  img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
}

.aligncenter,
img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}

.alignnone,
img.alignnone {
  /* not sure about this one */
}

.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
}

.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
}

.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 0.8em;
  margin: 0;
}

.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}

blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
}

blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
}

.gallery dl {}

.gallery dt {}

.gallery dd {}

.gallery dl a {}

.gallery dl img {}

.gallery-caption {}

.size-full {}

.size-large {}

.size-medium {}

.size-thumbnail {}

/* ======= Plant Cost Index ======= */
table table.chartTable {
  border: none;
}

table table.chartTable tr:nth-child(odd) {
  background: var(--color-blue-light);
  color: white;
}

table table.chartTable tr:first-child {
  background: white;
  color: var(--color-blue-dark);
}

table table .searchBox {
  border-bottom: 1px solid var(--color-gray-light);
  background: var(--color-gray-xlight);
  width: 250px;
  padding: 0.5rem 0 1rem;
}

table table .searchBox span {
  color: var(--color-blue-light) !important;
}

table table .searchBox select {
  margin: 0 0.5rem 0.25rem;
}

table table .graphLabels {
  font-size: 0.5rem;
}

table table td>a {
  color: black;
  text-decoration: underline;
}

.txtNL,
table table p {
  margin-top: 1rem;
  font-size: 1rem !important;
}

.Article.Utility--dotted a {
  color: var(--color-blue);
}

/* ======= Login Errors ======= */
#auth_errors {
  background: var(--color-red);
  color: var(--color-gray-light);
  padding: 10px;
}

#auth_errors p { margin-bottom: 0;}

/* ======= In-Content Gating Form ======= */
.ce-gating-form-container {
  max-width: 500px;
  padding: 20px;
  margin: 20px auto;
  border: 2px solid var(--color-gray-light);
  border-radius: 7px;
  background-color: #F8F8FF;
}
.ce-gating-form-container input[type="text"],
.ce-gating-form-container input[type="password"] {
  background-color: transparent;
}

/* ======= WEFTEC ======= */
.ce-wt-links-container {
  margin-top: 2rem;
  color: inherit;
}

.ce-wt-links-container ul {
  padding-left: 0.75rem;
}

.ce-wt-links-container ul li:not(:last-child) {
  margin: 0.5rem 0;
}

.ce-wt-links-container ul a {
  /* color: inherit; */
}

.ce-weftec-products img {
  width: auto;
  height: 300px;
  object-fit: cover;
}