/* Kislak Team
------------------------------------------- 

Table of contents
	- Team Archive Page
	- Single Team Page
	- Team Loop
	- Media Queries

------------------------------------------- */

/* Team Archive Page
------------------------------------------- */

.post-type-archive-kislak_team .site-inner {
	max-width: 100%;
}

.post-type-archive-kislak_team .site-inner .team-inner-wrap {
	margin: 0 auto;
	max-width: 1200px;
	padding-bottom: 104px;
}

.post-type-archive-kislak_team .site-inner .management-team-wrap .team-inner-wrap h1 {
	padding: 8px 80px 40px;
}

.post-type-archive-kislak_team .site-inner .sales-team-wrap .team-inner-wrap {
	padding: 80px 0 104px;
}

.kislak-team-loop {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.kislak-team-wrapper,
.kislak-team-wrapper.management-team.c-level {
	display: block;
	padding: 304px 32px 32px;
	position: relative;
	text-decoration: none;
	width: 25%;
}

.kislak-team-wrapper.management-team.c-level .kislak-team-inner,
.kislak-team-inner {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	-webkit-clip-path: circle(125px at 50% 155px);
	clip-path: circle(125px at 50% 150px);
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	transition: all .5s ease-in-out;
}

.kislak-team-content {	
	position: relative;
	z-index: 2;
}

.kislak-team-inner:after {
	background: transparent;
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .5s ease-in-out;
	z-index: 1;
}


.kislak-team-wrapper.management-team:hover .kislak-team-inner,
.kislak-team-wrapper:hover .kislak-team-inner {
	-webkit-clip-path: circle(150% at 50% 35%);
	clip-path: circle(150% at 50% 35%);
}

.kislak-team-wrapper:hover .kislak-team-inner:after {
	background: rgba(27, 78, 125, .5);
}

.kislak-team-wrapper.management-team.c-level:first-of-type {
	margin-left: 25%;
}

.kislak-team-wrapper.management-team.c-level:nth-of-type(2) {
	margin-right: 25%;
}

.kislak-team-wrapper.management-team {
	width: 25%;
}

.kislak-team-wrapper.management-team .kislak-team-inner {
	-webkit-clip-path: circle(100px at 50% 157px);
	clip-path: circle(100px at 50% 157px);
}

.kislak-team-wrapper p {
	margin-bottom: 0;
}

.kislak-team-wrapper p.team-name {
	color: #1B4E7D;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all .5s ease-in-out;
}

.kislak-team-wrapper p.team-title {
	color: #50769A;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 8px;
	transition: all .5s ease-in-out;
}

.kislak-team-wrapper p.team-phone {
	color: #21897E;
	font-size: 14px;
	transition: all .5s ease-in-out;
}

.kislak-team-wrapper p.team-phone .svg-inline--fa {
	margin-right: 8px;
}

.kislak-team-wrapper:hover p.team-name,
.kislak-team-wrapper:hover p.team-title,
.kislak-team-wrapper:hover p.team-phone {
	color: #fff;
}

@supports (-ms-ime-align: auto) {
	
	.management-team .kislak-team-inner:after {
		background: url(../images/fallback-mask.png) no-repeat center center/cover; 
	}

	.sales-team .kislak-team-inner:after {
		background: url(../images/fallback-mask-gray.png) no-repeat center center/cover; 
	}

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     
	.management-team .kislak-team-inner:after {
		background: url(../images/fallback-mask.png) no-repeat center center/cover; 
	}

	.sales-team .kislak-team-inner:after {
		background: url(../images/fallback-mask-gray.png) no-repeat center center/cover; 
	}
     
}

/* Single Team Page
-------------------------------------------- */

.kislak-team .sub-page-header h3 {
	color: #fff;
	font-size: 48px;
	line-height: 1.6;
	margin-bottom: 0;
}

.kislak-team .sub-page-header-wrap .breadcrumbs {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.single-team-back-to-list p {
	margin-bottom: 0;
}

.single-team-back-to-list .svg-inline--fa {
	margin-right: 8px;
}

.single-team-back-to-list a {
	text-decoration: none;
}

.kislak-team article.kislak_team {
	padding: 64px 0 80px;
}

.kislak-team .single-team-photo-contact-column {
	float: left;
	margin-right: 40px;
	width: 30%;
}

.kislak-team .single-team-photo-contact-column .single-team-photo {
	margin-bottom: 40px;
}

.kislak-team .single-team-photo-contact-column .single-team-photo img {
	width: 100%;
}

.kislak-team .single-team-photo-contact-column p {
	margin-bottom: 24px;
}

.kislak-team .single-team-photo-contact-column p .svg-inline--fa {
	color: #29897e;
	margin-right: 16px;
}

.kislak-team .single-team-photo-contact-column a {
	text-decoration: none;
}

.kislak-team h2.single-team-name {
	margin-bottom: 0;
}

.kislak-team h3.single-team-title {
	color: #50769A;
	font-weight: 700;
	letter-spacing: 4px;
}

/* Team Loop
-------------------------------------------- */


/* Media Queries
------------------------------------------- */

@media only screen and (max-width: 1023px) {

	.post-type-archive-kislak_team .site-inner .team-inner-wrap {
		max-width: 95%;
	}

	.post-type-archive-kislak_team .site-inner .management-team-wrap .team-inner-wrap h1 {
		padding: 8px 0 40px;
	}

	.kislak-team-wrapper.management-team.c-level .kislak-team-inner,
	.kislak-team-inner {
		-webkit-clip-path: circle(100px at 50% 155px);
		clip-path: circle(100px at 50% 150px);
	}

	.kislak-team-wrapper.management-team:hover .kislak-team-inner,
	.kislak-team-wrapper:hover .kislak-team-inner {
		-webkit-clip-path: circle(150% at 50% 35%);
		clip-path: circle(150% at 50% 35%);
	}

}

@media only screen and (max-width: 960px) {

	.kislak-team-wrapper,
	.kislak-team-wrapper.management-team.c-level,
	.kislak-team-wrapper.management-team {
		padding: 350px 32px 32px;
		width: 50%;
	}

	.kislak-team-wrapper.management-team.c-level:first-of-type {
		margin-left: 0;
	}

	.kislak-team-wrapper.management-team.c-level:nth-of-type(2) {
		margin-right: 0;
	}

	.kislak-team-wrapper.management-team.c-level .kislak-team-inner,
	.kislak-team-wrapper.management-team .kislak-team-inner,
	.kislak-team-inner {
		-webkit-clip-path: circle(150px at 50% 155px);
		clip-path: circle(150px at 50% 150px);
	}

	.kislak-team-wrapper.management-team:hover .kislak-team-inner,
	.kislak-team-wrapper:hover .kislak-team-inner {
		-webkit-clip-path: circle(150% at 50% 35%);
		clip-path: circle(150% at 50% 35%);
	}

}

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

	.kislak-team .single-team-photo-contact-column {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	.kislak-team article.kislak_team {
		padding: 0 0 80px;
	}

}

@media only screen and (max-width: 640px) {

	.kislak-team-wrapper,
	.kislak-team-wrapper.management-team.c-level,
	.kislak-team-wrapper.management-team {
		padding: 350px 32px 32px;
		width: 100%;
	}

	.kislak-team-wrapper.management-team.c-level:first-of-type {
		margin-left: 0;
	}

	.kislak-team-wrapper.management-team.c-level:nth-of-type(2) {
		margin-right: 0;
	}

	.kislak-team-wrapper.management-team.c-level .kislak-team-inner,
	.kislak-team-wrapper.management-team .kislak-team-inner,
	.kislak-team-inner {
		-webkit-clip-path: circle(150px at 50% 155px);
		clip-path: circle(150px at 50% 150px);
	}

	.kislak-team-wrapper.management-team:hover .kislak-team-inner,
	.kislak-team-wrapper:hover .kislak-team-inner {
		-webkit-clip-path: circle(150% at 50% 35%);
		clip-path: circle(150% at 50% 35%);
	}

	.single-kislak_team .sub-page-header {
		height: 450px;
		min-height: 450px;
	}

	.single-kislak_team  .entry-title {
		line-height: .7;
	}

	.kislak-team .sub-page-header-wrap .breadcrumbs {
		-webkit-flex-direction: column;
    	-ms-flex-direction: column;
    	flex-direction: column;
	}

	.kislak-team .sub-page-header-wrap .breadcrumbs .single-team-back-to-list {
		margin-bottom: 24px;
	}

}