/*
	Site: Henson.com
	File: henson.com-styles.css
	Author: Glenn Pittman (GlennPittman.com)
*/

/* ==========================================================================
       Utilites
   ========================================================================== */
	.vcenter {
	    display: inline-block;
	    vertical-align: middle;
	    float: none;
	}
	

/* ==========================================================================
       Image Carousels (using Slick - http://kenwheeler.github.io/slick/)
   ========================================================================== */
   /*------------------------------------*\
      Arrow navigation buttons
   \*------------------------------------*/
   .single-item-carousel button,
   .multi-item-carousel button,
   .company-timeline-carousel button {
	   background-color: rgba(31, 25, 37, 0.5);
	   border: 0;
	   display: block;
	   height: 60px;
	   line-height: 22px;
	   position: absolute;
	   right: 0;
	   text-align: center;
	   text-indent: -9999px;
	   top: 50%;
	   transform: translateY(-50%);
	   width: 46px;
	   z-index: 1000;
   }
   
   .company-timeline-carousel button {
	   right: 10px;
   }
   
   .multi-item-carousel button {
	   right: 15px;
   }
   
   .single-item-carousel .slick-prev {
	   left: 0;
   }
   
   .multi-item-carousel .slick-prev {
	   left: 15px;
   }
   
   .company-timeline-carousel .slick-prev {
	   left: 10px;
   }
   
   .single-item-carousel .slick-prev:before, .production-slides .slick-next:before,
   .multi-item-carousel .slick-prev:before, .production-characters .slick-next:before,
   .company-timeline-carousel .slick-prev:before, .company-timeline-carousel .slick-next:before {
	    color: #fff;
	    content: "\e314";
	    font-family: "icomoon" !important;
	    font-size: 30px;
	    left: 8px;
	    position: absolute;
	    text-indent: 0;
	    top: 50%;
	    transform: translateY(-50%);
    }
    
    .single-item-carousel .slick-next:before,
    .multi-item-carousel .slick-next:before,
    .company-timeline-carousel .slick-next:before {
	    content: "\e315";
	}
	
	
	/*------------------------------------*\
	   Multi-item Carousels
	\*------------------------------------*/
	.multi-item-carousel {
		padding: 0 15px;
	}
	
	
	/*------------------------------------*\
	   Multi-item Carousels:
	   Captions that fade in on hover
	\*------------------------------------*/
	.item-box {
		padding: 0;
		position: relative;
	}
	
	.multi-item-carousel .item-box .caption {
		background-color: rgba(0,0,0,0.7);
	    color: #fff;
	    font-size: 1.2rem;
	    height: 100%;
	    left: 0;
	    opacity: 0;
	    overflow: hidden;
	    padding: 35px;
	    position: absolute;
	    top: 0;
	    -webkit-transition: all 300ms ease-out;
	    -moz-transition: all 300ms ease-out;
	    -o-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    transition: all 300ms ease-out;
	    z-index: 100;
	}
	
	.item-box:hover .caption {
		opacity: 1;
	}
	
	/*------------------------------------*\
	   Company Timeline Carousel
	\*------------------------------------*/
	.company-timeline-carousel .slick-slide {
		margin: 0;
		padding: 0;
	}
	
	.timeline-media figure {
		position: relative;
	}
	
	.timeline-media figcaption {
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		color: #fff;
		text-align: center;
		font-size: 3.6rem;
		padding-top: 20px;
		transition: all 0.4s ease-in-out 0s;
	}
	
	/* timeline bar that runs along the top of the images */
	.timeline-media figcaption:before {
/* 		background: #f4f3ed; */
		background: #fff;
		content: '';
		height: 3px;
		left: 0;
		opacity: 0.6;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	/* the dot that sits on the bar */
	.timeline-media figcaption:after {
		/* background: #656c8a; */
		background: #FCB23B;
		border-radius: 50%;
		content: '';
		height: 17px;
		left: 48%;
		position: absolute;
		top: -7px;
		width: 17px;
	}
	
	.company-timeline-carousel .timeline-text {
		bottom: -500px;
		left: 0;
		padding: 35px 50px 15px;
		position: absolute;
		transition: all 0.4s ease-in-out 0s;
		width: 100%;
	}
	
	.company-timeline-carousel .slick-slide:hover .timeline-text {
		background: rgba(0, 0, 0, 0.8);
		bottom: 0;
	}
	
	.timeline-text h5 {
		color: #fff;
		font-size: 1.8rem;
		font-weight: 800;
		line-height: 1.3;
		margin-bottom: 20px;
	}
	
	.timeline-text p {
		color: #aaa;
	}
	
	/*------------------------------------*\
	   By-the-Numbers carousel
	\*------------------------------------*/
	.by-the-numbers-slider button {
		position: absolute;
		right: 20px;
		top: 20px;
		width: 22px;
		height: 22px;
		line-height: 22px;
		display: inline-block;
		text-align: center;
		background-color: #fff;
		border: 1px solid #f0f0f0;
		border-radius: 100%;
		text-indent: -9999px;
		z-index: 100;
	}
	
	.by-the-numbers-slider .slick-prev {
		left: 20px;
		top: 20px;
	}
	
	.by-the-numbers-slider .slick-prev:before, 
	.by-the-numbers-slider .slick-next:before {
		content: "\e314";
		position: absolute;
		left: 1px;
		top: 0;
		font-size: 16px;
		font-family: "icomoon" !important;
		color: #555555;
		text-indent: 0px;
	}
	
	.by-the-numbers-slider .slick-next:before {
		content: "\e315";
		left: 3px;
	}
	
	.by-the-numbers-slider {
		text-align: center;
	}
	
	.by-the-numbers-slider span.number {
		color: #FCB23B;
		display: block;
		font-size: 4rem;
		font-weight: 800;
	}
	
	.by-the-numbers-slider span.item {
		display: block;
		font-weight: 800;
		text-transform: uppercase;
	}


/* ==========================================================================
       Card with colored SIDE border
   ========================================================================== */
   	.card-colored-side-border {
	   	margin-top: 5rem;
   }
   
   .card-colored-side-border:first-child {
	   margin-top: 0;
   }
   
   	.card-colored-side-border .media {
	   	margin-bottom: 2.5rem;
	   	padding: 0;
   	}
   
   	.card-colored-side-border .card-text {
	   	border-left: 5px solid;
	   	height: 144px;
	   	overflow: hidden;
	   	position: relative;
   	}
   
   	.card-text.light-gray {
	   	border-color: #D6E0E6;
   	}
   
   	.card-text.dark-gray {
	   	border-color: #557789;
   	}
   
   	.card-text.pink {
	   	border-color: #CF7CB3;
   	}
   
   	.card-text.blue {
	   	border-color: #0083CA;
   	}
   
   	.card-text.light-blue {
	   	border-color: #5FC9DF;
   	}
   
   	.card-text.green {
	   	border-color: #DEE781;
   	}
   
   	.card-text.orange {
	   	border-color: #FCB23B;
   	}
   
   	.card-text.red {
	   	border-color: #D5444F;
   	}
   
   .date-top,
   .date-side {
	   color: #858B8F;
	   font-family: "rooney-web", serif;
	   font-size: 1.4rem;
   }
   
   .card-colored-side-border .date-top {
	   display: block;
   }
   
   .card-colored-side-border .date-side {
	   display: none;
   }
   
   h5.press-release-title,
   h5.production-title,
   h5.personnel-name,
   h5.market-name, {
	   font-weight: 800;
	   height: 8.8rem;
	   line-height: 1.6;
	   text-transform: capitalize;
   }
   
   .card-text h5 {
	   line-height: 1.3;
   }
   
   .card-text a:link,
   .press-release-entry a:link {
	   color: #000;
	   text-decoration: none;
   } 
   
   .card-text a:visited,
   .press-release-entry a:visited {
	   color: #000;
   }
   
   .card-text a:hover,
   .card-text a:focus,
   .press-release-entry a:hover,,
   .press-release-entry a:focus {
	   color: #63889e;
	   text-decoration: none;
   }
   
   .card-text a:link.read-more-link {
	   bottom: 0;
	   color: #D5444F;
	   font-size: 1.4rem;
	   position: absolute;
	   text-transform: uppercase;
   }
   
   .card-text a:visited.read-more-link {
	   color: #D5444F;
   }


/* ==========================================================================
       Card with colored BOTTOM border (Production Cards)
   ========================================================================== */
   .card-colored-bottom-border {
	   margin-bottom: 5rem;
   }
   
   .card-colored-bottom-border .card-text {
	   background: #fff;
	   border-bottom-style: solid;
	   border-bottom-width: 5px;
	   border-left: 1px solid #D6E0E6;
	   border-right: 1px solid #D6E0E6;
	   height: 125px;
	   padding-bottom: 10px;
	   padding-left: 20px;
	   padding-right: 10px;
	   padding-top: 10px;
	   position: relative;
   }
   
   .card-colored-bottom-border .card-text h5 {
	   margin-top: 0;
   }
   
   .card-colored-bottom-border .card-text .length {
	   position: absolute;
	   bottom: 10px; /* 10px bottom padding */
   }
   
   .card-colored-bottom-border .card-text .media-type {
	   position: absolute;
	   bottom: 3.56rem; /* 10px bottom padding + 16px font-size + 1.6 line-height = 35.6px = 3.56rem */
   }
   
   .card-text .media-type,
   .card-text .length {
	   color: #557789;
   }
   
   .card-text .media-type {
	   display: block;
   }
   
   
/* ==========================================================================
       Personnel Card
   ========================================================================== */
   .personnel-card {
	   margin-bottom: 5rem;
   }
   
   .personnel-title {
	   display: block;
   }
   
   h5.personnel-name {
	   font-size: 1.8rem;
	   height: auto;
	   margin-top: 1.5rem;
   }
   
   
/* ==========================================================================
       Event Card
   ========================================================================== */
   .event-card {
	   margin-bottom: 5rem;
   }
   
   .event-card .date {
	   margin-bottom: 1rem;
	   width: 52px;
   }
   
   .event-card .date .month {
	   background-color: #5FC9DF;
	   color: #fff;
	   font-size: 1.2rem;
	   line-height: 2;
	   text-transform: uppercase;
   }
   
   .event-card .date .day {
	   background-color: #fBB13A;
	   line-height: 2;
   }
   
   .event-card h5,
   .event-card .dates,
   .event-card .booth-info,
   .event-card .event-info {
	   line-height: 1.4;
	   margin: 1rem 0;
   }
   
   h5.market-name {
	   font-size: 1.8rem;
   }
   
   .event-card .dates,
   .event-card .booth-info,
   .event-card .event-info {
	   display: block;
   }
   
   .event-card .event-info,
   .event-card .booth-info {
	   font-style: italic;
   }
   
   .event-card .market-info {
	   border: 2px solid #ddd;
	   border-left: none;
	   border-right: none;
	   margin-top: 1rem;
	   padding: 1rem 0;
   }


/* ==========================================================================
       Body
   ========================================================================== */
	body {
		font-family: "lato", Avenir, sans-serif;
	}
	
	dd, dt {
		line-height: 1.6;
	}
	
	dt {
		margin: 2.4rem 0 1.8rem;
	}
	
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
		font-family: "rooney-web", serif;
	}
	
	h1, .h1 {
		font-size: 3rem;
		font-weight: 800;
	}
	
	h4, .h4 {
		display: block;
		font-size: 1.8rem;
		font-weight: 800;
	}
	
	h1 a:link,
	h2 a:link,
	h3 a:link,
	h4 a:link,
	h5 a:link,
	h6 a:link {
		color: inherit;
		text-decoration: none;
	} 
	
	h1 a:visited,
	h2 a:visited,
	h3 a:visited,
	h4 a:visited,
	h5 a:visited,
	h6 a:visited {
		color: inherit;
	}
	
	.btn-primary {
		background-color: #0083CA;
		border-color: #0083CA;
	}
	
	hr.section-divider {
		height: 2px;
		margin-bottom: 4rem;
		margin-top: 4rem;
		width: 85%;
	}
	
	hr.section-divider.light-gray {
	   	background-color: #D6E0E6;
   	}
   
   	hr.section-divider.dark-gray {
	   	background-color: #557789;
   	}
   
   	hr.section-divider.pink {
	   	background-color: #CF7CB3;
   	}
   
   	hr.section-divider.blue {
	   	background-color: #0083CA;
   	}
   
   	hr.section-divider.light-blue {
	   	background-color: #5FC9DF;
   	}
   
   	hr.section-divider.green {
	   	background-color: #DEE781;
   	}
   
   	hr.section-divider.orange {
	   	background-color: #FCB23B;
   	}
   
   	hr.section-divider.red {
	   	background-color: #D5444F;
   	}
   	
   	figcaption {
	   	margin-top: 1rem;
	   	text-align: center;
   	}


/* ==========================================================================
       Header
   ========================================================================== */

	/*------------------------------------*\
	   top-bar
	\*------------------------------------*/
	.top-bar {
		background-color: #557789;
		color: #C0C5CB;
		line-height: 2.5rem;
		padding: 1.25rem 0;
		vertical-align: middle;
	}
	
	.top-bar ul {
		display: inline-block;
		margin: 0;
	}
	
	.top-bar ul li {
		padding: 0 10px 0;
		position: relative;
		margin: 0;
	}
	
	/* .top-bar ul:last-child {
		border-right: none;
	} */
	
	.top-bar a {
		color: #fff;
	}
	
	.top-bar a:link {
		text-decoration: none;
	} 
	
	.top-bar a:visited {
		color: #fff;
	}
	
	.top-bar a:hover,
	.top-bar a:focus {
		color: #5FC9DF;
		text-decoration: none;
	}
	
	.top-bar a:active {
		color: #CF7CB3;
	}

	/*------------------------------------*\
	   masthead
	\*------------------------------------*/
	.masthead {
		color: #557789;
		font-size: 1.6rem;
	    font-weight: 600;
	    letter-spacing: 0.05rem;
		padding: 3rem 0;
	}
	
	.masthead .container {
		position: relative;
	}
	
	.masthead nav {
		display: none;
		line-height: 49px;
	}
	
	.masthead nav > ul > li > a {
		color: #557789;
		text-transform: uppercase;
	}
	
	.masthead .nav-pills > li > a {
		border-radius: 0;
	}
	
	.masthead .nav-pills > li > a.about-us-menu:hover,
	.nav .open > a.about-us-menu, 
	.nav .open > a.about-us-menu:focus, 
	.nav .open > a.about-us-menu:hover  {
		background-color: #DEE681;
	}
	
	.masthead .nav-pills > li > a.productions-menu:hover,
	.nav .open > a.productions-menu, 
	.nav .open > a.productions-menu:focus, 
	.nav .open > a.productions-menu:hover {
		background-color: #5FC9DF;
	}
	
	.masthead .nav-pills > li > a.news-menu:hover,
	.nav .open > a.news-menu, 
	.nav .open > a.news-menu:focus, 
	.nav .open > a.news-menu:hover {
		background-color: #FBB13A;
	}
	
	
/* ==========================================================================
       Main Content
   ========================================================================== */
   
   	main {
	   	font-size: 1.6rem;
	   	line-height: 1.6;
   	}
   
   	main p {
	   	margin-bottom: 1.8rem;
   	}
   	
   	main p:last-child {
	   	margin-bottom: 0;
   	}
	
	main > .container > section {
		margin-bottom: 2.5rem;
	}
	
	section h1 {
		margin-top: 5rem;
	}
	
	main section:first-child h1 {
		margin-top: 2.5rem;
	}
   
   /*------------------------------------*\
      Title Banner
   \*------------------------------------*/
   .title-banner {
	   background-position: center center;
	   background-size: cover;
	   height: 175px;
	   margin-bottom: 2rem;
	   padding-top: 6.5rem;
   }
   
   .title-banner.light-gray {
	   background-color: #D6E0E6;
   }
   
   .title-banner.dark-gray {
	   background-color: #557789;
   }
   
   .title-banner.pink {
	   background-color: #CF7CB3;
   }
   
   .title-banner.blue {
	   background-color: #0083CA;
   }
   
   .title-banner.light-blue {
	   background-color: #5FC9DF;
   }
   
   .title-banner.green {
	   background-color: #DEE781;
   }
   
   .title-banner.dark-green {
	   background-color: #c8d25b;
   }
   
   .title-banner.orange {
	   background-color: #FCB23B;
   }
   
   .title-banner.red {
	   background-color: #D5444F;
   }
   
   .title-banner h1 {
	   color: #fff;
	   font-family: "lato", Avenir, sans-serif;
	   font-weight: 600;
	   margin: 0;
	   text-transform: uppercase;
   }
   
   /*------------------------------------*\
      Sections with colored backgrounds
   \*------------------------------------*/
   .featured-productions,
   .production-list,
   .homepage .events {
	   background: #e4eef3;
	   padding: 5rem 3rem 0;
   }


/* ==========================================================================
       Footer
   ========================================================================== */
	footer {
		background-color: #557789;
		color: #C0C5CB;
		letter-spacing: 0.05rem;
		margin-top: 2rem;
		padding: 4rem 0 0;
		width: 100%;
	}
	
	footer .module {
		margin-bottom: 3rem;
	}
	
	footer .module hr {
		margin: 4rem 0;
	}
	
	footer a {
		color: #C0C5CB; 
	}
	
	footer a:link {
		color: inherit;
		text-decoration: none;
	} 
	
	footer a:visited {
		color: inherit;
	}
	
	footer a:hover,
	footer a:focus {
		color: inherit;
		text-decoration: underline;
	}
	
	footer .module-section-title {
		color: #fff;
		font-family: "lato", Avenir, sans-serif;
		font-size: inherit;
		font-weight: 800;
		margin-bottom: 2.3rem;
		text-transform: uppercase;
	}
	
	footer .module ul li {
		margin: 0 0 0.8rem;
	}
	
	footer .module ul li i {
		color: #fff;
		float: left;
		line-height: 2;
	}
	
	footer .module ul li div {
		margin-left: 3.0rem;
		padding-top: 0.3rem;
	}
	
	footer .resources,
	footer .sales,
	footer .services {
		text-transform: uppercase;
	}
	
	footer .social-media ul li {
		font-size: 3.8rem;
		margin-right: 2rem;
	}
	
	footer .logo-terms-privacy {
		margin-top: 12rem;
		margin-bottom: 3rem;
	}
	
	footer .terms-privacy {
		margin-top: 1.5rem;
		margin-bottom: 1rem;
	}
	
	footer .terms-privacy a {
		padding: 0 0.5rem;
	}
	
	footer .legal-line {
		background-color: #445460;
		border-top: 2px solid transparent;
	    border-image: url(../images/site/multi-color_border.png) 4 0 0 0 repeat;
	    border-width: 2px 0 0 0;
	    font-size: 1rem;
		height: 6rem;
		line-height: 5.8rem; /* accounting for the 2px border-top */
	}
   
   
/* ==========================================================================
       Individual Pages
   ========================================================================== */
   
   /*------------------------------------*\
      Homepage
   \*------------------------------------*/
   
   .featured-thumbs li {
	   margin-top: 2rem;
   }
   
   h1 small {
	   display: block;
	   margin-top: 1rem;
	   line-height: 1.4;
   }
   
   .by-the-numbers .row {
	   margin-top: 2rem;
   }
   
   .services .row > div {
	   margin-bottom: 2rem;
   }
   
   /*------------------------------------*\
      Press Release (Individual)
   \*------------------------------------*/
   .press-release h2 {
	   text-transform: capitalize;
	   font-size: 2rem;
	   font-weight: 800;
	   line-height: 1.4;
   }
   
   .press-release h2 small {
	   display: block;
	   font-family: "rooney-web", serif;
	   line-height: 1.3;
	   margin: 1rem 0;
   }
   
   .press-release .date {
	   color: #777;
	   display: block;
	   font-family: "rooney-web", serif;
	   font-size: 2rem;
	   margin-bottom: 2rem;
	   /* text-transform: uppercase; */
   }
   
   .press-release .hero-img {
	   margin-top: 2rem;
	   margin-bottom: 3rem;
   }
   
   .press-release .pdf-download {
	   margin: 2rem 0;
	   text-align: center;
	   text-transform: uppercase;
	   width: 100%;
   }
   
   .press-release .pdf-download i {
	   font-size: 1.7rem;
	   letter-spacing: 0.5rem;
   }
   
   /*------------------------------------*\
      Production (Individual)
   \*------------------------------------*/
   .production-info a {
	   color: #D5444F;
	   text-transform: uppercase;
   }
   
   .production-info img {
	   padding-top: 2rem;
   }
   
   .production-where-to-watch img {
	   margin-bottom: 1.5rem;
   }
   
   /*------------------------------------*\
      News
   \*------------------------------------*/
   .pr-contact {
	   background-color: #557789;
	   color: #fff;
	   padding: 2rem;
   }
   
   .pr-contact .contact-info {
	   border-left: 5px #fff solid;
	   margin-top: 2.5rem;
	   padding-left: 2.5rem;
	   padding-right: 1rem;
   }
   
   .pr-contact .fn {
	   font-weight: 800;
   }
   
   .pr-contact a:link {
   	color: #fff;
   	text-decoration: none;
   } 
   
   .pr-contact a:visited {
   	color: #fff;
   }
   
   .pr-contact a:hover,
   .pr-contact a:focus {
   	color: #fff;
   	text-decoration: none;
   }
   
   .pr-contact ul {
	   margin-top: 2rem;
	   margin-bottom: 2rem;
   }
	
	.pr-contact ul li {
		margin: 0 0 0.8rem;
	}
	
	.pr-contact ul li i {
		color: #fff;
		float: left;
		line-height: 2;
	}
	
	.pr-contact ul li div {
		margin-left: 3.0rem;
		padding-top: 0.3rem;
	}
	
	.press-releases .row {
		border-bottom: 2px solid #D6E0E6;
		padding-bottom: 2.5rem;
		padding-top: 2.5rem;
	}
	
	.press-releases .row:first-child,
	.press-releases .row:last-child {
		border: none;
	}
	
	.press-release-entry-regular h5.press-release-title {
		line-height: 1.5;
	}
	
	/*------------------------------------*\
      Production List
   \*------------------------------------*/
   .production-list-info {
	   margin-top: 1rem;
   }
   
   /*------------------------------------*\
      Team Page
   \*------------------------------------*/
   .team-contact {
	   background-color: #D6E0E6;
	   padding: 1rem 0;
   }
   
   .team-contact div * {
	   display: inline;
	   vertical-align: middle;
   }
   
   .team-contact i {
	   font-size: 5rem;
   }
   
   .team-contact h1 {
	   font-family: "lato", Avenir, sans-serif;
	   margin: 0 1.5rem;
   }
   
   .team-contact a {
	   font-size: 2rem;
   }
   
   .team-contact p.submissions-policy {
	   display: block;
	   font-size: 1.2rem;
	   margin: 1rem 0;
	   padding: 0 4rem;
	   text-align: left;
   }
   
   .markets h1,
   .events h1 {
	   margin-top: 0;
	   margin-bottom: 20px;
   }
   
   .ancillary-business {
	   border-top: 40px solid #aaa;
	   padding-top: 4rem;
   }
   
   /*------------------------------------*\
      The Henson Family
   \*------------------------------------*/
   .bio .tertiary-org-link {
	   text-align: center;
	   width: 100%
   }
   
   .bio .tertiary-org-link i {
	   display: inline-block;
	   margin-left: 0.75rem;
   }
   
   .bio h1 small {
	   line-height: 1.3;
	   margin-top: 1rem;
   }
   
   .bio h1 small,
   .yearbook-imgs h5 small {
	   display: block;
   }
   
   .yearbook-imgs h5 {
	   font-size: 2.5rem;
	   font-weight: 800;
	   line-height: 2;
	   margin: 0;
	   padding: 1rem 0;
	   text-align: center;
   }
   
   .yearbook-imgs h5 small {
	   line-height: 1.5;
   }
   
   .yearbook-imgs div:last-child h5 {
	   border-bottom: none;
   }
   
   /*------------------------------------*\
      The Henson Executive Team
   \*------------------------------------*/
   .exec-yearbook-img {
	   margin-bottom: 2rem;
   }
   
   /*------------------------------------*\
      Board of Directors
   \*------------------------------------*/
   .board-members-nav > div {
	   padding: 0;
   }
   
   .board-members-nav h4 {
	   line-height: 1.6;
	   text-align: center;
   }
   
   .board-members-nav > div > div:hover {
	   background: #D6E0E6;
   }
   
   .board-members-nav > div > div.disabled:hover {
	   background: inherit;
   }
   
   /*------------------------------------*\
      Our Founders
   \*------------------------------------*/
   .founders-yearbook-img {
	   background-color: #D6E0E6;
	   padding-top: 15px;
	   padding-bottom: 15px;
   }
   
   .founders-yearbook-img a {
	   color: #0083CA;
   }
   
   .founders-yearbook-img a:hover {
	   text-decoration: none;
   }
   
   .bio-text img {
	   margin-bottom: 2rem;
   }
   
   /*------------------------------------*\
      Company Overview
   \*------------------------------------*/
   .services .row {
	   margin-bottom: 8.5rem;
   }
   
   /*------------------------------------*\
      Employment
   \*------------------------------------*/
   .employment h1 {
	   color: #000;
   }
   
   table.job-listings-list caption h1 {
	   margin-top: 0;
   }
   
   .job-listing h1 small {
	   color: inherit;
   }
   
   /*------------------------------------*\
      #FAQ
   \*------------------------------------*/
   .faqs h2:first-child {
	   margin-top: 0;
   }
   
   
   
   
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	
	RESPONSIVE STYLES from smallest (768px) to largest (1200px) breakpoint
	
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
   
   
   /* ==========================================================================
       Small Breakpoint (Tablets) and Larger
   ========================================================================== */
@media only screen and (min-width: 768px) {
	/*------------------------------------*\
	   Header
	\*------------------------------------*/
	.slicknav_menu {
		display: none;
	}
	
	.masthead nav {
		display: block;
	}
	
	/*------------------------------------*\
	   Main Content
	\*------------------------------------*/
	.title-banner {
		padding-top: 10rem;
	}
	
	section h1 {
		margin-top: 0;
	}
	
	.ancillary-business > h1 {
		margin-top: 5rem;
	}
	
	.homepage .production-slides .single-item-carousel {
		margin-bottom: -5rem;
	}
	
	.press-release h2 {
		font-size: 2.4rem;
	}
   
	.press-release .hero-img {
	   	margin-bottom: 6rem;
   	}
	
	main > .container > section {
		margin-bottom: 5rem;
	}
	
	hr.section-divider {
		margin-bottom: 5rem;
		margin-top: 5rem;
	}
	
	.card-colored-side-border:nth-child(2),
   	.card-colored-side-border:nth-child(3) {
	   	margin-top: 0;
   	}
   
	.card-colored-side-border .media[class~="col-sm-3"],
   	.card-colored-side-border .card-text[class~="col-sm-9"] {
	   padding-left: 15px;
	   padding-right: 15px;
   	}
   	
   	.card-colored-side-border[class~="3-col-layout"] .media[class~="col-sm-3"] {
	   	margin-left: -15px;
   	}
	
	.card-colored-side-border .card-text[class~="col-sm-9"] h5 {
		height: 7.7rem;
	}
   
   /* When the card is in its vertical, 3-across layout */
   	.card-colored-side-border .card-text.col-sm-12 {
	   	height: 185px;
   	}
   	
   	.card-colored-side-border .media.col-sm-12 {
	   	height: 124px;
   	}
   
   /* When the card is in its horizontal, 1-across layout */
   	.card-colored-side-border .card-text.col-sm-6 {
	   	min-height: 85px;
	   	max-height: 100px;
   	}
   
   .card-text[class~="col-sm-6"] h5 {
	   margin-top: 0;
   }
   
	.card-colored-side-border .date-top,
	.card-colored-side-border[class~="3-col-layout"] .date-side {
	   	display: none;
   	}
   
   	.card-colored-side-border .date-side,
   	.card-colored-side-border[class~="3-col-layout"] .date-top {
	   	display: block;
   	}
	
	.press-release-entry-featured .card-colored-side-border,
	.press-release-entry-featured .media {
		margin-bottom: 0;
	}
   
	.team-contact a {
	   	font-size: 3rem;
   	}
   
   	.bio-text h1 {
	   	margin-top: 0;
   	}
   
   	/*------------------------------------*\
   	   This rule changes Bootstrap's 12-col
   	   grid to a 5-col grid for the 5 
   	   "yearbook" headshots at the top of 
   	   the Henson Family page.
   	\*------------------------------------*/
   	.five-cols .col-sm-1,
   	.five-cols .col-md-1,
   	.five-cols .col-lg-1 {
    	width: 20%;
		*width: 20%;
	}
   
	.yearbook-imgs h5 {
	   border-bottom: none;
	   font-size: inherit;
	   font-weight: 800;
	   line-height: inherit;
	   margin: 10px 0;
	   padding: 0;
	   text-align: left;
   	}
   	
   	.by-the-numbers-slider button {
		right: 15px;
		top: -35px;
	}
   
	.by-the-numbers-slider .slick-prev {
		left: initial;
		right: 40px;
		top: -35px;
	}
   
	.services h1 {
	   margin-top: 0;
   	}
   
   	/* Adds a 1.5-column offset (used in the Services 
	   section of the homepage) */
	.col-sm-offset-1-5 {
	   margin-left: 12.5%;
   	}
   
   	.services .row > div {
	   margin-bottom: 0;
   	}
	
	
	/*------------------------------------*\
	   Footer
	\*------------------------------------*/
	footer {
		font-size: 1.2rem;
		padding-top: 9.5rem;
	}
	
	footer .module ul li i {
		font-size: 1.2rem;
		line-height: 2;
	}
	
}

/* ==========================================================================
       Medium Breakpoint (Desktops) and Larger
   ========================================================================== */
@media only screen and (min-width: 992px) {
  	/*------------------------------------*\
  	   Header
  	\*------------------------------------*/
  	.jhc-social-links {
		border-right: solid 1px rgba(214, 224, 230, 1.00);
		margin-right: 15px;
		padding: 0 10px 0 0;
	}
	
	.masthead nav {
		font-size: 1.8rem;
	}
	
	/*------------------------------------*\
	   Main Content
	\*------------------------------------*/
	/* When the card is in its vertical, 3-across layout */
   	.card-text.col-sm-12 {
	   	height: 130px;
   	}
   	
   	.card-colored-side-border .media.col-sm-12 {
	   	height: 166px;
   	}
   	
   	/* When the card is in its horizontal, 1-across layout */
   	.card-colored-side-border .card-text.col-sm-6 {
	   	height: 116px;
	   	max-height: inherit;
	   	min-height: inherit;
   	}
	
}

/* ==========================================================================
       Large Breakpoint (Larger Desktop Screens) and Larger
   ========================================================================== */
@media only screen and (min-width: 1200px) {
	/*------------------------------------*\
	   Main Content
	\*------------------------------------*/
   	.card-colored-side-border .card-text.col-sm-6 {
	   	height: 144px;
   	}
   	
   	.card-colored-side-border .media.col-sm-12 {
	   	height: 203px;
   	}
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	
	END OF RESPONSIVE STYLES
	
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */