/* @override 
	http://bsava-staging-sf.zentsocloud.com/wp-content/themes/bsava/style-07-elements.css?*
	https://bsava-staging-sf.zentsocloud.com/wp-content/themes/bsava/style-07-elements.css?* */
	
/* ==============
   SECTION TITLES
   ============== */	

.section-title {
	padding-top: 1.875rem;
	margin-bottom: 1.875rem; }
	
.section-title h1,
.section-title p.h1 {
	color: #001f36;
	padding-bottom: .2em;
	margin-bottom: 0;
	font-size: 3rem;
	font-weight: 800; }

.section-title .breadcrumb {
	padding: 1em 0;
	font-size: 0.875rem; }

.section-title .breadcrumb ul li {
	display: inline-block; }		

.section-title .breadcrumb ul li,
.section-title .breadcrumb ul li a {
	color: #0073b8; }

.section-title .breadcrumb ul li:after {
	content: ' \002F ';
	color: #0073b8;
	margin-right: .25em; }	

.section-title .breadcrumb ul li:last-of-type:after {
	content: none; }	
		
/* ======
   PANELS
   ====== */	
 
/*.panels * {
	outline: 1px solid pink; }*/

.panels {	
	float: left;
	box-sizing: border-box;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 20px);
	margin-left: -10px; }
	

	@media (max-width: 860px) {
		.panels_latest-events {
	width: 100%;
	margin-left: 0px;
		}
		.panels_latest-news{
			margin-left: 0px;
		}
	}

.panels .panel {
	padding: 0 10px;
	/*float: left;
	display: block;*/
	width: 33.33%;
	min-height: 1em;
	box-sizing: border-box;
	margin-bottom: 1.875rem; }
	
.panels .panel .container {
	background: #fff;
	position: relative;
	z-index: 100;
	border: 1px solid #E0E0E0;
	display: block;
	margin: 0 auto;
	max-width: 300px;
	transition: all .3s;
	box-shadow: 0 0 0 rgba(200,200,200,0); }

.panels .panel .container:hover {
	box-shadow: 0 0 20px rgba(200,200,200,.4); }
	
.panel__content .inside {
	padding: 1.25rem;
	min-height: 18rem;
	padding-bottom: 3.75rem;
	position: relative;
	box-sizing: border-box; }

.panel__image {
	height: 0;
	position: relative;
	overflow: hidden;
	padding-bottom: 56%; }	

.panel__image div {
	position: absolute;
	width: 100%;
	height: 100%; }	
		
.panel__image div img {
	object-fit: cover;
	min-height: 100%;
	min-width: 100%; }	

.panel__image div img.force-fit {
	padding: 10px;
	box-sizing: border-box;
	max-height: 90%;
	max-width: 90%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto; }

										
.panel__content h3 {
	font-size: 1.125rem;
	margin-bottom: 1rem;
	color: #333; }								

.panel__content p {
	font-size: 0.875rem;
	color: #333; }		

.panel__content .panel__content__footer {
	position: absolute;
	width: 100%;
	padding: 0.625rem 1.25rem;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	border-top: 1px solid #E0E0E0; }
	
.panel__content .panel__content__footer ._a {
	display: block; }	
	
	
@media all and (max-width: 768px) {

	.panels .panel {
		padding: 0;
		width: 100%;}
		
	.panels .panel .container {
		max-width: 100%; }
		
	.panel__content .inside {
		height: auto; }
	
}	

/* Panels - Full Width*/
.panels_full-width .panel {
	width: 100%; }

.panels_full-width .panel a {
	float: left; }
	
.panels_full-width .panel__content .inside {
	position: static;
	min-height: 0;
	height: 100% !; }

.panels_full-width .panel .container {
	max-width: 100%; }

.panels_full-width .panel__image {
	width: 25%;
	z-index: 90;
	padding-bottom: 0;
	height: auto;
	float: left; }


	
.panels_full-width .panel__image div {
	position: relative;
	width: 100%;
	height: 100%; }	
		
.panels_full-width .panel__content {
	width: 75%;
	float: left; }

.panels_full-width a h2 {
	color: #0073b8; }		
	
.panels_full-width .panel__content .panel__content__footer {
	width: 75%;
	width: calc(75% - 1.25rem);
	right: 0;
	left: auto; }
	
/* Panels - Latest news*/	
.panels_latest-news {
	position: relative;
	width: 100%; }
	
.panels_latest-news .panel {
	width: 100%; }

.panels_latest-news .panel a {
	float: left; }
	
.panels_latest-news .panel__content .inside {
	min-height: 0;
	height: auto; }

.panels_latest-news .panel .container {
	max-width: 100%; }

.panels_latest-news .panel__image div {
	position: relative;
	width: 100%;
	height: 100%; }	
		
.panels_latest-news .panel__content {
	width: 100%;
	float: left; }

.panels_latest-news a h3 {
	font-weight: normal;
	color: #0073b8; }			
	
	
	
@media all and (min-width:860px) {
	
	.panels_latest-news .panel:first-of-type {
		position: absolute;
		left: 0;
		margin-left: 0;
		width: 33%; }
	
	.panels_latest-news .panel {
		margin-left: 33%;
		width: 66%; }
}
  


/* Panels - Latest events */	
.panels_latest-events {
	position: relative; }

.panels_latest-events .panel {
	width: 25%; }

.panels_latest-events .panel a.container {
	display: block;
	max-width: 100%;
	padding: 1.25rem;
	box-sizing: border-box;
	border-left: 5px solid #0073b8;
	width: 100%;
	overflow: hidden;
	height: 100%;
	float: left; }

.panels_latest-events .panel a p {
	color: #333; }


@media all and (max-width:1000px) {
	
	.panels_latest-events .panel {
		width: 50%; }

}
										
@media all and (max-width:860px) {
	
	.panels_latest-events .panel {
		width: 100%; }

}
  
	
/*	
.panels_latest-events .panel__content .inside {
	min-height: 0;
	height: auto; }

.panels_latest-events .panel .container {
	max-width: 100%; }

		
.panels_latest-events .panel__content {
	width: 100%;
	float: left; }

.p.panels_latest-events a h3 {
	font-weight: normal;
	color: #0073b8; }		*/	
	
	
	
/*@media all and (min-width:860px) {
	
	.panels_latest-events .panel:first-of-type {
		position: absolute;
		left: 0;
		margin-left: 0;
		width: 33%; }
	
	.panels_latest-events .panel {
		margin-left: 33%;
		width: 66%; }
}*/


/* Event Listings */
.panels_full-events .panel {
	width: 100%; }

.panels_full-events .panel .container {
	max-width: 100%; }
	
.panels_full-events .panel a.container {
	display: block;
	box-sizing: border-box;
	border-left: 5px solid #0073b8;
	width: 100%;
	height: 100%;
	float: left; }	

.panels_full-events .overview h3 {
	font-size: 1.6rem;
	color: #ff4814; }

.panels_full-events p {
	font-size: 1rem;
	color: #333; }	
	
.panels_full-events	.panel__content .inside {
	position: static;
	min-height: 0; }

.panels_full-events .overview {
	float: left;
	width: 66%;
	padding-right: 2rem;
	box-sizing: border-box; }
	
.panels_full-events .sidebar {
	float: right;
	width: 33%;
	padding-left: 2rem;
	box-sizing: border-box;
	border-left: 1px solid #E0E0E0; }

.panels_full-events p.course_type {
	color: #004289;
	font-weight: 700; }

.panels_full-events	.panel__content__footer {
	text-align: right; }
	
.panels_full-events	.panel__content__footer ._a {
	font-weight: 600;
	padding-right: 1.5em; }	
	
	
@media all and (max-width:860px) {
	
	.panels_full-events .overview {
		width: 100%;
		padding-right: 0;
		padding-bottom: 2rem; }
		
	.panels_full-events .sidebar {
		float: left;
		width: 100%;
		padding-left: 0;
		padding-top: 2rem;
		border-top: 1px solid #E0E0E0;
		border-left: none; }
}

/* Calendar dividers */
h3.date-divider {
	margin-left: 10px;
	color: #cecece;
	font-size: 1.8rem;
	font-weight: 800; }
	
	
	

	
/* Calls tp action panels */
.panels_ctas {
	
}	
	
.panels_ctas .panel {
	max-width: 100%;
	width: 50%; }
	
	
.panels_ctas .panel .container {
	padding: 2rem;
	max-width: 100%; }

.panels_ctas .panel .container {
	border-left: 5px solid #0073b8; }
	
.panels_ctas .panel h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
	color: #333; }	
	
@media all and (max-width:768px) {		

	.panels_ctas .panel {
		width: 100%; }
}




/*


	

.panel__image div {
	position: absolute;
	width: 100%;
	height: 100%; }	
		
.panel__image div img {
	object-fit: cover;
	height: 100%;
	width: 100%; }	
										
.panel__content h3 {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	color: #333; }								

.panel__content p {
	font-size: 1.4rem;
	color: #333; }		

.panel__content .panel__content__footer {
	position: absolute;
	width: 100%;
	padding: 1rem 2rem;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	border-top: 1px solid #E0E0E0; }
	
.panel__content .panel__content__footer ._a {
	display: block; }	
	
	
@media all and (max-width: 768px) {

	.panels .panel {
		padding: 0;
		width: 100%;}
		
	.panels .panel .container {
		max-width: 100%; }
		
	.panel__content .inside {
		height: auto; }
	
}	*/












/* =================
   CONTENT GRID ROWS
   ================= */	

.content-grid-rows .row {
	display: flex;
	flex-wrap: nowrap;
	padding: 1.875rem 0;
	border-bottom: 1px solid #E0E0E0; }

.content-grid-rows .row:last-of-type {
	border-bottom: none; }

.content-grid-rows .row .row__content{
	flex-basis: 45%; }
	
.content-grid-rows .row .row__media {
	flex-basis: 55%; }

.content-grid-rows .row .row__media img {
	display: block;
	margin: 0 auto; }
	
.content-grid-rows .row .row__content ul {
	margin-bottom: 1rem; }

@media all and (max-width: 768px) {

	.content-grid-rows .row {
		flex-wrap: wrap;
		flex-direction: column-reverse; 	}
		
	.content-grid-rows .row .row__content,
	.content-grid-rows .row .row__media {
		flex-basis: 100%; }
		
	.content-grid-rows .row .row__content {
		padding-top: 1.875rem;
		padding-bottom: 1.875rem; }	
		
	.content-grid-rows .row .row__media_video {
		padding-bottom: 56.25%; /* Need this hear for when columns wrap */}
	
}	


@media all and (min-width: 768px) {

	.content-grid-rows .row:nth-of-type(odd) {
		flex-direction: row-reverse; }
	
	.content-grid-rows .row:nth-of-type(even) .row__content .inside {
		padding-right: 1.875rem; }
	
	.content-grid-rows .row:nth-of-type(odd) .row__content .inside {
		padding-left: 1.875rem; }
}	




/* ============
   NAV - INPAGE
   ============ */	

.nav_inpage {
	margin: -6.25rem 0 6.25rem 6.25rem;
	max-width: 300px;
	float: right;
	background: #fff;
	border: 1px solid #E0E0E0;
	position: relative; }

.nav_inpage	nav {
	right: 0; }
	
.nav_inpage ul,
.nav_inpage ul li {
	padding-left: 0;
	list-style: none; }	

.nav_inpage ul li a {
	display: block;
	padding: .5em 1em; }


/* ==============
   CONTENT BLOCKS
   ============== */
   	
.section__content-blocks .inner {
	padding-top: 0; }




/* =========
   ACCORIDON
   ========= */	

.accordion {
	border-top: 1px solid #E0E0E0; }

.accordion .accordion_item {
	border-bottom: 1px solid #E0E0E0; }

.accordion .accordion_item__title {
	cursor: pointer; }
	
.accordion .accordion_item__title h3 {
	position: relative;
	padding: 1em;
	font-weight: 600; }

.accordion .accordion_item__title h3:after {
	position: absolute;
	content: '';
	width: 15px;
	height: 15px;
	right: 1em;
	top: 1.25em;
	display: block;
	background: url('images/icons/chevron.svg') no-repeat center;
	background-size: 15px; }

.accordion .accordion_item__title.active h3:after	{
	transform: rotate(180deg); }

.accordion .accordion_item__content {
	padding: 1em;
	display: none; }
	

.accordion .accordion_item__content ul {
	padding-left: 2em; }

.accordion .accordion_item__content ul li {
	list-style: square; }	

.accordion h2.accordion_heading {
	margin-bottom: 1.5rem;
	padding-top: 2rem; }



/* ============
   CONTENT PANE
   ============ */	
.content_pane {
	margin-bottom: 2.5rem; }
	   
.content_pane .content_pane__title {
	margin-bottom: .75rem; }

.content_pane .content_pane__main  {
	padding: 1.25rem;
	background: #F5F5F5;
	border-top: 3px solid #e94b26;
	border-bottom: 1px solid #E0E0E0; }

.content_pane .content_pane__main ul {
	margin-bottom: 1.5em; }
		
.content_pane .content_pane__main li {
	margin-left: 2em;
	list-style: square; }	
	
	
/* ===========
   SIMPLE LIST
   =========== */	
	
.simple-list {
	margin-top: 2.5rem; }

.simple-list .list-item {
	padding-bottom: 1.25rem;
	margin-bottom: 1.25rem;
	border-bottom: 1px solid #E0E0E0; }

.simple-list .list-item h2 { 
	font-size: 1.3rem;
	margin-bottom: .5rem; }

.simple-list .list-item p {
	margin-bottom: 0; }
	
.simple-list .list-item .meta {  }


.simple-list .list-item .meta {  }


	
	
	
/* ======================
   TABLE: MEDIA RESOURCES
   ====================== */		
.media-resources_wrapper {
	width: 100%;
	overflow-x: auto; }

table.media-resources {
	width: 100%;
	min-width: 600px;
	border-top: 3px solid #0073b8; }

table.media-resources th,table.media-resources td {
	padding: 1em; }

table.media-resources thead tr {
	background: #F1F4F5; }

table.media-resources tr {
	border-bottom: 1px solid #E0E0E0;  }
	
table.media-resources tbody tr:nth-of-type(even) {
/*	border-top: 1px solid #E0E0E0;*/
	background: #F1F4F5; }
	
table.media-resources .caption {
	font-weight: bold; }

table.media-resources img {
	width: 100px; }




/* =======================
   POSITION STATMENT TABLE
   ======================= */
   
.position-statment-table {
	display: table;
	width: 100%;
	border-top: 3px solid #0073b8; }


.position-statment-table .position-statment-table__row {
	width: 100%; 
	display: table-row; 	 }

.position-statment-table .position-statment-table__row:nth-of-type(odd) {
	background: #F1F4F5; }

.position-statment-table .position-statment-table__row_title {
	display: table-cell;
	border-bottom: 1px solid #E0E0E0;}

.position-statment-table .position-statment-table__row_content {	
	display: table-cell;
	border-bottom: 1px solid #E0E0E0;}
	
	
.position-statment-table .position-statment-table__row_title,
.position-statment-table .position-statment-table__row_content {
	padding: 1em; }
		
.position-statment-table .position-statment-table__row_content p:last-of-type {
	margin-bottom: 0; }	
	

@media all and (max-width: 768px) {

	.position-statment-table .position-statment-table__row_title {
		display: block;
		padding-bottom: 0;
		border-bottom: none; }

	.position-statment-table .position-statment-table__row_title h3 {
		margin-bottom: 0; }
		
	.position-statment-table .position-statment-table__row_content {	
		padding-left: 2.5rem;
		display: block; }
}


	
/* ========
   NAV LIST
   ======== */
   
.nav-list ul,
.nav-list ul li {
	padding-left: 0;
	list-style: none; }




/* ====================
   ARTICLE BODY SIDEBAR
   ==================== */		

.article-body__main {
	width: 70%;
	box-sizing: border-box;
	padding-right: 2.5rem;
	float: left; }
		
.article-body__sidebar	{
	float: right;
	width: 30%;
	background: #F1F4F5;
	padding: 1.25rem;
	box-sizing: border-box; }

.article-body__sidebar h2 {
	margin-bottom: 1.25rem; }
	
/* Remove arrows and add more seperation */		
.article-body__sidebar	.nav-list ul li	{
	margin-bottom: .25em; }
		
.article-body__sidebar	.nav-list a.arrowlink:after	{
	content: none; }		
	
	
@media all and (max-width: 768px) {

	.article-body__main,
	.article-body__sidebar {
		padding-right: 0;
		float: left;
		width: 100%;  }
	
	.article-body__sidebar {
		margin-top: 3rem; }
}	
	

/* =============
   WEBSITE LOGIN
   ============= */
 
 .article-body__login {
 	
 }  
 
.article-body__login .article-body__main {
	width: 66%;
	padding-right: 2rem;}
		
.article-body__login .article-body__sidebar	 {
	padding-top: 4rem;
	width: 33%; }

@media all and (max-width: 1000px) {

	.article-body__login .article-body__main,
	.article-body__login .article-body__sidebar	 {
		width: 100%; }
	
	.article-body__login .article-body__main {
		padding-right: 0;}
}	


.login_panel	 {
	padding: 7rem 2rem;
	box-sizing: border-box;
	text-align: center;
	background: #004289; }

.login_panel	 h2 {
	color: #fff;
	font-size: 3rem;
	margin-bottom: 1rem; }

.login_panel	 .button {
	margin: 0 .5em; }





/* History */
.history_timeline {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 4rem; }

.history_timeline:after {
	position: absolute;
	content: '';
	background: #0073b8;
	width: 2px;
	display: block;
	z-index: -1;
	top: 0;
	left: 50%;
	height: 100%; }
		
.history_item {
	float: left;
	margin-bottom: 0;
	width: 100%; }

.history_item_alignment {
	position: relative;
	border: 1px solid #E0E0E0;
	box-shadow: 0 0 20px rgba(200,200,200,.4);
	float: left;
	width: calc(50% - 20px); }

.history_item_alignment:after {
	position: absolute;
	content: '';
	background: #0073b8;
	width: 16px;
	border-radius: 20em;
	height: 16px;
	display: block;
	z-index: -1;
	right: -28px;
	top: 30px; }	
	 	
.history_item:nth-of-type(even) .history_item_alignment {
	float: right; }

.history_item:nth-of-type(even) .history_item_alignment:after  {
	right: auto;
	left: -26px; }
		
.history_item__image {
	width: 40%;
	float: left;
	padding: 1rem;
	box-sizing: border-box; }
	
.history_item__content {
	float: left;
	padding: 1rem;
	box-sizing: border-box;
	width: 60%; }						

.history_item__content h3 {
	color: #cecece;
	margin-bottom: .25em;
	font-size: 2rem;
	font-weight: 800; }

.history_item__content h4 {
	font-size: 1.25rem;
	margin-bottom: .5rem;
	font-weight: 800; }

.history_item__content p {	
	margin-bottom: 0; }
	
	
@media all and (max-width: 1000px) {

	.history_timeline:after {
		left: 100%; }

	.history_item {
		margin-bottom: 2rem; }
	
	.history_item_alignment {
		width: calc(100% - 20px); }
	
	.history_item_alignment:after {
		left: auto !important;
		right: -28px !important;}	
		 	
	.history_item:nth-of-type(even) .history_item_alignment {
		float: left; }
	
	.history_item__image {
		padding-bottom: 0;
		width: 100%; }
	
	.history_item__content {
		width: 100%; }		
	
}



/* Search Restults */
ol.search-results li {
	list-style: decimal; }

ol.search-results .excerpt {
	color: #333; }
	
ol.search-results h3,
ol.search-results p {
	margin-bottom: 0; }
	
ol.search-results li {
	padding: 1em 0;
	border-bottom: 1px solid #E0E0E0; }
	

ol.search-results li span.content_type_flag {
	color: #fff;
	margin-right: .5em;
	text-transform: uppercase;
	font-weight: 600;
	display: inline;
	font-size: .7em;
	padding: .2em .3em;
	line-height: 1em;
	border-radius: 3px;
	background: #ff4814; }
	
ol.search-results li .excerpt strong {
	font-weight: 600; }
	
	
	
	
/* Region CPD Map */
#RegionMapWrapper {
	width: 100%;
	max-width: 800px;
	margin: 0 auto; }
	
#RegionMapWrapper #RegionMap {
	float: right; }	
	
#RegionMapWrapper ul {
	border-top: 1px solid #E0E0E0;
	font-size: 1.1rem;
	font-weight: 600;
	float: left; }		
	
#RegionMapWrapper ul,
#RegionMapWrapper li {
	padding: 0;
	margin: 0;
	list-style: none; }	

#RegionMapWrapper li a {
	padding: .25rem .5rem;
	display: block;
	border-bottom: 1px solid #E0E0E0; }
	
#RegionMapWrapper li:nth-of-type(odd) {
	background-color: #F1F4F5; }
	
#RegionMapWrapper li a:hover {
	background: #ddd; }	

@media all and (max-width: 800px) {

	#RegionMapWrapper #RegionMap {
		float: none;
		margin: 0 auto 2rem; }	
		
	#RegionMapWrapper ul {
		float: none; }
	
}

.event-search-form {
	width: 100%;
	float: left;
	margin: 0 auto 3rem 0; }	
	
.event-search-form .form-row {
	float: left;
	width: 100%;
	margin-bottom: .75rem; }
	
.event-search-form .form-row .label {
	width: 10rem;
	font-weight: 800;
	float: left; }
	

.event-search-form input[type=submit]{
	background: #0073b8;
	color: #fff;
	font-weight: 600;
	border: none;
	outline: none;
	padding: .75rem 2rem; }