/**
 * #.# Contact Call To Action Module
 *
 * Styles for template-part/modules/contact_call_to_action_module.php
**/

.contact_call_to_action_module{padding:100px 0}
.contact_call_to_action_module .content-block h2{color:var(--black);font-family:var(--header);font-size:36px;font-style:normal;font-weight:400;line-height:42px;letter-spacing:1.08px;text-transform:uppercase;padding-bottom:80px}
.people-video-details{max-height:90svh;height:850px;margin-bottom:30px;position:relative;padding:35px}
.people-video-details video{object-fit:cover;width:100%;height:100%;position:absolute;z-index:0;left:0;top:0}
.people-video-details h2{color:var(--white);left:30px;position:absolute;top:35px;left:52px;transform:rotate(-90deg) translate(-100%,0);transform-origin:top left;font-size:74px;font-style:normal;font-weight:400;line-height:52px;text-transform:uppercase;font-family:var(--header);text-align:right}
.call-team-role{color:var(--white);font-size:18px;font-style:normal;font-weight:400;line-height:27px;position:relative}
.call-team-bottom{position:absolute;bottom:35px;right:50px}
.people-contact-details{display:flex}
.contact-icon{max-width:34px;margin-right:25px;margin-top:8px}
.link-item{display:block;margin-bottom:3px}
.contact-details a{display:inline-block;color:var(--white);border-bottom:1px solid rgba(225,225,225,0);transition:var(--transition)}
.contact-details a:hover,.contact-details a:focus{border-bottom:1px solid rgba(225,225,225,0.8);transition:var(--transition)}
a.linkedin-link{display:inline-block;color:var(--white);border-bottom:1px solid rgba(225,225,225,0);transition:var(--transition)}
a.linkedin-link:hover,a.linkedin-link:focus{border-bottom:1px solid rgba(225,225,225,0.8);transition:var(--transition)}

/* Profile link overlay — covers the card above the video, below contact details */
.people-video-link{position:absolute;inset:0;z-index:1}
.people-video-details h2{z-index:2}
.call-team-bottom{z-index:2}
/* Name and role link styles inherit the white text, no underline by default */
.people-video-details h2 a,.call-team-role a{color:inherit;text-decoration:none}
.people-video-details h2 a:hover,.people-video-details h2 a:focus,.call-team-role a:hover,.call-team-role a:focus{text-decoration:underline}

.contact_call_to_action_module .content-block h2 {
  font-family: var(--header);
  text-transform: uppercase;
  padding-bottom: 80px;
  font-size: 48px;
  line-height: 50px;
  font-family: var(--header);
  color: var(--purple);
  padding-bottom: 35px;
  text-transform: uppercase;
}

@media (min-width: 1500px) {
.people-video-details {background-position: center top;}
}


@media (max-width: 1536px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
  .contact_call_to_action_module .content-block h2{font-size:34px;line-height:34px;padding-bottom:40px}
  .people-video-details h2{font-size:34px;line-height:30px;top:85px;left:26px}
  .people-video-details{max-height:100%;height:500px;margin-bottom:30px;position:relative;padding:25px}
  .contact_call_to_action_module{padding:75px 0 50px}
  .call-team-role{color:var(--white);font-size:16px;font-style:normal;font-weight:400;line-height:25px;position:relative}
  .call-team-bottom{position:absolute;bottom:20px;right:50px;left:25px}
}

@media (max-width: 768px) {

}

@media (max-width: 600px) {

}