@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,700|Oswald:400,600');

/* Resets */
html {height:100%;}
body {-webkit-font-smoothing: antialiased; font-family: "Montserrat", sans-serif; font-size: 15px; line-height: 1.5;}
a {-webkit-transition: color .25s, background-color .25s, padding .25s, margin .25s, height .25s, width .25s, opacity .25s;
     -moz-transition:  color .25s, background-color .25s, padding .25s, margin .25s, height .25s, width .25s, opacity .25s;
          transition:  color .25s, background-color .25s, padding .25s, margin .25s, height .25s, width .25s, opacity .25s;
          color:#e71a33;}
a:hover {text-decoration: none; color:#333;}

.center-vertical {position:relative; top:50%;
    /* translateZ(0) and -webkit-backface-visibility are needed to fix a HW-acceleration bug in Chrome */
    -webkit-transform: translateZ(0) translateY(-50%);
    -moz-transform: translateZ(0) translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateZ(0) translateY(-50%);
    transform: translateZ(0) translateY(-50%);
    -webkit-backface-visibility: hidden;}

.screen-reader-text,
.screen-reader-text span {
    height: 1px;
    width: 1px;
    overflow: hidden;
    margin: 0;
}

/* BX Slider */
.bx-wrapper {margin:0; box-shadow:none; border:none; left:0;}
.bx-wrapper .bx-viewport {box-shadow:none; border:none; left:0;}
#controlSlides {position: absolute; bottom: 15px; left: 15px;}

/* Site Styles */
p {margin-bottom:20px;}
h1, h2 {font-family: "Oswald",sans-serif;}
h3 {font-size:18px; text-transform:uppercase; letter-spacing:2px; font-weight:600;}
h6 {font-weight:600; letter-spacing:2px; margin:0; text-transform: uppercase;}
.post-65 .entry-content form h3 {height:60px;}
.w-100 {width: 100%;}
.center-content {display: flex; justify-content: center;}
.reset-btn a, #resetFilter {padding: 10px 20px; height: 40px;}
.mx-auto {margin: auto;}
.form-group select {
    cursor: pointer;
    padding: 5px 0 5px 15px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 0;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff;
}
.filter-text-container {display: flex; justify-content: center; align-items: center;}
.filter-text-container h3 {margin: 0 0 15px 0; font-weight: 100;}
.form-group .caret {
    top: 35%;
    right: 10%;
    position: absolute;
    border-top: 4px solid #e71a33;
    cursor: pointer;
}
/*  editor styles */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.padded-section {padding:100px 0;}
.padded-section:focus {outline: none;}
.section-title {padding-bottom:50px;}
.section-title h2 {font-size:48px;}
.section-title .title-button h2 {font-size:48px; position: relative; left: 5%;}

.newsletter-row {display: flex; justify-content: center; flex-direction: column; align-items: center;}
.row {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex: 1;}
.card-holder, .card {height:100%;}

.btn {border-radius: 0; font-size: .7em; text-transform: uppercase; letter-spacing: .2em; font-weight: 700;}

.btn.w-arrow, .btn-link.w-arrow {padding-right: 32px; position:relative;}
.btn.w-arrow:after, .btn-link.w-arrow:after {content:"→"; display:block; color: inherit; font-size: 1.3em; position:absolute; right:8px; top:0; bottom: 0; height: auto; vertical-align: middle; line-height: 2em;}
.btn.btn-lg.w-arrow:after {line-height: 2.5em;}

.btn-default {background-color:#e71a33; border-color:#e71a33; color:#fff;}
.btn-link { padding-left:0; font-weight:600; color:#e71a33; }
.btn-link:hover, .btn-link:active {text-decoration: none;}

.cta-left, .cta-right {display: flex; align-items: flex-start; justify-content: space-evenly; flex-direction: column; min-width: 50%;}
.cta-left .btn, .cta-right .btn {margin-top: 30px;}

/* Homepage */
.ncsu-bar {background:#333333; height:25px;}
header.main-header {height:145px;}

.navbar-brand {height:auto;}
.navbar {margin-bottom:0;}
.navbar-collapse {padding:0;}
#navbar {padding-top:70px;}
.navbar-brand {padding-top:37px;}
.navbar-brand img {max-width:350px;}
.navbar-nav {margin-right:-15px;}
.navbar-header h1 {margin: 0;}

.navbar .container {position:relative;}
.topnavlinks {position:absolute; top:25px; right:15px;}
.topnavlinks ul {padding:0; margin:0;}
.topnavlinks ul li {display:inline-block; list-style:none;}
.topnavlinks a {font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:2px; color:#000; padding-left:15px;}
header.main-header .navbar-nav > li > a {font-family:"Oswald", sans-serif; font-size:24px; font-weight:600; color:#000;}
.dropdown-menu>li>a {font-size:12px; font-family:"Montserrat", sans-serif; text-transform:uppercase; letter-spacing:.1em; padding:10px 15px; color:#e71a33; font-weight: 600}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background-color: #e71a33;}

.topnavlinks ul, .topnavlinks .search-box {display:inline-block;}
.topnavlinks .search-box {padding:0 15px;}
.topnavlinks .search-box label {margin:0;}
.topnavlinks .search-box label .screen-reader-text {display:none;}
.topnavlinks .search-form {border:1px solid #ccc; border-radius:50px;}
.topnavlinks .search-field {border:none; background:transparent; padding: 5px 10px; width:100px; font-size:12px;}
.topnavlinks .search-submit {border:none; background:#fff; color:#fff; display:inline-block; height:29px; width:29px; position:relative; border-radius:50px;}
.submit-button {display:inline-block; position:relative;}
.submit-button .glyphicon {position:absolute; z-index:1; top:7px; left:7px; pointer-events:none; color:#ccc;}

/* #homeslider {height: calc(100vh - 170px)} */
#homeslider {height: 550px;}
#homeslider .slide {height:100%; position:relative;}
#homeslider .slide-content {background:#e71a33; width:40%; position:absolute; bottom:15%; right:10%; padding:40px; color:#fff;}
.slide-content h2 {font-family: "Oswald",sans-serif; font-weight: 100;}
.slide video {position:absolute; top:0; left:0; min-width:100%; min-height:100%;}
.slide-content {z-index:1}
homeslidevideo {width: auto; height: auto; display: inline-block; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; z-index: 10; -webkit-transform: translateZ(0) translate(-50%, -50%); -moz-transform: translateZ(0) translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translateZ(0) translate(-50%, -50%); transform: translateZ(0) translate(-50%, -50%); -webkit-backface-visibility: hidden;}

.homeboxes .row {display: -webkit-flex; display: flex; color:#fff;}
.homeboxes .col-sm-4 {background:#eee;}
.homeboxes .box-content {padding:10px 30px; height:100%; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; align-items: stretch; -webkit-align-items: stretch; }
.homeboxes .content-holder p  {font-size: 18px;}

#faq-link-section {background: url('../images/american-public-power-association-513dBrMJ_5w-unsplash.jpg') center center/ cover no-repeat;}
#faq-link-section .row {display: flex; justify-content: center;}
#faq-link-section a {padding: 15px 30px;}

.event-item {display:block; background:#e71a33; color:#fff; padding:30px; margin:15px 0;}
.event-item:hover {background:#333; color:#fff;}
.event-item .event-icon {float:left; font-size:28px;}
.event-item .event-content {padding-left:50px;}
.event-item .event-content h6 {color:#000;}
.event-item .event-content h3 {font-size: 14px !important;}
.event-item .event-content p {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 55px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:13px;
}

#tribe-events-content a {overflow-wrap: break-word !important;}
.widget-content .sharedaddy {display: none;}
.entry-meta {padding: 10px 0px;}

.homeboxes .row {height: 450px;}
.homeboxes #home-events-box {background:#7c7c7c;}
.homeboxes #home-cta {background:#b7c100;}
.homeboxes #home-video {background:#47a5c2;}
.events-box .w-arrow {width: 35%; margin: 15px 0;}

#home-our-work {background:#eee;}
.work-icon img {width:100%;}
.work-content  h3 {padding:5px 0; color:#e71a33;}
.work-content p {margin-bottom: 5px;}
.work-content .staff-email {color:#e71a33;}

.card-holder {padding:10px 5px; text-align:left;}
.news-card {border:1px solid #ccc;}
.news-card {padding: 15px 0px;}
.news-card .card-image {display: flex; justify-content: center; align-items: center;}
.news-card .card-image img {width: auto; max-height: 100%; object-fit: contain;}
.card-image {height: 175px; width: 100%;}
.card-content {padding:40px;}
.card-holder.home .card-image {height: 30%; width: 100%;}
.card-holder.home .card-content {padding:40px; height: 70%; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column}
.card-content p {margin-bottom: 15px;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: auto;
  /* Fallback for non-webkit */
  line-height: 1.4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size:13px;
}
.pagination {
    width: 100%;
}
.loop-pagination {
    font-weight: 700;
    display: flex;
    justify-content: space-evenly;
    text-transform: uppercase;
    letter-spacing: .2em;
}
.news-seeall-row {margin-top: 50px;}
.twitter-card {background:#fff; padding: 30px 40px 40px 40px; position: relative;}
.twitter-card:before {content: ""; display: block; margin-bottom: 10px; width:40px; height:40px; background: url(../images/Twitter_Logo_Blue.png) center center no-repeat; background-size:contain;}
.twitter-entry {color:#fff; padding-left:50px; display:block; position:relative; margin-bottom:40px;}
/* .twitter-entry:before {content:""; width:30px; height:30px; position:absolute; top:0; left:0; background:url(../images/icon-twitter.png) center center no-repeat; background-size:contain;} */
.twitter-entry .selected {display: none;}
/* .twitter-entry:hover {color:#eee;} */
.twitter-entry p {font-size:20px; font-family:"Oswald", sans-serif; line-height:1.2; padding:15px 0 25px;
display: block; color: white;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100%;
  height: 105px;
  /* Fallback for non-webkit */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.socialcontent ul {list-style: none; padding: 0; margin: 0; color: black;}
.date {font-size: 14px; font-weight: bold;}


.work-icon {background-color: white; width: 150px; height: 150px; border-radius: 50%; position:relative; top:0; box-shadow:0 0 0 rgba(0,0,0,0); transition: top .25s, box-shadow .25s; margin: auto;}
.work-icon:hover {top:-10px; box-shadow:0 5px 20px rgba(0,0,0,.1);}
.work-title {color: red; font-size: 15px; padding: 10px 0;}
.word-subtitle {font-size: 12px;}
.staff-icon {height: 165px; width: 165px; background-size: cover; background-color: #222;}
.staff-row {display: flex; justify-content: center; flex-wrap: wrap; display: -ms-flexbox; -ms-flex-pack: justify; -ms-flex-wrap:wrap;}
/* .home-icon {padding: 20px;} */

/* Footer */

section.call-to-action { color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#419ab5+0,8cac31+100 */
background: #419ab5; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #419ab5 0%, #8cac31 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #419ab5 0%,#8cac31 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #419ab5 0%,#8cac31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#419ab5', endColorstr='#8cac31',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.cta-container {display: flex; flex-direction: row; -webkit-flex-direction: row; align-items: stretch; -webkit-align-items: stretch; }
.cta-left, .cta-right {flex-grow: 1; -webkit-flex-grow: 1; flex-shrink: 1; -webkit-flex-shrink: 1; text-align:left; padding:60px;}
.cta-left {border:1px solid #fff; border-right:none;}
.cta-right {background:#e71a33; border:1px solid #e71a33;}

footer ul {padding:0; margin:0;}
footer ul li {list-style:none; display:inline-block;}

.topfooter {padding:70px 0; font-size:13px;}
.topfooter img {max-width:100%;}
.bottom-footer {border-top:1px solid #eee; padding:30px 0; font-size:11px; color:#aaa;}

.footer-links {padding:0 0 25px;}
.footer-links a {display:inline-block; font-weight:600; padding-right:20px; color:#e71a33;}
.footer-links a:hover {color:#333;}


/* Interior */
.pageheader {
    width: 100%;
    min-height: 400px;
    margin: 0 auto;
    padding: 60px 0;
    color: #fff;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: auto;
}

.byline::after {display: none;}
.news-card .btn {position: relative; bottom: -20px;}
.card-content * {margin-bottom: 20px;}

.pageheader .pageheader-content {max-width: 100%;}
.pageheader .page-title {font-weight: 700; font-size: 54px; margin: 0; padding: 30px 0; margin-top: 15px;}

.page-subnav ul {margin:0; padding:0; text-align:right;}
.page-subnav ul li {list-style:none;}
.page-subnav a {display:block; font-size:12px; text-transform:uppercase; letter-spacing:2px; font-weight:600; color:#000; padding:10px 15px;}
.page-subnav a:hover {background:#eee;}
.page-subnav a.active {border-right:3px solid #e21631; padding-right:12px;}
.page-subnav .parent {border-bottom:1px solid #ccc;}#e71a33
.page-subnav .parent a {color:#e71a33;}

.page-content h2 {margin-top:0; font-family:"Oswald", sans-serif; font-size:36px;}
.row:after, .row:before{ display: none;}

.elcontainer.inline-label-left .formEl.fieldtype-input input[type="text"] {color: #000000 !important;}

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: black;
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    overflow:auto;
    padding:5px;
    text-align:center;
    z-index:999;
}

/* Department Pages */
#department-overview {background:#e6e7e9;}
#department-why-it-matters {background:#47a4c2;}
#department-services {background:#808285;}
#department-technologies {background:#e71a33;}
#department-program-staff {background:#e9e9e9;}
#department-publications {padding-top:0;}

.section-image-holder {height:400px; position:relative;}
.section-image-holder .image-caption {background:#e71a33; position:absolute; bottom:0; right:0; padding:15px; font-size:12px; color:#fff;}

.anchor-links {margin:0; padding:0;text-align:center;font-size:0;}
.anchor-links li {list-style:none; display:inline-block; }
.anchor-links a {display:block; font-size:12px; text-transform:uppercase; letter-spacing:2px; font-weight:600; color:#000; padding:20px 25px;}
.anchor-links a:hover {background:#eee;}

/* @media(min-width: 992px){#section-3, #section-4 {height: 625px;}} */

/* Conference */
.conference-info {padding:30px 0; color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8cac31+0,419ab5+100 */
background: #8cac31; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #8cac31 0%, #419ab5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #8cac31 0%,#419ab5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #8cac31 0%,#419ab5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cac31', endColorstr='#419ab5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.conference-info h2 {font-family:"Oswald", sans-serif;}

/* Landing Page Headers (Blog & Marketing pages) */
.landing-header {height: auto; min-height: 400px; padding: 0;}
.landing-header .container {height: auto; min-height: 400px; padding: 50px 0; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; -webkit-align-items: center; justify-content: flex-end; -webkit-justify-content: flex-end;}
.landing-header .landing-header-content, .landing-header .post {display: block; width: 90%; background: #e71a33; padding: 30px; color: #fff;}
.landing-header .post .blog-excerpt { padding: 0; margin: 0; background:#e71a33; color:#fff; border: none; }
.landing-header .post .blog-excerpt a {color:#fff;}
.landing-header .post .blog-excerpt a:hover {color:#eee;}
.landing-header .landing-header-content h2, .landing-header .post h2.entry-title {font-family: "Oswald",sans-serif; font-weight: 100;}
.landing-header .landing-header-logo {display: block; margin: 0 auto; max-width: 100%; max-height: 250px;}
.landing-info {background:#336272; padding:40px 0; color:#fff;}
.landing-info p {font-size:13px;}
.landing-info h3 {margin-top: 20px;}
.social-section {background:#e4e4e4;}
.work-excerpt {display: flex; display: -ms-flexbox; flex-direction: column; align-items: center; -ms-flex-align: center; -ms-flex-direction: column;}

/* FAQ Page */
#faq-section {
  padding: 3% 0 3% 0;
}

.faq-cards {
    height: auto !important;
}

.faq-card-body .card-body p {
    margin-bottom: 0;
}

.faq-group-container {
  padding-right: 10%;
}

.faq-group {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
  font-size: .7em;
  color: black;
  font-weight: bold;
  text-transform: uppercase;
  padding: 7.5px;
}

.selected-red-bar {
  border-right: solid 5px red;
}

.questions-title {
  font-weight: normal;
  padding-left: 5%;
}

.faq-card-title {
  display: inline;
  font-weight: bold;
}

.faq-collapse-btn {
  display: flex;
  border-radius: 50%;
  color: white;
  width: auto;
  max-height: 40px;
  background-color: #DD1735;
  justify-content: center;
  align-items: center;
}

.faq-card-body {
  border: 1px solid #F3F3F3;
  background-color: #F3F3F3;
  margin: 3%;
  padding: 3%;
  font-size: .8em;
  position: static !important;
}

.faq-card-title-and-btn {
  display: flex;
  justify-content: space-between;
}

.faq-collapse-btn::after{
  content: "\2212";
  font-size: 3em;
  font-weight: bold;
  margin-top: -45%;
}

.faq-collapse-btn.collapsed::after{
  content: "\002b";
  font-size: 3em;
  font-weight: bold;
  margin-top: -45%;
}

/* download form styling */
#main-content .gform_wrapper h3.gform_title {
    border-bottom: 1px solid #d1d1d1;
    padding: 15px 175px;
    text-align: center;
    font-weight: 400;

}
.gform_wrapper {
    border: 1px solid #d1d1d1;
}

#main-content .gform_wrapper ul.gform_fields {
    padding: 15px 50px;
}

#main-content .gform_wrapper ul.gform_fields li {
    width: 100%;
    display: flex;
}

#main-content .gform_wrapper ul.gform_fields li label {
    width: 20%;
    display: block;
    margin: auto;
}

#main-content .gform_wrapper ul.gform_fields li .ginput_container {
    width: 80%;
    border: none;
}

#main-content .gform_wrapper ul.gform_fields li .ginput_container input {
    width: 100%;
    background: #f8f8f8;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #c5c5c5;
    height: 40px;
}

#main-content .gform_wrapper ul.gform_fields li .ginput_container select {
    width: 100%;
    height: 40px;
}

#main-content .gform_wrapper .gform_footer {
    padding: 25px 50px;
    display: flex;
    justify-content: center;
}

#main-content .gform_wrapper .gform_footer input.button,
#main-content .gform_wrapper .gform_footer input[type=submit],
#main-content gform_wrapper .gform_page_footer input.button,
#main-content .gform_wrapper .gform_page_footer input[type=submit] {
    border-radius: 0;
    font-size: .9em;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: 700;
    background-color: #e71a33;
    border-color: #e71a33;
    color: #fff;
    padding: 15px 45px;
}

@media (min-width: 768px) {
    .landing-header .container { align-items: flex-start; -webkit-align-items: flex-start; }
    .landing-header .landing-header-content, .landing-header .post { width: 600px; padding: 40px; }
    .landing-header.marketing-header .container {padding: 250px 0 100px 0;}
    .landing-header.marketing-header .landing-header-content, .landing-header.marketing-header .post { width: 740px; }
}

@media (min-width: 992px) {
    .landing-info .row {align-items: center; -webkit-align-items: center;}
}

@media only screen and (min-width: 501px) and (max-width: 1050px) {
  .pageheader, .bx-wrapper {margin: 150px 0px 0px 0px;}
}

/* Blog */
.blog-page-title {background:#e71a33; padding:20px 0;}
.blog-page-title h2 {margin:0; padding:0; color:#fff; font-family:"Oswald", sans-serif;}

.blog-excerpt {background:#eee; padding:40px; margin-bottom:40px;}
.blog-excerpt h2 {font-family: "Oswald", sans-serif; font-weight: 100;}

.blog-gray .blog-excerpt {background:#808285; color:#fff;}
.blog-gray .blog-excerpt a {color:#fff;}
.blog-gray .blog-excerpt a:hover {color:#eee;}
.blog-white .blog-excerpt {background:#fff; border:1px solid #ccc;}
.blog-yellow .blog-excerpt {background:#b9c300; color:#fff;}
.blog-yellow .blog-excerpt a {color:#fff;}
.blog-yellow .blog-excerpt a:hover {color:#eee;}
.blog-blue .blog-excerpt {background:#49a9c7; color:#fff;}
.blog-blue .blog-excerpt a {color:#fff;}
.blog-blue .blog-excerpt a:hover {color:#eee;}
.blog-red .blog-excerpt {background:#e71a33; color:#fff;}
.blog-red .blog-excerpt a {color:#fff;}
.blog-red .blog-excerpt a:hover {color:#eee;}

.site-content article:nth-child(4n+1) .blog-excerpt{background:#808285; color:#fff;}
.site-content article:nth-child(4n+1) .blog-excerpt a {color:#fff;}

.site-content article:nth-child(4n+3) .blog-excerpt{background:#b9c300; color:#fff;}
.site-content article:nth-child(4n+3) .blog-excerpt a {color:#fff;}

.site-content article:nth-child(4n+4) .blog-excerpt{background:#49a9c7; color:#fff;}
.site-content article:nth-child(4n+4) .blog-excerpt a {color:#fff;}

.blog-preview {display:block;padding-bottom:25%;}

.widget {margin-bottom:40px;}
.widget-title {color:#e71a33; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; font-weight: 700;}
.widget-title:after {content:""; display:block; height:5px; background:#e71a33; width:10%; margin:10px 0 20px;}
.widget ul {margin:0; padding:0;}
.widget li {list-style:none; font-size:.8em;}
.widget li a {display:block; border-bottom: 1px solid #eee; padding: 7px 0;}
.widget li a:hover {background:#eee; padding: 7px;}

.widget-content .event-item {color:#777; background:#fff; border:1px solid #ccc;}
.widget-content .event-item:hover {background:#eee;}
.widget-content .event-item .event-icon {font-size:18px;}
.widget-content .event-item .event-content {padding-left:30px;}
.widget-content .event-item .event-content h6 {color:#777;}
.widget-content .event-item .event-content h4 {color:#49a9c7;}
.widget .event-content p {margin:0; padding:0; height:auto;}
.event-content h3 {margin-top: 0px;}


/* Page Sections */
.dark-section {color:#fff;}
.dark-section a:not(.btn) {color: #fff; font-weight: bold; text-decoration: underline;}
.dark-section .nav-pills a {text-decoration: none;}

.program-staff .col-sm-2 {float:none; display:inline-block;}
.program-staff .work-icon {border-radius:50%; overflow:hidden;}
.program-staff h3 {height: 40px;}

.author {display: none;}
.factsheet {height: 225px !important;}
.factsheet h3 {margin: 0px !important;}
.factsheet .card-content {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}

.our-work-cards .row {flex-wrap: wrap;}
.our-work-cards .card-holder {padding:0 0 30px;; margin-bottom:30px;}
.work-card {background:#e71a33; color:#fff; padding:10% 10% 5%; }
.work-card .card-image {width:80%; height:0; padding:0px; padding-bottom:80%; margin:0 auto; background:#fff; border-radius:50%; overflow: hidden; display: flex; justify-content: center; align-items: baseline;}
.work-card .card-content {padding:20px 0 0}
.work-card .card-content p {height:auto; -webkit-line-clamp:1000; overflow:auto;}

.row.work-section-cards {flex-wrap: wrap; justify-content: center;}
.work-section-cards .work-card {background-color:rgba(255,255,255,0); border:1px solid #fff; padding:10%; color:#333; transition: top .25s, box-shadow .25s, background-color .25s; }
.work-section-cards .card-holder {padding-bottom:30px;}
.work-section-cards .work-card:hover {background-color:rgba(255,255,255,1); transition: top .25s, box-shadow .25s, background-color .25s;}
.work-section-cards .work-card .card-content p {height:auto;}

.glyphicon-file:before {margin-left: 2px; font-size: 11px;}
.glyphicon-link:before {margin-left: 2px; font-size: 11px;}

.staff-section {padding-bottom: 30px;}
.staff-section .col-sm-3 {padding-bottom:20px; text-align:center;}
.staff-section .work-icon {border-radius:50%; overflow:hidden;}
.staff-section .email-address {font-size:12px;}
.staff-section .work-content  h3 {margin-bottom:0;}
.staff-overview {font-size: 20px;}
.work-content .staff-name, .work-content .staff-email {color: white;}

.careers-card {padding:30px; border:1px solid #ccc;}
.careers-card .card-content {padding:0;}
.careers-card h3 {margin-top:0;}
.careers-holder {display:flex;}

.nav-card {display:block; background:#fff;}
.no-icon .card-content {padding:30px;}

.breadcrumb {border-radius:0; display:inline-block; font-size:.7em; text-transform:uppercase; letter-spacing:.2em; font-weight:600; background:#e71a33;}
.breadcrumb a {color:#fff;}
.breadcrumb a:hover {color:#aaa;}

.nav-pills>li>a {border-radius:0; text-transform:uppercase; letter-spacing:.2em; font-size:.7em; font-weight:600; border-bottom:1px solid #fff}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {color:#e71a33; background:#fff}
.nav-stacked>li+li {margin-top:0;}

.nav-stacked li a {color: white;}
.nav-stacked li a:hover, .nav-stacked li a:focus {background-color: rgba(255, 255, 255, 0.3);}
.nav-stacked li.active a, .nav-stacked li.active a:hover, .nav-stacked li.active a:focus {color: white; background-color: transparent; border: 1px solid #fff; border-bottom: none;}
.nav-stacked {display: flex; display: -ms-flexbox;}
.nav-holder {padding: 0; text-align: center; margin-bottom: 20px;}

.responsive-video {height:0; padding-bottom:56.25%; position:relative;}
.responsive-video iframe {border:0; position:absolute; top:0; left:0; width:100%; height:100%;}

.work-section-cards.contact-section .work-card {border-color:#aaa;}
.social-links a {border:1px solid #eee; display:inline-block; font-size:1.5em; padding:7px 6px !important; border-radius:50px;}
.social-links a::before {margin: auto; display: block;}
.social-links a:hover {background:#eee;}
.contact-section {margin-bottom:30px;}

footer .social-links a {font-size:1em; padding:10px; margin-top:10px;}
header.main-header .social-links a {font-size:.75em; padding:7px; color:#e71a33;}
header.main-header .social-links {padding-left:10px;}

.genericon-pinned {color: #e71a33; position: relative; top: 5px; left: 5px ;}

h2.section-anchor-title {font-size: 48px;}
.img-fluid {max-width: 100%;}
.blog-preview {margin-bottom: 20px;}
.row.flexthis:after, .row.flexthis:before{ display: none;}
.nav-stacked li a {min-height: 75px !important; max-height: 75px; display: flex; align-items: center; }
.staff-title {display: -ms-flexbox; -ms-flex-pack: center; justify-content: center;}
.icon-bar {border: 1px solid red; position: relative; top: 45px;}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {bottom: 25px; left: 25px;}
.bx-controls-auto-item {background: #e71a33; padding: 10px;}

@media screen and (min-width: 1000px) {
    .pageheader .pageheader-content { max-width: 600px; }
}


@media screen and (max-width: 500px) {
  .cta-container {display: flex; flex-direction: column; padding: 0px 10px;}
  .cta-left {border-right: 1px solid #fff !important;}
  #homeslider .slide-content {width: 82% !important; bottom: 5% !important; right: 9% !important;}
  .homeboxes #home-events-box {display: block; overflow: auto;}
  .homeboxes .row {height: auto !important; flex-direction: column;}
  .col-sm-4 .events-box, .report-box {display: block; overflow: auto;}
  header.main-header {height: auto !important;}
  .section-title {display: flex; flex-direction: column; justify-content: center;}
  .title-button {display: flex; flex-direction: column;}
  .breadcrumb {position: relative; top: 30px; margin-bottom: 0 !important;}
  .pageheader {height: auto !important;}
  .staff-section {display: flex; flex-direction: column;}
   h2 {text-align: center;}
  .page-subnav {margin-bottom: 20px; margin-left: auto; margin-right: auto;}
  .btn.w-arrow {max-width: 300px; align-self: center;}
  .nav-stacked li a {font-size: .5em !important; padding: 10px 1px !important;}
  .topnavlinks .search-form {position: absolute; top: -5px; right: -10px;}
  .work-content {text-align: center;}
  .section-title .title-button h2 {left: 0px;}
}

@media screen and (max-width: 800px) {
  .event-item {padding: 40px 50px 40px 10px;}
  .event-icon {margin-right: 10px; margin-bottom: 5px;}
  .homeboxes .row {height: 600px;}
  .homeboxes .col-sm-4 {display: block; overflow: auto;}
  .event-item .event-content {padding-left: 0px;}
  .widget-content .event-item .event-content {padding-left: 0px !important;}
  .card-content {padding: 40px 10px !important;}
  .nav-stacked li a {font-size: .6em;}
  .card-holder.home .card-image {height: 175px;}
  .card-holder.home .card-content {justify-content: flex-start;}
  #main-content .gform_wrapper ul.gform_fields li label {margin: 0;}
  #main-content .gform_wrapper ul.gform_fields li {flex-direction: column; align-items: flex-start;}
  #main-content .gform_wrapper ul.gform_fields li .ginput_container {width: 100%;}
  #main-content .gform_wrapper h3.gform_title {padding: 15px;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.nav-stacked a {min-height: 60px; height: auto !important; height: 60px; min-height: 60px;}
.news-card {min-height: 320px; height: auto !important; height: 320px; max-height: 320px;}
.nav-card {min-height: 160px; height: auto !important; height: 160px; max-height: 160px;}
.work-card {min-height: 700px; height: auto !important; height: 700px;}
.cta-left {border-right: 1px solid #fff; display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-direction: column;}
.report-box, .events-box {min-height: 400px; height: auto !important; height: 400px;}
.staff-section {display: -ms-flexbox; -ms-flex-pack: start;}
.row:after, .row:before{ display: inherit;}
.work-content {text-align: center; padding: 0px 10px; width: 100%;}
.work-excerpt {width: 100%;}
.staff-title {width: 100%;}
}