/******************************************************************
Theme Name: Tilt Child
Theme URI: http://whitecollars.co/tilt
Description: Tilt Child Theme
Author: TheWhiteCollars
Author URI: http://themeforest.net/user/TheWhiteCollars
Template: tilt
Version: 1

*/

#clockcont {
   padding-top: 40px;
   text-align: center;
}

#kramerk {
	font-family: "Lobster", Arial !important;
        text-align: center;
}

#clockdiv{
	font-family: sans-serif;
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 30px;
}

#clockdiv > div{
	padding: 10px;
	border-radius: 3px;
	background: #00BF96;
	display: inline-block;
}

#clockdiv div > span{
	padding: 15px;
	border-radius: 3px;
	background: #00816A;
	display: inline-block;
}

.smalltext{
	padding-top: 5px;
	font-size: 16px;
}

.frm_forms.frm_style_formidable-style.with_frm_style {
	max-width: inherit !important;
}

#site-header.menu-dark #header-wrapper {
	background-color: #e20915 !important;
	height: 70px !important;
}
#site-header.menu-dark #header-wrapper ul li.current-page-item > a {
background:#fff!important;
}  
#popmake-8261 {
   padding-top: 35px;
   background: rgba(0, 0, 0, 0.6);
   border: none;
   color: #fff !important;
   min-height: 30%;
   left: 0px !important;
   opacity: 1;
   bottom: 0 !important;
   transform: translateY(-50%);
   border-radius: 0px;
   min-width: 100%;
   width: 100% !important;
   max-width: 100% !important;
   margin: 0 auto;
}

#pum_popup_title_8261 {
   color: #fff;
   text-align: center;
   font-size: 30px;
   margin-bottom: 20px;
}

.pum-content {
   text-align: center;
}

.pum-content.popmake-content a {
   color: #fff !important;
   text-align: center;
}

.team-mate {
   border-top: 5px solid #e20915;
   width: 100%;
}

.team-images {
   position: absolute;
   left: 25%;
   width: 50%;
height: auto;
   transform: translateY(-50%);
   border-radius: 100%;
   padding-bottom: 50%;
   overflow: hidden;
   text-align: center;
}

.team-images img {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: auto !important;
   transition: opacity .3s ease-in-out;
}

.team-details {
   padding-top: 35%;
}

.row {
	font-size: 0;
	display: flex;
}

.row.flex {
}

.col-sm-3 {
    margin: 0 auto;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 25%;
    font-size: 1em;
   display: inline-block;
}

.team-color {
	opacity: 0;
}

.team-color:hover {
	opacity: 1;
}

.team-name {
   font-size: 22px;
}

.fav-bourbon {
   font-size: 15px;
}

#field_dyt23 {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC) !important;
}

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

	.leadership .col-sm-3 {
		/*width: 20%;*/
	}
}

@media all and (max-width: 960px) {
	.col-sm-3 {
		width: 50%;
	}

	.row {
		display: block;
	}

	.row .col-sm-3:nth-child(3), .row .col-sm-3:nth-child(4),  .row .col-sm-3:nth-child(5) {
		margin-top: 100px;
	}
}

@media all and (max-width: 630px) {
	.col-sm-3 {
		width: 100%;
	}

	.team-images {
		width: 40%;
		padding-bottom: 40%;
		left: 30%;
	}

	.team-details {
		padding-top: 25%;
	}

	.row .col-sm-3:nth-child(3), .row .col-sm-3:nth-child(4), .row .col-sm-3:nth-child(2) {
		margin-top: 150px;
	}
}