/**
 * @file
 * CSS for Colorizer.
 * Colors:
 *
 *

 *   //Main Bootstrap Colors
 * #34A191
 * #1bdeb8
 * #34867a
 * #ff9100
 * #ffa732
 * #d07700
 * #18BC9C
 * #15a186
 * #19dbb5
 * #3498DB
 * #217fbf
 * #48a6e4
 * #9008c9
 * #8b3f9e
 * #a936c5
 * #E74C3C
 * #ca2b1b
 * #f06e60
 *
 *
 *   //Navbar Colours
 * #333333
 * #333333
 * #ffffff
 * #00a291
 * #ffffff
 * #00a291
 * #ffffff
 * @navbar-inverse-bg
 * @navbar-inverse-link-bg
 * @navbar-inverse-link-color
 * @navbar-inverse-link-hover-bg
 * @navbar-inverse-link-hover-color
 * @navbar-inverse-link-active-bg
 * @navbar-inverse-link-active-color
 *
 *  //Typography & Links
 * #555555
 * #00a291
 * #00a291
 * #7b7b7b
 *
 *  //Footer
 * #276960
 * #f9f9f9
 * #ffffff
 *
 */

body {
  color:#555555;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color:#00a291;
}

/*
/* Navbar
/* ============================================*/

 /*Navbar Background*/
.navbar, .navbar.navbar-default {
  background: #333333;
  border-color: #333333;
}
.navbar, .navbar.navbar-inverse {
  background: @navbar-inverse-bg;
  border-color: @navbar-inverse-bg;
}

/*Navbar Links*/
.navbar-default .navbar-nav > li > a {
  color:#ffffff;
  background:#333333;
}
.navbar-inverse .navbar-nav > li > a {
  color:@navbar-inverse-link-color;
  background:@navbar-inverse-link-bg;
}

/*Navbar Links Hover*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color:#ffffff;
  background:#00a291;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color:@navbar-inverse-link-hover-color;
  background:@navbar-inverse-link-hover-bg;
}

/*Active*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color:#ffffff;
  background:#00a291;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color:@navbar-inverse-link-active-color;
  background:@navbar-inverse-link-active-bg;
}

/*===========================================
=           Accordion Toggle Button         =
===========================================*/

.navbar-default .navbar-toggle {
  background: #333333;
}

.navbar-default .navbar-toggle .icon-bar {
  background: #ffffff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: #00a291;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
  background: #ffffff;
}


/*===========================================
=            Second Level Styles            =
===========================================*/

/*Dropdonw Backgrounds*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #333333;
  color: #ffffff;
}

.navbar-default .navbar-nav > li > ul.dropdown-menu {
  background-color: #333333;
}

.navbar-default .navbar-nav > li > ul.dropdown-menu > li a {
  background-color: #000000;
  color: #ffffff;
}

/*Hover */
.navbar-default .navbar-nav > li > ul.dropdown-menu > li a:hover {
  background-color: #00a291;
  color: #ffffff;
}

/*Active*/
.navbar-default .navbar-nav > li > ul.dropdown-menu > li.active > a, .navbar-default .navbar-nav > li > ul.dropdown-menu > li.active > a:hover {
  background-color: #000000;
  color: #ffffff;
}

/*-----  End of Second Level Styles  ------*/


/*
/* Typography & Links
/* ============================================*/
a {
  color: #00a291;
}
a:hover {
  color: #7b7b7b;
}

.progress-bar {
  background-color: #34A191;
}

.text-primary {color: #34A191;}


/*
/* Buttons
/* ============================================*/
.btn.btn-primary {
  background-color: #34A191;
  border-color: #34A191;
}

.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active, .open > .btn.btn-primary.dropdown-toggle {
  background-color: #34867a;
  border-color: #34867a;
}
.btn.btn-success {
  background-color: #18BC9C;
  border-color: #18BC9C;
}

.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success.focus, .btn.btn-success:active, .btn.btn-success.active, .open > .btn.btn-success.dropdown-toggle {
  background-color: #15a186;
  border-color: #15a186;
}

.btn.btn-info {
  background-color: #3498DB;
  border-color: #3498DB;
}

.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info.focus, .btn.btn-info:active, .btn.btn-info.active, .open > .btn.btn-info.dropdown-toggle {
  background-color: #217fbf;
  border-color: #217fbf;
}

.btn.btn-warning {
  background-color: #9008c9;
  border-color: #9008c9;
}

.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning.focus, .btn.btn-warning:active, .btn.btn-warning.active, .open > .btn.btn-warning.dropdown-toggle {
  background-color: #8b3f9e;
  border-color: #8b3f9e;
}

.btn.btn-danger {
  background-color: #E74C3C;
  border-color: #E74C3C;
}

.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger.focus, .btn.btn-danger:active, .btn.btn-danger.active, .open > .btn.btn-danger.dropdown-toggle {
  background-color: #ca2b1b;
  border-color: #ca2b1b;
}

/*
 * Alerts
 * ============================================ */

.alert-warning {
  color:#ffffff;
  background-color: #9008c9;
  border-color: #8b3f9e;
}
.alert-danger {
  color:#ffffff;
  background-color: #E74C3C;
  border-color: #ca2b1b;
}
.alert-info {
  color:#ffffff;
  background-color: #48a6e4;
  border-color: #3498DB;
}
.alert-info .alert-link {
  color:#217fbf;
}
.alert-success {
  color:#ffffff;
  background-color: #18BC9C;
  border-color: #15a186;
}

/*
 * Pagination
 * ============================================ */

.pagination > li > a, .pagination > li > span {
  color:#ffffff;
  background-color:#34A191;
  border-color:#34A191;
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  background-color:#1bdeb8;
  border-color:#34A191;
  color:#ffffff;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
  background-color:#34867a;
  border-color:#34867a;
  color:#ffffff;
}

.pagination .disabled > a, .pagination .disabled > a:hover, .pagination .disabled > a:focus, .pagination .disabled > span {
  background-color:#1bdeb8;
  border-color:#1bdeb8;
  color:#ffffff;
}

/*
/* Forms
/* ============================================*/

.has-warning .help-block, .has-warning .control-label {color:#9008c9;}
.has-warning .form-control, .has-warning .form-control:focus {border-color:#9008c9;}

.has-error .help-block, .has-error .control-label {color:#E74C3C;}
.has-error .form-control, .has-error .form-control:focus {border-color:#E74C3C;}

.has-success .help-block, .has-success .control-label {color:#18BC9C;}
.has-success .form-control, .has-success .form-control:focus {border-color:#18BC9C;}



/*
/* Pills
/* ============================================*/

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background:#34A191;
}

/*
/* Labels
/* ============================================*/

.label-primary {
  background:#34A191;
}
.label-success {
  background:#18BC9C;
}
.label-warning {
  background:#9008c9;
}
.label-danger {
  background:#E74C3C;
}
.label-info {
  background:#3498DB;
}

/*
/* Panels
/* ============================================*/

.panel-primary {
  border-color:#34A191;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #34A191;
  border-color: #34A191;
}

.panel-success {
  border-color:#18BC9C;
}
.panel-success > .panel-heading {
  color: #fff;
  background-color: #18BC9C;
  border-color: #18BC9C;
}

.panel-warning {
  border-color:#9008c9;
}
.panel-warning > .panel-heading {
  color: #fff;
  background-color: #9008c9;
  border-color: #9008c9;
}

.panel-danger {
  border-color:#E74C3C;
}
.panel-danger > .panel-heading {
  color: #fff;
  background-color: #E74C3C;
  border-color: #E74C3C;
}

.panel-info {
  border-color:#3498DB;
}
.panel-info > .panel-heading {
  color: #fff;
  background-color: #3498DB;
  border-color: #3498DB;
}


/*
/* List Groups
/* ============================================*/

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  background-color: #34A191;
  border-color: #34A191;
}


/*
/* Content Slider
/* ============================================*/

.view-content-slider .slide-text {
  background:#34867a;
}

@media (min-width:768px) {
  .view-content-slider .slide-text {
    background:rgba(0,0,0,0.3);
  }
}



/*
/* Footer
/* ============================================*/

footer, .footer {
  background:#276960;
  color:#ffffff;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
  color:#ffffff;
}

footer .footer-inner-wrap, .footer .footer-inner-wrap {
  border-top:10px solid #f9f9f9;
}