/* Banner parallax */

.hero.hero-static {
  min-height: 0 !important;
  max-height: none;
  height: auto !important;
  width: 100%;
}

.hero-static .hero-img {
  width: 100%;
}

.home .hero-parallax {
  background-size: 100% auto;
}

@media only screen and (max-width: 991px) {
  .hero-parallax {
    background-position: center !important;
  }
}

.hero.hero-static .container-fluid {
  height: auto;
  position: absolute !important;
  top: 0px;
  width: 100%;
}

/* Fixes issue of overlapping of header  with content for mobile devices */
@media only screen and (max-width: 991px) {
  .hero.hero-static .container-fluid {
    height: auto;
    position: relative !important;
    width: 100%;
  }
}

/* LOGO longer image fix (only if using DS logo)
 ----------------------------------------*/

/*  .navbar-brand .logo {
  margin-top: 0;
  width: auto;
  height: auto;
  max-width: none;
  max-height: 45px;
}
@media (max-width: 992px) {
  .navbar-brand .logo {
    max-height: 39px; 
  } 
}*/


/* DS secondary top bar text
 ----------------------------------------*/

.navbar li.wm-ds h6 { 
  margin-bottom: 0;
  font-size: 16px; 
  line-height: 20px;
} 
/*#secondary-navigation .navbar-nav>li.wm-ds>a { 
  padding: 6px 14px; 
}*/


/* NAV overwrites for mega menu
 ----------------------------------------*/

#secondary-navigation .navbar-nav > li > a {
  padding: 10px 14px 8px 14px;
  line-height: 1.43;
}
.nav.navbar-nav .dropdown-menu {
  padding: 15px !important;
}
.nav.navbar-nav .dropdown-menu:not(.cols-in) li:first-child:hover:before {
  border-color: transparent transparent #fff !important;
}
.nav.navbar-nav .dropdown-menu ul {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.nav.navbar-nav .dropdown-menu ul:first-child {
  padding-left: 0px !important;
}
.nav.navbar-nav .dropdown-menu ul:last-child {
  padding-right: 0px !important;
}
.nav.navbar-nav .dropdown-menu.cols-in.four-cols {
  width: 720px !important;
}
.nav.navbar-nav .dropdown-menu.cols-in .overflow.active {
  height: 350px;
}
.nav.navbar-nav .dropdown-menu.cols-in:hover:before {
  border-color: transparent transparent #fff;
}
.nav.navbar-nav .dropdown-menu .divider {
  margin: 0 0;
  background-color: #f3f4f5;
}
.nav.navbar-nav .dropdown-menu li > a {
  padding: 12px 10px;
  line-height: 20px;
  font-weight: 400;
  transition: all 0.125s;
}
.nav.navbar-nav .dropdown-menu li.heading > a {
  padding: 12px 10px;
  text-transform: none;
  font-weight: 600;
  min-height: 40px;
  color: #003168;
  border-bottom: 1px solid #fedf01;
  background-color: transparent;
  margin-top: 5px;
}
.nav.navbar-nav .dropdown-menu li.heading > a[href="#"]:hover {
  color: #003168;
}
.nav.navbar-nav .dropdown-menu li:first-child a {
  padding-top: 12px;
  margin-top: 0;
}
.nav.navbar-nav .dropdown-menu li:last-child a {
  padding-bottom: 13px;
}
.nav.navbar-nav .sign-in {
  padding-top: 9px !important;
}

/* MOBILE */
/*.sidr ul li.content-items {
  background-color: #006ac3;
  line-height: 1.5em;
}
.sidr ul li.content-items > a {
  padding-top: 15px;
  padding-bottom: 15px;
}
.sidr ul li.content-items > ul a {
  color: #006ac3 !important;
}*/
.sidr ul li:first-child.head ul li {
  padding-top: 0;
  padding-bottom: 0;
}
.sidr ul li:first-child.head ul li a {
  padding-top: 11px;
  padding-bottom: 11px;
}
/*.sidr ul li ul {
  background: #002750;
}
.sidr ul li ul li {
  line-height: 1.5em;
  padding-top: 11px;
  padding-bottom: 11px;
  border-bottom: 1px solid #b3b3b3;
}*/
.sidr ul li ul li.heading {
  font-size: 14px;
  border-bottom: 1px solid #fedf01;
  background-color: #eaeaea;
}
.sidr ul li ul li.heading > a {
  color: #003168 !important;
  padding-left: 1px solid #6f6f6f;
}


/* NAV always show background colour
 ----------------------------------------*/

.nav-white #global-navigation.headerattop,
.nav-white #global-navigation.headeractive {
  background-color: #fff !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}
.nav-white #global-navigation {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.nav-grey #global-navigation.headerattop,
.nav-grey #global-navigation.headeractive {
  background-color: #444 !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}
.nav-grey #global-navigation {
  background-color: rgba(68, 68, 68, 0.9) !important;
}


#primary-navigation .navbar-nav > li.active > a,
#primary-navigation .navbar-nav > li.active > a:hover {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}


/* MOBILE NAV
 ----------------------------------------*/

.sidr ul li #languages a {
  padding-left: 30px;
}


/* FOOTER ds secure img
 ----------------------------------------*/

.footer .img-secure {
  width: 100%;
  max-width: 170px;
}


/* FOOTER
 ----------------------------------------*/

/* fix for footer specific padding to remove horizontal scrolling */
section.footer .advisor-list {
  margin-right: -10px;
}


/* HOME PAGE bracket
 ----------------------------------------*/

 .tbracket img {
  min-height: 100px;
 }


/* HOME PAGE advisor img
 ----------------------------------------*/

@media (max-width: 767px) {
  .hero .advisor-image {
    text-align: center; 
  } 
}

.hero .advisor-image img {
  width: 100%;
}
@media (max-width: 767px) {
  .hero .advisor-image img {
    width: 50%;
    max-width: 170px;
  }
}


/* HOME PAGE advisor name header
 ----------------------------------------*/

@media (min-width: 992px) {
  .hero h1.advisor-name {
    font-size: 48px;
  }
}

/* fixes plcement/width of homepage bracket */
.hbracket {
  float: left;
}

/* Fixes placement of Homepage bracket for mobile view */
@media only screen and (max-width : 766px) {
  .hbracket {
    float: none;
    text-align: center;
    width : 100% !important; 
    /* set to important as it was taking inline style width causing alignment issue */
  }
}

.hero .headertitle .subheader {
  padding-left: 7px;
}


/* HERO extras
 ----------------------------------------*/

.hero .advisor-designations {
  display: block;
  margin-bottom: 10px;
  padding-left: 4px;
  font-family: "RBC Display Medium";
  font-size: 1.75em;
  line-height: 1.5em;
  color: #585858;
}
.hero sup {
  font-size: 65%;
}


/* HOME PAGE HERO us login box
 ----------------------------------------*/

.login-box {
  background-color: rgba(255,255,255,0.8);
  padding: 30px;
  font-family: "Meta", Arial, sans-serif;
}

.login-links {
  margin-top: 20px;
  font-size: 0.8125em;
  font-weight: 400;
  font-family: "Meta", Arial, sans-serif;
}

.login-links .separator-pike {
  padding: 0 .5em;
}


/* SIDEBAR - modules
 ----------------------------------------*/

@media (max-width: 991px){
  .mod:not(.well) {
    margin-top: 40px;
    padding-top: 0px;
  }
  .mod.well + .mod:not(.well) {
    padding-top: 0;
    border-top: none;
  }
}

@media (min-width: 992px){
  .mod + .mod:not(.well) {
    padding-top: 30px;
    border-top: solid 1px #eaeaea;
  }
  .mod.well + .mod:not(.well) {
    padding-top: 10px;
    border-top: none;
  }
}

.col-md-7 .mod + .mod {
  padding-top: 50px;
}


/* BIO ACCORDION
 ----------------------------------------*/

.bio-img {
  overflow: hidden;
}

@media (min-width: 480px){
  .bio-img {
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 479px){
  .bio-img {
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
  }
}


/* BLOG / EVENTS / CARDS - small column
 ----------------------------------------*/

.cards-sm .card:first-child {
  margin-top: 0;
}

.cards-sm .card .block h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.cards-sm .card .block p + .button {
  margin-top: 10px;
}

.card .image-block,
.cards-side .image-block {
  overflow: hidden;
}

@media (min-width: 768px) {
  .card .image-block {
    height: 190px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .card .image-block {
    height: 130px;
  }
}

@media (max-width: 479px) {
  .card .image-block {
    max-height: 200px;
  }
}


/* COLOURED CARDS
 ----------------------------------------*/

.card-colored {
  position: relative;
  background-position: center;
  background-size: cover;
}
.card-colored .card-header {
  display: block;
  margin-bottom: 20px;
  color: #fff;
  font-family: 'Meta', Arial, sans-serif;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.3em;
}
.card-colored .transparent-background {
  padding: 30px;
}

/* LABEL TAGS
 ----------------------------------------*/

.label-tag a.label,
.label-tag .label {
  border-bottom: none;
  background-color: #e3f4ff;
  color: #006ac3 !important;
  font-family: 'Meta' !important;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 2.125em;
  transition: 0.2s;
  overflow: auto;
}

.label-tag a.label:focus, 
.label-tag a.label:hover {
  border-bottom: none;
  background-color: #006ac3 !important;
  color: #fff !important;
}

.label-tag .label {
  color: #6f6f6f !important;
}

.well .label-tag .label {
  background-color: #fff;
}


/* TAB STYLES - grey light tint 2
 ----------------------------------------*/

.b-grey-light-tint-2.tab-container .nav-pills li a {
  background-color: #fff;
  transition: 0.2s;
}

.b-grey-light-tint-2.tab-container .nav-pills li.active a,
.b-grey-light-tint-2.tab-container .nav-pills li a:hover {
  background-color: #006ac3;
  color: #fff;
}

.nav-pills > li > a {
  border-radius: 2px;
}


/* SELECT STYLES
 ----------------------------------------*/

.select-styled {
  position: relative;
  display: block;
}

.select-styled::after {
  content: '\F091';
  position: absolute;
  z-index: 2;
  right: 22px;
  bottom: 15px;
  font-family: 'Black Tie';
  font-weight: 300;
  font-size: 0.5em;
}

.select-styled .form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 50px;
  padding: 10px 19px;
  font-weight: 300;
}

.select-styled::before { /* IE 9 fix */
  content: '';
  position: absolute;
  z-index: 1;
  right: 20px;
  bottom: 2px;
  width: 30px;
  height: 90%;
  background-color: #f3f4f5;
}

.select-styled .form-control::-ms-expand { /* other IE fix */
  display: none;
}


/* EVENTS - icons
 ----------------------------------------*/

.address .date::before {
  content: '\F019';
  position: absolute;
  left: 0.3125em;
  top: 1px;
  font-family: "Black Tie";
  font-weight: 900;
}

.address .date {
  position: relative;
  padding-left: 1.875em;
  display: inline-block;
}

.cards-sm .address span::before {
  font-style: normal;
}


/* GOOGLE MAP
 ----------------------------------------*/

#map {
  height: 300px;
}






/* UTILITIES 
 ----------------------------------------*/

@media (max-width: 479px){
  .xxs-img {
    width: 50%;
    display: inline-block;
  }
}

.tab-content {
  border-bottom: none;
}

.transparent-background {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 106, 195, .8);
}