/*  
Theme Name: NHANA
Version: 1.0
Description: Designed by <a href="http://www.sgd.cc">SGD</a>.
Author: SGD
Author URI: http://www.sgd.cc
*/

@charset "UTF-8";

body{
    
    background-color:#666666;
    
}

h1, h2, h3 {
    margin-bottom: 10px;
    margin-top: 0;
}




/*navbar color*/
.navbar-inverse {
    
    background-color: #ffffff;
    border:none;
    min-height:81px;

}

img{
    
   
    max-width:100%;
    height:auto;

    
}

.center-div{
    
    margin-left:auto;
    margin-right:auto;
    
}
.banner-wrapper {
	background-color:#efefef;
}
.banner-wrapper img {
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
}
.content-wrapper {
	  padding-top:30px;
    background-color:#ffffff;
	padding-bottom:20px;
}


/*size & style of navbar links*/
.navbar {
	margin-bottom: 0px;
	border-bottom:1px #efefef solid;
}
.navbar-inverse .navbar-nav > li > a {

    color: #000000;
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    font-size:16px;
    margin-right:17px;
    border-top:7px #ffffff solid;
    padding-top:39px;
	padding-bottom:46px;
}

/*highlighted nav element*/
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .current_page_item > a, 
.navbar-inverse .navbar-nav > .current_page_item > a:hover, 
.navbar-inverse .navbar-nav > .current_page_item > a:focus,
.navbar-inverse .navbar-nav > .current_page_parent > a, 
.navbar-inverse .navbar-nav > .current_page_parent > a:hover, 
.navbar-inverse .navbar-nav > .current_page_parent > a:focus,
.navbar-inverse .navbar-nav > .current-post-ancestor > a, 
.navbar-inverse .navbar-nav > .current-post-ancestor > a:hover, 
.navbar-inverse .navbar-nav > .current-post-ancestor > a:focus,
.navbar-inverse .navbar-nav > .current-category-ancestor > a, 
.navbar-inverse .navbar-nav > .current-category-ancestor > a:hover, 
.navbar-inverse .navbar-nav > .current-category-ancestor > a:focus,
.navbar-inverse .navbar-nav > .current-page-ancestor > a, 
.navbar-inverse .navbar-nav > .current-page-ancestor > a:hover, 
.navbar-inverse .navbar-nav > .current-page-ancestor > a:focus
 {
    
    background-color:#ffffff;
    background-image:none;
    color:#000000;
    border-top:7px #25aae1  solid;
	padding-top:39px;
    
}



.navbar-toggle {
    background-color: #888888;
    background-image: none;
    border: none;
    border-radius: 0;
    float: right;
    margin-bottom: 0px;
    margin-right: 31px;
    margin-top: 79px;
    padding: 9px 10px;
    position: relative;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  
  color: #000000;
  background-color: #f1f1f1;
  border-top:7px #f1f1f1 solid;
  
}

.navbar-inverse .navbar-nav > .current_page_item .open > a, 
.navbar-inverse .navbar-nav > .current_page_item .open > a:hover, 
.navbar-inverse .navbar-nav > .current_page_item .open > a:focus,
.navbar-inverse .navbar-nav > .current_page_parent .open > a, 
.navbar-inverse .navbar-nav > .current_page_parent .open > a:hover, 
.navbar-inverse .navbar-nav > .current_page_parent .open > a:focus {
	color: #000;
	background-color: #efefef;
	 border-top:7px #25aae1  solid;
}
/*style for dropdown nav elements clicked on desktop width*/
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
	color: #000;
	background-color: #efefef;
	border-top:7px #efefef solid;
}


.navbar-collapse {

	max-height: none;

}

.dropdown-menu {
    background-clip: padding-box;
   
    border-radius: 0px;
  
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
    background-color: #99A0BF;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #cccccc;
}


/*resize header logo*/
.header-logo-size {
    
    width:199px;
    height:81px;
    
}

.jumbotron{
    border-top: 5px #ffffff solid;
    background-color:#f1f1f1;
    padding:0;
	margin: 0px
  
}

.jumbotron img{
	 
    border-left: 5px #ffffff solid;
	border-right: 5px #ffffff solid;
}


.main-img {
    
    margin-left:auto;
    margin-right:auto;    
    
}

.img-border{
    
    border-left: 5px #ffffff solid;
    border-right: 5px #ffffff solid;
	
    
}

/*header area font & color setup*/

#body-styles h1{
    
    padding:14px 17px;
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size:24px;
    background-color:#7ccced;
    color:#ffffff;
    margin-bottom:30px;
    
}

#body-styles h2{
  
  font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
  color:#666666;
  font-size:30px;
  
}

#body-styles h4{
    
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size:18px;
    color:#000000;
    
}

#body-styles p{
  
  font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#000000;
  
}

#body-styles .date{
    
    color:#404040;
    font-size:13px;
    
}

#body-styles a{
    
    color:#25aae1;
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size:13px;
    text-transform:uppercase;
}

#body-styles img{
    
    margin-bottom:30px;
    
}

#body-styles hr{
    
    color:#b6b6b6;
    
}

#body-styles .morenews{
    
    font-size:16px;
    text-transform:uppercase;
    margin-bottom:20px;
    
}
#sidebar {
	margin-bottom:20px;
}

#sidebar h1{
    
    padding:14px 17px;
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size:24px;
    background-color:#99a0bf;
    color:#ffffff;
    
}

#sidebar  ul.events{
    
    background-color:#f1f1f1;
    list-style-type:none;
    margin-left:0px;
    padding:14px 17px;
    margin-top:-8px;
    
}


#sidebar  ul.events li{
    
    color:#000000;
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size:16px;
    margin-bottom:25px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	
}

#sidebar  ul.events li:first-child{
    
    margin-top:12px;    
    
}

#sidebar  ul.events li:last-child{
    
    margin-bottom:12.5px;
    
}

#sidebar  ul.events li a{
    
    color:#25aae1;
    
}

#sidebar ul.dropdown,
#sidebar ul.menu {
  
    background-color:#f1f1f1;
    list-style-type:none;
    margin-left:0px;
    padding-left:0px;
    margin-top:-8px;
  
}

#sidebar ul.dropdown li,
#sidebar ul.menu li{
  
    border-bottom:1px #ffffff solid;
    color:#000000;
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size:16px;
    
    
}

#sidebar ul.dropdown li a,
#sidebar ul.menu li a {
  
  color:#000000;
  padding-left:15px;
  padding-bottom:15px;
  padding-top:15px;
  display:block;
}

#sidebar ul.dropdown li a:hover,
#sidebar ul.menu li a:hover {
  
  background-color:#8bcde9;
  color:#ffffff;
  
  text-decoration:none;
  
}

#sidebar ul.dropdown li.active a,
#sidebar ul.dropdown li.active a:hover,
#sidebar ul.dropdown li.active a:focus,
#sidebar ul.menu li.active a,
#sidebar ul.menu li.active a:hover,
#sidebar ul.menu li.active a:focus,
#sidebar ul.menu li.current-menu-item a,
#sidebar ul.menu li.current-menu-item a:hover,
#sidebar ul.menu li.current-menu-item a:focus
 {
	
	color: #ffffff;
	background-color:#8bcde9;	

}



#donate {
    
    background-color:#cdf0e4;
    margin-bottom:30px;
  
}

#donate h1 {
    
    padding:14px 17px;
    color:#000000;
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size:24px;
    border-bottom:1px #ffffff solid;
    
}

#donate p,
#donate .textwidget {
    
    padding:14px 17px;
    color:#000000;
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size:14px;
    
}

#donate .btn{
    
    background-color:#2bc18e;
    border-radius:0px;
    padding-top:12px;
    border:none;
    color:#ffffff;
    text-transform:uppercase;
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    margin-left:17px;
    margin-bottom:14px;
    
}


#footer{
    
    background-color:#666666;
    
}

#footer h1{
    
    color:#7ccced;
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size:16px;
    text-transform:uppercase;
    margin-top:30px;
    
}

#footer ul{
    
    padding-left:0px;
    margin-left:0px;
    
}

#footer ul li{
    
    list-style-type:none;
    margin-bottom:8px;
    
}

#footer ul li a, #footer p, #footer p a{
    
    color:#ffffff;
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    font-size:14px;
    
    
}

#footer .subscribe{
    
    width:109px;
    height:27px;
    
}

#footer hr{
    
    color:#dadada;
    
}

#footer .copyright{
    
    font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
    color:#ffffff;
    font-size:12px;
    padding-bottom:20px;
    
}

#footer p{
	
	margin-top:10px;
	
}

.dropdown-menu{
	
	border-radius:0px;
	
}

#wppb_recover_password input[type="text"], #wppb_modify input[type="text"], #wppb_modify input[type="password"], #wppb_register input[type="text"], #wppb_register input[type="password"], #wppb_login input[type="text"], #wppb_login input[type="password"] {
    height:auto;
}

#wppb_recover_password input[type="text"], #wppb_modify input[type="text"], #wppb_modify input[type="password"], #wppb_modify select, #wppb_modify textarea, #wppb_modify [type="file"], #wppb_register input[type="text"], #wppb_register input[type="password"], #wppb_register select, #wppb_register textarea, #wppb_register [type="file"], #wppb_login input[type="text"], #wppb_login input[type="password"], #wppb_login select, #wppb_login textarea, #wppb_login [type="file"] {
	line-height:normal;
}


.rsDefaultInv .rsGCaption {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    border-radius: 2px;
    bottom: 0px;
    color: #000000;
    float: none;
    font-size: 14px;
    font-weight: bold;
    left: 0px;
    padding: 8px 5px 8px 20px;
    position: absolute;
    text-align: left;
    width: 100%;
}