@import url("https://use.typekit.net/okp7rca.css");
@import url("https://use.typekit.net/wpo6kig.css");

body {
	font-family: proxima-nova, sans-serif;
	font-style: normal;
	font-weight: 400; 
	color: #403e3d;
	font-size: 1em;
	background-color: #fff !important;
}

/*Typograpghy*/

/*
font-family: "proxima-nova",sans-serif;
font-family: "crimson",serif;
*/

h1, h2, h3 {
	font-family: proxima-nova, sans-serif; 
}

h1, .h1 {
	letter-spacing: 0.04em;
	font-style: normal;
	font-weight: 600;
}

.bold {
	font-style: normal;
	font-weight: 600;
}

.medium {
	font-style: normal;
	font-weight: 500;
}

.light {
	font-style: normal;
	font-weight: 300;
}

p, li {
	margin: 0 0 12.5px;
	font-size: 1.3em;
	line-height: 1.5;
}

ul, ol {
	padding-inline-start: 20px;
}

.video-subtitle {
	font-weight: 300;
	font-size: 1.1em;
}

#testimonial {
	font-size: 1.8rem;
	font-weight: 300;
}

#testimonial::before {
	content: open-quote;
}

#testimonial::after {
	content: close-quote;
}

#testimonial .callout {
	font-family: sutro, serif;
	font-style: normal;
	font-weight: 500;
	font-size: 2.8rem;
}

#attribution-name {
	font-weight: 600;
	font-size: 1.5rem;
}

.attributor {
	font-weight: 300 !important;
	font-size: 1.5rem;
	white-space: pre-wrap;
}

a.header-phone, a.header-phone:hover, .footer-nav a {
	color: #403e3d;
	text-decoration: none;
}

.footer-nav a:hover {
	text-decoration: underline;
	color: #403e3d;
}

a.phone {
	color: #00a3e0;
	text-decoration: none;
}

a.phone:hover {
	color: #00a3e0;
}

a {
	color: #00a3e0;
	text-decoration: underline;
}

a:hover {
	color: #00a3e0;
}

.small {
	font-size: 0.9em;
}

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


/*Design Elements*/

hr {
	margin: 40px 0px !important;
}

.el-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.icon-star-full {
  font-size: 32px;
  color: red;
}

/*Images*/

.card-img-top {
	border-radius: 0;
}

/*JW PLayer*/

.videoThumb {
  position: relative;
  width: 100%;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
}

.icon {
  color: rgba(255,255,255,0.85);
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.icon:hover {
	color: rgba(255,255,255,1);
}

.el-modal-centent, .el-modal-header {
	background-color: transparent;
	border: none;
	border-radius: 0;
}

.el-modal-header .close span {
	color: rgba(255,255,255,1);
	text-shadow: none;
	font-size: 3.5em;
	font-family: proxima-nova;
	font-weight: 100;
}

.el-modal-header .close span:hover {
	color: rgba(255,255,255,1);
}

#videoModal .modal-backdrop.in {
	opacity: 0.85;
}

/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 #testimonial {
	font-size: 1.8rem;
}

#testimonial .callout {
	font-size: 2.8rem;
}

.modal-lg, .modal-xl {
    max-width: 800px;
}

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
 #testimonial {
	font-size: 2.5rem;
}

#testimonial .callout {
	font-size: 3.5rem;
}

.modal-xl {
    max-width: 1140px;
}
    
}

/* Footer logo for EOH, ADA, DEI */
.dei-logos {
	height: 22px;
  }