/*
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #f16872 /* logo pink */;
  --red: #dc3545;
  --orange: #ff6972 /* logo pink darker */;
  --yellow: #ffc107;
  --green: #4c7420;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c75n7d;
  --gray-dark: #000000 /* logo grey */;
  --primary: #2755a5 /* logo red */;
  --secondary: #4a812c /*logo WCAG green */;
  --success: #4c7420;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #bfccde;
  --dark: #252525 !important;
  --primary-2: #4a812c /* logo WCAG green */;
  --primary-3: #89368d;
  /* logo dark purple */
  --primary-4: #6ebd44;
  --font-family:
    "Roboto", "Roboto Condensed", -apple-system, BlinkMacSystemFont, Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-family-sans-serif:
    "Roboto", "Roboto Condensed", -apple-system, BlinkMacSystemFont, Roboto,
    "Helvetica Neue", Arial, sans-serif;

  font-family: "Roboto", sans-serif;
  font-family: "Roboto Condensed", sans-serif;
}

/* This is for anchor links. Gives padding above them when page loads to clear the main nav
https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html */
div,
hr {
  scroll-margin-top: 140px;
}

body {
  font-family:
    "Roboto",
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 18px;
  color: var(--dark);
}

a {
  color: var(--primary-2);
  /* logo WCAG green */
}

a:hover {
  color: var(--primary-4);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5 {
  font-family: "Roboto";
  font-weight: 900;
  color: var(--dark);
  letter-spacing: 0rem;
}

.display-1 {
  font-family: "Roboto";
  font-size: 5rem;
  font-weight: 900;
  letter-spacing: -0.2rem;
}

.lead {
  font-weight: 300;
  font-size: 1.65rem;
}

.herotext p.h3,
.herotext h1.display-4 {
  text-shadow: 1px 1px #333;
}

.herotext .display-4 {
  margin-bottom: 0.5rem;
}

.display-4 {
  font-size: 3.2rem !important;
  font-weight: 900;
}

.border {
  border-width: 2px !important;
  /* overrides the 1px default */
}

/* colors */
/* [class*="primary"] */
.bg-primary,
.icon-round.bg-primary {
  background-color: var(--primary) !important;
  /* logo red */
  border: none;
}

svg.bg-primary * {
  fill: var(--primary);
  /* logo red */
}

.btn-primary {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #ffffff;
  background-color: var(--primary) !important
		/* logo red */
	;
  border: 1px solid rgba(134, 59, 98, 0.2);
}

.btn-primary:hover {
  background-color: var(--primary-2) !important;
  /* calculate the shaded value so the button doesn't look funny when it's over content */
  border: 1px solid rgba(134, 59, 98, 0.2) !important;
}

.btn-white {
  color: var(--primary-2) !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.btn-white > .icon path {
  fill: var(--primary-2) !important;
}

.btn-secondary,
button.plyr__control--overlaid {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #ffffff;
  background-color: var(--primary-2);
  /* logo WCAG green */
  border: 1px solid rgba(91, 114, 56, 0.8);
  /* logo WCAG green */
}

.btn-secondary:hover,
.plyr--video .plyr__control:hover {
  background-color: #7c8e60;
  /* logo WCAG green */
  /* calculate the shaded value so the button doesn't look funny when it's over content */
  border: 1px solid rgba(91, 114, 56, 0.2);
  /* logo WCAG green */
}

.btn-dark {
  background-color: var(--primary-2);
  /* logo dark purple */
  border: 1px solid rgba(89, 54, 79, 0.8);
  /* logo dark purple */
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.btn-dark:hover,
.btn-dark:active,
.btn-dark:not(:disabled):not(.disabled):active {
  background-color: rgba(89, 54, 79, 0.8) !important;
  /* logo dark purple */
  border: 1px solid rgba(89, 54, 79, 0.2);
  /* logo dark purple */
}

.badge-secondary {
  background-color: var(--primary-2);
  /* logo WCAG green */
}

.text-primary {
  color: var(--primary) !important;
  /* logo red */
}

.bg-secondary {
  background-color: var(--primary-4) !important;
  /* logo green only works with black text */
}

.text-secondary {
  color: var(--primary-2) !important;
  /* logo WCAG green */
}

svg.bg-secondary * {
  fill: var(--primary-2);
  /* logo WCAG green */
}

.bg-secondary2 {
  background-color: var(--primary-2) !important;
  /* logo dark purple */
}

svg.bg-secondary2 * {
  fill: var(--primary-2);
  /* logo dark purple */
}

.bg-light {
  background-color: #e5e5e5 !important;
  /* light grey */
}

.bg-light2 {
  background-color: #d1c1c9;
  /* super light red */
}

.bg-secondary-light,
.pricing-ticket:before,
.pricing-ticket:after {
  background-color: #dfe7ce;
  /* super light green */
}

.pricing-ticket {
  border: none;
}

.pricing-ticket:before {
  width: 4rem;
  height: 4rem;
  left: -2rem;
}

.pricing-ticket:after {
  width: 4rem;
  height: 4rem;
  right: -2rem;
}

.bg-dark {
  background-color: var(--dark) !important;
  /* dark grey */
}

.bg-primary-2,
.icon-round.bg-primary-2 {
  background-color: var(--primary-4) !important;
  /* logo green, should use with black text */
}

.bg-primary-3 {
  background-color: #020122 !important;
  /* almost black */
}

.bg-primary-alt {
  background-color: rgb(242, 242, 242, 0.8) !important;
}

.bg-primary-4 {
  background-color: #ffffff !important;
}

/*
.bg-primary-6 {
  background-color: #061924 !important; }

.bg-grey-dark {
  background-color: var(--dark) !important; }
*/
.text-grey-dark {
  color: var(--dark) !important;
}

.text-muted {
  color: #424242 !important;
}

/* nav adjustments */
.navbar-nav .nav-link {
  font-size: 1em;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.navbar[data-sticky="top"].scrolled.navbar-dark .navbar-nav .nav-link,
nav[data-overlay].navbar-toggled-show.navbar-dark .navbar-nav .nav-link {
  color: var(--dark) !important;
}

.navbar[data-sticky="top"].scrolled.navbar-dark .navbar-toggler svg path,
nav[data-overlay].navbar-toggled-show.navbar-dark .navbar-toggler svg path {
  fill: var(--dark) !important;
}

.navbar[data-sticky="top"].scrolled.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(51, 51, 51, 0.8) !important;
}

.navbar .btn {
  font-size: 1em;
  font-weight: 800;
  letter-spacing: 1.5px;
}

.navbar[data-sticky="top"].scrolled.navbar-dark,
nav[data-overlay].navbar-toggled-show.navbar-dark,
.navbar[data-sticky="top"].scrolled.navbar-light,
nav[data-overlay].navbar-toggled-show.navbar-light {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.navbar-light .navbar-brand {
  content: url("../img/SS26-Logo-Rev-Wh-sm.png");
  width: 325px;
  filter: drop-shadow(1px 1px 1px #ffffff);
}

.navbar-brand {
  content: url("../img/SS26-Logo-Rev-Wh-sm.png");
  width: 325px;
}

.navbar[data-sticky="top"].scrolled.navbar-dark .navbar-brand,
nav[data-overlay].navbar-toggled-show.navbar-dark .navbar-brand {
  content: url("../img/SS26-Logo-Rev-Wh-sm.png");
  width: 325px;
}

section .nav-link:not(.active):not(.disabled):not(:hover),
footer .nav-link:not(.active):not(.disabled):not(:hover) {
  opacity: 0.7;
}

.dropdown-menu {
  font-size: 1em;
}

.dropdown-item {
  color: rgba(73, 80, 87, 0.8);
}

@media (max-width: 991.98px) {
  .navbar-expand-lg .dropdown-menu,
  .navbar-expand-lg [data-dropdown-content] {
    background: none;
    border: none;
    box-shadow: none;
  }
}

@media (max-width: 767px) {
  .navbar-brand img {
    max-width: 250px;
  }

  .display-1 {
    font-size: 3.5rem;
  }

  .h1 {
    font-size: 2rem;
  }

  .pricing-ticket .display-4 {
    font-size: 2.8rem !important;
  }
}

/* the content table on news */
.table.news,
.table.news th,
table.news tbody tr:hover {
  color: var(--dark);
}

.agenda li.nav-item {
  margin-right: 6px;
}

.agenda .nav-link.btn {
  border: 1px solid #dee2e6;
  /* same as .list-group-item border */
}

.agenda .nav-link.btn.active {
  background: var(--primary-2);
  /* logo WCAG green */
}

section:not(.text-light) .nav-link,
footer:not(.text-light) .nav-link {
  color: var(--primary-2);
  /* logo WCAG green */
}

.agenda .nav-link:hover {
  background-color: rgba(42, 42, 114, 0.05);
  /* same as .list-group-item hover */
}

.agenda .nav-link:not(.active):not(.disabled):not(:hover) {
  opacity: 0.8;
}

.agenda h4.mb-0,
.agenda p {
  padding-right: 20px;
}

.list-group-item.row:hover {
  color: var(--dark);
}

.accordion-panel-title[aria-expanded="true"] > *,
.accordion-panel-title:hover > * {
  color: var(--primary-2);
  /* logo WCAG green */
}

.news h2 {
  font-size: 1.35em;
}

.news h3 {
  font-size: 1.2em;
}

.accordion-panel-title > .icon {
  margin-left: 3em;
}

/* agenda on details page */

.list-group-item.row h4 {
  font-size: 1.175em;
}

.list-group-item.row h4 {
  transition: color 0.2s ease;
}

.avatar.avatar-xlg {
  width: 9rem;
  height: 9rem;
}

.decoration {
  z-index: -1;
}