/* NMRHT custom styles DSR - Feb '14 */

@font-face {
    font-family: 'Eoges';
    src: url('/themes/nmrht/fonts/Eoges.eot');
    src: url('/themes/nmrht/fonts/Eoges.eot') format('embedded-opentype'),
         url('/themes/nmrht/fonts/Eoges.woff') format('woff'),
         url('/themes/nmrht/fonts/Eoges.ttf') format('truetype');
}

@font-face {
    font-family: 'Dontpanic';
    src: url('/themes/nmrht/fonts/dontpanic.eot');
    src: url('/themes/nmrht/fonts/dontpanic.eot') format('embedded-opentype'),
         url('/themes/nmrht/fonts/dontpanic.woff') format('woff'),
         url('/themes/nmrht/fonts/dontpanic.ttf') format('truetype');
         
}

body {
font-family: 'PT Sans', Arial, Helvetica, sans-serif;
background: #FFF url("/themes/nmrht/images/bg-1.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
height: auto;
}

/*main nav*/
.main-nav-section{
	background: #414141;
	padding: 1em;
	position: relative;
	z-index: 20;
	overflow: hidden;
}
.mobile-menu-toggle{
  position: relative;
  padding:0 0 0 1.25em;
  font-size: 2em;
  overflow: hidden;
  float: right;
  color: #fff;
}
.mobile-menu-toggle span{
  font-size: .7em
}
.mobile-menu-toggle:before {
  content: "";
  position: absolute;
  left:0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: #fff;
  box-shadow: 
    0 0.25em 0 0 #fff,
    0 0.5em 0 0 #fff;
}

.primary-nav{
	position: relative;
	z-index: 1;
	margin:0;
	padding: 1em;
	clear: both;
	display: none;
}

.primary-nav a{
	color: #fff;
}

.primary-nav>li{
	display: block;
	text-transform: uppercase;
}
.primary-nav li{
	list-style: none;
}
.primary-nav li li{
	text-transform: capitalize;
}
.primary-nav li li:before{
	content:" - ";
	display: inline-block;
	color: #fff;
}

@media only screen and (min-width: 64.063em) {
	.main-nav-section{
		padding: 0.1em 0 0em;
		overflow: visible;
	}
	.primary-nav{
		padding:0 50px 0 1em;
		display: block;
	}

	.primary-nav>li{
		display: inline-block;
	}
	.primary-nav>li li:before{
		content: '';
	}
	.primary-nav>li>a{
		display: block;
		margin: .5em .0em 0;
		padding: .5em 1em;
		border: 2px solid transparent;
		border-bottom: 0;
	}
	.primary-nav>li>a.current,
	.primary-nav>li:hover>a{
		border: 2px solid #00aeef;

		background: #0098d1; /* Old browsers */
		background: -moz-linear-gradient(top, #0098d1 0%, #00aeef 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0098d1), color-stop(100%,#00aeef)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #0098d1 0%,#00aeef 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #0098d1 0%,#00aeef 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #0098d1 0%,#00aeef 100%); /* IE10+ */
		background: linear-gradient(to bottom, #0098d1 0%,#00aeef 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098d1', endColorstr='#00aeef',GradientType=0 ); /* IE6-9 */

		-webkit-border-radius: 10px 10px 0 0 ;
		-moz-border-radius: 10px 10px 0 0 ;
		border-radius: 10px 10px 0 0 ;
	}

	.primary-nav>li>.dropdown{
	  display: none;
	  position: absolute;
	  top: 100%;
	  width: 100%;
	  left:0;
	  background: #00aeef;
	  margin: 0;
	  list-style: none;
	  z-index: 100;
	}

	.primary-nav>li:hover>.dropdown{
		display: block;
	}

	.primary-nav>li>.dropdown li{
		display: inline-block;
		padding: .5em 2em .5em 22px;
		background: url(../images/subnav-arrow.png) no-repeat 0 50%;
	}
} 


#nav-fb {
	position: absolute;
	right: 1em;
	top: 0.7em;
	z-index: 1;
}

#nav-fb img:hover {
	background: rgba(0,174,239);
	background: rgba(0,174,239, .7);
	border-top-left-radius: 2px 2px;
	border-top-right-radius: 2px 2px;
	border-bottom-left-radius: 2px 2px;
	border-bottom-right-radius: 2px 2px;
}

.slider {
	/*margin-top:-410px;*/
	position: relative;

}

.slider h2 {
	font-family: 'Dontpanic', Arial, Helvetica, sans-serif;
	font-size: 3.3125rem;
	line-height: .9;
	text-align: center;
	color: #FFF;
	position: absolute;
	right: 3%;
	width: 280px;
	top: 90px;
}

.slider h2 span{
	color:#C9161D;
	font-size: 1.15em;
}

.slider h3 {
	font-family: 'Eoges', Arial, Helvetica, sans-serif;
	color: #FFF;
	position: absolute;
	line-height: 1;
	text-align: center;
	right: 3%;
	top: 170px;

	width: 250px;
	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
}

#logo {
    background: none repeat scroll 0 0 rgba(64, 64, 65, 0.8);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    left: 7%;
    position: relative;
    margin-top: -33.1%;
    width: 20.2%;
    z-index: 11;
}

#featured {
	padding-top: 10px;
}

.orbit-container {
	margin-bottom: -60px;
}

.example-orbit {
	border-bottom: 15px solid #4d5255;
}

.orbit-bullets-container {
	text-align: center;
	position: relative;
	left: 280px;
	top: -60px;
	z-index: 10001;
}

.orbit-bullets li {
	width: 1.525rem;
	height: 1.525rem;
	background: #E6E8E7;
	border: 2px solid #FFF;
}

.orbit-bullets li.active {
	background: #D2232A;
	border: 2px solid #FFF;
}

.stretch-homepage {
	width: 100%;
	height:120px;
}

.stories-button {
	padding-bottom:20px;
	padding-top:20px;
	width: 110%;
}

.bubble {
	width:20%;
}

.bubble img:hover {
	border-top: 2px solid transparent;	
	border-right: 2px solid transparent;

}

.fb-like-box {
	background: #FFF;
}

#page-header {
	border-bottom: 15px solid #4d5255;
}

.main-content {
	 background: #FFF;
	 width: 97%;
  	 margin-left: 0.9375em;
	 margin-top: 1.175em;
     margin-bottom: 1.175em;
	 padding-right: 2em;
}

.panel {
	background: #FFF;
	border: none;
}

.panel h3 {
	color:#ED1C22;
	border-bottom: 2px dotted #909195;
}	

.footer-right p {
	font-size:14px;
	padding-left: 20px;
	padding-top: 20px;
}

.footer-left p {
	font-size:14px;
	padding-left: 20px;
	padding-top: 20px;
}

.expand {
	display: block;
	cursor: pointer;
}

.popup { 
	display: none;
}

.missions h2 {
	font-family: 'Eoges', Arial, Helvetica, sans-serif;
}

.missions ul {
	list-style: none;
	margin-left: 0;
}

.events h2 {
	font-family: 'Eoges', Arial, Helvetica, sans-serif;
}

.footer-holder {
	background: #000;
	border-top: 20px solid rgba(64, 64, 65);
	border-top: 20px solid rgba(64, 64, 65, .5);
	width: 97%;
	margin-left: 14px;
}