/*----*/

body.cm-modal-on {
	overflow: hidden;
}

.field-wrap .input-field-message {
    font-style: italic;
}

.course-accordion-content table td,.course-accordion-content table th {
	font-family: "Muli", sans-serif;
	font-size: 16px;
	text-align: center;
}
.course-accordion-content table th {
	background-color: #58c3d6;

}

.course-details .flex-video {
	height: 500px;
	width: 600px;
	padding-bottom: 0;
	margin: 24px auto;
}



/* clear default + - */
.accordion-title::before {
	content: none !important;
}
.is-active > .accordion-title::before {
	content: none !important;
}
/* Mobile First */
ul.course-accordion-details {
	margin-top: 4em !important;
}
.course-accordion-details .accordion-title {
	color: #005b9a;
	font-weight: 700;
	font-size: 1em;
	padding: 1.5em 20vw;
	position: relative;
	/*
	background-image: url(../images/lowpoly-icon.png);
	background-position: 4vw center;
	background-repeat: no-repeat;
	background-size: auto 2em;
	*/
}
/* left icon */
.course-accordion-details .accordion-title .accordion-icon {
	position: absolute;
	left: 1em;
	top: 1.25em;


}
.accordion-icon .fa {
	font-size: 1.5em;
}
/* right icon - up/down arrows */
.course-accordion-details .accordion-title .fa-stack {
	position: absolute;
	right: 4vw;
	top: 1em;

}
/* Make accordion more spread out across page after mobile and increase text */
@media (min-width: 641px) {
	.course-accordion-details .accordion-title .accordion-icon {
		left: 8vw;
	}
	.course-accordion-details .accordion-title {
		font-size: 1.5em;
	}
	.course-accordion-details .accordion-title .fa-stack {
		right: 8vw;
	}
}

.course-accordion-details .is-active > .accordion-title .fa-inverse,
.course-accordion-details .accordion-title:hover .fa-inverse,
.course-accordion-details .accordion-title:focus .fa-inverse {
	color: #005b9a;
}

.course-accordion-details .is-active > .accordion-title .fa-chevron-down::before {
	content: "\f077"; /* Turn it into chevron up */
}
.course-accordion-details .is-active > .accordion-title .fa-chevron-down {
	margin-top: -0.1em;
}

.course-accordion-details .accordion-item.is-active .accordion-title,
.course-accordion-details .course-accordion-title:hover,
.course-accordion-details .course-accordion-title:focus {
	color: #FFF;
	background-color: #005b9a;
}
.course-accordion-details .accordion-item.is-active,
.course-accordion-details .accordion-title:hover {
	background-color: #005b9a;
}
.course-accordion-details .accordion-title:hover {
	color: #FFF;
}

.course-accordion-details .accordion-item.is-active .accordion-title,
.course-accordion-details .course-accordion-title:hover,
.course-accordion-details .course-accordion-title:focus {
	color: #FFF;
	background-color: #005b9a;
}
.accordion-content {
	padding: 50px 0;
}

/*
@media (min-width: 1024px) {
	body .course-accordion-content {
		padding: 50px 0;
	}

	.course-accordion-details .accordion-title {
		padding: 24px 98px 24px 140px;
	}

}
*/
.slick-prev::before, .slick-next::before {
	content: none !important;
}
body .course-pricing-list .slick-arrow.slick-prev {
	padding-right: 3px;
}
body .course-pricing-list .slick-arrow.slick-next {
	padding-left: 3px;
}
body .course-pricing-list .slick-arrow {
	opacity: 0.9;
	border: 2px solid #005b9a;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	text-align: center;
	transition: all .25s ease;
	color: #005b9a;
	font-size: 1em;
}
body .course-pricing-list .slick-arrow .fa {
	color: #005b9a
}
body .course-pricing-list .slick-arrow:hover {
	opacity: 1;
}
body .course-pricing-list .slick-arrow.slick-disabled {
	opacity: 0.5;
}

.course-pricing-list .slick-prev {
	left: -52px;
}
.course-pricing-list .slick-next {
	right: -52px;
}
body .availability-tabs {
	max-width: 950px;
	width: 100%;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	background-color: transparent;
	border: none;
}
.availability-container {
	padding: 40px 0;
}
.availability-tabs-content {
	border: none;
}
.availability-tabs-content .tabs-panel {
	padding: 50px 0;
}
.availability-details {
	margin-bottom: 50px;
}
.availability-tabs .tabs-title {
	outline: none;
}
.availability-tabs li.is-active a,
.availability-tabs li a:hover {
	border: 2px solid #005b9a;
}
.availability-tabs .tabs-title > a {
	transition: all .25s ease;
	border-radius: 90px;
	background-color: #FFF;
	margin: 0 21px;
	font-size: 16px;
	font-weight: 700;
	color: #005b9a;
	border: 2px solid #e4f1fd;
	box-shadow: 0 4px 8px 0 rgba(0,0,0, .5);
}

.course-pricing-list .slick-next:before {
	content: '\f105';
	left: 11px;
}

.course-pricing-list .slick-track {
	margin: 0 auto;
}





/* COURSE DELIVERY METHOD ITEM */
.course-delivery-method {
	color: #005b9a;
	font-weight: 700;
}

.course-delivery-method .container {
	position: relative;
	min-height: 660px;
	background-color: #FFF;
	padding: 2em 1.5em;
	border: 2px solid #005b9a;
	margin: 0 0.5em;
	font-size: 16px;
}
@media (min-width: 641px){
	.course-delivery-method .container {
		height: 660px;
		margin: 0 1em;
	}
}

.course-delivery-method-type-wrapper {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 160px;
	height: 120px;
	overflow: hidden;
}
	.course-delivery-method-type {
		background-color: #005B9A;
		margin:25px 0 0 45px;
		text-transform: uppercase;
		color: #FFF;
		width: 160px;
		transform: rotate(45deg);
		font-size: 10px;
		line-height: 30px;
		box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3);
	}
		/* FF BLENDED ONSITE */
		.course-delivery-method-type.blue {
			background-color: #58c3d6;
		}
		.course-delivery-method-type.green {
			background-color: #009683;
		}
		.course-delivery-method-type.grey {
			background-color: #656565;
		}

.course-delivery-method-price {
	margin: 16px 0;
	font-size: 3em;
	font-weight: 700;
}
	.course-delivery-method-price span {
		font-size: 0.5em;
	}
.course-delivery-method-title {

}
.course-delivery-method-description {
	height: 100px;
	color: #000;
}
.course-delivery-method-features {
	padding: 1em 0;
	border-top: 1px solid #1583cc;
}

.course-delivery-method-form {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 2em 1.5em;
}
.course-delivery-method-form .button {
	width: 100%;
}















.cm-modal {
	display: none;
	overflow: hidden;
}


.cm-modal-on .cm-modal {
	display: block;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.64);
	z-index: 1999;
	padding: 0 15px;
	    overflow-y: auto;
}

.cm-modal-inner {
    background: #FFF;
    margin: 80px auto;
    max-width: 930px;
    font-size: 12px;
    overflow: hidden;
    border-radius: 10px;
}

.cm-close {
	background: #b1b1b1;
    position: absolute;
    right: 10px;
    border-radius: 100%;
    font-size: 19px;
    height: 25px;
    width: 25px;
    top: 9px;
}

.button-process {
	margin-top: 16px;
}


.cm-modal-inner [type=text],
.cm-modal-inner [type=email],
.cm-modal-inner select {
	height: auto;
	font-size: 12px;
}

.cm-modal-header {
    background-color: #eaeaea;
    color: #FFF;
    padding: 5px 15px;
    position: relative;
}

.cm-modal-header h2 {
	font-size: 24px;
}

.cm-modal-header h3 {
	font-size: 20px;
}


.cm-modal-body {
	padding: 10px 15px;
}

.cm-modal-inner .columns {
	padding-left: 6px;
	padding-right: 6px;
}

.cm-modal-inner .row .row {
	margin-left: -6px;
	margin-right:  -6px;
}

.main-content-course .sub-header {
	margin-top: 37px;
    margin-bottom: 10px;
}

.main-content-course .course-amount {
	font-size: 15px;
	text-transform: uppercase;
}

h4.small-header {
    border-bottom: 1px solid #c5c5c5;
    margin: 10px 0 18px 0;
    font-size: 11px;
    padding: 2px 0px 3px;
}

.post-type-archive-course .content.with-f-img {
	margin-top: 15px;
}

.post-type-archive-course .course-meta-details .button {
	margin-top: 10px;
}


.toplevel_page_course-settings,
.toplevel_page_course-settings-locations {
  display: none;
}

/* form */

.cm-application-form label.error {
    color: red;
    font-size: 10px;
    font-style: italic;
    margin-top: -16px;
    margin-bottom: 6px;
}

.field-wrap {
	position: relative;
}

.alert-register {
	margin: 0 0 60px 0px;
    text-align: center;
}

.alert-register h2 {
	font-size: 20px;
    border: 1px solid #d0d0d0;
    padding: 13px;
}

body .course-accordion-content {
	padding: 32px 0;
}
.course-accordion-content .price-inclusion ul {
	margin: 0;
	list-style: none;
}


.slick-slider * {
	box-sizing: border-box;
}

body .tooltip {
	max-width: none !important;
	white-space: nowrap;
}

table td a.open-pricing-tab {
    background-color: #005b9a;
    box-shadow: 0 4px 6px 0 rgba(0,0,0, .4);
    border-radius: 4px;
    color: #fff;
    padding: 2px 5px;
    display: inline-block;
}

