/* Make the height of the card */
.section_2column_mediatext_dynamic .card {
	height: 100% !important;	
}

/* Standard Mediatext CSS */
.mediatext {
	padding: 20px 0;
	margin: 0;
}

@media (max-width:767.98px) {
	.mediatext {
		padding: 0 0 20px;
	}
}

@media (max-width:767.98px) {
	.mediatext_dynamic_wrapper {
		padding-top: 40px;
		padding-bottom: 10px;
	}
}

@media (min-width: 768px) {
 .section_2column_mediatext_dynamic .col-md-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }
}

@media (min-width:992px) {
	.mediatext_dynamic_wrapper>.row>div {
		margin-bottom: 30px;
	}
}

@media (max-width:767.98px) {
	.mediatext_dynamic_wrapper>.row>div {
		margin-bottom: 15px;
	}
}

.mediatext_wrapper:last-child {
	margin-bottom: 0;
}

/* Text sizing and colours */

.mediatext_text > p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom:0;
}

.mediatext_text > h5,
.mediatext_text > p,
.mediatext_text > .list_classic_black {
	color: #607D8B;
}

.active > .mediatext_text > h5, 
.mobile_mediatext_text > h5 {
	color:#1899D6
}
.active > .mediatext_text > p, 
.mobile_mediatext_text > p,
.active > .mediatext_text .list_classic_black {
	color:#212529
}

.mobile_mediatext_text {
	padding-top:20px;
}

/* Dynamic Media Text CSS */

.section_2column_mediatext_dynamic .mediatext_dynamic_wrapper {
	padding-top: 10px;
	border-radius: 6px;
}

@media (min-width:576px) {
	.section_2column_mediatext_dynamic .mediatext_dynamic_wrapper .active {
		box-shadow: 5px 5px 5px #eeeeee;
		border-radius: 6px;
		border: 1px solid #f0f0e1;
		border-left: 3px solid #189AD7 !important;
		background: #fff;
	}
}
@media (max-width:575.98px) {
	.carousel-indicators li {
		background-color:#189AD7;
	}
}

.section_2column_mediatext_dynamic .mediatext_dynamic_wrapper .mediatext_content {
	padding: 20px 20px 24px 20px
}

.section_2column_mediatext_dynamic .mediatext_dynamic_wrapper .mediatext_content:hover {
	cursor: pointer;
}

/* Carousel CSS */
.section_2column_mediatext_dynamic_body .carousel-inner {
	padding-top:30px;
	padding-bottom:30px;
}
@media (max-width:575.98px) {
	.section_2column_mediatext_dynamic_body .carousel-inner {
		padding-bottom:0;
		padding-top:0;
	}
}

@media (max-width:575.98px) {
	.carousel-control-next-icon, .carousel-control-prev-icon {
		background-color: #ccc;
		width: 32px;
		height: 32px;
		background-size: 56%;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		border-radius: 50%;
	}
}

/*
.section_2column_mediatext_dynamic_body .carousel-item {
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .06);
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .06);
}
*/

/* carousel cross fades with a white background fixes the animation with transparent images and their "jumpiness" */
.section_2column_mediatext_dynamic_body .carousel-item {
	background:#fff;
}

/* undo all of bootstrap's default CSS */
.section_2column_mediatext_dynamic .carousel-indicators {
	position: initial;
	padding-left: initial;
	margin-right: initial;
	margin-left: initial;
}

/* make the carousel arrows a bit further apart*/
@media (max-width:575.98px) {
	.carousel-control-prev {
		left:-10px;
	}
	.carousel-control-next {
		right:-10px;
	}
}

/* fix for carousel fade issue */
.carousel-fade .carousel-inner .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.7s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transition-delay: 0s;
}

.carousel-fade .carousel-inner .active {
  opacity: 1 !important;
}

/* Mobile only */
/* add a line on mobile to split out the carousels */
@media (max-width:575.98px) {
	.section_2column_mediatext_dynamic_body + .section_2column_mediatext_dynamic_body {
		padding-top: 60px;
		margin-top: 40px;
		position: relative;
	}
	.section_2column_mediatext_dynamic_body + .section_2column_mediatext_dynamic_body:before {
		border-top: 1px solid #E1E1E1;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		width: 75%;
		margin: 0 auto;
	}
}

.carousel .list_classic_black li {
	text-indent: initial;
	width: auto;
	height: auto;
	border-top: 0;
	border-bottom: 0;
	opacity:1;
}