/*
	Theme Name: Kittelson & Associates 2017
	Theme URI: http://kittelson.com
	Description: Custom WordPress Theme for Kittelson & Associates.
	Version: 2.0.0
	Designer: Josh Boston (@heyjoshboston)
	Designer URI: http://joshboston.com
	Author: Matt Pensworth (@mattpensworth)
	Author URI: http://mattpensworth.com

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* hack fix for dupe posts */
#main-content #page--title,
#main-content #main-content { display: none !important; }

#footer a.icon-x img {
	height: 18px;
	width: auto;
}

#footer a[class^="icon-"]:hover,
#footer a[class*=" icon-"]:hover {
	color: #9b9b9b !important;
}

a.icon-glassdoor:hover {
	background-color: #9b9b9b;
}

.content--row .slick-slider {
	margin-left: 0;
	margin-right: 0;
}

#ideas--list .article--detail .author--name, #news--list .article--detail .author--name, #cards .article--detail .author--name {
	font-size: 14px !important;
}

#ideas--list .article--detail .author--name:after {
	content: ', ';
}

#ideas--list .article--detail .author--name:last-child:after {
	content: '';
}

#mission-statement h1 {
	font-size: 2rem;
	line-height: 1.25;
}

.challenge-solution p {
	font-size: 1.25rem;
}

#main-content .share-options ul {
	margin-top: 0;
}

.related--wrapper {
	float: right !important;
}

.related--ideas {
	padding-left: 40px;
}

/* .post--content {
	border-right: 1px solid rgba(174,174,174,0.5);
} */

/* hide on news */
.single-news-and-events .related--border,
.single-news-and-events .related--wrapper { display: none; }

.related--spacer hr {
	background-color: transparent;
	border: none;
	border-left: 1px solid rgba(174,174,174,0.5);
	display: block;
	height: 100%;
	margin: 0 auto;
	width: 1px;
}

.related--border {
	background-color: transparent;
	border: none;
	border-left: 1px solid rgba(174,174,174,0.5);
	display: block;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	right: -20px;
	width: 1px;
}

#related {
	
	opacity: 1;
	padding-bottom: 50px;
	transition: opacity 0.3s linear;
}

#related:hover { opacity: 1 !important; }

.related--ideas h5.related--insights {
	border-bottom: 1px solid rgba(174,174,174,0.5);
	margin-bottom: 30px;
	padding-bottom: 10px;
	color: #9b9b9b;
  font-size: 12px;
  font-size: .75rem;
  letter-spacing: 0.05em;
	font-family: 'CartographSansCF-DemiBold';
	text-transform: uppercase;
}

.article--related a.related--title {
	display: inline-block;
	font-family: 'CartographSansCF-DemiBold', sans-serif;
	font-size: 14px;
	font-weight: 400;
	padding: 0 0 0;
	text-decoration: none;
}

.article--related a.related--title:hover { text-decoration: underline; }

.related--thumb {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	border-radius: 4px;
	height: 75px;
}

	.related--thumb a { display: block; height: 100%; width: 100%; }

.article--related .author--name {
	font-size: 12px;
}

.article--related .author--name:after {
	content: ', ';
}

.article--related .author--name:first-child:after { content: ''; }
.article--related .author--name:first-child:before { content: ''; }
.article--related .author--name:last-child:after { content: ''; }
.article--related .author--name:last-child:before { content: '& '; }

.article--related .author--headshot {
	display: none !important;
	background-image: url('../img/kai-headshot-default-sm.jpg');
	background-position: 50% -2px;
	background-repeat: no-repeat;
	background-size: auto 40px;
	border-radius: 50%;
	display: inline-block;
	height: 20px;
	left: 0;
	margin-right: 10px;
	position: relative;
	top: 0;
	width: 20px;
}

.article--related .author--headshot + .author--headshot {
	margin-left: -14px;
	margin-right: 10px;
}

.article--related hr {
	background-color: transparent;
	border: none;
	border-top: 1px solid rgba(174,174,174,0.5);
	height: 1px;
	margin: 30px 0;
	padding: 0;
	width: 33.335%;
}

	.related--ideas .article--related:last-child hr { display: none; }

	.single-post .content--row .push-2,
	.single-news-and-events .content--row .push-2 {
		left: 0 !important;
	}

	.single-post .content--row .medium-8,
	.single-news-and-events .content--row .medium-8 {
		margin-bottom: 30px;
		margin-top: 30px;
		width: 100% !important;
	}

#cookie--banner {
	background-color: #FEAE5C;
	border-radius: 8px;
	bottom: 30px;
	color: #fff;
	display: none;
	font-family: 'CartographSansCF-DemiBold', sans-serif;
	font-size: 14px;
	font-weight: 400;
	left: 50%;
	margin: 0;
	padding: 30px;
	position: fixed;
	transform: translateX(-600px);
	width: 1200px;
	z-index: 9999;
}

	#cookie--banner p {
		margin: 0;
		padding-right: 120px;
	}

	#cookie--banner a {
		color: #fff;
		text-decoration: underline;
	}

	#cookie--banner a:hover {
		color: #fff;
		text-decoration: none;
	}

	#cookie--banner button {
		appearance: none;
		background-color: #fff;
		border: none;
		border-radius: 4px;
		color: #000;
		font-size: 14px;
		font-size: .875rem;
		margin-top: 40px;
		padding: 10px;
		position: absolute;
		right: 30px;
		top: -10px;
		text-transform: uppercase;
	}

/* mobile overwrites */
@media screen and (max-width: 800px) {

	#mission-statement h1 {
		font-size: 1.25rem;
	}

	#related {
		padding-left: 0 !important;
		position: relative !important;
		top: 0 !important;
		width: 100% !important;
	}

	.related--spacer {
		height: 0px !important;
	}

	#cookie--banner p { padding-right: 0; }

	#cookie--banner button {
		bottom: 0;
		display: block;
		margin: 0 auto;
		margin-top: 15px;
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
	}

	.careers--row .border--box {
		height: auto !important;
	}
}

/* small screen overwrites */
@media screen and (max-width: 1200px) {
	#cookie--banner {
		border-radius: 0;
		bottom: 0;
		left: 0;
		transform: translateX(0);
		width: 100%;
	}
}

/* current openings */
.page-template-template-openings #main-content .project-tiles {
	border-top: 1px solid rgba(174,174,174,0.5);
}

.page-template-template-openings #main-content .article--detail {
	border-bottom: 1px solid rgba(174,174,174,0.5);
	margin-bottom: 0;
	padding: 15px 0;
}

/* careers builder */
.post-type-archive-careers #section--title,
.page-template-template-careers #section--title {
	background-size: auto 420px;
	padding: 150px 0;
}

.page-template-template-careers .menu-item-162.menu-item a,
.page-template-template-openings .menu-item-162.menu-item a {
	color: #FF484E;
}

.page-template-template-careers article[data-headers="red"] h2,
.page-template-template-careers article[data-headers="red"] h3,
.page-template-template-careers article[data-headers="red"] h4 {
	color: #FF484E !important;
}

.page-template-template-careers article[data-headers="red"] .red--block h3 {
	color: #fff !important;
}

.page-template-template-careers article[data-headers="red"] .bg--red h2,
.page-template-template-careers article[data-headers="red"] .bg--red h3,
.page-template-template-careers article[data-headers="red"] .bg--red h4 {
	color: #FFF !important;
}

.careers--row.left-text blockquote,
.careers--row.right-text blockquote {
	border-left: 10px solid #FF484E;
  border-left-color: #FF484E;
  color: #FF484E;
  font-size: 22px;
  margin: 44px 0 30px;
  padding: 0 0 0 32px;
}

.careers--row.left-text blockquote p,
.careers--row.right-text blockquote p {
	margin-bottom: 0 !important;
}

	.careers--row blockquote cite {
		display: block;
  	font-size: 14px;
  	font-size: .875rem;
  	font-style: normal;
  	margin: 30px 0 0;
  	text-transform: uppercase;
	}

.articles--list_careers {
	background-color: #ffe1e2;
}

.careers--row { 
	padding-bottom: 40px;
}

	.careers--row .row { padding-left: 16px; padding-right: 16px; }

	.our-approach-to-hiring .careers--row,
	.post-type-archive-careers .careers--row {
		padding-bottom: 60px;
	}

	.careers--row.no--margin,
	.careers--row.bg--red.no--margin {
		margin-bottom: 0 !important
	}

	.careers--row.full-width-image.no--margin,
	.careers--row.left-text.no--margin {
		padding-bottom: 0 !important;
	}

	.careers--row.left-text.no--margin .medium-5 {
		padding-top: 60px;
	}

	.careers--row h2,
	.careers--row h3,
	.careers--row h4 {
		margin-bottom: 15px;
	}

	.careers--row h3 {
		font-size: 24px;
	}

.careers--row.full-width-image figure {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 700px;
	width: 100%;
}

.open--positions {
	padding: 60px 0;
}

.open--positions h4 {
	margin-bottom: 10px;
}

article .careers--row:last-of-type {
	margin-bottom: 0;
}

.bg--red {
	background-color: #FF484E;
	color: #fff;
	margin-bottom: 60px;
	padding: 30px;
	position: relative;
}

	.bg--red:not(.pdf) a {
		background-color: #fff;
		border: 2px solid #FF484E;
		color: #FF484E !important;
		display: inline-block;
		font-family: 'Gotham A', 'Gotham B', sans-serif;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.04em;
		margin: 30px 0 0;
		padding: 20px 25px 18px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}

	#main-content .bg--red.pdf a {
		color: #fff;
	}

	.bg--red.pdf { position: relative; }

	.bg--red.pdf img {
		height: 235px;
		position: absolute;
		left: -45px;
		top: -22px;
	}

.standard-copy.has--border .row {
	border: 2px solid #FF484E;
	padding-bottom: 30px;
	padding-top: 30px;
}

.copy-video a,
.careers--row a.button,
.slideshow-copy a {
	background-color: #FF484E;
	border: 2px solid #fff;
	color: #fff !important;
	display: inline-block;
	font-family: 'Gotham A', 'Gotham B', sans-serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.04em;
	margin: 30px 0 0;
	padding: 20px 25px 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

	.careers--row .button.btn-white {
		background-color: #fff;
		border-color: #FF484E;
		color: #FF484E !important;
	}

	.careers--row.standard-copy .centered {
		text-align: center;
	}

	.careers--row .centered {
		text-align: center;
	}

.standard-copy h4 {
	color: #FF484E;
	font-family: 'Gotham A', 'Gotham B', sans-serif;
	font-size: 24px;
	font-weight: normal;
}

.pdf .bg--red {
	padding-left: 185px;
}

.impact .bg--red {
	padding: 0;
}

	.impact .bg--red figure {
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		height: 300px;
	}

	.impact .bg--red .impact--copy {
		padding: 15px;
	}

	.impact .bg--red .impact--copy h4 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.impact blockquote {
		margin: 0;
		padding: 0;
	}

	.impact .impact--quote {
		margin-bottom: 30px;
		padding-top: 30px;
	}

		.impact .impact--quote img {
			max-height: 250px;
			width: auto !important;
		}

.post-type-archive-careers #main-content,
.page-template-template-careers #main-content {
	/* padding-bottom: 30px; */
	padding-top: 0;
}

	.page-template-template-careers.our-approach-to-hiring #main-content,
	.page-template-template-openings #main-content,
	.page-template-template-careers.benefits-and-compensation #main-content,
	.page-template-template-careers.our-values #main-content {
		padding-top: 60px;
	}

.img-fluid {
	height: auto;
	width: 100%;
}

#main-content a.red--block {
	background-color: #FF484E;
	color: #fff;
	display: block;
	min-height: 345px;
	padding: 60px 30px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

	#main-content a.red--block h5 {
		text-transform: uppercase;
	}

	#main-content a.red--block h3 {
		font-size: 28px;
		margin: 60px auto;
	}

	.careers--row .desc h2 {
		color: #000 !important;
		font-family: 'CartographSansCF-DemiBold' !important;
	}

	.careers--row.bg--red .desc h2 {
		color: #fff !important;
	}

	.careers--row .desc p:last-of-type {
		margin-bottom: 0;
	}

	.careers--row.left-text .desc p:last-of-type {
		margin-bottom: 60px;
	}

.careers--row.quote {
	text-align: center;
}

.careers--row .border--box {
	border: 2px solid #FF484E;
	margin-bottom: 30px;
	padding: 30px;
	text-align: center;
}

	.careers--row .border--box img {
		height: 150px;
		width: auto;
	}

	.careers--row .border--box h4 {
		color: #FF484E;
		font-family: 'Gotham A', 'Gotham B', sans-serif;
		font-size: 20px;
		font-weight: 700;
		margin: 15px 0;
	}

.careers--row blockquote {
	font-size: 22px;
	font-style: italic;
	margin: 0;
	padding: 0 0 0 20px;
}

.careers--row blockquote p {
	font-size: 22px;
}

.page-template-template-careers img.aligncenter {
	display: block;
	margin: 0 auto 30px;
	position: relative;
}

.articles--list_careers .filter--title {
	margin-bottom: 20px;
	padding-top: 40px;
}

.articles--list_careers .filtering--links {
	padding-top: 0;
}

.open--positions .filter--no-results {
	padding-top: 15px;
}

.page-template-template-openings .filtering--links select {
	background-image: url('/wp-content/themes/kittelson2017/assets/img/icon-open-red.png');
}

.careers--row figure figcaption {
	background-color: #fff;
	color: #9b9b9b;
  font-size: 12px;
  font-size: .75rem;
  letter-spacing: 0.05em;
	font-family: 'CartographSansCF-DemiBold';
	padding: 5px;
	text-transform: uppercase;
}

.careers--row.slideshow-container .slide {
	border: 1px solid rgba(174,174,174,0.5); 
}

.careers--row .slick-slider {
	margin-bottom: 0 !important;
}

.slideshow-copy {
	padding-top: 60px;
}

/* mobile edits */
@media screen and (max-width: 800px) {

	.careers--row video { margin-top: 30px;}

	.bg--red.pdf img { display: none;}

	#main-content a.red--block {
		margin-bottom: 30px;
	}

	.page-template-template-careers img.aligncenter,
	.careers--row.standard-copy p[style="text-align: center;"],
	.careers--row.standard-copy h3[style="text-align: center;"] {
		left: 0;
	}

	.pdf .bg--red {
		padding-left: 30px;
	}

	#nav--mobile li a {
		font-family: 'Gotham A', 'Gotham B', sans-serif !important;
	}

	.careers--row .embed-container { margin-top: 30px; }

	.careers--row.dual-copy .medium-6 + .medium-6 { margin-top: 30px; }

}

/* ajax people search */
div[id*="ajaxsearchpro"] {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#ajaxsearchpro1_1,
#ajaxsearchpro2_1 {
	background-image: none !important;
}

#ajaxsearchpro1_1 .probox,
#ajaxsearchpro2_1 .probox,
div[id*="ajaxsearchpro"] .probox {
  background-color: transparent !important;
  box-shadow: none !important;
  height: 60px !important;
}

#main-content #ajaxsearchpro1_1 .probox .proinput input,
#main-content #ajaxsearchpro2_1 .probox .proinput input {
  background-color: #fff !important;
  border: 1px solid #E3E8F0 !important;
  border-radius: 25px !important;
	color: #4A4A4A;
  font-family: 'Gotham A', 'Gotham B', sans-serif; font-weight: 700;
  font-size: 14px;
	margin-top: 0 !important;
  outline: none !important;
  padding: 12px 18px !important;
  width: 320px !important;
}

#main-content #ajaxsearchpro2_1 .probox .proinput input {
	border: 1px solid #9b9b9b !important;
	border-radius: 15px !important;
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	width: 88% !important;
}

div.asp_m.ajaxsearchpro .probox .proinput { margin: 0 !important; }

#main-content #ajaxsearchpro1_1 .probox .proinput input::placeholder,
#main-content #ajaxsearchpro2_1 .probox .proinput input::placeholder  {
	font-size: 14px;
}

#main-content #ajaxsearchpro1_1 .probox .proinput input.autocomplete,
#main-content #ajaxsearchpro2_1 .probox .proinput input.autocomplete {
	display: none;
}

div[id*="ajaxsearchpro"] .probox .promagnifier {
  background-color: #F5C314 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  position: absolute;
  right: 60px;
  top: 12px;
}

div[id*="ajaxsearchpro2_1"] .probox .promagnifier {
	background-color: #FF484E !important;
	background-image: none !important;
	right: 40px;
	top: 40px;
}

div[id*='ajaxsearchpro'] .probox .proclose,
div[id*='ajaxsearchpro'] .probox .proloading {
  position: absolute !important;
  right: 60px;
  top: 12px;
}

div[id*='ajaxsearchpro2_1'] .probox .proclose,
div[id*='ajaxsearchpro2_1'] .probox .proloading {
	right: 40px;
	top: 40px;
}

div[id*='ajaxsearchpro'] .probox .proclose svg { background-color: #F5C314 !important; }

div[id*='ajaxsearchpro2_1'] .probox .proclose svg { background-color: #FF484E !important; }

div[id*="ajaxsearchpro"] .probox .promagnifier .innericon svg {
  fill: #fff !important;
}

div[id*='ajaxsearchpro'] .probox div.asl_simple-circle {
  border-color: #fff !important;
}

div[id*='ajaxsearchpro'] .probox .promagnifier .innericon svg, div[id*='ajaxsearchpro'] .probox .prosettings .innericon svg, div[id*='ajaxsearchpro'] .probox .proloading svg {
  width: 16px !important;
}

div[id*="ajaxsearchpro"] .probox div.prosettings { display: none; }

/* ajax results */
div[id*="ajaxsearchprores1_1"] .results .item .asp_content h3, div[id*="ajaxsearchprores1_1"] .results .item .asp_content h3 a,
div[id*="ajaxsearchprores2_1"] .results .item .asp_content h3, div[id*="ajaxsearchprores2_1"] .results .item .asp_content h3 a {
  color: #4A4A4A !important;
  font-family: 'CartographSansCF-DemiBold' !important;
  font-size: 16px !important;
}

#ideas--list .article--detail h5 {
	margin: -5px 0 0;
	padding: 0;
}

/* share hiring */

.text-video .desc ul {
	padding-left: 15px;
}

ul.share {
	color: #8A8A8D;
	font-family: 'CartographSansCF-DemiBold' !important;
	list-style: none;
	margin: 2rem 0;
	padding: 0 !important;
}

	ul.share li {
		display: inline-block;
		margin-right: 10px;
		position: relative;
	}

	ul.share li span.copy-success { 
		background-color: #8A8A8D;
		border-radius: 4px;
		color: #fff;
		font-size: 0.75em;
		padding: 5px;
		position: absolute;
		left: -24px;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		top: -36px;
		opacity: 0;
	}

	ul.share li span.copy-success span {
		background-color: #8A8A8D;
		bottom: -4px;
		height: 8px;
		left: 50%;
		margin-left: -4px;
		position: absolute;
		transform: rotate(45deg);
		width: 8px;
	}

	ul.share li .copied + span.copy-success {
		animation: shownum 2s linear;
  	animation-fill-mode: forwards;
	}

	@keyframes shownum {
		0%,100% { opacity: 0 }
  	50% { opacity: 1 }
	}

	ul.share img {
		height: 20px;
		position: relative;
		top: -2px;
		width: auto;
	}

	ul.share .icon-mail {
		color: #8A8A8D;
		font-size: 1.25rem;
	}