/* General */

p a {
  color: #337ab7;
}

/* Navigation */

.logo {
    width: 300px;
}
.logo a {
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  font-size: 2.5em;
}

.navigation > ul > li > a {
  font-size: 20px;
}

.px-header-right .px-share ul li a[data-original-title="youtube"]:hover {color: #b31217;}
.px-header-right .px-share ul li a[data-original-title="instagram"]:hover {color: #ff6c00;}

/* Banners and Headers */

.hoover-jam-header { background:url(../photos/the-hoover-jam-header.jpg) }

.px-banner .banner-holder ul li img {
    width: 100%;
    /* background-color: #4A90E2;
    padding-left: 350px;
    padding-top: 75px;
    padding-right: 100px;
    padding-bottom: 75px; */
}

.banner-holder ul li .caption {
  top: 100px;
  margin-left: 100px;
  width: 300px;
}

.banner-holder ul li .caption h2 {
  font-size: 36px;
  line-height: 38px;
}

/* About Us */

.square-img {
   object-fit: cover;
   width: 100%;
   height:300px;
}

.px-team .px-media {
  width: 300px;
  margin-right: 20px;
  margin-bottom: 40px;
}

.px-team .px-media img {
  object-fit: cover;
  height:300px;
}

.px-team .content .text h3 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.about-us-grid-item {
  width: 25%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.px-team.grid {
  padding-bottom: 0px;
}

.about-us-grid-item > .px-holder {
  margin-bottom: 30px;
}

.px-about-text p {
  font-size: 1.5em;
}

.px-team .content .text p { font-size: 1.1em; }
.px-team .content .text h5 { font-size: 1.2em; }
.px-team .content .text h3 { font-size: 1.6em; }

.about-us-grid-item figcaption {
  pointer-events: none;
}

.about-us-grid-item figcaption .px-socialmedia {
  pointer-events: all;
}

.px-team .content .text  .socail_media li a[data-original-title="instagram"],
.px-team.grid .px-socialmedia li a[data-original-title="instagram"] {
  background-color: #ff6c00;
}
.px-team .content .text  .socail_media li a[data-original-title="website"],
.px-team.grid .px-socialmedia li a[data-original-title="website"] {
  background-color: #c2c2c2;
}


/* Events */
#main .upcoming-event { padding: 0px; }

/* Video */

.video-section {
  padding: 10px;
}

.video-wrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Footer */

#footer .social-media ul li a[data-original="youtube"] {color: #b31217;}
#footer .social-media ul li a[data-original="instagram"] {color: #ff6c00;}