@import "../fonts/font-awesome/less/font-awesome.css";
/* Table of Contents
------------------------------------------------------- *

	0. Bootstrap Fixes
	1. Less Variables
	2. Header
	3. Links
	5. Slider
	6. Content
		6.1. Primary
		6.2. Secondary
	7. Pagination
	8. Footer
	9. HTML Markup and Formatting
	10. Widgets Style
	11. Comments
	


/* 0. Bootstrap Fixes
-------------------------------------------------------	*/

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


body {
  background: #fff;
}
#main {
  width: 100%;
}
.container {
  margin: auto;
}

code {
  white-space: pre-wrap !important;
}
/* 1. Less Variables & Mixins
-------------------------------------------------------	*/
.font {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
/* 2. Header
------------------------------------------------------- */
body {
   background: #fff;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
#masthead {
  margin: 0px auto;
}
.bg{  
  background-color: #f1f1f1;
  border-bottom: 2px solid #dcdcdc;
}
a:hover{
  color: #ff0000 !important;
}
.site-title {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
.site-title a {
  color: black;
}
.site-title a:hover {
  text-decoration: none;
}
.site-description {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: medium;
  color: red;
}
.main_logo {
  width: 80%;
}
#social-icons {
  float: right;
  text-align: right;
  margin-top: 20px;
}
.social-icon {
  color: #ff0000;
  font-size: 14px;
}
.social-icon:hover {
  color: #2571bd;
}
.tagline {
  color: #fff;  
}
.tagline p{
   font-size: 20px;
   line-height: 1.5em;
   padding: 10px 0px;
}
a:hover .social-icon {
  text-decoration: none;
}
.register-box{
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.register-box .navbar-right{
  float: none !important;
}
.register-box .navbar-nav>li>a{
  padding-top: 10px;
  padding-bottom: 10px;
}
.register-box.navbar-nav>li:last-child>a{
  padding-right: 15px;
  color: red;
}

/* 3. Links
------------------------------------------------------- */
a {
  color: #918f93;
}
a:hover,
a:focus,
a:active {
  color: #2571bd;
}
/* 4. Navigation Menu 
-------------------------------------------------------	*/

.nav-wrapper .navbar-default {
  /*margin-left: 130px;*/
  float: right;
  border: none;  
  margin-bottom: 0px;
  background: none;

}
.nav-wrapper ul ul {
  background: #e7e7e7;
  border: none;
}
.nav-wrapper ul ul a:hover {
  background: #f8f8f8;
  color: #333;
}

.navbar-default .navbar-nav>li>a {
  color: #373737;
  font-size: 17px;
}
.navbar-default .navbar-nav>li>a:hover{
  color: #ff0000;
  font-size: 17px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
  color: #ff0000;  
  background-color: #f1f1f1;
  border-bottom: 3px solid #ff0000;
}

.navbar-nav>li:hover{  
  color: #ff0000;
}

.two-button{
  border-top: none;
  margin-top: -3px;
  padding-top: 15px;
}
.navbar-nav{
  margin: 0px 0px;
}
.nav>li>a{
  padding: 15px 10px !important;
}

/* 5. Slider
-------------------------------------------------*/
.slider-wrapper {
  margin: auto;
  margin-top: 15px;
}
.slide-title {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #ddd;
}
.nivo-caption {
  width: 100%;
  overflow: hidden;
  bottom: 0px;
  left: 0px;
}
.nivo-html-caption {
  display: none;
}
div.slide-title {
  font-size: 18px;
  display: block;
  text-align: center;
}

div.slide-description {
  font-family: Helvetica, Arial, sans-serif;
}
/* 6. Content 
------------------------------------------------------- */
#content {
  background: white;
  min-height: 20px;
}
.post-block{
  background: #2268a3;
  padding-bottom: 2px;
}
.post-block a:hover{
  text-decoration: none;
}
.post-block h3{
  color: #fff;
  padding-top: 20px; 
  text-align: center;
}
.post-block p{
  color: #fff;
  text-align: center;
  padding: 0px 15px;
}

.btn-lg{
  margin: 35px 0px;
  padding: 10px 55px;
}

.title-block{
  float: right;
}
.about-title h3{
  color: #000;
}
h2.title{
  font-size: 36px;
}
.title span{
  color: #ce000c;

}
.nopadding{
  padding-left: 0px;
  padding-right: 0px;

}
}
/* 6.1 Primary 
------------------------------------------------------- */
.featured-thumb {  
  text-align: center;
}
.featured-thumb img {
  box-shadow: 0px 1px 2px #444;
  border-radius: 5px;
}
.archive .entry-title a {
  font-size: 26px;
  color: black;
}
.archive .entry-title a:hover {
  color: #2571bd;
}
.archive .entry-meta {
  font-size: small;
  color: #918f93;
}
.archive .entry-meta .posted-on {
  margin-right: 6px;
}
.featured-image-single {
  text-align: center;
}
.featured-image-single img {
  max-width: 80%;
  border: solid 5px #ffffff;
  box-shadow: 0px 2px 2px #888;
  margin-bottom: 15px;
}
.archive .entry-title a:hover{
  color: #ff0000;
}

.rp-title a:hover{
  color: #ff0000;
}
.archive h2.entry-title {
  margin-top: 0px;

}
/* 6.2 Secondary 
------------------------------------------------------- */
#secondary {
  padding-top: 20px;
}
#secondary ul {
  list-style: none;
  margin-left: 5px;
}
#secondary ul li:before {
  margin-right: 5px;
  content: "\f0da";
  font-family: "FontAwesome";
  color: #918f93;
}
#secondary ul ul {
  margin-left: 15px;
}
#secondary ul ul ul {
  margin-left: 5px;
}
#secondary .widget_recent_entries li:before {
  content: "\f0f6";
}
#secondary .widget_recent_entries li {
  border-bottom: solid 1px #f7f7f7;
  padding: 5px 0px;
}
#secondary .widget_recent_comments li:before {
  content: "\f075";
}
#secondary .widget_recent_comments li {
  border-bottom: solid 1px #f7f7f7;
  padding: 5px 0px;
}
#secondary h1.widget-title {
  font-size: 24px;
}
#secondary .widget_search input[type=submit] {
  display: inline-block;
}
#secondary .widget_search input[type=search] {
  display: block;
  width: 100% !important;
}
/* 7. Pagination
-----------------------------------------------*/
.pagination {
  margin: 20px 0;
  width: 100%;
  margin-left: -40px;
  clear: both;
}
.pagination ul {
  list-style: none;
  display: inline-block;
  text-align: center;
  margin-bottom: 0;
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a {
  color: #f8f8f8;
  transition: all 0.4s ease;
}
.pagination ul > li > a .next {
  float: right;
}
.pagination ul > li > a:hover {
  color: #918f93;
  background: #e3e3e3;
}
.pagination .current {
  background: #e4e2e2;
}
.pagination ul  > li  > a,
.pagination ul  > li  > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #fcfcfc;
  border: solid 1px #f1f1f1;
  border-left-width: 0;
  display: inline-block;
  color: #919191;
}
.pagination ul  > li:first-child  > a,
.pagination ul  > li:first-child  > span {
  border-left-width: 1px;
}
.pagination ul  > li:last-child  > a,
.pagination ul  > li:last-child  > span {
  border-rigth-width: 1px;
}
/* 8. Footer 
------------------------------------------------------- */
.site-footerbg{
  background: #ddedfe;
}
#colophon { 
  padding: 20px 0px; 
}

#footertext {
  float: right;
  text-align: right;
}
.ft-address h3{
  color: #242424;
  margin-top: 0px;
  margin-bottom: 5px;
}
.ft-address h3 span{
  color: #2268a3;
}
/*.like-group h4{  
  text-align: right;
}*/
.copy-block{
  font-size: 12px;  
  padding: 10px 0px;
}

.copy-block a{color:#333;}

.copy-block a > u{color:#ff0000;}

.copy-block a > u:hover{color:#CE000C;}


/* 9. HTML Markup & Formatting
--------------------------------------------------- */
/*article table {
  background: #f7f7f7;
}
article table td {
  padding: 5px;
  border: solid 1px #eee;
}
article table th {
  padding: 5px;
  background: #ccc;
  border: solid 1px #ccc;
}*/
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
  padding: 4px;
}
/* 10. Widgets Style
---------------------------------------------------- */
.rp-item {
  display: block;
  clear: both;
  overflow: auto;
  margin-bottom: 5px;
  border-bottom: solid 1px #f7f7f7;
  padding-bottom: 5px;
}
.rp-item:last-child {
  border-bottom: none;
}
.rp-item:before {
  content: none !important;
}
.rp-thumb {
  float: left;
  width: 64px;
  margin-right: -5px;
  margin-top: 3px;
}
.rp-thumb img {
  width: 48px;
  border: solid 2px #eee;
  border-radius: 2px;
}
.rp-thumb rp-title {
  clear: none;
}
.rp-thumb rp-title a {
  display: block;
}
/* 11.1 Comments
---------------------------------------------------------- */
#respond input[type=text] {
  max-width: 450px;
}
#comments ol.comment-list {
  list-style: none;
}
#comments li.comment {
  border: solid 1px #f8f8f8;
  padding: 10px;
  margin-top: 15px;
  list-style: none;
}
#comments .vcard img {
  border: solid 4px #f8f8f8;
  border-radius: 5px;
  margin: 0 10px 10px 0;
}
#comments .comment-metadata {
  font-weight: bold;
}

/* Milestones
------------------------------------------------------- */
.milestones{
  display: block;
  color: #ff0000;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  padding: 5px 15px;
  border-radius: 5px;/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  -webkit-border-radius: 5px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */  
  -moz-border-radius: 5px; /* Firefox 1-3.6 */
  text-align: center;
  margin: 5px 0px;
}
/* Slide Latest
------------------------------------------------------- */
h1.side-ltitle{
  font-size: 20px;
  padding-left: 15px;
}
.side-border{
  margin: 5px 0px;
  
}
.side-lat{
  display: block;
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.side-latthumb{  
  border: solid 2px #eee;
  border-radius: 2px;
  padding-top: 5px;
}
/* Lead Page
------------------------------------------------------- */

.m-top-20{
  margin-top: 20px;
}

.lead-box{
  padding:10px;
  background:#f3f3f3;
  margin:30px auto;
  border-radius: 5px;
  text-align: center;
  font-family: Myanmar3,Yunghkio;
}

.lead-box button{
  margin:auto 20px;
}

.lead-block{
  background-color: #600405;
  padding-bottom: 2px;
  min-height: 150px;
}

.lead-block a:hover{
  text-decoration: none;
}
.lead-block a:active,.lead-block a:focus{
  text-decoration: none;
}
.lead-block h3{
  color: #fff;
  padding-top: 20px; 
  text-align: center;
}

.lead-block p{
  color: #fff;
  text-align: center;
  padding: 0px 15px;
}


/* Download icon
------------------------------------------------------- */
.download-col{
  color: #918f93 !important;
}
.caption-box {
  background-color: blue !important;
}
address{
  margin-bottom: 0px!important;
}
@media (min-width: 300px) and (max-width: 767px) {
  .donate{
    display: none;
  }
  .nav-wrapper .navbar-default{
    margin-top: 50px;
  }
  .side-latthumb{  
    border: none;
  }
  #menu-item-426{
    border-bottom: none;
  }
  .copy-block{
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  div.slide-title {
    font-size: 18px;

  }
  div.slide-description {
    font-size: 13px;
  }
  .main_logo{
    width: auto;
  }
  .logo{
    display: none;
  }
  .btn{
    margin-top:0px;
    border-top: 1px solid #ccc;
  }
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    border-bottom: none;
  }
  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background-color: #f1f1f1;
    padding: 0px 0px;
  }
  .nav>li>a{
    padding: 15px 10px 5px 0px;
  }
 
  /*#menu-item-216 ul li a{
    border-bottom: none 0px !important;
    
  }
  #menu-item-216 a{
    border-bottom: none 0px !important;
    
  }
  #menu-item-31{
    border-bottom: none 0px !important;
    
  }*/
  .side-latthumb{
    padding-left: 30px!important;
  
  }
}
@media screen and (max-width: 992px) {
  .site-title,
  .site-description,
  #social-icons {
    text-align: center;
    float: none;
  }

}
@media screen and (max-width: 992px) {
  .vcard img {
    width: 100px !important;
    height: auto;
  }
  .tagline p{
    padding:0px 0px;
    text-align: center;
  }
  .nav-wrapper{
    padding: 0px 0px;
  }
  .like-group h4{  
    text-align: left;
  }
  .like-group p{
    text-align: left;
  }
  .nav-wrapper .navbar-default{
    margin-left: 0px;
  }
  .main_logo{
    width: auto;
  }
  p.logo-text{
    display: none;
  }  
  p.logo{
    display: block;
  }
  .first-block{
    background: red;
    display: none;
  }
  .navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:hover{
    font-size: 12px;
  }
  .nav-wrapper .navbar-default {
    float: none;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
    color: red;
  }
  .side-latthumb{
    padding-left: 30px!important;
    
  }
}
@media screen and (max-width: 1200px) {
  .nav-wrapper .navbar-default{
    margin-left: 0px;
  }
}