/*
Theme Name: Kenan Fellows Program Child
Theme URI: https://design.oit.ncsu.edu/
Description: KFP child theme 
Author: Miles Elliott, OIT Design; AndiSites Inc.
Author URI: https://design.oit.ncsu.edu/
Template: hillsborough
Version: 0.0.17
Text Domain:  iei-hlb-child
GitHub Enterprise: https://github.ncsu.edu
GitHub Theme URI: https://github.ncsu.edu/oitdesign/iei-hlb-child
*/
/* Global */
.masthead-container {
  position: relative; }
  .masthead-container .row {
    margin: 0; }

.iei-logo {
  max-height: 8rem;
  max-width: 90%; }

.iei-logo-vertical {
  max-height: 13rem;
  margin: 0 auto; }

.site-title-text {
  text-indent: -9999px;
  position: absolute;
  display: inline-block; }

.iei-home-container {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 15px; }

.iei-icon {
  height: 10rem;
  margin: 5rem auto;
  display: block; }

.iei-icon-bar .iei-icon {
  background: white;
  height: 5rem;
  min-width: 6.5rem;
  padding: 0.75rem;
  margin: 0 .5rem;
  display: inline-block; }

.iei-icon-bar-text {
  display: inline-block;
  margin: 0 2rem;
  font-weight: bold; }

.front-page-post-row {
  padding: 4rem 0; }
  .front-page-post-row:not(:last-child) {
    border-bottom: solid 1px #f2f2f2; }

.front-page-entry-meta {
  color: #666666;
  display: block;
  width: 100%;
  font-size: 1.5rem; }

.front-page-entry-title, .entry-title {
  margin: 0 0 1rem 0; }

article.post a h1.entry-title {
  margin: 1rem 0; }

.entry-excerpt, article.post.type-post a .entry-excerpt {
  background: #f2f2f2;
  padding: 2rem; }

.entry-excerpt .glyphicon-thin-arrow:before {
  font-size: 2.5rem; }

.featured-post-no-img {
  min-height: 20em; }

.featured-post-col.col-md-12 {
  max-height: 500px;
  overflow: hidden;
  padding-right: 0;
  min-height: 20em; }
  .featured-post-col.col-md-12 img {
    width: 100%;
    height: auto; }

.featured-post-text {
  position: absolute;
  bottom: 0;
  width: calc(100% - 15px);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 2rem; }
  .featured-post-text .front-page-entry-meta {
    color: white; }
  .featured-post-text .front-page-entry-title {
    color: white;
    margin-bottom: 0; }
    .featured-post-text .front-page-entry-title:hover {
      color: #cccccc; }
    .featured-post-text .front-page-entry-title .glyphicon-thin-arrow {
      font-size: 2em;
      vertical-align: middle; }

hr {
  border-color: #ccc; }
  hr.no-margin {
    margin: 0;
    border-color: #ccc; }

.m-top {
  margin-top: 1.5em; }

.m-bottom {
  margin-bottom: 1.5em; }

.m-auto {
  margin-left: auto;
  margin-right: auto; }

.a-center {
  text-align: center; }

.p-thick {
  padding-right: 3em;
  padding-left: 3em; }

#wp-custom-header-video {
  width: 100%;
  max-width: 1500px;
  height: 500px; }

.wp-custom-header img {
  width: 100%;
  margin: 0 auto; }

@media screen and (max-width: 35rem) {
  .featured-post-text {
    position: relative;
    width: auto;
    background: #333; }

  .front-page-entry-title {
    font-size: 2.5rem; }

  .featured-post-col.col-md-12 {
    overflow: visible;
    max-height: initial; } }
/* Shortcode */
.display-post.col-md-12 {
  padding: 2rem; }
.display-post-text {
  margin-top: 0.25em; }
.display-post-img-link {
  margin: 0 auto;
  display: block; }
.display-post-title {
  margin-top: .25em;
  font-size: 1.5em;
  font-weight: bold; }
.display-post-arrow {
  margin-top: .2em; }
.gray10 .display-post a {
  color: #cc0000; }
  .gray10 .display-post a:hover {
    color: #990000; }

.display-post-overlay {
  overflow: hidden;
  padding: 2rem; }
  .display-post-overlay .display-post-img-link {
    overflow: hidden;
    display: inline-block;
    position: relative; }
  .display-post-overlay .display-post-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    margin-top: 0;
    color: white;
    padding: 2rem; }
    .display-post-overlay .display-post-text .display-post-meta {
      color: white; }
    .display-post-overlay .display-post-text .display-post-title {
      color: white;
      margin-bottom: 0; }
      .display-post-overlay .display-post-text .display-post-title:hover {
        color: #cccccc; }
      .display-post-overlay .display-post-text .display-post-title .glyphicon-thin-arrow {
        font-size: 1.4em;
        vertical-align: middle;
        top: -0.1em; }

@media screen and (min-width: 35rem) {
  .display-post-inline .display-post-img-link {
    float: left;
    width: 30%; }
  .display-post-inline .display-post-text {
    float: left;
    width: 65%;
    margin-top: 0;
    margin-left: 5%; }
  .display-post-inline.display-post-no-img > .display-post-text {
    margin-left: 0; }
  .display-post-inline .display-post-title {
    margin-top: 0; } }

@media screen and (max-width: 35rem) {
  .display-post-overlay .display-post-text {
    position: relative;
    width: auto;
    background: #333; }
  .display-post-overlay .display-post-title {
    font-size: 2.5rem; }
  .display-post-overlay .display-post-col.col-md-12 {
    overflow: visible;
    max-height: initial; } }
/* Pages */
/* Posts */
.post-image img {
  float: right;
  margin-bottom: 2rem; }

.single .entry-meta {
  margin: 1.5rem 0;
  padding: 0.5em;
  font-size: 1.5rem;
  background-color: #f2f2f2; }

.single .entry-date {
  float: right; }

.entry-footer {
  clear: both; }

/* Campaign */
html body .row a#campaign-sticker-full {
  width: initial;
  padding: 1rem;
  background: #f2f2f2;
  max-width: 100%;
  font-family: "UniversRoman", arial, sans-serif;
  font-size: 11px;
  text-transform: none;
  text-align: right;
  margin-right: 2rem; }
  html body .row a#campaign-sticker-full.sticker_img {
    padding: 0;
    max-width: 12em;
    opacity: 0.8;
    transition: .2s ease all; }
    html body .row a#campaign-sticker-full.sticker_img:hover {
      opacity: 1; }

html body .row a#campaign-sticker-full .campaign-lead-text {
  font-family: "UniversCondensed", arial, sans-serif;
  text-transform: uppercase;
  font-size: 2.5rem;
  display: block; }

html body .row a#campaign-sticker-small {
  font-family: "UniversCondensed", arial, sans-serif;
  font-size: 1.7rem;
  text-transform: uppercase;
  text-align: right;
  margin-right: 3rem; }

/* Typography */
h1, .h1 {
  font-size: 3.5rem; }

/* Tribe Events Calendar */
/* social_display */
.iei-social-display {
  background-color: #f2f2f2;
  padding: 1em;
  margin-left: auto;
  margin-right: auto;
  max-width: 35em; }
  .iei-social-display-title {
    font-family: UniversRoman;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin: 6px 0 22px;
    font-size: 1em;
    color: #cc0000;
    text-align: left; }
  .iei-social-display-list {
    font-family: UniversRoman;
    width: 50%;
    float: left;
    font-size: 1em;
    line-height: 1.6; }
    .iei-social-display-list-item {
      padding-left: 2em;
      line-height: 2; }
      .iei-social-display-list-item a.iei-social-display-list-item-link {
        color: #333;
        text-align: left;
        text-decoration: none;
        display: inline-block;
        min-width: 14rem;
        padding: 0.25em; }
        .iei-social-display-list-item a.iei-social-display-list-item-link:hover {
          text-decoration: underline; }
        .iei-social-display-list-item a.iei-social-display-list-item-link > .glyphicon {
          font-size: 1.7em;
          vertical-align: -7px;
          margin-right: .8em; }
    .iei-social-display-list:after {
      content: " ";
      clear: both;
      display: table; }
  .iei-social-display:after {
    content: " ";
    clear: both;
    display: table; }

/*# sourceMappingURL=style.css.map */

/* Customizations for Kenan Fellows */
/* Import of Inline style */


body {
  font-family:"Univers", Arial, sans-serif !important;
}

@media screen and (min-width:768px) {
  .navbar-nav {
    float:none !important;
  }
}

.asdisform {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom:2em;
  padding:20px 0px;
  border-top:10px solid #cacaca;
  border-bottom:10px solid #cacaca;
}

.asdis {
  display: block;
  margin:10px 0px;
  max-width: 33%;
}

@media screen and (max-width: 480px) {
  .asdis {
    max-width: 100%;
  }
}

.material-icons {
  font-family: "Material Icons" !important;
}
.row {
  margin:0px !important; 
}

aside#secondary .textwidget ul {
  background: #E3E3E3;
  padding: 20px 30px;
  border-bottom:10px solid #428095;
}

aside#secondary .textwidget ul li {
  font-size:0.85em;
}

#site-navigation.navbar {
  background:#dbdbdb;
}

#site-navigation.navbar a {
  font-size:1.4rem;
  font-weight:400;
}

.menu-donate {
  background:#cacaca !important;
}

.menu-donate a {
  color:#cc0000 !important;
}

.site-header {
  background:url('https://kenanfellows.org/wp-content/uploads/sites/378/2020/09/Super-Header3.jpg') no-repeat;
  background-size:100% auto;
  background-position:460px 0px;
}

@media screen and (min-width: 1033px) {
  .site-header {
    background-size:150% auto;
  }
}

.site-title {
  margin:40px 20px !important;;
}

.site-title-one {
  font-size:0px;
  width:350px;
  height:72px;
background:url('https://kenanfellows.org/wp-content/uploads/sites/378/2020/09/KFP-logo-1.png') no-repeat;
  background-size:contain;
  display:block;
  position:relative;
}

.home header#masthead:after {
  content:"";
  background: url('https://kenanfellows.org/wp-content/uploads/sites/378/2020/09/sliderx-scaled.jpg') no-repeat;
background:url('https://kenanfellows.org/wp-content/uploads/sites/378/2020/09/DSA_image11_final.jpg') no-repeat;
  background-size:cover;
  background-position:50% 50%;
  display:block;
  position:relative;
  width:100%;
  height:550px;
  
}

#navbar-collapse-main {
  text-align:center;
  font-size:0px;
}

.navbar-nav {
  float:none; 
  display:inline-block;
  text-align:center;
}


.nav > li > a {
  padding:14px 10px;
}

#navbar-collapse-main .navbar-right {
  float:none !important;
  display:inline-block;
}

.ctas {
  display:flex;
  flex:1;
}

.ctas .cta {
  width:100%;
  padding:0px;
  border:1px solid #428095;
  margin:3px
  
}

.cta a {
  display:block;
  width:100%;
  height:100%;
  padding:10px 70px;
}

.cta a:hover {
  background-image: -moz-linear-gradient( -62deg, rgb(12,62,113) 0%, rgb(17,37,78) 100%);
  background-image: -webkit-linear-gradient( -62deg, rgb(12,62,113) 0%, rgb(17,37,78) 100%);
  background-image: -ms-linear-gradient( -62deg, rgb(12,62,113) 0%, rgb(17,37,78) 100%);
background:url('https://kenanfellows.org/wp-content/uploads/sites/378/2020/09/Super-Header.jpg');
  background-size:300%;
  animation:rotators 1s forwards;

}

@keyframes rotators {
  0% {
    background-position:0px 0px;
  }
  
  100% {
    background-position:-500px 20%;
  }
}

.cta a:hover p, .cta a:hover h2 {
  color:white;
}

.cta h2 {
  font-size:1.875em;
  letter-spacing:-2px;
  font-weight:800;
  margin-bottom:0px;
  color:#000;
}

.cta p {
  color:#888;
  letter-spacing:-0.7px;
  margin:0px;
  padding:0px;
}

.home #main {
  position:relative;
}

.home .entry-header {
  position:absolute;
  left:0px;
  top:-225px;
  margin:0px;
  background:rgba(64, 87, 162, 0.8);
  color:white;
  padding:0 40px;
  z-index:999999;
}

.entry-header h1 {
  font-size:2.6em;
  line-height:1em;
  font-weight:800;
  letter-spacing:-0.6px;
  margin:0px;
  padding:10px;
}

.container-fluid {
  max-width:initial !important;
}

.gform_wrapper .top_label li.gfield.gf_left_half::before {
  display:none !important;
}

#colophon .site-info {
  /*display:none;*/
}



#colophon #footer-logo {
  padding-top:3em;
  max-width:320px;
}

#colophon .footer-links li {
  list-style:none;
}

/*Import of Styles Inline*/
footer {
  background:#eaeaea;
  padding-top:20px;
}

div#colophon {
  background: #000 !important;
}

#colophon .social-channels li a svg {
  border-bottom:0px;
}

#colophon .social-channels li a svg:hover {
  fill:#3399ff;
}

#colophon .site-info::before {
  content: "";
background: url('https://kenanfellows.org/wp-content/uploads/sites/378/2020/09/kenan-inst-logo-rev.png') top center no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size: auto;
position: relative;
display: block;
width: 100%;
height: 80px;
background-size: contain;
right: 0px;
text-align: right;
background-position: right;
  margin-bottom:2em;
}

.sub-footer {
  background: #cc0000;  
}

.sub-footer .ncstate {
  color:white;
}

.sub-footer address {
  color:white;
}

/*end of import of styles inline */

@media screen and (min-width:1080px) {
.benefits, .numbers, .alumni, .ctas {
  width: 100vw;
  /*position: relative;*/
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
  }

.benefits {
  display:flex;
  background: #dbdbdb;
  border-top:4px solid #eaeaea;
    border-bottom:4px solid #eaeaea;

}

.ben h2 {
  color:#438095;
}

.ben .material-icons {
  font-size:3em;
  color:#438095;
  filter: drop-shadow(1px 1px 2px rgba(255,255,255,0.8));
}

.ben strong{
  color:#438095;
}

.numbers {
  display:flex;
  background:url('https://kenanfellows.org/wp-content/uploads/sites/378/2020/10/background-indigo.png');
  text-align: center;
  background-attachment:fixed;
  background-size:cover;

}

.num {
  padding:80px 80px;
  flex-basis:0;
  flex-grow:1;
  text-align:center;
  color:white;

}

.numbers h2 {
  font-size:1.2em;
  color:white;
  font-weight:800;
  font-family: "Univers", Arial, sans-serif;
  position:relative;
  left:20px;
  top:10px;
  letter-spacing:-0.5px;
}

.num h3 {
  border: 6px solid white;
  line-height: 100px;
  padding:20px 20px 10px;
  color:white;
  font-weight:800;
  font-family: "Univers", Arial, sans-serif;
  font-size:3em;
  text-align:center;
  display:inline-block;
}

.benefits .ben {
  padding:60px 80px;
  text-align:center;
  flex-basis:0;
  flex-grow:1;
}

.ben h2 {
  font-family: "Univers", Arial, sans-serif;
  font-size:1.3em;
  font-weight:800;
  letter-spacing:-1.5px;
}



.ben p {
  font-size:0.9em;
  letter-spacing:-1px;
  color:#333;
}

.alumni {

  background:#cc0000;
    margin-bottom:4em;
  color:white;
  padding:3em 20px;
  border-bottom:20px solid rgba(220,220,220,0.8);
  
}

.alumni .container {
  display:flex;
  padding-bottom:20px;
}

.alumni div {
  flex:1;
}

.alumni .content {
  text-align:right;
  padding-right:40px;
  border-right:1px solid rgba(255,255,255,0.2);
  font-size:0.8em;
}

.alumni .content a {
  color:#FAC800;
}

.alumni .pic {
  text-align:center;
}
.alumni .pic img {
  max-width:200px;
  height:auto;
  filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.7));
}

.programs {
  margin-top:2em;
  padding-top:2em;
}

.programs h2 {
  text-align:center;
  font-family:"Univers", Arial, sans-serif;
  font-size:3em;
  color:#CC0000;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:2px;
  margin-top:0.5em;
}

.programs p {
  text-align:center;
  font-size:0.8em;
  color:#767676
}

.programs .pr {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-gap:20px;
  margin-bottom:2em;
}

.ss {
  border:1px solid #cacaca;
  position:relative;
  box-shadow:0px 1px 4px rgba(15,15,15,0.4);
}

.ss h3 {
  padding:0 20px;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:1.3em;
  line-height:1em;
  font-family:"Univers", Arial, sans-serif;
  font-weight:100;
}

.ss h3 strong {
  line-height:1em;
}

.ss p {
  text-align:left;
}

.s1 h3 {
  color:#CC0000;
  text-transform:none;
}

.s2 h3 {
  color:#427E93;
}
.s3 h3 {
  color:#4156A1;
}
.s4 h3 {
  color:#D14905;
}
.s5 h3 {
  color:#6F7D1C;
}
.s6 h3 {
  color:#008473;
}

.ss h3 strong {
  display:block;
  width:100%;
  font-weight:800;
}

.ss p {
  padding:0 20px;
  margin-bottom:1em;
  width:calc(100% - 40px);
}

.ss a {
  position:absolute;
  bottom:0px;
  right:0px;
  width:40px;
  height:40px;
  background:#333;
  text-align:center;
  color:white;
  text-decoration:none;
  font-weight:800;
  line-height:35px
  
}

.ss a:hover {
  background:#CC0000;
}


aside .h3, aside .h4, aside h3, aside h4 {
  font-size:1.1em;
  line-height:1.3em !important;
}

.our-work {
  text-align: center;
}

.our-work div {
  max-width:650px;
  margin:0 auto;
}

.our-work h2 {
    text-align:left;
    margin-bottom:1em;
    padding:0px 20px
}


footer {
  background:#eaeaea;
  padding-top:20px;
}

div#colophon {
  background: #000 !important;
}

#colophon .social-channels li a svg {
  border-bottom:0px;
}

#colophon .social-channels li a svg:hover {
  fill:#3399ff;
}



.sub-footer {
  background: #cc0000;  
}

.sub-footer .ncstate {
  color:white;
}

.sub-footer address {
  color:white;
}

#mce-EMAIL {
  color:white;
    display: inline-block;
  width: 100%;
  margin-bottom: 1em;
  padding:5px 10px;
  border:none;
  background: #ac0e40;
}

#mc-embedded-subscribe {
  color:black;

}

.people {
  padding-top:3em;
}

/* Search */
.search h1 {
  padding:0px !important;
  margin:0px;
}

.search article {
  margin-bottom:3em;
  padding-bottom:1em;
  border-bottom:1px solid #cacaca;
}



@media screen and (max-width:1488px) {
  .site-header {
    background-size:240% auto;
  }
}

@media screen and (min-width:1200px) {
  .nav > li > a {
  padding:14px 18px;
}
}

@media screen and (max-width:1080px) {
  .site-header {
    background-size:240% auto;
  }
  .benefits {
    flex-flow: row wrap;
  }
  
  .benefits .ben {
    padding:20px;
  }
  
  .numbers {
    position:relative;
  }
  
  .numbers .num {
    padding:4em 20px 2em 20px;
  }
  
  .numbers h2 {
    position:absolute;
    top:20px;
    left:20px;
  }
  
  .alumni {
    padding:20px;
  }
  
  .programs .pr {
    grid-template-columns:1fr 1fr;
  }
}

@media screen and (max-width:580px) { 
  .entry-header h1 {
    font-size: 1.6em;
  }

  .ctas {
    display:grid;
    grid-template-columns:1fr;
  }
  
  .ctas .cta {
    width:inherit;
    margin:3px;
  }
  
  .ctas .cta a {
    padding:10px 20px;
  }
  
  .ctas .cta a:hover {
    background-size:500% 500%;
  }
  
  .numbers {
    display:block;
    padding:2em 20px;
  }
  
  .numbers h2 {
    position:relative;
    top:0px;
    left:0px;
  }
  
  .numbers .num {
    width:100%;
    padding:0px;
    margin-bottom:1em;
  }
  
  .alumni .container {
    display:block;
  }
  
  .alumni .container .content {
    border-right:0px;
  }
  
  .programs {
    padding-top:0px;
  }
  
  .programs .pr {
    grid-template-columns:1fr;
  }
  
  .programs .intro {
    padding:20px;
  }
  
  .programs .ss img {
    max-width:inherit;
    width:100%;
    height:160px;
    object-fit:cover;
  }
  
  .benefits {
    display:grid;
  }
  
  .ben p {
    margin:0px;
  }
  
  .ourwork {
    max-width:80%;
    text-align:center;
  }
  
  .navbar-nav {
    display:block;
  }
}

@media screen and (max-width:480px) {
  .site-title-one {
    width:90%;
  }
  #colophon #footer-logo {
  padding-top:3em;
  max-width:90%;
}
  #ncstate-utility-bar .ncstate-utility-bar-covid {
    display:none;
  }
}

.gf_hide_labels .gfield_label, .gf_hide_labels .gfield_description {
  display: none !important;
}

.gfield_label {
  font-weight: 700;
}

.gfield_description {
  padding: 0px !important;
}

body.lesson_plan-template-default main {
/*  width: 100%; */
}
h1.entry-title {
  padding: 30px 10px 50px 0px;
}
main.page header.entry-header {
  margin: 0px 0px;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  padding: 5px 20px;
}

.accordion h2 {
  font-size: 2.5rem;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

div.accordion-content {
  background-color: #fff;
  padding: 10px;
}

.accordion {
  border: 1px #aaa solid;
  margin-bottom: 10px
}

.accordion h2 {
  position: relative;
}

.accordion > h2:after, .sub-accordion > h3:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  position: absolute;
  top: 50%;
  right: 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.active:after {
  content: "\2796" !important; /* Unicode character for "minus" sign (-) */
}

@media screen and (max-width:414px) {
  .accordion h2 {
    font-size: 2.5rem;
  }
  .sub-accordion h3 {
    font-size: 1.75rem;
  }
}


/* Regular Styles */
.fellows_list li {
    list-style: none;
    float: left;
    padding: 0 10px;
}

.caption h2 a {
    color: #000;
    font-size: 22px;
    text-decoration: none;
}

ul.fellows_list {
  display:flex;
  flex-wrap: wrap;
}

ul.fellows_list li {
  margin-bottom:1px;
  margin-right:1px;
  width:33%;
  min-width: 200px;
  background:#eaeaea;
  padding-left:20px;
}

ul.fellows_list li::before {
  padding-left:15px;
}

.myflex div.post {
  margin-bottom:1em;
  border-bottom:4px solid #eaeaea;
}