/****** FILE: themes/glenn/css/compile/common.css *****/
html {
  position: relative;
  /*min-height: 100%;*/
}
body {
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;*/
  font-family: 'Roboto', sans-serif;
  /*position:relative;*/
}
main {
  font-size: 0.9rem;
}
footer a{
  color: #fff !important;
}
footer hr{
  border-color: #555555;
}

h1, .h1 { font-size: 175%; }
h2, .h2 { font-size: 150%; }
h3, .h3 { font-size: 125%; font-weight: bold; }
h4, .h4, .lead { font-size: 112.5%; }
h5, .h5, .lead { font-size: 100%; }

.book-cover{
  width: 225px;
  margin: 1rem auto;
}
.small-text{
  font-size: 0.8rem;
}
.smaller-text{
  font-size: 0.6rem;
}
.top-line{
  border-top: 1px solid #cccccc;
  padding-top: 1rem;
}
.inset-shadow{
  box-shadow: inset 2px 2px 2rem 2px #cccccc;
}
.rounded {
  border-radius: 1rem;
}
.blogs .card-trans{
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}
.leader{
      font-size: 1.125rem;
      font-weight: lighter;
      font-style: italic;
}
.footer {
  /*position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  /*height: 60px;*/
  /*line-height: 60px; /* Vertically center the text there */
  /*background-color: #f5f5f5;*/
}
.overlay:hover {
    background: rgba(2,2,2,.75);
}
.overlay:hover .hover {
    visibility: visible;
}
.hover:hover {
    visibility: visible;
}
.hover {
    visibility: hidden;
}

.dots-container {
    text-align: center;
    position: absolute;
    top: 7rem;
    z-index: 999999;
    width: 2rem;
    right: 0;
    /* bottom: 0; */
    height: 0;
    /* margin: auto; */
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  /*padding: 60px 15px 0;*/
}

.footer > .container {
  /*padding-right: 15px;*/
  /*padding-left: 15px;*/
}

code {
  font-size: 80%;
}

.blogs .card-deck .blogs .card-footer,
.blogs .card-deck .blogs .card-header{
  padding: 1rem;
  margin: 0 -1rem;
}

.no-border{
  border: none !important;
}
.greg-nordfelt-logo {
  margin-top: 0;
  max-width: 10rem;
}
.greg-nordfelt-clients .signature{
  line-height: 0.99;
}
.section-title{
  text-align: center;
  text-transform: uppercase;
  margin: 2rem auto 1rem;
}
.section-title + hr {
  width: 15rem;
  border: none;
  border-top: 3px solid #555555;
  margin-bottom: 2rem;
}
.bd-white{
  border-color: #fff !important;
}

.parallax {
  /* The image used */
  /*background-image: url("img_parallax.jpg");*/

  /* Set a specific height */
  height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.btn-round{
  border-radius: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.btn-trans{
  background: transparent;
}
.bg-opaque{
  background: rgba(255,255,255,0.25) !important;
  color: #fff !important;
}
.btn-rounded{
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 1.5rem;
}
.btn-lg.btn-rounded{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-radius: 2rem;
}
.cursor{
  cursor: pointer;
}
.owl-nav{
  border-top:   1px solid #cccc;
  text-align: center;
  margin: 0 auto;
}
.owl-prev{
  /*float:left;*/
  /*margin-left: 2rem;*/
}
.owl-prev {
    position: absolute;
    left: 0;
    bottom: 1rem;
}
/*.owl-next{
  float:right;
  margin-right: 2rem;
}*/
.owl-next {
    position: absolute;
    right: 0;
    bottom: 1rem;
}
.owl-prev, .owl-next {
  border: 1px solid;
  display: inline-block;
  padding: 1px 1rem;
  border-radius: 0;
  background: #0c203c;
  color: #ffffff;
  border-radius: 1rem;
}
.owl-dot {
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  background: #0c203c;
  display: inline-block;
  margin: 0 0.5rem;
}
.owl-dot.active{
  background: #ffffff;
  border: 1px solid #0c203c;
}
.owl-carousel figure{
  position: relative;
}
.owl-carousel figcaption {
    text-align: center;
    background: rgba(0,0,0,.7);
    /*display: none;*/
    position: absolute;
    left: 0;
    right: 0;
    color: #ffffff;
    padding: 1rem;
    bottom: 0;
    min-height: 5rem;
}
.owl-carousel figcaption:hover,
.owl-carousel:hover figcaption{
  /*display: block;*/
}
.sponsor{
  font-size: 1rem;
  line-height: 1.75;
}
#upcoming-events-list, #previous-events-list{
  width: 100%;
  min-height: 250px;
}
.alert-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 2rem;
  z-index: 999999;
  padding: 5px;
  background: rgba(0,0,0,.75);
}
.blogs .card-img-overlay {
    display: none;
}
.blogs .card-img-overlay:hover img:hover + .blogs .card-img-overlay {
    background: rgba(2,2,2,.5);
    display: block;
}
.blogs .card {
  float: left;
  padding: 0 1.7rem;
  width: 50%;
}
.blogs .card .menu-content {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.blogs .card .menu-content::before, .blogs .card .menu-content::after {
  content: '';
  display: table;
}
.blogs .card .menu-content::after {
  clear: both;
}
.blogs .card .menu-content li {
  display: inline-block;
}
.blogs .card .menu-content a {
  color: #fff;
}
.blogs .card .menu-content span {
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 10px;
  font-weight: 700;
  font-family: 'Open Sans';
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.blogs .card .wrapper {
  background-color: #fff;
  min-height: 300px;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
}
.blogs .card .wrapper:hover .data {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.blogs .card .data {
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-transform: translateY(calc(70px + 1em));
          transform: translateY(calc(70px + 1em));
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.blogs .card .data .content {
  padding: 1em;
  position: relative;
  z-index: 1;
}
.blogs .card .author {
  font-size: 12px;
}
.blogs .card .title {
  margin-top: 10px;
}
.blogs .card .text {
  height: 70px;
  margin: 0;
}
.blogs .card input[type='checkbox'] {
  display: none;
}
.blogs .card input[type='checkbox']:checked + .menu-content {
  -webkit-transform: translateY(-60px);
          transform: translateY(-60px);
}

.example-1 .wrapper {
  background: url(http://res.cloudinary.com/thedailybeast/image/upload/v1492110403/articles/2016/08/12/whose-gold-medal-is-worth-the-most/160811-glasser-olympic-medal-tease_mvemzf.jpg) center/cover no-repeat;
}
.example-1 .date {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #77d7b9;
  color: #fff;
  padding: 0.8em;
}
.example-1 .date span {
  display: block;
  text-align: center;
}
.example-1 .date .day {
  font-weight: 700;
  font-size: 24px;
  text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18);
}
.example-1 .date .month {
  text-transform: uppercase;
}
.example-1 .date .month,
.example-1 .date .year {
  font-size: 12px;
}
.example-1 .content {
  background-color: #fff;
  box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);
}
.example-1 .title a {
  color: gray;
}
.example-1 .menu-button {
  position: absolute;
  z-index: 999;
  top: 16px;
  right: 16px;
  width: 25px;
  text-align: center;
  cursor: pointer;
}
.example-1 .menu-button span {
  width: 5px;
  height: 5px;
  background-color: gray;
  color: gray;
  position: relative;
  display: inline-block;
  border-radius: 50%;
}
.example-1 .menu-button span::after, .example-1 .menu-button span::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background-color: currentColor;
  position: absolute;
  border-radius: 50%;
}
.example-1 .menu-button span::before {
  left: -10px;
}
.example-1 .menu-button span::after {
  right: -10px;
}
.example-1 .menu-content {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.example-1 .menu-content li {
  width: 33.333333%;
  float: left;
  background-color: #77d7b9;
  height: 60px;
  position: relative;
}
.example-1 .menu-content a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 24px;
}
.example-1 .menu-content span {
  top: -10px;
}

.example-2 .wrapper {
  background: url(https://tvseriescritic.files.wordpress.com/2016/10/stranger-things-bicycle-lights-children.jpg) center/cover no-repeat;
}
.example-2 .wrapper:hover .menu-content span {
  -webkit-transform: translate(-50%, -10px);
          transform: translate(-50%, -10px);
  opacity: 1;
}
.example-2 .header {
  color: #fff;
  padding: 1em;
}
.example-2 .header::before, .example-2 .header::after {
  content: '';
  display: table;
}
.example-2 .header::after {
  clear: both;
}
.example-2 .header .date {
  float: left;
  font-size: 12px;
}
.example-2 .menu-content {
  float: right;
}
.example-2 .menu-content li {
  margin: 0 5px;
  position: relative;
}
.example-2 .menu-content span {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.example-2 .data {
  color: #fff;
  -webkit-transform: translateY(calc(70px + 4em));
          transform: translateY(calc(70px + 4em));
}
.example-2 .title a {
  color: #fff;
}
.example-2 .button {
  display: block;
  width: 100px;
  margin: 2em auto 1em;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  position: relative;
  font-weight: 700;
}
.example-2 .button::after {
  content: '\2192';
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.example-2 .button:hover::after {
  -webkit-transform: translate(5px, -50%);
          transform: translate(5px, -50%);
  opacity: 1;
}
.list-group-item.collapse:not(.show){
  display: none;
}
#featured-in .owl-dots{
  display: none;
}
.heading {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 200px;
    box-shadow: inset 1px 1px 1rem;
}
.shadow-form .form-control,
.shadow-form [type=submit]{
  box-shadow: 1px 1px 1rem 1px;
}
.shadow-form.light-form .form-control,
.shadow-form.light-form [type=submit]{
  box-shadow: 1px 1px 1rem 1px #ccc;
}


/****** FILE: themes/glenn/css/compile/bootstrap.css *****/
.bg-white{
  background-color: #fff;
}

.bg-primary, .btn-primary{
  background-color: #0c203c !important;
  color: #ffffff !important;
}

.bg-primary .nav-link{
  color: #ffffff !important;
}

.btn-secondary:hover{
  background-color: #ffffff !important;
  color: #0c203c !important;
}
.nav-link{
  padding: 0 1rem;
}
.nav-link.active{
  border: 1px solid #fff;
}

.navbar-light .navbar-toggler{
  background-image: none;
  border-color: #fff;
  margin-top: 0.5rem;
  padding: 0.5rem;
}
.card{
  box-shadow: 1px 1px 1rem 1px #cccccc;
}
.rounded{
  border-radius: .5rem;
}
.no-shadow{
  box-shadow: none !important;
}
.text-white a, a.text-white{
  color: #f2f2f2;
}
.btn-group-xs>.btn, .btn-xs {
    padding: .125rem .25rem;
    font-size: .75rem;
    border-radius: .2rem;
}
@media (max-width: 575.9px) {
  .w-xs-25 { width: 25% !important; }
  .w-xs-33 { width: 33.33333% !important; }
  .w-xs-50 { width: 50% !important; }
  .w-xs-66 { width: 66.66667% !important; }
  .w-xs-75{ width: 75% !important; }
  .w-xs-100 { width: 100% !important; }
}

@media (min-width: 576px) {
  .w-sm-25 { width: 25% !important; }
  .w-sm-33 { width: 33.33333% !important; }
  .w-sm-50 { width: 50% !important; }
  .w-sm-66 { width: 66.66667% !important; }
  .w-sm-75{ width: 75% !important; }
  .w-sm-100 { width: 100% !important; }
}
@media (min-width: 768px) {
  .w-md-25 { width: 25% !important; }
  .w-md-33 { width: 33.33333% !important; }
  .w-md-50 { width: 50% !important; }
  .w-md-66 { width: 66.66667% !important; }
  .w-md-75{ width: 75% !important; }
  .w-md-100 { width: 100% !important; }
}
@media (min-width: 992px) {
  .w-lg-25 { width: 25% !important; }
  .w-lg-33 { width: 33.33333% !important; }
  .w-lg-50 { width: 50% !important; }
  .w-lg-66 { width: 66.66667% !important; }
  .w-lg-75{ width: 75% !important; }
  .w-lg-100 { width: 100% !important; }
}


/****** FILE: themes/glenn/css/compile/carousel.css *****/
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  /*padding-bottom: 3rem;*/
  /*color: #5a5a5a;*/
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 35rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 35rem;
}

.carousel-indicators {
  top: 40%;
  right: 1.5rem;
  bottom: auto;
  left: auto;
  width: 1rem;
  margin-left: 0;
}

.carousel-indicators > li, .carousel-indicators > .active {
  margin-bottom: .25rem;
  width: 1rem;
  height: 1rem;
}
.carousel-indicators > .active{

}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
.side-nav .owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 0;
    margin-left: -1rem;
    display: block!!important;
    border:0px solid black;
}

.side-nav .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 0;
    right: -1rem;
    display: block!IMPORTANT;
    border:0px solid black;
}
.side-nav .owl-prev i, .side-nav .owl-next i {transform : scale(1,6); color: #ccc;}