body{ 
background-color: #c8b4b4; /*That is the lower, darker color. Upper, lighter color is eae6e6.  The top corner is e7e3e2 */
background-image: url(../img/background.png);
background-repeat: repeat-x;
}

div.StarContainer {		
	background-image: url(../img/stars.png);
  background-size: auto auto;
  background-repeat: no-repeat;
  background-position: center 175px;
}

div.container { 
    background-color: #FFFFFF; /* white */
    /* margin-top:40px; */ /* This was used when a navbar was previously implemented above all content */ 
    margin-bottom:75px;
    border-radius: 15px;
    padding: 20px 20px; /* previously used 40px x 40px but this did not scale well to mobile */
    position: relative;
    top: 40px;
    max-width:1024px;
}

div.carouselwrapper { 
    padding: 0 2%; /* previously used 40px x 40px but this did not scale well to mobile */
    position: relative;
}

div.footerwrapper { 
    padding: 2% 2%; /* previously used 40px x 40px but this did not scale well to mobile */
    position: relative;
}

div.banner {

}


div.displaytable {
  -webkit-overflow-scrolling: touch;
    width: 95%;
    overflow: auto;
}

.table td {
text-overflow: ellipsis;
}

div.maincontent {
	background-image: url(../img/CowtownBEST_BGLogo.png);
  background-repeat: no-repeat;
	background-position: 50% 10px;
  background-size: 95%;
  min-height: 600px;

}

div.outsidecontainers { 
    background-color: #66ccff; /* skyblue */
	border-radius: 10px;
   	padding:10px 10px;
   	position: relative;
   	color: #fff;
   	text-align: center;
}

div.insidecontainers { 
    background-color: #fff; /* white */
	border-radius: 10px;
   	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
   	position: relative;
   	color: #000;
}

div.maincontentfooter { 
    background-color: #cccccc; /* lightgray */
	border-radius: 10px;
   	padding:10px 10px;
   	position: relative;
   	text-align: center;
}

/* tab color */
.nav-tabs>li>a {
  color: #000;
  background-color: #d6d5d5;
}

/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #fff;
  background-color: #7fccf3;
}

/* hover tab color */
.nav-tabs>li>a:hover {
  background-color: #7fccf3;
  color:  #fff;
}


/* Vimeo */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* YouTube */
.video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.btn-cowtown { 
  color: #FFFFFF; 
  background-color: #7FCCF3; 
  border-color: #FFFFFF; 
} 
 
.btn-cowtown:hover, 
.btn-cowtown:focus, 
.btn-cowtown:active, 
.btn-cowtown.active, 
.open .dropdown-toggle.btn-cowtown { 
  color: #FFFFFF; 
  background-color: #4FADE8; 
  border-color: #FFFFFF; 
} 
 
.btn-cowtown:active, 
.btn-cowtown.active, 
.open .dropdown-toggle.btn-cowtown { 
  background-image: none; 
} 
 
.btn-cowtown.disabled, 
.btn-cowtown[disabled], 
fieldset[disabled] .btn-cowtown, 
.btn-cowtown.disabled:hover, 
.btn-cowtown[disabled]:hover, 
fieldset[disabled] .btn-cowtown:hover, 
.btn-cowtown.disabled:focus, 
.btn-cowtown[disabled]:focus, 
fieldset[disabled] .btn-cowtown:focus, 
.btn-cowtown.disabled:active, 
.btn-cowtown[disabled]:active, 
fieldset[disabled] .btn-cowtown:active, 
.btn-cowtown.disabled.active, 
.btn-cowtown[disabled].active, 
fieldset[disabled] .btn-cowtown.active { 
  background-color: #7FCCF3; 
  border-color: #FFFFFF; 
} 
 
.btn-cowtown .badge { 
  color: #7FCCF3; 
  background-color: #FFFFFF; 
}

.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }