/* ===== FONT FACE DEFINITIONS ===== */
@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/fraunces-v37-latin-100.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fraunces-v37-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/fraunces-v37-latin-500.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fraunces-v37-latin-600.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fraunces-v37-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/fraunces-v37-latin-800.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/fraunces-v37-latin-900.woff2') format('woff2');
}

/* parkinsans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Parkinsans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/parkinsans-v2-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* parkinsans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Parkinsans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/parkinsans-v2-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* parkinsans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Parkinsans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/parkinsans-v2-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* parkinsans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Parkinsans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/parkinsans-v2-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* parkinsans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Parkinsans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/parkinsans-v2-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* parkinsans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Parkinsans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/parkinsans-v2-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ===== BASE ===== */
body {
  color:#a1b4b7 !important;
  background: url('../img/template/CEO_background3.jpg') no-repeat center center fixed #0D1112 !important;
  overflow-x: hidden;
  font-size: 15px;
  word-wrap: break-word;
  letter-spacing: 0.04em;
  background: #020506;
  font-family: 'Parkinsans';
}

#toggle {
  display: none;
  visibility: hidden;
}

iframe.calendar {
  filter: invert(100%);
}

#page {
	position:relative;
  width: 100%;
  background: url('../img/template/CEO_background2.jpg') no-repeat center center fixed #020506;
  background-size: cover;
  padding-bottom:30px;
  mask-image: linear-gradient(to bottom, black 90%, transparent);
}

p {
	margin-bottom: 35px;
}

.center {
	text-align:center;
}

@media (min-width: 1024px) {
	
	body {
		font-size: 18px;
	}

	
	#page:after {
		height: 100px;
	}
}

.podcast {
	display: flex;
	flex-wrap:wrap;
}

.podcast {
	justify-content:center;
}

.podcast img {
	max-width:100%;
}


.podcast > div {
	width: 70%;
	align-self:center;
}

.podcast > div.img_pod {
	width: 30%;
	align-self:center;
}



@media (max-width: 1200px) {

	
	.podcast > div.img_pod {
		width: 30%;
		align-self:center;
	}
	
	.podcast > div  {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.podcast > div.img_pod {
		width: 50%;
		align-self:center;
	}
	
.podcast > div {
	width: 100%;
	align-self:center;
}
	
}

@media (max-width: 844px) {
	.podcast_sub > div.img_pod,
	.podcast > div.img_pod	{
		width: 100%;
		align-self:center;
	}
}

.uppercase {
  text-transform: uppercase;
}

.anchor {
  display: block;
  position: relative;
  top: -302px;
  visibility: hidden;
  flex: 0 0 100%;
}

.border-5 {
  border: 5px solid #fff;
}

.red {
  color: #a60000;
}

i {
  font-style: unset;
}


/* ===== HEADINGS ===== */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin-top: 0;
  color: #caa84a;
    font-family: 'Fraunces', sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  letter-spacing: 1px;
  color: #caa84a;
}

h1 { font-size: 1.5rem; }
h3 {
  font-size: 25px;
  color: #fff;
  text-shadow: 1px 1px 2px rgb(0 0 0);
}
h4 { font-size: 18px; }

/* ===== LINKS ===== */
a {
  color: #a60000;
  position: relative;
  display: inline-block;
  transition: ease-in-out all .3s;
}
a:hover, a:active {
  cursor: pointer;
  color: #eb3127;
}
a.underline-link:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #842f42;
  position: absolute;
  left: 0;
  bottom: -1px;
  transition: ease-in-out all .3s;
}
a.underline-link:hover {
  text-decoration: none;
  color: #842f42;
}
a.underline-link:hover:after {
  background: #c1889b;
}

/* ===== BUTTONS ===== */
.btn {
  font-size: 13px;
}
.btn-primary {
  background: #a60000;
  color: #fff;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  border-radius: 2px;
  margin: 20px 0 0;
  padding: 10px 18px;
  transition: ease-in-out all .3s;
}
.btn-primary.small,
.btn-secondary.small {
  font-size: 13px;
  padding: 7px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  background: #750909;
  border: none;
  box-shadow: inherit;
}
.btn-secondary {
  border-radius: 2px;
  text-transform: uppercase;
  margin-top: 15px;
}
.btn-secondary:focus {
  box-shadow: inherit;
}


/* ===== UTILITIES ===== */
.yellow { color: #f8fe23; }

/* ===== HOME ===== */
.index-headline,
.index-img,
.index-text {
  flex: 0 0 100%;
  width: 100%;
}

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

/* ===== MEMBERS ===== */
.member-img { position: relative; }
.member-img img { width: 100%; height: auto; 
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.member-name { font-size: 21px; margin-bottom: 10px; font-weight: 700; }


.member-social a {
  color: #fff;
  transition: ease-in-out all .3s;
}
.member-social a:hover {
  color: #a60000;
  text-decoration: none;
}
.member-social ul {
  display: flex;
  justify-content: center;
  font-size:1.2rem;
}
.member-social ul li {
  margin-right: 7px;
}

.grey {
  background: #0C1011;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.74); 
box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.74);
padding: 15px 20px;
}
.grey p { font-family: 'Parkinsans'; }

.fortynine p {margin-bottom: 5px;}

.grey.member-grey{
	padding: 0;
}

.sumi {
	float:right;
	margin: 0 0 25px 15px;
}

.st_jude {
	max-width: 100%;
	margin: 0 auto;
	display: inherit;
}

.member-text-wrapper {
  padding: 15px;
}
.member-text-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.question-box { margin-bottom: 15px; }
.question-box:last-child { margin-bottom: 0; }

.question {
  font-size: 16px;
  color: #a60000;
  font-weight: 700;
}
.answer {
  font-size: 16px;
  color: #fff;
}

#primary {
	padding-top: 50px;
}

.spacer {
	width: 100%;
	margin-bottom:10px 0 20px;
}

/* ===== CHARITY ===== */

.charity-headline {
  width: 100%;
  flex: 0 0 100%;
}
.charity-table {
  width: 100%;
}
.charity-table td {
  padding: 0 5px;
}
.charity-table .header-table {
  font-weight: bold;
  color: #caa84a !important;
}
.charity-table tr:nth-child(odd) {
  background: rgba(255,255,255,0.12);
}
.charity-table td:nth-child(odd) { width: 80%; }
.charity-table td:nth-child(even) { width: 20%; }
.card-body {
  background: transparent;
  padding: 0;
}

/* ===== MODALS ===== */
.modal-content {
  background: black;
  font-size: 22px;
}
.modal-content a { font-weight: bold; }
.modal-header { display: none; }

/* ===== BACK TO TOP ===== */
.back-to-top {
  font-size: 40px;
  background: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  bottom: 15px;
  right: 15px;
  position: fixed;
  z-index: 90;
}

/* ===== FOOTER ===== */
footer { opacity: 0.8; }

/* ===== MEDIA QUERIES ===== */


@media (min-width: 1200px) {
  .container { max-width: 1440px; }
  header { margin: 0 0 55px 0; }
  .member-name { font-size: 21px; }
}
@media (min-width: 1430px) {
  img { max-width: 100%; height: auto; }
}
@media (max-width: 844px) {
  .btn { font-size: 13px; }
  h2 { font-size: 1.3rem; }
}


/* =========================
   GLOBAL BASE STYLES
========================= */
:root {
  --primary-color: #a60000;
  --secondary-color: #c1889b;
  --bright-color: #ffffff;
  --black-color: #000000;
}


#toggle, #burger-toggle {
  display: none;
  visibility: hidden;
}

iframe.calendar {
  filter: invert(100%);
}

#page {
  width: 100%;
}

/* =========================
   HEADER / LOGO
========================= */
.logo img {
  width: 100% !important;
  max-width: 200px;
  padding: 65px 0 20px;
}

@media (min-width: 660px) {
	
	.grey p { font-family: 'Parkinsans'; }
	
	.logo img {
  max-width: 500px;
}
}

@media (min-width: 1024px) {
  .logo img { padding: 50px 0 10px; }
}
@media (min-width: 1200px) {
  header { margin: 0 0 55px; }
}

/* =========================
   HEADINGS
========================= */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
  letter-spacing: 1px;
  color: #f8fe23;
  margin-top: 0;
}
h1, .h1 { font-size: 1.5rem; }
h2 { font-size: 1.8rem; margin-bottom: 35px; 
  text-shadow: 0px 0px 5px #A60000, 0px 0px 10px #A60000, 0px 0px 10px #A60000,
    0px 0px 20px #A60000; color: #000;}
h3 { font-size: 25px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,1); }
h4 { font-size: 18px; }

h2 small {
	color: #b1ffcc;
	text-shadow:none;
}

@media (min-width: 844px) {
  .btn { font-size: 13px; }
  .h1, h1 { font-size: 2.5rem; }
  h2 { font-size: 2.3rem; }
}

.head-subline { font-size: 21px; font-weight: 700; max-width: 300px; margin: 0 auto 30px;}

@media (min-width: 660px) {
  .head-subline { max-width: 100%;}
}

@media (min-width: 768px) {
  .head-subline { font-size: 29px; margin-bottom: 50px;}
}

/* =========================
   LINKS
========================= */

#header a {
	color: #fff;
}

a {
  color: var(--primary-color);
  position: relative;
  display: inline-block;
  transition: ease-in-out all .3s;
}
a:hover, a:active { color: #eb3127; cursor: pointer; }
a.underline-link::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #842f42;
  position: absolute;
  left: 0;
  bottom: -1px;
  transition: ease-in-out all .3s;
}
a.underline-link:hover { color: #842f42; text-decoration: none; }
a.underline-link:hover::after { background: var(--secondary-color); }


ul.social-list {
	list-style: none;
  display: flex;
  padding: 0;
}

ul.social-list  a {
	color: #fff;
	font-size: 1.2rem;
}

ul.social-list  a:hover {
	color: #f8fe23;
}

ul.social-list li {
	margin-right:10px;
}

@media (min-width: 576px) {
.social_nav {
left: 15px;
}


}

@media (min-width: 768px) {  
.social_nav {
position:relative;
top: unset;
left: unset;
}
}



/* =========================
   BUTTONS
========================= */
.btn {
  border-radius: 2px;
  text-transform: uppercase;
  transition: ease-in-out all .3s;
}
.btn-primary {
  background: var(--primary-color);
  color: #fff;
  margin: 20px 0 0;
  padding: 10px 18px;
}
.btn-primary.small, .btn-secondary.small {
  font-size: 13px;
  padding: 7px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active {
  background: #750909;
  border: none;
  box-shadow: inherit;
}
.btn-secondary { margin-top: 15px; }

/* =========================
   BURGER MENU + NAV
========================= */
.burger-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
  cursor: pointer;
  width: 40px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px;
  border-radius: 5px;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 6px #0000001a;
}
.burger-line {
  width: 100%;
  height: 3px;
  background-color: var(--bright-color);
  border-radius: 2px;
  transform-origin: center;
  transition: all 0.4s ease-in-out;
}

.nav-wrapper {
	width: 100%;
}

.nav-menu {
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100%;
  background: linear-gradient(135deg, var(--dark-color) 0%, #273849 100%);
  transition: right 0.4s cubic-bezier(0.77,0.2,0.05,1);
  box-shadow: -4px 0 15px #00000033;
  overflow-y: auto;
  padding-top: 100px;
  backdrop-filter: blur(10px);
  z-index: 15;
    font-family: 'Fraunces', sans-serif;
}
.nav-menu::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 80px;
  background: #ffffff0d;
  backdrop-filter: blur(10px);
}
.nav-menu nav > ul { list-style: none; margin: 0; padding: 0; }
.nav-menu nav > ul li {
  margin: 0 15px;
  border-bottom: 1px solid #ffffff1a;
}

.nav-menu nav > ul ul {
	list-style: none;
	padding: 0;
	margin:0;
}

.nav-menu nav > ul ul li {
	margin:0;
	padding-left:15px;
}

.nav-menu nav > ul ul li a {
	padding: 10px;
  font-family: 'Parkinsans';
  font-size: 19px;
}

.nav-menu nav > ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 15px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  font-size:22px;
}

.nav-menu nav > ul li a small {
	color: #474f51;
}

.nav-menu nav > ul li {
	position: relative;
}

.nav-menu nav > ul li::after {
  content: "";
  position: absolute;
  bottom: 0; 
  left:0;
  width: 0; 
  height: 4px;
  background-color: var(--primary-color);
  transition: width 0.3s ease;
}
.nav-menu nav > ul li:hover::after {  width: 100%; }

@media (min-width: 1920px) { 

.nav-menu nav > ul ul {
display:none;
background: #0C1011;
}

.nav-menu nav > ul li {
	position: relative;
}

.nav-menu nav > ul li:hover ul {
display:block;
position: absolute;
}

.nav-menu {
	overflow-y: inherit;
}

.nav-menu nav > ul ul li {
	padding: 0 15px;
}

.nav-menu nav > ul ul li:first-child a {
	padding-top:15px;
}

.container-fluid.navi {
	position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 20;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #023642;
}
}
/* Burger toggle animation */
#burger-toggle:checked ~ .burger-container .burger-line:nth-child(1) {
  transform: rotate(45deg) translate(5px,6px);
}
#burger-toggle:checked ~ .burger-container .burger-line:nth-child(2) {
  opacity: 0;
}
#burger-toggle:checked ~ .burger-container .burger-line:nth-child(3) {
  transform: rotate(-45deg) translate(5px,-6px);
}
#burger-toggle:checked ~ .nav-menu { right: 0; }



/* Responsive nav widths */
@media (min-width: 1920px) { 

	.nav-menu::before {
		content: unset;
		box-shadow: unset;
	
	}
	
	.social_nav { 
display:none;
} 

	.nav-menu { 
	width: 100%;
    right: unset;
    position: relative;
    top: unset;
    padding: 0;
	box-shadow: none;
	backdrop-filter: inherit;
	} 
	
	.nav-menu nav > ul {
		display: flex;
		justify-content: space-around;
	}
	
	.nav-menu nav > ul li{
		border: none;
	}
	
	.nav-menu nav > ul li a {
		display: inline-block;
		text-shadow: 2px 2px 2px #000000;
		line-height: 100%;
	}
	
	.burger-container {
		display: none; 
	}
	
	.logo img {padding: 10px 0 20px;}
	
}
@media (min-width: 922px) { 

.head-contain > div {
	display: flex;
  flex-wrap: wrap;
}

.social_nav { 
display: inline-block;
padding-top: 15px;
} 

.logo, .head-subline {
	width: 100%;
}

.nav-menu nav > ul li {
	margin: 0;
}

}


.charities span {
	white-space:nowrap;
	display: inline-block;
}

.charities span.space {
	padding: 0 5px;
}




@media (min-width: 1024px) {
	
	.logo {
		margin-top: 170px;
	}
}


/* =========================
   FOOTER / MISC
========================= */
.back-to-top {
  font-size: 40px;
  background: #fff;
  width: 50px; height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  bottom: 15px; right: 15px;
  position: fixed;
  z-index: 90;
}
footer { opacity: 80%; }

.site-info {
	color: #646464;
	text-align: center;
}