/*
Theme Name:         Keeley Asset
Description:        Custom Keeley Asset theme
Version:            1.0.0
Author:             DK Worldwide
Author URI:         http://www.dkworldwide.com
Tags:               responsive
*/

body { background-color: #eaeaea; }
.container { box-shadow: -4px 0 4px -4px #999, 4px 0 4px -4px #999; }

/*************************
  Header
**************************/

header.container { background-color: #fff; border-bottom: 22px solid #155082; }

header .navbar { margin-bottom: 0; }
header .navbar-default { background: none; border-style: none; }
header .navbar-header { position: relative; }
header .navbar-brand { height: inherit; }
@media (min-width: 992px) {
  header .navbar-header { float: none; }
  header .navbar-nav { position: absolute; bottom: 0; right: 0; }
}

@media (min-width: 992px) {
  header .top-links { bottom: 60px; right: 16px; }
  header .top-links > ul { border-bottom: 1px solid #ccc; }
  header .top-links a {
    text-transform: none;
    padding: 0 16px 3px;
    color: #999 !important;
    font-size: 18px !important;
    font-family: 'proxima-nova', sans-serif;
  }
  header .top-links ul li:first-child a { padding-left: 0; }
  header .top-links ul li:last-child a { padding-right: 0; }
}

header .navbar-collapse { position: relative; }
header .navbar-nav { text-transform: uppercase; }
header .navbar-default .navbar-nav > li > a { font-size: 17px; color: #000; background: none; }
header .navbar-default .navbar-nav > li.active > a { color: #009dd4; background: none; }
header .navbar-default .navbar-nav > li > a:focus,
header .navbar-default .navbar-nav > li > a:hover { background: none; }
header .navbar-default .navbar-nav > li.active > a:hover { background: none; }
header .navbar-default .navbar-nav .open > a,
header .navbar-default .navbar-nav .open > a:focus,
header .navbar-default .navbar-nav .open > a:hover { background: none; }
header .navbar-default .navbar-toggle { margin-right: 0; margin-top: 100px; }
header .dropdown-arrow { display: none; }
header .dropdown-menu { border: none; background-color: rgba(103,170,208,0.95); padding-top: 0; }
header .dropdown-menu a { color: #000; }
header .dropdown-menu a:hover,
header .dropdown-menu a:focus { background: none; color: #fff; text-decoration: none; }
header .dropdown-menu > li > a { font-weight: bold; }
header .dropdown-submenu { list-style: none; margin: 0; padding: 0 0 0 20px; }
header .dropdown-submenu > li { padding: 3px 25px; }
@media (min-width: 992px) {
  header .navbar-nav { right: 30px; }
  header .dropdown-arrow {
    position: absolute;
    bottom: -14px; left: 50%; margin-left: -20px;
    width: 0; height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #fff;
    z-index: 1001;
  }
  header .open .dropdown-arrow { display: block; }
  header .dropdown-menu { padding-top: 24px; padding-bottom: 14px; }
  header .dropdown-menu .active > a { background-color: inherit; }
  header .dropdown-menu .menu-item-has-children { float: left; }
  header .dropdown-submenu { padding-left: 0; }
  header .dropdown-submenu > li { padding-left: 20px; }
}
@media (min-width: 992px) {
  header #menu-primary-navigation > li:not(:last-child) > a { padding-right: 28px; }
}

/*************************
  Content
**************************/

.content { font-family: 'proxima-nova', sans-serif; font-size: 16px; }
.content h1,
.content h2,
.content h3 { font-family: 'adobe-caslon-pro', sans-serif; }
.content .bg-white h2,
.content .bg-white h3 { color: #009bbe; }
.content .bg-white hr { border-top: 1px solid #009bbe; }
.content .bg-blue h1,
.content .bg-blue h2,
.content .bg-blue h3 { color: #fff; }
.content .bg-blue hr { border-top: 1px solid #80d0e5; }
.content .bg-lighter-green h2,
.content .bg-lighter-green h3 { color: #8b9185; }
.content .bg-lighter-green hr { border-top: 1px solid #8b9185; }
.content .heading h1,
.content .heading h2 { margin: 0; }
.content .heading h1 { margin-top: 10px; }
@media (max-width: 767px) {
  .content .heading h2 { font-size: 24px; }
}
@media (min-width: 768px) {
  .content .heading h1 { font-size: 48px; }
}

/*************************
  Footer
**************************/

footer.container {
  padding: 40px;
  margin-top: -1px;
  background-color: #155082;
  color: #ddd;
  font-family: 'proxima-nova', sans-serif;
}
@media (min-width: 768px) {
  footer .contact { float: right; }
}

/*************************
  Common
**************************/

.bg-white { background-color: #fff; }
.bg-gray { background-color: #edf6f9; }
.bg-blue { background-color: #008fbf; }
.bg-dark-blue { background-color: #155082; }
.bg-light-blue { background-color: #dceef3; }
.bg-light-green { background-color: #e9f0ec; }
.bg-lighter-green { background-color: #f2f4f0; }
.bg-lightest-green { background-color: #f8f9f7; }

.strategy-value { background-color: #005884; }
.strategy-dividend { background-color: #2b81b0; }
.strategy-international { background-color: #67aad0; }

.legal p, p.legal {
  font-family: Calibri, 'proxima-nova', sans-serif;
  font-size: 11px;
  font-style: italic;
}
.legal.row p:last-child { margin-bottom: 0; }
.legal.row { padding: 20px 40px; }
.legal.row.bg-dark-blue { padding-bottom: 0; }
.legal.row.bg-dark-blue p { color: #ddd; }
.content p.legal, .content .legal p { margin-bottom: 12px; color: #888; }

/*************************
  Helpers
**************************/

.row-no-gutters > [class*='col-'] { padding-left: 0; padding-right: 0; }
.col-no-gutters { padding-left: 0; padding-right: 0; }
.padding-30 { padding: 30px; }

@media (min-width: 992px) {
  .pull-left-md { float: left !important; }
  .pull-right-md { float: right !important; }
  .img-responsive-fill-md { display: block; width: 100%; height: auto; }
  .row-same-height-md { display: table; }
  .row-same-height-md:before { content: none; }
  .row-same-height-md > [class*="col-"] { float: none; display: table-cell; vertical-align: top; }
}

/* http://stackoverflow.com/a/26907841 */
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right { opacity: 0; transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left { opacity: 0; transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active { opacity: 1; transform: translate3d(0, 0, 0); }
}