.custom-item-container {
	margin-top: 20px;	
}

.custom-item-child-container:not(.slick-initialized) {
	visibility: hidden;	
}

.custom-item-child-container .slick-track {	
	display: flex;
	align-items: stretch;
}

.custom-item-child {
	border-bottom: 1px solid #d4d4d4;;	
	background-color: #fff;
	margin-right: 1%;
	display: flex;
	flex-direction: column;  
	box-shadow: 0 6px 3px -1px rgba(0,0,0,.2);
	padding: 12px 12px 18px 12px;
	overflow-x: hidden;
}


.custom-item-child .img-link {
	order: 1;	
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.custom-item-child h3,
.custom-item-child h4,
.custom-item-child p,
.custom-item-child a {
	margin: 0 3px;
	padding: 0;
	line-height: 1.3em;
}
	
.custom-item-child h3 {
	order: 2;
	font-weight: 700;
	text-transform: uppercase;
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-top: 7px;
}

.custom-item-child h4 {
	order: 3;
	font-size: 11px;
	font-weight: 500;
	color: #878a8b;
	text-transform: uppercase;
	margin-bottom: .8em;
}

.custom-item-child  p {
	order: 4;
	font-size: 14px;
	line-height: 1.3em;
	margin-bottom: 1.8em;
	text-overflow: ellipsis;
	word-wrap: break-word;
	overflow: hidden;
	max-height: 6.5em;
}



.custom-item-child a:not(.img-link):not(.video-modal-launcher-data) {
	order: 5;	
	text-align: right;
	text-transform: uppercase;
	color: #00a3e0;
	position: relative;
	padding-right: .75rem;
	font-size: .75rem;
	margin-top: auto;
}

.custom-item-child a:not(.img-link):after {
  content: '';
  border-color: #00a3e0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  position: absolute;
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  display: block;
  height: 5px;
  right: 2px;
  top: 5px;
  width: 5px;	
}

.custom-item-container .slick-slide,
.custom-item-container .slick-initialized .slick-slide {
	float: none;
	height: inherit;
	display: flex;
}

.custom-item-container .slick-prev, 
.custom-item-container .slick-next {
	position: absolute;
	height: 100%;
	z-index: 5;
	width: 31px;
	background: rgba(172, 172, 172, 0.48)!important;
}

.custom-item-container .slick-prev {
	left: 0;
}

.custom-item-container .slick-next {
	right: 0;
}


.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
  

.aopaModal-contentContainer {
	padding: 0;
}

.aopaModal-customContainer {
	display: flex;
	flex-direction: column;
	padding: 0;
	padding-bottom: 20px;
}

.aopaModal-customContainer * {
	order: 99;	
	margin: 20px 20px 0;
	display: inline-block;
}

.aopaModal-customContainer iframe {
	order: 1;
	margin: 0;
}

.aopaModal-customContainer h3 {
	margin: 15px 20px 0;
	font-size: 1em;
	order: 2;
}

.aopaModal-customContainer h4 {
	margin: 0 20px 0;
	font-size: 0.8em;
	text-align: left;
	order: 4;
}


.aopaModal-customContainer p {
	font-size: 0.8em;
	order: 5;
	margin: 0 20px 0;
}

.aopaModal-customContainer p.video-duration {
	display: none;
}

.aopaModal-customContainer em {
	margin: 0;	
}

.aopaModal-actionContainer {
	display: none;
}


.video-modal-launcher-data {
	position: relative;
	cursor: pointer;
}

.video-modal-launcher-data:before {
	position: absolute;
	content: '';
	top: 0;
	left:0; 
	right: 0;
	bottom: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 45%;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMDAgMTAwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSI+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NTI2LjIsNTAwOC4xYy0xNDc3LjMtMTUxLjQtMjc5MS44LTk0Mi43LTM2MjUuMy0yMTg2LjNDNTk0LjMsMjM2MiwzMDYuOSwxNjc4LDE5Ny43LDExMzkuNQ0KCQkJQzExNS4zLDczMy4zLDEwMCw1NzQuMywxMDAsMTI0czE1LjMtNjA1LjUsOTcuNy0xMDE1LjVDMzA1LTE0MjIuMyw1OTIuNC0yMTA4LjMsOTAwLjktMjU3My45DQoJCQljOTIxLjYtMTM3Ny43LDI0NTguNC0yMjA3LjMsNDA5NC43LTIyMDcuM2MxODUwLjksMCwzNTU2LjMsMTA1OS42LDQzODYsMjcyMi44YzgzMS42LDE2NjguOSw2NTMuNCwzNjMxLTQ2Ny41LDUxMjMuNw0KCQkJYy03NzYsMTAzNC43LTE5MjEuOCwxNzE0LjktMzIyOC42LDE5MTYuMUM1NDQ1LjksNTAxNy43LDQ3NzEuNCw1MDM1LDQ1MjYuMiw1MDA4LjF6IE01MzgwLjgsNDI0My42DQoJCQljMzEwLjQtMzAuNyw1OTUuOS05Miw5MDYuMy0xOTMuNWMxMjQ3LjQtNDA4LjEsMjIzMC4zLTEzOTMsMjYzOC41LTI2NDIuM2M0ODQuOC0xNDg1LDk3LjctMzEwMC4zLTEwMDcuOS00MjA1LjgNCgkJCWMtODczLjctODczLjctMjEwMC0xMzE2LjQtMzMxNi44LTExOTUuN0MyNjI3LjMtMzc5OC4zLDEwNzMuNC0yMjQyLjQsODc2LTI2MS4xYy0xMzAuMywxMzE2LjQsNDI1LjQsMjY4Mi42LDE0MzcuMSwzNTMzLjMNCgkJCUMzMTc1LjMsMzk5Ni41LDQyOTQuMyw0MzUwLjksNTM4MC44LDQyNDMuNnoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM3NTQsMjIwM2MtNDIuMi0xOS4yLTc0LjctNTMuNy05OS42LTEwOS4yQzM2MTgsMjAxMy4zLDM2MTYsMTk1MiwzNjE2LDEyNGMwLTE4MjkuOSwxLjktMTg4OS4zLDM4LjMtMTk2OS43DQoJCQljNDkuOC0xMDkuMiwxNDMuNy0xNTMuMywyNjAuNi0xMjIuNmMxMTMsMzAuNywzMTk5LjksMTgzMS44LDMyOTMuOCwxOTIzLjhjNjksNjcuMSw3Ni43LDgyLjQsNzYuNywxNjguNnMtNy43LDEwMS42LTc2LjcsMTY4LjYNCgkJCWMtNzguNSw3Ni43LTMxNDAuNSwxODcyLTMyNjUsMTkxNi4xQzM4NjEuMywyMjM3LjUsMzgzMi42LDIyMzcuNSwzNzU0LDIyMDN6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=');
	transition: background-color 0.3s;
}

.video-modal-launcher-data:hover:before {
	background-size: auto 50%;
	background-color: rgba(0,0,0,0.1);
	transition: background-color 0.3s;
}

.custom-item-container .audio-player {
	order: 9;
	padding: 3px;
}

.custom-item-container .audio-player audio {
	max-width: 100%;	
}

.aircraftDetailComponent .footnote {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;	
}