/*
Theme Name: 	Savannah Skylined
Description: 	Bespoke design and hand-coded WP theme for Africa's leading technology seed fund & accelerator. 1400 lines of responsive CSS. Recognize!
Version: 		2.0
Author: 		The Martians
Author URI: 	http://skylinedesign.co.ke
*/

/*
Contents:	01	Prepend
			02	Utilities
			03	Type
			04	Layout
			05	MQ
*/


/* ------------------------------------------------
01 Prepend __
--------------------------------------------------- */

@import "assets/css/reset.css";
@import "assets/css/utilities.css";
@import "assets/css/fonts.css";


/* ------------------------------------------------
02 Utilities __
--------------------------------------------------- */

.wrap {
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

.bg-light { background-color: #eaeede; }
.margin-bottom { margin-bottom: 29px; }

.preload * {
	-webkit-transition: none !important;
	   -moz-transition: none !important;
	        transition: none !important;
}


/* ------------------------------------------------
03 Type __
--------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

a { text-decoration: none; color: #99a76d; }

strong,
b {
	font-family: 'Gotham Medium', sans-serif;
	font-weight: normal;
}


/* ------------------------------------------------
04 Layout __
--------------------------------------------------- */


/* 04.1 - Base ------------------------------------ */

body {
	text-align: center;
	background: #f7faed;
	font-family: 'Gotham Book', sans-serif;
	overflow: hidden;
}

.page-template-page-about-php,
.page-template-page-accelerator-php {
	background: #fff;
}

button,
.button {
	border: 0;
	padding: 11px 36px 10px;
	background: #49595e url('assets/img/bg-arrow.png') 200px center no-repeat;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Gotham Book', sans-serif;
	font-size: 13px; 
}

button:hover,
.button:hover {
	padding: 11px 54px 10px 36px;
	background-position: right center;
}

.button {
	-webkit-transition:all 0.6s ease-out;
	   -moz-transition:all 0.6s ease-out;
	    -ms-transition:all 0.6s ease-out;
	     -o-transition:all 0.6s ease-out;
	        transition:all 0.6s ease-out;
}

/* 04.2 - Common -------------------------- */


/*-- Banner --*/

.banner {
	min-height: 70vh; /* golden ratio + 100 */
	min-height: 525px;
	background-image: url('assets/img/bg-banner-savannah.jpg');
	overflow: hidden;
	margin-bottom: 32px;
	color: rgba(255,255,255,0.85);
}

.error404 .banner {
	background: url('assets/img/bg-banner-savannah-dark.jpg');
}

.banner.banner-sub {
	min-height: 420px;
}

.page .banner.banner-sub,
.post-type-archive-startups .banner.banner-sub,
.post-type-archive-careers .banner.banner-sub {
	min-height: 390px;
}

.page-template-page-about-php .banner {
	margin-bottom: 0;
}

.page-template-page-about-php .one-col .half .inner {
	padding-top: 40px;
}

.home .banner {
	background: #000 url('assets/img/bg-banner-savannah-dark.jpg');
	background: #000;
	min-height: 430px;
	border-bottom: 6px solid #a5b06e;
}

.mast {
	border-top: 6px solid #a5b06e;
	overflow-x: hidden;
	z-index: 1;
}

.mast .wrap {
	max-height: 140px;
}

.mast .wrap:before,
.mast .wrap:after {
	height: 100px;
	background: rgba(255,255,255,0.99);
	width: 100%;
	top: 0;
	right: 99.9%; 
} /* epic */

.mast .wrap:after {
	top: -100px;
	left: 100%; 
}


/* SF Logo */

.logo-sf {
	width: 285px;
	height: 100px;
	display: block;
	position: relative;
	background: url('assets/img/logo-sf.png') right -2px no-repeat;
}

.logo-sf:before {
	width: 100%;
	left: 0;
	top: 100%;
	height: 38px;
	background: url('assets/img/logo-sf.png') 0 bottom no-repeat;
} /* even more epic */

.logo-sf:after {
	width: 855px;
	left: 100%;
	height: 100px;
	background: rgba(255,255,255,0.99);
}


/* Top Menu */

.menu-main {
	overflow: hidden;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Gotham Medium', sans-serif;
}

.menu-main li { float: left; }

.menu-main a {
	display: block;
	padding: 50px 20px 32px;
	color: #49595e;
	-webkit-transition: color 0.2s ease-out;
	   -moz-transition: color 0.2s ease-out;
	    -ms-transition: color 0.2s ease-out;
	     -o-transition: color 0.2s ease-out;
	        transition: color 0.2s ease-out;
}

.menu-main .current-menu-item a,
.menu-main .current_page_parent a,
.menu-main a:hover,
.post-type-archive-startups .menu-main .current_page_parent a:hover {
	color: #a5b06e;
}

.menu-main .current-menu-item a:before,
.menu-main .current_page_parent a:before {
	top: -1px;
	left: 50%;
	margin-left: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #a5b06e;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.post-type-archive-startups .menu-main .current_page_parent a:before,
.post-type-archive-careers .menu-main .current_page_parent a:before {
	display: none;
}

.post-type-archive-startups .menu-main .current_page_parent a,
.post-type-archive-careers .menu-main .current_page_parent a {
	color: #49595e;
}

#trigger-nav {
	position: absolute;
	right: 10px;
	text-transform: uppercase;
	padding: 50px 40px 30px;
	font-size: 20px;
}

#trigger-nav:before {
	font-family: "dashicons";
	content: "\f333";
	font-size: 28px;
	margin-left: -32px;
	margin-top: -1px;
}

.menu-mobile {
	z-index: 10000;
	position: absolute;
	background: rgba(255,255,255,0.975);
	left: 0;
	right: 0;
	top: 100px;
	border-bottom: 1px solid rgba(73, 89, 94, 0.19);
}

.menu-mobile li {
	float: none;
	display: block;
}

.menu-mobile a {
	text-align: center;
	padding: 24px 20px 20px;
	border-top: 1px solid rgba(73, 89, 94, 0.19);
}

.menu-mobile .current-menu-item a:before, 
.menu-mobile .current_page_parent a:before {
	display: none;
}


/* Banner Logo */

.logo-sf-waterhole,
.title-sf-waterhole {
	position: relative;
	display: block;
	margin: 125px auto 0;
	width: 333px;
	height: 50px;
	text-align: center;
	color: rgba(255,255,255,0.85);
	text-transform: uppercase;
	background: url('assets/img/logo-sf-waterhole.png');
}

.error404 .logo-sf-waterhole {
	background: url('assets/img/logo-sf-waterhole-404.png');
}

.banner-sub .logo-sf-waterhole {
	margin-top: 80px;
	-webkit-transform: scale(0.75);
	   -moz-transform: scale(0.75);
	    -ms-transform: scale(0.75);
	        transform: scale(0.75);
}

.logo-sf-waterhole:before,
.logo-sf-waterhole:after,
.title-sf-waterhole span:before,
.title-sf-waterhole span:after {
	position: absolute;
	width: 133px;
	right: 100%;
	margin-right: 5px;
	height: 1px;
	top: 50%;
	background: rgba(255,255,255,0.3);
}

.logo-sf-waterhole:after,
.title-sf-waterhole span:after {
	left: 100%;
	margin-left: 10px;
}

.title-sf-waterhole {
	position: absolute;
	display: block;
	margin: 85px auto 0;
	width: 100%;
	height: auto;
	background: none;
}

.title-sf-waterhole span {
	display: inline-block;
	padding: 0 25px;
}

.page .title-sf-waterhole,
.post-type-archive-startups .title-sf-waterhole {
	width: 100%;
}

.home-intro {
	position: absolute;
	top: 40px;
	width: 100%;
}

.home-intro li {
	padding-top: 66px;
	height: 324px;
	background: url('assets/img/bg-ngwatilo-idd.png') right bottom no-repeat;
}

.home-intro li.slide-about {
	background: #01051e url('assets/img/bg-erik.png') right bottom no-repeat;
}

.home-intro li.slide-waterhole {
	background: #000 url('assets/img/bg-banner-savannah-dark.jpg') right bottom no-repeat;
}

.home-intro h1 {
	text-transform: uppercase;
	color: #99a76d;
	margin: 120px 0 15px 25px;
	font-size: 14px;
}

.home-intro h1 span {
	display: block;
}

.home-intro p {
	color: rgba(255,255,255,0.5);
	line-height: 1.35;
	font-size: 14px;
	max-width: 50%;
	margin-left: 25px;
}

.home-intro p.learn-more {
	line-height: 1.35;
	text-transform: uppercase;
	color: rgba(255,255,255,0.25);
	opacity: 0;
}

.home-intro:hover p.learn-more,
.touch .home-intro p.learn-more {
	opacity: 1;
}

/*.home-intro p a:hover {
	border-bottom: 1px solid rgba(255,255,255,0.25);
}
*/

/* Social Icons */

.menu-social {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -125px;
	width: 50px;
}

.home .menu-social {
	margin-top: -197px;
	right: -15px;
	height: 50px;
	width: 250px;
	overflow: hidden;
	-webkit-transform: scale(.75);
	   -moz-transform: scale(.75);
	    -ms-transform: scale(.75);
	     -o-transform: scale(.75);
	        transform: scale(.75);
}

.banner-sub .menu-social {
	margin-top: -10px;
}

.single-post .banner-sub .menu-social {
	margin-top: -125px;
}

.menu-social li { display: block; }

.home .menu-social li {
	display: inline-block;
	float: left;
}

.menu-social a {
	display: block;
	width: 40px;
	height: 40px;
	margin: 5px;
	opacity: 0.5;
	background: url('assets/img/bg-sprite-social.png');
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}

.menu-social a:hover {
	opacity: 0.75;
/*	-webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	     -o-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	        transform: rotate(360deg);	
*/	-webkit-transform: scale(0.9);
	   -moz-transform: scale(0.9);
	    -ms-transform: scale(0.9);
	     -o-transform: scale(0.9);
	        transform: scale(0.9);	
}

.home .menu-social a:hover {
	opacity: 0.5;
	-webkit-transform: none;
	   -moz-transform: none;
	    -ms-transform: none;
	     -o-transform: none;
	        transform: none;	
}

.menu-social .twitter a { background-position: 0 -40px; }
.menu-social .linkedin a { background-position: 0 -80px; }
.menu-social .youtube a { background-position: 0 -120px; }
.menu-social .rss a { background-position: 0 -160px; }
.menu-social .angellist a { background-position: 0 -200px; }


/* Banner Menu */

.banner nav {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.menu-sub {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
}

.menu-sub:before,
.menu-sub:after {
	height: 40px;
	width: 100%;
	right: 100%;
	top: 0;
	background: #f7faed;	
}

.menu-sub:after { left: 100%; }

.menu-sub li {
	float: left;
	width: 20%;
}

.menu-sub li a {
	border-right: 1px solid rgba(165,176,110,0.3);
	display: block;
	padding: 11px 0;
	color: #434831;
	background: rgba(247,250,236,0.9);
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}

.menu-sub li:last-child a {
	border-right: 1px solid rgba(165,176,110,0);
}

.menu-sub li.current-menu-item a,
.menu-sub li.current_page_parent a,
.menu-sub a:hover,
.category-in-the-news .menu-sub li.current_page_parent a:hover,
.post-type-archive .menu-sub li.current_page_parent a:hover {
	color: #fff;
	/* background: rgba(0,0,0,0.2); */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.3) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.3) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.category-in-the-news .menu-sub li.current_page_parent a,
.post-type-archive .menu-sub li.current_page_parent a {
	color: #434831;
	background: rgba(247,250,236,0.9);	
}


/*-- Content Area --*/

.main-col { width: 800px; }

.main-col .post {
	width: 365px;
	float: left;
	margin-bottom: 25px;
	margin-right: 35px;
	-webkit-perspective: 1000;
	-webkit-perspective: 1000;
	   -moz-perspective: 1000;
	    -ms-perspective: 1000;
	     -o-perspective: 1000;
	        perspective: 1000;
}

.post .cover {
	display: block;
	width: 100%;
	height: 145px;
	background-color: rgba(0,0,0,0.05);
	overflow: hidden;
}

.post:hover .cover {
	-webkit-transform: rotateY(-22.5deg);
	   -moz-transform: rotateY(-22.5deg);
	    -ms-transform: rotateY(-22.5deg);
	     -o-transform: rotateY(-22.5deg);
	        transform: rotateY(-22.5deg);
/*	-webkit-filter: grayscale(1);
*/}

.post-slide .cover {
	height: 313px;
}

.post-video .cover {
	height: 215px;
}

.main-col .post-video {
	margin-bottom: 35px;
}

.post-slide:hover .cover,
.post-video:hover .cover {
	-webkit-transform: rotateY(0);
	   -moz-transform: rotateY(0);
	    -ms-transform: rotateY(0);
	     -o-transform: rotateY(0);
	        transform: rotateY(0);
/*	-webkit-filter: grayscale(1);
*/}

.single figure.cover {
	margin-bottom: 30px;
}

.post .cover a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.post .cover a span {
	display: none;
	position: absolute;
	bottom: -50%;
	right: 20px;
	color: rgba(255,255,255,0.75);
	text-transform: uppercase;
	font-size: 11px;
}

.post:hover .cover a span {
	bottom: 12px;
}

.post .post-title {
	background: #fff;
	display: block;
	padding: 22px;
	font-size: 18px;
	color: #49595e;
}

.post .post-title.bordered {
	border-top: 1px solid #f3f4ee;
}

.post .meta {
	position: relative;
	min-height: 84px;
}

.post .avi {
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 20px;
	border: 3px solid #fff;
	box-shadow: 1px 1px 0 0 rgba(0,0,0,0.1);
	z-index: 2;
	overflow: hidden;
	-webkit-border-radius: 60px;
	   -moz-border-radius: 60px;
	        border-radius: 60px;
}

.post .avi img {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 60px;
	   -moz-border-radius: 60px;
	        border-radius: 60px;
}

.post .meta-text {
	border-top: 1px solid #f3f4ee;
	background: #fff;
	max-height: 40px;
}

.post .meta-text a {
	display: inline-block;
	color: #bec3ae;
}

.post .meta-text a:hover {
	color: #49595e;
}

.post .meta-text .meta-author {
	padding: 12px 0 10px 100px;
	max-width: 130px;
	overflow: hidden;
}

.post-event .meta-text .meta-author,
.post-download .meta-text .meta-author {
	padding: 12px 0 10px 25px;
}

.post .meta-comments {
	padding: 12px 21px 10px;
	border-left: 1px solid #f3f4ee;
}

.post .meta-comments:hover {
	background-color: rgba(243,244,238,0.25);
}

.post-category {
	display: inline-block;
	color: #86925d;
	text-transform: uppercase;
	font-size: 11px;
	margin-top: 7px;
	padding: 2px;
}

.post-category:hover {
	border-bottom: 1px dotted #bec3ae;
}

.main-col .post-event.featured,
.main-col .post-event.not-featured {
	clear: both;
	margin-bottom: 35px;
	border-bottom: 1px solid #eaeede;
	padding-bottom: 35px;
	margin-right: 35px;
}

.main-col .post-event.not-featured {
	border-top: 1px solid #eaeede;
	padding-top: 20px;
	padding-bottom: 15px;
}

.main-col .post-event,
.main-col .post-download {
	margin-bottom: 35px;
	line-height: 1.6;
}

.main-col .post-event {
	margin-right: 35px;
}

.main-col .post-download {
	border-bottom: 1px solid #f3f4ee;
}

.main-col .post-event.featured a:hover {
	border-bottom: 1px dotted;
}

.main-col .post-event .meta,
.main-col .post-download .meta {
	min-height: 44px;
}

.post-event .meta-text,
.post-download .meta-text {
	border-top: 1px solid #f3f4ee;
	background: #fff;
	max-height: 44px;
}

.post-event.featured:after {
	position: absolute;
	display: inline-block;
	content: "Featured";
	padding: 5px 20px;
	top: 20px;
	left: -10px;
	color: #fff;
	text-transform: uppercase;
	background-color: #1f3137;
	font-size: 12px;
}

.post-event.not-featured:after {
	content: "Details";
	left: 0px;
}

.post-event.featured .cover {
	height: 235px;
	margin-bottom: 15px;
	background-color: rgba(0,0,0,0.02);
}

.single .post-event.featured .cover {
	height: 215px;
}

.post-event.featured .event-name {
	width: 200px;

}

.post-event.featured .event-meta {
	margin-left: 200px;
}

.post-event.featured .event-meta strong {
	min-width: 100px;
	display: inline-block;
}

nav.pagination {
	padding-top: 20px;
	clear: both;
}

nav.pagination a,
nav.pagination span.pages,
nav.pagination span.dots,
nav.pagination span.current {
	display: inline-block;
	padding: 5px 13px;
	border: 1px solid #99a76d;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	margin-right: 5px;
	color: #99a76d;

	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}

nav.pagination a:hover, nav.pagination a:focus {
	border: 1px solid #99a76d;
	background: #99a76d;
	color: #fff;
}

nav.pagination span.current {
	border: 1px solid #99a76d;
	background: transparent;
	color: #99a76d;
}

.single .main-col .inner,
.page .one-col {
	line-height: 1.61;
	padding-right: 60px;
	font-size: 17px;
	color: #333;
}

.page .one-col {
	padding-right: 0;
	font-size: 15px;
}

.one-col .half.left .inner {
	padding-right: 40px;
	border-right: 1px solid rgba(0,0,0,0.05);
}

.one-col .half.right .inner {
	padding-left: 40px;
}

.single .main-col h1 {
	font-family: 'Gotham Medium';
	font-size: 26px;
	line-height: 1.25;
	padding: 10px 0 28px;
	color: #86925d;
}

.addthis_toolbox {
	padding-bottom: 30px;
}

.single .main-col p,
.page .one-col p {
	padding-bottom: 36px;
}

.single .main-col p.meta {
	text-transform: uppercase;
	color: rgba(0,0,0,0.5);
	font-size: small;
}

.single .main-col ul,
.page .one-col ul {
	padding-bottom: 36px;
	padding-left: 36px;
	list-style-image: url('assets/img/bg-icon-bullet.png');
}

.single .main-col ol,
.page .one-col ol {
	padding-bottom: 36px;
	padding-left: 36px;
	list-style-type: decimal;
}

.single .main-col ul li,
.page .one-col ul li,
.single .main-col ol li,
.page .one-col ol li {
	padding-bottom: 4px;
}

.single .main-col ol li,
.page .one-col ol li {
	padding-bottom: 18px;
}

.wp-caption-text {
	font-size: smaller;
	padding-top: 5px;
	line-height: 1.25;
}

.single .main-col .post-event p {
	padding-bottom: 6px;
}

.page .one-col p {
	padding-bottom: 30px;
}

.page.home .one-col p {
	font-size: 14px;
	padding-bottom: 10px;
}

.single .main-col p img {
	box-shadow: 0 0 0 5px #eaeede;
}

.single .alignleft {
	float: left;
	margin: 0 30px 10px 0;	
}

.single .alignright {
	float: right;
	margin: 0 0 10px 30px;	
}


/*-- Sidebar --*/

.side-col { width: 340px; }


/* Search */

.search-form {
	height: 48px;
	position: relative;
}

.error404 .search-form {
	width: 365px;
	margin: 40px auto;
}

form label {
	display: block;
	background: #fff;
	height: 48px;
}

form .pad { padding: 0 71px 0 23px; }

.search-form input,
.mailchimp input {
	display: block;
	width: 100%;
	background: transparent;
	border: 0;
	padding-top: 15px;
	text-transform: uppercase;
	font-family: 'Gotham Book', sans-serif;
	color: #d3d6c8;
	font-size: 16px;
}

.search-form .search-button {
	padding: 0;
	position: absolute;
	display: block;
	width: 48px;
	height: 48px;
	right: 0;
	top: 0;
	border: 0;
	background: #9aa76d url('assets/img/bg-icon-search.png') center no-repeat;
}

.search-form .search-button:hover {
	background-color: #49595e;
}


/* Categories */

.menu-category {
	padding: 9px;
	text-transform: uppercase;
}

.menu-category li { display: block; }

.menu-category a {
	display: block;
	padding: 10px 9px 9px;
	color: #86925d;
	border-bottom: 1px solid #e0e5d1;

	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	    -ms-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}

.menu-category a:hover {
	background: rgba(134,146,93,0.05);
	padding-left: 18px;
}

.menu-category .current-menu-item a,
.menu-category .current-post-ancestor a {
	border-right: 5px solid #e0e5d1;
}

.menu-category li:last-child a { border-bottom: none; }

/* Media Kit */

.press-kit {
	height: 120px;
	display: block;
	background: #eaeede;
	position: relative;
	overflow: hidden;
	margin-bottom: 29px;
}

.press-kit span.jina {
	display: block;
	padding: 44px 25px 0;
}

.press-kit span.shukisha {
	position: absolute;
	bottom: 0;
	padding: 11px 25px;
	display: block;
	background: #9aa76d url('assets/img/bg-arrow-down.png') 25px -10px no-repeat;
	left: 0;
	right: 0;
	color: #fff;
	max-height: 40px;
	border-top: 2px solid rgba(255,255,255,0.5);
}

.press-kit:hover span.shukisha {
	padding: 11px 25px 11px 50px;
	background-position: 25px 17px;
}

/* Mailchimp */

.mailchimp input { padding-top: 12px; }

.mailchimp label {
	height: 42px;
	margin-bottom: 10px;
}

.mailchimp {
	padding: 35px 22px 18px;
	margin-top: 40px;
}

.mailchimp .pad { padding: 0 22px; }

.mailchimp:before {
	position: absolute;
	top: -18px;
	left: 20px;
	width: 40px;
	height: 40px;
	background: url('assets/img/bg-icon-mail.png') center no-repeat; 

	-webkit-transition: all 0.9s ease-out;
	   -moz-transition: all 0.9s ease-out;
	    -ms-transition: all 0.9s ease-out;
	     -o-transition: all 0.9s ease-out;
	        transition: all 0.9s ease-out;
}

.mailchimp:hover:before{
/*	-webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	     -o-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	        transform: rotate(360deg);	
*/}

.rss {
	padding: 12px 23px 10px;
	display: block;
	margin-top: 1px;
	background: #eaeede url(assets/img/bg-sprite-social.png) right -160px no-repeat;
}

.rss:hover {
	padding-left: 32px;
}


/*-- Footer --*/

.sole {
	background: #9aa76d;
	color: #fff;
	color: rgba(255,255,255,0.85);
	margin-top: 60px;
	font-size: 14px;
	line-height: 19px;
}

.page-template-page-about-php .sole {
	margin-top: 0;
}

.sole .wrap { padding: 45px 0 32px; position: relative; }

.sole .wrap:before,
.press-kit .shukisha:before {
	position: absolute;
	display: inline-block;
	width: 147px;
	height: 76px;
	bottom: 100%;
	right: 0;
	background: url('assets/img/bg-grass.png') right bottom no-repeat;
}

.press-kit .shukisha:before {
	right: -110px;
}

.sole h3 {
	font-size: 16px;
	font-family: 'Gotham Medium', sans-serif;
	margin-bottom: 22px;
	color: #fff;
}

.foot-col { float: left; }
.foot-col .inner { margin-right: 65px; }
.foot-col:last-child .inner { margin-right: 0; }

.foot-col.bio { width: 45%; }
.foot-col.local { width: 35%; }
.foot-col.credits { width: 20%; }

a.credit {
	color: #c5d19d;
	font-size: smaller;
}


/* 04.3 - Specific -------------------------- */

#map-trigger {
	margin: 0 0 30px 10px;
	display: inline-block;
}

.map-wrap {
	display: none;
}

.startup-map {
	margin: 0 10px 0;
	background: #a5b06e;
	border-top: 5px solid #eaeede;
	border-bottom: 5px solid #eaeede;
}

.startup-map .inner {
	padding-bottom: 35%;
	position: relative;
}

.maps {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.maps .relative,
.maps .map {
	height: 100%;
}

.maps .map {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.maps .map.active {
	display: block;
}

.maps .map:first-child {
	background-image: url(assets/img/africa-ea.jpg);
}

.maps .map:nth-child(2) {
	background-image: url(assets/img/africa-sa.jpg);
}

.map-sidebar {
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	height: 100%;
	background: rgba(255,255,255,0.15);
	color: #fff;
}

.map-region {
	box-shadow: 0 1px 0px rgba(0,0,0,0.05);
}

.map-region__title {
	padding: 20px;
}

.map-region__title-name {
	font-family: 'Gotham Medium', sans-serif;
	color: #556126;
	cursor: pointer;
}

.map-region__title-info {
	padding-top: 6px;
	font-size: 90%;
}

.map-region__countries {
	padding: 0 20px 20px;
}

.map-region__title-name,
.map-region__country-name {
	text-transform: uppercase;
	/* cursor: pointer; */
}

.map-region__country-name:before {
	content: "+ ";
	position: relative;
	display: inline;
}

.active > .map-region__country-name:before {
	content: "- ";
}

.map-region__countries,
.map-region__country-info {
	display: none;
}

.map-region:first-child .map-region__countries {
	display: block;
}

.map-region__country-info {
	padding: 5px 8px;
	background: rgba(70,105,35,0.2);
	margin: 4px 0 6px;
	border-radius: 5px;
	font-size: 12px;
}

#startup-filter {
	padding: 0 10px;
}

#startup-filter .no-display {
	display: none !important;
}

#startup-filter a {
	display: inline-block;
	padding: 7px 15px;
	background: #eaeede;
	float: left;
	margin: 0 2px 2px 0;
	color: #86925d;
	text-transform: uppercase;
}

#startup-filter a.current,
#startup-filter a:hover {
	color: #fff;
	background: #99a76d
}

#startups {
	padding-top: 30px;
}

#startups li {
	float: left;
	width: 260px;
	height: 172px;
	background: #fff;
	margin: 0 10px 20px;
	overflow: hidden;
	cursor: pointer;
}

#startups li .inner {
	border: 1px solid #eee;
	height: 170px;
}

.flipped {
	background: #fff;
	padding: 20px;
	height: 100%;
	font-size: 85%;
}

.flipped a {
	text-transform: uppercase;
}

.startup-logo {
	width: 258px;
	height: 100%;
	border-right: 1px solid #eee;
	overflow: hidden;
}

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


/* About */

.page .one-col img {
	max-width: 100%;
	height: auto;
	box-shadow: 0 0 0 5px rgba(0,0,0,0.05);
	margin-bottom: 15px;
}

.page .one-col .right .textwidget img {
	box-shadow: none; margin-right: 5px;
	margin-right: 12px;
}

.page .one-col .right .textwidget a:last-child img {
	margin-right: 0;
}

.page .one-col iframe {
	box-shadow: 0 0 0 5px rgba(0,0,0,0.05);
}

.page.page-template-page-about-php .one-col iframe {
	box-shadow: none;
}

.page-template-page-about-php .textwidget iframe,
.page-template-page-accelerator-php .textwidget iframe {
	margin-bottom: 30px;
}

.team-profiles { 
	background: rgba(0,0,0,0.025);
	border-top: 1px solid #eee;
}

.page-template-page-about-php .slides li { height: 460px; }

.slides .inner {
	padding-top: 50px;
}

.home .slides .inner {
	padding-top: 0px;
}

.slides .profile-image {
	width: 180px;
}

.slides .profile-image img {
	max-width: 100%;
	height: auto;
	box-shadow: 0 0 0 5px #fff;
	float: left;
	width: 180px;
	height: 180px;
}

.slides .profile-info {
	margin-left: 220px;
}

.slides .profile-info h2 {
	font-family: 'Gotham Medium';
	font-size: 32px;
	padding-bottom: 12px;
}

.slides .profile-info h2 span {
	color: #999;
	font-size: 14px;
	padding-bottom: 12px;
	display: block;
}

.slides .profile-info p {
	margin-bottom: 16px;
}

.page .one-col h3 {
	font-family: 'Gotham Medium';
	font-size: 18px;
	padding-bottom: 12px;
}

.home.page .one-col h3 {
	font-size: 14px;
	text-transform: uppercase;
}

h3.pad-top {
	padding-top: 40px;
}


/* Home */

.home .content .third .inner {
	padding: 0 25px;
}

.home-cta {
	text-transform: uppercase;
}


/* Careers */

.post-type-archive-careers .one-col {
	width: 80%;
	margin: 0 auto;
}

.post-type-archive-careers p {
	padding-bottom: 2.8rem;
}

.post-type-archive-careers table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px;
}

.post-type-archive-careers th {
	font-family: "Gotham Medium";
	font-weight: normal;
}

.post-type-archive-careers table tr {
	border-top: 1px solid rgba(0,0,0,0.15)
}

.post-type-archive-careers tbody tr:last-child {
	border-bottom: 1px solid rgba(0,0,0,0.15)
}

.post-type-archive-careers table th,
.post-type-archive-careers table td {
	padding: 10px 15px 8px 0;
}

.post-type-archive-careers table td a {
	display: block;
}

.post-type-archive-careers table td:first-child {
	text-transform: uppercase;
}

.post-career {
	padding-bottom: 30px;
}

.post-career h3 {
	text-transform: uppercase;
	padding-bottom: 14px;
}

.post-career .ftimg {
	width: 25%;
}

.post-career .ftimg .button {
	border: 0;
	padding: 8px 42px 7px;
}

.post-career .ftimg .paddit {
	height: 0;
	padding-bottom: 65%;
	background-color: rgba(0,0,0,0.01);
	box-shadow: 0 0 0 1px #ddd;
}

.post-career .ft-txt {
	width: 75%;
}

.post-career .ft-txt .padding {
	padding: 20px;
	border-left: 1px solid #ddd;
	min-height: 90px;
}

.post-type-archive-careers .post-career .ft-txt .padding p {
	padding-bottom: 0;
}

.post-career .ft-txt .meta {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-right: 60px;
}

.post-career .meta-detail {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	color: #474747;
	max-width: 40%;
	padding: 5px 40px 5px;
}

.post-career .meta-detail:last-child {
}

.meta-detail-tag {
	background: url('assets/img/icon-tag.png') 21px center no-repeat;
}

.meta-detail-msee {
	background: url('assets/img/icon-msee.png') 17px center no-repeat;
}

.meta-detail-map {
	background: url('assets/img/icon-map.png') 19px center no-repeat;
}



/* ------------------------------------------------
05 MQ __
--------------------------------------------------- */


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  
  /* Retina-specific  */

}

@media only screen and ( max-width: 1140px ) {
	.content { padding: 0 3%; }
	.wrap { width: 100%; }
	iframe { max-width: 100%; }
	.menu-social { right: 20px; }

	.main-col { width: 100%; }
	.main-col .masonize { width: 835px; padding-left: 35px; margin: 0 auto; }
	nav.pagination { text-align: center; padding: 30px; }

	/* .main-col .inner, */
	.single .main-col .inner
	/* , .page .one-col */  { padding: 0 40px; }

	.side-col { width: 100%; text-align: center; }
	.search-form,
	.mailchimp { width: 340px; margin: 40px auto 30px; }
	.press-kit { width: 340px; margin: 0 auto 30px; }

	.one-col .half .inner { padding: 40px; }

	.post-type-archive-events .main-col { width: 800px; margin: auto; float: none; }

	#startups { width: 840px; margin: auto; }
	.map-sidebar { width: 55%; }

	.page-template-page-about-php .slides li { height: 500px; }

}

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

	.map-region:first-child .map-region__countries { display: none; }

}

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

	.logo-sf { width: 75px; }
	.logo-sf:before { display: none; }
	.logo-sf:after { width: 950px; }


}


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

	.mast { overflow: visible; }

	.logo-sf-waterhole:before,
	.logo-sf-waterhole:after,
	.title-sf-waterhole:before,
	.title-sf-waterhole:after { display: none; }

	/* home */

	.home-intro p { max-width: 85%; }
	.flex-direction-nav { display: none; }
	.home .one-col .third { width: 50%; }

	.home .one-col .third:last-child { width: 100%; margin-top: 20px; }
	.home .one-col .third:last-child p { margin-left: 330px; }
	.home .one-col .third:last-child p:first-child { float: left; margin-left: 0; }
	.foot-col .inner { margin: 0 25px 0 20px; }

	.page-template-page-about-php .slides li { height: auto; }
	.slides .profile-info { margin-left: 0; padding-bottom: 70px; }
	.page-template-page-about-php .slides .inner { padding: 50px 30px 0; text-align: center; }
	.slides .profile-image { width: auto; }
	.slides .profile-image img { float: none; width: 120px; height: 120px; border-radius: 100px; }

	.post-type-archive-careers .one-col { width: 95%;}

}

@media only screen and ( max-width: 835px ) {
	.main-col .masonize { width: 400px; padding-left: 0; }
	.one-col .half { width: 100%; }

	.post-type-archive-events .main-col { width: 365px; margin: }
	.post-type-archive-events .main-col .post,
	.main-col .post-event.featured { margin-right: 0; }
	.post-event.featured .event-name { width: 100%; float: none; }
	.post-event.featured .event-meta { margin-left: 0; padding-top: 10px; }

	#startups { width: 580px; }

}

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

	.banner { overflow: visible; }
	.menu-main { display: none; }
	.display-700 { display: block; }

}

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

	.banner { min-height: 435px; }
	.logo-sf-waterhole,
	.title-sf-waterhole { margin: 65px auto 0; }

	.home-intro:after { width:100%; height: 100%; background: rgba(0,0,0,0.5); }
	.home-intro li { background: url('assets/img/bg-ngwatilo-idd.4.png') right bottom no-repeat; }
	.home-intro li.slide-about { background: #01051e url('assets/img/bg-erik.2.png') right bottom no-repeat;}
	.home-intro p { color: rgba(255,255,255,0.95); }

	.menu-social { position: relative; right: 0; top: 0; margin: 20px auto 0; width: 250px; height: 50px; overflow: hidden; }
	.menu-social li { display: inline-block; float: left; }
	.banner-sub .menu-social { margin-top: 0; padding-top: 130px; }
	.banner-sub .logo-sf-waterhole { margin-top: 60px; }
	.foot-col.local,
	.foot-col.bio { width: 50%; }
	.foot-col:last-child { padding-top: 20px; }

	.map-region__title { padding: 9px 12px 5px; }
	.map-region__title-info { display: none; }

}

@media only screen and ( max-width: 620px ) {
	.page .banner.banner-sub,
	.post-type-archive-startups .banner.banner-sub,
	.post-type-archive-careers .banner.banner-sub { min-height: 280px; }

	.banner { overflow: visible; }
	.banner-sub .menu-social { padding-top: 50px; }
	.single-post .banner-sub .menu-social { margin-top: -35px; }	
	.logo-sf-waterhole,
	.title-sf-waterhole,
	.banner-sub .logo-sf-waterhole {
		margin-top: 5px;
		-webkit-transform: scale(0.75);
		   -moz-transform: scale(0.75); 
		    -ms-transform: scale(0.75); 
		     -o-transform: scale(0.75); 
		        transform: scale(0.75); 
	}
	.menu-sub li { width: 50%; }
	.menu-sub li:nth-child(3) { width: 100%; }
	.menu-sub li a { border-top: 1px solid rgba(165,176,110,0.3); }
}

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

	.home .banner { min-height: 410px; }
	.mast .wrap { max-height: 80px; }
	.logo-sf { height: 80px; background-position: right -22px; }
	.logo-sf:after { height: 80px; }
	.logo-sf-waterhole,
	.title-sf-waterhole,
	.banner-sub .logo-sf-waterhole { margin-top: 65px; }
	.banner-sub .menu-social { padding-top: 110px; }
	.single-post .banner-sub .menu-social { margin-top: -95px; }
	.menu-mobile { top: 80px; }

	.main-col .masonize { width: 365px; }
	.main-col .post { margin-right: 0; }

	#trigger-nav { padding: 40px 20px 15px 40px }
	#startups { width: 260px; }

	.home .content .wrap { width: 320px; }
	.home .one-col .third { width: 100%; margin-top: 20px; }

	.home .one-col .third:last-child p { margin-left: 0; }
	.home .one-col .third:last-child p:first-child { float: none; }
	.home-intro li { height: 304px; }
	.home-intro h1 { margin: 80px 0 15px 25px; }
	.home-intro br { display: none }
	.home-intro .learn-more br { display: block }

	.foot-col.bio br { display: none; }
	.foot-col.local,
	.foot-col.bio,
	.foot-col.credits { width: 100%; padding-top: 20px; text-align: center; }

	.post-type-archive-careers table td { display: block; padding: 5px 15px 3px 0; }
	.post-type-archive-careers thead { display: none; }
	.post-type-archive-careers tbody td:first-child { border-bottom: 1px dotted rgba(0,0,0,0.15); padding-top: 15px; }
	.post-type-archive-careers tbody td:last-child { padding-bottom: 10px; }

	.post-type-archive-careers .one-col { width: 90%;}

}

@media only screen and (max-width: 480px) {
	.post-career .ftimg { float: none; width: 55%; }
	.post-career .ft-txt { width: 100%; margin-top: 7px; }
	.post-career .ft-txt .meta { margin-right: 0; }

}

@media only screen and ( max-width: 365px ) {
	.masonize { padding-left:  0 }

	.main-col .post { width: 100%; max-width: 100%; }
	.post .meta-text a.meta-comments { display: none; }
	.post .meta-text .meta-author { display: block; text-align: right; padding-right: 21px; }
	.post-category { padding-right: 21px; }

	.mailchimp { width: auto; }

}