/* =======================================

		Main Stylesheet
		
		Building on Twitter Bootstrap
		http://twitter.github.com/bootstrap/
		
========================================== */


/*Import Google Fonts*/
@import url(http://fonts.googleapis.com/css?family=Monda:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

h1, h2, h3, h4, h5 {
    color:#555;
    margin-top:5px;
    text-shadow:none;
    text-shadow:0 0 1px #f6f6f6;
    font-weight:normal !important;
    font-family:'Open Sans', sans-serif;
}

/*Block headline*/
.heading {
    padding:5px 20px 5px 20px;
    border-left:4px solid #27c5f2;
}

.headline {
    display:block;
    margin:10px 0 25px 0;
    border-bottom:1px dotted #e4e9f0;
}
.headline h3,
.headline h4 {
    color:#585f69;
    margin:0 0 -2px 0;
    padding-right:10px;
    display:inline-block;
    text-shadow:0 0 1px #f6f6f6;
    border-bottom:2px solid #72c02c;
}

.img-polaroid {
    border-bottom:2px solid #72c02c;
}

/*Others (Global classes)
------------------------------------*/
.color-red { color:#c00;}
.color-green { color:#72c02c;}
.color-blue { color:#3498db;}

/*
@import url('assets/css/bootstrap.min.css');
@import url('assets/css/bootstrap-responsive.min.css');
*/
/* New styles below */
.center {
    text-align: center;        
}

/* this affects small browser!! - no @media necessary??*/
.navbar {
  margin-bottom: 0;
 
}

.navbar-fixed-top .navbar-inner {
    /*background: rgba(0,0,0,0.4);*/
    border-bottom: 1px solid rgb(195, 195, 195);
}


@media (min-width: 979px) {

 .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;  /* works with jumbotron below .. makes navbar same size as collapsed version */
  }
  
  .jumbotron {
  /*margin-top: -19px;*/  /* originally -49px (adjusted for taller GRS logo) need this to eliminate space that shows under navbar when browser is stretched out */
  }
}

/* Jumbotrons
-------------------------------------------------- */

/* Base class
------------------------- */
.jumbotron {
  /*position: relative;*/
  
  padding-top: 20px;
  padding-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  color: #fff;
  /*text-align: center;*/
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
  
  background-color:#063053;
	/* chrome 2+, safari 4+; multiple color stops */
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.32,#063053),color-stop(0.66,#395873), color-stop(0.83,#5c7c99));
	/* chrome 10+, safari 5.1+ */
	background-image:-webkit-linear-gradient(#063053,#395873,#5c7c99);
	/* firefox; multiple color stops */
	background-image:-moz-linear-gradient(top,#063053,#395873,#5c7c99);
	/* ie 6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#063053', endColorstr='#395873');
	/* ie8 + */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#063053', endColorstr='#395873')";
	/* ie10 */
	background-image: -ms-linear-gradient(#063053,#395873,#5c7c99);
	/* opera 11.1 */
	background-image: -o-linear-gradient(#063053,#395873,#5c7c99);
	/* The "standard" */
	background-image: linear-gradient(#063053,#395873,#5c7c99);

  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
/*.jumbotron h1 {
  font-size: 60px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
}
.jumbotron p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 30px;
}
*/
.jumbotron a {
  color: #fff;
  color: rgba(255,255,255,.5);
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.jumbotron a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,.25);
}


/*--------------------------------------------------------------*/

.section_header h3 {
	color: rgb(100, 100, 100);
	font-weight: 300;
	font-style: italic;
	font-size: 27px;
	border-bottom: 1px solid #b3b3b3;
	padding-bottom: 0px;
	display: inline-block;
	margin:0;
	margin-bottom: 20px;
}


label.valid {
  width: 24px;
  height: 24px;
  background: url(../img/valid.png) center center no-repeat;
  display: inline-block;
  text-indent: -9999px;
}
label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}
/* my bootstrap.css had diff values even though same version as Twitter...http://twitter.github.io/bootstrap/components.html#alerts  */
.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 40px;
  margin-right: 40px;
}
	
	/* Modern Clean CSS �Sticky Footer�
      -------------------------------------------------- */

    html {
	  position: relative;
    min-height: 100%;
	  }
	  
      body {
       margin: 0 0 120px; /* bottom = footer height */
		/*border: 5px solid #ffff22;*/ 
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Set the fixed height of the footer here */
     
      #footer {
        height: 120px;
		position: absolute;
    /*left: 0;*/ /* from james dean footer */
    bottom: 0;
    width: 100%;
      }
 



	
/* Footer
-------------------------------------------------- */
#footer {
	/*min-height: 120px;*/
	/*margin-top: 75px; */ /* space above footer */
	/*border: 10px solid #000000;*/
	
	background-color: #252528;
	color: #fff;
	padding-top: 35px;

	/* fallback */
	background-color:#063053;
	/* chrome 2+, safari 4+; multiple color stops */
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.32,#063053),color-stop(0.66,#395873), color-stop(0.83,#5c7c99));
	/* chrome 10+, safari 5.1+ */
	background-image:-webkit-linear-gradient(#063053,#395873,#5c7c99);
	/* firefox; multiple color stops */
	background-image:-moz-linear-gradient(top,#063053,#395873,#5c7c99);
	/* ie 6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#063053', endColorstr='#395873');
	/* ie8 + */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#063053', endColorstr='#395873')";
	/* ie10 */
	background-image: -ms-linear-gradient(#063053,#395873,#5c7c99);
	/* opera 11.1 */
	background-image: -o-linear-gradient(#063053,#395873,#5c7c99);
	/* The "standard" */
	background-image: linear-gradient(#063053,#395873,#5c7c99);
		
}

#footer .credits {
	border-top: 1px solid #88a1b8;
	/*padding: 10px 0px 60px 0px;*/
}

#footer .credits .copyright  {
	color: #00aeef;
	font-size: 12px;
	margin-top: 5px;
}


/* --- footer menu --- */

#footer-menu ul.menu li a {
transition: color 500ms;
-moz-transition: color 500ms; /* Firefox 4 */
-webkit-transition: color 500ms; /* Safari and Chrome */
-o-transition: color 500ms; /* Opera */
}

#footer-menu {line-height: 16px;}

#footer-menu ul {
    margin-left: 0;
    list-style-type: none;
}

#footer-menu ul li {display: block; float: left; padding-right: 14px; border-right: 1px solid #88a1b8; margin: 3px 14px 6px 0; }
#footer-menu ul li#menu-item-last {padding-right: 0; border: 0 none; margin-right; 0;}
#footer-menu ul li a {color: #ffc019; font-size: 12px; line-height: 14px; text-decoration: none;}
#footer-menu ul li.current-menu-item a, #footer-menu ul.menu li a:hover {color: #FFFFFF;}

#footer-menu p a{
	color: #ffc019;
	font-size: 12px; 
	line-height: 14px; 
	text-decoration: none;
}
#footer-menu p a:hover{
	color: #FFFFFF;
}


/* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */
/* -------customize transition to fade in/out */	
	.carousel {
    /*height: 400px;*/
    overflow: hidden;
}
.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.carousel .active.left, .carousel .active.right {
    
    opacity:0;
    z-index:2;
}
.carousel .next, .carousel .prev {
    
    opacity:1;
    z-index:1;
}
	
/* --------------end transition fade in/out */

/* ----------------------------Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


/**** Example Options ****/

#options {
  padding-bottom: 1.0em;
}

#options h3 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

#options h4 { 
  font-weight: bold;
}

#options ul {
  margin: 0;
  list-style: none;
}

#options ul ul {
  margin-left: 1.5em;
}

#options li {
  float: left;
  margin-bottom: 0.2em;
}

#options li a {
  display: block;
  padding: 0.4em 0.5em;
  background-color: #DDD;
  color: #222;
  font-weight: bold;
  text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
  background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:    -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:     -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:      -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:         linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
}

#options li a:hover {
  background-color: #5BF;
}

#options li a:active {
  background-color: #39D;
  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
     -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
       -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
          box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
}

#options li a {
  border-left:  1px solid hsla( 0, 0%, 100%, 0.3 );
  border-right: 1px solid hsla( 0, 0%,   0%, 0.2 );
}

#options li:first-child a {
  border-radius: 7px 0 0 7px;
  border-left: none;
}

#options li:last-child a {
  border-radius: 0 7px 7px 0;
}

#options li a.selected {
  background-color: #13F;
  text-shadow: none;
  color: white;
}

/* Combination filter options*/

#options .option-combo {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

#options .option-combo ul {
  margin-right: 20px;
  display: inline-block;
}

#options .option-combo h2,
#options .option-combo h4 {
  line-height: 34px;
  margin-bottom: 0;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}

/* Combination filter options*/

#options .option-combo {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

#options .option-combo ul {
  margin-right: 20px;
  display: inline-block;
}

#options .option-combo h2,
#options .option-combo h4 {
  line-height: 34px;
  margin-bottom: 0;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}




/* end isotope ---------------------------------------------------------- */


      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }




    .modal-backdrop.fade.in { 
       background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D5000000,endColorstr=#D5000000);
       zoom: 1;
    } 



/* ---------------------*/
/* need these modal styles to fix modal issues in web page and iphone;  these issues should be resolved in
bootstrap 3.0 when it comes out.
https://github.com/twitter/bootstrap/issues/3230
*/
/*.modal {
position: fixed;
top: 3%;
right: 3%;
left: 3%;
bottom: 3%;
width: auto;
margin: 0;
}
.modal-body {
height: 60%;
}


.modal-body {
max-height: 350px;
padding: 15px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
*/
/* ---------------------*/

.modal {
	/*width: 60%;*/
}