/* ==========================================================================
   Overrides
   ========================================================================== */

body { 
/*   padding-top: 70px; */
  padding-bottom: 0px;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0px;
  text-rendering: optimizeLegibility;
  color: #666666;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 {
    line-height: 1.45;
    margin: 0 0 10px;
    font-family: Lato, Helvetica, sans-serif;
    font-weight: 300;
}

a {
    color: #485663;
    text-decoration: none;
}


.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #485663;
}

.navbar-default {
  background-color: #FFFFFF;
   border-color: #FFFFFF;
}

.navbar-brand {
  padding: 0px;
  height: 70px;
}

.navbar-brand img {
  max-height: 70px;
}

.navbar-default .navbar-link, .navbar-default .navbar-link:hover, .navbar-default .navbar-link:visited {
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #AEAEAE;
  letter-spacing: -2px;
}

.navbar-text {
    float: left;
}

.navbar-default .navbar-collapse {
    padding: 15px 0px;
}

.footer {
    background-color: #485663;
    color: white;
    padding:10px 20px;
    min-height: 50px;
    margin: 10px 0px 0px;
}

.footer p {
    margin: 0px;
    line-height: 50px;
}

/* ==========================================================================
   Dropdown Nav
   ========================================================================== */
.navbar-collapse.in {
   overflow-y: visible;
}
.dropdown-menu {
  left: -135px;
  border: 1px solid rgba(0,0,0,.75);
  padding: 5px 0;
  font-family: Lato, Helvetica, sans-serif;
  
}

.dropdown-menu li.odd {
  background-color: hsla(207, 20%, 24%, 0.23)
}

.dropdown-menu>li>a {
    padding: 10px 20px;
    font-weight: 400;
}
/* ==========================================================================
   Custom
   ========================================================================== */

.jumbotron-index {
/*
  background: linear-gradient(
                     rgba(20,20,20, .5), 
                     rgba(20,20,20, .5)),
                     url(../img/menu-table-restraurant.jpg);
*/
    color: white;
    margin: 0px;
}

.jumbotron .container {
  width:100%;
  margin: 0px;
  padding: 0px;
}


.carousel-inner .item img {
  filter: brightness(50%);
}

@media (max-width: 768px) {
	.carousel-caption h1 {
    font-size: 24px;
  }
  .jumbotron-action-btn {
    margin-top: 25px; 
  }
}

.jumbotron-visit {
  background: linear-gradient(
                     rgba(20,20,20, .5), 
                     rgba(20,20,20, .5)),
                     url(../img/new_members.png)
                     center top
                     no-repeat;
                      
    color: white;
    margin-bottom:30px;
}
   
.wide_banner {
    background-color: #303D48;
    color: white;
    padding:10px 20px;
    margin-bottom:30px;
}

.wide_banner p.lead {
    margin-bottom:10px;
}

.wide_banner h3 {
    margin-bottom:0px;
}

.complementary {
  background-color: #99866C;
}

.margin-b-30 {
    margin-bottom: 30px;
}

.shaded {
  background-color: rgba(232, 219, 201, 0.2);
  border: rgba(232, 219, 201, 0.4) solid 1px;
}

.padding-15 {
  padding: 15px;
}

.profile_img {
  max-width: 100%;
}

/* ==========================================================================
   Member List Table
   ========================================================================== */
table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9;
}

table tr th, table tr td {
    padding: 0.5625em 0.625em;
    font-size: 0.875em;
    color: #222222;
}

.rwd-table {
	margin: 1em 0;
	min-width: 320px;
	width:100%;
}

.rwd-table tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.rwd-table th {
	display: none;
}

.rwd-table td {
	display: block;
}

.rwd-table td:first-child {
	padding-top: .5em;
}

.rwd-table td:last-child {
	padding-bottom: .5em;
}

.rwd-table td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	width: 6.5em;
	display: inline-block;
}

@media (min-width: 1260px) {
	.rwd-table td:before {
		display: none;
	}
}

.rwd-table th, .rwd-table td {
	text-align: left;
}

@media (min-width: 1260px) {
	.rwd-table th, .rwd-table td {
		display: table-cell;
		padding: .25em .5em;
	}

	.rwd-table th:first-child, .rwd-table td:first-child {
		padding-left: 0;
	}

	.rwd-table th:last-child, .rwd-table td:last-child {
		padding-right: 0;
	}
}

.rwd-table {
	background: #e5e5e5;
	color: #fff;
	overflow: hidden;
}

.rwd-table tr {
	border-color: #46627f;
}

.rwd-table th, .rwd-table td {
	margin: .5em 1em;
}

@media (min-width: 1260px) {
	.rwd-table th, .rwd-table td {
		padding: 1em !important;
	}
}

.rwd-table th, .rwd-table td:before {
	color: #485663;
}

/* ==========================================================================
   Responsive google calendar
   ========================================================================== */
   
@media (max-width: 550px) {
  .big-container {
    display: none;
  }
}
@media (min-width: 550px) {
  .small-container {
    display: none;
  }
}
/* Responsive iFrame */
.responsive-iframe-container {
  position: relative;
  padding-bottom: 75%;
  padding-top: 75px;
  height: 0;
  margin-top:20px;
  overflow: hidden;
}
.responsive-iframe-container iframe, .vresponsive-iframe-container object, .vresponsive-iframe-container embed {
  position: absolute;
  top: 0;
  left: 1%;
  width: 98%;
  height: 100%;
}