/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text e9cc92 f5a960 */

body {
      padding-bottom: 40px;
      color: #333;
      font-family: 'Marcellus SC', sans-serif;
      background-color: #e9cc92;
      background-image: url('/img/bg/AJP-HDplus-background-2b.jpg');
      background-position: top;
      background-repeat: no-repeat;
      background-attachment: fixed;
}

	 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Marcellus SC', sans-serif; }
	 h1, h2 { color:#333; text-shadow: 1px 1px 9px #666; text-align:center; }

	hr { border-top: 1px solid #fff; }

	span.text-muted	{ 
							color: #fff;
							text-shadow: 2px 0px 8px #666;
							background-color: rgba(0,0,0,0.4);
							display: block;	 
							text-align:center;
							}

	 .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #e9cc92; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
	 .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover { color: #fff; }
	
	 .navbar-inverse { box-shadow: 0px 0px 15px #353535; }	
	
	 .nav-header { color: #f5a960; }	
	
	 a { color: #000; }	 
	 a:hover { color: #fff; text-decoration:none; text-shadow: 0px 1px 6px #666; }	 

	.btn {
			display: inline-block;
			margin-bottom: 0;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
			color: #e9cc92;
			background-color: #333;
			border-color: #e9cc92;
			border-radius: 10px;
		}

	.btn:hover {
			color: #333;
			text-decoration: none;
			background-color: #fff;
			border-color: #e9cc92;
		}

	 .btn-primary {
			color: #000;
			background-color: #e9cc92;
			border-color: #e9cc92;
		}
		
	.btn-primary:hover {
			color: #fff;
			background-color: #333;
			border-color: #fff;
		}
		

	.img-polaroid {
			padding: 1px;
			box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
			width: 250px;
			background-color: rgba(255,255,255,0.3);
		}	

	 a.boxtiles:hover .img-polaroid { box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.7); background-color: #333; }	 
	 a.boxtiles:hover h2 { color: #000; }


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.navbar-wrapper .navbar {
  padding-left: 15px;
  padding-right: 15px;
}


.navbar-inverse .navbar-brand {
color: #e9cc92;
}

ul.nav.navbar-nav li a { font-size:16px; }

.dropdown-header {
font-size: 14px;
color: #e9cc92;
background-color: #333;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #000;
background-color: #e9cc92;
}

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

/* Carousel base class */
.carousel {
  height: 250px;
  margin-bottom: 60px;
}
/* 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: 250px;
  background-color: rgba(0,0,0,0.4);
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 250px;
}

.carousel-caption p {
      line-height: 1.00;
      color: #fff;
      text-shadow: 0px 2px 6px #333;
      font-family: 'Marcellus';
      }

.carousel-caption h1 {
	 	color:#e9cc92;
	 	text-shadow: 0px 0px 50px #e9cc92;
	 	font-family:'Alex Brush';
	 	font-size:40px;
	 	line-height: 0.8;
	 	}

.carousel-caption a:hover h1 { color:#fff; }

.carousel-indicators li { border-radius:0px; } /*  circle=10px  */
.carousel-indicators .active { background-color:#e9cc92; border-color:#e9cc92; }


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

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

ul, ol { text-align: left; }
.lead { font-family: Questrial; font-size: 15px; }
.legible { font-family: Questrial; font-size: 15px; text-align: justify;}
.centered { text-align:center; }
.smoke { background-color:rgba(0,0,0,0.1); }
.fog { background-color:rgba(255,255,255,0.3); }

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 30px;
}

.marketing .col-md-4 {
  text-align: center;
  margin-bottom: 50px;
  font-family: 'Questrial';
}

.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  font-family: 'Questrial';
  margin-left: 10px;
  margin-right: 10px;
}


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

.featurette-divider {
  margin: 30px 0; /* Space out the Bootstrap <hr> more. default is 20px */
}

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

	.featurette-image {
		margin: auto;
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
		background-color: #e9cc92;
		padding: 0px;		
		}



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

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 0px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
   /* font-size: 21px; 
    line-height: 1.4; */
  }

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

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

@media only screen and (max-width: 720px) {
  h1 {
    font-size: 40px; 
  		}
}



/* Social Media Icons
----------------------------------------------- */
a.socialIcons img {
	margin: 3px;
}

a.socialIcons:hover {
	opacity: .5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}



/* Navbar Toggle Button
----------------------------------------------- */
.navbar-inverse .navbar-toggle {
background-color: #222;
border-radius: 0px;
color:#e9cc92; /* was no listing for bars */
}

.navbar-inverse .navbar-toggle .icon-bar {
background-color: #e9cc92;
}


/* Jumbotron
----------------------------------------------- */
.jumbotron {
margin-top: 0px;
padding-top: 100px;
background-color: rgba(0,0,0,0.4);
color: #fff;
border-radius: 0px;
}

.jumbotron h1 {
font-size: 60px;
font-family:'Alex Brush';
color: #fff;
text-shadow: 0px 0px 6px #e9cc92;
text-align: center;
line-height: 0.81;
}

.jumbotron h2 {
color: #e9cc92;
text-align: center;
}

.jumbotron p { text-align: center; font-family:'Marcellus'; }

/* Responsive Videos
----------------------------------------------- */
.responseVid { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom:50px; 		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7); }
.responseVid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

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


/* FeedEk
------------------------------------------------ */
.feedEkList{width:100%; list-style:none outside none;background-color:rgba(0,0,0,0.5); border:1px solid #fff; padding:4px 6px; color:#fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);}
.feedEkList li{border-bottom:1px solid #fff; padding:5px;}
.feedEkList li:last-child{border-bottom:none;}
.itemTitle a{ font-family:Questrial; color:#e9cc92 !important; text-decoration:none; }
.itemTitle a:hover{ color:#fff !important; }
.itemDate{font-size:11px;color:#fff;}
.itemContent{ font-family:'Roboto Condensed'; }

/* Rounded Corners
------------------------------------------------ */
img, div, ul {border-radius: 0px;}
span {border-radius: 0px;}
div.item {border-radius:0px}
div#AJPCarousel.carousel.slide, div.carousel-inner, a.left.carousel-control, a.right.carousel-control, .jumbotron, .navbar-wrapper .navbar {border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px;}

/* Modal Popups
------------------------------------------------ */
.modal-content {
background-color: #e9cc92;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 0px;
}

.modal-footer {
background-color: #fff;
}

.modal-header {
background-color: #333;
color: #e9cc92;
}

/* Fotorama
--------------------------------------------------*/
.fotorama { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7); }
.fotorama__thumb-border { border-color:#fff !important; }