/* = Board Leadership Centre
-----------------------------------------------

	This document is used as the main CSS file for any updates to the BLC website


/* = Bootstrap Edits
-----------------------------------------------*/

	.inner-container-fluid{
		max-width:none !important;
	}

	.videocarousel-section{
		padding-bottom:0px !important;
	}


/* = Home Video Carousel
-----------------------------------------------*/


	.homevideocarousel{
		background:transparent;

		width:100%;
		height:auto;

		display:block;
		position:relative;
		z-index:0;

		margin:0px auto;
		padding:0px 0px 40px;
		border:0px;
	}

	@media screen and (min-width:768px){
		.homevideocarousel{
			padding:0px 60px 40px;
		}
	}

		.homevideocarousel .slick-slider{
		}


			/* Slides */
			.homevideocarousel .slick-list{
			}

				.homevideocarousel .slick-track{
				}
				@media screen and (min-width:992px){
					.homevideocarousel .slick-track{
						padding-top:5%;
						padding-bottom:5%;
					}
				}

					.homevideocarousel .slick-slide{
						position:relative;

						opacity:0.5;

						-webkit-transition:opacity 250ms ease-in-out, transform 250ms ease-in-out;
						   -moz-transition:opacity 250ms ease-in-out, transform 250ms ease-in-out;
							-ms-transition:opacity 250ms ease-in-out, transform 250ms ease-in-out;
							 -o-transition:opacity 250ms ease-in-out, transform 250ms ease-in-out;
								transition:opacity 250ms ease-in-out, transform 250ms ease-in-out;
					}

					.homevideocarousel .slick-slide.slick-active{
						opacity:0.5;
						z-index:0;
					}

					.homevideocarousel .slick-slide.slick-current{
						width:20%;
						opacity:1.0;
						z-index:100 !important;
					}

					@media screen and (min-width:992px){
						.homevideocarousel .slick-slide.slick-current{
							-webkit-transform:scale(1.25);
							   -moz-transform:scale(1.25);
								-ms-transform:scale(1.25);
								 -o-transform:scale(1.25);
									transform:scale(1.25);
						}
					}

					@media screen and (min-width:1920px){
						.homevideocarousel .slick-slide.slick-current{
							-webkit-transform:scale(1.35);
							   -moz-transform:scale(1.35);
								-ms-transform:scale(1.35);
								 -o-transform:scale(1.35);
									transform:scale(1.35);
						}
					}

					
						/* Slide Content */
						.homevideocarousel__slidecontent{
							background-color:transparent;

							width:100%;
							height:auto;

							display:block;
							position:relative;

							margin:0px auto;
							padding:0px 15px;
							border:0px none;
						}

							/* Image */
							.homevideocarousel .slick-slide img{
								background-color:#CCCCCC;
								background-position:center center;
								background-repeat:no-repeat;
								background-size:cover;

								width:100%;
								height:auto;

								display:block;
								position:relative;
								z-index:0;

								margin:0px auto;
								padding:0px;
								border:0px none;
							}

							.homevideocarousel .slick-slide.slick-current img{
								-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
										box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
							}


							/* Text */
							.homevideocarousel .slick-slide p{
								width:100%;
								height:auto;

								display:block;
								position:relative;
								z-index:20;

								text-align:center;

								margin:-30px auto 0px !important;
								padding:0px 30px;
								border:0px none;

								opacity:0;

								-webkit-transition:opacity 250ms ease-in-out;
								   -moz-transition:opacity 250ms ease-in-out;
									-ms-transition:opacity 250ms ease-in-out;
									 -o-transition:opacity 250ms ease-in-out;
										transition:opacity 250ms ease-in-out;
							}

							@media screen and (min-width:992px){
								.homevideocarousel .slick-slide p{
									font-size:0.8em !important;
									line-height:1.3em !important;
								}
							}

							.homevideocarousel .slick-slide.slick-current p{
								opacity:1;
							}

								.homevideocarousel .slick-slide p span{
									background:#FFFFFF;

									width:100%;
									height:auto;

									display:block;
									position:relative;

									margin:0px auto;
									padding:0px;
									border:0px none;
								}

								.homevideocarousel .slick-slide p span.title{
									font-size:1.25em;
									color:#005EB8;
									font-weight:bold;
									margin-bottom:-2px;
									padding:25px 30px 5px;
								}

								.homevideocarousel .slick-slide p span.descr{
									color:#333333;
									padding:5px 30px 25px;
								}


							/* Link */
							.homevideocarousel .slick-slide a{
								width:100%;
								height:auto;

								display:none;
								position:absolute;
								top:0px;
								left:0px;
								z-index:10;

								margin:0px auto;
								padding:0px;
								border:0px none;
							}

							.homevideocarousel .slick-slide.slick-current a{
								display:block;
							}

								.homevideocarousel .slick-slide a::before{
									width:0;
									height:0;

									display:block;
									position:absolute;
									top:50%;
									left:50%;
									z-index:0;

									margin:-15px 0px 0px 3px;
									padding:0px;
									border-width:15px 0 15px 20px;
									border-style:solid;
									border-color:transparent transparent transparent #FFFFFF;

									-webkit-filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.1) );
    										filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.1) );

									content:'';

									-webkit-transform:translateX(-50%) translateY(-50%);
									   -moz-transform:translateX(-50%) translateY(-50%);
										-ms-transform:translateX(-50%) translateY(-50%);
										 -o-transform:translateX(-50%) translateY(-50%);
											transform:translateX(-50%) translateY(-50%);
								}

								.homevideocarousel .slick-slide a::after{
									width:80px;
									height:80px;

									display:block;
									position:absolute;
									top:50%;
									left:50%;
									z-index:0;

									margin:-15px 0px 0px 0px;
									padding:0px;
									border:1px solid #FFFFFF;

									-webkit-filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.1) );
    										filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.1) );

									content:'';

									-webkit-border-radius:40px;
									   -moz-border-radius:40px;
											border-radius:40px;

									-webkit-transform:translateX(-50%) translateY(-50%);
									   -moz-transform:translateX(-50%) translateY(-50%);
										-ms-transform:translateX(-50%) translateY(-50%);
										 -o-transform:translateX(-50%) translateY(-50%);
											transform:translateX(-50%) translateY(-50%);
								}

									.homevideocarousel .slick-slide a img{
										opacity:0;
									}


			/* Dots */
			.homevideocarousel ul.slick-dots{
				width:auto;
				height:auto;

				display:block;
				position:absolute;
				bottom:-40px;
				left:50%;
				z-index:50;

				text-indent:-9999px;

				margin:0px auto;
				padding:12px;
				border:0px none;

				-webkit-transform:translateX(-50%);
				   -moz-transform:translateX(-50%);
					-ms-transform:translateX(-50%);
					 -o-transform:translateX(-50%);
						transform:translateX(-50%);
			}

					.homevideocarousel ul.slick-dots li{
						width:16px;
						height:16px;

						display:block;
						position:relative;
						float:left;

						margin:0px auto;
						padding:3px;
						border:0px auto;

						cursor:pointer;

						overflow:hidden;

						-webkit-transition:all 250ms ease-in-out;
						   -moz-transition:all 250ms ease-in-out;
							-ms-transition:all 250ms ease-in-out;
							 -o-transition:all 250ms ease-in-out;
								transition:all 250ms ease-in-out;
					}

						.homevideocarousel ul.slick-dots button,
						.homevideocarousel ul.slick-dots button:hover,
						.homevideocarousel ul.slick-dots button:active,
						.homevideocarousel ul.slick-dots button:visited{
							background-color:#005EB8;

							width:100%;
							height:100%;

							display:block;
							position:relative;

							text-indent:-9999px;

							margin:0px !important;
							padding:0px;
							border:0px none;

							-webkit-border-radius:10px;
							border-radius:10px;

							overflow:hidden;
						}

						.homevideocarousel ul.slick-dots li:hover button,
						.homevideocarousel ul.slick-dots li.slick-active button{
							background-color:#0091DA;
						}



			/* Buttons */
			@media screen and (max-width:768px){
				.homevideocarousel .slick-prev,
				.homevideocarousel .slick-next{
					background:transparent;

					width:40px;
					height:40px;

					display:block;
					position:absolute;
					bottom:-40px;
					z-index:60;

					text-indent:-9999px;

					margin:-20px auto 0px;
					padding:0px;
					border:1px solid #005EB8;

					overflow:hidden;

					content:'';

					-webkit-border-radius:20px;
					   -moz-border-radius:20px;
							border-radius:20px;
				}

				.homevideocarousel .slick-prev{
					left:0px;
				}

				.homevideocarousel .slick-next{
					right:0px;

					-webkit-transform:rotate(180deg);
					   -moz-transform:rotate(180deg);
						-ms-transform:rotate(180deg);
						 -o-transform:rotate(180deg);
							transform:rotate(180deg);
				}

					.homevideocarousel .slick-prev::before,
					.homevideocarousel .slick-next::before{
						background:transparent;

						width:12px;
						height:12px;

						display:block;
						position:absolute;
						top:50%;
						left:50%;

						margin:2px 0px 0px -4px;
						padding:0px;
						border:0px none;
						border-bottom:3px solid #005EB8;
						border-left:3px solid #005EB8;

						content:'';

						-webkit-transform:rotate(45deg) translateX(-50%) translateY(-50%);
						   -moz-transform:rotate(45deg) translateX(-50%) translateY(-50%);
							-ms-transform:rotate(45deg) translateX(-50%) translateY(-50%);
							 -o-transform:rotate(45deg) translateX(-50%) translateY(-50%);
								transform:rotate(45deg) translateX(-50%) translateY(-50%);

					}
			}

			@media screen and (min-width:768px){
				.homevideocarousel .slick-prev,
				.homevideocarousel .slick-next{
					background:transparent;

					width:40px;
					height:40px;

					display:block;
					position:absolute;
					bottom:50%;
					z-index:50;

					text-indent:-9999px;

					margin:0px auto 10px;
					padding:0px;
					border:0px none;

					overflow:hidden;
				}

				.homevideocarousel .slick-prev{
					left:-60px;
				}

				.homevideocarousel .slick-next{
					right:-60px;
				}

					.homevideocarousel .slick-prev::before,
					.homevideocarousel .slick-next::before{
						background:transparent;

						width:20px;
						height:20px;

						display:block;
						position:absolute;
						top:50%;

						margin:-10px 0px 0px 0px;
						padding:0px;
						border:0px none;
						border-bottom:6px solid #005EB8;
						border-left:6px solid #005EB8;

						content:'';
					}

					.homevideocarousel .slick-prev::before{
						left:12px;

						-webkit-transform:rotate(45deg);
						   -moz-transform:rotate(45deg);
							-ms-transform:rotate(45deg);
							 -o-transform:rotate(45deg);
								transform:rotate(45deg);
					}

					.homevideocarousel .slick-next::before{
						right:12px;

						-webkit-transform:rotate(225deg);
						   -moz-transform:rotate(225deg);
							-ms-transform:rotate(225deg);
							 -o-transform:rotate(225deg);
								transform:rotate(225deg);
					}
			}


/* = Internal Page Videos
-----------------------------------------------*/


	.internalvideo{
		background:transparent;

		width:100%;
		height:auto;

		display:block;
		position:relative;
		z-index:0;

		margin:0px auto !important;
		padding:0px;
		border:0px none;
	}

	.internalvideo div{
		overflow:visible !important;
	}

		.internalvideo__card{
			background:transparent;

			width:100%;
			height:auto;

			display:block;
			position:relative;
			z-index:0;

			margin:0px auto !important;
			padding:40px 0px !important;
			border:0px none;
		}

		.internalvideo__card--left{
			padding-right:60px !important;
		}

		.internalvideo__card--right{
			padding-left:60px !important;
		}

		@media screen and (min-width:992px){
			.internalvideo__card--left{
			}

			.internalvideo__card--right{
				padding-top:140px !important;
			}
		}

			/* Text */
			.internalvideo__text{
				background:#CCCCCC;

				width:100%;
				height:auto;

				display:block;
				position:relative;
				z-index:0;

				margin:0px auto !important;
				padding:40px 20px;
				border:0px none;
			}

			.internalvideo__card--left .internalvideo__text{
				background:#00338D;
				padding-left:20px;
				padding-bottom:100px;
			}

			.internalvideo__card--right .internalvideo__text{
				background:#F0F0F0;
				padding-right:20px;
				padding-top:100px;
			}

			@media screen and (min-width:992px){
				.internalvideo__card--left .internalvideo__text{
					padding-right:40px;
					/*padding-bottom:120px;*/
					padding-left:100px;
				}
				.internalvideo__card--right .internalvideo__text{
					/*padding-top:120px;*/
					padding-right:100px;
					padding-left:40px;
				}
			}

			@media screen and (min-width:1200px){
				.internalvideo__card--left .internalvideo__text{
					padding-left:100px;
				}
				.internalvideo__card--right .internalvideo__text{
					padding-right:100px;
				}
			}

				.internalvideo__card--left .internalvideo__text::before,
				.internalvideo__card--right .internalvideo__text::after{
					width:500%;
					height:100%;

					display:block;
					position:absolute;
					top:0px;

					margin:0px auto !important;
					padding:0px;
					border:0px none;

					/*content:'';*/
				}

				.internalvideo__card--left .internalvideo__text::before{
					background:#00338D;
					right:100%;
				}

				.internalvideo__card--right .internalvideo__text::after{
					background:#F0F0F0;
					left:100%;
				}

					.internalvideo__text h2{
						line-height:0.85em !important;

						margin:15px auto !important;
						padding:0px !important;
						border:0px none !important;
					}

						.internalvideo__card--left .internalvideo__text h2{
							color:#FFFFFF !important;
						}

						.internalvideo__card--right .internalvideo__text h2{
							color:#00338D !important;
						}

					.internalvideo__text p{
						margin:15px auto !important;
						padding:0px !important;
						border:0px none !important;
					}

						.internalvideo__card--left .internalvideo__text p,
						.internalvideo__card--left .internalvideo__text p em,
						.internalvideo__card--left .internalvideo__text p strong,
						.internalvideo__card--left .internalvideo__text a {
							color:#FFFFFF !important;
						}

						.internalvideo__card--right .internalvideo__text p,
						.internalvideo__card--right .internalvideo__text p em,
						.internalvideo__card--right .internalvideo__text p strong,
						.internalvideo__card--right .internalvideo__text a {
							color:#333333 !important;
						}


			/* Video */
			.internalvideo__video{
				background:#CCCCCC;

				width:100%;
				height:auto;

				display:block;
				position:relative;
				z-index:10;

				margin:0px auto !important;
				padding:0px;
				border:0px none;
			}
			

				.internalvideo__card--left .internalvideo__video{
					margin-top:-80px !important;
					margin-right:-60px !important;
				}

				.internalvideo__card--right .internalvideo__video{
					margin-bottom:-80px !important;
					margin-left:-60px !important;
				}

					.internalvideo__video img{
						background-color:#CCCCCC;
						background-position:center center;
						background-repeat:no-repeat;
						background-size:cover;
					}
					
					.internalvideo__video a::before{
						width:0;
						height:0;

						display:block;
						position:absolute;
						top:50%;
						left:50%;
						z-index:0;

						margin:0px 0px 0px 3px;
						padding:0px;
						border-width:15px 0 15px 20px;
						border-style:solid;
						border-color:transparent transparent transparent #FFFFFF;

						-webkit-filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.1) );
								filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.1) );

						content:'';

						-webkit-transform:translateX(-50%) translateY(-50%);
						   -moz-transform:translateX(-50%) translateY(-50%);
							-ms-transform:translateX(-50%) translateY(-50%);
							 -o-transform:translateX(-50%) translateY(-50%);
								transform:translateX(-50%) translateY(-50%);
					}

					.internalvideo__video a::after{
						width:80px;
						height:80px;

						display:block;
						position:absolute;
						top:50%;
						left:50%;
						z-index:0;

						margin:0px 0px 0px 0px;
						padding:0px;
						border:1px solid #FFFFFF;

						-webkit-filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.1) );
								filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.1) );

						content:'';

						-webkit-border-radius:40px;
						   -moz-border-radius:40px;
								border-radius:40px;

						-webkit-transform:translateX(-50%) translateY(-50%);
						   -moz-transform:translateX(-50%) translateY(-50%);
							-ms-transform:translateX(-50%) translateY(-50%);
							 -o-transform:translateX(-50%) translateY(-50%);
								transform:translateX(-50%) translateY(-50%);
					}


	.internalvideocarousel{
		background:transparent;

		width:100%;
		height:auto;

		display:block;
		position:relative;
		z-index:0;

		margin:0px auto;
		padding:0px 0px 40px;
		border:0px;
	}

		.internalvideocarousel .inner-container{

		}

		.internalvideocarousel .slick-slider{
		}


			/* Slides */
			.internalvideocarousel .slick-list{
			}

				.internalvideocarousel .slick-track{
					/*overflow:hidden !important;*/
				}

					.internalvideocarousel .slick-slide{
						float:left;
						position:relative;
						/*overflow:hidden !important;*/
						opacity:0;

						-webkit-transition:opacity 250ms ease-in-out;
						   -moz-transition:opacity 250ms ease-in-out;
							-ms-transition:opacity 250ms ease-in-out;
							 -o-transition:opacity 250ms ease-in-out;
								transition:opacity 250ms ease-in-out;
					}

					.internalvideocarousel .slick-slide.slick-active{
						opacity:1.0;
					}

					.internalvideocarousel .slick-slide.slick-current{
					}



			/* Buttons */
			@media screen and (max-width:768px){
				.internalvideocarousel .slick-prev,
				.internalvideocarousel .slick-next{
					background:transparent;

					width:40px;
					height:40px;

					display:block;
					position:absolute;
					bottom:-40px;
					z-index:60;

					text-indent:-9999px;

					margin:-20px auto 0px;
					padding:0px;
					border:1px solid #005EB8;

					overflow:hidden;

					content:'';

					-webkit-border-radius:20px;
					   -moz-border-radius:20px;
							border-radius:20px;

					opacity:1;

					-webkit-transition:opacity 250ms ease-in-out;
					   -moz-transition:opacity 250ms ease-in-out;
						-ms-transition:opacity 250ms ease-in-out;
						 -o-transition:opacity 250ms ease-in-out;
							transition:opacity 250ms ease-in-out;
				}

				.internalvideocarousel .slick-prev{
					left:0px;
				}

				.internalvideocarousel .slick-next{
					right:0px;

					-webkit-transform:rotate(180deg);
					   -moz-transform:rotate(180deg);
						-ms-transform:rotate(180deg);
						 -o-transform:rotate(180deg);
							transform:rotate(180deg);
				}

				.internalvideocarousel .slick-prev.slick-disabled,
				.internalvideocarousel .slick-next.slick-disabled{
						opacity:0;
				}

					.internalvideocarousel .slick-prev::before,
					.internalvideocarousel .slick-next::before{
						background:transparent;

						width:12px;
						height:12px;

						display:block;
						position:absolute;
						top:50%;
						left:50%;

						margin:2px 0px 0px -4px;
						padding:0px;
						border:0px none;
						border-bottom:3px solid #005EB8;
						border-left:3px solid #005EB8;

						content:'';

						-webkit-transform:rotate(45deg) translateX(-50%) translateY(-50%);
						   -moz-transform:rotate(45deg) translateX(-50%) translateY(-50%);
							-ms-transform:rotate(45deg) translateX(-50%) translateY(-50%);
							 -o-transform:rotate(45deg) translateX(-50%) translateY(-50%);
								transform:rotate(45deg) translateX(-50%) translateY(-50%);

					}
			}

			@media screen and (min-width:768px){
				.internalvideocarousel .slick-prev,
				.internalvideocarousel .slick-next{
					background:transparent;

					width:40px;
					height:40px;

					display:block;
					position:absolute;
					bottom:50%;
					z-index:50;

					text-indent:-9999px;

					margin:0px auto 10px;
					padding:0px;
					border:0px none;

					overflow:hidden;

					opacity:1;

					-webkit-transition:opacity 250ms ease-in-out;
					   -moz-transition:opacity 250ms ease-in-out;
						-ms-transition:opacity 250ms ease-in-out;
						 -o-transition:opacity 250ms ease-in-out;
							transition:opacity 250ms ease-in-out;
				}

				.internalvideocarousel .slick-prev{
					left:-60px;
				}

				.internalvideocarousel .slick-next{
					right:-60px;
				}


				.internalvideocarousel .slick-prev.slick-disabled,
				.internalvideocarousel .slick-next.slick-disabled{
						opacity:0;
				}

					.internalvideocarousel .slick-prev::before,
					.internalvideocarousel .slick-next::before{
						background:transparent;

						width:20px;
						height:20px;

						display:block;
						position:absolute;
						top:50%;

						margin:-10px 0px 0px 0px;
						padding:0px;
						border:0px none;
						border-bottom:6px solid #005EB8;
						border-left:6px solid #005EB8;

						content:'';
					}

					.internalvideocarousel .slick-prev::before{
						left:12px;

						-webkit-transform:rotate(45deg);
						   -moz-transform:rotate(45deg);
							-ms-transform:rotate(45deg);
							 -o-transform:rotate(45deg);
								transform:rotate(45deg);
					}

					.internalvideocarousel .slick-next::before{
						right:12px;

						-webkit-transform:rotate(225deg);
						   -moz-transform:rotate(225deg);
							-ms-transform:rotate(225deg);
							 -o-transform:rotate(225deg);
								transform:rotate(225deg);
					}
			}



			/* Dots */
			.internalvideocarousel ul.slick-dots{
				width:auto;
				height:auto;

				display:block;
				position:absolute;
				bottom:-40px;
				left:50%;
				z-index:50;

				text-indent:-9999px;

				margin:0px auto;
				padding:12px;
				border:0px none;

				-webkit-transform:translateX(-50%);
				   -moz-transform:translateX(-50%);
					-ms-transform:translateX(-50%);
					 -o-transform:translateX(-50%);
						transform:translateX(-50%);
			}

					.internalvideocarousel ul.slick-dots li{
						width:16px;
						height:16px;

						display:block;
						position:relative;
						float:left;

						margin:0px auto;
						padding:3px;
						border:0px auto;

						cursor:pointer;

						overflow:hidden;

						-webkit-transition:all 250ms ease-in-out;
						   -moz-transition:all 250ms ease-in-out;
							-ms-transition:all 250ms ease-in-out;
							 -o-transition:all 250ms ease-in-out;
								transition:all 250ms ease-in-out;
					}

						.internalvideocarousel ul.slick-dots button,
						.internalvideocarousel ul.slick-dots button:hover,
						.internalvideocarousel ul.slick-dots button:active,
						.internalvideocarousel ul.slick-dots button:visited{
							background-color:#005EB8;

							width:100%;
							height:100%;

							display:block;
							position:relative;

							text-indent:-9999px;

							margin:0px !important;
							padding:0px;
							border:0px none;

							-webkit-border-radius:10px;
							border-radius:10px;

							overflow:hidden;
						}

						.internalvideocarousel ul.slick-dots li:hover button,
						.internalvideocarousel ul.slick-dots li.slick-active button{
							background-color:#0091DA;
						}
						
						.internalvideocarousel ul.slick-dots li:first-child:nth-last-child(1) {
							display: none; /* Only show paging dots if more than 1 dot is on display */
						}