/*
Theme Name: Starter
Theme URI:
Description: 
Author: Matchbook Creative
Author URI: http://matchbookcreative.com
Version: 99.0
Tags: matchbook


 
*/


body{
    background: url('/media/c32p2mel/mobile-bg.jpg') repeat;
   
    
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    color:#666;
    font-family: 'Roboto', sans-serif;
    padding: 0;
    
    -webkit-transition: 3s;
-moz-transition: 3s;
-ms-transition: 3s;
-o-transition: 3s;
transition: 3s;
}
body.home-bg{
    background: url(http://marioncountyprepared.org/images/temp-bg.jpg) no-repeat fixed;
    background-size: cover;
    
    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
    color:#666;
    font-family: 'Roboto', sans-serif;
    padding: 0;
    
    -webkit-transition: 3s;
-moz-transition: 3s;
-ms-transition: 3s;
-o-transition: 3s;
transition: 3s;
}

h3{ font-size:18px;}  

/*MISC STYLES*/
.bgImage{
   position:fixed;
   background-size: cover;
   display: none;
   z-index:-1;
   transition: 3s all;
   width: 100%;
   height: 100%;
}
#bg-body {
    background: none repeat scroll 0 0 #D2D2D0;
    height: 200%;
    left: -50%;
    position: fixed;
    top: -50%;
    width: 200%;
    z-index:-1;
}
#bg-body img {
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}
.green-bg{
    background: url('/media/bojpakyw/green-tile.jpg') repeat;
}

/*radar*/
#radar_play_info{display:none}
.weather-now{  padding: 5px 2px; background: url('/media/svydqrho/black-trans.png') repeat; /*background: rgba(0,0,0,.5); */color:#fff;}


/*home slider*/

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
    background: none ;
    color: #fff;
}
/*modal*/
#responsive,#responsive h1,#responsive h2,#responsive h3,#responsive h4{
    color:#666;
}
#responsive h3.whitef{color:#fff;}
/*modal*/

#logo{
  margin: 10px auto 10px auto; 
  max-width: 100%;  
}
h1.tagline{
    font-weight:300;
    color:#36578c;
   /* background: rgba(255,255,255,.5);*/
    display:inline-block; 
    padding:0 2px;
    border-radius:3px;
}
.brand h1{
    font-weight:300;
    line-height: 110%;
    
}

#navigation{
    margin: 80px 0 0 0px;
}
.navbar .brand {
    
    padding: 0px 20px;
   
}

.navbar .nav {font-size:12px; }
.navbar-inner {padding:0; background: #00a99d; border: none;}
.navbar .nav > li > a {
    color: #fff;
    float: none;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: none;
}


h1,h2,h3,h4{ color:#fff; font-weight: 400; line-height:120%; }

#page-wrapper{ margin-top: -100px;}
#main-content {
	background:url('media/wkydnugg/content-bg.png') no-repeat;
	text-align:right;
	height:415px;
	padding:2% 4% 2% 2%;
	color:#fff;
}

#main-content p {
	text-align:left;
}

#main-content-small {
	padding:20px;
	text-align:center;
    background: url('/media/bojpakyw/green-tile.jpg') repeat;
}

#main-content-small p{
	padding:10px;
	background-color:#00a99d;
	color:#fff;
}

#accordion2{
    color:#fff;  
    margin-top: 20px;
}
.accordion a:hover,.accordion a:focus{
    text-decoration: none;
    outline:  none;
}
      
      

section.green-top{
    width: 100%;
    background: url('/media/offnx1di/green-top.png') no-repeat;
    height: 185px;
}
section.green-bottom{
    width: 100%;
    background: url('/media/an1k03oj/green-bottom.png') no-repeat;
    height: 185px;
}
section.white-top{
    width: 100%;
    background: url('/media/3updrq4l/white-top.png') no-repeat;
    height: 185px;
}
section.white-bottom{
    width: 100%;
    background: url('/media/geqnrdfj/white-bottom.png') no-repeat;
    height: 185px;
}
section.off-white-bottom{
    width: 100%;
    background: url('/media/dpwlpqxx/off-white-bottom.png') no-repeat;
    height: 185px;
}

section.green-content{
    background: url('/media/bojpakyw/green-tile.jpg') repeat;
    color:#fff;
    padding: 0 20px;
   
}
section.alert-content{
    background:#af2a2a;
    color:#fff;
    padding: 0 20px;
}
section.off-white-content{
    background: #e6e6e6;
    padding: 10px 20px 200px 20px;
}
section.white-content{
    background: #fff;
    color: #666;
    padding: 10px 20px 10px 20px;
}
section.layer1{
    background: url('/media/opili2pd/bg4.jpg') no-repeat;
}
section.layerStorm{
    background: url(img/bg-severestorm.jpg) no-repeat;
}
section.layerTornado{
    background: url('/media/ct3odgl4/bg-tornado.jpg') no-repeat;
}
section.white-content h1,section.white-content h2, section.white-content h3{color: #8cc63f;}
.greenf{color:#8cc63f}
.whitef{color:#fff;}


#accordion2{
    
    margin: 10px auto;
}
.accordion-heading{
    border-left: 6px solid #8CC63F;
    background: rgba(0,0,0,.7);
}
.accordion-heading:hover{
    border-left: 6px solid #fff; 
}
.accordion-heading a h1:hover{
     color:#fff;
}

#accordion2 .accordion-group {
    border: 1px dashed #8CC63F;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 2px;
}
#accordion2 .accordion-inner {
    border-top: 1px dashed #8CC63F;
    padding: 9px 15px;
    background: rgba(0,0,0,.5);
}

.white-box h2{color: #666666; }
.white-box{
    color: #666666;
    background: #fff;
    padding: 20px;
}

.green-box{
    color: #fff;
    background: #8cc63f;
    padding: 20px;
}
ul.listing li{
  list-style: none;  
  font-size: 15px;
}


.tornado-icon{
    position:absolute; top: 50px; right: -50px;
    z-index:-1;
}
.fire-icon{
    position:absolute; top: -50px; left: -50px;
    z-index:-1;
}
.lightning-icon{
    position:absolute; top: -50px; left: -50px;
    z-index:-1;
}
.bg {
position: absolute;
top: 0;
left: 0;
height: 800px;
width: 100%;
background-repeat: repeat;
} 


.tdos{
background-image: url('/media/kmyjmbe3/tdos.png');
opacity: 0.3;
z-index: 5;
} 

#footer-nav {
	position:relative;

	background-color: #00a99d;
	width: 100%;
	height: 35px;
	border-top: 2px #fff solid;
    border-bottom: 2px #fff solid;
    margin:100px 0 50px 0;
}

#footer-nav ul {
	list-style:none;
	display:inline;
}

#footer-nav ul li {
	padding: 5px 20px 0px 20px;
	float:left;
	color:#fff;
}

#footer-nav ul li a{
	color:#fff;
	text-decoration:none;
}

#footer-nav ul li a:hover{
	color:#000;
}

ul.footer li{
    display:inline;
    list-style: none;
    margin-right: 20px;
}
.white-content ul.footer li a{color:#00a99d;}
.green-content ul.footer li a{color:#fff;}


ul.secondary-menu{
    border-right: 5px solid #8CC63F;
    padding-right: 10px;
}
ul.secondary-menu li{
    list-style:none;
    text-align: right;
    margin: 10px 0;
    font-size:20px;
    
}
ul.secondary-menu li a{color:#8CC63F; text-decoration: none;}ul.secondary-menu li a:hover{color:#00a99d;}



    /* Large desktop */
    @media (min-width: 980px)  and (max-width: 1200px) { 
            .navbar .nav {font-size:10px; }
    
    
            .navbar .nav > li > a {
                color: #fff;
                float: none;
                padding: 10px 10px;
                text-decoration: none;
                text-shadow: none;
            }
            
       
h1.tagline {
    font-size: 30px;
    
}
   

    
     }
     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) {
        
        body { }
        
   
h1.tagline {
    display:none;
}
 .brand h1{
    font-size: 20px;
    } 

    
#logo{
  margin:  0 auto; 
  max-width: 100%;  
}


#navigation{
   margin: 5px 0 0 0 10px;
}

    }
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { 
         body {background:url('/media/c32p2mel/mobile-bg.jpg') repeat;background-size: auto; }
       .navbar-inner {padding:0; background: #00a99d; border: none;}
        h1.tagline {
    display:none;
}

     .brand h1{
    font-size: 20px;
    
}
#logo{
  margin:  0 auto; 
  max-width: 100%;  
}
#navigation{
    margin: 5px 0;
}
    }
     
    /* Landscape phones and down */
    @media (max-width: 480px) { 
         body {background:url('/media/c32p2mel/mobile-bg.jpg') repeat; background-size: auto; }
        .navbar-inner {padding:0; background: #00a99d; border: none;}
    
    
    
    
    h1.tagline {
    display:none;
}

     .brand h1{
    font-size: 20px;
    
}
#logo{
  margin:  0 auto; 
  max-width: 100%;  
}
  #navigation{
    margin: 5px 0;
}  
    
    
   #footer-nav {
	position:relative;

	background-color: #00a99d;
	width: 100%;
	height: auto;
	border-top: 2px #fff solid;
    border-bottom: 2px #fff solid;
    margin:100px 0 50px 0;
}

#footer-nav ul {
	list-style:none;
	
}

#footer-nav ul li {
	padding: 5px 20px 0px 20px;
	float:left;
	color:#fff;
    display:block;
    width: 100%;
}

#footer-nav ul li a{
	color:#fff;
	text-decoration:none;
}

#footer-nav ul li a:hover{
	color:#000;
} 


      }

/*hacks*/
.span4{
    position: relative;
}



.modal-body {
    max-height: none;
    overflow: visible;
    padding-bottom:100px;
}
marquee h3{display: inline;}

.dropdown-backdrop {
  position: static;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #fff;
    background-image:none;
    color: #666;
    outline: 0 none;
    text-decoration: none;
}


/*
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
*/

.rsContent code{background:none; border:none;}

/*DARK SITE */
#darksite img{
    text-align: center;
}
.alert-bg{
    background: #af2a2a;
}
.alert-bg2{
    background: #e3a40c;
}

input#submit{ background: url("/media/bojpakyw/green-tile.jpg"); width: 100px; color:#fff; padding: 3px 1px; border:0; }
input#submit:hover{background:#21bbc1;}