/*   dark blue color scheme for Middle Path Wrapper
 -------------------------------------------------------------------------------------------- */

/*------------------------------------------------------------------------------------------------------------------------------------
  body / html
-------------------------------------------------------------------------------------------------------------------------------------*/
html,
body {
    background: #fff;
    color: #555;
}

body,
.no-android.boxshadow > body:after, 
.no-android.boxshadow body:before{
    border-color: #365277;
}

/*------------------------------------------------------------------------------------------------------------------------------------
  link colors
-------------------------------------------------------------------------------------------------------------------------------------*/
a {
    color: #177ab8;
}

a:hover,
a:active,
a:focus {
    color: #177ab8;
}

figcaption a:not(:hover),
.text-underline:not(:hover) {
    color: #555
}

/*------------------------------------------------------------------------------------------------------------------------------------
  header // feature icon color
-------------------------------------------------------------------------------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3 , h4, .h4, h5, .h5, h6, .h6, .feature-icon { color:#365277 }

/*------------------------------------------------------------------------------------------------------------------------------------
  primary-nav and toggle-menu
-------------------------------------------------------------------------------------------------------------------------------------*/
 .toggle-menu {
    color: #fff;
}
 .toggle-menu:hover, 
 .toggle-menu:active,  
 .toggle-menu:focus {
    color: #80b4d4;
}

.toggle-menu:after {
    background: #365277 ; /* same color as border on body */
}

.primary-nav a{
    color: #555
}

.primary-nav .active > a {
    color: #177ab8;
    border-bottom:2px solid #177ab8;
}
.primary-nav a:hover, 
.primary-nav .dcjq-parent.active {
    color: #177ab8
}

@media (max-width:767px) { 

	.primary-nav a {
	    border-bottom: 1px solid #cbdbe6;
	}
	.primary-nav ul {
	    border-top:2px solid #177ab8 ; /* same color as border on body */
	    border-bottom:2px solid #177ab8 ; /* same color as border on body */
	}	
}

@media (min-width:768px) { 
	.primary-nav > li > ul {
	    background: #fff;
	    border:4px double #999;
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------
  footer
-------------------------------------------------------------------------------------------------------------------------------------*/

.footer .max-width-container a:not(:hover), 
.ie8 .footer .max-width-container a:not(:hover) {
    color: #555
}

.social-wrapper {
	background: #365277 ; /* same color as border on body */
}

.social-wrapper a:not(:hover)  {
    color: #fff
}

.footer-signup .btn {
    background: #365277 ;
    border-color: #365277 ;
}

.footer-signup .btn:hover,
.footer-signup .btn:active,
.footer-signup .btn:focus {
    background: #555;
    border-color: #555;
}

.footer-signup .form-control {
    border-color: #365277;
}

/*------------------------------------------------------------------------------------------------------------------------------------
  #go-to-top
-------------------------------------------------------------------------------------------------------------------------------------*/

.no-android #go-to-top {
    color: #fff;
}
.no-android #go-to-top:hover {
    color: #80b4d4
}
.no-android #go-to-top:after {
    background: #365277 ; /* same color as border on body */
}

/*------------------------------------------------------------------------------------------------------------------------------------
  search
-------------------------------------------------------------------------------------------------------------------------------------*/
.search-wrapper {
    background: #365277 ; /* same color as border on body */
}
.toggle-search {
    color: #fff
}
.toggle-search:hover, .toggle-search:active, .toggle-search:focus {
    color: #80b4d4
}
.toggle-search:after {
    background: #365277 ; /* same color as border on body */
}


/*------------------------------------------------------------------------------------------------------------------------------------
 single image slider uses Owl Carousel http://owlgraphic.com/owlcarousel/demos/one.html
-------------------------------------------------------------------------------------------------------------------------------------*/

.single-img-slider .owl-controls .owl-page span {
    background: #365277;
}

.single-img-slider .owl-controls .owl-page.active span,
.single-img-slider .owl-controls.clickable .owl-page:hover span {
    background: #ccc;
}
 
.single-img-slider  .owl-controls .owl-buttons .owl-next, 
.single-img-slider  .owl-controls .owl-buttons .owl-prev{
    color: #fff;
}

@media (min-width:768px) { 
	.single-img-slider .owl-controls .owl-buttons .owl-next,
	.single-img-slider .owl-controls .owl-buttons .owl-prev {
	    color: #365277
	}
}


/*------------------------------------------------------------------------------------------------------------------------------------
  horizontal rule
-------------------------------------------------------------------------------------------------------------------------------------*/

hr.styled {
    border-color: #365277 ; /* same color as border on body */
}

hr.styled.top:before {
    background: #365277 ; /* same color as border on body */
}

hr.styled.bottom:before {
    background: #365277 ; /* same color as border on body */
}


/*------------------------------------------------------------------------------------------------------------------------------------
  bootstrap resets and colors // minimal styling 
-------------------------------------------------------------------------------------------------------------------------------------*/

.page-header {
    margin-top: 0;
    border-color: #ddd;
}

.lead {
    line-height: inherit
}

.btn-default {
    border-color: #365277
}

blockquote {
    border-color: #f7f7f7
}

blockquote footer,
blockquote cite,
blockquote small {
    color: #555
}

.form-control:focus {
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .2);
}

/*  tool tip colors and style(s)
 -------------------------------------------------------------------------------------------- */

.tooltip-inner {
    border-radius: 0px
}

.tooltip-inner {
    font-weight: 400;
    color: #ffffff;
    background-color: #177ab8;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #177ab8
}

.tooltip.right .tooltip-arrow {
    border-right-color: #177ab8
}

.tooltip.left .tooltip-arrow {
    border-left-color: #177ab8
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #177ab8
}

/*  form-control placeholders
 -------------------------------------------------------------------------------------------- */

/* --- don't combine --- */

.form-control::-moz-placeholder {
    color: #999;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}