@charset "UTF-8";
/*-------------------------------------------------------*/
/* Custom Styling */

.testimonials.nutshell {
  background-image: url({{ 'assets/img/yep_bg.jpg'|theme }});
}

/* INTRO SECTION ON ABOUT PAGE */

.about-heading.call-to-action.style-3 {
  padding-bottom: 0;
}

.about-heading.call-to-action.style-3 p.subheading {
  font-size: 18px;
}

.scope-list.section-wrap-md {
  padding-top: 50px;
}

/* ABOUT ITC SECTION ON ABOUT PAGE */
.about-section.promo-box {
  min-height: 514px;
}

.about-section.promo-box:nth-child(2) {
  background-color: #2f2792;
}

/* EVENTS LIST CARDS */
.events .card .entry-date {
  background-color: #006738;
}

.events .card .entry-date.end-date {
  right: 0;
  /*top: 10px;*/
}

.events .card .entry-date.end-date span {
  margin-top: 5px;
  text-align: right;
}

.events .card .entry-date.end-date span strong {
  color: #fff;
}

.events .card .entry-date.past {
  background-color: #8a5057;
}

.events .card .entry-wrap {
  text-align: left;
}

.testimonial .testimonial-text .nutshell-subheading p {
  font-family: "Noto Serif", serif;
  font-style: italic;
  line-height: 35px;
}

/* STICKY NAVIGATION */
.navigation.sticky {
  height: 70px;
}

.navigation.sticky .nav-wrap {
  padding: 5px 15px;
}

.navigation.sticky .logo-dark {
  margin-top: 1px;
}

/* HOMEPAGE SLIDER */
.yep-homepage.rev_slider li p {
  /*color: white;
  font-weight: bold;
  text-shadow: 1px 1px 15px #444;*/
}

/*
.yep-homepage.rev_slider li div.medium-text {
  color: white;
  font-weight: bold;
  text-shadow: 1px 1px 15px #444;

}

.yep-homepage.rev_slider li div.hero-text {
  text-shadow: 1px 1px 25px #ccc;
}*/

.stats p.subheading {
  font-size: 20px;
  font-weight: bold;
}

.stats .features-list span {
  font-size: 16px;
  color: #444;
  font-weight: bold;
}

/* OPACITY OVERLAY */
.page-title:before {
  background-color: rgba(0, 0, 0, 0.4);
}

.details-page.page-title:before {
  background-color: rgba(0, 0, 0, 0.4);
}
/*
div.yep-blog-post .page-title:before {
  background-color: rgba(0, 0, 0, 0.4);
}

div.yep-blog-post .details-page.page-title:before {
  background-color: rgba(0, 0, 0, 0.4);
}*/

/* MAP OVERLAY ON CONTACT PAGE */
.map-overlay {
   background:transparent;
   position:relative;
   width:100%;
   height:480px; /* your iframe height */
   top:480px;  /* your iframe height */
   margin-top:-480px;  /* your iframe height */
}

/* YEP IN A NUTSHELL | HOMEPAGE */
/*section.nutshell p.subheading {
  font-style: normal;
  font-family: "Open Sans", sans-serif;
  color: #272262;
}*/

/* BLOCKQUOTES ON BLOG POST DETAILS PAGE */
.yep-post-details blockquote {
  padding: 20px 40px;
  border-left: 2px solid #9e1318;
  margin: 30px auto;
}

.yep-post-details ol {
  margin-bottom: 25px;
  margin-left: -23px;
}

.yep-post-details ol li {
  line-height: 25px;
}

.yep-post-details ul {
  margin: 25px 0 25px 18px;;
}

.yep-post-details ul li {
  list-style-type: circle;
  line-height: 25px;
}

.yep-post-details img {
  width: 100%;
}

a.blog-tags:hover {
  cursor: default;
}

.yep-post .title-text .entry-meta li {
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: 2px 2px 10px gray;
}

/* OPPORTUNITIES PAGE */
/*section.opportunities .company-info {
  height: 100px;
}*/

.tags a.category {
  background-color: #a91122;
  width: 100%;
  text-align: center;
  font-size: 1.3em;
  line-height: 23px;
}

section.tool .tags a.category {
  background-color: #3f3798;
}

section.yep-event-details .tags a.category {
  background-color: #006738;
}

.entry-meta li.category {
  color: #444;
  /*font-family: 'Lato-Black';*/
  /*font-weight: bold;*/
  font-size: 1.1em;
}

section.opportunity .project-description {
  padding-left: 3%;
}

section.yep-event-details .project-description {
  padding-left: 3%;
}

section.opportunities .entry-wrap {
  /*border-top: 10px solid #a91122;*/
  /*border-radius: 10px 10px 0 0;*/
}

section.opportunity .entry-wrap {
  padding: 0;
}

section.yep-event-details .project-description {
  padding-left: 0;
}

/*section.tools .entry-wrap {
  border-top: 10px solid #3f3798;
  border-radius: 10px 10px 0 0;
}*/

section.tools .tags a {
  background-color: #676767;
}

section.tool .tags a {
  background-color: #676767;
}

div.opportunities .tags a {
  background-color: #676767;
}

div.opportunity-details .tags a.blog-tags.tags-list {
  background-color: #676767;
}

section.tool .flickity-page-dots {
  margin-top: -14px;
}

section.opportunity .flickity-page-dots {
  margin-top: -14px;
}

section.events .read-more {
  color: #006738;
}

/*section.bg-red {
  background-image: url(../img/page_title/events_title_bg.jpg);
  background-size: cover;
}*/

section.red-bg.bg-color {
  background-image: url(../img/parallax/results_2.jpg);
  background-size: cover;
}

section.blue-bg.bg-color {
  background-image: url(../img/parallax/results_3.jpg);
  background-size: cover;
}

section.green-bg.bg-color {
  background-image: url(../img/parallax/results_4.jpg);
  background-size: cover;
}

span.parallax-icons i {
  font-size: 50px;
  color: #fff;
  padding: 10px;
}

span.parallax-icons:after {
  content: "";
  display: block;
  width: 50px;
  border-bottom: 3px solid #fff;
  margin: 2px auto 10px;
  z-index: 1;
  position: relative;
}

section.section-wrap.yep-latest {
  padding: 50px 0;
}

section.yep-latest h4.entry-title a {
  background-color: white;
  padding: 8px;
}

section.from-blog.yep-latest .entry {
  /* padding-bottom: 290px; */
  height: 375px;
  overflow: hidden;
}

section.from-blog.yep-latest .entry-wrap {
  padding: 0;
}

section.from-blog.yep-latest .entry-title {
  height: auto;
  font-size: 15px;
  margin-bottom: 0;
  line-height: 15px;
}

section.from-blog.yep-latest .entry-meta {
  border-top: 0;
  padding-top: 0;
}

section.yep-latest h4.entry-title a,
section.from-blog.yep-latest .entry-meta li {
  display: block;
}

section.yep-latest .from-blog.style-2 .entry-meta.category {
  padding-top: 0;
  border-top: none;
}

div.homepage section.section-wrap.nutshell {
  padding-bottom: 50px;
  padding-top: 80px;
}

div.homepage #services p.subheading {
  font-style: normal;
  font-size: 16px;
  font-family: sans-serif;
}

div.homepage .statistic-timer {
  font-size: 50px;
}

div.homepage .statistic .statistic-timer:after {
  margin: 2px auto 10px;
}

div.homepage .statistic h5.counter-text {
  font-weight: bold;
}

div.homepage section.partners div.item p.text-center strong {
  margin-bottom: 0;
  color: gray;
}

div.homepage section.partners p.subheading {
  margin-top: 5px;
}

div.homepage section.section-wrap.partners {
  padding-top: 50px;
}

footer.footer-type-4 .footer-widgets {
  padding: 35px 0 30px;
}

div.homepage section.section-wrap.counters h1 a:hover {
  color: #eee;
  text-decoration: underline;
}

div.nav-wrap.right {
  padding: 0;
}

.nav-type-3 .navbar-nav > li > a:first-child {
  padding-left: 0;
}

button.navbar-toggle {
  margin-top: 18px;
}

@media only screen and (max-width: 991px) {
  .navbar-header {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 510px) {
  button.navbar-toggle {
    margin-top: 70px;
    margin-right: 150px;
  }
  button.navbar-toggle:before {
    content: 'Menu';
    font-weight: bold;
    margin-left: 25px;
    position: relative;
    bottom: -7px;
  }
}

.fa-long-arrow-left:before {
  color: gray;
}

.fa-long-arrow-right:before {
  color: gray;
}

div.about section.nutshell h2.heading {
  color: #444;
}

div.about .testimonials.bg-parallax .testimonial-text, .testimonials.bg-parallax .testimonial span, .testimonials.bg-parallax .testimonial a {
  color: gray;
  font-style: normal;
}

div.about .about-heading.call-to-action.style-3 p.subheading {
  font-style: normal;
  font-family: sans-serif;
}

div.about .about-section.promo-box {
  background-color: #ccc;
}

div.about .about-section.promo-box:first-child {
  border-right: 3px solid #fff;
}

div.about .about-section.promo-box p.subheading {
  color: #000;
  font-style: normal;
  font-family: 'lato', sans-serif;
}

div.about .about-section.promo-box .btn.btn-transparent {
  border: 2px solid gray;
}

div.about .about-section.promo-box .btn.btn-transparent span {
  color: #444;
}

div.about .team-img {
  /* padding: 0 50px;
  margin: 0 60px 35px; */
}

div.about .team-img img {
  border-radius: 100%;
}

div.about .team-member h4.team-title {
  font-size: 17px;
}

div.about img.yep-icon {
  padding-bottom: 35px;
}

/*========================= TOP RIGHT SECTION =======================*/

/*section.opportunities .entry-wrap {
  border-top-right-radius: 50px;
}*/

section.opportunities article.entry-item {
  position: relative;
}

section.opportunities div.color-code {
  width: 0;
	height: 0;
	border-left: 70px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.card .entry-date span {
  font-size: 10px;
  display: block;
  text-transform: uppercase;
}

div.opportunities h1.entry-title a {
  color: #a91122;
  font-size: 25px;
}

div.opportunities h1.entry-title a:hover {
  color: #c1404e;
}

div.events-list h4.entry-title a {
  color: #006738;
  font-size: 22px;
}

div.events-list h4.entry-title a:hover {
  color: #278a5d;
}

div.events-list li.entry-author a:hover {
  color: #006738;
}

div.tools h1.entry-title a {
  color: #3f3798;
  font-size: 25px;
}

div.tools h1.entry-title a:hover {
  color: #675eca;
}

div.tools li.entry-author a:hover {
  color: #3f3798;
}

/* OPPORTUNITY AND TOOLS FILTER STYLING */

div.opportunities ul.list-dividers,
div.tools ul.list-dividers {
  margin-top: 15px;
}

div.opportunities input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], select, textarea,
div.tools input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], select, textarea
 {
  margin-bottom: 10px;
}

div.opportunities button.filter-button,
div.success-stories button.filter-button,
div.tools button.filter-button {
  border: none;
  background-color: #8c1825;
  width: 100%;
  padding: 11px 0;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  transition: .2s linear;
}

div.success-stories button.filter-button {
  background-color: #32683a;
}

div.opportunities button.filter-button:hover,
div.tools button.filter-button:hover {
  background-color: #eee;
  color: #8c1825;
  transition: .2s linear;
}

div.tools button.filter-button {
  background-color: #3f3798;
}

div.tools button.filter-button:hover {
  color: #3f3798;
  background-color: #fff;
}

footer.footer span#yep-learn-more {
  margin-top: 5px;
}

footer.footer span#yep-learn-more a {
  font-size: 11px;
  background-color: #2b2b2b;
  padding: 3px 8px 4px;
  color: #8e8e8e;
  transition: .1s linear;
}

footer.footer span#yep-learn-more a:hover {
  color: #ccc;
  transition: .2s linear;
}

div.yep-blog-post .post-single .article p {
  margin-bottom: 10px;
}

div.yep-blog-post section.page-title {
  padding: 80px 0;
}

div.yep-blog-post section.details-page.page-title:before {
  top: 0;
}

div.yep-blog-post section.details-page.page-title .title-text h1 {
  margin-bottom: 20px;
  text-shadow: 2px 2px 10px gray;
}

div.events-list div.image-alternative {
  width: 100%;
  height: 240px;
  background-color: #b3d8c7;
  display: table;
}

div.events-list div.image-alternative.past {
  background-color: #bb7e85;
}

div.events-list div.image-alternative i {
  display: table-cell;
  vertical-align: middle;
  z-index: 1;
  text-align: center;
  font-size: 100px;
  color: #5f9e81;
}

div.events-list div.image-alternative.past i {
  color: #8a5057;
}

div.events-list div.main-image {
  background-color: #ccc;
}

div.opportunity-details div.post-content article.entry-item {
  padding-top: 15px;
}

div.tool-details div.post-content article.entry-item {
  padding-top: 15px;
}

div.about section.our-team p.subheading {
  font-family: 'lato-black', sans-serif;
  font-style: normal;
  color: gray;
}

div.yep-blog-post section.page-title {
  padding: 100px 0;
}

div.events-list h2.bottom-line::after {
  border-color: #006738;
}

div.tools h2.bottom-line::after {
  border-color: #3f3798;
}

div.homepage section.nutshell div.lead p {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400px;
  line-height: 30px;
}

.navigation.sticky .nav-wrap {
  padding: 7px 10px;
}

div.homepage .from-blog.style-2 article.opportunity .entry-wrap {
  background-color: #b98b8b;
}

div.homepage .from-blog.style-2 article.event .entry-wrap {
  background-color: #bed2c9;
}

div.homepage .from-blog.style-2 article.tool .entry-wrap {
  background-color: #9497bb;
}

div.homepage .from-blog.style-2 article.blog .entry-wrap {
  background-color: #ccc;
}

div.video-wrapper iframe {
  width: 100%;
  height:400px;
}

span.fr-video iframe {
  width: 100%;
  height: 400px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: #272262;
  border-color: #272262;
  color: #fff;
  font-family: 'lato', sans-serif;
  font-weight: 600;
}

.pagination>li>a, .pagination>li>span {
  color: #272262;
  font-family: 'lato', sans-serif;
  font-weight: 600;
}

/*ul.nav li.news a {
  color: darkred;
}*/

div.news div.bg-img-holder {
  width: 20%;
}

div.news div.work-description {
  width: 80%;
}

div.news .grid-1-col .work-description {
  padding: 50px 70px 50px;
}

/* ENTRY DATE FORMAT IN EVENTS.HTM */
div.entry-date.end-date {
  right: 0;
}

/* MEDIA LIBRARY  */
.pinned-album {
  background-color: darkred;
  border-radius: 15%;
  padding: 5px 10px;
  color: #fff;
  position: absolute;
  margin-top: 15px;
  margin-left: 15px;
  letter-spacing: 1px;
  font-size: 12px;
  font-family: 'lato', sans-serif;
  font-weight: bolder;
}

.album-slider button.flickity-prev-next-button.previous {
  position: absolute;
  bottom: 0;
  background: darkred;
  width: 110px;
}

.album-slider button.flickity-prev-next-button.next {
  visibility: hidden;
}

.album-slider button.flickity-prev-next-button.previous::before {
  content: 'NEXT';
  color: #fff;
}

.album-slider .flickity-prev-next-button svg {
  visibility: none;
  left: 70px;
  transform: rotate(180deg);
  width: 20px;
}

/* HOVER NAVIGATION */
.navbar-nav>li>.dropdown-menu {
  margin-top: -15px;
}
.navbar-nav>li>.dropdown-menu>i.fa-caret-up:before {
  position: absolute;
  font-size: 40px;
  top: 0;
  margin-left: 10px;
  margin-top: -25px;
  color: #000;
}

div.entry.success-story-icons ul.entry-meta i {
  font-size: 12px;
}

.loading {
  background: transparent url('http://thinkfuture.com/wp-content/uploads/2013/10/loading_spinner.gif') center no-repeat;
}

article#featured-images div.flickity-viewport {
  /* height: 380px !important; */
  /* color: red; */
  /* height: 380px !important; */
}

/* .carousel-cell { min-height: 100%; } */

.album-title {
  position: absolute;
  z-index: 12;
  top: 0;
  background-color: #eee;
  /* border: 1px solid #ccc; */
  color: #444;
  font-weight: 200px;
  display: block;
  width: 100%;
  text-align: center;
  padding: 5px 0 0;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: underline;
  font-style: italic;
}

.album-description {
  z-index: 12;
  background-color: #eee;
  /* border: 1px solid #ccc; */
  color: #444;
  font-weight: 200px;
  display: block;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 5px;
  /* margin-top: 20px; */
  font-size: 14px;
}

/* LAZY LOAD STYLES */
.fade {
  animation-name: fade;
  animation-duration: 11s;
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
