@charset "utf-8";

h3.cap, .h3.cap {
	text-wrap: pretty;
	text-transform: uppercase;
	font-weight: 500;
}
.nudge-up {
	position: relative;
	top: -1em;
}
ul.check-circle-list {
	padding-left: .8em;
}
ul.check-circle-list li {
	margin-bottom: .3em;
}
.movieholder {
	margin-top: 1em;
}

p.intro {
	text-wrap: pretty;
}
.tab-pane p.intro {
    padding: 0 0 0 .4em;
}
.tab-pane p small {
    padding: 0 8px 0 0;
}
@media (min-width: 768px) {
ul.check-circle-list {
	padding-left: 2.5em;
  }
}
#emgs-wrapper {
  background: #1F3662;
  padding: 1.8em 0 0;
  box-shadow: 0 4px 4px hsl(0deg 0% 0% / 0.3);
  position: relative;
}

#emgs-wrapper .emgs {
  margin-bottom: 2.2em;
}

#emgs-wrapper .emgs a {
  text-decoration: none;
}

#emgs-wrapper .emgs a img {
  opacity: 0.8;
  transition: 0.3s;
}

#emgs-wrapper .emgs a:hover img {
  opacity: 1;
}

#emgs-wrapper .emgs .emgs--icon {
  width: 4.5em;
  margin: 0 auto 1.2em;
}

@media(min-width:768px) {
  #emgs-wrapper .emgs .emgs--icon {
    height: 5em;
    margin: 0 auto 1.2em;
  }
}

#emgs-wrapper .emgs .emgs--icon__content {
  text-align: center;
}

#emgs-wrapper .emgs .emgs--icon__content h4 {
  color: #fff;
}

#emgs-wrapper .emgs .emgs--icon__content p {
  color: #e0e0e0;
	font-weight: 400;
}

.emphasize {
  font-size: 1em;
  display: block;
  max-width: 200px;
  margin: .5em auto;
}

@media(min-width:768px) {
  .focusinexpand .anim8now {
    min-height: 240px;
  }
  .emphasize {
    display: inline-block;
    max-width: fit-content;
    min-width: 200px;
    margin: .5em .8em 0 0;
  }
}

@media(min-width:992px) {
  .focusinexpand .anim8now {
    min-height: 313px;
  }
  .emphasize {
    font-size: 1.1em;
    min-width: 218px;
  }
}

@media(min-width:1200px) {
  #emgs-wrapper .emgs .emgs--icon__content p {
    padding: .2em 0 0;
    font-weight: 400;
  }
  .focusinexpand .anim8now {
    min-height: 380px;
  }
  .emphasize {
    font-size: 1.2em;
    min-width: 240px;
  }
}

.Quote {
  padding: 20px 20px 10px 8px;
  margin-top: 15px;
  font-size: 1.2em;
  color: #000;
}

.Quote .bqstart {
  font-family: Georgia, "Times New Roman", Times, serif;
  float: left;
  font-size: 3em;
  color: #A9CCC2;
  padding-right: 12px;
  padding-bottom: 10px;
  margin: -10px 0 0;
}

.Quote .bqend {
  font-family: Georgia, "Times New Roman", Times, serif;
  float: right;
  font-size: 3em;
  color: #A9CCC2;
  padding-left: 4px;
  margin: 45px -10px 0 0;
  line-height: 0;
}

.Quote .credit {
  font-size: .7em;
  float: right;
  color: #333;
  margin-top: 6px;
  text-align: right;
}

@media (min-width:768px) {
  .Quote {
    font-size: 1.5em;
    padding: 20px 40px 10px 8px;
  }

  .Quote .bqstart {
    font-size: 4em;
    margin: -20px 0;
  }
  .Quote .bqend {
    font-size: 4em;
	margin: 45px -40px 0 0;  
  }
  .reveal {
  min-height: 571px;
  }
}

@media (min-width:992px) {
  .Quote {
    padding: 20px 20px 10px 8px;
  }
  .Quote .bqstart {
    padding-bottom: 100px;
  }
  .Quote .bqstart.wide {
    padding-bottom: 0;
  }
  .reveal {
  min-height: 565px;
  }
}

@media (min-width:1200px) {
  .Quote {
    padding: 20px 40px 10px 8px;
  }
  .Quote .bqstart {
    padding-bottom: 50px;
  }
 .Quote .bqstart.wide {
    padding-bottom: 0;
  }
  .reveal {
  min-height: 535px;
  }
}

.credit {
  padding-left: 50%;
  white-space: initial;
}

.gallery, .gallery2, .gallery3 {
  --g: 8px;
  --s: 400px;
  max-width: 420px;
  display: grid;
  border-radius: 50%;
  margin: 1em auto;
  position: relative;
}
.gallery > img, .gallery2 > img, .gallery3 > img {
  grid-area: 1/1;
  width: 400px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  transform: translate(var(--_x,0),var(--_y,0));
  cursor: pointer;
  border:  8px #f1f1f1 solid;
  z-index: 0;
  transition: .3s, z-index 0s .3s
}
.gallery3 > img {
  cursor: initial;
}
.gallery img.main {
  opacity: 0;
  z-index: 0;
  transition: all .5s .5s;
  position: relative
}
.gallery img.pie:hover, .gallery2 img.pie:hover {
  z-index: 1;
  transition: transform .2s, clip-path .3s .2s, z-index 0s
}
.gallery2 img.pie:hover {
  --_i: 1;
}
.gallery:hover img.pie, .gallery2:hover img.pie {
  transform: translate(0,0)
}
.gallery:hover img.main {
  opacity: 1;
  z-index: 100  
}
.gallery p.gallink, .gallery2 p.gallink {
	margin: auto;
	padding: 6px 30px;
	border: 1px solid #000;
	border-radius: 20px;
	cursor: pointer;
	z-index: 100;
	color: #000;
	background-color: #fff;
	opacity: .9;
	position: absolute;
	transition: .3s 0s;
}
.gallery p.gallink {
	place-self: center;	
}
.gallery2 p.gallink {
    transform: translate(var(--_x,0),var(--_y,0));
}
.gallery2 p.gallink.one {
  --_x: calc(22*var(--g));
  --_y: calc(7*var(--g));
}
.gallery2 p.gallink.two {
  --_x: calc(24*var(--g));
  --_y: calc(32*var(--g));
}
.gallery2 p.gallink.three {
  --_x: calc(5*var(--g));
  --_y: calc(20*var(--g))
}
@media (min-width:768px) {
	.gallery2 p.gallink.one {
	  --_x: calc(25*var(--g));
	  --_y: calc(10*var(--g));
	}
	.gallery2 p.gallink.two {
	  --_x: calc(27*var(--g));
	  --_y: calc(34*var(--g));
	}
	.gallery2 p.gallink.three {
	  --_x: calc(7*var(--g));
	  --_y: calc(22*var(--g))
	}
}
.gallery:hover p.gallink, .gallery2:hover p.gallink {
	opacity: 0;
	z-index: 0
}
p.gallink a:hover {
	text-decoration: none;
}
.gallery > img:nth-child(1), .gallery2 > img:nth-child(1) {
  clip-path: polygon(50% 50%,
    calc(20% - 120%*var(--_i,0))
    calc(50%*var(--_i,0)),
    calc(50% - 100%*var(--_i,0)) 0,100% 0,100% 100%,
    calc(100% - 100%*var(--_i,0)) 100%,
    calc(100% - 120%*var(--_i,0)) 
    calc(50% - 50%*var(--_i,0)));
  --_x: var(--g);
  --_y: calc(-1*var(--g))
}
.gallery > img:nth-child(2), .gallery2 > img:nth-child(2) {
  clip-path: polygon(50% 50%,
    calc(100% - 50%*var(--_i,0)) 
    calc(50% - 120%*var(--_i,0)),100% 
    calc(50% - 100%*var(--_i,0)),100% 100%,0 100%,0
    calc(50% - 100%*var(--_i,0)),
    calc(50%*var(--_i,0)) 
    calc(150% - 170%*var(--_i,0)));
  --_y: var(--g);
  --_x: var(--g)
}
.gallery > img:nth-child(3), .gallery2 > img:nth-child(3) {
  clip-path: polygon(50% 50%,
    calc(100%*var(--_i,.2)) 
    calc(50%*var(--_i,0)),
    calc(100%*var(--_i,0)) 0,0 0,0 100%,
    calc(100%*var(--_i,0)) 100%,
    calc(120%*var(--_i,0)) 
    calc(150% - 100%*var(--_i,0)));
  --_x: calc(-.8*var(--g))
}
img.abel, img.baker, img.charlie {
	opacity: 1;
	transition: .3s;
}
img.charlie:has(~ p.three:hover)  {
    --_i: 1;
}
img.abel:has(~ p.three:hover)  {
    opacity: 0;
}
img.baker:has(~ p.three:hover)  {
    opacity: 0;
}
img.baker:has(~ p.two:hover)  {
    --_i: 1;
}
img.abel:has(~ p.two:hover)  {
    opacity: 0;
}
img.charlie:has(~ p.two:hover)  {
    opacity: 0;
}
img.abel:has(~ p.one:hover)  {
    --_i: 1;
}
img.baker:has(~ p.one:hover)  {
    opacity: 0;
}
img.charlie:has(~ p.one:hover)  {
    opacity: 0;
}