/******

Template information:

black:			#000000;			0,0,0
dark-blue:		#002856;			0,40,86
deep-blue:		#004278;			0,66,120
mid-blue:		#0062a8;			0,98,168
light-blue:		#0075c8;			0,177,201
sky-blue:		#009bdb;			0,155,219
white:			#ffffff;			255,255,255

*******/


.has-black-color,
a.has-black-color,
.has-black-color a,
.has-black-color a:link,
.has-black-color a:visited {color: #000000!important;}
.has-dark-blue-color,
a.has-dark-blue-color,
.has-dark-blue-color a,
.has-dark-blue-color a:link,
.has-dark-blue-color a:visited {color: #002856!important;}
.has-deep-blue-color,
a.has-deep-blue-color,
.has-deep-blue-color a,
.has-deep-blue-color a:link,
.has-deep-blue-color a:visited {color: #004278!important;}
.has-mid-blue-color,
a.has-mid-blue-color,
.has-mid-blue-color a,
.has-mid-blue-color a:link,
.has-mid-blue-color a:visited {color: #0062a8!important;}
.has-light-blue-color,
a.has-light-blue-color,
.has-light-blue-color a,
.has-light-blue-color a:link,
.has-light-blue-color a:visited {color: #0075c8!important;}
.has-sky-blue-color,
a.has-sky-blue-color,
.has-sky-blue-color a,
.has-sky-blue-color a:link,
.has-sky-blue-color a:visited {color: #009bdb!important;}
.has-white-color,
a.has-white-color,
.has-white-color a,
.has-white-color a:link,
.has-white-color a:visited {color: #fff!important;}


.has-black-background-color,
.wp-block-button__link.has-black-background-color {background-color: #000;}
.has-dark-blue-background-color,
.wp-block-button__link.has-dark-blue-background-color {background-color: #002856;}
.has-deep-blue-background-color,
.wp-block-button__link.has-deep-blue-background-color {background-color: #004278;}
.has-mid-blue-background-color,
.wp-block-button__link.has-mid-blue-background-color {background-color: #0062a8;}
.has-light-blue-background-color,
.wp-block-button__link.has-light-blue-background-color {background-color: #0075c8;}
.has-sky-blue-background-color,
.wp-block-button__link.has-sky-blue-background-color {background-color: #009bdb;}
.has-white-background-color,
.wp-block-button__link.has-white-background-color {background-color: #fff;}


.is-style-tt-mussels-font {
	font-family: TTMussels-Regular;
}
.is-style-tt-mussels-font b,
.is-style-tt-mussels-font strong {
	font-family: TTMussels-Bold;
}
.is-style-tt-mussels-font i,
.is-style-tt-mussels-font em {
	font-family: TTMussels-Italic;
}
.is-style-tt-mussels-font b i,
.is-style-tt-mussels-font b em,
.is-style-tt-mussels-font strong i,
.is-style-tt-mussels-font strong em {
	font-family: TTMussels-BoldItalic;
}

.has-medium-plus-font-size {
	font-size: 2em; 
	margin: 0;
	line-height: 1em;
}
.has-large-font-size {
	font-size: 3.5em!important;
	margin: 0;
	line-height: 1em;
}
.has-x-large-font-size {
	font-size: 5em!important;
	font-family: TTMussels;
	margin: 0;
	line-height: 1em;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	width: 50%;
}
.wp-block-separator.has-background:not(.is-style-dots) {height: 2px;}


a.wp-block-button__link {
	padding: .5em 1.5em .5em 2.5em;
	line-height: 1em;
	font-weight: bold;
	position: relative;
}
a.wp-block-button__link:after {
	content: "";
	position: absolute;
	right: -19px;
	border-bottom: 36px solid;
	display: block;
	top: 0;
	margin: auto;
}

.wp-block-button__link.has-black-background-color:after {border-left: 20px solid #000;}
.wp-block-button__link.has-dark-blue-background-color:after {border-left: 20px solid #002856;}
.wp-block-button__link.has-deep-blue-background-color:after {border-left: 20px solid #004278;}
.wp-block-button__link.has-mid-blue-background-color:after {border-left: 20px solid #0062a8;}
.wp-block-button__link.has-light-blue-background-color:after {border-left: 20px solid #0075c8;}
.wp-block-button__link.has-sky-blue-background-color:after {border-left: 20px solid #009bdb;}
.wp-block-button__link.has-white-background-color:after {border-left: 20px solid #fff;}


.wrench a.wp-block-button__link:before {
	content: "";
	display: block;
	background-image: url(../img/icon-wrench-training.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 25px;
	width: 25px;
	vertical-align: middle;
	position: absolute;
	left: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
}

.wp-block-image {margin: 0;}



.hero-video-wrap {
	position: absolute;
	top: -3em;
	left: 0;
	right: 0;
	bottom: 0;
	height: 96vh;
	min-height: 1000px;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}
.hero-video-inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.hero-video {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}



.video-title-popup:hover {
	opacity: 1;
}
.video-tile {
	display: table;
	height: 300px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.video-title {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
.video-title:hover .video-title-wrap {
	height: 100%;
	transition: .25s height ease-in-out;
	cursor: pointer;
}
.video-title-wrap {
	background-color: rgba(0,40,86,.95);
	padding: 1em;
	height: 110px;
	transition: .25s height ease-in-out;
}
.video-title:hover .title-content {display: none;}
.video-title .title-content {
	width: 90%;
	display: inline-block;
	vertical-align: middle;
}
.video-title span {
	font-family: TTMussels-BoldItalic;
	font-size: 2.5em;
	line-height: 1em;
	margin: 0;
	display: block;
}
.video-title:hover .video-icon img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	margin: auto;
	height: 80px;
	width: auto;
}
.video-title .video-icon {
	display: inline-block;
	vertical-align: middle;
}







/* getwid */

.wp-block-getwid-video-popup__button {
	border-color: #fff;
	outline: 2px solid #002856;
}
.wp-block-getwid-video-popup__icon {
	background-color: #002856!important;
	border: 2px solid #fff;
}

.wp-block-getwid-video-popup__caption {margin-top: 1em!important;}
.wp-block-getwid-video-popup__caption .wp-block-getwid-video-popup__title {
	font-family: TTMussels-BoldItalic;
	font-size: 1.5em;
	line-height: 1.15em;
	
}









