/* ********************************************** */
/* CSS for CLIENT DISPLAY of this page type       */
/* ********************************************** */
.teaser-page .flex-content {justify-content: flex-start; align-content: flex-start;}
.post-teaser figure {display: block; -webkit-margin-before:0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0;}
.post-teaser figure img {max-width:100%;height:auto;}
.post-teaser .teaser-title h2.title {margin-top:.5em;margin-bottom:.5em;}
.post-teaser .teaser-button {margin-top:.5em;}
.post-teaser .teaser-button a {text-align:center;}


.post-teaser.columns-four {width:22.75%;margin-right:3%;margin-bottom:3%;}
.post-teaser.columns-four:nth-of-type(4n+4) {margin-right:0;}

.post-teaser.columns-three {width:31.33%;margin-right:3%;margin-bottom:3%;}
.post-teaser.columns-three:nth-of-type(3n+3) {margin-right:0;}

.post-teaser.columns-two {width:48%;margin-right:4%;margin-bottom:4%;}
.post-teaser.columns-two:nth-of-type(2n+2) {margin-right:0;}

.post-teaser.columns-one {width:100%;}


/* EMPLOYMENT CSS */
.teaser-page .nth-rule-wrapper {width:100%;} /* this is a fix for IE11 */
.post-teaser.columns-one.bfm-employment-page-teaser {width:calc(100% - 2px);}
.bfm-employment-page-teaser {width:calc(100% - 2px); border: 1px solid #e2e2e2; display:flex; justify-content:flex-start; align-content:flex-start; align-items:center;}
.bfm-employment-page-teaser .col-one {width:calc(350px - 20px);padding:10px; display:inline-block;}
.bfm-employment-page-teaser .col-two {width:calc(100% - 1px - (350px - 20px)); padding:10px; display:inline-block;}
.bfm-employment-page-teaser label {font-weight: bold;}
.bfm-employment-page-teaser label:after {content: ':'; margin-right: 10px;}
.bfm-employment-page-teaser .position-title {color: #103777;font-weight: bold; font-size: 1.1em; font-style: italic; margin-bottom: 20px;}


.bfm-employment-page-teaser.header-row {background:#103777; border-color:#103777; color: white; font-size:1.1em; font-weight:bold;}
.bfm-employment-page-teaser:nth-child(even) {background: #f2f2f2;}


/* Gallery Teaser Tweaks */
.bfm-gallery-page-teaser { position:relative; }
.bfm-gallery-page-teaser .galleryimage {padding:0; margin:0;}
.bfm-gallery-page-teaser .gallerytitle {display: flex; position: absolute; bottom: 7px; color: white; align-content: center; align-items: center; justify-content: center; width: 100%;; background-color: rgba(83,69,125,.9) ; line-height:1em;}
.bfm-gallery-page-teaser .gallerytitle span {font-size: calc(12px + .5vw); text-transform: uppercase; padding: 7px 5px 5px; font-family:"Questrial";}
.bfm-gallery-page-teaser:hover .gallerytitle {background-color: rgba(221,138,32,.9);}




@media only screen and (max-width:900px) {
	.post-teaser.columns-three:nth-of-type(3n+3) {margin-right:4%;}
	.post-teaser.columns-three {width:48%; margin-right:4%;margin-bottom:40px;}
	.post-teaser.columns-three:nth-of-type(2n+2) {margin-right:0;}
}

@media only screen and (max-width:700px) {
	.bfm-employment-page-teaser {flex-wrap: wrap;}
	.teaser-page .bfm-employment-page-teaser .position-title  {font-size: calc(14pt + 1.0vw); margin-top: 10px;}

	.bfm-employment-page-teaser .col-one {width:calc(94% - 20px); padding:10px; display:inline-block; border-bottom:1px dashed #e2e2e2;}
	.bfm-employment-page-teaser .col-two {width:calc(94% - 20px); padding:10px; display:inline-block;}
	.bfm-employment-page-teaser.header-row .col-one {border-bottom:0;}
	.bfm-employment-page-teaser.header-row .col-two {display:none;}
}

@media only screen and (max-width:480px) {
	.post-teaser.columns-three {width:100%; margin-right:0%;margin-bottom:70px;}
	
}




/* ********************************************** */
/* CSS for ADMIN / EDIT of this page type         */
/* ********************************************** */

/*Clearfix for floating elements*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after{
	clear: both;
}

.clearfix {width:100%;}


#teaser_page_sorting_id {border-left:5px solid #731487;}

/*left and right containers*/
.teaser_page_sorting_wrapper .teaser_page_sorting_box{
	float: left;
	min-height: 80px;
	width: auto;
	background: #eee;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-bottom: 50px;
	border: solid 1px #aaa;
	margin-right: 15px;
}
/*simple description field before page items*/
.teaser_page_sorting_wrapper .description{
	/*width: 320px;*/
}
/*page item itself*/
.teaser_page_sorting_wrapper .page_item{
	padding: 12px;
	background: #ccc;
	height: 40px;
	margin-bottom: 10px;
	width: 500px;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	border: solid 1px transparent;
	position: relative;
	z-index: 1;
	cursor: move;
}

.page_item .page_grippie {display:block; width:40px; height:40px; position:absolute; left: 0px; top:0;}
.page_item .page_grippie .contentbox {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.page_item .page_grippie .contentbox::before {font-family: "BlueFireMedia"; content: "\e900"; color:#aaa; font-size: 28px; } /* Move Icon */

.page_item .page_teaser_pic {display:block; width:58px; height:38px; border: 1px solid #aaa; position:absolute; left: 40px; top:-1px;}
.page_item .page_teaser_pic img {width: 100%; height:100%;}
.page_item .page_teaser_pic .nopic {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.page_item .page_teaser_pic .nopic::before {font-family: "BlueFireMedia"; content: "\e90d"; color:#aaa; font-size: 24px; } /* Picture Icon */


/*title for the pages*/
.page_item .page_title{
	position: absolute;
	left:115px;
	top:0;
	width: 275px;
	height: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height:1em;
	display:flex;
	align-items:center;
	font-size: 18px;
}

/*removing an item from related pages*/
.page_item .page_editblock {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	line-height: 40px;
	padding: 0px 10px;
	box-sizing: border-box;
	background: #aaa;
	width: 80px;
	text-align: center;
	cursor: move;
	font-weight:bold;
}

.page_item .page_editblock a {text-decoration:none; color: #555;}
.page_item .page_editblock a:hover {color:white;}


/*page item while dragging*/
.teaser_page_sorting_wrapper .page_item.ui-draggable-dragging,
.teaser_page_sorting_wrapper .page_item.ui-sortable-helper {
	border: solid 1px #aaa;
	background: #eee;
	cursor: move;
}

/*dragging item over droppable zone*/
.right_container.hover-over-draggable{
	border: solid 1px #aaa;
}

/*placeholder text for sorting items*/
.teaser_page_sorting_wrapper .my-placeholder{
	height: 40px;
	border: dashed 1px #aaa;
	margin-bottom: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 500px;
}
/*placeholder for when hovering over droppable*/
.teaser_page_sorting_wrapper .droppable-helper{
	width: 320px;
	height: 40px;
	border: dashed 1px #aaa;
	margin-bottom: 10px;
	display: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.droppable-helper.active{
	display: block;
}