/*
 Theme Name:   Peter Kiewit Foundation
 Description:  Divi child theme for Peter Kiewit Foundation
 Author:       David Day Associates
 Author URI:   http://dday.com
 Template:     Divi
 Version:      1.0.0
 Text Domain:  peter-kiewit-foundation
*/

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

        PKF BRAND COLORS: 

      	Blue: #516d75;
      	Gold: #d7a95a;
      	Tan: #dcd7d2;
      	Brown: #5f625f;

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

/********** TEXT STYLING **********/
h1, h2, h3, h4, h5, h5 {
  font-family: 'Gotham A', 'Gotham B';
  font-weight: 700;
  font-style: normal;
  color: #516d75;
}

p, ul, li, ol, input, textarea, button, div, span, em, i {
  font-family: 'Gotham A', 'Gotham B';
  font-weight: 400;
  font-style: normal;
}

em, i {
  font-style: italic;
}

strong, b {
  font-weight: 700;
}

h1 {
  font-size: 48px;
  line-height: 1.2em;
}

p {
  font-size: 14px;
  line-height: 1.4em;
}

blockquote {
  margin: 20px 0 30px 0;
  padding: 32px;
  border: 2px solid #516d75;
  font-weight: 500;
}

blockquote p {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4em;
}

/********** HEADER STYLING **********/
#main-header {
  box-shadow: none;
}

#top-menu .menu-item-has-children > a:first-child, .fullwidth-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
  padding-right: 0;
}

#header-dark-bg-bar {
  background-color: #516d75;
  border-bottom: 3px solid #d7a95a;
  height: 105px;
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 1;
}

.menu-container-lower {
  background-color: #dcd7d2;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.et_header_style_centered #main-header div#et-top-navigation {
  padding: 20px 0;
  height: 60px;
}

.et_header_style_centered #logo {
  min-height: 160px;
  max-height: 230px;
}

.et_header_style_centered #main-header .logo_container {
  height: 204px !important;
}

@media only screen and (max-width: 980px) and (min-width: 600px) {
  .et_header_style_centered #logo {
    min-height: 130px;
    max-height: 150px;
  }
}

#top-menu li a {
  font-size: 13px;
}

ul#top-menu li a {
  padding-bottom: 21px !important;
  font-weight: 500;
}

ul#top-menu li a:after {
  display: none;
}

.sub-menu li a {
  line-height: 1.4;
}


/* Sitewide Banner */

#pkf-site-banner {
	width: 100%;
	background: #d7a95a;
	padding: 15px 25px 25px 25px;
	overflow: auto;
	font-size: 18px;
}

#pkf-site-banner .wrap {
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

#pkf-site-banner a {
	font-size: 18px!important;
	font-weight: normal!important;
	line-height: 1.4;
}

@media only screen and (max-width: 960px) {
	#pkf-site-banner .wrap {
		width: 100%;
	}
	#pkf-site-banner,
	#pkf-site-banner a {
		font-size: 14px!important;
		line-height: 1.4;
	}
}

#pkf-site-banner a:hover {
	color:antiquewhite;
}





/********** HOMEPAGE STYLES **********/
/*Make the slider have a shadow over the image to make the text pop out more*/
.et_pb_slide:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  color: white;
}

.et_pb_slides {
  border: 6px solid #d7a95a;
  max-height: 430px;
  overflow: hidden;
}

.et_pb_gallery {
  border: 6px solid #d7a95a;
  overflow: hidden;
}


.et_pb_gallery .et_pb_gallery_title {
  padding: 20px 20px 60px 20px;
  text-align: left;
}
.et_pb_gallery .et_pb_gallery_caption {
  padding: 20px 20px 60px 20px;
  text-align: left;
}
.et_pb_gallery .et_pb_gallery_title + .et_pb_gallery_caption {
  margin-top: -70px;
}


/*Slider navigation styles*/
.page-id-6 .et-pb-controllers:after {
  content: '';
  width: 450px;
  height: 40px;
  background-color: #d7a95a;
  position: absolute;
  left: calc(50% - 225px);
  top: -14px;
  z-index: -1;
  border-top-right-radius: 80px;
  border-top-left-radius: 80px;
}

.et-pb-controllers:after {
  content: '';
  width: 240px;
  height: 40px;
  background-color: #d7a95a;
  position: absolute;
  left: calc(50% - 120px);
  top: -14px;
  z-index: -1;
  border-top-right-radius: 80px;
  border-top-left-radius: 80px;
}

/*Make slider dot navigation styled appropriately*/
.et-pb-controllers {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.et-pb-controllers a {
  background-color: transparent;
  border: 2px solid white;
  width: 12px;
  height: 12px;
}

/*Add gold bar above slider headers*/
.et_pb_slide_description h2 {
  border-top: 6px solid #d7a95a;
  display: inline-block;
  padding-top: 8px;
  margin-bottom: .5em;
  text-transform: uppercase;
}

/*Add some vertical alignment to the slider content. Won't show up on some browsers, but not necessary, just nice. */
.et_pb_slide .et_pb_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

/*Make sure slider carousel maintains height in Firefox */
.et_pb_slide .et_pb_container {
  min-height: 400px !important;
}

/*Styles for the Mission and Vision section*/
.mission-section h2 {
  color: #d7a95a;
}

.mission-vision-row {
  background-color: #dcd7d2;
}

.mission-vision-container {
  text-transform: uppercase;
  background-color: #dcd7d2;
}

.mission-section h2 {
  font-size: 36px;
  color: #d7a95a;
  border-top: 5px solid;
  display: inline-block;
  margin: 40px 0 0 0;
  padding: 0;
  padding-top: 8px;
}

.mission-section h6 {
  display: inline;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  color: #5f625f;
}

.mission-vision-row hr {
  color: #d7a95a;
  border: none;
  border-top: 1px solid #d7a95a;
  margin: 0;
  position: relative;
  top: 46px;
}

.et_pb_section.brown-padder.et_pb_section_1.et_pb_with_background.et_section_regular {
  padding: 0;
  background-color: #5f625f;
}

/*Styles for the Impact Areas and their slider drawers*/
#impact-areas-section {
  width: 100%;
  margin: auto;
  background-color: #d7a95a;
  border-top: 16px solid #fff;
  border-bottom: 16px solid #fff;
}

.impact-container, .principles-container {
  width: 100%;
  max-width: 1080px;
  margin: auto;
}

.impact-notes-one, .impact-notes-two, .impact-notes-three {
  background-color: #fff;
}

.impact-pointer-arrow {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #d7a95a;
  margin: 0 auto;
  padding: 0;
}

hr.impact-pointer-line {
  width: 100%;
  height: 16px;
  border: 2px solid #d7a95a;
  border-bottom: none;
  margin: 0 auto;
}

.impact-header h1 {
  font-size: 42px;
  text-transform: uppercase;
  display: inline-block;
  border-top: 6px solid;
  padding-top: 8px;
}

.impact-header {
  padding-top: 80px;
  text-align: center;
}

.impact-area {
  width: 296px;
  display: inline-block;
  text-align: center;
  height: 296px;
  border-radius: 100%;
  background-color: #bf974f;
  border: 8px solid white;
  margin: 0 30px 28px 30px;
  position: relative;
  top: 72px;
  cursor: pointer;
}

.impact-area.impact-three{
  top: 42px !important;
}

.impact-area.impact-three > p.plusmore{
  top: 79px !important;
}

.impact-area h2 {
  padding-top: 3.3em;
  text-transform: uppercase;
  color: white;
  font-weight: 500;
  font-size: 30px;
}

.impact-header hr {
  position: relative;
  top: 13px;
  border: none;
  border-top: 1px solid #516d75;
}

p.plusmore {
  color: #d7a95a;
  width: 72px;
  height: 72px;
  text-align: center;
  margin: auto;
  position: relative;
  left: 0px;
  top: 49px;
  background-color: white;
  border-radius: 100%;
  line-height: 72px;
  font-size: 56px;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out;
}

p.plusmore:after {
  width: 56px;
  height: 56px;
  border: 2px solid;
  content: '';
  position: absolute;
  border-radius: 100%;
  left: 6px;
  top: 6px;
}

.impact-content-two, .impact-content-one, .impact-content-three {
  text-align: center;
  padding: 120px 0 60px 0;
}

.notes-row-holder {
  width: 100%;
  margin-top: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

p.impact-note {
  font-size: 15px;
  line-height: 1.3;
  border-radius: 8px;
  padding-bottom: 16px;
  min-height: 140px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

p.impact-note strong {
  font-weight: 700;
  font-size: 16px;
  padding: 0 10px;
}

p.impact-note strong:after {
  content: '\000A';
  white-space: pre;
}

.impact-content-one, .impact-content-two, .impact-content-three {
  display: none;
  background-color: #fff;
  width: 100%;
}

.impact-note {
  width: 330px;
  display: inline-block;
  padding: 16px;
  background-color: #dcd7d2;
  margin: 12px;
  float: left;
  border-bottom: 6px solid #d7a95a;
  position: relative;
}

.impact-note:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  border-top: 32px solid #fff;
  border-right: 32px solid transparent;
  z-index: 10;
}

.impact-note:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom: 32px solid rgba(0, 0, 0, 0.1);
  border-left: 32px solid transparent;
  border-bottom-right-radius: 8px;
  z-index: 5;
}

.more-arrow {
  color: #516d75;
  width: 72px;
  height: 72px;
  text-align: center;
  margin: auto;
  position: relative;
  left: 0px;
  top: 49px;
  background-color: white;
  border-radius: 100%;
  line-height: 72px;
  font-size: 56px;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out;
}
.more-arrow:after {
  width: 56px;
  height: 56px;
  border: 2px solid;
  content: '';
  position: absolute;
  border-radius: 100%;
  left: 6px;
  top: 6px;
}
.more-arrow-2 {
  color: #516d75;
  width: 72px;
  height: 72px;
  text-align: center;
  margin: auto;
  position: relative;
  left: 0px;
  top: 49px;
  background-color: white;
  border-radius: 100%;
  line-height: 72px;
  font-size: 56px;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out;
  opacity: .6;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.more-arrow-2:after {
  width: 56px;
  height: 56px;
  border: 2px solid;
  content: '';
  position: absolute;
  border-radius: 100%;
  left: 6px;
  top: 6px;
}


.more-arrow:hover {
  opacity: .6;
}

.plus-animate {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  background-color: #dcd7d2 !important;
}

/*Styles for the Guiding Principles section*/
#principles-section {
  background-size: cover;
  color: white;
  padding: 140px 0 60px 0;
}

.principles-container {
  text-align: center;
}

.principles-container h1 {
  text-transform: uppercase;
  color: #d7a95a;
  display: inline-block;
  border-top: 6px solid;
  padding-top: 13px;
  font-size: 42px;
  margin-bottom: 20px;
}

.principles-container h4 {
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
}

.principles-container hr {
  position: relative;
  top: 13px;
  border: none;
  border-top: 1px solid #d7a95a;
}

.numbered-principles-section {
  width: 100%;
  background-color: #516d75;
  margin: 0;
  padding: 40px 0;
  display: none;
}

.numbered-principles-container {
  width: 100%;
  max-width: 1080px;
  margin: auto;
}

.single-principle {
  box-sizing: border-box;
  width: 100%;
  max-width: 720px;
  padding: 12px 0;
  position: relative;
  z-index: 2;
  opacity: 0;
  left: 260px;
  -webkit-transition: all 650ms ease-in-out;
          transition: all 650ms ease-in-out;
  display: list-item;
  margin-left: 1.3em;
  list-style: square;  
  color: #d7a95a;
  font-size: 36px;
  margin: 0 auto;
}

.single-principle:nth-child(2n) {
}

.principle-animator {
  position: relative;
  left: 0;
  opacity: 1;
}

.single-principle-number {
  width: 20%;
  min-width: 160px;
  display: inline-block;
  text-align: center;
  float: left;
  padding: 0 30px;
}

.single-principle h2 {
  color: rgba(255, 255, 255, 0.3);
  font-weight: 400;
  font-size: 72px;
  line-height: 160px;
  text-align: center;
  width: 160px;
  height: 160px;
  margin: 20px auto;
  border-radius: 100%;
  border: 2px solid rgba(255, 255, 255, 0.3);
  float: left;
  position: relative;
}

.single-principle h2:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 130%;
  background-color: #516d75;
  border-left: 2px solid rgba(255, 255, 255, 0.3);
  left: 120px;
  top: -23px;
}

.single-principle h3 {
  color: #d7a95a;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 36px;
  padding: 1em 0 .5em 0;
}

.single-principle p {
  font-size: 16px;
  color: #fff;
}

.flip180 {
  border-top-color: #dcd7d2;
  border-right-color: #dcd7d2;
  border-left-color: transparent;
  border-bottom-color: transparent;
}

#inner-page-principle-section {
  background-color: #516d75;
  padding: 6em 0;
}

#inner-page-principle-section .numbered-principles-section {
  display: block;
}

#inner-page-principle-section .p-no-1, #inner-page-principle-section .p-no-2, #inner-page-principle-section .p-no-3, #inner-page-principle-section .p-no-4, #inner-page-principle-section .p-no-5, #inner-page-principle-section .p-no-6 {
  left: 0;
  opacity: 1;
}




/********** STAFF PAGE STYLING **********/
.staff-page-background, .grants-page-background {
  width: 100%;
  overflow: auto;
  height: auto;
  background-color: #fff;
  padding: 6em 0 0 0;
}

.staff-holder h2 {
    display: block;
    width: 100%;
    clear: both;
    float: left;
    padding-bottom: .3em;
    border-bottom: 1px solid #d7a95a;
    margin-bottom: 1em;
}

.staff-holder p {
    float: left;
    width: 50%;
    min-width: 300px;
    margin-bottom: .3em;
}

.staff-holder {
    width: 100%;
    margin-bottom: 5em;
    clear: both;
    float: left;
}

.et_pb_promo_button {
    color: #d7a95a !important;
}

.pkf-title {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0;
}

.pkf-focus {
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
}



/********* GRANTS PAGE **********/

.grants-page-background h1, .grants-page-background h2 {
  text-align: center;
}




/********** OTHER PAGE STYLES (page.php) **********/
/*Make sure the first paragraph on each page has the PKF line above it */
.et_pb_row:nth-of-type(1) > .et_pb_column > .et_pb_text > p:nth-of-type(1) {
  padding-top: 20px;
  border-top: 1px solid #d7a95a;
}

.et_pb_row:nth-of-type(1) > .et_pb_column > .et_pb_text > p:nth-of-type(1):before {
  width: 175px;
  height: 6px;
  background-color: #d7a95a;
  content: '';
  position: absolute;
  top: 21px;
  left: 0px;
}

/*Get the page top image and text pulled in*/
.pkf-entry-page {
  width: 100%;
  max-width: 1080px;
  margin: 0px auto;
  background-color: #fff;
  border-left: 4px solid #d7a95a;
  border-right: 4px solid #d7a95a;
}

.pkf-page-header {
  width: 100%;
  max-width: 1080px;
  margin: 32px auto;
}

.pkf-page-header-content {
  width: 72%;
  height: 260px;
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
  border: 6px solid #d7a95a;
  padding: 35px 0 120px 25px;
  text-transform: uppercase;
  float: left;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .pkf-page-header-content {
    height: 195px;
  }
}

/*make sure the above and below style declarations don't change order; the latter modifies the former if the current page has no children */
.pkf-fullwidth-header-override {
    float: none;
    margin: auto;
}

.pkf-page-header-content:before {
    content: '';
    background-color: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.pkf-page-header-content h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  z-index: 5;
}

.pkf-page-header-content h3 {
  color: #fff;
  font-weight: 500;
  position: absolute;
  bottom: 2px;
  right: 10px;
  z-index: 5;
  text-transform: none;
  font-size: 12px;
  text-align: right;
}

.page-top-first-word {
  border-top: 6px solid #d7a95a;
  padding-top: 8px;
}

/*Breadcrumbs and section navigation styling*/
.pkf-guide-section {
  width: 280px;
  background-color: #5f625f;
  margin: 0;
  border: 6px solid #dcd7d2;
  float: right;
  height: 260px;
  padding: 16px;
}

.pkf-guide-inner {
  width: 100%;
  max-width: 1080px;
  margin: 0px auto;
  padding: 36px 0;
}

.pkf-guide-inner h1 {
  font-size: 36px;
  color: #d7a95a;
  text-transform: uppercase;
  font-weight: 500;
}

.pkf-guide-left {
  width: 60%;
  float: left;
  min-width: 400px;
}

.pkf-guide-left p, .pkf-guide-left p a {
  color: white;
  font-weight: 400;
  margin-bottom: 8px;
}

.pkf-guide-right {
  width: 40%;
  height: auto;
  float: left;
  min-width: 300px;
  position: relative;
}

.pkf-guide-section h2 {
  font-weight: 500;
  color: #fff;
  font-size: 18px;
  border-bottom: 1px solid;
  width: 236px;
}

.pkf-guide-right ul {
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  color: #fff;
  list-style-type: none;
  padding: 0;
}

.pkf-guide-right ul li a {
  color: #fff;
  line-height: 2;
}

.pkf-guide-right li.current_page_item:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -20px;
  border-left: 12px solid #dcd7d2;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  margin-top: 2px;
}
.pkf-guide-right li.current_page_item a {
  color: #d7a95a;
}


/* staff width and height */
.et_pb_team_member .et_pb_team_member_image img {
    width: 192px;
    height: 192px;
}




/********** FOOTER STYLING **********/
#main-footer .footer-widget h4.title {
  font-size: 22px;
  color: #dcd7d2;
  font-weight: 700;
  border-bottom: 1px solid #dcd7d2;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

#footer-widgets .footer-widget li {
  padding-left: 0px;
  font-size: 16px;
  padding-bottom: 8px;
  font-weight: 500;
}

#footer-widgets .footer-widget li:before {
  display: none;
}

#footer-widgets .footer-widget li a:hover {
  color: #d7a95a;
}

.et_pb_widget {
  width: 100%;
}

p.pkf-footer-text {
  font-size: 14px;
  line-height: 1.3em;
  float: left;
  clear: both;
}

p.footer-phone {
  float: right;
  font-size: 22px;
}

.textwidget input {
  width: 90%;
}

p.pkf-footer-text.fine-print {
  font-size: 10px;
}

div#text-3 {
  margin-bottom: 24px;
}

.bottom-nav li:not(:first-child) {
  padding-left: 20px;
}

.bottom-nav li:not(:last-child) {
  border-right: 1px solid #fff;
}




/********** FORMS STYLING **********/
.ninja-forms-form input, .ninja-forms-form textarea {
  padding: 12px;
  font-size: 16px;
}

input[type=submit] {
  border: 2px solid #516d75;
  background-color: #fff;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
}

input[type=submit]:hover {
  background-color: #dcd7d2;
}




/********** TEAM MEMBERS **********/
.et_pb_team_member_image img {
  width: 60%;
  border-radius: 100%;
  border: 2px solid;
}

.et_pb_team_member_description {
  text-align: center;
}

.et_pb_team_member_description h4 {
  padding-bottom: 0;
  font-size: 22px;
  font-weight: 400;
  margin: 24px 0 4px 0;
}

p.et_pb_member_position {
  font-size: 14px;
  font-weight: 500;
}

@media only screen and (min-width: 1081px) {
  .et_pb_team_member_3 {
    padding-left: 100px;
  }

  .et_pb_team_member_4 {
    padding-right: 100px;
  }
}

@media only screen and (max-width: 1081px) {
  .et_pb_team_member_3 {
    margin-top: -60px;
  }
}
 



/********* Timeline Express ********/

.cd-timeline-block {
   margin: 4em 0;
}




/********** MEDIA QUERIES **********/


@media only screen and (min-width: 981px) and (max-width: 1080px) {
  .et_header_style_centered #main-header .logo_container {
    height: 282px;
  }

  #top-menu li a {
    font-size: 11px!important;
  }
}


@media only screen and (min-width: 1081px) {
  .impact-mobile-one, .impact-mobile-two {
    display: none;
  }

  .impact-notes-one .impact-pointer-arrow {
    margin-left: 14.75%;
  }

  .impact-notes-three .impact-pointer-arrow {
    margin-left: 81.5%;
  }
}


@media screen and (min-width: 768px) {
  h1, h2, h3, h4, h5, h6, p, ul, li, input, textarea, button, form, div, span {
    text-rendering: optimizeLegibility;
  }
}


@media only screen and (max-width: 1080px) {
  .impact-area {
    display: block;
    margin: 40px auto;
  }

  .impact-note {
    display: block;
    margin: 12px auto;
    float: none;
  }
  .numbered-principles-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .pkf-page-header-content {
     width: 100%;
  }
  .pkf-guide-section {
    display: none;
  }
}
@media only screen and (max-width: 980px) {
  .menu-container-lower {
    margin-top: 76px;
    height: 72px;
  }

  .et_header_style_centered #et_mobile_nav_menu {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .menu-container-lower {
    margin-top: 96px;
  }
}


@media only screen and (max-width: 767px) {
  .et-pb-controllers {
    bottom: 18px;
  }

  p {
    font-size: 16px;
  }

  .single-principle-number {
    width: 100%;
    display: block;
  }

  .single-principle h2 {
    float: none;
  }

  .single-principle-text h3 {
    padding-top: 0;
  }

  .single-principle h2:after {
    content: '';
    position: absolute;
    width: 130%;
    height: 40px;
    background-color: #516d75;
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    border-left: none;
    left: -22px;
    top: 120px;
  }

  .pkf-page-header-content {
    background-position: 600px;
  }

  .pkf-page-header-content h2 {
    font-size: 30px;
  }

  .impact-pointer-arrow, .impact-notes-one .impact-pointer-arrow, .impact-notes-two .impact-pointer-arrow, .impact-notes-three .impact-pointer-arrow {
    margin: auto;
  }
}
@media only screen and (max-width: 1080px) {
  .impact-notes-one, .impact-notes-two, .impact-notes-three {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 600px) {
  .logo_container img {
    max-width: 290px;
  }

  .et_header_style_centered header#main-header .logo_container {
    max-height: 50px;
  }
}

.guiding-principles-1 {
    width: 40%;
    margin-left: 10%;
    float: left;
    clear: both;
}
.guiding-principles-2 {
    width: 40%;
    margin-left: 10%;
    float: right;
}

@media only screen and (max-width: 800px) {
  .guiding-principles-1 {
    width: 90%;
	float: none;
  }
  .guiding-principles-2 {
    width: 90%;
	float: none;
  }
}

.submit {
    width: inherit !important;
    border: solid 2px #516d75;
    padding: 10px;
}
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description
{
  margin-top: 0px;
  padding-top: 60px;
}
#footer-bottom p#footer-info {
  font-size: 12px;
}

.et_pb_bg_layout_light .et-pb-arrow-prev, .et_pb_bg_layout_light .et-pb-arrow-next
{
  color: #ffffff !important;
}




/********** GRANTS AWARDED **********/


.grants-awarded-box {
	border: #d7a962 solid 1px;
	border-bottom: #d7a962 solid 106px;
	border-radius: 4px;
	width: 28%;		/* Mod */
	margin-right: 2%;
	min-height: 723px;
	float: left;
	padding-top: 25px;
}
.grants-awarded-box-search {
	border: #d7a962 solid 1px;
	border-radius: 4px;
	width: 40%;		/* Mod */
	margin-right: 2%;
	min-height: 580px;	/* Added */
	float: left;
	padding-top: 25px;
}
.grants-awarded-box-search select {
	width: 100%;
}
.grants-awarded-box-last {
	border: #d7a962 solid 1px;
	border-radius: 4px;
	width: 28%;		/* Mod */
	min-height: 578px;
	float: left;
	padding-top: 25px;
}
.grants-awarded-box-last h3 {
	font-weight: 400;
	border-bottom: 1px solid #d7a962;
	margin-bottom: 7px;
	padding-bottom: 12px;
	font-size: 15px;
	line-height: 19px;
	color: #5f625f;
}
.grants-awarded-box-last h3 strong.yellow {
	color: #d7a95a;
}
.grants-awarded-list {
	
}
.grants-awarded-list strong {
	float: left;
	display: inline-block;
	color: #516d75;
	margin: 5px 0 0 0;
	line-height: 16px;
}
.grants-awarded-list .amount {
	float: right;
	text-align: right;
	display: inline-block;
	font-weight: bold;
	color: #516d75;
	line-height: 10px;
	margin-bottom: 5px;
}

.grants-awarded-box-search label {
    font-size: 11px !important;
}

.grants-awarded-list .amount:after {
	clear: both;
	margin-bottom: 5px;
}
.grants-awarded-list .description {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 15px;
}
@media only screen and (max-width: 1200px) {
.grants-awarded-box {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 25px;
}
.grants-awarded-box-search {
	width: 48%;
	margin-right: 0%;
	margin-bottom: 25px;
}
.grants-awarded-box-last {
	width: 100%;
	height: auto;
}
}
@media only screen and (max-width: 850px) {
.grants-awarded-box {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 25px;
	min-height: auto;
	padding-bottom: 25px;
}
.grants-awarded-box-search {
	width: 100%;
	margin-right: 0%;
	height: auto;
}
.grants-awarded-box-last {
	width: 100%;
	min-height: auto;
}
}

.grants-awarded-box h1, .grants-awarded-box-search h1, .grants-awarded-box-last h1 {
	margin: 0;
	font-size: 43px;
	line-height: 50px;
}
.grants-awarded-box h2, .grants-awarded-box-search h2, .grants-awarded-box-last h2 {
	margin: 0;	/* Mod */
	font-size: 22px;
	line-height: 30px;
}
.grants-awarded-box p {
	font-size: 18px;
	line-height: 30px;
	margin-top: 15px;
}

.grants-label {
	float: left;
	width: 28%;	/* Mod */
	text-align: right;
	margin-right: 4%;
	margin-bottom: 10px;
	padding-top: 3px;
	font-weight: bold;
	clear: both;
}
.grants-field {
	position: relative;	/* Added */
	float: left;
	width: 68%; 	/* Mod */
	margin-bottom: 10px;
}
.grants-field-date {
	/* Removed */
	/*float: left;
	width: 61px;
	margin-bottom: 10px;
	margin-right: 8px;*/
}
.grants-field-date input {
	width: 61px;
	background-image: url('/wp-content/themes/Peter%20Kiewit%20Foundation/images/Calendar-1.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 25px auto;
}

.grant-buttons {
	clear: both;
	width: 100%;
}
.search-buttons-reset {
	width: 100%;	/* Mod */
	/* Removed float */
}
.search-buttons-search {
	width: 100%;	/* Mod */
	/* Removed float */
}
.search-buttons-list {
	width: 100%;
}
.search-buttons-reset a {
	width: 100%;
	display: block;
	background-color: #dcd7d2;
	color: #717271;
	text-decoration: none;
	text-align: center;
	padding: 0 5px;	/* Mod */
	height: 30px;	/* Added */
	line-height: 30px;	/* Added */
	transition: background-color .5s ease;
}
.search-buttons-search a {
	width: 100%;
	display: block;
	background-color: #516d75;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 41px 0;
    min-height: 106px;
	transition: background-color .5s ease;
}
.search-buttons-list a {
	width: 100%;
	display: block;
	background-color: #d2aa5d;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 30px 0;
	margin-top: 34px;
	transition: background-color .5s ease;
}
.search-buttons-reset a:hover {
	background-color: #d2aa5d;
	color: #ffffff;
}
.search-buttons-search a:hover {
	background-color: #d2aa5d;
}
.search-buttons-list a:hover {
	background-color: #516d75;
}


.grants-awarded-box-search .container {
	min-height: 511px;
	position: relative;
	width: 100%;
	margin: 0;
	padding-left: 5%;
	padding-right: 5%;
}
.grants-awarded-box-last .container {
	min-height: 556px;
	max-height: 556px;
	overflow: hidden;
	position: relative;
}
@media only screen and (max-width: 1200px) {
.grants-awarded-box-last .container {
	height: auto;
	margin-bottom: 25px;
}
}
@media only screen and (max-width: 850px) {
.grants-awarded-box-search .container {
	height: auto;
}
}
.grants-awarded-box-search select, .grants-awarded-box-search input[type=text]
{
	border: 1px solid #ccc !important;
}
.grants-awarded-page {
	padding: 15px 0 0 0;
	margin: 0 80% 0 60px;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #d7a95a;
}
.grants-awarded-page-2 {
	padding: 0 0 60px 0;
	margin: -15px 60px 0 60px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d7a95a;
}

.grants-awarded-search-bar {
	background-color: #d7a95a;
}

.grants-awarded-search-results {
	background-color: #edebe8;
	padding-bottom: 25px !important;
}
.grants-awarded-search-results .none-found {
	font-size: 20px;
}


.grants-awarded-search-results-box {
	background-color: #ffffff;
	margin-bottom: 35px;
	padding: 15px 0px;
}
.grants-awarded-search-results-box-name {
	width: 37%;
	float: left;
	padding: 0 30px;
}
.grants-awarded-search-results-box-name h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 20px;
	font-weight: 500;
}
.grants-awarded-search-results-box-name p {
	margin: 0;
	font-size: 16px;
}
.grants-awarded-search-results-box-name a:hover {
	text-decoration: underline;
}
.grants-awarded-search-results-box-details {
	width: 42%;
	float: left;
	border-left: 1px solid #b5b6b5;
	border-right: 1px solid #b5b6b5;
	padding: 0 30px;
}
.grants-awarded-search-results-box-amount {
	width: 21%;
	float: left;
	text-align: right;
	color: #d7a95a;
	font-size: 25px;
	font-weight: bold;
	padding: 0 30px;
}
@media only screen and (max-width: 950px) {
.grants-awarded-search-results-box-name {
	width: 100%;
	float: none;
	display: block;
	padding: 0 30px;
}
.grants-awarded-search-results-box-details {
	width: 100%;
	float: none;
	display: block;
	padding: 15px 30px;
	border: hidden;
}
.grants-awarded-search-results-box-amount {
	width: 100%;
	float: none;
	text-align: left;
	display: block;
	padding: 0 30px;
}
}
.grants-awarded-headline {
	width: 60%;
	float: left;
	padding: 50px 0 30px 0;
}
.grants-awarded-print {
	width: 20%;
	float: right;
	text-align: right;
	padding: 50px 0 0 0;
}
.grants-awarded-print-2 {
	width: 20%;
	float: right;
	text-align: right;
	padding: 15px 0 15px 0;
}
.grants-awarded-print img {
	opacity: 1.0;
	transition: opacity ease .5s;
}
.grants-awarded-print img:hover {
	opacity: .6;
}
@media only screen and (max-width: 400px) {
.grants-awarded-headline {
	width: 100%;
	float: left;
	padding: 50px 0 10px 0;
}
.grants-awarded-print {
	width: 100%;
	float: left;
	text-align: left;
	padding: 0 0 20px 0;
}
.grants-awarded-print-2 {
	width: 100%;
	float: left;
	text-align: left;
	padding: 15px 0 15px 0;
}
}
.grants-awarded-next-previous {
	padding: 10px 0 30px 0;
	text-align: center;
}
.grants-awarded-next-previous a {
	display: inline-block;
	padding: 8px 12px;
	background-color: #fff;
	border: solid 1px #dddddd;
	margin-left: -1px;
	color: #516d75;
	transition: background-color .5s ease;
}
.grants-awarded-next-previous a:hover {
	background-color: #eeeeee;	
}
.grants-awarded-next-previous a.selected, .grants-awarded-next-previous a.selected:hover {
	background-color: #d7a95a;
	color: #fff;
}
.recent-grants-awarded-top-left {
	width: 50%;
	float: left;
	padding: 35px 0 35px 0;
}
.recent-grants-awarded-top-left h2 {
	color: #ffffff;
	margin: 0 0 0 0;
	font-size: 25px;
	line-height: 27px;
}
.recent-grants-awarded-top-left p, .recent-grants-awarded-top-right p {
	color: #516d75;
	margin: 0 0 7px 0;
	font-size: 17px;
	line-height: 19px;
}
.recent-grants-awarded-top-right {
	width: 50%;
	float: right;
	padding: 35px 0 35px 0;
	text-align: right;
}
.recent-grants-awarded-top-right h3 {
	margin: 0 0 0 0;
	font-size: 30px;
	line-height: 32px;
}
@media only screen and (max-width: 800px) {
.recent-grants-awarded-top-left {
	width: 100%;
	padding: 35px 0 0 0;
}
.recent-grants-awarded-top-right {
	width: 100%;
	padding: 15px 0 35px 0;
	text-align: left;
}
}



.grants-awarded-search-bar {
	padding: 30px 0;
}
.grant-search-total {
	float: left;
	border-right: 1px solid #516d75;
	margin-right: 30px;
	padding-right: 30px;
	margin-right: 40px;
	width: 130px;
}
.grant-search-total h3 {
	margin: 10px 30px 0 0;
	text-transform: uppercase;
	font-weight: 400;
	color: #ffffff;
	font-size: 20px;
}
.grant-search-total h4 {
	margin: 0px;
}
.grant-search-parameters {
	float: left;
	width: 84%;
}
.grant-search-parameters-headline {
	margin: 10px 0 10px 0;
	text-transform: uppercase;
	font-weight: 400;
	color: #ffffff;
	font-size: 20px;
}
.grant-search-parameters strong {
	color: #516d75;
	font-weight: 400;
}
.grant-search-parameters-individual {
	color: #ffffff;
	float: left;
	margin: 0 30px 10px 0;
	line-height: 18px;
}
.grant-search-parameters-individual-1 {
	float: left;
}
.grant-search-parameters-individual-2 {
	float: left;
	min-width: 70px;
	max-width: 120px;
}
.grant-search-parameters-individual strong {
	color: #ffffff;
	font-weight: bold;
}
.grant-search-parameters-individual a {
	opacity: 1.0;
	transition: opacity .5s ease;
	float: left;
	margin: 3px 15px 0 0;
}
.grant-search-parameters-individual a:hover {
	opacity: .6;
}
@media only screen and (max-width: 1350px) {
.grant-search-total {
	border-right: none;
	width: 100%;
}
.grant-search-parameters {
	float: left;
	width: 100%;
}
}
@media only screen and (max-width: 900px) {
.grant-search-parameters-individual-2 {
	min-width: 120px;
}
}

.grants-awarded-search-results-box {
	background-color: #ffffff;
	margin-bottom: 35px;
	padding: 15px 0px;
	position: relative;		/* For absolute positioning the grant year */
}
.grants-awarded-search-results-box-date { 
	background-color: #b5b6b5;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 20px;
	vertical-align: middle;
	padding-top: 40px;
}
.grants-awarded-search-resultes-box-date-year
{
	font-size: 16px;
	margin-top: 8px;
	display: block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);	
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
}

.grants-awarded-sort {
	width: 20%;
	float: right;
	padding: 50px 0 0 0;
}
.grants-awarded-sort-2 {
	width: 20%;
	float: right;
	padding: 15px 0 15px 0;
}
.grants-awarded-ajax 
{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	opacity: 0.5;
	z-index: 1000;
	background: #fff url(images/ajax-busy.gif) no-repeat center center;
}
.grants-awarded-ajax.busy 
{
	display: block;
}
.grants-field input,
.grants-field select {
	width: 100%;
}
.grants-field-date input.has-date {
	/* Remove calendar background image when a date is selected */
	background-image: none;
}
/* Change the color of the input field placeholder text to be inline with the selectric dropdowns */
.grants-field ::-webkit-input-placeholder { /* Chrome */
  color: #aaa;
}
.grants-field :-ms-input-placeholder { /* IE 10+ */
  color: #aaa;
}
.grants-field ::-moz-placeholder { /* Firefox 19+ */
  color: #aaa;
  opacity: 1;
}
.grants-field-date :-moz-placeholder { /* Firefox 4 - 18 */
  color: #aaa;
  opacity: 1;
}
.grants-field-date ::-webkit-input-placeholder { /* Chrome */
  color: #aaa;
}
.grants-field-date :-ms-input-placeholder { /* IE 10+ */
  color: #aaa;
}
.grants-field-date ::-moz-placeholder { /* Firefox 19+ */
  color: #aaa;
  opacity: 1;
}
.grants-field-date :-moz-placeholder { /* Firefox 4 - 18 */
  color: #aaa;
  opacity: 1;
}

.grants-awarded-box-last .container:after 
{
	/* Overelay white gradient at the bottom of the grants list to indicate more items available */
	content: ' ';
	position: absolute;
	left: 0;
	right: 0;
	height: 100px;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1.0) 100%);
	z-index: 1;
}

.grants-sort-label {
	display: inline-block;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 10px;
}
.grants-sort-field {
	display: inline-block;
	width: 60%;
	line-height: 30px;
	vertical-align: middle;
}


/*======================================
  Selectric v1.13.0 - used for drop downs
======================================*/

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #ccc;
  border-radius: 0px;
  background: #fff;
  position: relative;
  overflow: hidden;
  width: 100%; /*width: 106%;*/
}

.selectric .label {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 30px 0 5px;	/* Mod */
	font-size: 12px;
	line-height: 30px;
	color: #444;
	height: 30px;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
}
.selectric .label.placeholder 
{
	color: #aaa;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  color: #3d403e;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #3d403e;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #ccc;
}

.selectric-hover .selectric {
  border-color: #ccc;
}

.selectric-hover .selectric .button {
  color: #3d403e;
}

.selectric-hover .selectric .button:after {
  border-top-color: #3d403e;
}

.selectric-open {
  /*z-index: 9999;*/
}

.selectric-open .selectric {
  border-color: #ccc;
}

.selectric-open .selectric-items {
  display: block;
  opacity: 1;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 9999; /*-1;*/
  box-shadow: 0 0 10px -6px;
  margin-top: -1px;
  /*margin-top: -32px;*/ /* Uncomment this to move the dropdown over the input field */
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -ms-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in  
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 30px;
}

.selectric-items li {
	display: block;
	padding: 5px 5px;	/* Mod */
	color: #666;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}

.selectric-items li.selected {
  background: #dcd7d2;
  color: #666;
}

.selectric-items li.highlighted {
  background: #dcd7d2;
  color: #666;
}

.selectric-items li:hover {
  background: #dcd7d2;
  color: #666;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}




/********** NEWSLETTER - RAISING THE BAR **********/
.page-id-1034 .pkf-page-header-content {
    width: 100%;
}

.page-id-1034 .pkf-guide-section {
    display: none;
}


/* NEWSLETTER - HEADER REMOVED */
.page-id-1933 div#main-content{display: none !important;}
.page-id-1949 div#main-content{display: none !important;}
.page-id-1946 div#main-content{display: none !important;}
.page-id-2425 div#main-content{display: none !important;}
.page-id-2572 div#main-content{display: none !important;}
.page-id-2409 div#main-content{display: none !important;}
.page-id-2364 div#main-content{display: none !important;}
.page-id-2365 div#main-content{display: none !important;}
.page-id-2572 div#main-content{display: none !important;}
.page-id-2595 div#main-content{display: none !important;}
.page-id-2604 div#main-content{display: none !important;}
.page-id-1631 div#main-content{display: none !important;}
.page-id-1603 div#main-content{display: none !important;}
.page-id-1620 div#main-content{display: none !important;}
.page-id-2775 div#main-content{display: none !important;}
.page-id-2790 div#main-content{display: none !important;}
.page-id-2801 div#main-content{display: none !important;}
.page-id-3055 div#main-content{display: none !important;}
.page-id-3057 div#main-content{display: none !important;}
.page-id-3056 div#main-content{display: none !important;}
.page-id-3203 div#main-content{display: none !important;}
.page-id-3214 div#main-content{display: none !important;}
.page-id-3232 div#main-content{display: none !important;}





/* NEWSLETTER - SLIDER BG REMOVED */
.page-id-3056 .et_pb_slide:before {background-color: rgba(0, 0, 0, 0);}


.grants-field input[type='text'] {
	width: 100%;
	padding-left: 5px !important;
	padding-right: 20px !important;
}
.grants-field-list {
	display: none;
}
.grants-field-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.grants-field-col {
	position: relative;
	display: table-cell;
	width: auto;
	vertical-align: top;  
}
.grants-field-col.to-label {
	font-size: 13px;
	width: 20px;
	vertical-align: middle;
	padding: 0 2px;
}
.grants-field-input {
	position: relative;
	display: table-cell;
	width: auto;
	vertical-align: top;
}
.grants-field-button {
	position: relative;
	display: table-cell;
	width: 100px;
	vertical-align: top;
}
.grants-field-button a {
	width: 100%;
	display: block;
	background-color: #d2aa5d;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 0 5px;
	line-height: 30px;  
	font-size: 13px;
	transition: background-color .5s ease;
}
.grants-field-button a:hover {
	background-color: #516d75;
}
.grant-buttons a {
	font-size: 20px;
}
.grants-awarded-box-search .grant-buttons {
	margin-top: 20px; 
}

div.pkf-guide-section ul.children {
	display:none !important;
}


/*	Draws an "X" of various sizes and thicknesses,
    for field reset and modal closers.
-------------------------------------------------------------- */
.close {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	cursor: pointer;
}
.close:before,
.close:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #aaa;
	transition: background-color .5s ease;
}
.close:hover:before,
.close:hover:after {
	background: #222;
}
.close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);  
}
.close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);  
}
.close.hairline { }
.close.hairline:before, 
.close.hairline:after {
	height: 1px;
}
.close.thick { }
.close.thick:before, 
.close.thick:after {
	height: 4px;
	margin-top: -2px;
}
.grants-field .close {
	position: absolute;
	top: 11px;
	bottom: 0;
	right: 8px;
	width: 10px;
	height: 10px;
}
.grants-field .grants-field-date .close
{
	display: none; /* Initially hidden until date selected */
}




/*	Auto complete menus
-------------------------------------------------------------- */
.grants-autocomplete-menu .ui-corner-all
{
    border-radius: 0;
}
.grants-autocomplete-menu .ui-widget-content
{
	padding: 0 !important;
	border: 1px solid #ccc !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	background: #ebebeb !important;
}
.grants-autocomplete-menu .ui-widget
{
	font-family: inherit !important;
	font-size: inherit !important;
}
.grants-autocomplete-menu .ui-menu
{
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    z-index: 100000;
}
.grants-autocomplete-menu .ui-autocomplete
{
    cursor: default;
    position: absolute;
}
.grants-autocomplete-menu .ui-menu .ui-menu-item
{
    clear: left;
    float: left;
    margin: 0 !important;
    padding: 5px 8px !important;
    width: 100%;
    background-color: #ebebeb;
    color: #666 !important;
    border-bottom: 1px solid #ccc;
}
.grants-autocomplete-menu .ui-menu .ui-menu-item.ui-state-focus
{
    color:#fff !important;
    cursor: pointer;
    background: #d2aa5d;
    border: 0;
    border-bottom: 1px solid #ccc;
}

.ui-helper-hidden-accessible {
  /* The default styles for these elements mess up modal noscroll in Chrome */
  position: absolute !important;
  left: -999999px !important;
}




/*	Checkbox/Radio List
-------------------------------------------------------------- */
.grants-check-list
{
  display: table;
  table-layout: fixed;
  width: 100%;
}
.grants-check-list ul {
  display: table-cell;
  vertical-align: top;
  padding-right: 20px;
}
.grants-check-list ul li {
  position: relative;  
  white-space: nowrap;
}

.grants-check-list input[type='checkbox'] { }
.grants-check-list input[type='checkbox'] + label { }
.grants-check-list input[type='checkbox']:hover { }
.grants-check-list input[type='checkbox']:checked + label,
.grants-check-list input[type='checkbox']:hover + label { }

.grants-check-list input[type='checkbox']:not(old)
{
	display: inline-block;
	width   : 20px;
	margin  : 0;
	padding : 0;
	opacity : 0;
	margin-bottom: 10px;
	cursor: pointer;
}
.grants-check-list input[type='checkbox']:not(old) + label
{
	display      : inline-block;
	margin-left  : -25px;
	margin-right : 10px;	/* added */
	padding-left : 23px;
	line-height: 19px;
	vertical-align: top;
	cursor: pointer;
	white-space: normal;
}
.grants-check-list input[type='checkbox']:not(old) + label:after
{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.grants-check-list input[type='checkbox']:hover:not(old)+label:after
{
  border: 1px solid #ccc;
  background-color: #eee;
}
.grants-check-list input[type='checkbox']:not(old):checked + label:after
{
  border: 1px solid #bbb;
  background-color: #bbb;
}
.grants-check-list input[type='checkbox']:hover:checked:not(old)+label:after
{
	border: 1px solid #bbb;
	background-color: #bbb;
}




/*	Modals
-------------------------------------------------------------- */
.modal
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 100000;
}
.modal-open
{
	display: block !important;
}
.modal-overlay
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	opacity: 0.8;
	z-index: 100001;
}
.modal-content-wrap
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 100002;
	overflow: hidden;
}
.modal-content
{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: left;
	max-width: 600px;
	z-index: 100003;
}
.modal-close
{
	text-align: right;
}
.modal-close .close
{
	display: inline-block;
	width: 45px;
	height: 45px;
}
.modal-close .close:before,
.modal-close .close:after {
	background: #ccc;
}
.modal-close .close:hover:before,
.modal-close .close:hover:after {
	background: #aaa;
}

.modal h2 {
	padding: 0;  
	margin: 0;
	line-height: 100%;
}
.modal hr {
	border: 0;
	padding: 0;
	margin: 12px 0;
	height: 1px;
	background-color: #d2aa5d;
}
.modal-noscroll
{
	position: fixed;
	width: 100%;
	top:0;
	left: 0;
	height: 100%;  
	overflow-x: hidden;
	overflow-y: scroll;	/* Stops jumping when scroll bar removed */	
}
.modal-buttons {
	clear: both;
	width: 100%;
	text-align: right;
}
.modal-button {
	display: inline-block;
	margin-left: 14px;
}
.modal-button a {
	width: 100%;
	display: block;
	background-color: #dcd7d2;
	color: #717271;
	text-decoration: none;
	text-align: center;
	padding: 0 18px;
	height: 30px;
	line-height: 30px;
	transition: background-color .5s ease;
}
.modal-button.modal-submit a {
	background-color: #d2aa5d;
	color: #ffffff;  
}
.modal-button a:hover {
	background-color: #d2aa5d;
	color: #ffffff;
}
.modal-button.modal-submit a:hover {
	background-color: #516d75;
}

.modal .grants-check-list ul li label {
	color: #516d75;
}
.grants-awarded-next-previous a.grants-awarded-view-all
{
	margin-left: 30px;
}
.grants-awarded-next-previous a.grants-awarded-view-paged
{
}






/* Newsletter & Recent Wheelhouse Additions */

.pfk-letter-ol {
	list-style: decimal;
	padding-left: 2em;
}

.pfk-letter-ol li {
	padding-bottom: 1em;	
}



#et-secondary-menu {
	float: none;
  text-align: center;
}

#et-secondary-menu>ul>li a {
	font-size: 22px;
	padding: 0.45em 0 1em 0;
}


.pkf-h2 {
	font-size: 3em;
	color: #516d75;
	text-transform: uppercase;
	font-weight: 500;
}


.pkf-h3 {
	font-size: 2em;
	color: #d7a95a;
	text-transform: uppercase;
	font-weight: 400;
}

.pkf-newsletter-h2 {
	margin-top: 0.5em;
}

.pkf-newsletter-h3 {
	font-size: 1.71em;
	color: #d7a95a;
	font-weight: 400;
	margin-top: 0.5em;
}

.pkf-h4 {
	margin-top: .5em;
	font-size: 1.29em;
	color: #d7a95a;
	text-transform: uppercase;
}

.pkf-toc-article-category {
	color: #5f625f;
	text-transform: uppercase;
	font-weight: 500;
}

.pkf-toc-article-title {
	font-size: 1.14em;
	color: #5f625f;
}

.pkf-toc-news-category {
	color: #5f625f;
	text-transform: uppercase;
	font-weight: 500;
}

.pkf-newsletter-copy,
.pkf-newsletter-copy p {
	font-size: 16px;
	line-height: 1.5;
}
.pkf-newsletter-gallery {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-height: 100vh;
}

.pkf-newsletter-gallery img {
	margin: 0 15px 15px 0;
	width: 31%;
	height: intrinsic;
	flex-grow: 1;
}

.pkf-newsletter-gallery .double {
	width: 64.25%;
	flex-grow: 1;
}


/* Newsletter Article Sryles */
.pkf-article-category {
	font-size: 1.14em;
	text-transform: uppercase;
	font-weight: 400;
}

.pkf-article-headline {
	font-size: 3em;
	text-transform: uppercase;
	font-weight: 500;
}

@media only screen and (max-width: 640px) {
	.pkf-article-headline {
		font-size: 2em;
	}
}

.pkf-article-subhead {
	font-size: 1.43em;
}

.pkf-article-pullquote {
	color: #d7a95a;
	line-height: 1.6;
	border-top: 10px solid #d7a95a;
	border-bottom: 2px solid #d7a95a;
	padding: 4% 5%;
	margin-top: 1em;
	text-align: center;
	display: block;
	clear: both;
}

.pkf-article-pullquote-text {
	font-size: 1.71em;
}

.pkf-article-pullquote-name {
	font-size: 1.14em;
	font-weight: 500;
}

.pkf-article-pullquote-title {
	text-transform: uppercase;
}

.pkf-newsletter-navs a:hover,
.pkf-newsletter-navs a:hover span
{
	color: #ca9232;
}

.pkf-nav-on,
.pkf-nav-on span {
	color:  #ca9232;
}

.pkf-standard-ul,
.pkf-newsletter-ul {
	margin-left: 2em;
	margin-top: 0.5em;
}

.pkf-standard-ul li,
.pkf-newsletter-ul li {
	list-style-type: disc;
}

@media only screen and (max-width: 740px) {
	.pkf-article-image-right {
		text-align: center!important;
		clear: both!important;
		padding-bottom: 1em!important;
		float: none!important;
		display: block!important;
		margin: 0!important;
	}
}

