/* Natural Blue skin - a gentle, natural blue palette */

/* Base link colors */
a, a:hover, a:focus {
    color: #2b6ea3; /* soft blue */
}

/* === Navbar === */
.navbar-default .navbar-brand, .navbar-default .navbar-brand:focus {
    color: #fff;
}
.navbar-default .navbar-brand:hover {
    color: #fff;
}
.navbar-default, .navbar-default.navbar-fixed-top.navbar-shrink {
  background-color: #19668a; /* deep natural blue */
}
.navbar-default .navbar-nav > li > a {
    color: #cfe9f7; /* pale sky */
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav>.active>a {
    color: #ffffff !important;
}
.navbar-default.navbar-fixed-top.navbar-shrink .navbar-nav > li > a {
    color: #cfe9f7;
}
.navbar-default.navbar-shrink .navbar-nav > li > a:hover, .navbar-default.navbar-shrink .navbar-nav > li > a:focus, .navbar-default.navbar-shrink .navbar-nav > li.active > a {
    color: #fff;
}
.navbar-default.navbar-shrink .navbar-nav > li.active > a {
    -webkit-box-shadow: inset 0 3px #fff !important;
    -moz-box-shadow: inset 0 3px #fff !important;
    box-shadow: inset 0 3px #fff !important;
}
.navbar-default .dropdown-menu {
    border: 1px solid rgba(255,255,255,0.12);
    border-top: 2px solid rgba(255,255,255,0.12);
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);
}

/* Navbar inverse */
.navbar-inverse {
    background-color: #0f2d3b;
    color: #d6eefc;
}
.navbar-inverse .navbar-brand {
    color: #d6eefc;
}
.navbar-inverse .navbar-nav > li > a {
    color: #d6eefc;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #0f2d3b;
}

/* === Text Carousel === */
#text-carousel-intro-section {
    background-color: rgba(20,60,85,0.9); /* darker blue overlay when image not visible */
}

/* === Rotate Box === */
.rotate-box-1.square-icon .rotate-box-icon, .rotate-box-2.square-icon .rotate-box-icon {
    background-color: #1f5f85; /* muted teal-blue */
}

/* === Progress Bar === */
.progress {
    border: 3px solid #1f5f85;
    background-color: transparent;
}
.progress-bar {
    background-color: #4aa3d9; /* bright sky */
}

/* === CTA Section, Social & Partners === */
#cta-section, #partners-section, #social-section {
    background: #f2f8fb url('../../img/pat-bg.png') repeat;
}

/* === Portfolio === */
.active_prot_menu a, .portfolio_menu ul li a:hover{
    background: #1f5f85 !important;
    color: #fff !important;
}
.portfolio_single_content div{
    background: none repeat scroll 0 0 rgba(31,95,133,0.95);
}

/* === Team === */
.team-hover {
    background: none repeat scroll 0 0 rgba(31,95,133,0.9);
}

/* === Price === */
.prices .panel-default .panel-heading {
    box-shadow: inset 0px 4px 0px #1f5f85;
}
.prices .price-box-featured .panel-heading {
    background-color: #1f5f85;
    color: #FFF;
}
.prices .price-box-featured .panel-footer {
    box-shadow: inset 0px -4px 0px #1f5f85;
}
.prices .price-box-featured .price-box-ribbon {
    color: #1f5f85;
}

/* === Contact === */
#contact-section {
    background-color: #1f5f85;
}
#contact-section .contact .contact-form button {
    background-color: #1f5f85;
}
#contact-section .contact .contact-form button:hover {
    background-color: #163f54;
}

/* === Footer === */
.footer-top {
    background-color: #163f54;
}
.footer {
    background-color: #0f2b38;
}
#subscribe > button[type="submit"] {
    background: none repeat scroll 0 0 #2b6ea3;
}
#subscribe > button[type="submit"]:hover {
    background: none repeat scroll 0 0 #163f54;
}
.tweet-content span{
    color:#163f54;
}

/* === Buttons === */
.btn-default, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active { 
    background: #1f5f85;
    color: #fff;
}
.btn-default:hover {
    color: #fff;
    background: #2b7ea3;
}
.btn-primary, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
    background-color: #2b6ea3;
    color: #FFF;
}
.btn-primary:hover {
    background-color: #1f5f85;
    color: #FFF;
}
.btn-danger, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active {
    background-color: #e75b4b; /* keep contrast for danger */
    color: #FFF;
}
.btn-danger:hover {
    background-color: #d04537;
    color: #FFF;
}

/* === To Top === */
.scrolltotop {
    color: #cfe9f7;
    border: 2px solid #cfe9f7;
}

/* Small Devices tweaks */
@media only screen and (max-width : 767px) {
    .navbar-collapse {
        background-color: #2b7ea3;
        border-color: rgba(255,255,255,0.2) !important;
    }
    .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.active > a {
        color: #0f2b38;
    }
}