/*Header changes
------------------------------------*/
a {
   color: #08AFDC;
}

/* Logo positioning */
@media (max-width: 992px) {
    .header .navbar-brand { 
        top: -5px !important;
    }
}
@media (min-width: 1000px) {
    .header .navbar-brand {
        top: -14px;
    }
}

/*Navbar Toggle
------------------------------------*/
.navbar-toggle,
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background: #08AFDC;
}
.navbar-toggle:hover {
    background: #0591CF !important;
}
.navbar-default .navbar-toggle {
    border-color: #08AFDC;
}

.header .navbar-default .navbar-nav > li > a {
    text-transform: capitalize;
}
.header .navbar-default .navbar-nav > .active > a {
    color: #08AFDC;
}
.header .navbar-default .navbar-nav > .open > a,
.header .navbar-default .navbar-nav > .open > a:hover,
.header .navbar-default .navbar-nav > .open > a:focus {
    color: #08AFDC;
}

@media (min-width: 1000px) { 
    .header .navbar-default .navbar-nav > li > a {
        padding: 9px 30px 9px 20px;
    }
    .header .navbar-default .navbar-nav > li > a:hover,
    .header .navbar-default .navbar-nav > .active > a {
        border-bottom: solid 2px #08AFDC;
    }
    .header .dropdown-menu {
        border-top: solid 2px #08AFDC;
    }
    .header .navbar-default .navbar-nav > li.home > a {
        padding: 5px 30px 3px 20px;
    }
    .header .navbar-default .navbar-nav > li.home > a:hover {
        border-bottom: solid 2px transparent;
        color: #08AFDC;
    }
}
.dropdown > a:after {
    right: 10px;
}
/*
The menu is to big for viewport sizes between 1000 and 1999 that's the reason
specific styles were defined for this sizes
*/
@media (min-width: 1000px) and (max-width: 1199px){
    .header .navbar-default .navbar-nav > li > a {
        font-size: 14px;
        padding: 9px 25px 9px 15px;
    }
    /*
    .dropdown > a:after {
        right: 3px;
    }
    */
    .header .navbar-default .navbar-nav > li.home > a {
        padding: 7px 25px 3px 15px;
    }
}

/*Responsive Navbar*/
@media (max-width: 999px) {                             
    .header .navbar-default .navbar-nav > li > a:hover {
        color: #08AFDC;
    }
    .header .navbar-default .navbar-nav > .active > a,
    .header .navbar-default .navbar-nav > .active > a:hover,
    .header .navbar-default .navbar-nav > .active > a:focus {
        background: #08AFDC;
    }

}

/*Search Box*/
.header .navbar .nav > li > .search:hover {
	color: #08AFDC;
	background: #f7f7f7;
	border-bottom-color: #08AFDC;
}
.btn-u {
    background: #08AFDC;
}
.btn-u:hover, 
.btn-u:focus, 
.btn-u:active, 
.btn-u.active,
.open .dropdown-toggle.btn-u {
    background: #0591CF;
}

/*Header changes END
------------------------------------*/

/*Breadcrumbs
------------------------------------*/
.breadcrumb li {
    color: #777;
}
.breadcrumb li.active,
.breadcrumb li a:hover {
    color: #08AFDC;
}

/*Footer changes
------------------------------------*/
.headline h2,
.headline h3,
.headline h4 {
    border-color: #08AFDC;
}
.footer a {
    color: #08AFDC;
}
.footer a.email:hover {
    color: #08AFDC;
}
.posts .dl-horizontal dd a:hover { 
	color: #08AFDC; 
}
.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a { 
	color: #08AFDC !important;
        border-color: #08AFDC !important;
}

div.copyright .developedBy {
    text-align: right;
}
@media (max-width: 999px) {
    div.copyright {
        text-align: center;
    }
    div.copyright .developedBy {
        text-align: center;
    }
}
.posts .dl-horizontal dt img {
    height: auto;
}

/*Comon styles
------------------------------------*/
a:hover,
a:focus {
    color: #08AFDC;
}

/*Pagination changes
------------------------------------*/
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    background-color: #08AFDC;
    border-color: #08AFDC;
}
.pagination li a:hover {
    background-color: #08AFDC;
    border-color: #08AFDC;
}
.pagination > li > a.active, 
.pagination > li > a.active:hover, 
.pagination > li > a.active:focus {
    background-color: #08AFDC;
    border-color: #08AFDC;
    color: #fff;
}

/*Homepage changes
------------------------------------*/
#home-ctr .who li i,
#project-ctr .who li i,
#article-ctr .who li i{
    color: #FFF;
}
#home-ctr .btn-u.btn-u-blue {
   min-width: 177px;
}
.btn-u.btn-u-blue {
   background: #08AFDC;
}
.btn-u.btn-u-blue:hover, 
.btn-u.btn-u-blue:focus, 
.btn-u.btn-u-blue:active, 
.btn-u.btn-u-blue.active, 
.open .dropdown-toggle.btn-u.btn-u-blue {
   background: #0591CF;
   color: #FFF;
}
#home-ctr .tag-box-v1 {
    border-top-color: #08AFDC;
}
#home-ctr .magazine-page h3 a:hover {
    color: #08AFDC;
}
#home-ctr .carousel-indicators li {
    border-radius: 10px !important;
}
#home-ctr #main-banner {
    border: none;
}
#home-ctr #main-banner .flex-control-paging li a {
    border-radius: 20px !important;
    background-color: #FFF ;
}
#home-ctr #main-banner .flex-control-nav {
    bottom: 20px;
}
#home-ctr #main-banner .flex-control-nav li a.flex-active, 
#home-ctr #main-banner .flex-control-nav li:hover a {
    background-color: #000;
}
#home-ctr .data {
    margin-bottom: 20px;
}

/*About us page
------------------------------------*/
#about-us-ctr p {
    text-align: justify;
}
#about-us-ctr .title-box-v2 h2 {
    text-align: left;
}
#about-us-ctr .parallax-about .title-box-v2 h2 {
    text-align: center;
}
#circles-area {
    //padding-top: 0;
}
#circles-area h2 {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}
#circles-area h3 {
    font-size: 18px;
}
#about-us-ctr .parallax-about .title-box-v2 p, 
#about-us-ctr .parallax-about .title-box-v2 h2 {
    color: #eee;
}
/*Responsive title*/
@media (max-width: 999px) {                             
    #about-us-ctr h3 {
        text-align: center;
    }

}
#about-us-ctr .color-blue {
    color: #08afdc;
}
#about-us-ctr .principles span {
    color: #08afdc;
}
#about-us-ctr img {
    border: 1px solid #eee;
}
#about-us-ctr .img-overlay,
#project-ctr .img-overlay,
#article-ctr .img-overlay {
    text-align: center;
}
#about-us-ctr .img-overlay li,
#project-ctr .img-overlay li {
    margin-bottom: 30px;
}
#article-ctr .img-overlay li {
    margin-bottom: 40px;
}
#about-us-ctr .img-overlay a,
#project-ctr .img-overlay a,
#article-ctr .img-overlay a {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    position: relative;
    transition: all 0.1s ease-in-out 0s;
    z-index: 90;
}
#about-us-ctr .img-overlay .zoom-icon,
#project-ctr .img-overlay .zoom-icon,
#article-ctr .img-overlay .zoom-icon {
    background-color: #000;
    background-image: url("../img/overlay-icon.png");
    background-position: 50% center;
    background-repeat: no-repeat;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
    z-index: 100;
}
#about-us-ctr .img-overlay a:hover .zoom-icon,
#project-ctr .img-overlay a:hover .zoom-icon,
#article-ctr .img-overlay a:hover .zoom-icon {
   opacity:0.4;   
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   filter: alpha(opacity = 50);
}
#about-us-ctr .circles-text {
    font-size: 40px !important;
}

/* Fundraising page
------------------------------------*/
#fundraising-ctr .tab-v3 .nav-pills li a:hover, 
#fundraising-ctr .tab-v3 .nav-pills li.active a {
    background: none repeat scroll 0 0 #08AFDC;
    border: 1px solid #08AFDC;
    color: #fff;
}
#fundraising-ctr .tab-v3 li a:hover,
#fundraising-ctr .tab-v3 li a:focus {
    color: #08AFDC;
}

/* Projects page
------------------------------------*/
#project-ctr img.logo {
    border: 1px solid #eee;
}
#project-ctr .date {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding-top: 20px;
}
#project-ctr .contact {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding-top: 20px;
}
#project-ctr .financed-by {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding-top: 20px;
}
#project-ctr .financed-by h2 {
    font-size: 18px;
    border-bottom: 2px solid #08afdc;
    margin-bottom: 20px;
}
#project-ctr .financed-by li {
    display: block;
    margin-bottom: 10px;
}
/*Responsive*/
@media (max-width: 999px) {                             
    #project-ctr .financed-by li {
        display: inline-block;
    }
}
#project-ctr .financed-by li img {
    border: 1px solid #eee;
}
#project-ctr .banner {
    border: 1px solid #eee;
    margin-bottom: 30px;
}
#project-ctr .tag-box-blue {
    background: #fafafa;
    border: solid 1px #eee;
    border-left: solid 2px #08AFDC;
}
#project-ctr .back,
#article-ctr .back {
    text-align: center;
    margin-bottom: 30px;
    min-width: 177px;
}
#project-ctr .btn-u.btn-u-blue,
#article-ctr .btn-u.btn-u-blue {
   min-width: 177px;
}
#project-ctr .files-ctr {
    margin-top: 30px;
}
#project-ctr .files-ctr li,
#article-ctr .files-ctr li {
    display: inline;
    padding-right: 20px;
    padding-bottom: 5px;
}
#project-ctr .files-ctr h2,
#project-ctr .gallery-ctr h2,
#article-ctr .gallery-ctr h2 {
    border-bottom: 2px solid #08afdc;
    display: inline-block;
}
#project-ctr .img-overlay a {
    display: block;
    min-width: 139px;
    min-height: 139px;
    line-height: 139px;
    border: 1px solid #eee;
    vertical-align: middle;
}
#article-ctr .img-overlay a {
    display: block;
    min-width: 188px;
    min-height: 188px;
    line-height: 188px;
    border: 1px solid #eee;
    vertical-align: middle;
}
/*Responsive*/
@media (max-width: 999px) {                             
    #project-ctr .img-overlay a,
    #article-ctr .img-overlay a {
        display: inline-block;
    }
}
#project-ctr .gallery-ctr img,
#article-ctr .gallery-ctr img {
    vertical-align: middle;
}
#project-ctr .project-data p {
    text-align: justify;
}
#project-ctr .associated-projects li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
#contacts-ctr .formMsg {
    font-weight: bold;
}

#article-ctr .article-img {
    margin-bottom: 40px;  
}
#article-ctr .article-img .img-responsive {
    margin-left: auto;
    margin-right: auto;    
}