:root {
}
 /* font-family: 'Open Sans', sans-serif; (300, 400, 600, 700)*/
.body.not-found p{
    margin: 0 auto;
}

/* alert-block css */
.alert-block {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.alert-block.hidden {
	display: none;
}
.alert-block .alert-block-bkgd {
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.7);
}
.alert-block .alert-block-content {
	max-width: 720px;
	min-width: 720px;
	padding: 30px;
	box-sizing: border-box;
	background-color: #fff;
	border: 4px solid #063542;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	position: fixed;
	top: 10%;
	left: calc(50% - (720px / 2));
	z-index: 1000;
}
.alert-block .alert-block-content p {
	margin-bottom: 10px;
	font-size: 16px;
}
.alert-block .alert-block-content ol {
	margin-bottom: 10px;
	padding: 0 0 0 35px;
}
.alert-block .alert-block-content .close {
	color: #000;
	font-size: 25px;
	position: absolute;
	top: 15px;
	right: 15px;
}

@media only screen and (max-width: 800px) {
  .alert-block .alert-block-content {
    width: calc(100% - 60px);
    min-width: unset;
    max-height: calc(100% - 25px);
    top: 15px;
    left: 30px;
    overflow: scroll;
  }
  .alert-block .alert-block-content .close {
    position: fixed;
    top: 21px;
    right: 43px;
  }
}

@media only screen and (max-width: 450px) {
  .alert-block .alert-block-content {
    width: calc(100% - 20px);
    height: calc(100% - 25px);
    max-height: none;
    padding: 35px 20px 15px 15px;
    top: 15px;
    left: 10px;
    overflow: scroll;
  }
  .alert-block .alert-block-content .close {
    top: 15px;
    right: 17px;
  }
  .alert-block .alert-block-content p {
    font-size: 14px;
  }
  .alert-block .alert-block-content ol li {
    font-size: 13px;
  }
}
/* end alert-block css */

/* start byte_content types css */
.byte_content_embargo {
  background-color: #FF8800 !important;
  box-shadow: 0 0 3px #ccc !important;
}
.byte_content_postpone {
  display: none !important;
}
/* .byte_content_review {} */
img.byte_img_embargo {
  box-shadow: 5px 5px 1px 2px #FF8800, 5px 5px 3px 2px #ccc !important;
}
/* img.byte_img_postpone {} */
img.byte_img_review {
  display: none !important;
}
/* end byte_content types css */

/*======================================================================================================
  BASE STYLES - desktop
======================================================================================================*/
body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  /* font-weight: 400; */
}
button {
   font-family: 'Open Sans', sans-serif;   
}
input{
    font-family: inherit;  
}
h1 {
  margin: 0 0 10px 0;
  color: #000;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}
h2, .h2-like {
  margin: 0 0 10px 0;
  color: #000;
  font-size: 26px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.4px;
}
h2.blue, .h2-like.blue {
  color: #010852;
}
h3, .h3-like, .right-sidebar .cpl-bucket .bucket-content .bucket-heading {
  margin: 0 0 15px 0;
  color: #4B4B4B;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}
h4, .h4-like {
  margin: 0 0 10px 0;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
p {
  margin: 0 0 10px 0;
  color: #000;
  font-size: 16px;
  line-height: 22px;
}
p.intro {
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.5px;
}
p.pullquote {
  margin: 15px 0;
  padding: 0 0 0 55px;
  box-sizing: border-box;
  color: #646464;
  font-size: 25px;
  line-height: 32px;
  position: relative;
} 
p.pullquote:before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #6CB7D1;
  display: block;
  position: absolute;
  top: 0;
  left: 35px;
}
a {
  transition: color .3s;
}
/*
.home-events .more-events .view-more:after {
  content: "";
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background-color: #C3C53A;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
*/
button, a.button-like, input[type="submit"] {
  padding: 11px 44px 11px 13px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid  #464646;
  border-radius: 18px;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  position: relative;
}
button:hover, a.button-like:hover, input[type="submit"]:hover {
  background-color: #464646;
  color: #fff;
}
button:before, a.button-like:before, input[type="submit"]:before {
  content: "";
  width: 31px;
  height: 31px;
  border-radius: 50%;
  /* background-color: #C3C53A; */
  background-image: url('/content/_theme_images/cpl_icon_button_arrow.svg');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: absolute;
  right: 3px;
  top: calc(50% - 16px);
}
button.secondary, a.button-like.secondary, input[type="submit"] {
  /* padding: 8px 15px; */
  padding: 11px 15px;
  background-color: #fff;
  border: 1px solid #2489AF;
  color: #2489AF;
}
.submitbutton {
  margin-top: 5px;
}
button.secondary:hover, a.button-like.secondary:hover, .option.active button.secondary {
  background-color: #2489AF;
  color: #fff;
}
button.secondary:before, a.button-like.secondary:before {
  display: none;
}
button.arrow-button, a.arrow-button {
  width: 30px;
  height: 30px;
  background-image: url('/content/_theme_images/cpl_icon_arrow_down.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #C3C53A;
  border-radius: 50%;
  display: inline-block;
  transition: background-color .3s;
}
button.arrow-button:hover, a.arrow-button:hover {
  background-color: #CFD13D;
}
button.paint-button, a.paint-button {
  width: 324px;
  margin: 5px 0;
  padding: 17px 0;
  box-sizing: border-box;
  background-image: url('/content/_theme_images/cpl_event_link_bkgd.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  border: none;
  opacity: 0.8;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  display: block;
  transition: opacity .3s;
}
button.paint-button:before, a.paint-button:before {
  display: none;
}
button.paint-button:hover, a.paint-button:hover {
  opacity: 1;
}
button.social, a.button-like.social {
  padding: 5px 9px 5px 32px;
  background-color: #354C8C;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
}
button.social:hover, a.button-like.social:hover {
  background-color: #425FAD;
}
button.social:before, a.button-like.social:before {
  content: "";
  width: 19px;
  height: 19px;
  background-image: url('/assets/images/cpl_icon_facebook_white.png');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 5px;
}
button.social:after, a.button-like.social:after {
  display: none;
}
.button-dropdown {
  /*padding: 8px 46px 8px 15px;*/
  padding: 11px 44px 11px 13px;
  /* padding: 11px 26px 11px 13px; */
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #2489AF;
  border-radius: 18px;
  color: #2489AF;
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  position: relative;
  cursor: pointer;
}
.button-dropdown:hover, .button-dropdown.toggled {
  background-color: #2489AF;
  color: #fff;
}
.button-dropdown:before, .button-dropdown:after {
  content: "";
  width: 7px;
  height: 5px;
  background-image: url('/content/_theme_images/cpl_icon_arrow_down_blue.svg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  display: block;
  position: absolute;
  top: calc(50% - 3px);
  right: 10px;
  transition: opacity .3s;
}
.button-dropdown:after {
  background-image: url('/content/_theme_images/cpl_icon_arrow_down_white.svg');
  opacity: 0;
}
.button-dropdown:hover:before, .button-dropdown.toggled:before {
  opacity: 0;
}
.button-dropdown:hover:after, .button-dropdown.toggled:after {
  opacity: 1;
}
.button-dropdown .toggle-area {
  width: calc(100% + 2px);
  height: 32px;
  border-radius: 18px;
  display: inline-block;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 15;
}
.body .button-dropdown a.toggle-area:after {
  display: none;
}
.button-dropdown ul.dropdown {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity .3s, top .3s;
  pointer-events: none;
}
.button-dropdown.toggled ul.dropdown {
  opacity: 1;
  top: calc(100% + 3px);
  left: 0;
  transition: opacity .3s .1s, top .3s;
  pointer-events: all;
}
.button-dropdown ul.dropdown li {
  width: 100%;
  margin: 0;
  transition: margin .3s;
}
.button-dropdown.toggled ul.dropdown li {
  margin: 0 0 1px 0;
}
.button-dropdown ul.dropdown li:last-of-type {
  margin: 0;
}
.button-dropdown ul.dropdown li:before {
  display: none;
}
button.dropdown, a.button-like.dropdown {
  width: 100%;
  color: #227B9D;
  padding: 4px 8px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #CFCFCF;
  border-radius: 18px;
  color: #2489AF;
  font-size: 13px;
  line-height: 14px;
  text-align: left;
}
.share-url {
    opacity: 0;
    position: absolute;
    left: -9999px;
    pointer-events: none;
}
.share-link .share-url-check {
    opacity: 0;
    display: inline-block;
    width: 11px;
    margin-left: 5px;
}
.share-link.active .share-url-check {
    opacity: 1;
}
button.dropdown:before, a.button-like.dropdown:before,
button.dropdown:after, a.button-like.dropdown:after {
  display: none;
}
button.dropdown:hover, a.button-like.dropdown:hover {
  background-color: #2489AF;
  color: #fff;
}
.img_right_25 {
  float: right;
  width: 25%;
  margin: 10px 0 10px 10px;
  clear: right;
}
.img_right_50 {
  float: right;
  width: 50%;
  margin: 10px 0 10px 10px;
  clear: right;
}
.img_right_native {
  float: right;
  max-width: 100%;
  width: auto;
  margin: 10px 0 10px 10px;
  clear: right;
}
.img_left_25 {
  float: left;
  width: 25%;
  margin: 10px 10px 10px 0;
  clear: left;
}
.img_left_50 {
  float: left;
  width: 50%;
  margin: 10px 10px 10px 0;
  clear: left;
}
.img_left_native {
  float: left;
  max-width: 100%;
  width: auto;
  margin: 10px 10px 10px 0;
  clear: left;
}
.img_full_styled {
  width: 100%;
  float: none;
  margin: 10px auto 10px;
}
.img_native_block {
    max-width: 100%;
}
.desktop-small, .tablet, .mobile {
  display: none;
}
#is_desktop_small, #is_tablet, #is_mobile {
  position: absolute;
}
.hidden {
  display: none;
}
.darkmode {
  display: none;
}
.calendar-svg g, .pen-svg g {
  stroke: #000;
}
.access-svg .svg-fill {
  fill: #010852;
}
.access-svg .svg-stroke {
  stroke: #010852;
}
.alert-svg path:first-of-type {
  fill: transparent;
  stroke: #000;
}
.alert-svg path:nth-of-type(2) {
  fill: #000;
}
.alert-svg.emergency path:first-of-type {
  stroke: red;
}
.alert-svg.emergency path:nth-of-type(2) {
  fill: red;
}
.alert-svg.closing path:first-of-type {
  stroke: orange;
}
.alert-svg.closing path:nth-of-type(2) {
  fill: orange;
}
.right-arrow-svg line, .right-arrow-svg polyline {
  stroke: #2489AF;
}
.right-chevron-svg polyline {
  stroke: #4C4C4C;
}
.circle-bg-svg circle {
  fill: #D9D9D9;
}
.circle-bg-svg path, .circle-bg-svg rect {
  fill: #fff;
  stroke: #000;
}
.locator-svg path, .locator-svg circle {
  stroke: #000;
}
#defs-element {
  display: none;
}

/*======================================================================================================
  HEADER STYLES - desktop
======================================================================================================*/
header {
  width: 100%;
  max-width: 1440px;
  /* margin: 0 auto 20px auto; */
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 30;
  /* JS - z index of header was overlapping overlays, and this seemed to fix it */
  /* z-index: 0; */
  transition: padding .3s ease-out;
}
header.show-alerts, header.show-alerts.hide-accessibility, header.show-alerts.hide-hours {
  padding: 97px 0 0 0;
}
header.show-accessibility, header.show-accessibility.hide-hours, header.show-accessibility.hide-alerts {
  padding: 121px 0 0 0;
}
header.show-hours, header.show-hours.hide-accessibility, header.show-hours.hide-alerts {
  padding: 111px 0 0 0;
}
header.close-notices {
  padding: 0;
}

header .header-notices {
  width: 100%;
  max-width: 1440px;
  display: none;
  position: absolute;
  top: 0;
  left: calc(50% - 720px);
  z-index: 5;
}

@media only screen and (max-width: 1440px) {
  header .header-notices {
    left: 0;
  }
}
header.open-notices .header-notices {
  display: block;
}
header .header-notices .close-icon {
  color: #000;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 1px;
  right: 5px;
  z-index: 15;
}
header .header-notices .notice-heading {
  width: 100%;
  margin: 0 0 15px 0;
  color: rgba(1,8,82,1);
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
  /*border-bottom: 3px solid rgba(1,8,82,0.8);*/
}
header .header-notices .notice-section {
  width: 100%;
  padding: 15px 10px;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  display: none;
  position: absolute;
  left: -9999px;
  transition: opacity 0s .3s, left 0s .3s;
}
header.show-accessibility .header-notices .notice-accessibility, header.show-hours .header-notices .notice-hours, header.show-alerts .header-notices .notice-alerts {
  background-color: #F4F4F4;
  opacity: 1;
  display: block;
  pointer-events: all;
  left: 0;
  transition: opacity 0s, left 0s;
}
header.hide-accessibility .header-notices .notice-accessibility, header.hide-hours .header-notices .notice-hours, header.hide-alerts .header-notices .notice-alerts {
  opacity: 0;
  left: -9999px;
  transition: opacity 0s, left 0s;
}
header .header-notices .notice-accessibility .access-options {
  width: 100%;
  display: flex;
}
header .header-notices .notice-accessibility .access-options .access-section {
  margin: 0 10px 0 0;
  display: flex;
  flex-wrap: wrap;
}
header .header-notices .notice-accessibility .access-options .access-section:last-of-type {
  margin: 0;
}
header .header-notices .notice-accessibility .access-options .access-section .option-heading {
  width: 100%;
  margin: 0 0 3px 0;
  font-size: 16px;
  font-weight: 600;
}
header .header-notices .notice-accessibility .access-options .access-section .option {
  margin: 0 10px 0 0;
  text-decoration: none;
  display: flex;
}
header .header-notices .notice-accessibility .access-options .access-section .option.tablet {
  display: none;
}
header .header-notices .notice-accessibility .access-options .access-section .option:last-of-type {
  margin: 0;
}
header .header-notices .notice-accessibility .access-options .access-section .option .icon {
  width: 22px;
  height: 22px;
  margin: 0 5px 0 0;
  background-color: #010852;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .3s;
}
header .header-notices .notice-accessibility .access-options .access-section .option.active .icon {
  background-color: red;
}
header .header-notices .notice-accessibility .access-options .access-section .option p {
  margin: 0;
  font-size: 14px;
}
header .header-notices .notice-accessibility .access-options .access-section button.option {
  padding: 7px 15px;
}

header .header-notices .notice-hours ul.hour-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}
header .header-notices .notice-hours ul.hour-list li {
  margin: 0 20px 0 0;
  padding: 0 15px;
  box-sizing: border-box;
  border-left: 2px solid rgba(1,8,82,0.5);
  font-size: 14px;
  position: relative;
}
header .header-notices .notice-hours ul.hour-list li:last-of-type {
  margin: 0;
}
header .header-notices .notice-hours ul.hour-list li.days-closed {
  max-width: 400px;
  padding: 5px;
  box-sizing: border-box;
  border: 2px solid rgba(1,8,82,0.5);
  font-size: 12px;
}
header .header-notices .notice-hours ul.hour-list li .day,
header .header-notices .notice-hours ul.hour-list li .time,
header .header-notices .notice-hours ul.hour-list li .disclaimer {
  display: block;
}
header .header-notices .notice-hours ul.hour-list li .day {
  font-weight: 600;
}
header .header-notices .notice-hours ul.hour-list li .disclaimer {
  color: red;
  font-size: 12px;
  line-height: 14px;
}
header .header-notices .notice-hours ul.hour-list li .message {
  margin: 0 0 0 3px;
  color: red;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  display: inline-block;
}
header .header-notices .notice-alerts .alert-svg {
  position: relative;
  top: 6px;
}

header .header-wrapper {
  width: 100%;
  /*background-color: #fff;*/
  background-color: #fcfcfc;
  display: flex;
  position: relative;
  z-index: 10;
}
header .header-wrapper:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #88B6CA;
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  transform: scaleX(0);
  transform-origin: 50% 50%;
  transition: transform .3s ease-out;
}
header.open-notices .header-wrapper:before {
  transform: scaleX(1);
  transition: transform .3s .2s ease-out;
}
header .skip-navigation {
  opacity: 0;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 35;
  pointer-events: none;
  transition: opacity .2s;
}
header .skip-navigation:focus {
  opacity: 1;
  pointer-events: all;
}
header .site-logo {
  margin: 32px 0 0 24px;
  display: flex;
  flex-direction: column;
  opacity: 0.9;
  position: relative;
  z-index: 30;
}
header .site-logo .logo-subtitle {
  margin-top: 10px;
}
header .site-navigations {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
header .site-navigations:before {
  content: "";
  width: calc(100% + 35px);
  height: 100%;
  background-image: url('/content/_theme_images/cpl_navigations_full_bkgd.png');
  background-repeat: no-repeat;
  background-size: calc(100% + 200px) 100%;
  /*background-size: contain;*/
  background-position: top left;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}
header .ham-menu {
  width: 22px;
  /* margin: 0 10px 0 0; */
  flex-direction: column;
  position: relative;
  z-index: 100;
}
header .ham-menu .line {
  width: 100%;
  height: 1px;
  margin-bottom: 7px;
  border-radius: 15px;
  background-color: rgba(1,8,82,1);
  opacity: 1;
  display: inline-block;
  transition: background-color .3s ease-out, opacity .2s ease-out, transform .3s ease-out;
}
header.open-menu .ham-menu .line,
header.open-notices .ham-menu .line {
  margin-bottom: 0;
  position: absolute;
  top: 40px;
}
header.open-menu .ham-menu .line:first-of-type,
header.open-notices .ham-menu .line:first-of-type {
  transform: rotate(45deg);
}
header.open-menu .ham-menu .line:nth-of-type(2),
header.open-notices .ham-menu .line:nth-of-type(2) {
  transform: rotate(-45deg);
}
header.open-menu .ham-menu .line:last-of-type,
header.open-notices .ham-menu .line:last-of-type {
  opacity: 0;
}

.main-nav {
  width: 100%;
  padding: 29px 45px 57px 0;
  box-sizing: border-box;
  position: relative;
  z-index: 31;
}
.main-nav:before {
  content: "";
  width: calc(100% + 31px);
  height: 100%;
  background-image: url('/content/_theme_images/cpl_main_nav_full_bkgd.png');
  background-repeat: no-repeat;
  background-size: calc(100% + 150px) 100%;
  display: block;
  opacity: 1;
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 15;
  transition: width .3s, opacity .3s;
}
.main-nav ul.nav-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 20;
}
header ul.nav-list li {
  margin: 0 33px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.main-nav ul.nav-list li:last-of-type {
  margin: 0;
}
header ul.nav-list li:before, header ul.nav-list li:after {
  content: "";
  width: 100%;
  background-color: rgba(1,8,82,0.31);
  display: block;
  position: absolute;
  left: 0;
}
header ul.nav-list li:before {
  width: 0;
  height: 1px;
  bottom: -4px;
}
header ul.nav-list li:hover:before,
header ul.nav-list li:focus:before {
  width: 100%;
}
header ul.nav-list li:after {
  width: 1px;
  height: 17px;
  background-color: rgba(1,8,82,0.31);
  left: 50%;
  bottom: -21px;
  transform: scaleY(0);
  transform-origin: 0 0;
}
header ul.nav-list li.dropdown-included:hover:after,
header ul.nav-list li.dropdown-included:focus-within:after {
  transform: scaleY(1);
  transition: transform .2s;
}
header ul.nav-list li:hover,
header ul.nav-list li:focus {
  z-index: 15;
}
.main-nav ul.nav-list li a {
  color: rgba(1,8,82,0.9);
  font-size: 16px;
  font-weight: 600;
  line-height: 15px;
  text-decoration: none;
  text-transform: uppercase;
}
.main-nav ul.nav-list li a:hover,
.main-nav ul.nav-list li a:focus {
  color: rgba(1,8,82,0.9);
}
.main-nav ul.nav-list li .item-arrow {
  display: none;
}

header ul.nav-list li .list-dropdown {
  /* background-color: #fff; */
  /* border: 1px solid rgba(1,8,82,0.31); */
  box-shadow: 0 1px 4px rgba(150,150,150,0.0);
  opacity: 0;
  position: absolute;
  top: calc(100% + 25px);
  /* left: 0; */
  z-index: 99;
  /* transition: opacity .3s 0s; */
  transition: opacity 0s, box-shadow 0s;
  pointer-events: none;
}
.main-nav ul.nav-list li:last-of-type .list-dropdown{
    right:0px;
}
header ul.nav-list li:hover .list-dropdown,
header ul.nav-list li:focus-within .list-dropdown {
  box-shadow: 0 1px 4px rgba(150,150,150,0.53);
  opacity: 1;
  pointer-events: all;
  transition: opacity .2s .1s, box-shadow .3s .6s;
  /* transition: opacity .3s .4s; */
}
header ul.nav-list li .list-dropdown ul:before,
header ul.nav-list li .list-dropdown ul:after {
  content: "";
  width: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  z-index: 5;
}
header ul.nav-list li .list-dropdown ul:before {
  height: 26px;
  top: -26px;
}
header ul.nav-list li .list-dropdown ul:after {
  height: 8px;
  /* background-color: #022E79; */
  background-color: #fff;
  border-top: 4px solid #022E79;
  border-bottom: 4px solid #022E79;
  border-left: 1px solid rgba(1,8,82,0.31);
  border-right: 1px solid rgba(1,8,82,0.31);
  top: -4px;
  left: -1px;
  transition: height .3s .2s;
}
header ul.nav-list li:hover .list-dropdown ul:after,
header ul.nav-list li:focus-within .list-dropdown ul:after {
  height: 100%;
}
.main-nav ul.nav-list li:nth-of-type(2) .list-dropdown ul:after {
  /* background-color: #C3C53A; */
  /* border-color: #C3C53A; */
  border-top: 4px solid #C3C53A;
  border-bottom: 4px solid #C3C53A;
}
.main-nav ul.nav-list li:nth-of-type(3) .list-dropdown ul:after {
  /* background-color: #6CB7D1; */
  /* border-color: #6CB7D1; */
  border-top: 4px solid #6CB7D1;
  border-bottom: 4px solid #6CB7D1;
}
.main-nav ul.nav-list li:nth-of-type(4) .list-dropdown ul:after {
  /* background-color: #03BDA1; */
  /* border-color: #03BDA1; */
  border-top: 4px solid #03BDA1;
  border-bottom: 4px solid #03BDA1;
}
.main-nav ul.nav-list li:nth-of-type(5) .list-dropdown ul:after {
  /* background-color: #E95900; */
  /* border-color: #E95900; */
  border-top: 4px solid #E95900;
  border-bottom: 4px solid #E95900;
}
.main-nav ul.nav-list li:nth-of-type(6) .list-dropdown ul:after {
  /* background-color: #E8C983; */
  /* border-color: #E8C983; */
  border-top: 4px solid #E8C983;
  border-bottom: 4px solid #E8C983;
}
header ul.nav-list li .list-dropdown ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}
header ul.nav-list li .list-dropdown ul li {
  margin: 0;
  /* background-color: #fff; */
  /* border-left: 1px solid rgba(1,8,82,0.31); */
  /* border-right: 1px solid rgba(1,8,82,0.31); */
  opacity: 0;
  display: block;
  position: relative;
  z-index: 10;
  transition: opacity 0s;
}
header ul.nav-list li:hover .list-dropdown ul li,
header ul.nav-list li:focus-within .list-dropdown ul li {
  opacity: 1;
  transition: opacity .3s .25s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(2),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(2) {
  transition: opacity .3s .3s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(3),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(3){
  transition: opacity .3s .35s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(4),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(4) {
  transition: opacity .3s .4s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(5),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(5) {
  transition: opacity .3s .45s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(6),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(6) {
  transition: opacity .3s .5s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(7),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(7) {
  transition: opacity .3s .55s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(8),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(8) {
  transition: opacity .3s .6s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(9),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(9) {
  transition: opacity .3s .65s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(10),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(10) {
  transition: opacity .3s .70s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(11),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(11) {
  transition: opacity .3s .75s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(12),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(12) {
  transition: opacity .3s .8s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(13),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(13) {
  transition: opacity .3s .85s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(14),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(14) {
  transition: opacity .3s .9s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(15),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(15) {
  transition: opacity .3s .95s;
}
header ul.nav-list li:hover .list-dropdown ul li:nth-of-type(16),
header ul.nav-list li:focus-within .list-dropdown ul li:nth-of-type(16) {
  transition: opacity .3s 1s;
}
header ul.nav-list li .list-dropdown ul li:before, header ul.nav-list li .list-dropdown ul li:after {
  display: none;
}
header ul.nav-list li .list-dropdown ul li a {
  width: 100%;
  padding: 8px 19px;
  box-sizing: border-box;
  background-color: rgba(2,46,121,0);
  color: #464646;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  transition: background-color .3s;
}
.main-nav ul.nav-list li .list-dropdown ul li a:hover, .main-nav ul.nav-list li .list-dropdown ul li a:focus, .main-nav ul.nav-list li .list-dropdown ul li.active a {
  background-color: rgba(2,46,121,0.1);
  color: #464646;
}
.main-nav ul.nav-list li:nth-of-type(2) .list-dropdown ul li a:hover,
.main-nav ul.nav-list li:nth-of-type(2) .list-dropdown ul li a:focus,
.main-nav ul.nav-list li:nth-of-type(2) .list-dropdown ul li.active a {
  background-color: rgba(195,197,58,0.18);
}
.main-nav ul.nav-list li:nth-of-type(3) .list-dropdown ul li a:hover,
.main-nav ul.nav-list li:nth-of-type(3) .list-dropdown ul li a:focus,
.main-nav ul.nav-list li:nth-of-type(3) .list-dropdown ul li.active a {
  background-color: rgba(108,183,209,0.17);
}
.main-nav ul.nav-list li:nth-of-type(4) .list-dropdown ul li a:hover,
.main-nav ul.nav-list li:nth-of-type(4) .list-dropdown ul li a:focus,
.main-nav ul.nav-list li:nth-of-type(4) .list-dropdown ul li.active a {
  background-color: rgba(3,189,161,0.1);
}
.main-nav ul.nav-list li:nth-of-type(5) .list-dropdown ul li a:hover,
.main-nav ul.nav-list li:nth-of-type(5) .list-dropdown ul li a:focus,
.main-nav ul.nav-list li:nth-of-type(5) .list-dropdown ul li.active a {
  background-color: rgba(233,89,0,0.15);
}
.main-nav ul.nav-list li:nth-of-type(6) .list-dropdown ul li a:hover,
.main-nav ul.nav-list li:nth-of-type(6) .list-dropdown ul li a:focus,
.main-nav ul.nav-list li:nth-of-type(6) .list-dropdown ul li.active a {
  background-color: rgba(232,201,131,0.26);
}

.utility-nav ul.nav-list li .list-dropdown {
  top: calc(100% + 22px);
}
.utility-nav ul.nav-list li .list-dropdown ul:after {
  border: 1px solid rgba(1,8,82,0.31);
  top: -1px;
}
.utility-nav ul.nav-list li .list-dropdown ul li a {
  background-color: rgba(228,228,228,0);
}
.utility-nav ul.nav-list li .list-dropdown ul li a:hover,
.utility-nav ul.nav-list li .list-dropdown ul li a:focus,
.utility-nav ul.nav-list li .list-dropdown ul li.active a {
  background-color: rgba(228,228,228,.56);
  color: #464646;
}

.utility-nav {
  width: 100%;
  padding: 14px 45px 14px 0;
  box-sizing: border-box;
  /* background-color: #CED6D9; */
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  z-index: 1003;
}
.utility-nav ul.nav-notice {
  margin: 0 28px 0 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: flex-start;
}
.utility-nav ul.nav-notice li {
  margin: 0 20px 0 0;
  display: flex;
  justify-content: center;
  position: relative;
}
.utility-nav ul.nav-notice li.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.utility-nav ul.nav-notice li:last-of-type {
  margin: 0;
}
.utility-nav ul.nav-notice li:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 10px solid #227B9D;
  opacity: 0.5;
  position: absolute;
  top: -14px;
  left: calc(50% - 9px);
}
.utility-nav ul.nav-notice li a {
  color: rgba(1,8,82,0.9);
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  text-decoration: none;
  display: flex;
}
.utility-nav ul.nav-notice li a.notice-icon {
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
.utility-nav ul.nav-notice li.accessibility a.notice-icon {
  background-image: url('/content/_theme_images/cpl_icon_accessibility.png');
}
.utility-nav ul.nav-list {
  /* width: 100%; */
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
}
.utility-nav ul.nav-list li {
  /* width: 100%; */
  /* max-width: ...; */
  margin: 0 25px 0 0;
  position: relative;
}
/*
.utility-nav ul.nav-list li:last-of-type {
  margin: 0;
}
*/
.utility-nav ul.nav-list li a {
  color: rgba(1,8,82,0.9);
  font-size: 14px;
  line-height: 19px;
  text-decoration: none;
}
.utility-nav ul.nav-list li a:hover,
.utility-nav ul.nav-list li a:focus {
  color: rgba(1,8,82,1);
}
.utility-nav ul.social-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
.utility-nav ul.social-links li {
  margin: 0 5px 0 0;
}
.utility-nav ul.social-links li:last-of-type {
  margin: 0;
}
.utility-nav ul.social-links li a {
  opacity: 0.9;
  display: flex;
  transition: opacity .3s;
}
.utility-nav ul.social-links li a:hover,
.utility-nav ul.social-links li a:focus {
  opacity: 1;
}
ul.social-links li a svg.social-svg path {
  fill: #010852;
}

.top-search-input {
  width: 100%;
  margin: 0 0 16px 0;
  padding: 0 45px 0 0;
  box-sizing: border-box;
  position: relative;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 101;
}
.top-search-input .onsite-search {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.top-search-input .onsite-search .onsite-search-label {
  width: 0px;
  height: 0px;
  text-indent: calc(-100vh + -9999px);
}
.top-search-input .onsite-search .onsite-search-options {
  padding: 0 10px 0 0;
  box-sizing: border-box;
  display: flex;
  position: absolute;
  right: 75px;
}
.top-search-input .onsite-search .onsite-search-options .option {
  /* margin: 0 10px 0 0; */
  display: flex;
  align-items: center;
  position: relative;
}
.top-search-input .onsite-search .onsite-search-options .option label {
  margin: 0;
  padding: 5px 10px;
  /* background-color: red; */
  box-sizing: border-box;
  color: rgba(0,0,0,0.7);
  font-size: 11px;
  line-height: 15px;
}
.top-search-input .onsite-search .onsite-search-options .option input[type="radio"] {
  width: 7px;
  height: 7px;
  margin: 0;
  position: absolute;
}
.top-search-input .onsite-search .onsite-search-input {
  width: 354px;
  max-width: 100%;
  padding: 4px 5px;
  box-sizing: border-box;
  background-color: #FCFCFC;
  border: 1px solid #979797;
  border-radius: 5px;
  color: rgba(0,0,0,0.7);
  font-size: 13px;
  line-height: 14px;
}
.top-search-input .onsite-search .onsite-search-button {
  border: none;
  margin: 0 0 0 8px;
  /*padding: 5px 18px;*/
  padding: 3px 18px 4px 18px;
  box-sizing: border-box;
  background-color: #010852;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
}

.top-search-input .onsite-search-results{
    position: absolute;
    top: 111%;
    left: 0%;
    right: 0%;
    padding: 10px;
    background-color: #ffffff;
    gap: 15px;
    margin-top: 0px;
    border: 1px solid gray;
    border-radius: 5px;
    display: none;
}
.top-search-input .onsite-search-results.active{
    display: flex;
    flex-direction: column;
}
.dark-mode .top-search-input .onsite-search-results{
    background-color: #292929;
}
.top-search-input .onsite-search-results .result-category{
    
}

.top-search-input .onsite-search-results .result-category .title{
    margin-bottom: 8px;
    font-weight: 600;
    border-bottom: 1px solid #292929;
    display: flex;
    gap: 4px;
    align-items: center;
}
.dark-mode .top-search-input .onsite-search-results .result-category .title{
    border-color:    #ffffff;
}
.top-search-input .onsite-search-results .result-category .result{
    margin-bottom: 10px;
    line-height: 18px;
}
.top-search-input .onsite-search-results a{
    text-decoration: none;  
    color: #2489AF;
    font-weight: bold;
}
form {
  margin-top: 15px;
}
.register-form-two {
    margin-top: unset;
}
form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
form .field-row {
  display: flex;
}
form .field-row .field-container {
  flex-grow: 1;
  margin-right: 10px;
}
form .field-row .field-container label {
  width: 100%;
  display: block;
}
form .field-row .field-container input[type="text"],
form .field-row .field-container input[type="email"],
form .field-row .field-container textarea {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 7px 0 4px 10px;
  box-sizing: border-box;
  border: 1px solid #979797;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  line-height: 17px;
  display: block;
}

/*======================================================================================================
  BODY STYLES - desktop
======================================================================================================*/
body {
  background-color: #fcfcfc;
}
.main-content {
  width: 100%;
  background-color: #fcfcfc;
  position: relative;
  z-index: 25;
  /* max-width: 1280px; */
  margin: auto;
}
.main-content.secondary, .main-content.tertiary, .main-content.search-page {
  /* width: calc(100% - 50px); */
  margin: auto;
  max-width: 1200px;
  width: calc(100% - 80px);
}
.main-content.calendar {
  margin: auto;
  max-width: 1200px;
  width: calc(100% - 50px);
}
.main-content.overlay-active {
  z-index: 35;
}
.page-content {
  width: 100%;
  /* width: calc(100% - 50px); */
  /* max-width: 1280px; */
  /* min-height: 68vh; */
  margin: 0 auto;
  padding: 20px 0 0 0;
  box-sizing: border-box;
  display: flex;
  /*flex-direction: column;*/
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 10;

}

@media only screen and (min-width: 2000px) {
    .main-content.home .page-content  {
        gap: 0px 3000px;
    }
}

.main-content.home .page-content {
  max-width: none;
  background-color: #fcfcfc;
}
.main-content.calendar-event .page-content {
  /* display: block; */
}
.page-banner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 50px auto;
  padding: 30px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid rgba(1,8,82,0.5);
}
.page-banner .banner-media {
  width: 100%;
  min-height: 314px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.main-content.tertiary .page-banner .banner-media {
  min-height: 205px;
}

.hang-item {
  position: relative;
}
.hang-item:before {
  content: "";
  width: 1px;
  height: 20px;
  background-color: rgba(1,8,82,0.3);
  display: block;
  position: absolute;
  top: -21px;
  left: 50%;
  z-index: 1;
}

.home-events {
  width: 100%;
  position: relative;
}
.home-events:before {
  content: '';
  width: 100%;
  height: calc(100% + 227px);
  background-image: linear-gradient(#fcfcfc, #fff);
  display: block;
  position: absolute;
  top: -260px;
  left: 0;
  z-index: 1;
}
.home-events .home-event-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 65px auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.home-events .main-events {
  /* padding: 25px 0 20px 0; */
  padding: 25px 25px 0 25px;
  box-sizing: border-box;
  border: 1px solid rgba(1,8,82,0.31);
  position: relative;
  z-index: 5;
}
.home-events .main-events .events-swiper {
  /* width: 100%; */
  /*width: 777px;*/
  width: 725px;
  height: 623px;
  /*padding: 25px 25px 20px 25px;*/
  /*padding: 0 25px 20px 25px;*/
  /*box-sizing: border-box;*/
}
.home-events .main-events .events-swiper .swiper-slide {
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
  transition: opacity .3s;
}
.home-events .main-events .events-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
  pointer-events: all;
}
.home-events .main-events .events-swiper .swiper-slide .event-heading {
  /* width: 100%; */
  margin: 30px 0 0 0;
  color: #464646;
  font-size: 30px;
  line-height: 41px;
  display: block;
}
.home-events .main-events .events-swiper .swiper-slide .event-info {
  margin: -4px 0 0 0;
  color: #464646;
  font-size: 20px;
  line-height: 27px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.home-events .main-events .events-swiper .swiper-slide .event-info .date:after,
.home-events .main-events .events-swiper .swiper-slide .event-info .time:after {
  content: " | ";
}
.home-events .main-events .events-swiper .swiper-slide .event-info .location p {
  margin: 0;
  color: #464646;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
}
.home-events .main-events .events-swiper .swiper-slide .event-link {
  width: 324px;
  margin: 5px 0 0 0;
  padding: 17px 0;
  box-sizing: border-box;
  /* background-color: #F08E52; */
  background-image: url('/content/_theme_images/cpl_event_link_bkgd.png');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.8;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  display: block;
  transition: opacity .3s;
}
.home-events .main-events .events-swiper .swiper-slide .event-link:hover {
  opacity: 1;
}
.home-events .main-events .events-swiper .swiper-pagination {
  /* bottom: 20px; */
  bottom: 11px;
}
.home-events .main-events .events-swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 7px 0 0;
  background-color: transparent;
  border: 1px solid #010852;
  opacity: 1;
  transition: background-color .3s;
}
.home-events .main-events .events-swiper .swiper-pagination-bullet:last-of-type {
  margin: 0;
}
.home-events .main-events .events-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #010852;
}
.home-events .more-events {
  width: 100%;
  max-width: 400px;
  position: relative;
  z-index: 5;
}
.home-events .more-events .highlighted-event {
  width: 100%;
  margin: 0 0 18px 0;
  padding: 25px 25px 15px 25px;
  box-sizing: border-box;
  border: 1px solid rgba(1,8,82,0.31);
  background-color: #fff;
  transition: padding .3s;
}
.home-events .more-events .highlighted-event img {
  transition: width .3s, height .3s;
}
.home-events .more-events .highlighted-event p {
  font-size: 16px;
  line-height: 22px;
}
.home-events .more-events .highlighted-event .event-heading {
  font-size: 20px;
  line-height: 27px;
  display: block;
}
.upcoming-events {
  width: 100%;
  padding: 17px 29px 27px 29px;
  box-sizing: border-box;
  border: 1px solid rgba(1,8,82,0.31);
  border-top: 5px solid #2489AF;
  background-color: #F4F4F4;
  margin-bottom: 30px;
}
.upcoming-events .heading {
  margin: 0 0 13px 0;
  color: #464646;
  font-size: 26px;
  line-height: 36px;
  display: block;
}
.upcoming-events .event {
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
}
.upcoming-events .event:last-of-type {
  margin: 0;
}
.upcoming-events .event .event-date {
  min-width: 56px;
  /* padding: 3px; */
  padding: 2px 0;
  box-sizing: border-box;
  margin: 0 15px 0 0;
  border: 1px solid #010852;
  border-top: 11px solid #010852;
  background-color: #fff;
  color: #010852;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 0.1px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.upcoming-events .event .event-date .month {
  text-transform: uppercase;
  display: block;
}
.upcoming-events .event .event-date .date {
  font-size: 20px;
  line-height: 24px;
  display: block;
}
.upcoming-events .event .event-title {
  margin: 0 0 3px 0;
  color: #464646;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  opacity: 0.8;
  display: inline-block;
  transition: opacity .3s;
}
/*
.upcoming-events .event .event-title:after {
  content: "";
  width: 12px;
  height: 10px;
  margin: 0 0 0 5px;
  background-image: url('/content/_theme_images/cpl_icon_event_arrow.svg');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}
*/
.upcoming-events .event .event-title:hover {
  opacity: 1;
}
.upcoming-events .event .event-info {
  margin: 0 0 0 3px;
  font-size: 14px;
  line-height: 19px;
}
.upcoming-events .event .event-info .date:after {
  content: " | ";
}
.upcoming-events a.button-like {
  margin: 22px 0 0 0;
}

.quicklinks-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 75px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.quicklinks-container h2 {
  width: 100%;
  max-width: 204px;
  margin: 0 0 25px 0;
  padding: 15px 0 0 0;
  box-sizing: border-box;
  border-top: 1px solid #010852;
  /* color: #010852; */
  text-align: center;
}
.quicklinks-container {
  padding: 0 10px;
  box-sizing: border-box;
}
.quicklinks-container .quicklinks {
  display: flex;
}
.quicklink {
  max-width: 73px;
  margin: 0 47px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
.quicklink img {
    max-width: 73px;
}
.quicklinks-container .quicklinks .quicklink:last-of-type {
  margin: 0;
}
.quicklink .heading {
  /* max-width: 60px; */
  margin: 10px 0 0 0;
  color: #010852;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
}
.quicklinks-container .quicklinks .quicklink-separator {
  width: 1px;
  height: 100%;
  margin: 0 47px 0 0;
  background-color: #010852;
  opacity: 0.6;
  display: block;
}

.cpl-section {
  width: calc(100% - 50px);
  max-width: 1200px;
  margin: 0 auto 75px auto;
}
.cpl-section:last-of-type {
  margin: 0 auto;
}
.cpl-section.two-col {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.cpl-section.full-size {
  width: 100%;
}
.cpl-section.full {
  width: 100%;
  max-width: none;
  padding: 138px 0 120px 0;
  box-sizing: border-box;
  background-image: url('/content/_theme_images/cpl_full_section_bkgd.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cpl-section.full.yellow {
  background-image: url('/content/_theme_images/cpl_full_section_ylw_bkgd.png');
}
.cpl-section.full h3 {
  text-align: center;
}
.cpl-section.full p {
  text-align: center;
}
.cpl-section.full .section-content {
  width: calc(100% - 50px);
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cpl-section .column-one {
  width: 100%;
  max-width: 242px;
  padding: 10px 0 0 0;
  box-sizing: border-box;
  border-top: 1px solid #010852;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cpl-section .column-one a.button-like {
  margin: 0 auto;
}
.cpl-section .column-one .h2-like {
  text-align: center;
}
.cpl-section .column-item.booklists-options {
  margin: 0 0 20px 0;
  padding: 15px 16px 15px 19px;
  box-sizing: border-box;
  background-color: #F4F4F4;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}
.cpl-section .column-item.booklists-options h4 {
  margin: 0 0 8px 0;
  color: #484848;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
.cpl-section .column-item.booklists-options ul {
  margin: 0;
  padding: 0 0 0 25px;
  font-size: 14px;
  line-height: 19px;
}
.cpl-section .column-item.booklists-options ul li {
  margin: 0 0 10px 0;
  position: relative;
}
.cpl-section .column-item.booklists-options ul li:last-of-type {
  margin: 0;
}
.cpl-section .column-item.booklists-options ul li:before {
  width: 16px;
  height: 14px;
  margin: 0;
  background-color: transparent;
  background-image: url('/assets/images/cpl_icon_book.svg');
  background-size: cover;
  border-radius: 0;
  position: absolute;
  top: 3px;
  left: -27px;
}
.cpl-section .column-item.booklists-options ul li a {
  color: #000;
  text-decoration: none;
}
.cpl-section ul.filters {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cpl-section ul.filters.tablet {
  display: none;
}
.cpl-section ul.filters li {
  margin: 0 0 3px 0;
}
.cpl-section ul.filters li:last-of-type {
  margin: 0;
}
.body .cpl-section ul.filters li:before,
.body .cpl-section .column-two .column-item ul.quicklinks li:before {
  display: none;
}
.cpl-section ul.filters li a {
  padding: 0 6px;
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 12px;
  color: #010852;
  font-size: 15px;
  line-height: 25px;
  text-decoration: none;
  display: block;
  transition: background-color .3s;
  overflow: hidden;
}
.cpl-section ul.filters li.active a, .cpl-section ul.filters li a:hover {
  background-color: #E2E2E2;
}
.cpl-section ul.filters li.active a {
  pointer-events: none;
}
.cpl-section.podcast ul.filters.tablet li a {
  /*background-color: transparent;*/
  border: 0.5px solid #979797;
}
.cpl-section.podcast ul.filters.tablet li.active a, .cpl-section.podcast ul.filters.tablet li:hover a {
  /*background-color: #ECECEC;*/
  border: 0.5px solid transparent;
  /*color: #010852;*/
}
.cpl-section .column-two {
  width: 100%;
  max-width: 895px;
  padding: 10px 0 0 0;
  box-sizing: border-box;
  border-top: 1px solid #010852;
  /* display: flex; */
  position: relative;
}
.cpl-section .column-two.no-border {
  padding: 0;
  border: none;
}
.cpl-section .column-two .column-section {
  width: 100%;
  opacity: 0;
  display: flex;
  pointer-events: none;
  position: absolute;
}
.cpl-section .column-two .column-section.active {
  opacity: 1;
  pointer-events: all;
  position: relative;
}
.cpl-section .column-two .column-section .column-item {
  opacity: 0;
  transition: opacity .3s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(2) {
  transition-delay: .2s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(3) {
  transition-delay: .4s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(4) {
  transition-delay: .6s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(5) {
  transition-delay: .8s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(6) {
  transition-delay: 1s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(7) {
  transition-delay: 1.2s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(8) {
  transition-delay: 1.4s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(9) {
  transition-delay: 1.6s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(10) {
  transition-delay: 1.8s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(11) {
  transition-delay: 2s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(12) {
  transition-delay: 2.2s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(13) {
  transition-delay: 2.4s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(14) {
  transition-delay: 2.6s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(15) {
  transition-delay: 2.8s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(16) {
  transition-delay: 3s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(17) {
  transition-delay: 3.2s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(18) {
  transition-delay: 3.4s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(19) {
  transition-delay: 3.6s;
}
.cpl-section .column-two .column-section .column-item:nth-of-type(20) {
  transition-delay: 3.8s;
}
.cpl-section .column-two .column-section.active .column-item {
  opacity: 1;
}
.cpl-section .column-two .column-item {
  width: 100%;
  margin: 0 23px 0 0;
}
.cpl-section .column-two .column-item:last-of-type {
  margin: 0;
}
.cpl-section .column-two .column-item.event {
  max-width: 300px;
}
.cpl-section .column-two .column-item.booklists {
  max-width: 319px;
}
.cpl-section .column-two .column-item.quicklink {
  max-width: 230px;
}
.cpl-section .column-two .column-item .item-heading {
  width: 100%;
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: 200;
  line-height: 19px;
  display: block;
}
.cpl-section .column-two .column-item .item-media {
  width: 100%;
  height: 168px;
  margin: 0 0 8px 0;
  border: 1px solid #BFBFBF;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
.cpl-section .column-two .column-item .item-media.placeholder {
  background-color: #227B9D;
  background-image: url(/content/_theme_images/cpl_logo_wht.svg);
  background-size: 43%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.cpl-section .column-two .column-item .item-title {
  margin: 0 0 3px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
.cpl-section .column-two .column-item .item-info {
  margin: 0 0 5px 0;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  flex-wrap: wrap;
}
.cpl-section .column-two .column-item .item-info .date:before {
  content: "";
  width: 15px;
  height: 14px;
  margin: 0 5px 0 0;
  background-image: url('/content/_theme_images/cpl_icon_calendar.svg');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  top: 2px;
}
.cpl-section .column-two .column-item .item-info .date:after {
  content: "|";
  margin: 0 4px;
  display: inline-block;
}
.cpl-section .column-two .column-item .item-info .location:before {
  content: "";
  width: 11px;
  height: 15px;
  margin: 0 5px;
  background-image: url('/content/_theme_images/cpl_icon_location_pin.svg');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  top: 2px;
}

.cpl-section .column-two .column-item .booklists {
  /*margin: 0 0 5px 0;*/
  /*padding: 12px 12px 4px 12px;*/
  padding: 12px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #BFBFBF;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 8px;

}
.cpl-section .column-two .column-item .booklists .book {
  --book-width: calc(50% - 5px); 
  /*width: 92px;*/
  /*height: 144px;*/
  /*margin: 0 0 8px 0;*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: block;
  background-color: #E3F1F5;
  /* transition: transform .3s; */
  width: var(--book-width);
  /*height: calc( 120px * 1.5);*/
  height: 0px;
  padding-bottom: calc( var(--book-width) * 1.5);
}
.cpl-section .column-two .column-item .booklists .book .book-media .media-front{
    background-position: center center;   
}

.cpl-section .column-two .column-item ul.quicklinks {
  width: 100%;
  margin: 0;
  padding: 14px 15px;
  box-sizing: border-box;
  list-style-type: none;
  background-color: #fff;
  border: 1px solid #BFBFBF;
  border-top: 3px solid #010852;
}



.cpl-section .column-two .column-item ul.quicklinks li {
  margin: 0 0 12px 0;
}
.cpl-section .column-two .column-item ul.quicklinks li:last-of-type {
  margin: 0;
}
.cpl-section .column-two .column-item ul.quicklinks li a {
  opacity: 0.8;
  color: #4C4C4C;
  font-size: 14px;
  line-height: 19px;
  text-decoration: none;
  transition: opacity .3s;
}
.cpl-section .column-two .column-item ul.quicklinks li a:hover {
  opacity: 1;
}
.cpl-section .column-two .column-item ul.quicklinks li a:after {
  content: "";
  background-image: url('/content/_theme_images/cpl_icon_event_arrow.svg');
  width: 12px;
  height: 10px;
  margin: 0 0 0 5px;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}
.cpl-section .column-two .column-item.blog {
  max-width: 406px;
}
.cpl-section .column-two .column-item.blog.slim {
  max-width: 319px;
}
.cpl-section .column-two .column-item.blog .blog-media {
  width: 100%;
  height: 253px;
  margin: 0 0 5px 0;
  /* padding: 13px; */
  /* box-sizing: border-box; */
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #CFCFCF;
  /* background-color: #0A3351; */
  background-size: contain;
  display: block;
  position: relative;
}
.cpl-section .column-two .column-item.blog .blog-media.placeholder {
  background-color: #227B9D;
  background-image: url(/content/_theme_images/cpl_logo_wht.svg);
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.cpl-section .column-two .column-item.blog.slim .blog-media {
  height: 170px;
}
.cpl-section .column-two .column-item.blog .content {
  width: 100%;
  height: 100%;
  padding: 25px 15px;
  box-sizing: border-box;
  background-color: #EFEFEF;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity .3s;
  pointer-events: none;
}
.cpl-section .column-two .column-item.blog.slim .content {
  padding: 12px;
}
.cpl-section .column-two .column-item.blog .blog-media:hover .content {
  opacity: 1;
  pointer-events: all;
}
.cpl-section .column-two .column-item.blog .content p,
.cpl-section .column-two .column-item.blog .blog-body{
  margin: 0;
  text-align: center;
}
.cpl-section .column-two .column-item.blog.slim .blog-body {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cpl-section .column-two .column-item.blog .h4-like {
  text-decoration: none;
}
.cpl-section .column-two .column-item.blog .content .blog-info {
  margin: 12px 0 17px 0;
  font-size: 14px;
  line-height: 19px;
}
/*
.cpl-section .column-two .column-item.blog .content .blog-info .date:before {
  content: "";
  width: 16px;
  height: 14px;
  margin: 0 5px 0 0;
  background-image: url('/content/_theme_images/cpl_icon_calendar.svg');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  top: 3px;
}
*/
.cpl-section .column-two .column-item.blog .content .blog-info .date .calendar-svg {
  margin: 0 5px 0 0;
  display: inline-block;
  position: relative;
  top: 3px;
}
.cpl-section .column-two .column-item.blog .content .blog-info .date:after {
  content: "|";
  margin: 0 4px;
  display: inline-block;
}
.cpl-section .column-two .column-item.blog .content .blog-info .author .pen-svg {
  margin: 0 3px 0 0;
  display: inline-block;
  position: relative;
  top: 2px;
}
.cpl-section .column-two .column-item.blog .content .blog-tags {
  margin: 0 0 11px 0;
  display: flex;
  flex-wrap: wrap;
  padding: unset;
  justify-content: center;
}
.cpl-section .column-two .column-item.blog .content .blog-tags .tag {
  margin: 0 7px 7px 0;
  padding: 1px 8px 1px 5px;
  box-sizing: border-box;
  background-color: #DEDEDE;
  border-radius: 16px;
  color: #707070;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  transition: background-color .3s;
  width: max-content;
}
.cpl-section .column-two .column-item.blog .content .blog-tags .tag:hover {
  background-color: #E3E3E3;
}
/* .cpl-section .column-two .column-item.blog .content .blog-tags .tag:last-of-type {
  margin: 0;
} */
.cpl-section .section-content .content-columns {
  width: 100%;
  max-width: 1026px;
  /* margin: 26px 0 25px 0; */
  margin: 17px 0 21px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cpl-section .section-content .content-columns .column {
  width: 100%;
  border-radius: 7px;
}
.cpl-section .section-content .content-columns .column.list {
  /*max-width: 628px;*/
  padding: 27px 34px 39px 39px;
  box-sizing: border-box;
  border: 1px solid #BFBFBF;
  background-color: #FAFAFA;
  display: flex;
}
.cpl-section .section-content .content-columns .column .podcast-list {
  width: auto;
  max-width: none;
  margin: 0 70px 0 0;
  padding: 4px 0 0 0;
  box-sizing: border-box;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.cpl-section .section-content .content-columns .column .podcast-list:after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #C7C7C7;
  display: block;
  position: absolute;
  top: 0;
  right: -38px;
}
.cpl-section .section-content .content-columns .column .podcast-list h4 {
  margin: 0;
}
.cpl-section .section-content .content-columns .column .podcast-list a.arrow-button {
  /* margin: 21px 0 0 0; */
  margin: 11px 0 0 0;
}
.cpl-section .section-content .content-columns .column .podcast-sections {
  width: 100%;
  max-width: none;
  padding: 0;
  border: none;
  position: relative;
}
.cpl-section .section-content .content-columns .column .podcast-sections .podcast-section {
  opacity: 0;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  pointer-events: none;
}
.cpl-section .section-content .content-columns .column .podcast-sections .podcast-section.active {
  opacity: 1;
  position: relative;
  pointer-events: all;
}
.cpl-section .section-content .content-columns .column .podcast-sections .podcast-section .item {
  margin: 0 0 18px 0;
  opacity: 0;
  display: flex;
  transition: opacity .3s;
}
.cpl-section .section-content .content-columns .column .podcast-sections .podcast-section.active .item {
  opacity: 1;
  width: 50%;
}
.cpl-section .section-content .content-columns .column .podcast-sections .podcast-section.active .item:nth-of-type(2) {
  transition: opacity .3s .2s;
}
.cpl-section .section-content .content-columns .column .podcast-sections .podcast-section.active .item:nth-of-type(3) {
  transition: opacity .3s .5s;
}
.cpl-section .section-content .content-columns .column .podcast-sections .podcast-section.active .item:nth-of-type(4) {
  transition: opacity .3s .8s;
}
/*
.cpl-section .section-content .content-columns .column .podcast-sections .item:last-of-type {
  margin: 0;
}
*/
.cpl-section .section-content .content-columns .column .podcast-sections .item .item-content {
  margin: 0 0 0 11px;
}
.cpl-section .section-content .content-columns .column .podcast-sections .item .item-content .item-title {
  opacity: 0.8;
  color: #4C4C4C;
  font-size: 14px;
  line-height: 19px;
  display: block;
  text-decoration: none;
  transition: opacity .3s;
}
.cpl-section .section-content .content-columns .column .podcast-sections .item .item-content .right-chevron-svg {
  display: inline-block;
}
.cpl-section .section-content .content-columns .column .podcast-sections .item .item-content .item-title:hover {
  opacity: 1;
}
.cpl-section .section-content .content-columns .column .podcast-sections .item .item-content .item-info {
  padding: 0 0 0 2px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}
.cpl-section .section-content .content-columns .column .podcast-sections .item .item-content .item-info .date:after {
  content: "|";
  margin: 0 5px;
  display: inline-block;
}
.cpl-section .section-content .content-columns .column.placeholder {
  width: 100%;
  max-width: 377px;
  background-color: #1F283F;
  border: 1px solid #1F283F;
  display: flex;
  align-items: center;
}
.cpl-section .section-content .content-columns .column.form {
  width: 100%;
  margin: 0 0 20px 0;
  padding: 25px 0 20px 0;
  box-sizing: border-box;
  background-color: #E8C983;
  border: 1px solid #BFBFBF;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cpl-section .section-content .content-columns .column.form input[type="text"],
.cpl-section .section-content .content-columns .column.form input[type="password"],
.cpl-section .section-content .content-columns .column.form input[type="email"] {
  width: 100%;
  /*max-width: 420px;*/
  margin: 0 0 10px 0;
  padding: 6px 5px;
  box-sizing: border-box;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
}
.cpl-section .section-content .content-columns .column.newsletter {
  max-width: 503px;
  padding: 12px 14px;
  box-sizing: border-box;
  background-color: #F8F4EC;
  border: 1px solid #D0CCC4;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
}
.cpl-section .section-content .content-columns .column.newsletter .newletter-media {
  width: 131px;
  height: 159px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
.cpl-section .section-content .content-columns .column.newsletter .newletter-content {
  /* width: calc(100% - 146px); */
}
.cpl-section .section-content .content-columns .column.newsletter.media-included .newletter-content {
  width: calc(100% - 146px);
}
.cpl-section .section-content .content-columns .column.newsletter .newletter-content .heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
.cpl-section .section-content .content-columns .column.newsletter .newletter-content p {
  text-align: initial;
}
.cpl-section .column-two .column-item.form {
  max-width: 392px;
  margin: 0 0 33px 0;
  padding: 0 29px;
  box-sizing: border-box;
  background-color: #F4F4F4;
  border: 1px solid #BFBFBF;
  /* border-top: 5px solid #010852; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
.cpl-section .column-two .column-item.form:before {
  content: "";
  width: calc(100% + 2px);
  height: 5px;
  background-color: #010852;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
}
.cpl-section .column-two .column-item.form .item-heading {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
.cpl-section .column-two .column-item.form input[type="text"],
.cpl-section .column-two .column-item.form input[type="password"],
.cpl-section .column-two .column-item.form input[type="email"] {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 4px 9px;
  box-sizing: border-box;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  font-size: 13px;
  line-height: 18px;
}
.cpl-section .column-two .column-item.reserve {
  max-width: 207px;
}
.cpl-section .column-two .column-item.reserve .reserve-media {
  width: 100%;
  height: 164px;
  margin: 0 0 8px 0;
  padding: 9px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  border: 1px solid #CFCFCF;
  position: relative;
}
.cpl-section .column-two .column-item.reserve .reserve-media .content {
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  background-color: #EFEFEF;
  border: 1px solid #CFCFCF;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 8px;
  left: 8px;
  transition: opacity .3s;
}
.cpl-section .column-two .column-item.reserve .reserve-media:hover .content {
  opacity: 1;
  pointer-events: all;
}
.cpl-section .column-two .column-item.reserve .reserve-media .content .stat {
  margin: 0 14px 0 0;
  font-size: 16px;
  font-weight: 100;
  line-height: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cpl-section .column-two .column-item.reserve .reserve-media .content .stat:last-of-type {
  margin: 0;
}
.cpl-section .column-two .column-item.reserve .heading {
  margin: 0 0 4px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
.cpl-section .column-two .column-item.reserve p {
  /* max-height: 66px; */
  max-height: 22px;
  display: -webkit-box;
  /* -webkit-line-clamp: 3; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cpl-section .column-two .column-item.reserve a.read-more, .cpl-section .column-two .book-sliders a.read-more {
  margin: 0 0 10px 0;
  opacity: 0.8;
  color: #2489AF;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  display: block;
  transition: opacity .3s;
  text-transform: capitalize;
}
.cpl-section .column-two .column-item.reserve a.read-more:after {
  content: "";
  background-image: url('/content/_theme_images/cpl_event_view_more_arrow_down.svg');
  width: 6px;
  height: 9px;
  margin: 0 0 0 5px;
  display: inline-block;
}
.cpl-section .column-two .column-item.reserve a.read-more:hover {
  opacity: 1;
}

.cpl-section .column-two .column-item.booklist-filter {
  width: 100%;
  margin: 0 0 25px 0; 
  padding: 15px 12px 19px 12px;
  box-sizing: border-box;
  background-color: #F6F6F6;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top {
  width: 100%;
  padding: 0 0 13px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #D8D8D8;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list {
  margin: 0 10px 5px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list:last-of-type {
  margin: 0 18px 5px 0;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list a.list-toggle {
  color: #707070;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list a.list-toggle:after {
  content: "";
  width: 8px;
  height: 6px;
  margin: 0 0 0 5px;
  background-image: url('/assets/images/cpl_icon_filter_downarrow.svg');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  top: -2px;
  transform: rotate(0deg);
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown {
  margin: 0;
  padding: 6px;
  box-sizing: border-box;
  background-color: #fff;
  border: 0.5px solid #979797;
  list-style-type: none;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 5;
  transition: opacity .3s, top .3s;
  pointer-events: none;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list.active .filter-dropdown {
  opacity: 1;
  top: 24px;
  transition: opacity .3s .1s, top .3s;
  pointer-events: all;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown:before {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #979797;
  display: block;
  position: absolute;
  top: -6px;
  left: 15px;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown:after {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  display: block;
  position: absolute;
  top: -5px;
  left: 15px;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown li {
  padding: 1px 5px;
  box-sizing: border-box;
  background-color: #E2E2E2;
  display: flex;
  align-items: center;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown li:first-of-type {
  padding-top: 10px;
  position: relative;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown li:first-of-type:before {
  content: "";
  width: 0;
  height: 0;
  margin: 0;
  background-color: transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #E2E2E2;
  border-radius: 0;
  display: block;
  position: absolute;
  top: -6px;
  left: 9px;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown li:last-of-type {
  padding-bottom: 10px;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown li:before {
  display: none;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown li a,
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown li label {
  color: #000;
  font-size: 13px;
  line-height: 13px;
  text-decoration: none;
  white-space: nowrap;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown li input[type="checkbox"] {
  width: 10px;
  height: 10px;
  margin: 0 5px 0 0;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-tag {
  margin: 0 5px 5px 0;
  padding: 1px 6px;
  box-sizing: border-box;
  background-color: #DEDEDE;
  border-radius: 10px;
  color: #707070;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-tag a.tag-close {
  content: "";
  width: 9px;
  height: 9px;
  margin: 0 3px 0 0;
  background-image: url('/assets/images/cpl_icon_filter_close.svg');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}
.cpl-section .column-two .column-item.booklist-filter .filter-top .filter-tag a.tag-close:after {
  display: none;
}
.cpl-section .column-two .column-item.booklist-filter .filter-bottom {
  width: 100%;
  padding: 13px 0 0 0;
  box-sizing: border-box;
}
.cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists {
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists li {
  margin: 0 13px 11px 0;
  position: relative;
}
.cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists li:before,
.cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists li:after {
  content: "";
  width: 16px;
  height: 14px;
  margin: 0 10px 0 0;
  background-color: transparent;
  background-image: url('/assets/images/cpl_icon_book.svg');
  background-size: cover;
  border-radius: 0;
  display: inline-block;
  position: relative;
  top: 2px;
  transition: opacity .3s;
}
.cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists li:after {
  background-image: url('/assets/images/cpl_icon_book_blue.svg');
  opacity: 0;
  position: absolute;
  top: 5px;
  left: 0;
}
.cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists li.active:before {
  opacity: 0;
}
.cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists li.active:after {
  opacity: 1;
}
/*
.cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists li:before {
  display: none;
}
*/
.cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists li a {
  color: #000;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
}
.cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists li a:after {
  display: none;
}
.cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists li.active a {
  color: #227B9D;
}
.cpl-section .column-two .column-item.booklist {
  /*max-width: 185px;*/
  max-width: 148px;
  /*margin: 0 15px 20px 0;*/
  margin: 0 8px 20px 0;
  padding: 12px 11px 30px 11px;
  box-sizing: border-box;
  background-color: #fff;
  border: 0.5px solid #BFBFBF;
  box-shadow: 0 1px 4px rgba(181,181,181,0.43);
}
/*
.cpl-section .column-two .column-item.booklist:nth-child(3n) {
  margin: 0 0 20px 0;
}
*/
.cpl-section .column-two .column-item.booklist .item-booklist {
  width: 100%;
  /*height: 254px;*/
  height: 191px;
  display: block;
  position: relative;
}
.cpl-section .column-two .column-item.booklist .item-booklist a:after {
  display: none;
}
.cpl-section .column-two .column-item.booklist .item-booklist .media {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 50% 50%;
  transition: opacity .3s, transform .3s;
}
.cpl-section .column-two .column-item.booklist .item-booklist .media.placeholder {
  background-color: #227B9D;
  background-image: url(/content/_theme_images/cpl_logo_wht.svg);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.cpl-section .column-two .column-item.booklist .item-booklist:hover .media {
  opacity: 0;
  transform: scaleX(-1);
}
.cpl-section .column-two .column-item.booklist .item-booklist .content {
  width: 100%;
  height: 100%;
  padding: 9px 8px;
  box-sizing: border-box;
  background-color: #EFEFEF;
  border: 0.5px solid #BFBFBF;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform: scaleX(-1);
  transform-origin: 50% 50%;
  transition: transform .3s, opacity .3s;
}
.cpl-section .column-two .column-item.booklist .item-booklist:hover .content {
  opacity: 1;
  transform: scaleX(1);
  pointer-events: all;
  transition: transform .3s, opacity .3s .15s;
}
.cpl-section .column-two .column-item.booklist .item-booklist .content p {
  font-size: 12px;
  line-height: 17px;
}
.cpl-section .column-two .column-item.booklist .item-booklist .content .item-body {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cpl-section .column-two .column-item.booklist .title {
  margin: 5px 0 3px 0;
  font-size: 16px;
  line-height: 17px;
}
.cpl-section .column-two .column-item.booklist .author {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}
.cpl-section .column-two .column-item.staff {
  max-width: 290px;
  margin: 0 12px 15px 0;
  padding: 9px 9px 28px 9px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #BFBFBF;
  flex-direction: column;
}
/* .body edits */
.body .cpl-section .column-two {
  max-width: 640px;
}
.body .cpl-section .column-two.no-border {
  max-width: none;
}
.body .cpl-section .column-two .column-section {
  flex-wrap: wrap;
}
.body .cpl-section .column-two .column-item.event {
  max-width: 285px;
  margin: 0 23px 20px 0;
}
.body .cpl-section .column-two .column-item .item-media {
  /* padding: 9px; */
  /* box-sizing: border-box; */
  background-color: #fff;
  background-size: calc(100% - 18px) calc(100% - 18px);
  background-position: 9px 9px;
}
.body .cpl-section .column-two .column-item .item-title {
  margin: 0 0 5px 0;
  color: #4B4B4B;
  font-size: 20px;
  line-height: 23px;
}
.body .cpl-section .column-two .column-item .item-info {
  font-size: 14px;
  line-height: 19px;
}
.body .cpl-section .column-two .column-item.staff .item-media {
  border: none;
  background-size: 100%;
  background-position: initial;
}
.body .cpl-section .column-two .column-item.staff .item-media.placeholder {
  background-color: #6CB7D1;
  background-color: #0A3351;
  background-image: url('/content/_theme_images/cpl_logo_wht.svg');
  background-size: 40%;
  background-position: center bottom;
}
.body .cpl-section .column-two .column-item.staff .item-title {
  margin: 0 0 10px 0;
  opacity: 0.9;
  transition: opacity .3s;
}
.body .cpl-section .column-two .column-item.staff .item-title:hover {
  opacity: 1;
}
.body .cpl-section .column-two .column-item.staff .item-description {
  margin: 0;
}
.body .cpl-section .column-two .column-item.staff a {
  text-decoration: none;
}

.eresources-section {
  width: 100%;
}
.eresources-section .eresource-types {
  width: 100%;
  /*margin: 0 0 25px 0;*/
  padding: 15px 12px 8px 12px;
  box-sizing: border-box;
  background-color: #F6F6F6;
  display: flex;
  flex-wrap: wrap;
}
.eresources-section .eresource-types li {
  margin: 0 13px 11px 0;
  position: relative;
}
.eresources-section .eresource-types li:before {
  display: none;
}
.eresources-section .eresource-types li a {
  background-color: transparent;
  color: #000;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  cursor: pointer;
  /*transition: background-color .3s;*/
}
.eresources-section .eresource-types li a:hover,
.eresources-section .eresource-types li.active a {
  color: #227B9D;
}
.eresources-section .eresource-types li a:after {
  display: none;
}
.eresources-section .eresource-types li.active a {
  pointer-events: none;
}
.eresources-section .letters-list {
  width: 100%;
  margin: 0;
  padding: 5px 12px 5px 12px;
  box-sizing: border-box;
  background-color: #F6F6F6;
  display: flex;
  justify-content: space-between;
}
.eresources-section .letters-list li {
  /*margin: 0 7px 0 0;*/
  margin: 0;
  padding: 0;
}
.eresources-section .letters-list li:last-of-type {
  margin: 0;
}
.eresources-section .letters-list li:before {
  display: none;
}
.eresources-section .letters-list li a {
  opacity: 0.3;
  color: #000;
  /*text-decoration: underline;*/
  pointer-events: none;
  cursor: pointer;
}
.eresources-section .letters-list li.active a {
  opacity: 1;
  pointer-events: all;
}
.eresources-section .letters-list li a:hover,
.eresources-section .letters-list li.toggled a {
  color: #227B9D;
}
.eresources-section .letters-list li a:after {
  display: none;
}
.eresources-section .eresource-entities {
  width: 100%;
}
.eresources-section .eresource-entities .eresource {
  width: 100%;
  /*margin: 0 0 25px 0;*/
  padding: 20px 0;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(1,8,82,0.5);
  display: flex;
  align-items: flex-start;
}
.eresources-section .eresource-entities .eresource.hidden {
  display: none;
}
.eresources-section .eresource-entities .eresource .eresource-media {
  width: 150px;
  margin: 0 15px 0 0;
}
.eresources-section .eresource-entities .eresource .eresource-media.placeholder {
  width: 150px;
  display: block;
}
.eresources-section .eresource-entities .eresource .eresource-name {
  width: 150px;
  margin: 0 15px 0 0;
  color: #000;
  font-size: 14px;
  line-height: 17px;
  text-decoration: underline;
  font-weight: 600;
}
.body .eresources-section a[href*="//"]:not(.skip-offsite):not([href*="cedarburglibrary.org/"]):after {
  background-image: url('/content/_theme_images/cpl_icon_offsite_link_black.png');
}
.eresources-section .eresource-entities .eresource .eresource-description {
  /*max-width: 150px;*/
  width: calc(100% - 330px);
  margin: 0;
  font-size: 14px;
  font-weight: 100;
  line-height: 17px;
}

.book-sliders {
  width: 100%;
  max-width: 895px;
  /* height: 173px; */
  height: 184px;
  display: block;
  position: relative;
  overflow: hidden;
}
.swiper.books-slider {
  width: 100%;
  /* height: 147px; */
  height: 177px;
  margin: 0;
  /* padding: 16px 0 0 0; */
  padding: 16px 24px 0 24px;
  box-sizing: border-box;
  /* overflow: initial; */
  position: absolute;
  top: -173px;
  transition: top 0s;
}
.home .books-slider {
  width: calc(100% - 96px);
}
.books-slider.show-up,
.books-slider.show-down,
.books-slider.hide-up,
.books-slider.hide-down {
  transition: top .3s;
}
.books-slider.show-up {
  top: -173px;
}
.books-slider.show-down {
  top: 173px;
}
.books-slider.active {
  top: 0;
  z-index: 5;
  transition: top .3s;
  transform: translateX(-50%);
  left: 50%;
}
.books-slider.hide-up {
  top: -173px;
}
.books-slider.hide-down {
  top: 173px;
  /* bottom: -173px; */
}
.books-slider .swiper-wrapper {
  position: relative;
}
.books-slider .swiper-slide {
  /* padding: 16px 0 0 0; */
  opacity: 0;
  /* display: flex; */
  /* align-items: center; */
  pointer-events: none;
  transition: opacity .3s;
}
.books-slider .swiper-slide:hover {
  z-index: 99;
}
.books-slider .swiper-slide.show-slide {
  opacity: 1;
  pointer-events: all;
}
.books-slider .swiper-button-next, .books-slider .swiper-button-prev {
  width: 50px;
  height: 100%;
  /* top: 16px; */
  top: 24px;
  transition: opacity .3s;
}
.books-slider .swiper-button-next {
  /* right: 13px; */
  right: 2px;
}
.books-slider .swiper-button-prev {
  /* left: 13px; */
  left: 2px;
}
.books-slider .swiper-button-next.swiper-button-disabled,
.books-slider .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.books-slider .swiper-button-next:before, .books-slider .swiper-button-prev:before {
  content: "";
  /* width: calc(100% + 26px); */
  width: calc(100% + 84px);
  height: 100%;
  background: linear-gradient(to left, rgba(255,255,255,0) 30%, rgba(255,255,255,1));
  /* background-color: #000; */
  display: inline-block;
  position: absolute;
  top: 0;
  left: -26px;
  z-index: 5;
  cursor: initial;
}
.books-slider .swiper-button-next:before {
  background: linear-gradient(to right, rgba(255,255,255,0) 30%, rgba(255,255,255,1));
  /* background-color: #000; */
  left: auto;
  right: -26px;
}
.books-slider .swiper-button-next:after,
.books-slider .swiper-button-prev:after {
  width: 24px;
  height: 24px;
  background-color: #E7E7E7;
  border: 1px solid #BFBFBF;
  border-radius: 50%;
  color: #010852;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.books-slider .swiper-slide .book {
  width: 97px;
  height: 147px;
  position: relative;
  transition: width .3s, height .3s;
  cursor: pointer;
}
.books-slider .swiper-slide .book:hover {
  width: 142px;
  height: 100%;
  z-index: 99;
}
.books-slider .swiper-slide .book .book-media {
  width: 97px;
  height: 147px;
  background-color: #EFEFEF;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  opacity: 1;
  transform: scaleX(1);
  transform-origin: 50% 50%;
  transition: opacity .3s, transform .3s;
}
.books-slider .swiper-slide .book .book-media.placeholder {
  padding: 5px;
  box-sizing: border-box;
  background-color: #0A3351;
  display: flex;
  align-items: center;
  justify-content: center;
}
.books-slider .swiper-slide .book .book-media p {
  margin: 0;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
}
.books-slider .swiper-slide .book:hover .book-media {
  opacity: 0;
  transform: scaleX(-1);
}
.books-slider .swiper-slide .book .book-content {
  width: 100%;
  height: calc(100% + 15px);
  padding: 8px 6px 16px 6px;
  box-sizing: border-box;
  background-color: #EFEFEF;
  border: 1px solid #BFBFBF;
  color: #000;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: -15px;
  left: -22px;
  pointer-events: none;
  transform: scaleX(-1);
  transform-origin: 50% 50%;
  transition: transform .3s, opacity .3s;
}
.books-slider .swiper-slide .book:hover .book-content {
  opacity: 1;
  transform: scaleX(1);
  pointer-events: all;
  transition: transform .3s, opacity .3s .15s;
  overflow: scroll;
}
.books-slider .swiper-slide .book .book-content .title,
.books-slider .swiper-slide .book .book-content .author,
.books-slider .swiper-slide .book .book-content .description,
.books-slider .swiper-slide .book .book-content .link {
  opacity: 0;
  transition: opacity .0s;
}
.books-slider .swiper-slide .book:hover .book-content .title,
.books-slider .swiper-slide .book:hover .book-content .author,
.books-slider .swiper-slide .book:hover .book-content .description,
.books-slider .swiper-slide .book:hover .book-content .link {
  opacity: 1;
  transition: opacity .3s .15s;
}
.books-slider .swiper-slide .book .book-content .title {
  margin: 0 0 1px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  display: block;
  text-align: center;
}
.books-slider .swiper-slide .book .book-content .author {
  margin: 0 0 4px 0;
  font-size: 13px;
  line-height: 18px;
  display: block;
  text-align: center;
}
.books-slider .swiper-slide .book .book-content .description {
  margin: 0 0 7px 0;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}
.books-slider .swiper-slide .book .book-content .link {
  color: #2489AF;
  font-size: 12px;
  line-height: 11px;
  text-decoration: none;
}
.books-slider .swiper-slide .book .book-content .link:after {
  content: "";
  width: 12px;
  height: 10px;
  margin: 0 0 0 1px;
  background-image: url('/assets/images/cpl_icon_event_arrow.svg');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}

.staff {
  width: 100%;
  margin: 0 0 16px 0;
  display: flex;
  align-items: flex-start;
}
.staff .staff-media {
  width: 290px;
  height: 192px;
  margin: 0 12px 0 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: calc(100% - 24px) calc(100% - 24px);
  background-position: center;
  border: 0.5px solid rgba(1,8,82,0.31);
  display: block;
}
.staff .staff-media.placeholder {
  background-color: #0A3351;
  background-image: url(/content/_theme_images/cpl_logo_wht.svg);
  background-size: 40%;
  background-position: center bottom;
}
.staff .staff-content .staff-title {
  margin: 0 0 9px 0;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0.5px;
  display: block;
}
.staff .staff-content .staff-email {
  margin: 0 0 3px 0;
  color: #2489AF;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  letter-spacing: 0.5px;
  display: block;
}
.staff .staff-content .staff-email:after {
  display: none;
}
.staff .staff-content .staff-info {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.5px;
  display: block;
}
.body .books-slider {
  margin: 10px 0;
}

.blog-posts {
  width: 100%;
  margin: 30px 0 0 0;
}
.blog-posts.landing-page {
  margin: 0;
}
.blog-posts .post {
  width: 100%;
  margin: 0 0 20px 0;
  display: flex;
  align-items: flex-start;
}
.blog-posts .post .post-media {
  width: 100%;
  max-width: 506px;
  height: 331px;
  margin: 0 20px 0 0;
  padding: 31px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: calc(100% - 32px) calc(100% - 32px);
  background-position: center;
  border: 1px solid rgba(1,8,82,0.31);
  display: block;
  position: relative;
}
.blog-posts .post .post-media .media {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top center;
  display: block;
  /*position: absolute;*/
  top: 0;
  left: 0;
}
.blog-posts .post .post-media.placeholder {
  background-color: #0A3351;
  background-image: url(/content/_theme_images/cpl_logo_wht.svg);
  background-position: center bottom;
}
.blog-posts .post .post-title {
  max-width: none;
  margin: 0;
  color: #000;
  font-size: 26px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.4px;
  display: block;
}
.blog-posts .post .post-info {
  margin: 3px 0 7px 0;
  font-size: 16px;
  line-height: 19px;
  display: flex;
}
.blog-posts .post .post-info .date {}
.blog-posts .post .post-info .date:after {
  content: "|";
  margin: 0 5px;
  display: inline-block;
}
.blog-posts .post .post-description {
  margin: 0 0 15px 0;
}
.blog-posts .post .post-about {
  width: 100%;
  max-width: 250px;
  padding: 25px 13px;
  box-sizing: border-box;
  background-color: #F4F4F4;
  position: relative;
}
.blog-posts .post .post-about:before {
  content: "";
  width: 100%;
  height: 5px;
  background-color: #2489AF;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.blog-posts .post .post-about .heading {
  margin: 0 0 6px 0;
  color: #484848;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}
.blog-posts .post .post-about .author {
  font-size: 14px;
  line-height: 19px;
  display: block;
  position: relative;
}
.blog-posts .post .post-about .author:before {
  content: "";
  width: 15px;
  height: 15px;
  margin: 0 6px 0 0;
  background-image: url('/content/_theme_images/cpl_icon_pen.svg');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}
.blog-posts .post .post-about .date {
  font-size: 14px;
  line-height: 19px;
}
.blog-posts .post .post-about .date:before {
  content: "";
  width: 15px;
  height: 14px;
  margin: 0 6px 0 0;
  background-image: url('/content/_theme_images/cpl_icon_calendar.svg');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}
.blog-posts .post .post-about .tags {
  margin: 14px 0 0 0;
}
.blog-posts .post .post-about .tags .tag-heading {
  margin: 0 0 4px 0;
  color: #4C4C4C;
  font-size: 15px;
  line-height: 20px;
  display: block;
}
.blog-posts .post .post-about .tags ul.tag-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.blog-posts .post .post-about .tags ul.tag-list li {
  margin: 0 7px 7px 0;
  padding: 0;
}
.blog-posts .post .post-about .tags ul.tag-list li:before {
  display: none;
}
.blog-posts .post .post-about .tags ul.tag-list li a.tag {
  padding: 0 5px;
  box-sizing: border-box;
  background-color: #DEDEDE;
  border-radius: 16px;
  color: #4C4C4C;
  font-size: 14px;
  line-height: 19px;
  text-decoration: none;
  display: inline-block;
}
.blog-posts .post .post-about .tags ul.tag-list li a.tag:after {
  display: none;
}
/* odd edits */
.blog-posts .post.flipped .post-media {
  margin: 0 0 0 20px;
  order: 1;
}
.blog-posts .post.flipped .post-content {
  order: 0;
}
/* first of type edits */
.blog-posts .post.first {
  margin: 0 0 26px 0;
  display: block;
}
.blog-posts .post.first .post-media {
  max-width: none;
  height: 376px;
  margin: 0;
  background-size: calc(100% - 64px) calc(100% - 64px);
}
.blog-posts .post.first .post-title {
  margin: 14px 0 0 0;
}
/* main edits */
.blog-posts .post.main {
  display: block;
}
.blog-posts .post.main .post-media {
  max-width: none;
  padding: 0;
  border: none;
}
.blog-posts .post.main .post-content {
  margin: 15px 0 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.blog-pagination {
  width: 100%;
  margin: 44px 0 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.blog-pagination .pagination-list {
  display: flex;
}
.blog-pagination .pagination-list li {}
.blog-pagination .pagination-list li:before {
  display: none;
}
.blog-pagination .pagination-list li a,
.blog-pagination .pagination-button {
  padding: 5px 10px;
  box-sizing: border-box;
  background-color: #F6F6F6;
  border: 0.5px solid #979797;
  border-right: none;
  color: #979797;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  display: block;
  transition: background-color .3s;
}
.body .blog-pagination .pagination-button:after,
.body .blog-pagination .pagination-list li a:after {
  display: none;
}
.blog-pagination .pagination-list li.active a,
.blog-pagination .pagination-list li a:hover,
.blog-pagination .pagination-button:hover {
  background-color: #E0E0E0;
}
.blog-pagination .pagination-button.next {
  border: 0.5px solid #979797;
}
/*
.blog-pagination .pagination-list li:last-of-type a {
  border: 0.5px solid #979797;
}
*/

.cpl-overlay {
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.cpl-overlay.active {
  display: block;
  min-height: 300px;
}
.cpl-overlay .overlay-content a.back-button {
  width: 31px;
  height: 31px;
  background-image: url('/content/_theme_images/cpl_icon_button_arrow.svg');
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 21px;
  left: 21px;
  z-index: 20;
  transform: rotate(180deg);
  transition: opacity .3s;
}
.cpl-overlay .overlay-content a.back-button:after {
  display: none;
}
.cpl-overlay .overlay-content.step-one a.back-button {
  opacity: 0.4;
  pointer-events: none;
}
.cpl-overlay .overlay-content.step-three a.back-button {
  opacity: 0;
  pointer-events: none;
}
.cpl-overlay h4 {
  margin: 0;
}
/*
.cpl-overlay a {
  color: #2489AF;
  text-decoration: none;
}
*/
.cpl-overlay label {
  margin: 0 0 2px 0;
  font-size: 16px;
  line-height: 22px;
  display: block;
}
.cpl-overlay p.overlay-top {
  width: 100%;
  max-width: none;
  margin: 0 0 20px 0;
  text-align: center;
  /* display: block; */
  position: relative;
  z-index: 15;
}
.cpl-overlay a.close-icon {
  /*
  width: 12px;
  height: 12px;
  background-image: url('/content/_theme_images/cpl_icon_close.png');
  background-repeat: no-repeat;
  background-size: cover;
  */
  display: block;
  position: absolute;
  top: 0;
  right: 3px;
  z-index: 20;
}
.cpl-overlay input[type="text"],
.cpl-overlay input[type="password"],
.cpl-overlay input[type="email"] {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 5px 13px;
  box-sizing: border-box;
  border: 1px solid #CFCFCF;
  border-radius: 5px;
  font-size: 14px;
  line-height: 19px;
  display: block;
}
.cpl-overlay input[type="text"]::placeholder {
  color: #999;
  font-size: 14px;
  line-height: 19px;
}
.cpl-overlay .password-input {
  width: 100%;
  position: relative;
}
.cpl-overlay .password-input .show-hide-password {
  position: absolute;
  top: 5px;
  right: 0;
}
.cpl-overlay .password-input.password-shown .show-hide-password {
  top: 0;
}
.cpl-overlay .password-input .show-hide-password .hide-password,
.cpl-overlay .password-input.password-shown .show-hide-password .show-password {
  display: none;
}
.cpl-overlay .password-input.password-shown .show-hide-password .hide-password {
  display: inline-block;
}
.cpl-overlay .password-input .show-hide-password .hide-password,
.cpl-overlay .password-input .show-hide-password .show-password {
  padding: 5px 10px;
  /* background-color: red; */
  border-radius: 5px;
  color: #999;
}
.cpl-overlay form .success-message {
  display: none;
}
.cpl-overlay form.form-submitted .success-message {
  display: block;
}
.cpl-overlay form.form-submitted input,
.cpl-overlay form.form-submitted label,
.cpl-overlay form.form-submitted .password-input,
.cpl-overlay form.form-submitted .custom-radio,
.cpl-overlay form.form-submitted button,
.cpl-overlay form.form-submitted a.button-like {
  display: none;
}
.cpl-overlay .additional-form-fields {
  width: 100%;
  margin: 0 0 20px 0;
}
.cpl-overlay .additional-form-fields .add-new-field {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
}
.cpl-overlay .additional-form-fields .add-new-field:before {
  content: "";
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  background-image: url('/content/_theme_images/cpl_icon_plus.svg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.8;
  display: inline-block;
  position: relative;
  top: 4px;
  transition: opacity .3s;
}
.cpl-overlay .additional-form-fields .add-new-field:after {
  display: none;
}
.cpl-overlay .additional-form-fields .add-new-field:hover:before {
  opacity: 1;
}
.cpl-overlay .overlay-bkgd {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.65);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
}
.cpl-overlay .overlay-content {
  width: 863px;
  /* JS - changed the height to max and added a percent-based value and top values so it works better in shorter screens */
  max-height: 709px;
  height: calc(100vh - 20px);
  padding: 16px;
  box-sizing: border-box;
  background-color: #fff;
  border: 0.5px solid rgba(1,8,82,0.31);
  position: absolute;
  /* top: calc(50% - (709px/2)); */
  top: 50%;
  transform: translateY(-50%);
  left: calc(50% - (863px/2));
  z-index: 5;
  /* overflow: scroll; */
}
/*
.cpl-overlay .overlay-content.bucket {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.cpl-overlay .overlay-content {
  width: 830px;
  height: 676px;
  padding: 38px 38px 51px 38px;
  box-sizing: border-box;
  background-color: #F4F4F4;
  border: 0.5px solid #A3A3A3;
  position: absolute;
  top: calc(50% - (676px/2));
  left: calc(50% - 415px);
  z-index: 5;
}
.cpl-overlay .overlay-content:before,
.cpl-overlay .overlay-content:after {
  content: "";
  display: block;
  position: absolute;
}
.cpl-overlay .overlay-content:before {
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  background-color: #fff;
  border: 0.5px solid rgba(1,8,82,0.31);
  top: -16px;
  left: -16px;
  z-index: 5;
}
.cpl-overlay .overlay-content:after {
  width: 100%;
  height: 100%;
  background-color: #F4F4F4;
  border: 0.5px solid #A3A3A3;
  top: 0;
  left: 0;
  z-index: 10;
}
*/
.cpl-overlay .overlay-content .overlay-step {
  width: 100%;
  height: 100%;
  padding: 38px 38px 51px 38px;
  padding: clamp(10px, 3.5%, 35px) ;
  box-sizing: border-box;
  background-color: #F4F4F4;
  border: 0.5px solid #A3A3A3;
  display: none;
  position: relative;
  z-index: 15;
  overflow: auto;
}
.cpl-overlay .overlay-content.step-one .overlay-step.one,
.cpl-overlay .overlay-content.step-two .overlay-step.two,
.cpl-overlay .overlay-content.step-three .overlay-step.three {
  display: block;
}
.cpl-overlay .overlay-content .overlay-columns {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  z-index: 15;
}
.cpl-overlay .overlay-content .column.form {
  width: 100%;
  max-width: 363px;
  display: flex;
  flex-direction: column;
}
.overlay-content .already-registered-note{
    border: 1px solid red;
    padding: 5px;
    border-radius: 5px;
}
.overlay-content .already-registered-note i {
    color: red;
}
.cpl-overlay .overlay-content .column a.button-like {
  margin: 15px 0 0 0;
}
.cpl-overlay .overlay-content .column a.button.dropdown,
.cpl-overlay .overlay-content .column a.button-like.dropdown {
  margin: 0;
}
.cpl-overlay .overlay-content .column .form-flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.cpl-overlay .overlay-content .column .form-text-fields {
  display: flex;
  flex-direction: column;
}
.cpl-overlay .overlay-content .column .form-half-field {
  width: 48%;
  display: inline-block;
}
.cpl-overlay .overlay-content .column .form-field-remove {
  padding: 29px 0 0 5px;
  box-sizing: border-box;
  display: inline-block;
}
.cpl-overlay .overlay-content .column .form-radio-option {
  display: flex;
  position: relative;
}
.cpl-overlay .overlay-content .column .form-radio-option input {
  width: 16px;
  height: 16px;
  margin: 0 6px 0 0;
  opacity: 0;
}
.cpl-overlay .overlay-content .column .form-radio-option .custom-radio {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #787878;
  border-radius: 3px;
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
}
.cpl-overlay .overlay-content .column .form-radio-option .custom-radio:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 3px;
  opacity: 0.8;
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 4px);
}
.cpl-overlay .overlay-content .column .form-radio-option input:checked ~ .custom-radio {
  background-color: #2196F3;
}
.cpl-overlay .overlay-content .column.sign-in {
  width: 100%;
  max-width: 361px;
  /* padding: 13px; */
  padding: 30px;
  /* padding: 18px 20px; */
  box-sizing: border-box;
  background-color: #fff;
  /* background-color: #F4F4F4; */
  border-top: 5px solid #2489AF;
  display: flex;
  flex-direction: column;
}
.cpl-overlay .overlay-content .column.sign-in.alt {
  padding: 13px;
  border-top: 5px solid #2489AF;
}
.cpl-overlay .overlay-content .column.sign-in.hidden {
  display: none;
}
.cpl-overlay .overlay-content .column.sign-in .sign-in-content {
  padding: 18px 20px;
  box-sizing: border-box;
}
.cpl-overlay .overlay-content .column.sign-in h4 {
  margin: 0 0 15px 0;
}
.cpl-overlay .overlay-content .column.sign-in a.button-like,
.cpl-overlay .overlay-content .column.sign-in button {
  margin: 15px 0 12px 0;
}
.cpl-overlay .overlay-content .column.sign-in a.button-like.social {
  margin: 0;
}
.cpl-overlay .overlay-content .column.form.center {
  max-width: 417px;
  margin: 0 auto;
  align-items: center;
}
.cpl-overlay .overlay-content .column.form.center form {
  width: 100%;
}
.cpl-overlay .overlay-content .column.form.center form {
  width: 100%;
}
.cpl-overlay .overlay-content .column.sign-in.center {
  max-width: 417px;
  /* margin: 22px 0 0 0; */
  margin: 22px auto 0 auto;
  padding: 16px 21px;
}
.cpl-overlay .overlay-content .column.center {
  margin: 22px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.cpl-overlay ul li {
  font-size: 14px;
  line-height: 19px;
}
.cpl-overlay .disclaimer {
  margin: 0 0 5px 0;
  color: #707070;
  font-size: 14px;
  line-height: 19px;
  display: block;
}

.left-sidebar {
  width: 100%;
  max-width: 240px;
  /* margin-right: 59px; */
  /* margin: 0 59px 0 40px; */
  /* margin: 0 0 0 40px; */
  /* padding: 43px 0 0 40px; */
  /* padding: 43px 0 0 0; */
  box-sizing: border-box;
  position: relative;
  z-index: 10;

  padding-top: var(--height-offset, 53px);
  --height-offset: 60px;
}
.left-sidebar a.return-to {
  opacity: 0.8;
  color: #000;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  display: block;
  transition: opacity .3s;
}
.left-sidebar a.return-to:hover {
  opacity: 1;
}
.left-sidebar .context-nav {
  width: 100%;
  max-width: 240px;
  /* padding: 25px 0; */
  /* padding: 20px 0 20px 23px; */
  padding: 20px 0;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid rgba(1,8,82,0.31);
}
.left-sidebar .context-nav .nav-heading {
  /* margin-bottom: 8px; */
  /* margin-left: 11px; */
  margin: 0 0 5px 0;
  padding: 0 16px;/* 23px */
  box-sizing: border-box;
  color: #010852;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  text-decoration: none;
  display: block;
  position: relative;
}
.left-sidebar .context-nav .nav-heading.active:before {
  content: "";
  width: 9px;
  height: 30px;
  background-color: #6CB7D1;
  display: block;
  position: absolute;
  top: -3px;
  /* left: -24px; */
  left: -1px;
}
.left-sidebar .context-nav ul.nav-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /* display: flex; */
  /* flex-direction: column; */
}
.left-sidebar .context-nav ul.nav-list li {
  width: 100%;
  margin: 0 0 5px 0;
  padding: 0 16px;/* 23px */
  box-sizing: border-box;
  display: none;
  position: relative;
}
.left-sidebar .context-nav ul.nav-list li:last-of-type {
  margin: 0;
}
.left-sidebar .context-nav ul.nav-list li.show {
  display: inline-block;
}
.left-sidebar .context-nav ul.nav-list li:before {
  content: "";
  width: 6px;
  height: 25px;
  background-color: #6CB7D1;
  display: none;
  position: absolute;
  top: -5px;
  /* left: -24px; */
  left: -1px;
}
.left-sidebar .context-nav ul.nav-list li.active:before {
  display: block;
}
.left-sidebar .context-nav ul.nav-list li a {
  /* width: 100%; */
  /* padding: 4px 5px; */
  /* box-sizing: border-box; */
  /* background-color: rgba(6,53,66,0); */
  color: rgba(70,70,70,0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  display: block;
  /* transition: background-color .3s; */
}
.left-sidebar .context-nav ul.nav-list li a:hover {
  /* background-color: rgba(6,53,66,0.1); */
  color: rgba(70,70,70,1);
}
.left-sidebar .context-nav ul.nav-list li.active a {
  font-weight: 600;
}
.left-sidebar .context-nav ul.nav-list li.dropdown-toggle a {
  width: 31px;
  height: 31px;
  margin: 5px 0 0 0;
  background-image: url('/content/_theme_images/cpl_icon_button_arrow.svg');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  transform: rotate(90deg);
}
/* show-all edits */
.left-sidebar .context-nav ul.nav-list.show-all li {
  display: inline-block;
}
.left-sidebar .context-nav ul.nav-list.show-all li.dropdown-toggle a {
  transform: rotate(-90deg);
}
/* multi edits */
.left-sidebar .context-nav.multi .nav-heading {
  /* margin: 0 0 20px 0; */
  padding: 20px 0 0 15px;
  border-top: 0.5px solid rgba(1,8,82,0.31);
}
.left-sidebar .context-nav.multi a.nav-heading:first-of-type {
  margin: 0 0 20px 0;
  padding: 0 0 0 15px;
  border: none;
}
.left-sidebar .context-nav.multi .nav-heading.active:before {
  top: 17px;
}
.left-sidebar .context-nav.multi .nav-heading.active:first-of-type:before {
  top: -3px;
}
.left-sidebar .context-nav.multi ul.nav-list {
  margin: 0 0 20px 0;
}
/* fixed edits */
.left-sidebar .context-nav.fixed {
  position: fixed;
  top: 50px;
}
.left-sidebar .context-nav.absolute-bottom {
  position: absolute;
  top: auto;
  bottom: 0;
}

.body {
  width: calc(100% - 280px);
}
.body.no-sidebar{
    width: 100%;   
}
.body p.full-width {
  max-width: none;
}
.main-content.tertiary .body:not(.no-right-sidebar) {
  /* width: calc(100% - 700px); */
  /* width: calc(100% - 610px); */
  width: calc(100% - 571px);
}
.main-content.tertiary .body.no-right-sidebar{
    
}

.main-content.calendar .body, .main-content.search-page .body {
  width: 100%;
}
.body bs_editable {
  max-width: 587px;
}
.body bs_editable img {
  max-width: 100%;
  height: auto;
}
.body p {
  max-width: 587px;
}
.body p.intro {
  max-width: none;
  margin: 0 0 20px 0;
}
.body ul {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}
.body ul li ul {
  margin: 0 0 10px 15px;
  padding: 0;
  list-style-type: none;
}
.body ul li {
  position: relative;
  padding-left: 15px;
}
.body ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  margin: 0 10px 0 0;
  background-color: #227B9D;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0px;
}
.body .calendar-weekdays li:before {
  display: none;
}
.body .calendar-dates li:before {
  display: none;
}
.body .event-filters li:before {
  display: none;
}
.body .calendar-dates-list li:before {
  display: none;
}
.body ul li ul li {
    padding-left: 10px;
}
.body ul li ul li:before {
  content: "";
  width: 7px;
  height: 7px;
  /* margin: 0 10px 0 0; */
  background-color: #FFFFFF;
  border: 1px solid #227B9D;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: -10px;
}
.body ul li ul li ul li {
    padding-left: 10px;
}
.body ul li ul li ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  margin: 0 10px 0 0;
  background-color: #227B9D;
  border-radius: unset;
  display: inline-block;
  position: absolute;
  top: 7px;
  left: -7px;
}
.body ul li {
  position: relative;
  padding-left: 15px;
}
/*
.body ul li:before,
.body ul li:after {
  content: "";
  width: 8px;
  display: inline-block;
  position: relative;
  top: -2px;
}
.body ul li:before {
  height: 100%;
  background-color: red;
}
.body ul li:after {
  height: 8px;
  background-color: #227B9D;
  border-radius: 50%;
  position: absolute;
}
*/
.body ol {
  margin: 0 0 10px 0;
  padding: 0 0 0 15px;
}
.body a {
  color: #2489AF;
  text-decoration: none;
}
.body a[href*="//"]:not(.skip-offsite):not([href*="cedarburglibrary.org/"]):after {
  content: "";
  width: 11px;
  height: 11px;
  margin: 0 0 0 3px;
  background-image: url('/content/_theme_images/cpl_icon_offsite_link.png');
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}
.body a[href^="#"]:after {
  content: ">";
  margin: 0 0 0 3px;
  display: inline-block;
  position: relative;
  top: 2px;
  transform: rotate(90deg);
}
.body a.onclick-element:after {
  content: "";
  display: none;
}
.onclick-element {
    color: #2489AF;
    text-decoration: none;
}
.body a.button-like:after {
  content: "";
  display: none;
}
.body button, .body a.button-like {
  color: #000;
}
.body button:hover, .body a.button-like:hover {
  color: #fff;
}
.body button.secondary, .body a.button-like.secondary {
  color: #2489AF;
}
.body button.secondary:hover, .body a.button-like.secondary:hover {
  color: #fff;
}
/*
.body a:after {
  content: ">";
}
*/
.lineage-container {
  /* width: calc(100% - 240px); */
  width: calc(100% - 256px);
  /* margin: 30px 0 0 -12px; */
  margin: 30px 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  /* align-self: flex-end; */
}
.lineage-container.full {
  width: 100%;
}
.lineage-container h3 {
  width: 100%;
  /* margin-left: 12px; */
}
.lineage-container .lineage-item {
  width: 100%;
  /* max-width: 284px; */
  max-width: 275px;
  /* margin: 0 12px 20px 12px; */
  margin: 0 24px 20px 0;
}
.lineage-container .lineage-item .item-media {
  margin: 0 0 10px 0;
  padding: 13px;
  box-sizing: border-box;
  background-color: #fff;
  background-repeat: no-repeat;
  border: 1px solid #BFBFBF;
  display: block;
}
.lineage-container .lineage-item .item-media.placeholder {
  height: 190px;
  background-color: #0A3351;
  background-image: url(/content/_theme_images/cpl_logo_wht.svg);
  background-size: 40%;
  background-position: center bottom;
}
.lineage-container .lineage-item .item-media:after {
  display: none;
}
.lineage-container .lineage-item .item-media .media {
  width: 100%;
  height: 145px;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #BFBFBF;
}
.lineage-container .lineage-item .item-media .media.placeholder {
  background-color: #0A3351;
  background-image: url(/content/_theme_images/cpl_logo_wht.svg);
  background-size: 40%;
  background-position: center bottom;
}
.lineage-container .lineage-item .item-content {}
.lineage-container .lineage-item .item-content .heading {
  margin: 0 0 3px 0;
  color: rgba(0,0,0,0.7);
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: block;
}
.lineage-container .lineage-item .item-content .heading:hover {
  color: rgba(0,0,0,1);
}
.lineage-container .lineage-item .item-content .heading:after {
  display: none;
}
.lineage-container .lineage-item .item-content .description {
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
.lineage-container .lineage-item .item-content .info {
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}
.lineage-container .lineage-item .item-content .info .date:after {
  content: "|";
  margin: 0 5px;
  display: inline-block;
}
.body .lineage-container {
  width: 100%;
  justify-content: space-between;
}
.body .lineage-container .lineage-item {
  width: calc(50% - 12px);
  max-width: none;
  margin-right: 0;
}


/*
{ name: 'Image: Styled', element: 'span', attributes: { 'class': 'styled_rounded auto' } },
{ name: 'Image: Styled Left', element: 'span', attributes: { 'class': 'styled_rounded auto img_left' } },
{ name: 'Image: Styled Right', element: 'span', attributes: { 'class': 'styled_rounded auto img_right' } },
{ name: 'Image: Styled 25% Right', element: 'span', attributes: { 'class': 'styled_rounded img_right_25' } },
{ name: 'Image: Styled 25% Left', element: 'span', attributes: { 'class': 'styled_rounded img_left_25' } },
{ name: 'Image: Styled 50% Right', element: 'span', attributes: { 'class': 'styled_rounded img_right_50' } },
{ name: 'Image: Styled 50% Left', element: 'span', attributes: { 'class': 'styled_rounded img_left_50' } },
{ name: 'Image: Styled Full Width', element: 'span', attributes: { 'class': 'styled_rounded img_full_width' } },
*/
.body .styled_rounded {
  /* border-radius: 20px; */
  padding: 13px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #BFBFBF;
  display: inline-block;
  position: relative;
  z-index: 5;
}
.styled_bordered {
  padding: 13px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #BFBFBF;
  display: inline-block;
}
.styled_bordered img {
  display: block;
}
.body .styled_rounded img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 10;
}

.cpl-bucket {
  /* width: calc(100% - 240px); */
  width: calc(100% - 256px);
  margin: 115px 0 0 auto;
  padding: 13px;
  box-sizing: border-box;
  background-color: #fff;
  border: 0.5px solid rgba(1,8,82,0.31);
  display: flex;
  align-items: flex-start;
  /* justify-content: space-between; */
}
.body .cpl-bucket {
  width: 100%;
  margin: 50px 0 0 0;
}
.right-sidebar .cpl-bucket {
  width: 100%;
  margin: 0 0 21px 0;
  background-color: #F4F4F4;
  border: none;
  border-top: 5px solid #2489AF;
  flex-direction: column;
}
/*
.right-sidebar .cpl-bucket .bucket-media {
  width: 100%;
  height: 173px;
  margin: 0 0 10px 0;
}
*/
.right-sidebar .cpl-bucket img {
  /*width: 100%;*/
  /*height: 173px;*/
  margin: 0 0 10px 0;
}
.right-sidebar .cpl-bucket .bucket-content {
  width: 100%;
}
.cpl-bucket .bucket-media {
  width: 148px;
  height: 173px;
  margin: 0 18px 0 0;
  display: block;
}
.cpl-bucket img {
  max-width: 100%;
  margin: 0 15px 0 0;
}
.cpl-bucket .bucket-content {
  width: calc(100% - 148px);
}
.cpl-bucket .bucket-content .bucket-heading {
  margin: 0 0 5px 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.4px;
  display: block;
}
/* home top-right column(.more-events) edits */
.more-events .cpl-bucket {
  width: 100%;
  margin: 0 0 18px 0;
  padding: 25px 25px 15px 25px;
  box-sizing: border-box;
  border: 1px solid rgba(1,8,82,0.31);
  background-color: #fff;
  display: inline-block;
  transition: padding .3s;
  position: relative;
}
.more-events .cpl-bucket:before {
  content: "";
  width: 1px;
  height: 20px;
  background-color: rgba(1,8,82,0.3);
  display: block;
  position: absolute;
  top: -21px;
  left: 50%;
  z-index: 1;
}
.more-events .cpl-bucket img {
  margin: 0 0 2px 0;
}
.more-events .cpl-bucket .bucket-media {
  width: 351px;
  /*height: 119px;*/
  height: 141px;
  margin: 0 0 5px 0;
  transition: width .3s, height .3s;
}
.more-events .cpl-bucket .bucket-content {
  width: 100%;
}
.more-events .cpl-bucket .bucket-content .bucket-heading {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: initial;
  display: block;
}

.right-sidebar {
  width: 100%;
  max-width: 251px;
  /*margin-left: 44px;*/
}
.right-sidebar .placeholder-item {
  width: 100%;
  height: 250px;
  display: block;
}
.sidebar-item {
	width: 100%;
	margin: 0 0 21px 0;
    padding: 0 15px;
    box-sizing: border-box;
    background-color: #F4F4F4;
    border-top: 5px solid #2489AF;
}
.sidebar-item.event {
  border-top: 5px solid #03BDA1;
}
.sidebar-item .h3-like {
  margin: 20px 0 0 0;
}
.sidebar-item:last-of-type {
	margin: 0;
}
.sidebar-item .post {
  width: 100%;
  padding: 15px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #C3C3C3;
}
.sidebar-item .post:last-of-type {
  border-bottom: none;
}
.sidebar-item .post .heading, .sidebar-item .heading {
  margin: 0 0 5px 0;
  color: #4B4B4B;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}
.post .styled_bordered {
  padding: 5px;
  width: 100%;
}
.upcoming-event-image {
    height: 70px;
    width: 100%;
    background-color: #0A3351;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.upcoming-event-image.photo {
    background-color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sidebar-item .post p {
  margin: 5px 0 8px 0;
  font-size: 12px;
  line-height: 15px;
}
/*
.sidebar-item.action {
  max-width: 175px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sidebar-item.action .item-body {
	margin: 10px 0;
	text-align: center;
}
*/
.my-events-bucket .my-events {
    padding-top: 15px;
}

/* search page */
.search-page-search .search-page-form .top-search {
    width: calc(100% - 200px);
    max-width: 354px;
    padding: 4px 5px;
    box-sizing: border-box;
    background-color: #FCFCFC;
    border: 1px solid #979797;
    border-radius: 5px;
    color: rgba(0,0,0,0.7);
    font-size: 11px;
    line-height: 15px;
}
.search-page-search .search-page-form .search {
    border: none;
    margin: 0 0 0 8px;
    padding: 5px 18px;
    box-sizing: border-box;
    background-color: #010852;
    border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    line-height: 18px;
    text-decoration: none;
}
.search-page-search .search-page-form .search-results-count {
    margin-left: 20px;
}

/*======================================================================================================
  FOOTER STYLES - desktop
======================================================================================================*/
footer {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 50px 0 0 0;
  box-sizing: border-box;
  /*background-color: #fff;*/
  position: relative;
  z-index: 15;
}
footer .footer-wrapper {
  padding: 0 0 0 43px;
  box-sizing: border-box;
  display: flex;
  position: relative;
  bottom: -53px;
}
footer .footer-info {
  width: 100%;
  max-width: 214px;
}
footer .site-logo-element {
  opacity: 0.9;
}
.info {
  margin: 18px 0 13px 0;
  color: #010852;
  font-size: 16px;
  line-height: 22px;
}
.hours {
  margin: 0 0 23px 0;
}
.hours .hour-heading {
  margin: 0 0 2px 0;
  color: #010852;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.hours ul.hour-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.hours ul.hour-list li {
  width: 100%;
  color: #010852;
  /* font-size: 14px; */
  /* line-height: 19px; */
  font-size: 12px;
  line-height: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hours ul.hour-list li .day, .hours ul.hour-list li .time {
  max-width: 50%;
}
.hours ul.hour-list li .message {
  width: 100%;
  /* margin: 3px 0 0 0; */
  color: #FF8B31;
  display: block;
}
ul.social-links {
  margin: 0 0 16px 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}
ul.social-links li {
  margin: 0 9px 0 0;
}
ul.social-links li:last-of-type {
  margin: 0;
}
ul.social-links li a {
  opacity: 0.9;
  transition: opacity .3s;
}
ul.social-links li a:hover {
  opacity: 1;
}
.disclaimer {
  margin: 0;
  color: #010852;
  font-size: 12px;
  line-height: 16px;
}

footer .footer-nav {
  padding: 75px 53px 64px 91px;
  box-sizing: border-box;
  background-image: url(/content/_theme_images/cpl_footer_bkgd.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 7px 11px;
}
footer .footer-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .footer-nav ul li {
  max-width: 158px;
  min-width: 122px;
  flex: 1 0 20%;
}
footer .footer-nav ul li a {
  opacity: 0.8;
  color: #010852;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
  text-decoration: none;
  transition: opacity .3s;
}
footer .footer-nav ul li a:hover {
  opacity: 1;
}
footer .footer-nav ul li ul.list-dropdown {
  margin: 0 0 24px 0;
  flex-direction: column;
}
footer .footer-nav ul li ul.list-dropdown li {
  line-height: 17px;
}
footer .footer-nav ul li ul.list-dropdown li a {
  font-weight: 400;
}
footer .footer-nav .footer-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
}
footer .footer-nav .footer-main li {
    min-width: 100px;
    flex: 1 0 15%;
}
footer .footer-credits {
  width: 100%;
  padding: 59px 43px 5px 43px;
  box-sizing: border-box;
  /* padding: 6px 0; */
  /* box-sizing: border-box; */
  /* background-color: rgba(6,53,66,0.7); */
  background-image: url('/content/_theme_images/cpl_footer_credits_bkgd.png');
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .footer-credits p,
footer .footer-credits a {
  margin: 0;
  color: #010852;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
footer .footer-credits a {
  text-decoration: none;
}
footer .footer-credits a:hover {
  text-decoration: underline;
}
footer .footer-credits .credit-nav {}
footer .footer-credits .credit-nav ul.nav-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  gap: 25px;
}
footer .footer-credits .credit-nav ul {
    list-style-type: none;
    display: flex;
    gap: 25px;
    margin: 0;
}

/*======================================================================================================
  ACCESSIBILITY STYLES
======================================================================================================*/
/* bigger-text styles */
body.bigger-text p.intro {
  /* font-size: 18px; */
  font-size: 22px;
  line-height: 24px;
}
body.bigger-text p, body.bigger-text button.paint-button, body.bigger-text a.paint-button, body.bigger-text header .header-notices .notice-accessibility .access-options .access-section .option-heading, body.bigger-text .main-nav ul.nav-list li a, body.bigger-text header ul.nav-list li .list-dropdown ul li a, body.bigger-text .home-events .main-events .events-swiper .swiper-slide .event-link, body.bigger-text .home-events .more-events .highlighted-event p, body.bigger-text .upcoming-events .event .event-title, body.bigger-text .cpl-section .column-two .column-item .item-info, body.bigger-text .cpl-section .column-two .column-item.reserve .reserve-media .content .stat, body.bigger-text .cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists li a, body.bigger-text .cpl-section .column-two .column-item.booklist .title, body.bigger-text .eresources-section .eresource-types li a, body.bigger-text .staff .staff-content .staff-email, body.bigger-text .staff .staff-content .staff-info, body.bigger-text .blog-posts .post .post-info, body.bigger-text .cpl-overlay label, body.bigger-text .cpl-overlay .additional-form-fields .add-new-field, body.bigger-text .left-sidebar a.return-to, body.bigger-text .left-sidebar .context-nav ul.nav-list li a, body.bigger-text .info, body.bigger-text .hours .hour-heading {
  /* font-size: 16px; */
  font-size: 20px;
  line-height: 22px;
}
body.bigger-text button.social, body.bigger-text a.button-like.social, body.bigger-text form .field-row .field-container input[type="text"], body.bigger-text form .field-row .field-container input[type="email"], body.bigger-text form .field-row .field-container textarea, body.bigger-text .cpl-section ul.filters li a, body.bigger-text .cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list a.list-toggle, body.bigger-text .blog-posts .post .post-about .tags .tag-heading, body.bigger-text .sidebar-item .post .heading, body.bigger-text .sidebar-item .heading {
  /* font-size: 15px; */
  font-size: 19px;
  line-height: 21px;
}
body.bigger-text button, body.bigger-text a.button-like, body.bigger-text .button-dropdown, body.bigger-text header .header-notices .notice-accessibility .access-options .access-section .option p, body.bigger-text header .header-notices .notice-hours ul.hour-list li, body.bigger-text .utility-nav ul.nav-notice li a, body.bigger-text .utility-nav ul.nav-list li a, body.bigger-text .upcoming-events .event .event-info, body.bigger-text .quicklink .heading, body.bigger-text .cpl-section .column-item.booklists-options ul, body.bigger-text .cpl-section .column-two .column-item .item-heading, body.bigger-text .cpl-section .column-two .column-item ul.quicklinks li a, body.bigger-text .cpl-section .column-two .column-item.blog .content .blog-info, body.bigger-text .cpl-section .section-content .content-columns .column .podcast-sections .item .item-content .item-title, body.bigger-text .cpl-section .column-two .column-item.booklist .author, body.bigger-text .body .cpl-section .column-two .column-item .item-info, body.bigger-text .eresources-section .eresource-entities .eresource .eresource-name, body.bigger-text .eresources-section .eresource-entities .eresource .eresource-description, body.bigger-text .books-slider .swiper-slide .book .book-content .title, body.bigger-text .blog-posts .post .post-about .author, body.bigger-text .blog-posts .post .post-about .date, body.bigger-text .blog-posts .post .post-about .tags ul.tag-list li a.tag, body.bigger-text .cpl-overlay input[type="text"], body.bigger-text .cpl-overlay input[type="password"], body.bigger-text .cpl-overlay input[type="email"], body.bigger-text .cpl-overlay input[type="text"]::placeholder, body.bigger-text .cpl-overlay ul li, body.bigger-text .cpl-overlay .disclaimer, body.bigger-text .lineage-container .lineage-item .item-content .description, body.bigger-text .lineage-container .lineage-item .item-content .info {
  /* font-size: 14px; */
  font-size: 18px;
  line-height: 20px;
}
body.bigger-text button.dropdown, body.bigger-text a.button-like.dropdown, body.bigger-text .top-search-input .onsite-search .onsite-search-button, body.bigger-text .cpl-section .column-two .column-item.blog .content .blog-tags .tag, body.bigger-text .cpl-section .column-two .column-item.form input[type="text"], body.bigger-text .cpl-section .column-two .column-item.form input[type="password"], body.bigger-text .cpl-section .column-two .column-item.form input[type="email"], body.bigger-text .cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown li a, body.bigger-text .cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown li label, body.bigger-text .cpl-section .column-two .column-item.booklist-filter .filter-top .filter-tag, body.bigger-text .books-slider .swiper-slide .book .book-content .author, body.bigger-text .search-page-search .search-page-form .search, body.bigger-text footer .footer-credits p, body.bigger-text footer .footer-credits a {
  /* font-size: 13px; */
  font-size: 17px;
  line-height: 19px;
}
body.bigger-text header .header-notices .notice-hours ul.hour-list li.days-closed, body.bigger-text header .header-notices .notice-hours ul.hour-list li .disclaimer, body.bigger-text header .header-notices .notice-hours ul.hour-list li .message, body.bigger-text .upcoming-events .event .event-date, body.bigger-text .cpl-section .section-content .content-columns .column .podcast-sections .item .item-content .item-info, body.bigger-text .cpl-section .column-two .column-item.reserve a.read-more, body.bigger-text .cpl-section .column-two .book-sliders a.read-more, body.bigger-text .cpl-section .column-two .column-item.booklist .item-booklist .content p, body.bigger-text .books-slider .swiper-slide .book .book-media p, body.bigger-text .books-slider .swiper-slide .book .book-content .description, body.bigger-text .books-slider .swiper-slide .book .book-content .link, body.bigger-text .sidebar-item .post p, body.bigger-text .hours ul.hour-list li, body.bigger-text .disclaimer, body.bigger-text footer .footer-nav ul li a {
  /* font-size: 12px; */
  font-size: 16px;
  line-height: 18px;
}
body.bigger-text .top-search-input .onsite-search .onsite-search-options .option label, body.bigger-text .top-search-input .onsite-search .onsite-search-input, body.bigger-text .search-page-search .search-page-form .top-search {
  /* font-size: 11px; */
  font-size: 15px;
  line-height: 17px;
}


/* high-contrast styles */
body.high-contrast p.intro, body.high-contrast p, body.high-contrast button.paint-button, body.high-contrast a.paint-button, body.high-contrast header .header-notices .notice-accessibility .access-options .access-section .option-heading, body.high-contrast .main-nav ul.nav-list li a, body.high-contrast header ul.nav-list li .list-dropdown ul li a, body.high-contrast .home-events .main-events .events-swiper .swiper-slide .event-link body.high-contrast .home-events .more-events .highlighted-event p, body.high-contrast .upcoming-events .event .event-title, body.high-contrast .cpl-section .column-two .column-item .item-info, body.high-contrast .cpl-section .column-two .column-item.reserve .reserve-media .content .stat, body.high-contrast .cpl-section .column-two .column-item.booklist-filter .filter-bottom .filter-booklists li a, body.high-contrast .cpl-section .column-two .column-item.booklist .title, body.high-contrast .eresources-section .eresource-types li a, body.high-contrast .staff .staff-content .staff-email, body.high-contrast .staff .staff-content .staff-info, body.high-contrast .blog-posts .post .post-info, body.high-contrast .cpl-overlay label, body.high-contrast .cpl-overlay .additional-form-fields .add-new-field, body.high-contrast .left-sidebar a.return-to, body.high-contrast .left-sidebar .context-nav ul.nav-list li a, body.high-contrast .info, body.high-contrast .hours .hour-heading, body.high-contrast button.social, body.high-contrast a.button-like.social, body.high-contrast form .field-row .field-container input[type="text"], body.high-contrast form .field-row .field-container input[type="email"], body.high-contrast form .field-row .field-container textarea, body.high-contrast .cpl-section ul.filters li a, body.high-contrast .cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list a.list-toggle, body.high-contrast .blog-posts .post .post-about .tags .tag-heading, body.high-contrast .sidebar-item .post .heading, body.high-contrast .sidebar-item .heading, body.high-contrast button, body.high-contrast a.button-like, body.high-contrast .button-dropdown, body.high-contrast header .header-notices .notice-accessibility .access-options .access-section .option p, body.high-contrast header .header-notices .notice-hours ul.hour-list li, body.high-contrast .utility-nav ul.nav-notice li a, body.high-contrast .utility-nav ul.nav-list li a, body.high-contrast .upcoming-events .event .event-info, body.high-contrast .quicklink .heading, body.high-contrast .cpl-section .column-item.booklists-options ul, body.high-contrast .cpl-section .column-two .column-item .item-heading, body.high-contrast .cpl-section .column-two .column-item ul.quicklinks li a, body.high-contrast .cpl-section .column-two .column-item.blog .content .blog-info, body.high-contrast .cpl-section .section-content .content-columns .column .podcast-sections .item .item-content .item-title, body.high-contrast .cpl-section .column-two .column-item.booklist .author, body.high-contrast .body .cpl-section .column-two .column-item .item-info, body.high-contrast .eresources-section .eresource-entities .eresource .eresource-name, body.high-contrast .eresources-section .eresource-entities .eresource .eresource-description, body.high-contrast .books-slider .swiper-slide .book .book-content .title, body.high-contrast .blog-posts .post .post-about .author, body.high-contrast .blog-posts .post .post-about .date, body.high-contrast .blog-posts .post .post-about .tags ul.tag-list li a.tag, body.high-contrast .cpl-overlay input[type="text"], body.high-contrast .cpl-overlay input[type="password"], body.high-contrast .cpl-overlay input[type="email"], body.high-contrast .cpl-overlay input[type="text"]::placeholder, body.high-contrast .cpl-overlay ul li, body.high-contrast .cpl-overlay .disclaimer, body.high-contrast .lineage-container .lineage-item .item-content .description, body.high-contrast .lineage-container .lineage-item .item-content .info, body.high-contrast button.dropdown, body.high-contrast a.button-like.dropdown, body.high-contrast .cpl-section .column-two .column-item.blog .content .blog-tags .tag, body.high-contrast .cpl-section .column-two .column-item.form input[type="text"], body.high-contrast .cpl-section .column-two .column-item.form input[type="password"], body.high-contrast .cpl-section .column-two .column-item.form input[type="email"], body.high-contrast .cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown li a, body.high-contrast .cpl-section .column-two .column-item.booklist-filter .filter-top .filter-list .filter-dropdown li label, body.high-contrast .cpl-section .column-two .column-item.booklist-filter .filter-top .filter-tag, body.high-contrast .books-slider .swiper-slide .book .book-content .author, body.high-contrast footer .footer-credits p, body.high-contrast footer .footer-credits a, body.high-contrast header .header-notices .notice-hours ul.hour-list li.days-closed, body.high-contrast header .header-notices .notice-hours ul.hour-list li .disclaimer, body.high-contrast header .header-notices .notice-hours ul.hour-list li .message, body.high-contrast .upcoming-events .event .event-date, body.high-contrast .cpl-section .section-content .content-columns .column .podcast-sections .item .item-content .item-info, body.high-contrast .cpl-section .column-two .column-item.reserve a.read-more, body.high-contrast .cpl-section .column-two .book-sliders a.read-more, body.high-contrast .cpl-section .column-two .column-item.booklist .item-booklist .content p, body.high-contrast .books-slider .swiper-slide .book .book-media p, body.high-contrast .books-slider .swiper-slide .book .book-content .description, body.high-contrast .books-slider .swiper-slide .book .book-content .link, body.high-contrast .sidebar-item .post p, body.high-contrast .hours ul.hour-list li, body.high-contrast .disclaimer, body.high-contrast footer .footer-nav ul li a, body.high-contrast .top-search-input .onsite-search .onsite-search-options .option label, body.high-contrast .top-search-input .onsite-search .onsite-search-input, body.high-contrast .search-page-search .search-page-form .top-search, body.high-contrast .top-search-input .onsite-search .onsite-search-button, body.high-contrast .search-page-search .search-page-form .search {
  color: #000;
  font-weight: 700;
}
body.high-contrast .top-search-input .onsite-search .onsite-search-button, body.high-contrast .search-page-search .search-page-form .search, body.high-contrast .search-page-search .search-page-form .top-search {
  color: #fff;
}
body.high-contrast img, body.high-contrast .books-slider .swiper-slide .book .book-media, body.high-contrast .cpl-section .column-two .column-item.blog.slim .blog-media, body.high-contrast .cpl-section .section-content .content-columns .column.newsletter .newletter-media, body.high-contrast .cpl-section .column-two .column-item .booklists .book .book-media .media-front, body.high-contrast .cpl-section .column-two .column-item.reserve .reserve-media, body.high-contrast .cpl-section .column-two .column-item.booklist .item-booklist .media, body.high-contrast .cpl-bucket .bucket-media, body.high-contrast .upcoming-event-image {
  opacity: 0.7;
}


/* desaturate styles */
body.desaturate img, body.desaturate .books-slider .swiper-slide .book .book-media, body.desaturate .cpl-section .column-two .column-item.blog.slim .blog-media, body.desaturate .cpl-section .section-content .content-columns .column.newsletter .newletter-media, body.desaturate .cpl-section .column-two .column-item .booklists .book .book-media .media-front, body.desaturate .cpl-section .column-two .column-item.reserve .reserve-media, body.desaturate .cpl-section .column-two .column-item.booklist .item-booklist .media, body.desaturate .cpl-bucket .bucket-media, body.desaturate .upcoming-event-image {
  filter: grayscale(1);
}
body.desaturate {
  filter: grayscale(1);
}


/* darkmode styles */
body.dark-mode {
  background-color: #292929;
  color: #fff;
}
body.dark-mode .darkmode {
  display: block;
}
body.dark-mode .lightmode, body.dark-mode .tablet.darkmode, body.dark-mode .mobile.darkmode {
  display: none;
}
body.dark-mode .calendar-svg g, body.dark-mode .pen-svg g, body.dark-mode .right-arrow-svg line, body.dark-mode .right-arrow-svg polyline, body.dark-mode .right-chevron-svg polyline, body.dark-mode .circle-bg-svg path, body.dark-mode .circle-bg-svg rect, body.dark-mode .locator-svg path, body.dark-mode .locator-svg circle {
  stroke: #fff;
}
body.dark-mode .circle-bg-svg path, body.dark-mode .circle-bg-svg rect {
  fill: #000;
}
body.dark-mode .circle-bg-svg circle {
  fill: #444;
}
body.dark-mode h2.blue, body.dark-mode .h2-like.blue, body.dark-mode p, body.dark-mode .upcoming-events .event .event-info, body.dark-mode .cpl-section ul.filters li a {
  color: rgba(255,255,255,.87);
}
body.dark-mode h2, body.dark-mode .h2-like, body.dark-mode h3, body.dark-mode .h3-like, body.dark-mode h4, body.dark-mode .h4-like, body.dark-mode header .header-notices .close-icon, body.dark-mode .top-search-input .onsite-search .onsite-search-input, body.dark-mode .top-search-input .onsite-search .onsite-search-options .option label, body.dark-mode .books-slider .swiper-slide .book .book-content, body.dark-mode .left-sidebar .context-nav ul.nav-list li a, body.dark-mode .eresources-section .eresource-types li a, body.dark-mode .eresources-section .letters-list li a, body.dark-mode .eresources-section .eresource-entities .eresource .eresource-name, body.dark-mode .calendar-day-event .event-time, body.dark-mode .event-filters .filter-title, body.dark-mode .calendar .calendar-title h2, body.dark-mode .calendar .calendar-top .calview a.view-toggle, body.dark-mode .left-sidebar a.return-to, body.dark-mode form .field-row .field-container input[type="text"], body.dark-mode form .field-row .field-container input[type="email"], body.dark-mode form .field-row .field-container textarea, body.dark-mode .search-page-search .search-page-form .top-search, body.dark-mode .blog-posts .post .post-title, body.dark-mode .lineage-container .lineage-item .item-content .heading, body.dark-mode .blog-posts .post .post-about .heading, body.dark-mode .blog-posts .post .post-about .tags .tag-heading, body.dark-mode .cpl-overlay a.close-icon, body.dark-mode .main-nav ul.nav-list li .list-dropdown ul li a:hover, body.dark-mode .main-nav ul.nav-list li .list-dropdown ul li a:focus, body.dark-mode .main-nav ul.nav-list li .list-dropdown ul li.active a, body.dark-mode .cpl-overlay input[type="text"], body.dark-mode .cpl-overlay input[type="password"], body.dark-mode .cpl-overlay input[type="email"], body.dark-mode .cpl-overlay textarea  {
  color: #fff;
}
body.dark-mode a, body.dark-mode .eresources-section .eresource-types li a:hover, body.dark-mode .eresources-section .eresource-types li.active a {
  color: #68BCDB;
}
body.dark-mode .utility-nav ul.nav-notice li:before {
  border-top: 10px solid #2489AF;
  opacity: 1;
}
body.dark-mode .main-content.home .page-content {
  background-color: #292929;
}
body.dark-mode .home-events:before {
  background-image: linear-gradient(#292929 50%, #333);
}
body.dark-mode .sidebar-item, body.dark-mode .eresources-section .eresource-types, body.dark-mode .eresources-section .letters-list, body.dark-mode .blog-posts .post .post-about, body.dark-mode .cpl-overlay .overlay-content .column.sign-in {
  background-color: #1E1E1E;
}
body.dark-mode button, body.dark-mode .button-dropdown, body.dark-mode button.secondary, body.dark-mode .cpl-section .column-two .column-item.blog .content, body.dark-mode .page-banner, body.dark-mode .styled_bordered, body.dark-mode .left-sidebar .context-nav, body.dark-mode .cpl-bucket, body.dark-mode .calendar-day-event .event-details .details-background, body.dark-mode .cpl-overlay .overlay-content .overlay-step, body.dark-mode header.open-menu .header-wrapper:after {
  background-color: #292929;
}
body.dark-mode header.open-notices .header-wrapper:after {
  background-image: none;
}
body.dark-mode .button-dropdown, body.dark-mode button.secondary {
  border: 1px solid #68BCDB;
  color: #68BCDB;
}
body.dark-mode header ul.nav-list li .list-dropdown ul:after {
  border-top: 4px solid #2489AF;
  border-bottom: 4px solid #2489AF;
}
body.dark-mode header .utility-nav ul.nav-list li .list-dropdown ul:after, body.dark-mode .page-banner, body.dark-mode .styled_bordered, body.dark-mode .cpl-bucket, body.dark-mode form .field-row .field-container input[type="text"], body.dark-mode form .field-row .field-container input[type="email"], body.dark-mode form .field-row .field-container textarea, body.dark-mode .search-page-search .search-page-form .top-search, body.dark-mode .calendar-day-event .event-details .details-background, body.dark-mode .cpl-overlay input[type="text"], body.dark-mode .cpl-overlay input[type="password"], body.dark-mode .cpl-overlay input[type="email"], body.dark-mode .cpl-overlay .overlay-content .overlay-step, body.dark-mode .top-search-input .onsite-search .onsite-search-input {
  border: 1px solid rgba(198,233,244,0.31);
}
body.dark-mode .main-nav ul.nav-list li:first-of-type .list-dropdown ul li a:hover, body.dark-mode .main-nav ul.nav-list li:first-of-type .list-dropdown ul li a:focus {
  background-color: rgba(36,137,175,0.18);
}
body.dark-mode button:hover, body.dark-mode .button-dropdown:hover, body.dark-mode button.secondary:hover, body.dark-mode .top-search-input .onsite-search .onsite-search-button, body.dark-mode .search-page-search .search-page-form .search, body.dark-mode .calendar-weekdays li {
  color: #292929;
}
body.dark-mode .button-dropdown:hover, body.dark-mode button.secondary:hover {
  background-color: #68BCDB;
}
body.dark-mode button, body.dark-mode header .header-wrapper, body.dark-mode ul.nav-list li .list-dropdown ul:after, body.dark-mode .main-content, body.dark-mode .more-events .cpl-bucket, body.dark-mode .upcoming-events .event .event-date, body.dark-mode .cpl-section .section-content .content-columns .column.list, body.dark-mode .cpl-section .section-content .content-columns .column.newsletter, body.dark-mode footer, body.dark-mode header.open-notices .header-wrapper:after {
  background-color: #292929;
}
body.dark-mode a.button-like {
  border-color: #C6E9F4;
  background-color: #C6E9F4;
  color: #292929;
}
body.dark-mode a.button-like:hover {
  background-color: #292929;
  color: #C6E9F4;
}
body.dark-mode a.button-like.secondary {
  background-color: #292929;
  color: #C6E9F4;
}
body.dark-mode a.button-like.secondary:hover {
  background-color: #C6E9F4;
  color: #292929;
}
body.dark-mode .upcoming-events, body.dark-mode .cpl-section ul.filters li.active a, body.dark-mode .books-slider .swiper-button-next:after, body.dark-mode .books-slider .swiper-button-prev:after, body.dark-mode .books-slider .swiper-slide .book .book-content, body.dark-mode .cpl-section .column-two .column-item.reserve .reserve-media .content .stat .icon, body.dark-mode .calendar-dates li.calendar-day-blanks, body.dark-mode .calendar-day-event .event-details .details-content, body.dark-mode .list-event .event-about .list-date, body.dark-mode .blog-posts .post .post-about .tags ul.tag-list li a.tag, body.dark-mode .calendar-dates .date-hours-block, body.dark-mode .cpl-overlay .overlay-content {
  background-color: #000;
}
body.dark-mode header .header-notices .notice-heading {
  /*border-bottom: 3px solid rgba(198, 233, 244,0.8);*/
  /*color: #C6E9F4;*/
  /*border-bottom: 3px solid rgba(255,255,255,0.8);*/
  color: #fff;
}
body.dark-mode button:hover, body.dark-mode .top-search-input .onsite-search .onsite-search-button, body.dark-mode .search-page-search .search-page-form .search, body.dark-mode .home-events .main-events .events-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active, body.dark-mode .quicklinks-container .quicklinks .quicklink-separator, body.dark-mode .calendar-weekdays li, body.dark-mode header .ham-menu .line {
  background-color: #C6E9F4;
}
body.dark-mode .access-svg .svg-stroke {
  stroke: #C6E9F4;
}
body.dark-mode .access-svg .svg-fill {
  fill: #C6E9F4;
}
body.dark-mode .notice-heading .access-svg circle:last-of-type {
  stroke: #fff;
}
body.dark-mode .notice-heading .access-svg circle {
  fill: red;
}
body.dark-mode .notice-heading .access-svg circle:first-of-type,
body.dark-mode .notice-heading .access-svg polygon {
  fill: #fff;
}
body.dark-mode ul.social-links li a svg.social-svg path {
  fill: #C6E9F4;
}
body.dark-mode header .header-notices .notice-accessibility .access-options .access-section .option .icon, body.dark-mode header .header-wrapper:before {
  background-color: #2489AF;
}
body.dark-mode header .header-notices .notice-accessibility .access-options .access-section .option .icon {
  color: #fff;
}
body.dark-mode header .header-notices .notice-accessibility .access-options .access-section .option.active .icon {
  background-color: red;
}
body.dark-mode .utility-nav ul.nav-notice li a, body.dark-mode .utility-nav ul.nav-list li a, body.dark-mode .main-nav ul.nav-list li a, body.dark-mode .sidebar-item .post .heading, body.dark-mode .sidebar-item .heading, body.dark-mode .calendar-dates .date-hours-block {
  color: rgba(198,233,244,0.9);
}
body.dark-mode h1, body.dark-mode .utility-nav ul.nav-notice li a:hover, body.dark-mode .utility-nav ul.nav-notice li a:focus, body.dark-mode  ul.nav-list li a:hover, body.dark-mode  ul.nav-list li a:focus, body.dark-mode .main-nav ul.nav-list li a:hover, body.dark-mode .main-nav ul.nav-list li a:focus, body.dark-mode .upcoming-events .heading, body.dark-mode .upcoming-events .event .event-title, body.dark-mode .home-events .main-events .events-swiper .swiper-slide .event-heading, body.dark-mode .home-events .main-events .events-swiper .swiper-slide .event-info, body.dark-mode .home-events .main-events .events-swiper .swiper-slide .event-info .location p, body.dark-mode .hours .hour-heading, body.dark-mode .hours ul.hour-list li, body.dark-mode .cpl-section .section-content .content-columns .column .podcast-sections .item .item-content .item-title, body.dark-mode .calendar-day-event .event-title, .calendar-day-event .event-time, body.dark-mode .info, body.dark-mode footer .footer-nav ul li a, body.dark-mode footer .footer-credits p, body.dark-mode footer .footer-credits a {
  color: rgba(198, 233, 244,1);
}
body.dark-mode header ul.nav-list li:before, body.dark-mode header ul.nav-list li:after, body.dark-mode .hang-item:before, body.dark-mode .more-events .cpl-bucket:before, body.dark-mode .cpl-section .section-content .content-columns .column .podcast-list:after {
  background-color: rgba(198,233,244,0.31);
}
body.dark-mode ul.nav-list li .list-dropdown ul li a {
  background-color: rgba(0,0,0,0);
}
body.dark-mode ul.nav-list li .list-dropdown ul li a:hover body.dark-mode ul.nav-list li .list-dropdown ul li a:focus , body.dark-mode ul.nav-list li .list-dropdown ul li.active a {
  background-color: rgba(0,0,0,1);
  color: rgba(198, 233, 244,0.9);
}
body.dark-mode .utility-nav ul.nav-notice li.accessibility a.notice-icon {
  background-image: url('/content/_theme_images/cpl_icon_accessibility_darkmode.png');
}
body.dark-mode ul.nav-list li .list-dropdown ul:after, body.dark-mode .home-events .main-events, body.dark-mode .more-events .cpl-bucket, body.dark-mode .upcoming-events, body.dark-mode .cpl-section .section-content .content-columns .column.list, body.dark-mode .sidebar-item .post, body.dark-mode .left-sidebar .context-nav, body.dark-mode .left-sidebar .context-nav.multi .nav-heading, body.dark-mode .blog-posts .post.first .post-media, body.dark-mode .blog-posts .post .post-media, body.dark-mode .cpl-section .section-content .content-columns .column.form,
body.dark-mode header .header-notices .notice-hours ul.hour-list li {
  border-color: rgba(198,233,244,0.31);
}
body.dark-mode .upcoming-events {
  border-top: 5px solid #68BCDB;
}
body.dark-mode button, body.dark-mode .upcoming-events .event .event-date, body.dark-mode .home-events .main-events .events-swiper .swiper-pagination-bullet, body.dark-mode .books-slider .swiper-button-next:after, body.dark-mode .books-slider .swiper-button-prev:after, body.dark-mode .list-event .event-about .about-content, body.dark-mode .list-event .event-about .list-date, body.dark-mode .calendar-top {
  border-color: #C6E9F4;
}
body.dark-mode button, body.dark-mode .upcoming-events .event .event-date, body.dark-mode .quicklinks-container h2, body.dark-mode .quicklink .heading, body.dark-mode .books-slider .swiper-button-next:after, body.dark-mode .books-slider .swiper-button-prev:after, body.dark-mode .left-sidebar .context-nav .nav-heading, body.dark-mode .cpl-section .column-two .column-item .item-title, body.dark-mode .calendar-day .calendar-day-date p, body.dark-mode .weekly-row td.empty-space .calendar-day .calendar-day-date, body.dark-mode .calendar-day-event .event-details .details-content .details-info .details-title, body.dark-mode .list-event .event-about h3, body.dark-mode .list-event .event-about .list-date, body.dark-mode .blog-posts .post .post-about .tags ul.tag-list li a.tag {
  color: #C6E9F4;
}
body.dark-mode button.paint-button, body.dark-mode a.paint-button {
  background-image: url('/content/_theme_images/cpl_event_link_bkgd_darkmode.png');
  color: rgba(255,255,255,.87);
  opacity: 1;
}
body.dark-mode .upcoming-events .event .event-date {
  border-top: 11px solid #C6E9F4;
}
body.dark-mode .quicklinks-container h2, body.dark-mode .cpl-section .column-one, body.dark-mode .cpl-section .column-two {
  border-top: 1px solid #C6E9F4;
}
body.dark-mode .books-slider .swiper-button-next:before {
  background: linear-gradient(to right, rgba(41,41,41,0) 30%, rgba(41,41,41,1));
}
body.dark-mode .books-slider .swiper-button-prev:before {
  background: linear-gradient(to left, rgba(41,41,41,0) 30%, rgba(41,41,41,1));
}
body.dark-mode .top-search-input .onsite-search .onsite-search-input, body.dark-mode .cpl-section .column-two .column-item.blog .blog-media, body.dark-mode .cpl-section .column-two .column-item .booklists, body.dark-mode .cpl-section .column-two .column-item.reserve .reserve-media, body.dark-mode .cpl-section .column-two .column-item.booklist, body.dark-mode .cpl-section .column-two .column-item.booklists {
  background-color: #292929;
}
body.dark-mode .cpl-section .column-two .column-item.blog .blog-media, body.dark-mode .cpl-section .column-two .column-item .booklists, body.dark-mode .cpl-section .column-two .column-item.reserve .reserve-media, body.dark-mode .cpl-section .column-two .column-item.booklist, body.dark-mode .books-slider .swiper-slide .book .book-content, body.dark-mode .cpl-section .column-two .column-item .booklists .book .book-media .media-back, body.dark-mode .cpl-section .column-two .column-item.reserve .reserve-media .content, body.dark-mode .cpl-section .column-two .column-item.booklist .item-booklist .content, body.dark-mode .cpl-section .section-content .content-columns .column.newsletter, body.dark-mode .cpl-section .column-two .column-item.booklists {
  border: 1px solid #000;
}
body.dark-mode .books-slider .swiper-slide .book .book-content, body.dark-mode .cpl-section .column-two .column-item .booklists .book .book-media .media-back, body.dark-mode .cpl-section .column-two .column-item.reserve .reserve-media .content, body.dark-mode .cpl-section .column-two .column-item.booklist .item-booklist .content, body.dark-mode form .field-row .field-container input[type="text"], body.dark-mode form .field-row .field-container input[type="email"], body.dark-mode form .field-row .field-container textarea, body.dark-mode .search-page-search .search-page-form .top-search, body.dark-mode .calendar-top, body.dark-mode .calendar-dates li, body.dark-mode .cpl-overlay input[type="text"], body.dark-mode .cpl-overlay input[type="password"], body.dark-mode .cpl-overlay input[type="email"],  body.dark-mode .cpl-overlay textarea {
  background-color: #222;
}
body.dark-mode .cpl-section .column-two .column-item.reserve a.read-more, body.dark-mode .cpl-section .column-two .book-sliders a.read-more {
  color: #68BCDB;
}
body.dark-mode .cpl-section .column-two .column-item.booklist {
  box-shadow: none;
}
body.dark-mode .calendar-day-event .event-details .details-background:before {
  border-right: 30px solid #292929;
}
body.dark-mode .calendar-day-event .event-details .details-content:before {
  border-right: 30px solid #000;
}
body.dark-mode .calendar-day:nth-child(7n-2) .event-details .details-background:before, body.dark-mode .calendar-day:nth-child(7n-1) .event-details .details-background:before, body.dark-mode .calendar-day:nth-child(7n) .event-details .details-background:before {
  border-left: 30px solid #292929;
  border-right: none;
}
body.dark-mode .calendar-day:nth-child(7n-2) .event-details .details-content:before, body.dark-mode .calendar-day:nth-child(7n-1) .event-details .details-content:before, body.dark-mode .calendar-day:nth-child(7n) .event-details .details-content:before {
  border-left: 30px solid #000;
  border-right: none;
}
body.dark-mode .quicklink img {
  filter: invert(1) brightness(2) contrast(.68) hue-rotate(200deg);
}
body.dark-mode .cpl-section .section-content .content-columns .column.form {
  background-color: #8A6105;
}

/* highlight-links styles */
body.highlight-links a.h4-like, body.highlight-links a, body.highlight-links .utility-nav ul.nav-notice li a, body.highlight-links .utility-nav ul.nav-list li a, body.highlight-links .main-nav ul.nav-list li a, body.highlight-links .sidebar-item .post a.heading, body.highlight-links .sidebar-item a.heading, body.highlight-links .upcoming-events .event .event-title, body.highlight-links .home-events .main-events .events-swiper .swiper-slide .event-link, body.highlight-links .quicklink .heading, body.highlight-links .cpl-section .column-two .column-item.reserve a.read-more, body.highlight-links .cpl-section .column-two .book-sliders a.read-more, body.highlight-links .cpl-section .section-content .content-columns .column .podcast-sections .item .item-content .item-title, body.highlight-links ul.nav-list li .list-dropdown ul li a, body.highlight-links .top-search-input .onsite-search .onsite-search-button, body.highlight-links .search-page-search .search-page-form .search, body.highlight-links .left-sidebar .context-nav a.nav-heading, body.highlight-links .left-sidebar .context-nav ul.nav-list li a, body.highlight-links .eresources-section .eresource-entities .eresource .eresource-name, body.highlight-links footer .footer-nav ul li a, body.highlight-links footer .footer-credits a {
  background-color: yellow;
  color: #121212;
}
body.highlight-links a.button-like, body.highlight-links a.button-like.secondary {
  border-color: yellow;
  color: #000;
}
body.highlight-links a.button-like:hover, body.highlight-links a.button-like.secondary:hover, body.highlight-links .button-dropdown, body.highlight-links .left-sidebar a.return-to {
  background-color: yellow;
  color: #000;
}
body.highlight-links header .header-notices .notice-accessibility .access-options .access-section .option, body.highlight-links header .header-notices .close-icon, body.highlight-links .eresources-section .letters-list li a, body.highlight-links .calendar .calendar-title .cal-arrow, body.highlight-links .calendar .calendar-top .calview a.view-toggle {
  background-color: transparent;
}
body.highlight-links ul.social-links li a svg.social-svg path {
  fill: #000;
}
body.highlight-links ul.nav-list li .list-dropdown ul li a:hover, body.highlight-links ul.nav-list li .list-dropdown ul li a:focus, body.highlight-links ul.nav-list li .list-dropdown ul li.active a {
  color: #fff;
}
body.dark-mode header.show-accessibility .header-notices .notice-accessibility, body.dark-mode header.show-hours .header-notices .notice-hours, body.dark-mode header .header-notices .notice-alerts {
  background-color: #171320;
}

body.dark-mode .cpl-section .column-two .column-item.staff{
    background-color: black;
    border-color: gray;
}
body.dark-mode .search-page-search h4{
    color: white;   
}


@media only screen and (max-width: 1242px) {
  header .site-logo {
    margin: 32px 0 0 16px;
    transition: margin .3s;
  }
  header .site-logo .logo, header .site-logo .logo-subtitle {
    transition: width .3s, height .3s;
  }
  header .site-logo .logo {
    /* 252 x 160 */
    width: 232px;
    height: 140px;
  }
  header .site-logo .logo-subtitle {
    /* 286 x 38 */
    width: 266px;
  }
  .utility-nav, .top-search-input, .main-nav {
    padding-right: 10px;
    transition: padding .3s;
  }
  .utility-nav ul.nav-list li, .utility-nav ul.nav-notice, .utility-nav ul.nav-notice li, .main-nav ul.nav-list li {
    margin: 0 16px 0 0;
    transition: margin .3s;
  }
}

@media only screen and (min-width: 1440px) {
    header .site-navigations:before {
        background-size: 100%;
    }
    .utility-nav {
        padding-right: 145px;
    }
    .top-search-input {
        padding-right: 145px;
    }
    .main-nav {
        padding-right: 145px;
    }
    .main-nav:before {
        background-size: 100% 100%;
    }
}

@media only screen and (max-width: 1200px) {
  .home-events {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .home-events .main-events {
    width: calc(62% - 5px);
  }
  .home-events .main-events .events-swiper {
    width: 95%;
    height: 482px;
    padding: 0 10px 10px 10px;
  }
  .home-events .main-events .events-swiper img {
    width: 651px;
    max-width: 100%;
    /*height: 361px;*/
    height: 330px;
    height: unset;
    transition: height .3s;
  }
  .home-events .main-events .events-swiper .swiper-slide .event-heading {
    margin: 10px 0 0 0;
    font-size: 25px;
    line-height: 30px;
  }
  .home-events .main-events .events-swiper .swiper-slide .event-info {
    margin: 0;
    font-size: 16px;
    line-height: 21px;
  }
  .home-events .main-events .events-swiper .swiper-slide .event-link {
    font-size: 13px;
    line-height: 18px;
  }
  .home-events .main-events .events-swiper .swiper-pagination {
    /*bottom: 35px;*/
    /*left: auto;*/
    /*right: -46%;*/
    bottom: 6px;
  }
  .home-events .more-events {
    width: calc(38% - 5px);
  }
  {#footer .footer-nav {#}
  {#  display: none;#}
  {#}#}
  {#footer .footer-wrapper {#}
  {#  padding: 0;#}
  {#  align-items: center;#}
  {#  justify-content: center;#}
  {#}#}
}

@media only screen and (max-width: 1104px) {
  header .site-logo .logo {
    width: 212px;
    height: 120px;
  }
  header .site-logo .logo-subtitle {
    width: 246px;
  }
  .main-nav:before {
    width: 100%;
    background-position: 0 5px;
  }
  .main-nav ul.nav-list li a {
    font-size: 14px;
    line-height: 14px;
  }
  .utility-nav ul.nav-list li a, .utility-nav ul.nav-notice li a {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1030px) {
  .desktop-small {
    display: block;
  }
  header .site-logo .logo {
    width: 202px;
    height: 110px;
  }
  header .site-logo .logo-subtitle {
    width: 226px;
    height: 30px;
  }
  
  header .site-navigations:before {
    background-image: url('/content/_theme_images/cpl_navigations_full_bkgd_2.png');
  }
  .utility-nav ul.nav-list li a, .utility-nav ul.nav-notice li a {
    font-size: 12px;
  }
  .main-nav {
    padding-top: 0;
  }
  .main-nav:before {
    opacity: 0;
  }
  
  .home-events .main-events .events-swiper img {
    height: 285px;
    height: unset;
  }
  
  .quicklink {
    margin: 0 21px 0 0;
  }
  .quicklinks-container .quicklinks .quicklink-separator {
    margin: 0 21px 0 0;
  }
  
  .cpl-section .column-two {
    max-width: 694px;
  }
  .cpl-section .section-content .content-columns .column.list {
    /*max-width: 562px;*/
  }
  .cpl-section .section-content .content-columns .column.newsletter {
    width: calc(50% - 10px);
  }
  
  footer {
    margin: 310px 0 0 0;
    padding: 35px 0 0 0;
    background-image: url(/content/_theme_images/cpl_footer_desktop_small_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  footer .footer-wrapper {
    width: 100%;
    padding: 30px;
    background-image: url(/content/_theme_images/cpl_footer_desktop_small_bg.png);
    background-image: none;
    flex-wrap: wrap;
  }
  footer .footer-info {
    width: 100%;
    max-width: none;
    margin: 21px 0 0 0;
    padding: 17px 0 0 0;
    border-top: 0.5px solid rgba(1,8,82,0.3);
    display: flex;
    justify-content: space-between;
    order: 1;
  }
  footer .footer-info .site-logo-element {
    position: absolute;
    top: -197px;
  }
  footer .footer-info .hours {
    margin: 0;
  }
  footer .footer-info .info {
    margin: 0;
    order: 1;
  }
  footer .footer-info ul.social-links {
    margin: 0;
    position: absolute;
    bottom: 55px;
    right: 93px;
  }
  footer .footer-info .disclaimer {
    max-width: 189px;
    order: 2;
  }
  footer .footer-nav {
    width: 100%;
    background-image: none;
    order: 0;
    padding: 0;
  }
  footer .footer-credits {
    margin: 30px 0 0 0;
    padding: 50px 31px 14px 31px;
  }
}

@media only screen and (max-width: 970px) {
  p {
    font-size: 14px;
    line-height: 20px;
  }

  .home-events .more-events .highlighted-event {
    padding: 10px 10px 12px 10px;
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
  }
  .home-events .more-events .highlighted-event img {
    width: 235px;
    height: 85px;
    margin: 0 auto;
    display: block;
  }
  .home-events .main-events .events-swiper .swiper-pagination {
    bottom: 0;
  }
  .upcoming-events {
    padding: 10px 14px 17px 9px;
  }
  .upcoming-events .heading {
    font-size: 20px;
    line-height: 22px;
  }
  .upcoming-events .event {
    display: none;
  }
  .upcoming-events .event:first-of-type {
    display: flex;
  }
  .upcoming-events .event:nth-of-type(2) {
    display: flex;
  }
  .upcoming-events .event .event-date {
    margin: 0 6px 0 0;
  }
  .upcoming-events .event .event-title {
    font-size: 15px;
    line-height: 20px;
  }
  .upcoming-events .event .event-info {
    font-size: 13px;
    line-height: 18px;
  }
  .upcoming-events a.button-like {
    margin: 11px 0 0 0;
  }
  .quicklinks-container h2 {
    margin: 0 0 15px 0;
    padding: 6px 0 0 0;
  }
  .quicklinks-container .quicklinks {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
  .quicklink {}
  .quicklinks-container .quicklinks .quicklink:nth-of-type(6) {
    margin: 0;
  }
  .quicklinks-container .quicklinks .quicklink-separator {
    width: 100%;
    height: 0;
    margin: 13px 0 16px 0;
    position: relative;
  }
  .quicklinks-container .quicklinks .quicklink-separator:before {
    content: "";
    width: 122px;
    height: 1px;
    background-color: #010852;
    opacity: 0.2;
    display: block;
    position: absolute;
    left: calc(50% - 61px);
  }

  .cpl-section {
    padding: 0;
    box-sizing: border-box;
  }
  .home .cpl-section {
    padding: 0 10px;
  }
  .cpl-section.two-col {
    flex-direction: column;
    align-items: center;
  }
  .cpl-section ul.filters {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
  }
  .cpl-section .section-content .content-columns .column.list ul.filters {
    flex-direction: column;
    /* align-items: center; */
  }
  .cpl-section .section-content .content-columns .column.list ul.filters li {
    margin: 0 0 5px 0;
  }
  .cpl-section ul.filters li {
    margin: 0 10px 10px 0;
  }
  .cpl-section ul.filters li a {
    padding: 2px 11px;
    background-color: #E2E2E2;
    border-radius: 15px;
    color: #010852;
    font-size: 14px;
    line-height: 25px;
    transition: background-color .3s, color .3s;
  }
  .cpl-section ul.filters li a:hover,
  .cpl-section ul.filters li.active a {
    background-color: #010852;
    color: #fff;
  }
  .cpl-section .column-one {
    /* max-width: 331px; */
    max-width: 500px;
    /* margin: 0 0 35px 0; */
  }
  .cpl-section .column-two {
    border: none;
  }
  .body .cpl-section .column-two {
    max-width: none;
  }
  .cpl-section .column-two .column-section {
    align-items: flex-start;
    /* justify-content: center; */
    justify-content: space-between;
  }
  .home .cpl-section .column-two .column-item.event {
    max-width: 223px;
    padding: 10px 10px 12px 10px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #CFCFCF;
  }
  .cpl-section .column-two .column-item .item-media {
    height: 75px;
  }
  .cpl-section .column-two .column-item .item-title {
    font-size: 16px;
    line-height: 22px;
  }
  .cpl-section .column-two .column-item .item-info {
    font-size: 14px;
    line-height: 19px;
  }
  .cpl-section .column-two .column-item.booklists {
    max-width: 243px;
    padding: 10px 10px 12px 10px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #CFCFCF;
  }
  .cpl-section .column-two .column-item .booklists {
    padding: 8px;
  }
  .cpl-section .column-two .column-item .booklists .book {
    width: 64px;
    height: 100px;
  }
  .cpl-section .column-two .column-item.quicklink,
  .cpl-section .column-two .column-item.blog {
    padding: 10px 10px 12px 10px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #CFCFCF;
  }
  .cpl-section.full {
    padding: 100px 0;
    /* background-image: url('/content/_theme_images/cpl_full_section_bkgd_mobile.png'); */
  }
  .cpl-section.full .section-content {
    width: calc(100% - 60px);
    margin: 0 auto;
  }
  /* .cpl-section.full.yellow {
    background-image: url('/content/_theme_images/cpl_full_section_ylw_bkgd_mobile.png');
  } */
  .cpl-section .section-content .content-columns {
    align-items: flex-start;
    justify-content: center;
    position: relative;
  }
  .cpl-section .section-content .content-columns .column {
    opacity: 0;
    position: absolute;
    pointer-events: none;
  }
  .cpl-section .section-content .content-columns .column.active {
    opacity: 1;
    position: relative;
    pointer-events: all;
  }
  .cpl-section .section-content .content-columns .column.placeholder {
    width: calc(100% - 30px);
    padding: 20px 15px;
    max-width: none;
  }
  /*
  .cpl-section .section-content .content-columns .column {
    display: none;
  }
  .cpl-section .section-content .content-columns .column:first-of-type {
    display: inline-block;
  }
  */
  .cpl-section .column-two .column-item.form {
    padding: 43px 23px;
  }
  .cpl-section .column-two .column-item.blog .content {
    display: none;
  }
  .cpl-section .section-content .content-columns .column.newsletter {
    width: calc((100% - 25px) / 2);
    /* max-width: 345px; */
    margin: 0 16px 0 0;
    padding: 8px 9px 12px 9px;
  }
  .cpl-section .section-content .content-columns .column.newsletter:last-of-type {
    margin: 0;
  }
  /*
  .cpl-section .section-content .content-columns .column.newsletter .newletter-media {
    width: 91px;
    height: 150px;
  }
  */
  .cpl-section .section-content .content-columns .column.newsletter .newletter-content {
    width: calc(100% - 100px);
  }
  /*
  .cpl-section .column-two .column-item.booklist:nth-child(3n) {
    margin: 0 15px 20px 0;
  }
  */

  .blog-posts .post.first .post-media {
      height: 300px;
  }
  .blog-posts .post {
    margin: 0 0 25px 0;
    flex-direction: column;
    /* align-items: center; */
  }
  .blog-posts .post .post-media {
    /* width: 100%; */
    max-width: 748px;
    height: 304px;
    margin: 0 0 10px 0;
  }
  .blog-posts .post.flipped .post-media {
    margin: 0 0 10px 0;
  }
  .blog-posts .post.flipped .post-content {
    order: 2;
  }
  .blog-posts .post.main .post-content {
    flex-wrap: wrap;
  }
  .blog-posts .post .post-about {
    max-width: none;
  }

  .lineage-container {
    padding: 0 10px;
    box-sizing: border-box;
  }

  .cpl-bucket {
    margin: 50px 0 0 10px;
  }
  .more-events .cpl-bucket {
    padding: 10px 10px 12px 10px;
  }
  .more-events .cpl-bucket .bucket-media {
    width: 235px;
    height: 85px;
    margin: 0 auto;
    display: block;
  }

  footer {
    background-image: url('/content/_theme_images/cpl_footer_mobile.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
  }
  footer .footer-nav {
    display: none;
  }
  footer .footer-wrapper {
    padding: 0;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 970px) {
  body{
    --header-height: 130px;   
  }
  header {
    height: var(--header-height);   
  }
  header.open-notices .header-notices {
    top: 80px;
  }
  header .header-notices .notice-accessibility, header .header-notices .notice-hours, header .header-notices .notice-alerts {
    padding: 35px 30px;
  }
  .desktop, .cpl-section.desktop, header .header-notices .notice-accessibility .access-options .access-section .option .icon.desktop {
    display: none;
  }
  body.dark-mode .desktop,
  body.dark-mode .tablet.lightmode,
  .tablet.darkmode {
    display: none;
  }
  body.dark-mode .tablet.darkmode {
    display: inline-block;
  }
  .tablet {
    display: inline-block;
  }
  .cpl-section.tablet {
    display: flex;
  }
  .cpl-section ul.filters.tablet {
    display: flex;
    align-items: flex-start;
  }
  .main-content {
    /* padding: 80px 15px 0 15px; */
    padding:  var(--header-height) 0 0 0;
    /* padding: 81px 0 0 0; */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }
  .main-content.home {
    padding: var(--header-height) 0 0 0;
  }
  .body {
    width: 100%;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    order: 0;
 
  }
  .main-content.tertiary .body, .main-content.tertiary .body:not(.no-right-sidebar) {
    width: 100%;
  }
  .body p {
    max-width: none;
  }
  .cpl-bucket {
      width: 100%;
  }
  .blog-posts .post.first .post-media {
      height: 370px;
  }

  header .header-notices {
    opacity: 0;
    display: block;
    /* z-index: 999; */
    transition: opacity .3s;
  }
  header.open-notices .header-notices {
    opacity: 1;
    top: 140px;
    z-index: 99;
    transition: opacity .3s .1s;
  }
  header .header-notices .close-icon {
    display: none;  
  }
  header.show-accessibility,
  header.show-accessibility.hide-hours,
  header.show-alerts {
    /* padding: 400px 0 0 0; */
    padding: 0;
  }
  header .header-notices .notice-accessibility, header .header-notices .notice-hours {
    /* transition: opacity 0s, left 0s; */
  }
  header .header-notices .notice-accessibility, header .header-notices .notice-hours {
    background-color: #fff;
    transition: opacity 0s .3s, left 0s .3s;
  }
  header .header-notices .notice-accessibility .access-options {
    flex-direction: column;
  }
  header .header-notices .notice-accessibility .access-options .access-section {
    margin: 0 0 15px 0;
  }
  header.show-accessibility .header-wrapper .site-navigations, header.show-hours .header-wrapper .site-navigations {
    left: -100vw;
  }
  header.show-hours, header.show-hours.hide-accessibility {
    padding: 362px 0 0 0;
    padding: 0;
  }
  header .header-notices .notice-hours ul.hour-list {
    flex-direction: column;
    align-items: flex-start;
  }
  header .header-notices .notice-hours ul.hour-list li {
    margin: 0 0 10px 0;
  }
  header .header-notices .notice-accessibility .access-options .access-section .option.desktop {
    display: none;
  }
  header .header-notices .notice-accessibility .access-options .access-section .option.tablet {
    display: inline-block;
  }
  header.open-notices .header-wrapper:before {
    height: 100vh;
  }
  header.open-notices .header-wrapper:after {
    width: calc(100vw + 177px);
    height: calc(100vh + 81px);
    background-color: #DFEEF3;
  }

  header.close-notices {
    padding: 0 0 0 0;
    /* transition: opacity .3s; */
  }
  header.close-notices .header-notices {
    opacity: 0;
    transition: opacity .3s;
  }

  header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    box-shadow: 0 1px 3px -1px #333;

  }
  header .site-logo {
    margin: 10px 0 10px 30px;
  }
  header .header-wrapper .site-logo .logo-mobile.mobile {
    display: none;
  }
  header .header-wrapper {
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
  }
  header .header-wrapper:before {
    content: "";
    width: 100%;
    height: 0;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: height .3s;
  }
  header .header-wrapper:after {
    content: "";
    width: 177px;
    height: 81px;
    background-image: url('/content/_theme_images/cpl_header_bkgd_mobile_3.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100%;
    background-color: transparent;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    transition: width .3s, height .3s, background-color .3s;
  }
  header.open-menu .header-wrapper:after {
    width: calc(100vw + 177px);
    /* height: calc(100vh + 81px); */
    height: 100vh;
    background-color: #DFEEF3;
    background-image: none;
  }
  header.open-menu .header-wrapper:before {
    height: 100vh;
  }
  header .header-wrapper .site-logo {
    position: relative;
    z-index: 15;
  }
  header .header-wrapper .mobile-notices {
    padding: 0 10px 0 0;
    box-sizing: border-box;
    display: flex;
    position: relative;
    z-index: 15;
  }
  header .header-wrapper .mobile-notices .ham-menu {
    padding: 30px 0 0 0;
    box-sizing: border-box;
  }
  header .header-wrapper .mobile-notices ul.nav-notice {
    margin: 0 15px 0 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    transition: opacity .3s;
  }
  header.open-menu .header-wrapper .mobile-notices ul.nav-notice {
    opacity: 0;
    pointer-events: none;
  }
  header .header-wrapper .mobile-notices ul.nav-notice li {
    margin: 0 7px 0 0;
    padding: 30px 0 0 0;
    box-sizing: border-box;
    position: relative;
  }
  header .header-wrapper .mobile-notices ul.nav-notice li.alert.disabled {
    opacity: 0.4;
    pointer-events: none;
  }
  header .header-wrapper .mobile-notices ul.nav-notice li:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 10px solid #227B9D;
    opacity: 0.5;
    display: inline-block;
    position: absolute;
    top: 0;
    left: calc(50% - 9px);
    z-index: 15;
  }
  header .header-wrapper .mobile-notices ul.nav-notice li:last-of-type {
    margin: 0;
  }
  header .header-wrapper .site-navigations {
    width: 100%;
    opacity: 0;
    position: absolute;
    top: -100vh;
    left: 0;
    z-index: 1;
    transition: top .3s, opacity .0s;
  }
  header .site-navigations:before {
    display: none;
  }
  header.open-menu .header-wrapper .site-navigations {
    opacity: 1;
    top: 131px;
    z-index: 15;
    transition: opacity .3s .1s;
  }
  header ul.nav-list li {
    flex-direction: row;
  }

  header .ham-menu {
    display: flex;
  }

  .utility-nav {
    width: 100%;
    padding: 0;
    flex-direction: column;
    order: 2;
  }
  .utility-nav ul {
    width: 100%;
    /* padding: 25px 0; */
    /* box-sizing: border-box; */
    /* background-color: rgba(108,183,209,0.20); */
    flex-direction: column;
  }
  .utility-nav ul.nav-notice {
    display: none;
  }
  .utility-nav ul.nav-list {
    padding: 15px 0;
    box-sizing: border-box;
    /* background-color: #F6F6F6; */
    order: 1;
  }
  .utility-nav ul.social-links {
    margin: 0 0 15px 0;
    /* padding: 0; */
    background-color: transparent;
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    order: 0;
  }
  .utility-nav ul.social-links li {
    width: auto;
    margin: 0 10px 0 0;
    border: none;
  }
  .utility-nav ul.social-links li:last-of-type {
    margin: 0;
  }
  .utility-nav ul.social-links li img {
    width: 25px;
    height: 25px;
  }
  .utility-nav ul.social-links li a {
    padding: 0;
    opacity: 1;
  }
  .utility-nav ul li {
    width: 100%;
    /* border-bottom: 1px solid rgba(0,0,0,0.8); */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .utility-nav ul li:last-of-type {
    border-bottom: none;
  }
  .utility-nav ul.nav-list li a {
    width: calc(100% - 25px);
    padding: 4px 30px;
    box-sizing: border-box;
    color: #464646;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    display: block;
  }
  .utility-nav ul.nav-list li .list-dropdown ul li a {
    font-size: 14px;
    line-height: 20px;
  }

  .main-nav {
    /* margin: 20px 0 0 0; */
    padding: 15px 0;
    box-sizing: border-box;
    background-color: #fff;
    /* background-color: rgba(195,197,58,0.22); */
    order: 1;
  }
  body.dark-mode .main-nav {
    background-color: #1E1E1E;
  }
  .main-nav ul {
    flex-direction: column;
  }
  .main-nav ul li {
    width: 100%;
    /* border-bottom: 1px solid rgba(255,255,255,0.8); */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .main-nav ul li:last-of-type {
    border-bottom: none;
  }
  header ul.nav-list li:before, header ul.nav-list li:after {
    display: none;
  }
  header ul.nav-list li .list-dropdown {
    width: 100%;
    border: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: -100vw;
    transition: opacity .3s;
  }
  header ul.nav-list li:hover .list-dropdown,
  header ul.nav-list li:focus-within .list-dropdown {
    box-shadow: none;
  }
  header ul.nav-list li.toggled .list-dropdown {
    opacity: 1;
    position: relative;
    left: 0;
  }
  header ul.nav-list li .list-dropdown ul:before, header ul.nav-list li .list-dropdown ul:after {
    display: none;
  }
  header ul.nav-list li .list-dropdown ul li a {
    padding: 3px 30px;
  }
  .main-nav ul.nav-list li a {
    width: calc(100% - 25px);
    padding: 5px 30px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.27px;
    text-transform: none;
    display: block;
  }
  header ul.nav-list li a.dropdown-toggle {
    width: 25px;
    height: 15px;
    padding: 0;
    background-image: url('/assets/images/cpl_icon_arrow_blue.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    /* transition: transform .3s; */
    position: relative;
  }
  .main-nav ul li.toggled a.dropdown-toggle {
    top: 8px;
    left: -8px;
    transform: rotate(90deg);
  }
  header ul.nav-list li .list-dropdown ul li {
    opacity: 1;
  }

  .top-search-input {
    /* margin: -39px 0 0 0; */
    margin: 0 0 0 0;
    padding: 0 30px 10px 30px;
    /* box-sizing: border-box; */
    /* background-color: #F6F6F6; */
    order: 0;
  }
  .top-search-input .onsite-search .onsite-search-input {
    max-width: none;
  }


  /*
  .main-content.home .page-content {
    padding: 0 10px;
  }
  */

  .page-banner {
    width: calc(100% - 20px);
  }
  .main-content.calendar-event .page-banner .banner-media {
    min-height: 192px;
  }
  .page-banner .banner-media {
    min-height: 275px;
  }
  
  .home-events .main-events {
    padding: 10px 10px 12px 10px;
  }
  .home-events .main-events .events-swiper {
    width: 100%;
    height: 425px;
    padding: 0;
  }

  .left-sidebar {
    margin: 0 10px;
    order: 2;
  }

  .cpl-section.scroll {
    width: calc(100% + 10px);
    padding: 0;
    overflow: hidden;
  }
  .cpl-section.scroll .column-two {
    width: auto;
    max-width: none;
  }
  .cpl-section.scroll .column-two .column-section {
    width: auto;
    max-width: 100vw;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: scroll;
  }
  .cpl-section.scroll .column-two .column-section .column-item {
    min-width: 272px;
  }
  .cpl-section .column-two .column-item.event .item-media {
    height: 154px;
  }
  .cpl-section .column-two .column-item.staff .item-media {
    height: 167px;
  }


  .right-sidebar {
    max-width: none;
    margin: 40px 10px 0 10px;
    order: 3;
  }
  .right-sidebar .sidebar-item {
    max-width: 251px;
  }

  .lineage-container {
    width: 100%;
    margin: 30px 0 0 0;
  }
  
  .cpl-overlay .overlay-content {
      height: calc(100vh - 200px);
      top: calc(50% + 65px);
  }

  footer {
    margin: 320px 0 0 0;
    padding: 10px 0 0 0;
  }
  footer .footer-wrapper {
    bottom: 0;
  }
  footer .site-map ul {
    flex-direction: column;
  }
  footer .site-map ul li {
    margin: 0 0 25px 0;
  }
  footer .footer-info .site-logo-element {
    position: absolute;
    top: -130px;
    left: 30px;
  }
  footer .footer-info {
    max-width: 214px;
    margin: 0;
    padding: 88px 0 0 0;
    border: none;
    display: flex;
    flex-direction: column;
  }
  footer .footer-info .info {
    margin: 0 0 20px 0;
    text-align: center;
    order: 0;
  }
  footer .footer-info .hours {
    margin: 0 0 20px 0;
    order: 1;
  }
  footer .footer-info .disclaimer {
    max-width: none;
    margin: 0 0 20px 0;
    text-align: center;
    order: 2;
  }
  .footer-wrapper .footer-info .hours .hour-heading {
    text-align: center;
  }
  footer .footer-info ul.social-links {
    justify-content: center;
    position: initial;
    order: 3;
  }
  footer .site-map ul li .nav-dropdown {
    margin-top: 10px;
  }
  footer .footer-credits {
    margin: 0;
    padding: 55px 43px 14px 43px;
    background-position: bottom;
  }
}

@media only screen and (max-width: 700px) {
    body{
        --header-height: 80px;   
    }
  h1 {
    margin: 0 0 5px 0;
    font-size: 26px;
    line-height: 29px;
  }
  h2, .h2-like {
    margin: 0 0 15px 0;
    font-size: 22px;
    line-height: 23px;
  }
  p.pullquote {
    padding: 0 0 0 45px;
    font-size: 20px;
    line-height: 25px;
  }
  p.pullquote:before {
    left: 25px;
  }
  .body ul,
  .body ol {
    font-size: 14px;
    /* line-height: 16px; */
  }
  .mobile {
    display: inline-block;
  }
  header {
    height: var(--header-height);   
  }
  header .header-wrapper .site-logo .logo-mobile.tablet,
  body.dark-mode header .header-wrapper .site-logo .logo-mobile.mobile.lightmode,
  header .header-wrapper .site-logo .logo-mobile.mobile.darkmode {
    display: none;
  }
  header .header-wrapper .site-logo .logo-mobile.mobile,
  body.dark-mode header .header-wrapper .site-logo .logo-mobile.mobile.darkmode {
    display: block;
  }
  header .header-wrapper .site-logo {
    margin: 6px 0 10px 9px;
  }
  
  header.open-notices .header-notices {
    top: 85px;
  }
  header .header-wrapper .mobile-notices {
    padding: 0 9px 0 0;
  }
  header .header-wrapper .mobile-notices ul.nav-notice li,
  header .header-wrapper .mobile-notices .ham-menu {
    padding: 22px 0 0 0;
  }
  header .header-wrapper .mobile-notices ul.nav-notice li:before {
    top: -2px;
  }
  header.open-menu .ham-menu .line,
  header.open-notices .ham-menu .line {
    top: 32px;
  }

  .top-search-input {
    padding: 0 10px 10px 10px;
    margin: -50px 0 0 0;
  }

  .main-nav ul.nav-list li a {
    padding: 5px 10px;
  }
  .utility-nav ul.nav-list li a {
    padding: 5px 10px;
  }
  .main-nav ul.nav-list li .list-dropdown ul li a {
    padding: 3px 10px;
  }
  .utility-nav ul.nav-list li .list-dropdown ul li a {
    padding: 1px 10px;
  }

  .main-content {
    /* padding: 45px 0 0 0; */
    padding:  var(--header-height) 0 0 0;
  }

  .page-banner {
    padding: 9px;
    margin: 0 auto 40px auto;
  }
  .page-banner .banner-media {
    min-height: 149px;
  }
  .main-content.tertiary .page-banner .banner-media {
    min-height: 88px;
  }
  .main-content.calendar-event .page-banner .banner-media {
    min-height: 109px;
  }

  .lineage-container {
    margin: 30px 10px 0 10px;
    padding: 0;
    justify-content: space-between;
  }
  .lineage-container h3 {
    margin: 0 0 15px 0;
    font-size: 22px;
    line-height: 23px;
  }
  .lineage-container .lineage-item {
    width: calc(50% - 5px);
    margin: 0 0 25px 0;
  }
  .lineage-container .lineage-item .item-media {
    padding: 6px;
  }
  .lineage-container .lineage-item .item-media .media {
    height: 95px;
  }
  .lineage-container .lineage-item .item-content .heading {
    margin: 10px 0 3px 0;
    font-size: 18px;
    line-height: 22px;
  }

  .home-events .home-event-content {
    flex-direction: column;
  }
  .home-events .main-events {
    width: 100%;
  }
  .home-events .main-events .events-swiper img {
    width: 100%;
    height: 190px;
    height: unset;
  }
  .home-events .main-events .events-swiper {
    /*height: 385px;*/
    height: 360px;
  }
  .home-events .main-events .events-swiper .swiper-slide .event-heading {
    margin: 8px 0 5px 0;
    font-size: 28px;
    line-height: 30px;
    text-align: center;
  }
  .home-events .main-events .events-swiper .swiper-pagination {
    bottom: 5px;
    right: 0;
  }
  .home-events .more-events {
    width: 100%;
    margin: auto;
    margin-top: 35px;
  }
  .home-events .more-events .highlighted-event {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .home-events .more-events .highlighted-event .event-heading {
    margin: 8px 0 5px 0;
    font-size: 26px;
    line-height: 24px;
    text-align: center;
  }
  .upcoming-events .heading {
    font-size: 24px;
    line-height: 26px;
  }
  .upcoming-events .event:nth-of-type(3) {
    display: flex;
  }

  .quicklinks-container .quicklinks {
    justify-content: space-between;
  }
  .quicklinks .quicklink {
    max-width: none;
    width: 32%;
    margin: 0 0 20px 0;
  }
  .quicklinks .quicklink img {
    width: 60px;
    height: 60px;
  }

  .home .books-slider {
    width: 100%;
  }

  .cpl-section {
    margin: 0 auto 45px auto;
  }
  .cpl-section.full {
    background-image: url('/content/_theme_images/cpl_full_section_bkgd_mobile_2.png');
    background-size: 100% 100%;
    /* background-image: url(/content/_theme_images/cpl_full_section_bkgd.png); */
    /* background-size: cover; */
    padding: 100px 10px 100px 10px;
  }
  .cpl-section.full.yellow {
    padding: 78px 0;
    background-image: url('/content/_theme_images/cpl_full_section_ylw_bkgd_mobile_2.png');
  }
  .cpl-section.full .section-content {
    width: calc(100% - 20px);
  }
  .cpl-section.full .section-content p {
    text-align: center;
  }
  .cpl-section .column-one {
    margin: 0 0 25px 0;
  }
  .cpl-section .column-two .column-item.booklist {
    width: calc(50% - 6px);
    /* max-width: none; */
    margin: 0 5px 12px 0;
    padding: 10px 10px 22px 10px;
  }
  /*
  .cpl-section .column-two .column-item.booklist:nth-child(3n) {
    margin: 0 5px 12px 0;
  }
  */
  .cpl-section .column-two .column-item.booklist .item-booklist {
    height: 224px;
  }
  .cpl-section .column-two .column-item.booklist .item-booklist .content p {
    max-height: 154px;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .cpl-section .column-two .column-item.staff {
    padding: 9px 9px 17px 9px;
  }
  .cpl-section .section-content .content-columns .column.newsletter {
      width: 100%;
      margin: 0 0 15px 0;
  }
  .body .cpl-section .column-two .column-item.staff .item-title {
    margin: 0 0 4px 0;
  }
  .cpl-section .section-content .content-columns .column.newsletter .newletter-content {
    width: 100%;
  }
  .cpl-section .section-content .content-columns .column.newsletter.media-included .newletter-content {
    width: calc(100% - 146px);
  }
  .cpl-section .section-content .content-columns .column.newsletter .newletter-content p {
    text-align: initial;
  }

  /* new mobile styles for no podcast */
  .cpl-section .section-content .content-columns .column.list {
      flex-direction: column;
      padding: 20px;
  }
  .cpl-section .section-content .content-columns .column.list .column-one.podcast-list {
      margin-right: 0;
      margin-bottom: 10px;
  }
  .cpl-section .section-content .content-columns .column.list .column-two.podcast-sections .podcast-section {
      display: block;
  }
  .cpl-section .section-content .content-columns .column .podcast-sections .podcast-section.active .item {
      width: 100%;
  }
  .cpl-section .section-content .content-columns .column .podcast-sections .podcast-section.active .item:nth-child(n+4) {
      display:none;
  }


  .staff {
    flex-direction: column;
  }
  .staff .staff-media {
    margin: 0 0 10px 0;
  }
  .main-content.secondary, .main-content.tertiary, .main-content.search-page {
      width: calc(100% - 40px);
  }
  .main-content.calendar {
      width: calc(100% - 20px);
  }

  .cpl-bucket {
    width: 100%;
    margin: 0 10px;
    flex-direction: column;
  }
  .cpl-bucket .bucket-media {
    width: 100%;
    margin: 0 0 15px 0;
    background-size: cover;
  }
  .cpl-bucket .bucket-content {
    width: 100%;
  }
  .cpl-bucket .bucket-content .bucket-heading {
    font-size: 18px;
    line-height: 22px;
  }
  .more-events .cpl-bucket .bucket-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .more-events .cpl-bucket .bucket-content .bucket-heading {
    margin: 8px 0;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
  }

  .blog-posts .post.first {
    margin: 25px 0 25px 0;
  }
  .blog-posts .post.first .post-media {
      height: 280px;
  }
  .blog-posts .post .post-media {
    /* height: 188px; */
    height: 250px;
  }
  .blog-posts .post .post-title {
    margin: 10px 0 5px 0;
    font-size: 22px;
    line-height: 23px;
  }
  .blog-posts .post.first .post-title {
    margin: 10px 0 5px 0;
  }
  .blog-listen {
    margin: 45px 0;
  }
  .blog-listen button,
  .blog-listen a.button-like {
    margin: 0 5px 5px 0;
  }

  .cpl-overlay a.close-icon {
    top: 20px;
    right: 19px;
  }
  
  .cpl-overlay .overlay-content {
    width: calc(100% - 10px);
    height: calc(100% - 90px);
    min-height: 300px;
    padding: 16px;
    top: calc(50% + 40px);
    left: 5px;
  }
  .cpl-overlay .overlay-content .overlay-step {
    padding: 33px 19px;
  }
  .cpl-overlay .overlay-content .overlay-columns {
    flex-direction: column;
  }
  .cpl-overlay .overlay-content .column.sign-in {
    margin: 33px 0 0 0;
  }
  .cpl-overlay .overlay-content .column .form-flex {
    flex-wrap: wrap;
  }
  .cpl-overlay .overlay-content .column .form-half-field {
    width: 100%;
  }

  .sidebar-item {
    /* max-width: none; */
  }


  footer .footer-credits {
    padding: 71px 0 28px 0;
    flex-direction: column;
    background-image: url('/content/_theme_images/cpl_footer_credits_bkgd_mobile.png');
    background-size: cover;
    background-position: top center;
  }
}

@media only screen and (max-width: 450px) {
    .home-events .main-events .events-swiper img {
        height: 140px;
        height: unset;
    }
    
    .cpl-section {
        margin: 0 auto 25px 0;
    }
    .cpl-section.two-col {
        width: 100%
    }
    .cpl-section .column-one {
        border-top: unset;
    }
    .cpl-section .column-one .h2-like {
        border-top: 1px solid #010852;
        padding: 10px 25px 0 25px;
    }
    .swiper.books-slider {
        padding: 16px 0 0 0;
    }
    .home-events {
        margin: 0 auto 0 auto;
    }
    .quicklinks-container {
        margin: 0 auto 25px auto;
    }
    
    .cpl-section .column-one {
      margin: unset;
  }
  .cpl-section ul.filters {
      flex-direction: row;
      flex-flow: wrap;
      justify-content: center;
      gap: 10px;
  }
  .cpl-section ul.filters li {
      margin: unset;
  }
  .cpl-section .section-content .content-columns {
      flex-direction: column;
  }
  .cpl-section .section-content .content-columns .column.form {
      padding: 25px 10px 25px 10px;
  }
  .cpl-section .section-content .content-columns .column.newsletter {
      width: 100%;
      margin: 0 0 20px 0;
  }
  .main-content.secondary, .main-content.tertiary, .main-content.search-page {
      width: calc(100% - 20px);
  }
  .main-content.calendar {
      width: 100%;
  }
  .blog-posts .post.first .post-media {
      height: 225px;
  }
  
  footer .footer-info .site-logo-element {
    top: -100px;
    left: calc(50% - (182px / 2));
  }
}