/*
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

.italic{
  font-style: italic;
}

.bold{
  font-weight: 700;
}

.size30{
  font-size: 30;
}

/*GUTTER ADJUSTMENTS */
.small-gutter > [class*='col-'] {
  padding-right:1px;
  padding-left:1px;
}
/*.no-gutter > [class*='col-'] {
  padding-right:0px;
  padding-left:0px;
}
*/
ul {
  border: none;
  border-radius:0px;
  -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}



.list-outline{
outline: 0px solid white;
z-index: 10;
}
.list-group-item{
  text-shadow:none;
  border:0px solid white;
  background-color: none;
  background-image: none;
  border-color:none;
  border-radius:0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding-top: 1px;
  padding-bottom: 1px;
  cursor: pointer;
}
.list-group{
box-shadow: none;
}
.text_under_image {
  position: absolute;
  top: 42%;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.fade{
  opacity: 1;
   transition: opacity .40s ease-in-out;
   -moz-transition: opacity .40s ease-in-out;
   -webkit-transition: opacity .40s ease-in-out;
}
.fade:hover{
opacity: 0;
}
.img-responsive{
  position: relative;
  z-index: 10;
}


h1 {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    /*text-transform: lowercase; */
    margin-top: 0.67em;
    margin-bottom: 0.4em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 700;
}
h2 {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    /*text-transform: lowercase; */
    margin-top: 0.67em;
    margin-bottom: 0.4em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 700;
}

h3 {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 auto;
    font-weight: 700;
}

@media (max-width: 768px){
h3 {
  font-size: 11px;
    }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 0px;
  padding-left: 0px;
}

.body{
  font-family: 'Source Sans Pro', sans-serif;
  font-size:13px;
  font-weight: 700;

}

.container{
  padding-top: 5px;
  padding-right: 0px;
  padding-left: 0px;

}

.row {
  margin-right: 0px;
  margin-left: 0px;
}
/* NAVIGATION
columbus is my replacement for the standard bootstrap nav
-> due to style problems*/

.columbus{
  padding-bottom: 0%;
  padding-top: 1%;
}

.columbussub{
padding-top:1%;
padding-bottom: 2%;
}

.blocky{
background-color: #404040;

}

/*
.navcolor{
background-color: #cccccc;
}
*/

.columbussub a , .columbus a{
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9em;
  text-decoration: none;
  color: #737373;
  height: 0px;
  line-height: 40px;
  letter-spacing: 1px;



}
/* Navigation hover color*/
.columbus a:hover {
  color: grey;
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}

/* HORIZONTAL STACK ADJUSTMENT
Following adds horizontal space when going to stacked xs
.row.row-grid [class*="col-"] + [class*="col-"] {
    margin-top: 20px;
}
*/
/*
@media (min-width: 768px) {
    .row.row-grid [class*="col-sm-"] + [class*="col-sm-"] {
        margin-top: 0;
    }
}
*/

#toplogo{
padding-left: 0px;
height:40px;
}


@media (max-width: 768px){
#toplogo {

display:block;
margin: 0px auto;

}



.columbus, .columbussub{
padding-top:30px;
padding-bottom: 0px;
}
}

.social{
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}

/*Properly aligining Navigation Item "INFO"*/
@media (max-width: 768px){
    .small-gutter{
      padding-left: 0px;
      padding-right: 0px;
    }
	.chevron{
		padding-top:10px;
		padding-left:15px;
		padding-right:15px;
		font-size:18px;
	}
	.chevron a{
		font-size:18px;
	}
    .infonav {
      text-align:center;
      padding-top: 2px;
        }

      .infonav_contact {
      text-align: center;
      padding-top: 2px;

            	  }
    .columbus{
      padding-bottom: 0px;
        }
    .social{
          opacity: 0.3;
          filter: alpha(opacity=30); /* For IE8 and earlier */
          text-align: center;
          padding-bottom: 10px;
          padding-top: 10px;
          border-bottom-style: solid;
          border-bottom-width: thin;
          border-bottom-color:  #cccccc;

        }
    .text{
      padding-left: 10px;
      padding-right: 10px;
    }
}

@media (min-width: 768px){

.infonav {
text-align: center;
padding-left: 5px;

	  }

.infonav_contact {
text-align: right;
padding-left: 5px;

    	  }
}



@media (min-width: 992px) {
.container{
  width:60%;
  max-width:1170px;
}


}

/* centered columns styles */
.row-centered {
    text-align:center;
    max-width:1920px;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-2px;
    margin-left: -2px;
    margin-bottom:-4px;
}

.maxw900{
  max-width:900px;
}

.chevron {
  padding-bottom: 0px;
}
.chevron a{
  font-family: 'Source Sans Pro', Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 3px;
  text-decoration: none;
  color:#555555;
}

.chevronlogo{
font-size: 18px;
margin: 1px auto;

}

.firstimage{
  margin-bottom:10px;
}

.text{
  font-family: 'Source Sans Pro', Helvetica, sans-serif;
  font-size:13px;
  font-weight: 600;
  padding-top: 0em;
  padding-bottom: 3.5em;
  color:#333333;
}

.video {
  padding-top: 1%;
  padding-bottom: 1%;
}

.embed-responsive-item {
  padding-left: 0px;
  padding-right: 0px;
}

.thumbnails{
  padding-top: -1px;
  outline: 1px solid white;
  cursor: pointer;
  z-index: 10;
  opacity: 1;
   transition: opacity .30s ease-in-out;
   -moz-transition: opacity .30s ease-in-out;
   -webkit-transition: opacity .30s ease-in-out;
}
.thumbnails:hover {
  opacity: 0.7; filter: alpha(opacity=70);
}

.main-img{
  padding: 0px;
}

.gallery{
  padding-top: 35px;
  padding-bottom: 75px;
}

.spacer20{
  padding-top: 20px;
}

.spacer50{
  padding-top: 50px;
}

.spacer100{
  padding-top: 100px;
}

.loop{
  text-align: center;
  padding-top: 4em;
  padding-bottom: 6em;
}
hr {
    margin-top: 5px;
    margin-bottom: 15px;
    height: 1px;
    background-color:#333333;
    border-top: 1px solid #eee;
    width: 100%;
}