/*!
Theme Name: iSpot.tv Blog
Theme URI: http://underscores.me/
Author: Adam Youngers
Author URI: http://adamyoungers.com
Description: A dedicated theme for iSpot.tv
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ispot
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

iSpot.tv Blog is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.posts-navigation,
.post-navigation {
  margin: 2em 0 4em 0; }
.posts-navigation:after,
.post-navigation:after {
  content: "";
  display: table;
  clear: both; }
.posts-navigation .nav-previous,
.posts-navigation .nav-next,
.post-navigation .nav-previous,
.post-navigation .nav-next {
  float: right;
  width: 30%; }
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  display: block;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  line-height: 2em;
  color: #999;
  padding: 0 27px 0 10px; }
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  color: #666;
  text-decoration: none; }
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: left;
  text-align: right; }
.posts-navigation .nav-next a,
.post-navigation .nav-next a {
  padding: 0 10px 0 27px; }
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
  display: inline-block; }

@media (max-width: 1200px) {
  .posts-navigation .nav-previous,
  .posts-navigation .nav-next,
  .post-navigation .nav-previous,
  .post-navigation .nav-next {
    width: 40%; }
  .posts-navigation .nav-previous a:after,
  .posts-navigation .nav-next a:after,
  .post-navigation .nav-previous a:after,
  .post-navigation .nav-next a:after {
    top: 0.5em; } }

.footer-links-holder .footer-links li,
.dropdown-menu .dropdown-menu-col li,
.navbar-collapse--main .navbar-nav .nav-item {
  margin: 0 0 0;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto; }
.wp-caption .wp-caption-text {
  margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
.gallery-columns-2 .gallery-item {
  max-width: 50%; }
.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }
.gallery-columns-4 .gallery-item {
  max-width: 25%; }
.gallery-columns-5 .gallery-item {
  max-width: 20%; }
.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }
.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }
.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }
.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# Blog Title
--------------------------------------------------------------*/
.blog-title {
  background: #333;
  color: rgba(255, 255, 255, 0.8);
  line-height: 24px; }
.blog-title .title {
  position: relative;
  display: block;
  padding: 25px 0 15px 0;
  font-size: 22px; }
.blog-title .title a {
  color: #999; }
.blog-title .title a:hover {
  color: #fff; }
.blog-title .nav {
  margin-bottom: 0;
  font-size: 18px; }
.blog-title .nav .open > a,
.blog-title .nav .open > a:focus,
.blog-title .nav .open > a:hover {
  background-color: transparent; }
.blog-title .nav > li {
  float: left; }
.blog-title .nav > li > a {
  position: relative;
  display: block;
  padding: 25px 0 15px 0;
  margin-left: 30px;
  color: #999; }
.blog-title .nav > li > a:hover, .blog-title .nav > li > a:focus, .blog-title .nav > li > a:active {
  color: #FFF;
  text-decoration: none;
  background-color: transparent; }
.blog-title .nav > li.current-menu-ancestor > a {
  color: #FFF;
  border-bottom: 5px solid #666;
  padding-bottom: 10px; }
.blog-title .dropdown-menu {
  right: 0;
  left: auto; }
.blog-title .dropdown-menu > li.current-menu-item > a,
.blog-title .dropdown-menu > li.current-menu-item > a:hover,
.blog-title .dropdown-menu > li.current-menu-item > a:focus {
  color: #000;
  text-decoration: none;
  outline: 0;
  background-color: #eee; }

@media (max-width: 767px) {
  .blog-title {
    line-height: 24px; }
  .blog-title .title {
    font-size: 20px; }
  .blog-title .nav > li > a {
    font-size: 16px;
    margin-left: 15px; } }

.breadcrumb.blog {
  padding-top: 20px;
}

.breadcrumb-item {
  display: inline-block;
}

/*--------------------------------------------------------------
# Featured Content
--------------------------------------------------------------*/
.featured-img img {
  width: 100%;
  height: auto;
  background-color: #92D45E; }

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


/*--------------------------------------------------------------
# Responsive WordPress Default Video Embeds
--------------------------------------------------------------*/
.wp-block-embed:not(.wp-has-aspect-ratio) .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.wp-block-embed:not(.wp-has-aspect-ratio) .video-container iframe,
.wp-block-embed:not(.wp-has-aspect-ratio) .video-container object,
.wp-block-embed:not(.wp-has-aspect-ratio) .video-container embed,
.wp-block-embed:not(.wp-has-aspect-ratio) .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.entry-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.entry-video iframe,
.entry-video object,
.entry-video embed,
.entry-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#featured-blog {

  box-shadow: 0px 0px 3px #aeaeae;
  margin-bottom: 30px;

}

#featured-blog img {
  width: 100%;
}

#featured-blog .read-more {

  color: #77bd43;

}

#featured-blog .featured-blog--text {
  padding: 10px 20px;

}

#featured-blog .featured-blog--text__link:link,
#featured-blog .featured-blog--text__link:hover,
#featured-blog .featured-blog--text__link:visited {
  color: #000000;
  text-decoration: none;

}

#featured-blog .featured-blog--text__meta {
  font-size: 14px;
  font-weight: 300;
  color: #999999;
  pointer-events: none;
}

#featured-blog .read-more:before {
  display: table;
  content: '';
  clear: both;

}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 992px) {
  .container--article, .container--events, .navigation.post-navigation {
    max-width: 1024px !important;
    margin-left: auto;
    margin-right: auto;

  }

}

.badge {
  color: #fff !important;

}

.badge-primary {
  background-color: #77bd22 !important;

}

.callout {
  border: 2px solid #77bd22;
  box-shadow: -10px 10px 0 #77bd2233;

}

div.tile {
  background-color: #f0f8fd;
}

.icon-grey {
  color: #aeaeae;
}

.fix-spacing {
  margin: 0 -15px;

}

.fix-spacing div {
  padding: 0 15px;

}

/** ANIMATION **/
.animate[data-animation="slidedown-delay-1"] {
  -webkit-animation: 1.5s ease .2s normal forwards 1 slidedown;
  -moz-animation: 1.5s ease .2s normal forwards 1 slidedown;
  -ms-transform: 1.5s ease .2s normal forwards 1 slidedown;
  -o-animation: 1.5s ease .2s normal forwards 1 slidedown;
  animation: 1.5s ease .2s normal forwards 1 slidedown
}
@keyframes slidedown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

/* ALL ARCHIVE PAGE */
.all-content--archive {
  margin-top: 30px;

}

.all-archive--container {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;

}

@media (min-width: 576px) {
  
}

@media (min-width: 768px) {

}

.all-archive--block {
  display: block;
  float: left;
  width: 100%;
  box-shadow: 0px 0px 3px #aeaeae;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

.all-archive--link:link,
.all-archive--link:hover,
.all-archive--link:visited {
  text-decoration: none;

}

.all-archive img {
  width:100%;
  cursor: pointer !important;
  pointer-events: none;

}

.all-archive--text {
  padding: 15px 15px 10px;
  line-height: 1.35;
  pointer-events: none;

}

.all-archive--text__category {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  padding: 2px;
  background-color: #77bd43;
  line-height: 1;
  text-transform: uppercase;
  pointer-events: none;
  display: inline-block;
  margin-bottom: 10px;

}

.blue {
  background-color: #2374a5;

}

.all-archive--text__title {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  pointer-events: none;

}

.all-archive--text__meta,
.event-archive--text__meta,
.event-archive--text__excerpt
{
  font-size: 14px;
  font-weight: 300;
  color: #999999;
  pointer-events: none;

}

/* Pagination */
.ispot-pagination {
  clear:both;
  position:relative;
  font-size:11px; /* Pagination text size */
  line-height:13px;
  float:right; /* Pagination float direction */
  margin: 0 auto;
}
.ispot-pagination span, .ispot-pagination a {
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:6px 9px 5px 9px;
  text-decoration:none;
  width:auto;
  color:#fff; /* Pagination text color */
  background: #555; /* Pagination non-active background color */
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.ispot-pagination a:hover{
  color:#fff;
  background: #6AAC70; /* Pagination background on hover */
}
.ispot-pagination .current{
  padding:6px 9px 5px 9px;
  background: #77bd43; /* Current page background */
  color:#fff;
}