/*
Customizations to r3417 theme

Colors:

Slate:		#345360
Yellow:		#ffda55
Black:		#231f20
Mid gray:	#9f9295
Light gray:	#e7e4e5

*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('../fonts/bryantpro/bryantpro.css');


/* STANDARD HTML */

body {
	font-size: 110%;
}

body * {
	font-family: 'effra', Roboto, sans-serif;
	font-weight: 300;
	letter-spacing: 0.025em;
}

b, strong { font-weight: 500; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'bryantpro', sans-serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

h1 { font-size: 175%; }
h2 { font-size: 145%; }
h3 { font-size: 120%; }
h4 { font-size: 120%; }
h5, h6 { font-size: 120%; }


/* CUSTOM CSS CLASSES */

.entry-header h1 {
	border-bottom: 1px solid #ffda55;
	padding-bottom: 0.25em;
}

.entry-meta {
	color: #999999;
}

.expander:not(:first-child) {
	border-top: 1px solid #ffda55;
	padding-top: 0.5rem;
}

	.expander .toggle {
		background: transparent !important;
		position: relative;
	}

	.expander .toggle:before {
		background: transparent url('../img/ic-toggle.svg') center center no-repeat;
		background-size: 16px 16px;
		content: '';
		display: block;
		height: 16px;
		position: absolute; top: 0.75em; left: 0;
		transition: transform 0.25s ease;
		width: 16px;
	}
	.expander.open .toggle:before {
		transform: rotate(90deg);
	}

.gallery .wp-caption {
	font-size: 100%;
	text-transform: uppercase;
}

.hero a.blocklink[data-lightbox] + .hero-overlay:before {
	background-image: url('../img/ic-play-overlay.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80px 80px;
	content: '';
	height: 80px;
	mix-blend-mode: normal;
	opacity: 0.5;
	position: absolute; top: calc(50% - 40px); left: calc(50% - 40px);
	transition: opacity 0.3s ease;
	width: 80px;
}
.hero a.blocklink[data-lightbox]:hover + .hero-overlay:before {
	opacity: 1;
}

.post-password-form { padding: 120px 1.5rem; }

.post-source { color: #ffda55; }

.slides .caption { font-size: 100%; }

#page .social_media_links:not(.text) {
	margin-left: -16px;
	text-align: inherit;
}

.slides .hero-overlay { mix-blend-mode: normal; }

.social_media_links:not(.text):not(.brand-inverted):not(.button-style) a:hover {
	background-color: #345360 !important;
}

.tiles.overlay .tile .text, .tiles.overlay .tile:hover .text {
	background: rgba(0,0,0,0.7) !important;
	text-align: center;
}

.tiles.overlay .tile .title { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em; }

.tiles.overlay .tile .description { font-size: 85%; }

.tiles .tile .description .entry-meta, .tiles .tile .description .entry-meta:first-child {
	margin: 1em 0 !important;
}


/* DOM ELEMENTS */

#header .menu li a {
	font-weight: 300 !important;
	text-transform: uppercase;
}

body:not(.slug-contact) #footer {
	display: none;
}

#footer #contact, #footer #colophon { font-size: 80%; }
.copyright { font-size: 100%; }


/* PLUGINS */

.hero .slides .caption .gform_wrapper .ginput_container input,
.hero .slides .caption .gform_wrapper .ginput_container select,
.hero .slides .caption .gform_wrapper .ginput_container textarea
{
	background: rgba(0,0,0,0.5) !important;
	border-color: transparent !important;
	color: #ffffff !important;
	padding: 0.5em 1em !important;
}

.hero .slides .caption .gform_wrapper .ginput_container input:focus,
.hero .slides .caption .gform_wrapper .ginput_container select:focus,
.hero .slides .caption .gform_wrapper .ginput_container textarea:focus
{
	border-color: rgba(255,255,255,0.5) !important;
	outline: none !important;
}


/* CSS3 MEDIA QUERIES */


/* NON-PHONE NAVIGATION (content area over 783 pixels) */
@media screen and (min-width: 783px) {

  #nav_handle {
  	margin-top: -15px;
  	transform: scale(1.25);
  	transform-origin: 0 100%;
  }

	body.transparent_header #header, body.transparent.nav_open #header {
		background: transparent !important;
	}
	
	body #header.menu_align_mobile #nav_wrapper,
	body.admin-bar #header.menu_align_mobile #nav_wrapper
	{
		margin-top: 0 !important;
		padding-top: 90px;
	}

	body.admin-bar #header.menu_align_mobile #nav_wrapper {
		padding-top: 120px;
	}

	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		height: 2px !important;
	}

	#header .menu * {
		font-size: 20px !important;
	}
	
	#header .menu a {
		padding: 8px 24px !important;
	}
	
	#auxiliary_navigation {
		border-top-color: #ffda55;
	}

	.expander .toggle h3 {
		display: inline-block;
		width: 40%;
	}
	
	.expander .toggle .teaser {
		display: inline-block;
		width: 55%;
	}

}


/* LARGE SCREENS (content area over 1600 pixels) */
@media screen and (min-width: 1600px) {

  #nav_handle {
  	margin-top: -20px;
  	transform: scale(1.5);
  	transform-origin: 0 100%;
  }

	.tiles.overlay .tile .title { font-size: 120%; }
	.tiles.overlay .tile .description { font-size: 100%; }

}


/* MEDIUM-LARGE SCREENS (content area between 1400 and 1600 pixels) */
@media screen and (min-width: 1400px) and (max-width: 1599px) {

	.tiles.overlay .tile .title { font-size: 110%; }
	.tiles.overlay .tile .description { font-size: 90%; }

}


/* SMALLER COMPUTERS (content area under 1200 pixels) */
@media screen and (max-width: 1200px) {

	.tiles.overlay .tile .title { font-size: 95%; }
	.tiles.overlay .tile .description { font-size: 80%; }

}
@media screen and (max-width: 1200px) and (min-width: 783px) {

}


/* TABLETS (content area under 1024 pixels) */
@media screen and (max-width: 1024px) {

	.tiles.overlay .tile { width: 50%; }

}


/* PHONES (content area under 782 pixels) */
@media screen and (max-width: 782px) {

	body div#logo.background_image {
		height: 30px !important;
		max-height: 30px !important;
		min-height: 30px !important;
	}
	
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		height: 2px !important;
	}
	
	body.nav_open #header #nav_wrapper { /* #header added to override customizer */
		margin-top: 80px !important;
	}
	
	body.nav_open #header .menu li {
		text-align: center !important;
	}
	
	body.nav_open #header .menu a {
		margin: 0 !important;
	}

	body.nav_open #auxiliary_navigation {
		border-top-color: #ffda55 !important;
		text-align: center !important;
	}	

	body.nav_open #auxiliary_navigation.social_media_links:not(.text) li {
		margin: 0.5em !important;
	}

	.tiles.overlay .tile .title { font-size: 90%; }
	.tiles.overlay .tile .description { font-size: 75%; }

}


/* SIZZLE VIDEO CSS - ADDED 2024.08.15 */

#sizzle {
  max-height: calc(100vw * 9 / 16);
  max-height: 100vh;
  position: relative;
  width: 100vw;
}

#sizzle video {
  aspect-ratio: 16 / 9;
  height: auto;
  max-height: 100vh;
  width: 100vw;
  position: relative; top: 0; left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

#sizzle .controls {
  position: absolute; bottom: 1.5rem; left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

#sizzle .controls button {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  border: none;
  box-shadow: none;
  height: 44px;
  opacity: 0.2;
  outline: none;
  overflow: hidden;
  text-indent: -999px;
  width: 44px;
}
#sizzle:hover .controls button {
  opacity: 0.6;
}
#sizzle .controls button:hover {
  opacity: 1;
}

#sizzle .controls button[data-icon="play"] {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNNzMgMzljLTE0LjgtOS4xLTMzLjQtOS40LTQ4LjUtLjlTMCA2Mi42IDAgODBMMCA0MzJjMCAxNy40IDkuNCAzMy40IDI0LjUgNDEuOXMzMy43IDguMSA0OC41LS45TDM2MSAyOTdjMTQuMy04LjcgMjMtMjQuMiAyMy00MXMtOC43LTMyLjItMjMtNDFMNzMgMzl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
}
#sizzle .controls button[data-icon="pause"] {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNNDggNjRDMjEuNSA2NCAwIDg1LjUgMCAxMTJMMCA0MDBjMCAyNi41IDIxLjUgNDggNDggNDhsMzIgMGMyNi41IDAgNDgtMjEuNSA0OC00OGwwLTI4OGMwLTI2LjUtMjEuNS00OC00OC00OEw0OCA2NHptMTkyIDBjLTI2LjUgMC00OCAyMS41LTQ4IDQ4bDAgMjg4YzAgMjYuNSAyMS41IDQ4IDQ4IDQ4bDMyIDBjMjYuNSAwIDQ4LTIxLjUgNDgtNDhsMC0yODhjMC0yNi41LTIxLjUtNDgtNDgtNDhsLTMyIDB6IiBmaWxsPSIjZmZmIi8+PC9zdmc+');
}
#sizzle .controls button[data-icon="restart"] {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMjY3LjUgNDQwLjZjOS41IDcuOSAyMi44IDkuNyAzNC4xIDQuNHMxOC40LTE2LjYgMTguNC0yOWwwLTMyMGMwLTEyLjQtNy4yLTIzLjctMTguNC0yOXMtMjQuNS0zLjYtMzQuMSA0LjRsLTE5MiAxNjBMNjQgMjQxIDY0IDk2YzAtMTcuNy0xNC4zLTMyLTMyLTMyUzAgNzguMyAwIDk2TDAgNDE2YzAgMTcuNyAxNC4zIDMyIDMyIDMyczMyLTE0LjMgMzItMzJsMC0xNDUgMTEuNSA5LjYgMTkyIDE2MHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
}
#sizzle .controls button[data-icon="mute"] {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBkPSJNMzAxLjEgMzQuOEMzMTIuNiA0MCAzMjAgNTEuNCAzMjAgNjRsMCAzODRjMCAxMi42LTcuNCAyNC0xOC45IDI5LjJzLTI1IDMuMS0zNC40LTUuM0wxMzEuOCAzNTIgNjQgMzUyYy0zNS4zIDAtNjQtMjguNy02NC02NGwwLTY0YzAtMzUuMyAyOC43LTY0IDY0LTY0bDY3LjggMEwyNjYuNyA0MC4xYzkuNC04LjQgMjIuOS0xMC40IDM0LjQtNS4zek00MjUgMTY3bDU1IDU1IDU1LTU1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNTUgNTUgNTUgNTVjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNTUtNTUtNTUgNTVjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNTUtNTUtNTUtNTVjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45czI0LjYtOS40IDMzLjkgMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
}
#sizzle .controls button[data-icon="unmute"] {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBkPSJNNTMzLjYgMzIuNUM1OTguNSA4NS4yIDY0MCAxNjUuOCA2NDAgMjU2cy00MS41IDE3MC43LTEwNi40IDIyMy41Yy0xMC4zIDguNC0yNS40IDYuOC0zMy44LTMuNXMtNi44LTI1LjQgMy41LTMzLjhDNTU3LjUgMzk4LjIgNTkyIDMzMS4yIDU5MiAyNTZzLTM0LjUtMTQyLjItODguNy0xODYuM2MtMTAuMy04LjQtMTEuOC0yMy41LTMuNS0zMy44czIzLjUtMTEuOCAzMy44LTMuNXpNNDczLjEgMTA3YzQzLjIgMzUuMiA3MC45IDg4LjkgNzAuOSAxNDlzLTI3LjcgMTEzLjgtNzAuOSAxNDljLTEwLjMgOC40LTI1LjQgNi44LTMzLjgtMy41cy02LjgtMjUuNCAzLjUtMzMuOEM0NzUuMyAzNDEuMyA0OTYgMzAxLjEgNDk2IDI1NnMtMjAuNy04NS4zLTUzLjItMTExLjhjLTEwLjMtOC40LTExLjgtMjMuNS0zLjUtMzMuOHMyMy41LTExLjggMzMuOC0zLjV6bS02MC41IDc0LjVDNDM0LjEgMTk5LjEgNDQ4IDIyNS45IDQ0OCAyNTZzLTEzLjkgNTYuOS0zNS40IDc0LjVjLTEwLjMgOC40LTI1LjQgNi44LTMzLjgtMy41cy02LjgtMjUuNCAzLjUtMzMuOEMzOTMuMSAyODQuNCA0MDAgMjcxIDQwMCAyNTZzLTYuOS0yOC40LTE3LjctMzcuM2MtMTAuMy04LjQtMTEuOC0yMy41LTMuNS0zMy44czIzLjUtMTEuOCAzMy44LTMuNXpNMzAxLjEgMzQuOEMzMTIuNiA0MCAzMjAgNTEuNCAzMjAgNjRsMCAzODRjMCAxMi42LTcuNCAyNC0xOC45IDI5LjJzLTI1IDMuMS0zNC40LTUuM0wxMzEuOCAzNTIgNjQgMzUyYy0zNS4zIDAtNjQtMjguNy02NC02NGwwLTY0YzAtMzUuMyAyOC43LTY0IDY0LTY0bDY3LjggMEwyNjYuNyA0MC4xYzkuNC04LjQgMjIuOS0xMC40IDM0LjQtNS4zeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
}

@media screen and (max-width: 640px) {
  #sizzle {
    height: calc(100vw * 9 / 16);
    margin-top: 50px;
    width: 100vw;
  }

  #sizzle video {
    height: auto;
    min-width: auto;
    position: relative; top: 0; left: 0;
    transform: none;
    width: 100vw;
  }

  #sizzle .controls {
    bottom: 0.75rem;
  }

}

@media screen and (max-width: 782px) {
	#sizzle .controls button,
	#sizzle:hover .controls button,
	#sizzle .controls button:hover {
		opacity: 0.4;
	}

}