/*
Theme Name:     Kuehn Genesis child theme
Description:    This is a child theme of Genesis
Author:         Golin Web Design
Template:       genesis

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../genesis/style.css");


/* ## Headings and Fonts
--------------------------------------------- */

h2,
h3,
h4,
h5,
h6 {
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
}

h1, .entry-title {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 34px;
	font-weight: normal;
	margin-bottom:35px;
}

h2  {
	font-size: 35px;
	color:#8fb4a2;
	font-weight:normal;
}

h3 {
	font-size: 20px;
	color:#464b59;
	text-transform:uppercase;
}

h4 {
	font-size: 16px;
}
body > div {
		font-size: 20px;
		color:#464b59;
		font-family:'alegreya sans', sans serif;
		
	}
body {
	background-image:url('/wp-content/uploads/KuehnMapRepeat.png');
}

p {
	margin-bottom:25px;
	font-family:'alegreya sans', sans serif;
}
a, a:visited .entry-title a {
	color:#5b92c4;
}
a, a:visited, .entry-title a {
	text-decoration: none;
	color:#5b92c4;
}
a:hover, .entry-title a:hover {
	text-decoration:underline;
	color:#5b92c4;
}

/* image captions */
.wp-caption-text {
	font-weight: normal;
	font-size: 13px;
	font-family: "Alegraya Sans", sans-seric;
}

/********** Page Layout **********/

/* set site width, header width and nav width*/
.content-sidebar-wrap, .site-header .wrap, .nav-primary .wrap {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto 
}
/* content background image and margins */
.site-container {
	padding: 60px 100px 0px 100px;
	}
/* space between header and content */
.site-header .wrap {
	margin-bottom:30px;
	padding-left:0;
	padding-right:0;
}
body:not(.home) .content-sidebar-wrap {
	background-color:#e2ece7;
	padding-left:35px;
	padding-right:35px;
	}
	
/********* header settings *************/
.title-area p {
	display:none;
}
/* set dimensions of logo */
.logo {
	max-width:439px;
	height: auto;
	}
/* reduce space bewteen content and footer */
.page .entry, .single .fellow {
	margin-bottom:15px;
}


/********** basic footer setting *********/
/* remove genesis gototop */
/* make footer go edge to edge */
.site-footer {
	margin-left:-100px;
	margin-right:-100px;
	background-color:#464b59;
	color:#8fb4a2;
	padding-bottom:15px;
	}
.site-footer .wrap {
	max-width:1600px;
	padding-left:100px;
	padding-right:100px;
	margin-left:auto;
	margin-right:auto;
	}
.site-footer .gototop {
	display:none;
}
.footer-widgets .wrap {
	padding-top:25px;
	padding-bottom:25px;
	max-width: 1400px;
	margin-left:auto;
	margin-right:auto;
}
.footer-sitecredits {
	margin-top:40px;
	float:right;
	}
.footer-sitecredits a, .footer-sitecredits a:hover {
	color:#8fb4a2 !important;
	font-size:16px;
	text-decoration: none;
	margin-right:10px;
	}
.foot-left {
	float:left;
	}

/********** navigation ****************/
	
/* move main menu to right of logo */
.nav-primary .genesis-nav-menu {
   width:396px;
   float:right;
   margin-top:-85px;
   text-transform:uppercase;
   font-family: "alegreya sans", sans-serif;
   font-size:15px;
   font-weight: bold;
   list-style:none;
}
.nav-primary ul:not(.sub-menu) li {
    float:left;
}
/* remove sub-menu arrow indicator */
.nav-primary .sf-sub-indicator {
    display:none;
}
.nav-primary .genesis-nav-menu a {
	 padding:15px 15px 12px 15px;
}
.nav-primary .genesis-nav-menu li a {
	 color:#8fb4a2;
	 text-decoration: none;
	 border:1px solid #8fb4a2;
	 margin-left:20px;
}
.nav-primary .genesis-nav-menu li a:hover {
	 color:#464b59 !important;
	 text-decoration: none;
}

/* style submenu */
.nav-primary ul.sub-menu {
	list-style:none;
	margin-top:10px;
	width:210px;
	position:absolute;
	z-index:99;
}
.nav-primary ul.sub-menu li {
    width:210px;
}
.nav-primary ul.sub-menu li a, .nav-primary ul.sub-menu li a:hover {
	text-transform:capitalize;
	font-family:'alegreya sans', sans-serif;
	color:#8fb4a2;
	border:none;
	font-weight:normal;
	font-size:16px;
	border: solid 1px #8fb4a2;
    display:inline-block;
    width:100%;
    margin-left:0;
	}
.nav-primary ul.sub-menu li a:hover {
    color:#464b59 !important;
}
.nav-primary ul.sub-menu li:not(:first-child) a {
	border-top:0px !important;
	}

/* submenu background color */
.nav-primary ul.sub-menu li a {	
    	background-color: rgba(255, 255, 255, 0.9);
	}
    	
.nav-primary ul.sub-menu {
	border:none;
	padding-top:15px;
	padding-bottom:5px;
}
/* color of current menu item */
.genesis-nav-menu .current-menu-item a, .genesis-nav-menu .sub-menu .current-menu-item a, .genesis-nav-menu .current-menu-parent a {
	color:#464b59 !important;
}
/* make sure that sub menu items that are not the current page are not set to the current page color */
.genesis-nav-menu li:not(.current-menu-item):not(.current-menu-parent) a, .genesis-nav-menu .sub-menu li:not(.current-menu-item) a {
	color:#8fb4a2 !important;
}


/********** homepage ***********/
/* adjust nav to line up with homepage boxes */
body.home .nav-primary .wrap {
	padding-right:.75%;
	}
/* don't display page title */
.home h1.entry-title {
	display:none;
}

/* box area - 2 column flex box */
.homeboxes-container {
	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	overflow: hidden;
	}
.homeboxes-col1 {
	flex:1;
	max-width:41%;
	margin-right:7.5px;
	}
.homeboxes-col2 {
	flex:1;
	max-width:57%;
	position:relative;
	margin-left:7.5px;
	}
.homeboxes-right-row1,	.homeboxes-left-row1 {
	margin-bottom:15px;
	}
.homeboxes-right-row2,	.homeboxes-left-row2 {
	margin-top:15px;
	}

.homeboxes-right-row1, .homeboxes-right-row2 {
	position: relative;
	}
.homeboxes-text1 {
	position:absolute;
	top:35px;
	left:40px;	
	width:55%;
	padding-right:20px;
	}	
.homeboxes-text1 p {
	font-size:27px;
	line-height:44px;
	color:#fff;
	}
.homeboxes-text2 {
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	align-items:center;
	width:100%;
	height:100%;
	padding-left:40px;
	padding-right:40px;
	}
.homeboxes-text2 p {
	font-size:27px;
	line-height:44px;
	flex-basis:90%;
	margin-top:0;
	}
.homeboximage  {
	width:100%;
	}
/* hide mobile version */
.homeboxes-right-row3 {
	display:none;
	}
/***** secondary pages *********/
/* limit content area to 850px except for home, current fellows and alumni fellows */
body:not(.home):not(.page-id-36):not(.page-id-32):not(.page-id-479):not(.archive) .content {
	max-width: 850px !important;
}
/* add padding except for alumni page */
body:not(.home):not(.page-id-32) .content {
	margin-top:15px;
	padding-top:35px;
}

/* don't display page headers */
/* adjust content area */

h1.entry-title {
	display:none;
	}
/*** sub-page banners */
.banner-background {
	position:relative;
	max-width: 1400px;
	margin-left:auto;
	margin-right:auto;		
	}
.bannerimage img, .bannerimage {
	width:100%;
	}
.bannercontainer {
	position:absolute;
	display:flex;
	justify-content:left;
	align-items:center;
	top:0;
	left:0;
	height:100%;
	}
.subpage-title {
	flex:1;
	}
.subpage-title h1 {
	font-size:50px;
	color:#fff;
	text-align:left;
	display:inline;
	font-weight:normal;
	margin-bottom:0;
	padding-left:50px;
}

/*** housing navigator page ****/
.housing-navigator-panel img, .housing-navigator-panel figcaption {
	width:100%;
	max-width:600px !important;
}
.housing-navigator-map img, .housing-navigator-map figcaption {
	width:100%;
	max-width:600px !important;
}
/***** application page *****/
.application_content {
	max-width:850px;
	/*border-bottom:1px solid #8fb4a2;*/
	padding-bottom:25px;
	margin-bottom:15px;
	}
.faq_revision {
	font-size:15px;
	margin-left:25px
	}
.faqbutton {
	margin-bottom:0px !important;
	}

.vc_grid-filter-dropdown::before {
	content:"Filter by year: ";
	font-size:16px;
	vertical-align:middle;
	padding:5px;
	}
.vc_grid-filter-dropdown .vc_grid-styled-select	{
	width:100px !important;
	border:none !important;
	}
.vc_grid-filter-dropdown .vc_grid-styled-select select	{
	background-color:#fff !important;
	}
/*** host application page ***/
/* style bullets */
.application_content ul li {
	list-style-type:disc;
	margin-left:50px;
	margin-bottom:10px;
	}	
.application_content ul {
	margin-bottom:20px;
	}
/*** fellows pages ****/

.grid-fellows-box {
	font-size:17px;
	line-height:25px;
	padding:3vw;
	border:1px solid #8fb4a2;
	}

.grid-fellows-box .vc_gitem-acf-label {
	font-weight:bold;
	}
.grid-fellows-box .vc_gitem_row .vc_gitem-col {
	padding:0;
	}
.grid-fellows-box .fellow-year {
	font-weight:bold;
	}
.grid-fellows-box .fellow-name {
	font-weight:bold;
	text-transform:uppercase;
	font-size:20px;
	padding-bottom:0px;
	color:#464b59;
	}
.grid-fellows-box .fellow-profilelink a:visited {
	color:#5b92c4;
	}	
.grid-fellows-box h3 a, .current-fellows-box h3 a:hover {
	font-size:17px;
	line-height:25px;
	text-transform:none;
	color:#5b92c4;
	font-weight:normal;
	}
.grid-fellows-box .fellow-school {
	padding-bottom:4px;
	}
.grid-fellows-box .fellow-school::before {
	Content:"Graduate School: ";
	font-weight:bold;
	color:#464b59;
	line-height:22px;
	}
.grid-fellows-box .fellow-fellowship {
	padding-bottom:14px;
	padding-top:5px;
	line-height:22px;
	}
.grid-fellows-box .fellow-post {
	line-height:22px;
	}
/* make fellow boxes all the same height - image size + text size */
.grid-current-box {
	height: calc(273px + 250px + 3vw);
	}
.grid-alumni-box {
	height: calc(273px + 270px + 3vw);
	}
.grid-alumni-box .vc_col-sm-8 {
	width:75%;
	}
.grid-alumni-box .vc_col-sm-4 {
	width:25%;
	}
/* pagination on alumni pages */
.vc_grid-pagination ul li a {
	font-size:20px !important;
	border:none !important;
	}
/**** featured fellows ****/
.fellow.category-featured-alumni-post h2.entry-title {
	display:none;
	}
.page-id-32 .fellow.category-featured-alumni-post {
	width:50%;
	float:left;
	}
.page-id-32 .fellow.category-featured-alumni-post .featured-fellow-content {
	font-size:18px;
	line-height:26px;
	}
.page-id-32 .fellow.category-featured-alumni-post .featured-fellow-content p {
	margin-bottom:18px;
	}
.fellow.category-featured-alumni-post:first-child {
	padding-right:3%;
	}
.fellow.category-featured-alumni-post:last-child {
	padding-left:3%;
	}
.fellow.category-featured-alumni-post .featured-fellow-image {
	float:right;
	width:35%;
	padding-left:10px;
	}
/**** alumni fellows page ******/
.alumni-loop-container .fellow h2.entry-title {
    display:none;
}
.alumni-loop-container {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin-top:30px;
    padding-bottom:20px;
    margin-bottom:20px;
}
.alumni-loop-container .fellow {
    flex-basis:27%;
    padding:2%;
    /*margin-left:1.25%;
    margin-right:1.25%;*/
    margin-bottom:25px;
    border:1px solid #464b59;
    font-size:17px;
    line-height:24px;
    background-color:#e9f0ed;
}
/* when grid is three per row, set margins accordingly */
.alumni-loop-container .fellow:nth-of-type(3n+1), .alumni-loop-container .fellow:nth-of-type(3n+2) {
    margin-right:2.5%;
}
.alumni-loop-container .fellow .fellow-name {
    font-size:20px;
    font-weight:bold;
    float:left;
}
.alumni-loop-container .fellow .fellow-year {
    font-weight:bold;
    float:right;
}
.alumni-loop-container .fellow .fellow-fellowship {
    clear:both;
    padding-top:10px;
    padding-bottom:10px;
    min-height:65px;
}
.alumni-loop-container .fellow .fellow-image img {
    width:100%;
}
.alumni-loop-container .fellow .fellow-school {
    padding-top:10px;
    padding-bottom:10px;
}
.alumni-loop-container .fellow .fellow-postfellowship {
    padding-bottom:10px;
}
.fellowship_yearlist a {
    float:left;
    padding: 0px 5px 0px 5px;
    margin-right:7px;
}
.fellowship_yearlist a:hover {
    color: #8fb4a2;
}
.fellowship_yearlist {
    padding-bottom:40px;
    float:right;
}
.page-id-479 .fellowship_allyears, .thisyear {
    color: #8fb4a2 !important;
    text-decoration:underline;
    
}


/*** single fellows post ****/
.single-fellow-image img {
	display: inline-block;
	float: left;
	width: 40%;
	margin-right: 30px;
	}
/* contact page */
/* make input fields a bit smaller */
.wpcf7-form input {
	padding:5px;
	}
/* make send button green */
input.wpcf7-form-control.wpcf7-submit {
	padding:10px;
	background-color:#8fb4a2;
	}
/**** cutsom post loop pagination *****/
/*** make pagination lineup horizontally **/
.pagination li {
	float:left;
	margin-left:5px;
}
/* set page nav color */
.pagination li a {
	color:#959595;
	font-size:20px;
}
.pagination li.pagination-previous a, .pagination li.pagination-next a {
    font-size:20px;
}
/* set acive page nav color */
.pagination li.active a {
	color:#8fb4a2;
}
/* add flexbox to center pagination */
.pagination {
	padding-bottom:50px;
	display:flex;
	justify-content: center;
	width:100%;
}
/* make sure paging  starts on a new line in the flex box */
.pagination {
	flex:100%;
}
.pagination ul {
	flex-grow:0;
}
.pagination ul li {
	list-style-type: none;
	}
/******* footer ************/
.footer-left {
    float:none;
    padding-top:30px;
}
.footer-sitecredits {
    margin-top:-25px;
}

.footer-widgets {
	/* set background color and add paint splash images */
	background-color:#33617a !important;
}
/* 4 Footer widgets */
.footer-widgets .widget-area {
	width:25%;
	float:left;
}

/* style fonts */
.footer-widgets h4 {
	font-family: "alegreya sans", sans-serif;
	color:#fff;
	text-transform: uppercase;
	font-size:16px;
	border-bottom:0px;
	font-weight:normal;
	padding-bottom:0;
}
.footer-widgets p {
	font-family: "Source Sans Pro", sans-serif;
	color:#fff;
	font-size:16px;
}
/* footer widget menu styling */
.footer-widgets ul li a {
	font-family: "alegreya", sans-serif;
	color:#fff;
	text-transform: uppercase;
	font-size:16px;
	text-decoration:none;
}
.footer-widgets ul li {
	padding-bottom:5px;
}

@media only screen and (max-width:1600px) {
	/* make fellow boxes all the same height - image size + text size */
	.grid-current-box {
		height: calc(22vw + 230px);
		}
	.grid-alumni-box {
		height: calc(22vw + 270px);
		}
} /* 1600 */
@media only screen and (max-width:1470px) {
	.homeboxes-text1 p {
		font-size:1.8vw;
		line-height:3.1vw;
	}
	.homeboxes-text2 p {
		font-size:1.8vw;
		line-height:3.1vw;
		}
}/* 1470 */

@media only screen and (max-width:1300px) {
	/* make page margins smaller */
	.site-container {
		padding-left:2%;
		padding-right:2%;
		}
	.site-footer {
		margin-left:-2.05%;
		margin-right:-2.1%;
		}
	.site-footer .wrap {
		padding-right:2%;
		padding-left:2.5%;
		}
}/* 1300 */
@media only screen and (max-width:1280px) {
	.homeboxes-text1 {
		left:20px;
		width:57%;
		}
	.homeboxes-text2 {
		padding-left:20px;
		padding-right:20px;
		}
	.homeboxes-text1 p {
		font-size:2.1vw;
		line-height:3.3vw;
	}
	.homeboxes-text2 p {
		font-size:2.1vw;
		line-height:3.3vw;
		margin-bottom:4%;
	}
}/* 1200 */

@media only screen and (max-width:1040px) {
	/* adjust size of fellow boxes */
	.fellow-grid-row .vc_grid-item.vc_col-sm-4 {
		width:50%;
		}
	.grid-fellows-box {
		padding:7vw;
		}
	.grid-alumni-box {
		height: calc(22vw + 370px);
		}
	.grid-current-box {
		height: calc(22vw + 340px);
		}
	.alumni-loop-container .fellow {
	    flex-basis:43%;
	}
	/* when grid is two per row, set margins accordingly */
   .alumni-loop-container .fellow:nth-of-type(2n+1) {
        margin-right:2.5%;
    }

} /* 1040 */

@media only screen and (max-width:960px) {
	/* switch to mobile menu */
	.nav-primary {
		display:none;
	}
	#rmp_menu_trigger-750 {
	    	border:1px solid #8fb4a2 !important;
	    	border-radius:0 !important;
	}
	#responsive-menu-container #responsive-menu-wrapper {
		opacity:.94;
		}
	button#responsive-menu-button {
		border:1px solid #8fb4a2 !important;
		}
	/* style slideout menu */
	div#responsive-menu-container.slide-left {
		background-color:transparent;
		}	
	div#responsive-menu-wrapper {
		border-left: 1px solid #8fb4a2;
		border-right: 1px solid #8fb4a2;
	}
	#responsive-menu-container #responsive-menu li.responsive-menu-item a, 	#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
		font-weight:bold;
		}
	ul#responsive-menu li a {
		text-transform:uppercase;
		padding-top:3px !important;
		padding-bottom:3px !important;
		}	
	ul.responsive-menu-submenu li a {
		text-transform:capitalize !important;
		}
	div.responsive-menu-subarrow {
		height:100% !important;
		padding-top:5px !important;
		}
	.homeboxes-text1 {
		top:25px;
		}
} /* 960 */

@media only screen and (max-width:767px) {
	/* switch to mobile version of homepage */
	.homeboxes-container {
		display:block;
		margin-left:0;
		}		
	.homeboxes-col1 {
		display:none;
	}
	.homeboxes-col2 {
		max-width:100%;
		margin-left:0;
	}
	.homeboxes-right-row3 {
		display:block;
		}
	.homeboxes-imagemobile1 {
		float:right;
		width:49%;
		}
	.homeboxes-imagemobile2 {
		float:left;
		width:49%;
		}
	.homeboxes-right-row2 {
		margin-bottom:10px;
		margin-top:10px;
		}
	.homeboxes-right-row1 {
		margin-bottom:10px;
		}
	.homeboxes-text1 p {
		font-size:3.6vw;
		line-height:5.4vw;
		}
	.homeboxes-text2 p {
		font-size:3.5vw;
		line-height:5vw;
		}
	.home .page {
		margin-bottom:15px;
		}
	/* subpage titles */
	.subpage-title h1 {
		font-size:7vw;
		line-height:7vw;
	}
	/* adjust size of fellow grid boxes */
	.fellow-grid-row .vc_grid-item.vc_col-sm-4 {
		width:100%;
		max-width:440px;
		margin-left:auto;
		margin-right:auto;
		}
	.grid-fellows-box {
		height:auto;
		}
	.grid-alumni-box .vc_col-sm-8 {
		display:inline-block;
	}
	.grid-alumni-box .vc_col-sm-4 {
		display:inline-block;
	}
	/* featured alumni */
	.page-id-32 .fellow.category-featured-alumni-post {
		width:100%;		
		float:none;
		}
	.vc_grid-filter-dropdown .vc_grid-styled-select	{
		width:150px !important;
		margin-left:auto;
		margin-right:auto;
	}
	.vc_grid-filter-dropdown .vc_grid-styled-select	select {
		font-size:12px !important;
		}
	/* single fellow post */
	.single-fellow-image {
		width: 100%;
		max-width: 314px;
		margin-right: 0px;
		float: none;
		margin-bottom: 15px
		}
	.alumni-loop-container .fellow {
	    flex-basis:100%;
	    margin-left:auto;
	    margin-right:auto !important;
	    max-width:400px;
	}

}/* 767 */

@media only screen and (max-width:600px) {
	.site-header .wrap {
		margin-bottom:15px;
		}
	#rmp_menu_trigger-750 {
	    top:15px !important;
	    width:50px !important;
		height:50px !important;
	}
	button#responsive-menu-button {
		top:15px !important;
		width:50px !important;
		height:50px !important;
		}
	.logo img {
		width:95%;
		}
	.homeboxes-text1 {
		top:20px;
		}
	h2 {
		font-size:30px;
		}
	.homeboxes-text2 p {
		font-size:3.9vw;
		line-height:5.6vw;
		}
	.homeboxes-text1 p {
		font-size:3.8vw;
		line-height:5.8vw;
		}
	.homeboxes-text1 p {
		padding-right:12px;
		margin-top:5px;
		}
	.footer-sitecredits {
		width:100%;
		margin-right:0;
		margin-top:0;
		}
	.fellowship_yearlist {
        padding-bottom:30px;
        float:left;
	}
	
} /* 600 */

@media only screen and (max-width:400px) {
	body:not(.home) .content-sidebar-wrap {
	padding-left:5%;
	padding-right:5%;
	}
	/* featured alumni image */
	.page-id-32 .fellow.category-featured-alumni-post .featured-fellow-image {
		float:none;
		padding-left:0;
		width:50%;
		paddding-bottom:10px;
	}
	.page-id-32 .fellow.category-featured-alumni-post .featured-fellow-image {
		float:none;
		padding-left:0;
		width:50%;
		margin-bottom:10px;
	}
} /* 400 */