/*
Theme Name:     EvansMDS Genesis child theme 3.0
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("style-genesis-sample-3-2.css");  


/**** colors ****/
/* text black - #221f1f
/* subpage intro red - #c44b49
/* yellow - #f3d03d
*/

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

h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 15px;
	color:#221f1f;
}

h1, h1.entry-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin-bottom:35px;
	color:#221f1f;
}

h2, h2.entry-title  {
	font-size: 24px;
	font-weight: 600;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 16px;
}
h5 {
	font-size: 12px;
}
body > div {
    font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
    color:#221f1f;
    line-height:1.5em;
}
p {
	margin-bottom:1.2em;
    font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
    color:#221f1f;
    line-height:1.5em;
    margin-top:0;
}
a, a:visited, .entry-title a {
	color:#428bca;
}
a, a:visited, .entry-title a {
	text-decoration: none;
	/* -webkit-tap-highlight-color: transparent; use this if you don't want a tap color feedback */
}
a:hover, .entry-title a:hover {
	text-decoration:none;
	color:#c44b49;
}
a:active {
    outline:none;
	/*-moz-outline-style: none; not sure if I need this too  */
}

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

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

/* set site width, header width and nav width*/
.content-sidebar-wrap, .site-header .wrap, .nav-primary .wrap, .site-inner {
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto; 
}

/********* header settings *************/
.site-header {
    	box-shadow:none;
    	position:relative;
}
.site-header .wrap {
	margin-top:30px;
	position:relative;
}
.title-area p {
	display:none;
}
.title-area {
    width:440px;
    padding-bottom:0;
/*    margin-top:80px; */
}
/* set dimensions of logo */
.logo {
	max-width:399px;
	height: auto;
	margin-left:40px;
	}
/* reduce space bewteen content and footer */
.page .entry {
	margin-bottom:20px;
}
.site-inner {
    padding-top:0;
}
.content {
	float: none;
	width: 100%;
	}


/********** navigation ****************/
.nav-primary {
    float:left;
    width:100%;
    padding-left:100px;
    padding-bottom:10px;
}
/* move main menu to right of logo */
.genesis-nav-menu a {
   text-transform:uppercase;
   font-family: "Open Sans", sans-serif;
   font-size:18px;
   font-weight: 600;
   list-style:none;
   z-index:500;
   position:relative;
}
/* lines between menu items */
.genesis-nav-menu li:not(:nth-child(5)) a::after {
    content:" ";
    margin-left:15px;
    margin-bottom:-2px;
    height: 18px;
    width: 2px;
    background-color: #7b98a7;
    display: inline-block;
}

.genesis-nav-menu .sub-menu li a:after {
    display:none;
}
.nav-primary .menu-item {
    float:left;
}
/* remove sub-menu arrow indicator
.nav-primary .sf-sub-indicator {
    display:none;
}
 */
 /* don't show contact and epe foundation until mobile */
.mobile-menu-only {
    display:none !important;
}
.nav-primary .genesis-nav-menu li a {
	 padding: 15px 15px 15px 5px;
	 color:#000;
	 text-decoration: none;
}

.nav-primary .genesis-nav-menu li a:hover {
	 color:#c64b48;
	 text-decoration: none;
}

/* submenu width */
.genesis-nav-menu .sub-menu {
	position:absolute !important;
	width:240px;
	list-style:none;
	padding-bottom:10px;
	border:none;
	padding-top:15px;
	padding-left:0px;
	margin-left:-8px;
}
.genesis-nav-menu .sub-menu li, .genesis-nav-menu .sub-menu li a {
   width:100%;
}

.genesis-nav-menu ul.sub-menu li a, .genesis-nav-menu ul.sub-menu li a:hover {
	text-transform:capitalize;
	font-size: 16px !important;
	padding-top:0px !important;
	font-family:'Open Sans', sans-serif;
	color:#4f758a;
	border:none;
	padding-left:15px;
	}
/* submenu background color */
.genesis-nav-menu ul.sub-menu, .genesis-nav-menu ul.sub-menu li a {
	background-color:#fff;
	}
.sub-menu {
    display:none;
}

/* color of current menu item */
.genesis-nav-menu .current-menu-parent a, .genesis-nav-menu .sub-menu .current-menu-item a {
	color:#c64b48 !important;
}
 .genesis-nav-menu .current-menu-item a {
	color:#c64b48;
}
.genesis-nav-menu .sub-menu li:not(.current-menu-item) a {
	color:#4f758a !important;
}

/* this is the top menu above the header */

.header-box {
     position:absolute;
    top:-10px; 
     right:40px;
     width:335px; 
}
.top-menu {
   font-size:14px;
   font-weight:600;
   float:left; 
   padding:10px;
   }
/* set color of top menu */
.top-menu a:link, .top-menu a:visited {
   color:#465780;
   }

.top-menu a:hover {
   color:#c64b48;
   text-decoration:none;
   }
.top-menu a:not(:last-child)::after {
    content:" ";
    margin-left:10px;
    margin-right:10px;
    margin-bottom:-2px;
    height: 15px;
    width: 2px;
    background-color: #465780;
    display: inline-block;
}


/********** homepage ***********/
/* don't display page title */
.home h1.entry-title {
	display:none;
}
.home .page.entry {
    margin-bottom:0;
}
/* remove margin below slider */
.home-slider {
   margin-bottom:0;
}

/* homepage banner */
.home-banner-text {
    position:absolute;
    width:21%;
    top:40px;
    left:12.5%;
}
.home-banner-text p {
    font-size:18px;
    color:#1c374f;
}
.home-banner-text h3 {
    font-size:30px;
    color:#1c374f;
}

/* set feature image to full width */
#home-features .wpb_single_image .vc_single_image-wrapper, #home-features .wpb_single_image .vc_single_image-wrapper img {
    width:100% !important;
   }
#home-features .wpb_content_element {
   margin-bottom:10px !important;
   }

/* style text in home elevator section */
#home-elevator p {
    font-family:"open sans", sans-serif !important;
    color:#09323f !important;
    font-size:21px !important;
    }

#home-elevator img {
   padding:0 !important;
   border:0 !important;
   }
/* make foundation image full width */
#foundation .wpb_single_image, #foundation  .vc_single_image-wrapper, #foundation  .wpb_single_image img {
	width:100% !important;
	}
/* home features */

.home-feature-heading, .home-feature-heading a {
   font-family:'open sans', sans-serif !important;
   color:#c64b48 !important;
   font-size:21px !important;
   font-weight:bold !important;
   }
.home-feature-heading {
   padding-left:15px;
}
.home-feature-text p {
   font-family:"open sans", sans-serif !important;
   color:#44627b !important;
   padding-left:15px;
   padding-right:5px;
   }
.home-feature-col {
   padding-left:0;
   padding-right:0;
   padding-bottom:10px;
   padding-top:10px;
   border:1px solid #a6bac7;
   margin-left:2.5%;
   width:30% !important;
   }
#home-features .vc_column-inner {
    padding-left:0 !important;
    padding-right:0 !important;
}
#home-features .vc_figure {
    width:100%;
}
.home-about-text {
    width: 100%; 
    background-image: url('/wp-content/uploads/about-section-background.png');
    background-size: cover;
}
.home-about-text-inner {
    margin-left: auto; 
    margin-right: auto; 
    max-width: 1070px;
}
.home-about-text-inner img {
   width:32%;
}
.home-about-text-inner .about-middle {
    padding-right:5px;
}
.home-about-text-inner .about-left {
    margin-right:5px;
}
.foundation-text {
    width: 100%; 
    background-image: url('/wp-content/uploads/foundation-content-background-sliver.jpg');
}
.foundation-text-inner {
    max-width:980px;
    margin-left:auto;
    margin-right:auto;
    height:389px;
}
.foundation-text-inner img {
    width:100%;
}
	
/***** secondary pages *********/
/* limit content area to 950px */
body:not(.home) .content {
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
}
/* don't display page title */
h1.entry-title {
	display:none;
}
/* gray-yellow background for rows */
.gray-yellow-background {
   background-size:100% !important;
   background-repeat:repeat-y !important;
   margin-bottom:30px;
   }
body:not(.home) .gray-yellow-background {
    height:190px;
    background-image:url(/wp-content/uploads/row-background.jpg);
}
body.home .gray-yellow-background {
    height:500px;
    background-image:url(/wp-content/uploads/home-row-background.jpg);
}
/* classes for all page titles */
.page-title-outer {
   position: relative; 
   width: 100%; 
   max-width: 940px; 
   min-width:600px;
   margin-left: auto; 
   margin-right: auto;
   }
.page-title-background img {
   width:100% !important;
   height:auto !important;
   margin:0 !important;
   }
.page-title-name {
   position: absolute; 
   top: 0px; 
   left: 13%;  
   width: 25%;
   line-height:39px;
   display:flex;
   align-items:center;
   height:196px;
   }
.page-title-name h1 {
    font-size: 30px;
    font-weight:600;
    color: #000000;    
    flex-basis:100%;
    margin-top:0;
    margin-bottom:0;
} 
.subpage-red-text p {
    color:#c44b49;
}
/* fix padding in update of VC 12-15-2016 */
#page-title .vc_column-inner {
    padding-top:0!important;
}
/***** about page *******/
.about-infographic {
    max-width:30%;
    float:right;
    
}
.about-edwardpevans .vc_column-inner {
    padding-left:0 !important;
    padding-right:0 !important;
    padding-top:0 !important;
}
.about-edwardpevans-text p {
    font-size:18px;
}
.about-edwardpevans h3 {
    font-size:21px;
    color:#c64b48;
    font-weight:bold;
}
/****** researcher pages *********/

/* researcher photo and topic overlay */
.backto-researchers a {
    color:#c44b49;
}
.singleresearcher-photo {
   max-width: 40%; 
   float:right;
   margin-left:30px;
   margin-bottom:20px;
   }

/* single researcher intro */
.singleresearcher-intro {
/*    max-width:60%; */
}
.singleresearcher-intro h1 {
  font-family:"open sans", sans-serif;
  font-size:24px;
  color:#221f1f;
  font-weight:600;
  margin-bottom:25px;
  margin-top:30px;
  }
.singleresearcher-intro .researcher-institution, .singleresearcher-intro .researcher-year {
  font-family:"open sans", sans-serif;
  font-size:18px;
  color:#c44b49;
  font-weight:700;
  }
.singleresearcher-intro .researcher-description {
   font-family:"open sans", sans-serif;
  font-size:30px;
  color:#c44b49;
  font-weight:700;
  line-height:38px;
  margin-top:20px;
  margin-bottom:20px;
}

.singleresearcher-intro .researcher-award {
  font-family:"open sans", sans-serif;
  font-size:18px;
  color:#000000;
  font-weight:700;
  }
.singleresearcher-intro .researcher-institution a {
  font-family:"open sans", sans-serif;
  font-size:18px;
  color:#c44b49;
  font-weight:normal;
  line-height:38px;
  }

.researcher-publications h2, .researcher-summary h2 {
  font-family:"open sans", sans-serif;
  font-size:16px;
  color:#c44b49;
  font-weight:700;
  }
.researcher-publications p, .researcher-summary p {
  font-family:"open sans", sans-serif;
  font-size:16px;
  font-weight:normal;
  }
.researcher-summary {
  margin-top:35px;
  }
.researcher-publications {
    margin-bottom:35px;
}

/****** researcher grid page **********/
.researcher-post-loop {
    display:flex;
    flex-wrap:wrap;
    margin-top:30px;
}
.researcher-post-loop .post {
    flex-basis:30%;
    margin-right:3%;
    margin-bottom:30px;
    background-color:#e6eaeb;
}
/* style institution and project description */
.researcher-post-loop header {
    display:none;
}
.researcher-post-loop .researcher-info {
    background-color:#e6eaeb;
    min-height:140px;
    padding:10px 5px 20px 5px;
}
.researcher-post-loop .researcher-photo {
    background-color:#f5fafc;
}
/* make image edge to edge */
.researcher-post-loop .researcher-photo img {
    width:100%;
}
 /* style researcher name and year in post grid desc */
.researcher-post-loop .researcher-name,  .researcher-post-loop .researcher-award {
   color:#c44b49;
   font-family:"open sans", sans-serif;
   font-size:14px;
   font-weight:bold;
   margin-bottom:5px;
   padding-left:10px;
   padding-right:7px;
   }
.researcher-post-loop .researcher-name,  .researcher-post-loop .researcher-award {
   color:#c44b49;
   font-family:"open sans", sans-serif;
   font-size:14px;
   font-weight:bold;
   margin-bottom:5px;
   }

.researcher-post-loop .researcher-institution, .researcher-post-loop .researcher-description {
   color:#44627b !important;
   font-family:"open sans", sans-serif;
   font-size:14px;
   font-weight:normal;
   margin-bottom:5px;
   padding-left:10px;
   padding-right:7px;
   }

/************ researcher post grid yellow buttons **************/
.yellow-button {
   width:130px;
   height:50px;
   border: 1px solid #49545b;
   float:left;
   margin-right:30px;
   display:flex;
   align-items:center;
   margin-bottom:15px;
   }
.yellow-button:hover {
   background-color:#f3d03d;
}
.yellow-button-selected {
   width:130px;
   height:50px;
   background-color:#f3d03d;
   border: 1px solid #49545b;
   float:left;
   margin-right:30px;
   display:flex;
   align-items:center;
   margin-bottom:15px;
   }
.yellow-button p, .yellow-button a, .yellow-button a:hover {
     color:#49545b;
     font-size:14px;
     flex-basis:100%;
     margin-bottom:0;
     }
.yellow-button-selected p {
    font-size:14px;
    flex-basis:100%;
    margin-bottom:0;
}
/***** resesearchers by year page *****/
.researcher-year-sidebar {
    width:82px !important;
    margin-right:65px;
    float:left !important;
}
.researcher-year-researchers {
    width: calc(100% - 147px) !important;
    float:left;
}
/***** researcher grant year taxonomy page ******/
.grant-year-sidebar {
    float:left;
    width:82px;
    margin-right:65px;
    margin-top:20px;
}
.grant_yearlist {
    margin-bottom:2px;
}
.grant-year, .grant-year:visited {
    font-size:22px;
    margin-bottom:10px;
    color:#44627b;
}
.thisyear, .thisyear:visited {
    color:#c44b49;
}
.grant-year-loop {
    width:calc(100% - 147px);
}
.grant-page-title {
    clear:both;
    padding-top:20px;
}
.grant-year-buttons {
    padding-top:20px;
}
.year-sidebar-title {
    font-weight:600;
}
/* only display current researchers */
.tax-grant_year .grant-year-loop .category-alumni-researcher, .page-id-441 .researcher-post-loop .category-alumni-researcher {
  /*  display:none; */
}
/* hide the default category post loop */
.tax-grant_year .hide-this-loop {
    display:none;
}


/***** pagination *****/
.pagination li {
	float:left;
}
.pagination ul {
    list-style:none;
}
/* set page nav color */
.pagination li a {
	color:#44627b;
    background-color:#fff;
}
.pagination li.active a, .pagination li a:hover, .archive-pagination  li a:hover {
    color:#c44b49 !important;
    background-color:#fff;
}
 
/* set achive page nav color */
.pagination li.active a {
	color:#0b6981; 
    background-color:#fff;
}
/* add flexbox to center pagination */
.pagination {
	padding-bottom:50px;
	display:flex;
	justify-content: center;
	width:100%;
	margin-top:40px;
}
.pagination-omission {
    margin-top:9px;
}
.archive-pagination  li a {
    padding:8px 6px;
}

/******* footer ************/
/********** basic footer setting *********/
/* remove genesis gototop */
.site-footer .gototop {
	display:none;
}
.site-footer {
    border-top:0px;
    background-color:#455b78;
    padding-bottom:0;
}
.site-footer .footer-copyright, .site-footer a, .site-footer a:hover {
    color:#a6bac7;
    font-size:13px;
}
.site-footer .footer-credits {
    float:right;
    margin-top:-20px;
}
.site-footer .footer-copyright {
    float:left;
    margin-top:-20px;
}
.footer-widgets .wrap, .site-footer .wrap {
	padding-top:25px;
	padding-bottom:25px;
	max-width: 1040px;
	margin-left:auto;
	margin-right:auto;
}

.footer-widgets {
	/* set background color and add paint splash images */
	background-color:#a6bac7 !important;
    padding-top:0;
    padding-bottom:0;
}
/* 1 Footer widgets */
.footer-widgets .widget-area {
	width:100%;
}
/* style footer menu */

#menu-footer-menu {
   list-style-type:none;
   width:250px;
   float:right;
   margin-top:0;
   margin-bottom:0;
   }
#menu-footer-menu li:not(:last-child) {
   border-bottom:1px solid #ffffff;
   margin-bottom:5px;
   }
#menu-footer-menu li a {
   color: #ffffff;
   font-size:14px;
   font-weight:normal;
   }


/* style fonts */
.footer-widgets h4 {
	font-family: "Open 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: "Open Sans", sans-serif;
	color:#fff;
	font-size:16px;
}
/* footer widget menu styling */
.footer-widgets ul li a {
	font-family: "Open Sans", 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:1100px) {
       .nav-primary {
        padding-left:8%;
    }
} /* 1100 */
@media only screen and (max-width:1070px) {
    .home-about-text-inner img,  .home-about-text {

    }
} /* 1070 */

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

}/* 1040 */

@media only screen and (max-width:1024px) {
 
   body.home .gray-yellow-background {
       height:47vw;
   }
   .logo {
       margin-left:10px;
   }
    .nav-primary {
        padding-left:50px;
    }

}/* 1024 */

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

	.home-banner .vc_column-inner {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .home-banner-text {
        left:11.5%;
    }
	body:not(.home) .gray-yellow-background {
	       height:30%;
	}
	.page-title-name {
	    height:20vw
	}
	.foundation-text-inner {
        height:39.5vw;
    }
    .researcher-post-loop .post {
       flex-basis:47%;
    }
    .researcher-post-loop .researcher-info {
        min-height:120px;
    }
} /* 960 */

@media only screen and (max-width:900px) {
    body.home .gray-yellow-background, .gray-yellow-background {
        background-image:none;
	}
	
    .home-banner-text {
        position:relative;
        width:90%;
        top:0;
        left:0;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:0 !important;
    }
    .home-banner-text h3 {
        display:none;
    }
    body.home .gray-yellow-background {
        height:auto;
        padding-left:0 !important;
        padding-right:0 !important;
    }
		
} /* 900 */

@media only screen and (max-width:880px) {
   .page-title-name h1 {
      font-size: 24px;
   }
   .page-title-name {
      line-height:26px; 
   }
   .page-title-name {

   }
} /* 880 */

@media only screen and (max-width:920px) {
	/* switch to mobile menu */
	.nav-primary, .header-box {
		display:none;
	}
	.home .content {
	    margin-top:0;
	}
	.site-header .wrap {
	    margin-bottom:30px;
	}
	.logo-image {
       margin-top:10px;
   }
   .logo {
       margin-left:0px;
   }


	/* style slideout menu */
	div#responsive-menu-container.slide-left {
		background-color:transparent;
		}	
	div#responsive-menu-wrapper {
		padding-top:30px;
		padding-bottom:50px;
		padding-right:20px;
		background-color:#e2e5e8 !important;
		}
	#responsive-menu-container #responsive-menu li, #responsive-menu-container #responsive-menu li a {
	    background-color:#e2e5e8 !important;
	}
	li.responsive-menu-item .responsive-menu-item-link, li.responsive-menu-item  .responsive-menu-item-link:hover {
		border:0px !important;
		outline:0px !important;
		}
    .responsive-menu-subarrow {
        display:none;
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
        height:30px !important;
    }

    body:not(.home) .content {
        padding-top:0;
    }
    .mobile-menu-only {
        display:block !important;
    }
    /**** new plugin css ****/
       #rmp_menu_trigger-3633 .responsive-menu-pro-inner, #rmp_menu_trigger-3633 .responsive-menu-pro-inner::before, #rmp_menu_trigger-3633 .responsive-menu-pro-inner::after {
           width: 34px !important;
        height: 3px !important;
        background-color: #4f758a !important;
        border-radius: 4px !important;
        position: absolute !important;
       }
      #rmp-menu-wrap-3633 .rmp-menu-item-link:hover {
        color: #c64b48 !important;
      }

} /* 920 */
@media only screen and (max-width:767px) {
    .site-inner {
            padding-left:5%;
            padding-right:5%;
    }
    .page-title-name h1 {
      font-size: 20px;
    }

   .home .content {
       margin-top:0px;
    }
      /* turn off non-mobile rows*/
   #home-about, #home-foundation {
     display:none;
     }

   /* turn on mobile rows */
   #home-foundation-mobile {
     display:block;
   } 

  /* adjust width and position of features */
  .home-feature-col {
     max-width:355px !important;
     margin-left:auto;
     margin-right:auto;
     width:100% !important;
     margin-bottom:25px;
   }
   /* remove margin from home-features row */
   #home-features {
     margin-bottom: 0 !important;
   }
  /* adjust text in home elevator section */
   #home-elevator p {
    font-size:18px !important;
    }
   .page-title-name h1 {
      font-size: 20px;
   }
   .foundation-text-inner {
       height:auto;
       max-width:412px;
   }
   .foundation-text p {
       margin-top:0;
   }
   .about-edwardpevans {
       padding-bottom:20px;
   }
   .researcher-post-loop .post {
       flex-basis:100%;
       margin-right:0;
       max-width:380px;
    }
    .researcher-post-loop .researcher-info {
        height:auto;
    }
    .singleresearcher-photo {
       max-width:389px;
       float:none;
       margin-left:0;
   }
    .singleresearcher-photo img {
        margin-bottom:0;
    }
    .center-for-mds-caption p {
        text-align:left !important;
        margin-top:20px;
    }
	
}/* 767 */

@media only screen and (max-width:650px) {
   .page-title-name {

   }
    .grant-year-sidebar {
        margin-right:35px;
    }
    .grant-year-loop {
        width:calc(100% - 117px);
    }
    .researcher-year-sidebar {
        margin-right:35px;
    }
    .researcher-year-researchers {
        width:calc(100% - 117px) !important;
    }

} /* 650 */
@media only screen and (max-width:550px) {
    .page-title-name {
        height:24vw;
        top:10px;
    }
} /* 550 */
@media only screen and (max-width:500px) {
    #menu-footer-menu {
       padding-right:0;
       padding-left:0;
       float:none;
       margin-left:auto;
       margin-right:auto;
   }
   .logo-image {
       margin-top:30px;
   }
   .logo, .title-area {
       margin-left:0;
       width:100%;
       margin-right:0;
       max-width:100%;
   }
   .site-header {
       padding: 0 15px 0 15px;
   }
} /* 500 */

@media only screen and (max-width:375px) {
	.page-title-name {
        top:20px;
    }
} /* 375 */