/*
 Theme Name: CPL with 2025 Rebrand
 Template: cpl_responsive2016
 Version: 1.0.0
*/


:root {
	--base-font: 10px;
	--base-line-height: 1.4em;
  --brand-core-1: #004770; /* new */
  --brand-core-2: #006838; /* new */
  --brand-secondary-1: #ffd449; /* new */
  --brand-secondary-2: #8cca79; /* new */

  --color-header-bg:       var(--brand-core-1);
  --color-nav-bg:          var(--brand-core-2);
  --color-link:            var(--brand-core-2);
  --color-link-hover:      var(--brand-secondary-2);
  --color-btn-primary:     var(--brand-core-1);
  --color-btn-primary-hov: var(--brand-secondary-1);
  --color-btn-alt:         var(--brand-core-2);
  --color-btn-alt-hov:     var(--brand-core-1);

  /* font stacks */
  --font-sans: "Narin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: "Quincy CF", "Iowan Old Style", "Book Antiqua", "Palatino Linotype", Palatino, Baskerville, Georgia, "Times New Roman", Times, serif;

}

.tribe-events {
  --tec-color-accent-primary: var(--brand-secondary-2);
}


@media (max-width: 992px) {
  :root { --base-font: 16px; }
}
@media (max-width: 512px) {
  :root { --base-font: 15px; }
}


body {
	font-family: var(--font-sans);
	font-size: var(--base-font);
	line-height: var(--base-line-height);
	color: #333;
}

header {
	background: transparent;
}

header.header { background: var(--color-header-bg); }

.header-container {
	padding-top:5px;
	padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
	.header-container {
		padding-top:20px;
		padding-bottom: 20px;
	}
}

#navContainer {	background: var(--color-nav-bg); }

.minerva-search > div,
.library-card-button > div div {
	margin-top: 5px;
	margin-bottom: 5px;
}

.middler {
	font-size: inherit;
}

.middler.container,
.middler.container-fluid {
  width: 100% !important;
  max-width: 90vw !important; /* override Bootstrap's container breakpoints */
  /* container already has left/right padding; keep it */
  padding: 100px 0;
}

@media (max-width: 992px) {
	.middler.container,
	.middler.container-fluid {
	width: 100% !important;
	max-width: 95vw !important; /* override Bootstrap's container breakpoints */
	/* container already has left/right padding; keep it */
	padding: 50px 0;
	}
}


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

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

h1, h2, h3, h4, h5 {
	font-family: var(--font-serif) !important;
	text-transform: none !important;
}

h1 { font-size: 3.25em }
h2 { font-size: 2.75em }
h3 { font-size: 2em }
h4 { font-size: 1.5em }
h5 { font-size: 1.25em }

h1,
h1.single-tribe_events .tribe-events-single-event-title {
	color: var(--brand-core-1) !important;
	font-size: 3.25em !important;
}

h2,
h2 a {
	color: var(--brand-core-2);
	text-transform: none !important;
}

h2.sub-head a,
h3 {
	color: var(--brand-core-1);
}

	#footer h3 {
		font-size: 1.25em;
		margin-top: 2em;
	}

.list-info h2 {
	font-family: var(--font-serif) !important;
}

.nav-sidebar {
	border-top: 3px solid #7796bf;
	background: #efefef;
}

.nav-sidebar .pagenav ul ul  {
	background: #e1e1e1;
}

.nav-sidebar .pagenav ul ul ul {
	background: #d4d4d4;
}

.header #search-collection-terms {
 height: auto;
 border: none;
}

.form-control {
	font-size: var(--base-font);
}
input[type=text].form-control {
	line-height: 1em;
}

#footer .search-form label {
	width: 100%;
}

.btn {
	top:0;
	font-size: var(--base-font);
}

.btn-primary {
	background-color: var(--color-btn-primary);
	border: none;
	color: #fff !important;
}
.header .btn-primary {
	background-color: var(--brand-secondary-1);
	color: #000 !important;
}

.btn-primary:hover,
.header .btn-primary:hover {
	background-color: #ffebac;
	color: #fff;
	border: none;
}

.btn-alternate {
	background-color: var(--brand-core-2);
	border-color: none !important;
	color: #fff;
}

.btn-alternate:hover {
	background-color:  var(--brand-secondary-2);
	border-color: none !important;
	color: #fff;
}

.flexslider-caption-inner h3 {
	color:			var(--brand-core-1) !important;
	font-family: var(--font-serif);
	font-size: 1.25em !important;
	text-shadow: none;
}

.flexslider-caption {
	font-size: 1em !important;
	line-height: 1.4em;
	text-shadow: none;
}

.flex-control-paging li a.flex-active {
	background:		#fff !important;
	width: 30px;
}

.flex-control-nav li a {
	background: rgba(255,255,255,.65);
	box-shadow: none !important;
	transition: .2s all;
	border: none;
}

.home-announcement-container {
	background:					#5a789f;
}

.home-announcement-container p {
	color:						#a7b6cf;
}

#home-primary-widgets .middler {
	padding-bottom: 25px;
}

#home-full-width-widget {
	padding-bottom: 25px;
}

#home-full-width-widget h3 {
	text-align: center;
}

#home-secondary-widgets {
	background-color:#e6e6e6;
}

#home-secondary-widgets h2,
#home-secondary-widgets h3,
#home-secondary-widgets h4 {
	color: var(--brand-core-1);
}

h2.tribe-events-widget-events-list__header-title {
	font-size: 1.5em !important;
}

.tribe-events-widget-events-list__event-date-tag-daynum {
	color: var(--brand-core-1) !important;
}

.tribe-common .tribe-common-c-svgicon {
	color: var(--brand-secondary-2) !important;
}

#home-secondary-widgets a {
	color: var(--color-link);
}

.tribe-events-widget-events-list__event-title-link {
	text-decoration: none !important;
	border-bottom: none;
}

table#holdings tr.r1 td {
	background-color: var(--brand-core-1);
}

.tablegeneric {
	color: #253065;
	font: normal 13px var(--font-serif);
}

.tablegeneric td {
	border: 1px solid #8CA5C8;
	background-color: #7796bf;
}

.tablegeneric th {
	border: 1px solid #8CA5C8;
	background-color: #FFFFE0;
}

.tablegeneric-two {
	font: normal 13px var(--font-serif);
	color: #253065;
}

.tablegeneric-two td {
	border: 1px solid #8CA5C8;
	background-color: #7796bf;
	color: #fff;
}

.tablevanilla {
	font: normal 13px var(--font-serif);
	color: #253065;
}

.tablevanilla td {
	border: 1px solid #fff;
	background-color: #fff;
	color: #606C76;
}

.tablevanilla th {
	border-bottom: 1px solid #AEC0D9;
	color: #606C76;
}

.tablecemetery {
	font: normal 13px var(--font-sans);
}

.tablecemetery td {
	border: 1px solid #253065;
	background-color: #788598;
	color: #fff;
}

.tablecemetery td.col-1 {
	background-color: #ffc;
	color: #253065;
}

#footer {
	background: #f8f6f2;
	border-top:1px solid #e5decf;
}

#footer .credit {
	color: #999;
}

.symbol {
	color: #999;
}

.one-partner,
.single-news-post {
	border-bottom: 	1px solid #AEC0D9;
}

.moretag {
	color: var(--color-link) !important;
}

.tribe-events-calendar-list .tribe-events-calendar-list__event-title,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title .tribe-common a,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title .tribe-common a:active,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title .tribe-common a:focus,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title .tribe-common a:hover,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title .tribe-common a:visited,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title-link,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title .tribe-common a,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title .tribe-common a:active,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title .tribe-common a:focus,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title .tribe-common a:hover,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title .tribe-common a:visited,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title-link {
	color: var(--brand-core-2) !important;
	text-transform: none !important;
	font-size: 1.75em;
}

.tribe-events-calendar-list__event-description,
.tribe-events-calendar-day__event-description,
.tribe-events-widget-shortcode-events-month .tribe-events-c-day-marker__date,
.tribe-events-calendar-list__event-venue,
.tribe-events-calendar-day__event-venue {
	color: #606C78 !important;
	line-height: 1.5em !important;
	font-size: .875em !important;
}

.tribe-common-c-btn.tribe-events-c-search__button,
.tribe-events .tribe-events-c-ical__link,
.tribe-events .tribe-events-c-ical__link:visited,
.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button {
	background-color: var(--color-link) !important;
	border-color: none !important;
}

.tribe-events .tribe-events-c-breadcrumbs__list,
.tribe-common .tribe-common-h3,
.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month-mobile-events__mobile-event-datetime,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title .tribe-common a,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title .tribe-common a:active,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title .tribe-common a:focus,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title .tribe-common a:hover,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title .tribe-common a:visited,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title-link,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title .tribe-common a,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title .tribe-common a:active,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title .tribe-common a:focus,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title .tribe-common a:hover,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title .tribe-common a:visited,
.tribe-events-calendar-day .tribe-events-calendar-day__event-title-link,
.tribe-events-calendar-list__event-description,
.tribe-events-calendar-day__event-description,
.tribe-events-widget-shortcode-events-month .tribe-events-c-day-marker__date,
.tribe-events-calendar-list__event-venue,
.tribe-events-calendar-day__event-venue,
.tribe-events-calendar-list__event-datetime-wrapper,
.tribe-events-calendar-day__event-datetime-wrapper,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input, .tribe-common .tribe-common-form-control-text__input,
.tribe-events-c-view-selector__content,
.tribe-events .tribe-events-c-view-selector__list-item-text,
.tribe-common-c-btn.tribe-events-c-search__button,
.tribe-events .tribe-events-c-ical__link,
.tribe-events .tribe-events-c-ical__link:visited,
.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h1.tribe-events-header__title-text, .tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h2.tribe-events-header__title-text, .tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h3.tribe-events-header__title-text, .tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h4.tribe-events-header__title-text, .tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h5.tribe-events-header__title-text, .tribe-common--breakpoint-medium.tribe-events .tribe-events-header__title h6.tribe-events-header__title-text {
	font-family: var(--font-serif) !important;
	font-weight: 400 !important;
	font-style: normal !important;
}

.tribe-common button, .tribe-common input, .tribe-common optgroup, .tribe-common select, .tribe-common textarea {
	font-family: var(--font-sans) !important;
	font-weight: 400 !important;
	font-style: normal !important;
}

.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-title {
	line-height: 1em;
}


@media (min-width: 768px) {
  .header-vmiddle {
	display: table;
	width: 100%;
	table-layout: fixed;       /* so the %-based col widths behave nicely */
  }
  .header-vmiddle > [class*="col-"] {
	float: none !important;    /* override BS3 floats just for this row */
	display: table-cell;
	vertical-align: middle;    /* ⬅️ the actual centering */
  }

  /* Kill spacing that can fake “top aligned” look */
  .header-vmiddle .minerva-search,
  .header-vmiddle .library-card-button { margin: 0; }
}

#home-image { height: 525px; }
#home-image-wrap { max-height: 525px; }