.author-hide-edit {
  height: 450px;
  width: 600px;
  position: relative;
  overflow: hidden;
}
.watermark-text {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  font-size: 28px;
  pointer-events: none;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
}
.geo-container-hide {
  display: none;
}

#speedbumpdialog {
  display: none;
}
button#leave-site-speedbump {
  border: 1px solid #ebebeb;
  border-radius: 4px;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 600;
  /*font-family: "Whitney Semi Bold";*/
  font-size: 14px;
  color: #000000;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0;
}
button#leave-site-speedbump:hover {
  background-color: #2E66A8;
}
span.ui-state-default {
  display: none;
}
.ui-widget-header {
  border: #0d417e;
  background: #0d417e;
}
.ui-widget-header span.ui-dialog-title {
  color: #ffffff;
}
.ui-dialog {
  position: fixed;
  left: 50%;
  margin-left: -200px;
  /*half of width 400px*/
  top: 25%;
}
.ui-dialog button.ui-dialog-titlebar-close {
  border: none;
  background: none;
  margin: -15px 0 0 0;
  color: #ffffff;
}
.ui-widget-overlay {
  background: none;
  background-color: #000000;
  opacity: 0.6;
}
.ui-widget-header .ui-icon {
  background-image: url('../../clientlibs/wintrust/granite/jquery-ui/css/images/ui-icons_ffffff_256x240.png') !important;
}

/* Top part of navigation:  Bank logo, Login Icon, Find A Bank Icon, and Search Icon
 * for both Static Header component & Meganav component. */
.navbar-toggle {
  float: none;
}
/* override default BS3*/
.menu-buttons h3 {
  display: inline-block;
}
.menu-buttons .active {
  background-color: #0D417E;
}
.menu-buttons .active h3 a,
#header .modal h3,
#meganav .modal h3 {
  color: #FFFFFF;
}
.login,
.find-a-bank,
.search,
.phone-number {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}
.login-modal,
.find-a-bank-modal,
.search-modal {
  display: none;
  position: relative;
  background-color: #0D417E;
  padding: 25px;
  z-index: 1;
  min-width: 350px;
}
.login .fa.fa-lock {
  font-size: 30px;
  vertical-align: middle;
}
.login.active .fa.fa-lock {
  color: white;
}
.login-modal .login-modal-header {
  border-bottom: 1px solid white;
  color: white;
  margin-bottom: 10px;
}
.login-modal .login-modal-header .widget-title {
  font-weight: bold;
}
.login-modal .login-modal-header .widget-subtitle {
  font-size: 12px;
}
.login-modal .search-area {
  /*padding-bottom: 10px;*/
}
.login-modal .search-area h3 {
  text-transform: none;
}
.login-modal .search-area input[type="text"] {
  border-radius: 4px;
  border: 1px solid grey;
}
.login-modal .search-area .call-to-action {
  padding-top: 10px;
  padding-bottom: -10px;
}
.login-modal .search-area .call-to-action a {
  color: white;
  border-bottom: 1px solid white;
}
.login-modal #_buttonContinue {
  background-color: #0d417e;
  border: 1px solid white;
  border-radius: 4px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  opacity: 0.65;
  padding: 6px 10px;
  text-transform: uppercase;
}
.searchbox-submit-button > i {
  padding: 0px;
}
.loginpage-dropdown {
  width: 100%;
}
/* 
 * Media breakpoints - Modal Navigation
 */
/* Extra-small screen, phone, screen <=769px */
@media only screen and (max-width: 768px) {
  .menuModalWrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
  }
  .menu-buttons {
    text-align: center;
  }
  .menuModalWrapper div.search {
    display: none;
  }
  /* mobile view, search goes into mobile/hamburger menu*/
}
/* Small screen, tablet, 769px >= screen <=992px */
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .menuModalWrapper {
    float: right;
  }
}
/* Medium screen, desktop, 993px >= screen <=1200px */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .menuModalWrapper {
    float: right;
  }
}
/* Large screen, wide desktop, screen >= 1201px */
@media only screen and (min-width: 1201px) {
  .menuModalWrapper {
    float: right;
  }
}
/* 
 * Print friendly styles
 */
@media print {
  .login {
    display: none;
  }
  .find-a-bank {
    display: none;
  }
  .search {
    display: none;
  }
  .menu-buttons {
    display: none;
  }
}

.contactus.section button h1 {
  color: #fff;
  font-size: 36px;
  line-height: normal;
}
.contactus.section #starting-button-wrapper {
  text-align: center;
  margin-bottom: 60px;
}
.contactus.section .modal {
  top: 10%;
  /* Overriding OOTB Bootstrap.  Alternatively, scroll user to top of screen on modal show */
  /* Modal numbering, based on http://www.jqueryscript.net/other/Simple-Wizard-Modal-Plugin-with-jQuery-Bootstrap-Easy-Wizard.html */
  /* Note CSS calc() has an issue in Less (prior to v1.4.0?), https://github.com/less/less.js/issues/974 */
  /*  End Modal numbering */
}
@media only screen and (max-width: 768px) {
  .contactus.section .modal {
    top: 5%;
  }
}
.contactus.section .modal span.error {
  color: red;
}
.contactus.section .modal h4.modal-title {
  padding-bottom: 1em;
}
.contactus.section .modal div.stepLabel {
  font-size: 14px;
  position: absolute;
  width: 100%;
}
.contactus.section .modal .wizard-steps-panel {
  position: relative;
  height: 4em;
}
.contactus.section .modal .wizard-steps-panel .step-number {
  display: inline-block;
  text-align: center;
  font-size: 26px;
  position: relative;
}
.contactus.section .modal .wizard-steps-panel .step-number .number {
  width: 1.3em;
  height: 1.3em;
  background-color: #dedede;
  color: #5a5a5a;
  margin-left: calc(50% - 1.3em / 2 );
  border: 4px solid #dedede;
  border-radius: 1.3em;
}
.contactus.section .modal .wizard-steps-panel .step-number.done .number,
.contactus.section .modal .wizard-steps-panel .step-number.done .number:after,
.contactus.section .modal .wizard-steps-panel .step-number.done .number:before,
.contactus.section .modal .wizard-steps-panel .step-number.doing .number,
.contactus.section .modal .wizard-steps-panel .step-number.doing .number:after,
.contactus.section .modal .wizard-steps-panel .step-number.doing .number:before {
  background-color: #0D417E;
  border: 4px solid #0D417E;
  color: white;
}
.contactus.section .modal .wizard-steps-panel .step-number .number:before {
  content: ' ';
  position: absolute;
  border: 4px solid #dedede;
  border-radius: 4px;
  left: -4px;
  right: calc( 50% + 1em/2 );
  top: calc( 1em / 2 );
}
.contactus.section .modal .wizard-steps-panel .step-number .number:after {
  content: ' ';
  position: absolute;
  border: 4px solid #dedede;
  border-radius: 4px;
  left: calc( 50% + 1em/2 );
  right: -4px;
  top: calc( 1em / 2 );
}
.contactus.section .modal .wizard-steps-panel.steps-quantity-3 .step-number {
  width: 32%;
}

@media only screen and (max-width: 768px) {
  .dynamic-location-card {
    text-align: center;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .dynamic-location-card {
    text-align: center;
  }
}
.dynamic-location-card .vertical-align {
  display: flex;
  align-items: center;
}
.dynamic-location-card #location-view h1,
.dynamic-location-card #location-view h3 {
  color: #000;
}
.dynamic-location-card #location-view h1 .royalBlue,
.dynamic-location-card #location-view h3 .royalBlue {
  background-color: #0d417e;
}
.dynamic-location-card #location-view h1 .royalBlue #bank-hours-text,
.dynamic-location-card #location-view h3 .royalBlue #bank-hours-text {
  color: #ffffff;
}
.dynamic-location-card #location-view h1 .royalBlue #bank-street-text,
.dynamic-location-card #location-view h3 .royalBlue #bank-street-text {
  color: #ffffff;
}
.dynamic-location-card #location-view h1 .royalBlue #bank-city-state-zip-text,
.dynamic-location-card #location-view h3 .royalBlue #bank-city-state-zip-text {
  color: #ffffff;
}
.dynamic-location-card #location-view h1 .royalBlue h1,
.dynamic-location-card #location-view h3 .royalBlue h1,
.dynamic-location-card #location-view h1 .royalBlue h3,
.dynamic-location-card #location-view h3 .royalBlue h3 {
  color: #ffffff;
}
.dynamic-location-card #location-view h1 .royalBlue h1 > a,
.dynamic-location-card #location-view h3 .royalBlue h1 > a,
.dynamic-location-card #location-view h1 .royalBlue h3 > a,
.dynamic-location-card #location-view h3 .royalBlue h3 > a {
  color: #ffffff;
}
.dynamic-location-card #location-view h1 .turquoise,
.dynamic-location-card #location-view h3 .turquoise {
  background-color: #1a9b85;
}
.dynamic-location-card #location-view h1 .salmon,
.dynamic-location-card #location-view h3 .salmon {
  background-color: #f57055;
}
.dynamic-location-card #location-view h1 .darkGray,
.dynamic-location-card #location-view h3 .darkGray {
  background-color: #313131;
}
.dynamic-location-card #location-view h1 .darkGray #bank-hours-text,
.dynamic-location-card #location-view h3 .darkGray #bank-hours-text {
  color: #ffffff;
}
.dynamic-location-card #location-view h1 .darkGray #bank-street-text,
.dynamic-location-card #location-view h3 .darkGray #bank-street-text {
  color: #ffffff;
}
.dynamic-location-card #location-view h1 .darkGray #bank-city-state-zip-text,
.dynamic-location-card #location-view h3 .darkGray #bank-city-state-zip-text {
  color: #ffffff;
}
.dynamic-location-card #location-view h1 .darkGray h1,
.dynamic-location-card #location-view h3 .darkGray h1,
.dynamic-location-card #location-view h1 .darkGray h3,
.dynamic-location-card #location-view h3 .darkGray h3 {
  color: #ffffff;
}
.dynamic-location-card #location-view h1 .darkGray h1 > a,
.dynamic-location-card #location-view h3 .darkGray h1 > a,
.dynamic-location-card #location-view h1 .darkGray h3 > a,
.dynamic-location-card #location-view h3 .darkGray h3 > a {
  color: #ffffff;
}
.dynamic-location-card #location-view h1.gray,
.dynamic-location-card #location-view h3.gray {
  background-color: #585858;
}
.dynamic-location-card #location-view h1.gray #bank-hours-text,
.dynamic-location-card #location-view h3.gray #bank-hours-text {
  color: #ffffff;
}
.dynamic-location-card #location-view h1.gray #bank-street-text,
.dynamic-location-card #location-view h3.gray #bank-street-text {
  color: #ffffff;
}
.dynamic-location-card #location-view h1.gray #bank-city-state-zip-text,
.dynamic-location-card #location-view h3.gray #bank-city-state-zip-text {
  color: #ffffff;
}
.dynamic-location-card #location-view h1.gray h1,
.dynamic-location-card #location-view h3.gray h1,
.dynamic-location-card #location-view h1.gray h3,
.dynamic-location-card #location-view h3.gray h3 {
  color: #ffffff;
}
.dynamic-location-card #location-view h1.gray h1 > a,
.dynamic-location-card #location-view h3.gray h1 > a,
.dynamic-location-card #location-view h1.gray h3 > a,
.dynamic-location-card #location-view h3.gray h3 > a {
  color: #ffffff;
}
.dynamic-location-card #location-view h1.lightGray,
.dynamic-location-card #location-view h3.lightGray {
  background-color: #ebebeb;
}
.dynamic-location-card #location-view h1.white,
.dynamic-location-card #location-view h3.white {
  background-color: #ffffff;
}
.dynamic-location-card #location-view .dynamiclocation-outer {
  padding: 2em 1em;
}
.dynamic-location-card #location-view .dynamiclocation-outer h3 {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .dynamic-location-card #location-view .dynamiclocation-outer #browser-visit-website {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .dynamic-location-card #location-view .dynamiclocation-outer #browser-visit-website {
    display: none;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .dynamic-location-card #location-view .dynamiclocation-outer #mobile-visit-website {
    display: none;
  }
}
@media only screen and (min-width: 1201px) {
  .dynamic-location-card #location-view .dynamiclocation-outer #mobile-visit-website {
    display: none;
  }
}
.dynamic-location-card #zipcode-search-view {
  text-align: center;
}
.dynamic-location-card #zipcode-search-view .dynamiclocation-outer {
  padding: 3.15em 1em;
}
.dynamic-location-card #zipcode-search-view .dynamiclocation-outer h3 {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .dynamic-location-card #zipcode-search-view .dynamiclocation-outer #browser-visit-website {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .dynamic-location-card #zipcode-search-view .dynamiclocation-outer #browser-visit-website {
    display: none;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .dynamic-location-card #zipcode-search-view .dynamiclocation-outer #mobile-visit-website {
    display: none;
  }
}
@media only screen and (min-width: 1201px) {
  .dynamic-location-card #zipcode-search-view .dynamiclocation-outer #mobile-visit-website {
    display: none;
  }
}
.dynamic-location-card .form-control {
  color: #ffffff;
}
.dynamic-location-card .search-address-zipcode {
  border: 1px solid #fff;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.dynamic-location-card .search-area {
  padding-top: 10px;
}
.dynamic-location-card #searchbox-address-zipcode {
  background-color: #585858;
  border: none;
  font-style: italic;
}
.dynamic-location-card .searchbox-submit-button-zipcode {
  background-color: #585858;
  color: #ffffff;
}
.showdiv {
  display: block;
}
.hidediv {
  display: none;
}

span.error { color: red; }

.expert-search-container {
  padding-top: 45px;
}
.expert-search-filters-mobile {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .expert-search-filters-mobile {
    display: none;
  }
}
.expert-search-filters-mobile .panel-group .panel-default {
  margin-top: 0px;
}
.expert-search-filters-mobile .panel-group .panel-heading {
  background-color: #0D417E;
  background-image: none;
}
.expert-search-filters-mobile .panel-group .panel-heading h3 {
  text-align: center;
}
.expert-search-filters-mobile .panel-group .panel-heading h3 a,
.expert-search-filters-mobile .panel-group .panel-heading h3 span.glyphicon {
  color: #FFFFFF;
}
.expert-search-filters-mobile .panel-group .panel-heading .panel-title > a {
  padding-right: 5px;
}
.expert-search-filters-mobile > form > input {
  margin-right: 5px;
}
.expert-search-filters-mobile label {
  margin-left: 5px;
}
@media only screen and (max-width: 768px) {
  .expert-search-filters-browser {
    display: none;
  }
}
.expert-search-filters-browser h3 {
  color: #585858;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding-top: 5px;
  padding-bottom: 5px;
}
.expert-search-filters-browser > form > input {
  margin-right: 5px;
}
.expert-search-filters-browser label {
  margin-left: 5px;
}
button.viewexpertbio {
  margin-top: 15px;
  position: absolute;
  right: 10%;
}
.mobile-show-more {
  text-align: center;
}
.expert-wrapper a {
  text-decoration: none;
}
@media only screen and (min-width: 993px) {
  .expert-wrapper a.expert-phone {
    cursor: default;
    pointer-events: none;
  }
}
.expert-wrapper .row.expert-row {
  padding-bottom: 20px;
  padding-top: 20px;
}
.expert-wrapper .row.expert-row h2 {
  margin-bottom: 0;
}
.expert-wrapper .row.expert-row .expert-title {
  margin-top: 3px;
  margin-bottom: 3px;
}
.expert-wrapper .row.expert-row .expert-company {
  margin-top: 3px;
  margin-bottom: 7px;
}
.portraitColumn > img {
  max-width: 220px;
}
div.pager div {
  display: inline-block;
  width: 1.8em;
  line-height: 1.8;
  text-align: center;
  cursor: pointer;
  color: #fff;
  margin-right: 0.5em;
}
div.pager div.active {
  background: #EBEBEB;
}
/*
 * Media Breakpoints - Expert Search
 */
/* Extra-small screen, phone, screen <=769px */
@media only screen and (max-width: 768px) {
  .portraitColumn {
    display: none;
  }
}

#browser-footer {
  /*Footer (brought in from wintrust.css) */
  background-color: #1a9b85;
}
#browser-footer div.container {
  padding-top: 2em;
  padding-bottom: 2em;
}
#browser-footer h2 {
  padding-bottom: 10px;
}
#browser-footer .nav {
  padding-bottom: 15px;
}
#browser-footer .nav h3 a {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 600;
  /*font-family: "Whitney Semi Bold";*/
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  line-height: 26px;
}
#browser-footer .nav button.btn {
  background-color: #fff;
}
#browser-footer .nav button.btn a {
  color: #313131;
}
#browser-footer .nav .footer-social-link {
  background: #fff none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #313131;
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.42857143;
  margin-bottom: 0;
  margin-right: 3px;
  padding: 1px 7px;
  text-align: center;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
#browser-footer h3 {
  /*override OOTB Bootstrap in this case*/
  margin-top: 0;
  margin-bottom: 0;
}
#browser-footer h2,
#browser-footer p {
  color: #ebebeb;
  /*need HEX CODE */
}
.footerParagraphs {
  padding-top: 10px;
  padding-bottom: 5px;
}
#mobile-footer h2 a {
  /*override OOTB Bootstrap in this case*/
  color: #fff;
}
#mobile-footer .panel-group .panel-heading {
  background-color: #313131;
  background-image: none;
}
#mobile-footer .panel-group .panel-heading h2 {
  color: #585858;
}
.meganav-mobile .panel-group .panel-heading h2 a,
#mobile-footer .panel-group .panel-heading h2 a {
  text-decoration: none;
}
#mobile-footer .panel-group .panel-body {
  background-color: #EBEBEB;
}
.meganav-mobile .container-fluid,
#mobile-footer .container-fluid {
  padding: 0px;
}
.meganav-mobile .panel-group .panel,
#mobile-footer .panel-group .panel {
  margin-top: 0px;
}
.meganav-mobile .panel-group,
#mobile-footer .panel-group {
  margin-bottom: 0px;
}
/*End Footer*/
.quotation {
  background-image: url('../../../apps/wintrust/components/content/footer/clientlib/images/patterned_background.png');
  /*goes to component clientlib*/
  color: #FFFFFF;
}
.quotation img.footerLogoImageSrc {
  max-width: 240px;
}
.copyright img.fdicFooterImage {
  max-width: 150px;
  padding-bottom: 10px;
}
.copyright {
  background-color: #FFFFFF;
  color: #585858;
}
.copyright .container {
  margin-top: 10px;
}
.copyright .container a {
  color: #585858;
  text-decoration: underline;
}
.copyright .container h3 {
  color: #0D417E;
  /*text-transform: uppercase;*/
}
.copyright p {
  font-size: 14px;
  line-height: normal;
}
@media only screen and (max-width: 768px) {
  #browser-footer {
    display: none;
  }
}
/* Small screen, tablet, 769px >= screen <=992px */
@media only screen and (min-width: 769px) and (max-width: 992px) {
  #mobile-footer {
    display: none;
  }
}
/* Medium screen, desktop, 993px >= screen <=1200px */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  #mobile-footer {
    display: none;
  }
}
/* Large screen, wide desktop, screen >= 1201px */
@media only screen and (min-width: 1201px) {
  #mobile-footer {
    display: none;
  }
}
/* 
 * Print friendly styles
 */
@media print {
  #browser-footer {
    display: none;
  }
  #mobile-footer .panel-group {
    display: none;
  }
}

.genericcontent-outer {
  padding: 2em 1em;
}
.genericcontent-outer .parbase .title .text-separator {
  /*background-color: #1A9B85;*/
  width: 50px;
  height: 3px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .container .generic-container {
    padding-left: 0px;
  }
}
.generic-container div[class*="cq-grid-"] div[class*="cq-grid-"] {
  float: left;
  padding: 0 20px 0 0;
}

.globalsearchfilter.section #global-search-wrapper {
  padding-top: 2.5em;
  padding-bottom: 1em;
}
.globalsearchfilter.section #global-search-wrapper .search-area {
  padding-bottom: 1em;
  width: 75%;
}
@media (max-width: 768px) {
  .globalsearchfilter.section #global-search-wrapper .global-search-filters-browser {
    display: none;
    /*filters in mobile show after results, see  .global-search-filters-mobile  in globalsearchresults.html */
  }
}
.globalsearchfilter.section #global-search-wrapper .collapse-title {
  cursor: pointer;
  border-bottom: 10px solid #0D417E;
  display: inline-block;
  width: 25%;
}
.globalsearchfilter.section #global-search-wrapper .collapse-title .collapse-label:after {
  font-family: FontAwesome;
  content: "\f0d7";
  /* When not collapsed, "v" */
}
.globalsearchfilter.section #global-search-wrapper .collapse-title.collapsed {
  border: none;
}
.globalsearchfilter.section #global-search-wrapper .collapse-title.collapsed .collapse-label:after {
  font-family: FontAwesome;
  content: "\f0da";
  /* When collapsed, ">" */
}
.globalsearchfilter.section #global-search-wrapper .areasearch-collapse.in {
  border-top: 2px solid #0D417E;
  border-bottom: 2px solid #0D417E;
  padding: 5px;
}
.globalsearchfilter.section #global-search-wrapper .areasearch-collapse .radio-inline,
.globalsearchfilter.section #global-search-wrapper .areasearch-collapse .checkbox-inline {
  padding-right: 15px;
}

.rel-products-services hr, .rel-info-advice hr, .rel-contact-us hr {
	margin-top: 5px;
    margin-bottom: 10px;
}

.rel-products-services-links, .rel-info-advice-links, .rel-contact-us-links {
	padding-bottom: 20px;
}
.rel-products-services-links > p > a, .rel-info-advice-links > p > a, .rel-contact-us-links > p > a {
	text-decoration: none;
}


.globalsearchresult {
	padding-top: 2em;
	padding-bottom: 2em;
}

.result-title h2 {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.result-desc {
	max-height: 2.6em;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.pager div {
	display: inline-block;
    width: 1.8em;
    line-height: 1.8;
    text-align: center;
    cursor: pointer;
    color: #fff;
    margin-right: 0.5em;
}

div.pager div.active {
    background: #EBEBEB;
}

.search-results-mobile { text-align:center }

.search-results-mobile .result-title,
.search-results-mobile .result-desc,
.search-results-mobile .result-numbers { text-align: left; }

/* 
 * Media breakpoints - Global Search Result
 */

@media only screen and (max-width: 768px) {
	.rel-products-services { display: none; }
	.rel-info-advice { display: none; }
	.rel-contact-us { display: none; }
	.search-results-browser { display: none; }
}

/* Small screen, tablet, 769px >= screen <=992px */
@media only screen and (min-width: 769px) and (max-width: 992px) {
	.search-results-mobile { display: none; }
	.global-search-filters-mobile { display: none; }
}

/* Medium screen, desktop, 993px >= screen <=1200px */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	.search-results-mobile { display: none; }
	.global-search-filters-mobile { display: none; }
}

/* Large screen, wide desktop, screen >= 1201px */
@media only screen and (min-width: 1201px) {
	.search-results-mobile { display: none; }
	.global-search-filters-mobile { display: none; }
}


#wrap .container .col-sm-8.hidenavtrue {
  padding-bottom: 10px;
}
#wrap .container #topRibbon {
  height: 12px;
  position: absolute;
  width: 100%;
  left: 0;
}
#wrap .container #header {
  padding-top: 1.5em;
}
#wrap .container #header .navbar {
  margin-bottom: 0;
  /* Override OOTB Bootstrap */
}
@media (max-width: 768px) {
  #wrap .container #header .navbar {
    min-height: 0;
    /* Override OOTB Bootstrap */
  }
}
@media (max-width: 768px) {
  #wrap .container #header .navbar .nav-justified > li {
    background-color: #0D417E;
    border: 1px solid #ddd;
    border-radius: 4px;
  }
}
@media (min-width: 769px) {
  #wrap .container #header .navbar .nav-justified > li.active.royalBlue {
    border-bottom: 12px solid #0d417e;
  }
  #wrap .container #header .navbar .nav-justified > li.active.turquoise {
    border-bottom: 12px solid #1a9b85;
  }
  #wrap .container #header .navbar .nav-justified > li.active.salmon {
    border-bottom: 12px solid #f57055;
  }
  #wrap .container #header .navbar .nav-justified > li.active.darkGray {
    border-bottom: 12px solid #313131;
  }
  #wrap .container #header .navbar .nav-justified > li.active.gray {
    border-bottom: 12px solid #585858;
  }
  #wrap .container #header .navbar .nav-justified > li.active.lightGray {
    border-bottom: 12px solid #ebebeb;
  }
  #wrap .container #header .navbar .nav-justified > li.active.white {
    border-bottom: 12px solid #ffffff;
  }
}
@media (max-width: 768px) {
  #wrap .container #header .navbar .nav-justified > li.search-mobile {
    padding: 10px 20px 10px 20px;
    /* mobile view, style list items*/
  }
}
@media (min-width: 769px) {
  #wrap .container #header .navbar .nav-justified > li.search-mobile {
    display: none;
    /* browser view, search button displays at top of page, not in nav */
  }
}
#wrap .container #header .navbar .nav-justified > li.search-mobile .searchbox-submit-button {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 400;
  /*font-family: "Whitney Book";*/
  background-color: #0D417E;
  background-image: none;
  color: #FFFFFF;
}
#wrap .container #header .navbar .nav-justified > li.menu-item {
  cursor: pointer;
}
#wrap .container #header .navbar .nav-justified > li.menu-item > a {
  color: #1a9b85;
}
#wrap .container #header .navbar .nav-justified > li.menu-item > a:hover {
  color: #2E66A8;
}
#wrap .container #header .navbar .nav-justified > li.menu-item > a:focus,
#wrap .container #header .navbar .nav-justified > li.menu-item > a:hover {
  background-color: #FFF;
}
@media (max-width: 768px) {
  #wrap .container #header .navbar .nav-justified > li.menu-item > a {
    color: #FFFFFF;
  }
}

.browser-hero-card .cardImage {
  position: relative;
}
.browser-hero-card .cardImage.large-image {
  max-height: 400px;
  overflow-y: hidden;
}
.browser-hero-card .cardImage > img.img-responsive {
  width: 100%;
  margin-bottom: 20px;
}
.browser-hero-card .cardOverlay {
  /*opacity: 0.7;*/
  height: 90%;
  width: 35%;
  padding: 0 20px 0;
  position: absolute;
  bottom: 0;
  left: 7%;
}
.browser-hero-card .cardOverlay.royalBlue,
.mobile-hero-card .cardOverlay.royalBlue {
  background-color: rgba(13, 65, 126, 0.7);
}
.browser-hero-card .cardOverlay.turquoise,
.mobile-hero-card .cardOverlay.turquoise {
  background-color: rgba(26, 155, 133, 0.7);
}
.browser-hero-card .cardOverlay.salmon,
.mobile-hero-card .cardOverlay.salmon {
  background-color: rgba(245, 112, 85, 0.7);
}
.browser-hero-card .cardOverlay h3 > a,
.mobile-hero-card .cardOverlay h3 > a {
  color: #FFFFFF;
}
.browser-hero-card .cardOverlay h1 {
  font-family: "Agenda Bold";
  font-size: 50px;
  color: #FFFFFF;
  letter-spacing: 0px;
  line-height: 50px;
}
.browser-hero-card .cardOverlay h1,
.browser-hero-card .cardOverlay p,
.mobile-hero-card .cardOverlay h1,
.mobile-hero-card .cardOverlay p {
  color: #ffffff;
}
.mobile-hero-card .cardOverlay {
  opacity: 0.7;
  padding: 20px;
  text-align: center;
}
/* 
 * Media breakpoints
 */
/* Extra-small screen, phone, screen <=769px */
@media only screen and (max-width: 768px) {
  .browser-hero-card {
    display: none;
  }
}
/* Small screen, tablet, 769px >= screen <=992px */
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .browser-hero-card {
    display: none;
  }
}
/* Medium screen, desktop, 993px >= screen <=1200px */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .mobile-hero-card {
    display: none;
  }
}
/* Large screen, wide desktop, screen >= 1201px */
@media only screen and (min-width: 1201px) {
  .mobile-hero-card {
    display: none;
  }
}
/* 
 * Print friendly styles
 */
@media print {
  .browser-hero-card {
    display: none;
  }
}

/* show card title otherwise color is white */
.imagetextcard .cardOverlay h1 {
	color: #000000;
}


.browser-image-text-card .cardImage {
	position:relative
}

.imageOverlay .cardImage > img.img-responsive {
	width: 100%;
}

.imageLeft .cardImage > img.img-responsive {
	max-width: 30%;
    float: left;
}



.browser-image-text-card .cardOverlay {
    padding: 20px;
    position: absolute;
    bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    left: 5%;
}

.browser-image-text-card .cardLeft {
	float:right;
    max-width:70%;
    padding-left:5px;
}

.mobile-image-text-card .cardOverlay {
	padding: 20px; text-align:center;
}

.mobile-card-desc { display:none; }

/* 
 * Media breakpoints
 */

/* Extra-small screen, phone, screen <=769px */
@media only screen and (max-width: 768px) {
    .browser-image-text-card { display:none }
}

/* Small screen, tablet, 769px >= screen <=992px */
@media only screen and (min-width: 769px) and (max-width: 992px) {
	.browser-image-text-card { display:none }
}

/* Medium screen, desktop, 993px >= screen <=1200px */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	.mobile-image-text-card { display:none }
}

/* Large screen, wide desktop, screen >= 1201px */
@media only screen and (min-width: 1201px) {
	.mobile-image-text-card { display:none }
}

#location-search-wrapper ul.navbar-nav li > a {
	padding: 5px 15px;
	text-decoration: none;
}

#location-search-wrapper {
	padding-top: 2.5em;
    padding-bottom: 1em;
}

.panel-body a {
    text-decoration: none;
}

.sort-type-item {
    cursor: pointer;
}

.search-area .searchbox-submit-button {
        font-family: "Whitney SSm A", "Whitney SSm B";
        font-style: normal;
        font-weight: 400;
	/*font-family: "Whitney Book";*/
	background-color: #0D417E;
    color: #FFFFFF;
}
.search-area .search-others-link {
	text-decoration: none;
}

/* Type and Sort filters browser */
#browser-filter .navbar-default {
	box-shadow: none;
    background: none;
    border: none;
}
#browser-filter .navbar-default .navbar-nav>li>a,
#browser-filter .navbar-default a {
	color: #0D417E;
}

/* Type and Sort filters mobile accordion*/
#mobile-filter { padding-top: 15px; }

#mobile-filter .panel-group .panel-heading,
#mobile-filter .panel-group .panel-footer {
    background-color: #0D417E;
    background-image: none;
}
#mobile-filter .panel-group .panel-heading h3 {
	text-align: center;
}
#mobile-filter .panel-group .panel-heading h3 a {
    color: #FFFFFF;
}
#mobile-filter .panel-group #outer .panel-body {
	padding-top: 0px;
	padding-bottom: 0px;
}

#mobile-filter .panel-group #outer .panel-body > ul {
	margin-top: 0px;
	text-align:center
}
#mobile-filter .panel-group #outer .panel-body > ul > li > ul {
	text-align:center;
}



/* 
 * Media breakpoints - Location Search filters
 */
@media only screen and (max-width: 768px) {
	#browser-filter { display:none; }
}

/* Small screen, tablet, 769px >= screen <=992px */
@media only screen and (min-width: 769px) and (max-width: 992px) {
	#mobile-filter { display:none; }
}

/* Medium screen, desktop, 993px >= screen <=1200px */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	#mobile-filter { display:none; }
}

/* Large screen, wide desktop, screen >= 1201px */
@media only screen and (min-width: 1201px) {
	#mobile-filter { display:none; }
}

.location-search-results-list img.item-logo {
    max-width: 200px;
}

.location-search-results-list img,
.location-search-results-list-mobile img {
	padding-bottom: 5px;
}

#location-google-map {
	height: 550px;
	width: 100%;
}

.location-search-results-list {
	height: 700px;
	overflow-y: auto;
	overflow-x: hidden;
}

.location-search-results-list i {
	padding: 0px 5px 0px 0px;
}

.location-search-results-list h1,
.location-search-results-list h2,
.location-search-results-list h3,
.location-search-results-list h4,
.location-search-results-list h5,
.location-search-results-list h6,
.location-search-results-list p {
	color: #000000;	
}

.location-search-results-list-mobile h1,
.location-search-results-list-mobile h2,
.location-search-results-list-mobile h3,
.location-search-results-list-mobile h4,
.location-search-results-list-mobile h5,
.location-search-results-list-mobile h6,
.location-search-results-list-mobile p {
	color: #000000;	
}

.location-search-results-list-mobile h2 {
	margin-top: 0;
}

.mobile-location-tabs {
	text-align:center;
}
.mobile-location-tabs .nav-pills {
	display:inline-block;
}


/* 
 * Media breakpoints - Location Search Result
 */

@media only screen and (max-width: 768px) {
	.mobile-location-tabs { display:block; }
	.location-search-results-list-mobile { display:block; }
	.location-search-results-list { display:none; }
}

/* Small screen, tablet, 769px >= screen <=992px */
@media only screen and (min-width: 769px) and (max-width: 992px) {
	.mobile-location-tabs { display:none; }
	.location-search-results-list-mobile { display:none; }
}

/* Medium screen, desktop, 993px >= screen <=1200px */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	.mobile-location-tabs { display:none; }
	.location-search-results-list-mobile { display:none; }
}

/* Large screen, wide desktop, screen >= 1201px */
@media only screen and (min-width: 1201px) {
	.mobile-location-tabs { display:none; }
	.location-search-results-list-mobile { display:none; }
}

.meganav-mobile .search-mobile .searchbox-submit-button {
        font-family: "Whitney SSm A", "Whitney SSm B";
        font-style: normal;
        font-weight: 400;
	/*font-family: "Whitney Book";*/
	background-color: #0D417E;
	background-image: none;
    color: #FFFFFF;
}

#meganav img.logoImage {
	max-width:240px;
}

#topRibbon { height:12px; position: absolute; width: 100%; left: 0;}

.meganav-browser .nav-tabs li :hover {
	background-color: #0D417E;
    color: #FFFFFF;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.nav-tabs.nav-justified > li{
	display:inline !important;
        }
}
.meganav-browser .nav-tabs > li > a { /*avoids bottom borders appearing on empty tabs*/
	border-bottom:none;
}

#meganav { padding-top: 1.5em; padding-bottom: 1em;}


#meganav .navbar-toggle { float:none; } /*override default BS3*/
#meganav .row span, #meganav li.menu-item { cursor: pointer; } /*matches #header .row span */


.meganav-browser .tab-pane h3 { /*override OOTB Bootstrap in this case (spacing) */
	margin-top: 10px;
}

.nav-menu-bottom-bar {
	background-color: #0D417E;
	width: 100%;
	height: 10px;
}


/*  Text has to be white inside meganav */

.meganav-browser h1, .meganav-browser h2, .meganav-browser h3 a,
.meganav-browser .call-to-action a, .meganav-browser p,

.meganav-mobile h1, .meganav-mobile h2, .meganav-mobile h3 a, 
.meganav-mobile .call-to-action a, .meganav-mobile p,

.meganav-mobile h1, .meganav-mobile h2, .meganav-mobile h3,
.meganav-mobile .call-to-action a, .meganav-mobile p {
	color: #FFFFFF;
}


.meganav-browser .nav-tabs > li.active > a,
.meganav-browser .nav-tabs > li.active > a:hover,
.meganav-browser .nav-tabs > li.active > a:focus{
	color: #FFFFFF;
	background-color: #0D417E;
	border-color: #0D417E;
}

.meganav-mobile .panel-group .panel-heading {
	background-color: #0D417E;
	background-image: none;
}
.meganav-mobile .panel-group .panel-heading h2 {
	text-align:center;
}
.meganav-mobile .panel-group .panel-heading h2 a {
        font-family: "Whitney SSm A", "Whitney SSm B";
        font-style: normal;
        font-weight: 600;
	/*font-family: "Whitney Semi Bold";*/
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.meganav-mobile .panel-group .panel-body {
	background-color: #0D417E;
}

.meganav-mobile { display:none; } /*initially hidden till the user clicks "MENU" link*/

/* 
 * Media breakpoints - Meganav
 */
/* Extra-small screen, phone, screen <=769px */
@media only screen and (max-width: 768px) {
	.meganav-browser { display:none; }
	
    #meganav .menu-buttons {
    	text-align:center;
    }
    
    #meganav .nav-justified>li.search-mobile {  /* mobile view, style list items*/
	    padding: 10px 20px 10px 20px;
	}
	.meganav-browser .nav-tabs > li > a { color: #FFFFFF; }
}

/* Small screen, tablet, 769px >= screen <=992px */
/* Medium screen, desktop, 993px >= screen <=1200px */
/* Large screen, wide desktop, screen >= 1201px */
@media only screen and (min-width: 769px) {
	.meganav-mobile { display:none; }
	.meganav-browser .nav-tabs > li > a { color: #0D417E; }
	#meganav .nav-justified li.search-mobile { display:none }
}

.newsletterFormWrapper {
  text-align: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.subscribe-newsletter {
  margin-left: auto;
  margin-right: auto;
}
.subscribe-newsletter .form-control:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.subscribe-newsletter-submit-button {
  margin-top: 10px;
  margin-bottom: 10px;
}
span.error {
  color: red;
}
.newsletterConfirmation {
  display: none;
}

.officelocator.section h1 {
  text-align: center;
  color: #000000;
}
.officelocator.section a {
  text-decoration: none;
}
.officelocator.section .search-area {
  padding-bottom: 40px;
}
.officelocator.section .search-area .search-address-zipcode {
  position: relative;
}
.officelocator.section .search-area .search-address-zipcode button.search-current-location {
  background: none;
  border: none;
  position: absolute;
  right: 80px;
  z-index: 1000;
  padding: 0px;
  height: 100%;
}
.officelocator.section .search-area .search-address-zipcode .input-group-btn button.searchbox-submit-button.royalBlue {
  background-color: #0D417E;
}
.officelocator.section .search-area .search-address-zipcode .input-group-btn button.searchbox-submit-button.turquoise {
  background-color: #1A9B85;
}
.officelocator.section .search-area .search-address-zipcode .input-group-btn button.searchbox-submit-button.salmon {
  background-color: #F57055;
}
.officelocator.section .search-area .search-address-zipcode .input-group-btn button.searchbox-submit-button.darkGray {
  background-color: #313131;
}
.officelocator.section .search-area .search-address-zipcode .input-group-btn button.searchbox-submit-button.gray {
  background-color: #585858;
}
.officelocator.section .search-area .search-address-zipcode .input-group-btn button.searchbox-submit-button.lightGray {
  background-color: #EBEBEB;
  color: #000000;
  border: 1px solid #ccc;
}

.privacyPolicyFormWrapper h4 {
	padding-top: 0.5em;
}

span.error { color: red; }

i { padding: 0px; }

.privacyPolicyConfirmation {
	display: none;
}
.eventsearch.section .modal {
  top: 40%;
  /* Overriding OOTB Bootstrap.  Alternatively, scroll user to top of screen on modal show */
}
@media only screen and (max-width: 768px) {
  .eventsearch.section .modal {
    top: 5%;
  }
}
.event-search-container {
  padding-top: 45px;
}
.event-search-container .mobile-display-filters {
  margin-top: 10px;
}
.event-search-container .mobile-display-filters .panel-title > a {
  padding-right: 5px;
}
#event-search-criteria h3 {
  color: #585858;
}
#event-search-criteria form.location-radios > input {
  margin-right: 5px;
  cursor: pointer;
}
#event-search-criteria form.location-radios > label {
  cursor: pointer;
  margin-left: 5px;
}
#event-search-criteria a#cleardatepicker {
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-title {
  color: white;
}
.ui-datepicker-prev span {
  background-image: url('../../clientlibs/wintrust/granite/jquery-ui/css/images/ui-icons_ffffff_256x240.png') !important;
}
.ui-datepicker-next span {
  background-image: url('../../clientlibs/wintrust/granite/jquery-ui/css/images/ui-icons_ffffff_256x240.png') !important;
}
.event-result .dateHolder {
  background-color: #ebebeb;
  padding: 10px;
  text-align: center;
}
.event-result .dateHolder h3 {
  color: #000;
}
div.pager > div {
  display: inline-block;
  width: 2.0em;
  line-height: 1.8;
  text-align: center;
  cursor: pointer;
  color: #fff;
  margin-right: 0.5em;
}
div.pager > div > h3 > a,
div.pager > div > h3 > a:hover {
  text-decoration: none;
}
div.pager div.active {
  background: #EBEBEB;
}
.event-result .event-wrapper .rsvp .rsvp-modal-button {
  color: #23527c;
  cursor: pointer;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 500;
  /*font-family: "Whitney Medium";*/
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 20px;
  text-transform: uppercase;
}
.event-result .event-wrapper .rsvp .rsvp-modal-button.rsvp-hover {
  text-decoration: underline;
}
.event-wrapper {
  padding-bottom: 20px;
}
.event-result .event-wrapper .addToCalendar h3,
.event-result .event-wrapper .directions h3 {
  margin-bottom: 0px;
}
.event-result .dateHolder h2 {
  font-weight: bold;
}
.event-result .description {
  font-size: 16px;
  line-height: 22px;
  max-height: 110px;
}
.event-result .description.active {
  max-height: none;
}
.event-result .description .dotdotdot-append,
.event-result .description .dotdotdot-append .off,
.event-result .description.active .dotdotdot-append .on {
  display: none;
}
.event-result .description.active .dotdotdot-append,
.event-result .description.active .dotdotdot-append .off {
  display: inline;
}
/* Small screen, tablet */
@media only screen and (max-width: 992px) {
  .event-wrapper {
    padding-bottom: 20px;
  }
  .event-result .dateHolder {
    background: none;
    padding: 10px 0 0 0;
    text-align: left;
  }
  .event-result .dateHolder h3,
  .event-result .dateHolder h2,
  .event-result .dateHolder span {
    display: inline;
    font-family: "Whitney SSm A", "Whitney SSm B";
    font-style: normal;
    font-weight: 500;
    /*font-family: "Whitney Medium";*/
    font-size: 16px;
    text-transform: capitalize;
  }
}
/* Extra-small screen, phone, screen <=769px */
@media only screen and (max-width: 768px) {
  .desktop-display-filters {
    display: none;
  }
  #event-search-criteria {
    padding-bottom: 1.0em;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .mobile-display-filters {
    /* Small screen, tablet, 769px >= screen <=992px */
    display: none;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .mobile-display-filters {
    /* Medium screen, desktop, 993px >= screen <=1200px */
    display: none;
  }
}
@media only screen and (min-width: 1201px) {
  .mobile-display-filters {
    /* Large screen, wide desktop, screen >= 1201px */
    display: none;
  }
}

.herocarousel.section #hero-carousel .item > img {
  width: 100%;
}
.hero-carousel-caption h1 {
  font-family: "Agenda Bold";
  font-size: 50px;
  color: #FFFFFF;
  letter-spacing: 0px;
  line-height: 50px;
}
.hero-carousel-caption h1,
.hero-carousel-caption p {
  color: white;
  margin-top: 0px;
}
.hero-carousel-caption .primary-btn {
  margin-top: 20px;
}
.hero-carousel-caption .primary-btn,
.hero-carousel-caption .primary-btn:hover {
  background-color: transparent;
}
div.hero-carousel-caption.royalBlue {
  background-color: rgba(13, 65, 126, 0.7);
}
div.hero-carousel-caption.turquoise {
  background-color: rgba(26, 155, 133, 0.7);
}
div.hero-carousel-caption.salmon {
  background-color: rgba(245, 112, 85, 0.7);
}
div.hero-carousel-caption.darkGray {
  background-color: rgba(49, 49, 49, 0.7);
}
div.hero-carousel-caption.gray {
  background-color: rgba(88, 88, 88, 0.7);
}
div.hero-carousel-caption.lightGray {
  background-color: rgba(235, 235, 235, 0.7);
}
div.hero-carousel-caption.white {
  background-color: rgba(255, 255, 255, 0.7);
}
/*
 * Media breakpoints
 */
/* Extra-small screen, phone, screen <=769px */
/* Small screen, tablet, 769px >= screen <=992px */
@media only screen and (max-width: 992px) {
  .hero-carousel-caption {
    /*opacity: 0.7;*/
    padding: 20px 20px 40px;
    position: relative;
    text-align: center;
  }
  .herocarousel.section .carousel-indicators {
    bottom: 10px;
    margin-bottom: 0;
    top: auto;
  }
}
/* Medium screen, desktop, 993px >= screen <=1200px */
/* Large screen, wide desktop, screen >= 1201px */
@media only screen and (min-width: 993px) {
  .hero-carousel-caption {
    /*opacity: 0.7;*/
    height: 90%;
    width: 35%;
    padding: 20px;
    position: absolute;
    bottom: 0px;
    left: 15%;
    text-align: left;
  }
  .herocarousel.section .carousel-indicators {
    width: 100%;
    left: 12%;
    bottom: 10px;
  }
}
/* 
 * Print friendly styles
 */
@media print {
  .hero-carousel-caption .primary-btn {
    display: none;
  }
}

.carouseltextimage {
  margin-bottom: 25px;
}
.textimagecarouselText {
  padding-left: 13%;
  padding-right: 30px;
  width: 50%;
}
.textimagecarouselText p {
  text-align: justify;
}
.textimagecarouselImage {
  padding-right: 13%;
  padding-left: 30px;
  width: 50%;
  height: auto;
}
.textimagecarousel-control {
  color: #585858;
}
.textimagecarousel-control:hover {
  color: #313131;
}
.textimagecarousel-control.left {
  background-image: none;
}
.textimagecarousel-control.right {
  background-image: none;
}
.textimagecarousel-indicators {
  bottom: -30px;
}
.textimagecarousel-indicators .active {
  background-color: #585858;
  color: #585858;
}
.textimagecarousel-indicators li {
  border: 1px solid #585858;
}
/*
 * Media breakpoints
 */
/* Extra-small screen, phone, screen <=769px */
/* Small screen, tablet, 769px >= screen <=992px */
@media only screen and (max-width: 769px) {
  .textimagecarousel.section .carousel-indicators {
    bottom: 10px;
    margin-bottom: 0;
    top: auto;
  }
  .textimagecarouselText {
    width: 100%;
    display: block;
    padding-right: 13%;
  }
  .textimagecarouselImage {
    width: 100%;
    display: block;
    padding-left: 13%;
  }
}
/* Medium screen, desktop, 993px >= screen <=1200px */
/* Large screen, wide desktop, screen >= 1201px */
@media only screen and (min-width: 768px) {
  .textimagecarousel.section .carousel-indicators {
    width: 100%;
    left: 12%;
    bottom: 10px;
  }
}

.newswidget.section .container-fluid > h1 {
  color: #000000;
  /*first h1 (title outside carousel-inner) is black*/
}
.newswidget.section .container-fluid .row {
  padding-bottom: 25px;
  /*evens up OOTB Bootstrap col-md-4 / col-md-8, each have padding-right and padding-left of 15px.*/
}
@media (max-width: 992px) {
  .newswidget.section .container-fluid .row {
    padding-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .newswidget.section .container-fluid .row #newswidget1 {
    display: block;
  }
}
@media (max-width: 992px) {
  .newswidget.section .container-fluid .row #newswidget2,
  .newswidget.section .container-fluid .row #newswidget3,
  .newswidget.section .container-fluid .row #newswidget4 {
    display: none;
  }
}
.newswidget.section .container-fluid .row .carousel-inner .item {
  height: 100%;
  min-height: 250px;
  padding: 5% 15%;
}
.newswidget.section .container-fluid .row .carousel-inner .item .text-separator {
  margin-bottom: 20px;
  margin-top: 15px;
}
.newswidget.section .container-fluid .row .carousel-inner .item > button.primary-btn {
  position: relative;
  bottom: 0px;
  background-color: transparent;
}
.newswidget.section .container-fluid .row .carousel-inner .item h1 {
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 20px;
  color: #fff;
}
.newswidget.section .container-fluid .row .carousel-inner .item p {
  color: #fff;
}
@media (min-width: 993px) {
  .newswidget.section #mobile-categories {
    display: none;
  }
}
.newswidget.section #mobile-categories .panel-group .panel-default {
  margin-top: 0px;
}
.newswidget.section #mobile-categories .panel-group .panel-default .panel-heading {
  background-color: #0D417E;
  background-image: none;
}
.newswidget.section #mobile-categories .panel-group .panel-default .panel-heading h3 {
  text-align: center;
}
.newswidget.section #mobile-categories .panel-group .panel-default .panel-heading h3 a {
  color: #FFFFFF;
}

.newscarousel {
  margin: 0 auto;
  padding: 15px;
}
@media only screen and (min-width: 769px) {
  .newscarousel .container {
    padding: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .newscarousel .container {
    padding: 5px;
  }
}
.newscarousel .container .row {
  margin-top: 20px;
}
.newscarousel .container .row:first-child {
  padding: 0 10px;
}
.newscarousel .container .row h1,
.newscarousel .container .row h3 {
  color: #000;
}
.newscarousel .container .row .text-separator.royalBlue {
  background-color: #0d417e;
}
.newscarousel .container .row .text-separator.turquoise {
  background-color: #1a9b85;
}
.newscarousel .container .row .text-separator.salmon {
  background-color: #f57055;
}
.newscarousel .container .row .text-separator.darkGray {
  background-color: #313131;
}
.newscarousel .container .row .text-separator.gray {
  background-color: #585858;
}
.newscarousel .container .row .text-separator.lightGray {
  background-color: #ebebeb;
}
@media only screen and (min-width: 769px) {
  .newscarousel .container .row #newswidget1 .mobile-arrow-buttons {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .newscarousel .container .row #newswidget1 .browser-arrow-buttons {
    display: none;
  }
}
.newscarousel .container .row #newswidget1 .carousel-control {
  width: 4%;
  height: 60%;
  background-image: none;
}
.newscarousel .container .row #newswidget1 .carousel-control.left {
  margin-left: 15px;
}
@media only screen and (min-width: 769px) {
  .newscarousel .container .row #newswidget1 .carousel-control.left {
    margin-left: -5%;
  }
}
.newscarousel .container .row #newswidget1 .carousel-control.right {
  margin-right: 15px;
}
@media only screen and (min-width: 769px) {
  .newscarousel .container .row #newswidget1 .carousel-control.right {
    margin-right: -5%;
  }
}
.newscarousel .container .row #newswidget1 .cloneditem-1,
.newscarousel .container .row #newswidget1 .cloneditem-2,
.newscarousel .container .row #newswidget1 .cloneditem-3 {
  display: none;
}
@media all and (min-width: 769px) {
  .newscarousel .container .row #newswidget1 .cloneditem-1,
  .newscarousel .container .row #newswidget1 .cloneditem-2,
  .newscarousel .container .row #newswidget1 .cloneditem-3 {
    display: block;
  }
}
.newscarousel .container .row #newswidget1 .carousel-inner .item > div > div.text-separator {
  margin-left: auto;
  margin-right: auto;
}
.newscarousel .container .row #newswidget1 .carousel-inner .item .article-image {
  height: 140px;
  width: 355px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .newscarousel .container .row #newswidget1 .carousel-inner .item .article-image {
    height: 140px;
    width: auto;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .newscarousel .container .row #newswidget1 .carousel-inner .item .article-image {
    height: 140px;
    width: auto;
  }
}
.newscarousel .container .row #newswidget1 .carousel-inner .item .icon-name {
  font-weight: bold;
}
.newscarousel .container .row #newswidget1 .carousel-inner .item .articleOverlay {
  background-color: rgba(13, 65, 126, 0.7);
  height: 140px;
  width: 355px;
  padding: 0 20px 0;
  position: absolute;
  bottom: 0;
}
.newscarousel .container .row #newswidget1 .carousel-inner .item .articleOverlay h2 {
  color: #fff;
}
.newscarousel .container .row #newswidget1 .carousel-inner .item .articleOverlay h1 {
  font-family: "Agenda Bold";
  font-size: 50px;
  color: #FFFFFF;
  letter-spacing: 0px;
  line-height: 50px;
}
.newscarousel .container .row #newswidget1 .carousel-inner .item .articleOverlay h1,
.newscarousel .container .row #newswidget1 .carousel-inner .item .articleOverlay p {
  color: #ffffff;
}
@media all and (min-width: 769px) {
  .newscarousel .container .row #newswidget1 .carousel-inner > .active.left,
  .newscarousel .container .row #newswidget1 .carousel-inner > .prev {
    left: -33%;
  }
  .newscarousel .container .row #newswidget1 .carousel-inner > .active.right,
  .newscarousel .container .row #newswidget1 .carousel-inner > .next {
    left: 33%;
  }
  .newscarousel .container .row #newswidget1 .carousel-inner > .left,
  .newscarousel .container .row #newswidget1 .carousel-inner > .prev.right,
  .newscarousel .container .row #newswidget1 .carousel-inner > .active {
    left: 0;
  }
}
@media all and (min-width: 769px) and (transform-3d), all and (min-width: 769px) and (-webkit-transform-3d) {
  .newscarousel .container .row #newswidget1 .carousel-inner > .item.active.right,
  .newscarousel .container .row #newswidget1 .carousel-inner > .item.next {
    transform: translate3d(33%, 0, 0);
    left: 0;
  }
  .newscarousel .container .row #newswidget1 .carousel-inner > .item.active.left,
  .newscarousel .container .row #newswidget1 .carousel-inner > .item.prev {
    transform: translate3d(-33%, 0, 0);
    left: 0;
  }
  .newscarousel .container .row #newswidget1 .carousel-inner > .item.left,
  .newscarousel .container .row #newswidget1 .carousel-inner > .item.prev.right,
  .newscarousel .container .row #newswidget1 .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

.featured-promo.royalBlue .featured-promo-title h3,
.featured-promo.darkGray .featured-promo-title h3,
.featured-promo.gray .featured-promo-title h3,
.featured-promo.royalBlue .featured-promo-subtitle h3,
.featured-promo.darkGray .featured-promo-subtitle h3,
.featured-promo.gray .featured-promo-subtitle h3,
.featured-promo.royalBlue .featured-promo-title h1,
.featured-promo.darkGray .featured-promo-title h1,
.featured-promo.gray .featured-promo-title h1,
.featured-promo.royalBlue .featured-promo-subtitle h1,
.featured-promo.darkGray .featured-promo-subtitle h1,
.featured-promo.gray .featured-promo-subtitle h1 {
  color: #ffffff;
}
.featured-promo .featured-promo-title h1 {
  color: #000000;
  font-weight: bold;
  margin-top: 10px;
}
.featured-promo .featured-promo-title .text-separator.royalBlue {
  background-color: #0d417e;
}
.featured-promo .featured-promo-title .text-separator.turquoise {
  background-color: #1a9b85;
}
.featured-promo .featured-promo-title .text-separator.salmon {
  background-color: #f57055;
}
.featured-promo .featured-promo-title .text-separator.darkGray {
  background-color: #313131;
}
.featured-promo .featured-promo-title .text-separator.gray {
  background-color: #585858;
}
.featured-promo .featured-promo-title .text-separator.lightGray {
  background-color: #ebebeb;
}
.featured-promo .featured-promo-title .text-separator.white {
  background-color: #ffffff;
}
.featured-promo .featured-promo-subtitle h3 {
  color: #000000;
  margin-top: 0;
}
.featured-promo .featured-promo-description {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.text-separator.royalBlue {
  background-color: #0d417e;
}
.text-separator.turquoise {
  background-color: #1a9b85;
}
.text-separator.salmon {
  background-color: #f57055;
}
.text-separator.darkGray {
  background-color: #313131;
}
.text-separator.gray {
  background-color: #585858;
}
.text-separator.lightGray {
  background-color: #ebebeb;
}
.featured-promo .cardImage {
  max-height: 500px;
}
.featured-promo .cardImage > img.img-responsive {
  width: 100%;
}
.promo-titles h1 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.promo-titles h1,
.promo-description h1,
.promo-titles h4,
.promo-description h4,
.promo-titles p,
.promo-description p {
  color: #FFFFFF;
}
div.featured-promo .key-news h1 {
  color: #000000;
}
div.featured-promo .key-news h3 {
  color: #585858;
}
div.featured-promo {
  padding: 20px;
}
.promo-titles {
  position: absolute;
  top: 0px;
  padding-left: 20px;
}
.promo-description {
  position: absolute;
  bottom: 0px;
  width: 85%;
  padding-left: 20px;
}
.promo-description > h3 > a {
  color: #FFFFFF;
}
/* Background colors */
div.featured-promo.darkGray .key-news h1,
div.featured-promo.darkGray .key-news h3,
div.featured-promo.darkGray .key-news h3 > a,
div.featured-promo.gray .key-news h1,
div.featured-promo.gray .key-news h3,
div.featured-promo.gray .key-news h3 > a,
div.featured-promo.royalBlue .key-news h1,
div.featured-promo.royalBlue .key-news h3,
div.featured-promo.royalBlue .key-news h3 > a {
  color: #FFFFFF;
}
div.featured-promo.royalBlue .key-news .key-news-separator {
  border-bottom: 1px solid #FFFFFF;
}
.key-news-separator {
  border-bottom: 1px solid #0D417E;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .promo-titles,
  .promo-description {
    padding-left: 0;
    position: relative;
  }
  .featured-promo .promo-box {
    height: auto !important;
  }
  .featured-promo .promo-box * {
    color: #000;
  }
}

.featured-2-promo div.featured-promo {
  padding: 20px;
  /* Promo popups */
}
.featured-2-promo div.featured-promo.royalBlue .featured-2-promo-title h3,
.featured-2-promo div.featured-promo.darkGray .featured-2-promo-title h3,
.featured-2-promo div.featured-promo.gray .featured-2-promo-title h3,
.featured-2-promo div.featured-promo.royalBlue .featured-2-promo-subtitle h3,
.featured-2-promo div.featured-promo.darkGray .featured-2-promo-subtitle h3,
.featured-2-promo div.featured-promo.gray .featured-2-promo-subtitle h3,
.featured-2-promo div.featured-promo.royalBlue .featured-2-promo-title h1,
.featured-2-promo div.featured-promo.darkGray .featured-2-promo-title h1,
.featured-2-promo div.featured-promo.gray .featured-2-promo-title h1,
.featured-2-promo div.featured-promo.royalBlue .featured-2-promo-subtitle h1,
.featured-2-promo div.featured-promo.darkGray .featured-2-promo-subtitle h1,
.featured-2-promo div.featured-promo.gray .featured-2-promo-subtitle h1 {
  color: #ffffff;
}
.featured-2-promo div.featured-promo .featured-2-promo-title h1 {
  color: #000000;
  font-weight: bold;
  margin-top: 10px;
}
.featured-2-promo div.featured-promo .featured-2-promo-title .text-separator.royalBlue {
  background-color: #0d417e;
}
.featured-2-promo div.featured-promo .featured-2-promo-title .text-separator.turquoise {
  background-color: #1a9b85;
}
.featured-2-promo div.featured-promo .featured-2-promo-title .text-separator.salmon {
  background-color: #f57055;
}
.featured-2-promo div.featured-promo .featured-2-promo-title .text-separator.darkGray {
  background-color: #313131;
}
.featured-2-promo div.featured-promo .featured-2-promo-title .text-separator.gray {
  background-color: #585858;
}
.featured-2-promo div.featured-promo .featured-2-promo-title .text-separator.lightGray {
  background-color: #ebebeb;
}
.featured-2-promo div.featured-promo .featured-2-promo-title .text-separator.white {
  background-color: #ffffff;
}
.featured-2-promo div.featured-promo .featured-2-promo-subtitle h3 {
  color: #000000;
  margin-top: 0;
}
.featured-2-promo div.featured-promo .featured-2-promo-description {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.featured-2-promo div.featured-promo.royalBlue {
  background-color: #0d417e;
}
.featured-2-promo div.featured-promo.royalBlue .key-news h1,
.featured-2-promo div.featured-promo.royalBlue .key-news h3 {
  color: #FFFFFF;
}
.featured-2-promo div.featured-promo.royalBlue .key-news h1 > a,
.featured-2-promo div.featured-promo.royalBlue .key-news h3 > a {
  color: #FFFFFF;
}
.featured-2-promo div.featured-promo.royalBlue .key-news .key-news-separator {
  border-bottom: 1px solid #FFFFFF;
}
.featured-2-promo div.featured-promo.turquoise {
  background-color: #1a9b85;
}
.featured-2-promo div.featured-promo.salmon {
  background-color: #f57055;
}
.featured-2-promo div.featured-promo.darkGray {
  background-color: #313131;
}
.featured-2-promo div.featured-promo.darkGray .key-news h1,
.featured-2-promo div.featured-promo.darkGray .key-news h3 {
  color: #FFFFFF;
}
.featured-2-promo div.featured-promo.darkGray .key-news h1 > a,
.featured-2-promo div.featured-promo.darkGray .key-news h3 > a {
  color: #FFFFFF;
}
.featured-2-promo div.featured-promo.darkGray .key-news .key-news-separator {
  border-bottom: 1px solid #FFFFFF;
}
.featured-2-promo div.featured-promo.gray {
  background-color: #585858;
}
.featured-2-promo div.featured-promo.gray .key-news h1,
.featured-2-promo div.featured-promo.gray .key-news h3 {
  color: #FFFFFF;
}
.featured-2-promo div.featured-promo.gray .key-news h1 > a,
.featured-2-promo div.featured-promo.gray .key-news h3 > a {
  color: #FFFFFF;
}
.featured-2-promo div.featured-promo.gray .key-news .key-news-separator {
  border-bottom: 1px solid #FFFFFF;
}
.featured-2-promo div.featured-promo.lightGray {
  background-color: #ebebeb;
}
.featured-2-promo div.featured-promo.white {
  background-color: #ffffff;
}
.featured-2-promo div.featured-promo .promo-box:hover .popup {
  height: 100%;
}
.featured-2-promo div.featured-promo .promo-box > img {
  width: 100%;
}
.featured-2-promo div.featured-promo .promo-box .promo-copy {
  position: absolute;
  top: 0px;
  padding: 10px;
}
.featured-2-promo div.featured-promo .promo-box .promo-copy > h4,
.featured-2-promo div.featured-promo .promo-box .promo-copy > h2 {
  color: #FFFFFF;
}
.featured-2-promo div.featured-promo .promo-box .popup {
  transition: height 0.5s ease;
  height: 0px;
  width: calc(100% - 30px);
  position: absolute;
  bottom: 0px;
  overflow: hidden;
}
.featured-2-promo div.featured-promo .promo-box .popup.royalBlue {
  background-color: rgba(13, 65, 126, 0.7);
}
.featured-2-promo div.featured-promo .promo-box .popup.royalBlue .popup-copy > h4,
.featured-2-promo div.featured-promo .promo-box .popup.royalBlue .popup-copy > h2,
.featured-2-promo div.featured-promo .promo-box .popup.royalBlue .popup-copy > p {
  color: #FFFFFF;
}
.featured-2-promo div.featured-promo .promo-box .popup.turquoise {
  background-color: rgba(26, 155, 133, 0.7);
}
.featured-2-promo div.featured-promo .promo-box .popup.salmon {
  background-color: rgba(245, 112, 85, 0.7);
}
.featured-2-promo div.featured-promo .promo-box .popup.darkGray {
  background-color: rgba(49, 49, 49, 0.7);
}
.featured-2-promo div.featured-promo .promo-box .popup.darkGray .popup-copy > h4,
.featured-2-promo div.featured-promo .promo-box .popup.darkGray .popup-copy > h2,
.featured-2-promo div.featured-promo .promo-box .popup.darkGray .popup-copy > p {
  color: #FFFFFF;
}
.featured-2-promo div.featured-promo .promo-box .popup.gray {
  background-color: rgba(88, 88, 88, 0.7);
}
.featured-2-promo div.featured-promo .promo-box .popup.gray .popup-copy > h4,
.featured-2-promo div.featured-promo .promo-box .popup.gray .popup-copy > h2,
.featured-2-promo div.featured-promo .promo-box .popup.gray .popup-copy > p {
  color: #FFFFFF;
}
.featured-2-promo div.featured-promo .promo-box .popup.lightGray {
  background-color: rgba(235, 235, 235, 0.7);
}
.featured-2-promo div.featured-promo .promo-box .popup.white {
  background-color: rgba(255, 255, 255, 0.7);
}
.featured-2-promo div.featured-promo .promo-box .popup h1,
.featured-2-promo div.featured-promo .promo-box .popup h3 a {
  color: #FFFFFF;
}
.featured-2-promo div.featured-promo .promo-box .popup .popup-copy {
  padding: 10px;
}
.featured-2-promo div.featured-promo .promo-box .popup .popup-copy .primary-btn.royalBlue {
  background-color: #0d417e;
}
.featured-2-promo div.featured-promo .promo-box .popup .popup-copy .primary-btn.turquoise {
  background-color: #1a9b85;
}
.featured-2-promo div.featured-promo .promo-box .popup .popup-copy .primary-btn.salmon {
  background-color: #f57055;
}
.featured-2-promo div.featured-promo .promo-box .popup .popup-copy .primary-btn.darkGray {
  background-color: #313131;
}
.featured-2-promo div.featured-promo .promo-box .popup .popup-copy .primary-btn.gray {
  background-color: #585858;
}
.featured-2-promo div.featured-promo .promo-box .popup .popup-copy .primary-btn.lightGray {
  background-color: #ebebeb;
}
.featured-2-promo div.featured-promo .promo-box .popup .popup-copy .primary-btn.white {
  background-color: #ffffff;
}
.featured-2-promo div.featured-promo .promo-box .popup .popup-copy .primary-btn.transparent {
  background-color: transparent;
}
@media (max-width: 768px) {
  .featured-2-promo div.featured-promo .promo-box .popup {
    display: block;
    height: auto !important;
    position: relative;
    width: 100%;
  }
}
.featured-2-promo div.featured-promo .promo-box .key-news h1 {
  color: #000000;
}
.featured-2-promo div.featured-promo .promo-box .key-news h3 {
  color: #585858;
}
.featured-2-promo div.featured-promo .promo-box .key-news .key-news-separator {
  border-bottom: 1px solid #0D417E;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .featured-2-promo div.featured-promo .promo-box {
    height: auto !important;
    min-height: 0;
    margin-top: 15px;
  }
}

.article-search-container {
  padding-top: 45px;
}
.article-search-container #mobile-articlesearch-filters {
  padding-top: 40px;
}
@media only screen and (min-width: 768px) {
  .article-search-container #mobile-articlesearch-filters {
    display: none;
  }
}
.article-search-container #mobile-articlesearch-filters .panel-group .panel-default {
  margin-top: 0px;
}
.article-search-container #mobile-articlesearch-filters .panel-group .panel-heading {
  background-color: #0D417E;
  background-image: none;
}
.article-search-container #mobile-articlesearch-filters .panel-group .panel-heading h3 {
  text-align: center;
}
.article-search-container #mobile-articlesearch-filters .panel-group .panel-heading h3 a {
  color: #FFFFFF;
}
@media only screen and (max-width: 768px) {
  .article-search-container #article-search-criteria #browser-articlesearch-filters {
    display: none;
  }
}
.article-search-container #article-search-criteria h3 {
  color: #585858;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding-bottom: 5px;
  padding-top: 5px;
}
.article-search-container #article-search-criteria > form > input {
  margin-right: 5px;
}
.article-search-container #article-search-criteria > form > input[type=checkbox] {
  cursor: pointer;
}
.article-search-container #article-search-criteria > form > label {
  cursor: pointer;
  margin-left: 5px;
}
.article-search-container #article-search-criteria .events-container > .event-title {
  margin-top: 20px;
}
.article-search-container #article-search-criteria #event-list .event-item {
  border-top: 1px solid lightgrey;
  padding-top: 12px;
  margin-top: 12px;
}
.article-search-container #article-search-criteria #event-list .event-item:first-child {
  border-top: none !important;
}
.article-search-container #article-search-criteria #event-list a {
  color: #0d417e;
  text-decoration: none;
}
.article-search-container #article-search-criteria #event-list i {
  font-size: 16px !important;
}
.article-search-container #article-search-criteria #event-list .event-date {
  font-size: 14px;
  font-weight: bold;
}
.article-search-container #article-search-criteria #event-list .event-title {
  font-size: 14px;
}
.article-search-container #article-search-criteria #event-list .event-location {
  font-size: 12px;
  margin-top: 10px;
}
.article-search-container #article-search-criteria #event-list .event-directions > a {
  font-size: 12px;
}
.article-search-container #article-search-criteria #event-list .event-description {
  font-size: 12px;
}
.article-search-container #article-search-criteria #event-list .event-description .read-more {
  display: inline-block;
  width: 100%;
}
.article-search-container #article-search-criteria #event-list .event-extra {
  margin-top: 5px;
}
.article-search-container #article-search-criteria #event-list .event-extra .event-rsvp {
  font-size: 14px;
}
.article-search-container #article-search-criteria #event-list .event-extra .event-add-to-cal {
  font-size: 14px;
}
.article-search-container .article-wrapper .row.article-row {
  padding-bottom: 20px;
  padding-top: 20px;
}
.article-search-container .article-wrapper .row.article-row > .col-xs-12.col-sm-10.col-md-10 {
  padding-top: 10px;
  border-top: 1px solid lightgrey;
}
.article-search-container .article-wrapper .thumb-column {
  max-height: 100px;
  overflow: hidden;
  margin-top: 25px;
  padding-left: 5px;
  padding-right: 5px;
}
@media only screen and (max-width: 768px) {
  .article-search-container .article-wrapper .thumb-column {
    display: none;
  }
}
.article-search-container .article-wrapper .thumb-column > img {
  max-width: 125px;
}
.article-search-container .article-wrapper .article-date {
  color: grey;
  font-size: 13px;
}
.article-search-container .article-wrapper .article-title > a {
  color: #0d417e;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
}
.article-search-container .article-wrapper .article-summary {
  font-size: 14px;
}
.article-search-container .results-title {
  margin-left: 5px;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 5px;
}
.row.article-row > .col-xs-12.col-sm-10.col-md-10 {
  padding-top: 10px;
  border-top: 1px solid lightgrey;
}
.row.article-row > .col-xs-12.col-sm-10.col-md-10:first-child {
  border-top: none !important;
}
.mobile-show-more {
  text-align: center;
}
div.pager div {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 1.8;
  margin-right: 0.5em;
  text-align: center;
  width: 1.8em;
}
div.pager div.active {
  background: #ebebeb;
}

.relatedarticles.section {
  clear: both;
  margin: 10px auto;
}
.relatedarticles.section .tile.container .topics-title {
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 5px;
}
@media only screen and (max-width: 993px) {
  .relatedarticles.section .tile.container .topics-title {
    text-align: center;
  }
}
.relatedarticles.section .tile.container .related-article-tile {
  background-size: cover;
  display: inline-block;
  margin: 10px auto 0 auto;
  padding-top: 10px;
  min-height: 250px;
  width: 100%;
  text-align: left;
  text-decoration: none;
}
@media only screen and (max-width: 993px) {
  .relatedarticles.section .tile.container .related-article-tile {
    width: 100%;
  }
}
@media only screen and (min-width: 993px) {
  .relatedarticles.section .tile.container .related-article-tile:first-child {
    float: left;
  }
}
@media only screen and (min-width: 993px) {
  .relatedarticles.section .tile.container .related-article-tile:last-child {
    float: right;
  }
}
.relatedarticles.section .tile.container .related-article-tile.royalBlue > div {
  background-color: #0D417E;
}
.relatedarticles.section .tile.container .related-article-tile.turquoise > div {
  background-color: turquoise;
}
.relatedarticles.section .tile.container .related-article-tile.salmon > div {
  background-color: salmon;
}
.relatedarticles.section .tile.container .related-article-tile.transparent > div {
  background-color: transparent;
}
.relatedarticles.section .tile.container .related-article-tile > div {
  color: white;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 0.85;
  padding-left: 5px;
  padding-right: 5px;
}
.relatedarticles.section .tile.container .related-article-tile > div:last-child {
  padding-bottom: 5px;
}
.relatedarticles.section .tile.container .related-article-tile .article-tile-published {
  text-transform: uppercase;
  font-size: 14px;
}
.relatedarticles.section .tile.container .related-article-tile .article-tile-title {
  font-weight: bold;
  padding-top: 5px;
}
.relatedarticles.section .tile.container .related-article-tile .article-tile-author {
  margin-bottom: 10px;
  padding-top: 5px;
}

.articletags .tags-title {
  font-weight: bold;
}
.articletags .tags-container {
  margin-top: 10px;
  margin-bottom: 20px;
}
.articletags .tags-container > a {
  text-decoration: none;
}
.articletags .tags-container span.article-tag {
  background-color: #ebebeb;
  color: black;
  margin-right: 5px;
  padding: 3px 10px;
}

.stayconnected-wrapper {
  width: 250px;
}
@media only screen and (max-width: 768px) {
  .stayconnected-wrapper {
    text-align: center;
    /*center text*/
    margin-left: auto;
    /*center div*/
    margin-right: auto;
  }
}
.stayconnected-wrapper h3 {
  color: #585858;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  text-transform: none;
}
@media only screen and (min-width: 768px) {
  .stayconnected-wrapper .nav {
    padding-left: 30px;
  }
}
.stayconnected-wrapper .nav a {
  background-color: #0d417e;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  margin-right: 3px;
  min-height: 34px;
  min-width: 36px;
  outline: 0;
  padding: 0 3px;
}
.stayconnected-wrapper .nav a i {
  font-size: 24px;
}
.stayconnected-wrapper .nav a i.fa-facebook {
  margin-left: 4px;
}

@media only screen and (max-width: 768px) {
  .breadcrumbs.section {
    display: none;
  }
}
.breadcrumbs.section .breadcrumb a {
  text-decoration: none;
}
.breadcrumb {
  margin-top: auto;
}

.socialsharing-wrapper {
  margin-bottom: 10px;
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .socialsharing-wrapper {
    text-align: center;
  }
}
.socialsharing-wrapper h3 {
  color: #0d417e;
  display: inline-block;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: middle;
}
.socialsharing-wrapper .nav {
  display: inline-block;
}
.socialsharing-wrapper .nav a {
  background-color: #0d417e;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  margin-right: 3px;
  min-height: 34px;
  min-width: 36px;
  outline: 0;
  padding: 0 3px;
}
.socialsharing-wrapper .nav a i {
  font-size: 24px;
}
.socialsharing-wrapper .nav a i.fa-facebook {
  margin-left: 4px;
}

div.navigation-side-bar {
  display: none;
}
.navigation-side-bar-enabled div.navigation-side-bar {
  box-shadow: 1px 1px 1px #888888;
  display: block;
  position: fixed;
  left: 0;
  top: 35%;
  overflow: hidden;
  z-index: 1000;
  padding: 15px;
  max-width: 52px;
  /*initial width*/
  transition: max-width 0.5s ease;
}
.navigation-side-bar-enabled div.navigation-side-bar a {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.navigation-side-bar-enabled div.navigation-side-bar a span {
  display: none;
}
.navigation-side-bar-enabled div.navigation-side-bar:hover {
  max-width: 33%;
}
.navigation-side-bar-enabled div.navigation-side-bar:hover a span {
  display: inline-block;
}
.navigation-side-bar-enabled div.navigation-side-bar.royalBlue {
  background-color: #0D417E;
}
.navigation-side-bar-enabled div.navigation-side-bar.turquoise {
  background-color: #1A9B85;
}
.navigation-side-bar-enabled div.navigation-side-bar.salmon {
  background-color: #F57055;
}
.navigation-side-bar-enabled div.navigation-side-bar.darkGray {
  background-color: #313131;
}
.navigation-side-bar-enabled div.navigation-side-bar.gray {
  background-color: #585858;
}
.navigation-side-bar-enabled div.navigation-side-bar.lightGray {
  background-color: #EBEBEB;
}
.navigation-side-bar-enabled div.navigation-side-bar.lightGray a {
  color: #0D417E;
}
@media only screen and (max-width: 768px) {
  .navigation-side-bar-enabled div.navigation-side-bar {
    display: none;
  }
}

.product-card-subtitle h3 {
  color: #0d417e;
}
.productcard.section .row.cards {
  margin-top: 15px;
  margin-bottom: 60px;
}
.productcard.section .row.cards.no-title {
  margin-bottom: 30px;
  margin-top: 30px;
}
.productcard.section .row.cards > div {
  /* the columns div */
}
.productcard.section .row.cards > div > a {
  text-decoration: none;
}
.productcard.section .product-card-container {
  padding: 15px;
}
.productcard.section .product-card-container.royalBlue .product-card-title > h2,
.productcard.section .product-card-container.darkGray .product-card-title > h2,
.productcard.section .product-card-container.gray .product-card-title > h2,
.productcard.section .product-card-container.royalBlue .product-card-subtitle > h3,
.productcard.section .product-card-container.darkGray .product-card-subtitle > h3,
.productcard.section .product-card-container.gray .product-card-subtitle > h3,
.productcard.section .product-card-container.royalBlue .product-card-description,
.productcard.section .product-card-container.darkGray .product-card-description,
.productcard.section .product-card-container.gray .product-card-description,
.productcard.section .product-card-container.royalBlue .product-links-title,
.productcard.section .product-card-container.darkGray .product-links-title,
.productcard.section .product-card-container.gray .product-links-title {
  color: #ffffff;
}
.productcard.section .product-card-container.royalBlue .product-links > a,
.productcard.section .product-card-container.darkGray .product-links > a,
.productcard.section .product-card-container.gray .product-links > a {
  color: #FFFFFF;
}
.productcard.section .product-card-container .product-card-title {
  font-size: 18px;
  font-weight: bold;
}
.productcard.section .product-card-container .product-card-description {
  margin-top: 20px;
  font-size: 18px;
}
.productcard.section .product-card-container .product-links-title {
  margin: 60px 0 3px;
  width: 80%;
}
.productcard.section .product-card-container .product-links-title h3 {
  color: #585858;
}
.productcard.section .product-card-container .product-links > a {
  display: block;
  font-size: 14px;
  margin-top: 7px;
  text-decoration: none;
}
.productcard.section .product-card-container .popup.royalBlue {
  background-color: rgba(13, 65, 126, 0.7);
}
.productcard.section .product-card-container .popup.turquoise {
  background-color: rgba(26, 155, 133, 0.7);
}
.productcard.section .product-card-container .popup.salmon {
  background-color: rgba(245, 112, 85, 0.7);
}
.productcard.section .product-card-container .popup.darkGray {
  background-color: rgba(49, 49, 49, 0.7);
}
.productcard.section .product-card-container .popup.gray {
  background-color: rgba(88, 88, 88, 0.7);
}
.productcard.section .product-card-container .popup.lightGray {
  background-color: rgba(235, 235, 235, 0.7);
}
.productcard.section .product-card-container .popup.white {
  background-color: rgba(255, 255, 255, 0.7);
}
.productcard.section .product-card-container .popup.royalBlue .popup-copy > h4,
.productcard.section .product-card-container .popup.darkGray .popup-copy > h4,
.productcard.section .product-card-container .popup.gray .popup-copy > h4,
.productcard.section .product-card-container .popup.royalBlue .popup-copy > h2,
.productcard.section .product-card-container .popup.darkGray .popup-copy > h2,
.productcard.section .product-card-container .popup.gray .popup-copy > h2,
.productcard.section .product-card-container .popup.royalBlue .popup-copy > p,
.productcard.section .product-card-container .popup.darkGray .popup-copy > p,
.productcard.section .product-card-container .popup.gray .popup-copy > p {
  color: #FFFFFF;
}
.productcard.section .product-card-container .popup.turquoise .popup-copy > h4,
.productcard.section .product-card-container .popup.salmon .popup-copy > h4,
.productcard.section .product-card-container .popup.lightGray .popup-copy > h4,
.productcard.section .product-card-container .popup.white .popup-copy > h4,
.productcard.section .product-card-container .popup.turquoise .popup-copy > h2,
.productcard.section .product-card-container .popup.salmon .popup-copy > h2,
.productcard.section .product-card-container .popup.lightGray .popup-copy > h2,
.productcard.section .product-card-container .popup.white .popup-copy > h2,
.productcard.section .product-card-container .popup.turquoise .popup-copy > p,
.productcard.section .product-card-container .popup.salmon .popup-copy > p,
.productcard.section .product-card-container .popup.lightGray .popup-copy > p,
.productcard.section .product-card-container .popup.white .popup-copy > p {
  color: #000000;
}
.productcard.section .product-card-container .popup > .popup-copy {
  padding: 10px;
}
.productcard.section .product-card-container .popup > .popup-copy button.primary-btn.royalBlue {
  background-color: #0d417e;
}
.productcard.section .product-card-container .popup > .popup-copy button.primary-btn.royalBlue a {
  color: #FFFFFF;
}
.productcard.section .product-card-container .popup > .popup-copy button.primary-btn.turquoise {
  background-color: #1a9b85;
}
.productcard.section .product-card-container .popup > .popup-copy button.primary-btn.salmon {
  background-color: #f57055;
}
.productcard.section .product-card-container .popup > .popup-copy button.primary-btn.darkGray {
  background-color: #313131;
}
.productcard.section .product-card-container .popup > .popup-copy button.primary-btn.darkGray a {
  color: #FFFFFF;
}
.productcard.section .product-card-container .popup > .popup-copy button.primary-btn.gray {
  background-color: #585858;
}
.productcard.section .product-card-container .popup > .popup-copy button.primary-btn.gray a {
  color: #FFFFFF;
}
.productcard.section .product-card-container .popup > .popup-copy button.primary-btn.lightGray {
  background-color: #ebebeb;
}
.productcard.section .product-card-container .popup > .popup-copy button.primary-btn.white {
  background-color: #ffffff;
}
.productcard.section .product-card-container .popup > .popup-copy button.primary-btn.transparent {
  background: none;
}
.productcard.section .product-card-container .content-tile {
  background-position: center top;
  background-size: cover;
  min-height: 350px;
  padding: 20px 10px;
  position: relative;
}
.productcard.section .product-card-container .content-tile .popup {
  /*opacity: 0.7;*/
  transition: height 0.5s ease;
  height: 0px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  overflow: hidden;
  margin-left: -10px;
}
.productcard.section .product-card-container .content-tile .tile-title > h4 {
  color: #fff;
}
.productcard.section .product-card-container .content-tile .tile-subtitle > h2 {
  color: #fff;
}
.productcard.section .product-card-container .content-tile:hover .popup {
  height: 100%;
}
@media (max-width: 768px) {
  .productcard.section .product-card-container .content-tile .promo-copy {
    display: block !important;
    opacity: 1 !important;
  }
  .productcard.section .product-card-container .content-tile .popup {
    display: none;
  }
  .productcard.section .product-card-container .popup {
    margin-bottom: 20px;
  }
}
.productcard.section .product-card-container .col-md-4 .content-tile .tile-title {
  font-weight: bold;
  font-size: 20px;
}
/* 
 * Print friendly styles
 */
@media print {
  .productcard.section .product-card-container .content-tile {
    display: none;
  }
}

.iframe-subtitle h3 {
  color: #0d417e;
}
.eendorsements.section {
  padding-bottom: 30px;
}
.eendorsements.section .eendorsements {
  margin-top: 25px;
  margin-bottom: 15px;
}

.profilecarousel {
  margin: 0 auto;
  padding: 15px;
}
@media only screen and (min-width: 769px) {
  .profilecarousel .container.profile-carousel-container {
    padding: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .profilecarousel .container.profile-carousel-container {
    padding: 5px;
  }
}
.profilecarousel .container.profile-carousel-container .row {
  margin-top: 20px;
}
.profilecarousel .container.profile-carousel-container .row:first-child {
  padding: 0 10px;
}
.profilecarousel .container.profile-carousel-container .row h1,
.profilecarousel .container.profile-carousel-container .row h3 {
  color: #000;
}
.profilecarousel .container.profile-carousel-container .row .text-separator.royalBlue {
  background-color: #0d417e;
}
.profilecarousel .container.profile-carousel-container .row .text-separator.turquoise {
  background-color: #1a9b85;
}
.profilecarousel .container.profile-carousel-container .row .text-separator.salmon {
  background-color: #f57055;
}
.profilecarousel .container.profile-carousel-container .row .text-separator.darkGray {
  background-color: #313131;
}
.profilecarousel .container.profile-carousel-container .row .text-separator.gray {
  background-color: #585858;
}
.profilecarousel .container.profile-carousel-container .row .text-separator.lightGray {
  background-color: #ebebeb;
}
@media only screen and (min-width: 769px) {
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .mobile-arrow-buttons {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .browser-arrow-buttons {
    display: none;
  }
}
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-control {
  width: 4%;
  height: 60%;
  background-image: none;
}
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-control.left {
  margin-left: 15px;
}
@media only screen and (min-width: 769px) {
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-control.left {
    margin-left: -5%;
  }
}
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-control.right {
  margin-right: 15px;
}
@media only screen and (min-width: 769px) {
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-control.right {
    margin-right: -5%;
  }
}
.profilecarousel .container.profile-carousel-container .row #profile-carousel .cloneditem-1,
.profilecarousel .container.profile-carousel-container .row #profile-carousel .cloneditem-2,
.profilecarousel .container.profile-carousel-container .row #profile-carousel .cloneditem-3 {
  display: none;
}
@media all and (min-width: 769px) {
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .cloneditem-1,
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .cloneditem-2,
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .cloneditem-3 {
    display: block;
  }
}
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner .item > div > h2,
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner .item > div > h3,
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner .item > div > div {
  text-align: center;
}
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner .item > div > div.text-separator {
  margin-left: auto;
  margin-right: auto;
}
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner .item .profile-image {
  border: 1px solid lightgrey;
  border-radius: 50%;
  height: 250px;
  width: 250px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner .item .profile-image {
    height: 220px;
    width: 220px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner .item .profile-image {
    height: 165px;
    width: 165px;
  }
}
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner .item .profile-name {
  font-weight: bold;
}
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner .item .profile-title {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner .item .profile-company {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 0px;
}
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner .item .profile-credentials {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 0px;
}
.profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner .item .profile-description {
  font-size: 14px;
}
@media all and (min-width: 769px) {
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .active.left,
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .prev {
    left: -25%;
  }
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .active.right,
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .next {
    left: 25%;
  }
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .left,
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .prev.right,
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .active {
    left: 0;
  }
}
@media all and (min-width: 769px) and (transform-3d), all and (min-width: 769px) and (-webkit-transform-3d) {
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .item.active.right,
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .item.next {
    transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .item.active.left,
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .item.prev {
    transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .item.left,
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .item.prev.right,
  .profilecarousel .container.profile-carousel-container .row #profile-carousel .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media print {
  .profilecarousel.section .container.profile-carousel-container .row #profile-carousel .carousel-inner .item .profile-image {
    display: block;
    margin: auto;
  }
}

.profileparent {
  overflow: hidden;
  min-width: 300px;
  max-width: 100%;
}
@media (max-width: 992px) {
  .profileparent {
    margin: 0 auto;
    min-width: 150px;
    max-width: 100%;
    white-space: normal;
  }
}
.leftprofile {
  margin-left: 0px;
  text-align: center;
  width: 300px;
}
@media (max-width: 992px) {
  .leftprofile {
    min-width: 150px;
    max-width: 100%;
    white-space: normal;
  }
}
.rightprofile {
  float: right;
  text-align: center;
  width: 300px;
}
@media (max-width: 992px) {
  .rightprofile {
    text-align: center;
    margin: 0 auto;
    float: none;
    min-width: 150px;
    max-width: 100%;
    white-space: normal;
  }
}
.centerprofile {
  margin: auto;
  text-align: center;
  width: 300px;
}
@media (max-width: 992px) {
  .centerprofile {
    float: none;
    min-width: 150px;
    max-width: 100%;
    white-space: normal;
  }
}
.clearfix::after {
  clear: both;
}
.profile .container.profile-container .row h1,
.profile .container.profile-container .row h3 {
  color: #000;
}
.profile .container.profile-container .row .text-separator.royalBlue {
  background-color: #0d417e;
}
.profile .container.profile-container .row .text-separator.turquoise {
  background-color: #1a9b85;
}
.profile .container.profile-container .row .text-separator.salmon {
  background-color: #f57055;
}
.profile .container.profile-container .row .text-separator.darkGray {
  background-color: #313131;
}
.profile .container.profile-container .row .text-separator.gray {
  background-color: #585858;
}
.profile .container.profile-container .row .text-separator.lightGray {
  background-color: #ebebeb;
}
.profile .container.profile-container .row > div > h2,
.profile .container.profile-container .row > div > h3,
.profile .container.profile-container .row > div > div {
  text-align: center;
}
.profile .container.profile-container .row > div > div.text-separator {
  margin-left: auto;
  margin-right: auto;
}
.profile .container.profile-container .row .profile-image {
  border: 1px solid lightgrey;
  border-radius: 50%;
  height: 250px;
  width: 250px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .profile .container.profile-container .row .profile-image {
    height: 220px;
    width: 220px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .profile .container.profile-container .row .profile-image {
    height: 165px;
    width: 165px;
  }
}
.profile .container.profile-container .row .profile-name {
  font-weight: bold;
}
.profile .container.profile-container .row .profile-title {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.profile .container.profile-container .row .profile-company {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 0px;
}
.profile .container.profile-container .row .profile-credentials {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 0px;
}
.profile .container.profile-container .row .profile-description {
  font-size: 14px;
}
@media print {
  .profile.section .container.profile-container .row #profile .carousel-inner .item .profile-image {
    display: block;
    margin: auto;
  }
}

.iconcarousel {
  margin: 0 auto;
  padding: 15px;
}
@media only screen and (min-width: 769px) {
  .iconcarousel .container.icon-carousel-container {
    padding: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .iconcarousel .container.icon-carousel-container {
    padding: 5px;
  }
}
.iconcarousel .container.icon-carousel-container .row {
  margin-top: 20px;
}
.iconcarousel .container.icon-carousel-container .row:first-child {
  padding: 0 10px;
}
.iconcarousel .container.icon-carousel-container .row h1,
.iconcarousel .container.icon-carousel-container .row h3 {
  color: #000;
}
.iconcarousel .container.icon-carousel-container .row .text-separator.royalBlue {
  background-color: #0d417e;
}
.iconcarousel .container.icon-carousel-container .row .text-separator.turquoise {
  background-color: #1a9b85;
}
.iconcarousel .container.icon-carousel-container .row .text-separator.salmon {
  background-color: #f57055;
}
.iconcarousel .container.icon-carousel-container .row .text-separator.darkGray {
  background-color: #313131;
}
.iconcarousel .container.icon-carousel-container .row .text-separator.gray {
  background-color: #585858;
}
.iconcarousel .container.icon-carousel-container .row .text-separator.lightGray {
  background-color: #ebebeb;
}
@media only screen and (min-width: 769px) {
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .mobile-arrow-buttons {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .browser-arrow-buttons {
    display: none;
  }
}
.iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-control {
  width: 4%;
  height: 60%;
  background-image: none;
}
.iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-control.left {
  margin-left: 15px;
}
@media only screen and (min-width: 769px) {
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-control.left {
    margin-left: -5%;
  }
}
.iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-control.right {
  margin-right: 15px;
}
@media only screen and (min-width: 769px) {
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-control.right {
    margin-right: -5%;
  }
}
.iconcarousel .container.icon-carousel-container .row #icon-carousel .cloneditem-1,
.iconcarousel .container.icon-carousel-container .row #icon-carousel .cloneditem-2,
.iconcarousel .container.icon-carousel-container .row #icon-carousel .cloneditem-3 {
  display: none;
}
@media all and (min-width: 769px) {
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .cloneditem-1,
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .cloneditem-2,
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .cloneditem-3 {
    display: block;
  }
}
.iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner .item > div > h2,
.iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner .item > div > h3,
.iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner .item > div > div {
  text-align: center;
}
.iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner .item > div > div.text-separator {
  margin-left: auto;
  margin-right: auto;
}
.iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner .item .icon-image {
  border: 1px solid lightgrey;
  border-radius: 50%;
  height: 250px;
  width: 250px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner .item .icon-image {
    height: 220px;
    width: 220px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner .item .icon-image {
    height: 165px;
    width: 165px;
  }
}
.iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner .item .icon-name {
  font-weight: bold;
}
@media all and (min-width: 769px) {
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .active.left,
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .prev {
    left: -25%;
  }
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .active.right,
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .next {
    left: 25%;
  }
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .left,
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .prev.right,
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .active {
    left: 0;
  }
}
@media all and (min-width: 769px) and (transform-3d), all and (min-width: 769px) and (-webkit-transform-3d) {
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .item.active.right,
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .item.next {
    transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .item.active.left,
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .item.prev {
    transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .item.left,
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .item.prev.right,
  .iconcarousel .container.icon-carousel-container .row #icon-carousel .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media print {
  .iconcarousel.section .container.icon-carousel-container .row #icon-carousel .carousel-inner .item .icon-image {
    display: block;
    margin: auto;
  }
}

.byline.section #byline-wrapper {
  /*
		@media only screen and (max-width: 768px) {
			display:none;
		}
		*/
  /*Hide byline, or hide entire right rail in mobile?*/
  /*Add col-md-9 to .article-main, col-md-3 to .article-right-rail*/
}
.byline.section #byline-wrapper .expert-portrait-container > img {
  max-width: 310px;
}
.byline.section #byline-wrapper a {
  text-decoration: none;
}

.right-rail-card.section h1 {
  color: #000;
}
.right-rail-card.section .card-subtitle {
  font-size: 16px;
  margin-bottom: 10px;
}
.right-rail-card.section .royalBlue {
  background-color: #0d417e;
}
.right-rail-card.section .turquoise {
  background-color: #1a9b85;
}
.right-rail-card.section .salmon {
  background-color: #f57055;
}
.right-rail-card.section .darkGray {
  background-color: #313131;
}
.right-rail-card.section .gray {
  background-color: #585858;
}
.right-rail-card.section .lightGray {
  background-color: #ebebeb;
}
.right-rail-card.section .white {
  background-color: #ffffff;
}
.right-rail-card.section .col-md-4 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.right-rail-card.section .col-md-4 .cta-tile {
  padding: 10px 20px;
}
.right-rail-card.section .col-md-4 .cta-tile > p.subSectionContent {
  color: #000000;
}
.right-rail-card.section .col-md-4 .cta-tile.royalBlue > h3.cta-tile-title,
.right-rail-card.section .col-md-4 .cta-tile.darkGray > h3.cta-tile-title,
.right-rail-card.section .col-md-4 .cta-tile.royalBlue > h2.cta-subtitle,
.right-rail-card.section .col-md-4 .cta-tile.darkGray > h2.cta-subtitle,
.right-rail-card.section .col-md-4 .cta-tile.royalBlue > p.subSectionContent,
.right-rail-card.section .col-md-4 .cta-tile.darkGray > p.subSectionContent,
.right-rail-card.section .col-md-4 .cta-tile.royalBlue .cta-link > h3 > a,
.right-rail-card.section .col-md-4 .cta-tile.darkGray .cta-link > h3 > a {
  color: #fff;
}
.right-rail-card.section .col-md-4 .cta-tile.gray > h3.cta-tile-title,
.right-rail-card.section .col-md-4 .cta-tile.gray > h2.cta-subtitle,
.right-rail-card.section .col-md-4 .cta-tile.gray > p.subSectionContent,
.right-rail-card.section .col-md-4 .cta-tile.gray .cta-link > h3 > a {
  color: #fff;
}
.right-rail-card.section .col-md-4 .cta-tile.gray > .cta-tile-title {
  color: #000;
}
.right-rail-card.section .col-md-4 .cta-tile .cta-subtitle {
  font-family: "Agenda Bold";
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 36px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.right-rail-card.section .col-md-4 .cta-tile .cta-subtitle.first-subtitle {
  margin-top: 0;
}
.right-rail-card.section .col-md-4 .cta-tile h3.cta-tile-title {
  color: #585858;
  margin-top: 20px;
}
.right-rail-card.section .col-md-4 .cta-tile .cta-link {
  margin-top: 10px;
}
.right-rail-card.section .col-md-4 .cta-tile .cta-link > a {
  color: #0d417e;
}
.right-rail-card.section .col-md-4 .cta-tile .cta-link > a:hover {
  color: #23527c;
}
.right-rail-card.section .col-md-4 .cta-tile .cta-subtitle {
  font-size: 36px;
  letter-spacing: -0.5px;
}
.right-rail-card.section .col-md-4 .cta-tile > button.primary-btn {
  margin-top: 5px;
}
.right-rail-card.section .col-md-4 .cta-tile > button.primary-btn > div {
  color: #fff;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 600;
  /*font-family: "Whitney Semi Bold";*/
  font-size: 14px;
  /*font-weight: 500;*/
  letter-spacing: 1px;
  line-height: 22px;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
}
.right-rail-card.section .col-md-4 .cta-tile > button.primary-btn > div > h3 > a {
  color: #fff;
}

@media only screen and (max-width: 769px) {
  .promo-list-container {
    padding-left: 30px;
  }
}
.promo-list-container h3 {
  color: #585858;
  margin-top: 10px;
}
@media only screen and (min-width: 769px) {
  .promo-list-container .promo-list-mobile {
    display: none;
  }
}
@media only screen and (max-width: 769px) {
  .promo-list-container .promo-list-mobile .panel-group {
    margin-right: 15px;
  }
}
.promo-list-container .promo-list-mobile .panel-group .panel.panel-default + .panel {
  margin-top: 0px;
}
.promo-list-container .promo-list-mobile .panel-group .panel-heading {
  background-color: #0D417E;
  background-image: none;
}
.promo-list-container .promo-list-mobile .panel-group .panel-heading h2 {
  text-align: center;
}
.promo-list-container .promo-list-mobile .panel-group .panel-heading h2 a {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 600;
  /*font-family: "Whitney Semi Bold";*/
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF;
}
@media only screen and (max-width: 769px) {
  .promo-list-container .promo-list-browser {
    display: none;
  }
}
.promo-list-container .promo-list-image {
  margin-top: 10px;
}
.promo-list-container .promo-list-image > img {
  padding-left: 0;
}
@media only screen and (max-width: 769px) {
  .promo-list-container .promo-list-image > img {
    max-width: 400px;
  }
}
.promo-list-container ul {
  list-style: none;
  margin-top: 10px;
  padding-left: 0;
}
.promo-list-container ul li a {
  text-decoration: none;
}
.promo-list-container ul li a:after {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 10px;
  margin-left: 5px;
}
@media print {
  h3 {
    display: none;
  }
  div {
    display: inline-block;
  }
  .promo-list-mobile {
    display: none;
  }
}

.quote-card h3 {
  color: #fff;
}
.quote-card h2 {
  color: #fff;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 400;
  /*font-family: "Whitney Book";*/
  font-size: 20px;
}
.quote-card a {
  text-decoration: none;
}
.quote-card-text {
  /*background-image: url("../../../content/dam/wintrust/corporate/homepage/background-quote.jpg");*/
  text-align: center;
  /*position: absolute;*/
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
  padding: 20px 10%;
  overflow: hidden;
}
/* IE fix */
@media all and (-ms-high-contrast: none) {
  .quote-card .container {
    margin-left: 0px;
  }
}
/* 
 * Print friendly styles
 */
@media print {
  .quote-card h2 {
    font-size: 18px;
  }
}

.parbase.video .container-fluid.container {
  max-width: 100%;
}
/* 
 * Print friendly styles
 */
@media print {
  .parbase.video .container-fluid.container {
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  .icon-tile-container .col-md-5ths {
    width: 20%;
    float: left;
  }
}
.icon-tile-container.royalBlue a .icon-text,
.icon-tile-container.turquoise a .icon-text,
.icon-tile-container.salmon a .icon-text,
.icon-tile-container.darkGray a .icon-text {
  color: #FFFFFF;
}
.icon-tile-container.lightGray a .icon-text,
.icon-tile-container.white a .icon-text {
  color: #000000;
}
.icon-tile-container a,
.icon-tile-container a:hover {
  text-decoration: none;
}
.icon-tile-container .icon-image {
  padding: 20px 10px 10px;
  text-align: center;
}
.icon-tile-container .icon-image img {
  max-width: 100%;
}
.icon-tile-container .icon-text {
  padding: 5px 5px 20px;
  text-align: center;
  font-weight: bold;
}

.section.title h1,
.section.title h2,
.section.title h3,
.section.title h4,
.section.title h5 {
  color: #000;
}
.section.title h6 {
  font-family: "Agenda Bold";
  font-size: 60px;
  color: #000;
  letter-spacing: -1px;
  line-height: 30px;
}

.preferenceCenterFormWrapper h4 {
  padding-top: 0.5em;
}
span.error {
  color: red;
}
i {
  padding: 0px;
}
.preferenceCenterConfirmation {
  display: none;
}

.disclosureText p {
  font-size: 12px;
}

.disclosure h2 {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: italic;
  font-weight: 400;
  color: #000;
  /*font-family: "Whitney Book";*/
  font-size: 12px;
}
.disclosure-text {
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
  text-align: justify;
  overflow: hidden;
}

.oac {
  width: 100%;
  text-align: center;
  padding: 5px;
}
.oac .oacBody {
  display: inline-block;
}
.oac .nowrap input.oacBtnSmall {
  min-width: 150px;
  max-width: 100%;
}
.oac .nowrap input.oacBtnLarge {
  min-width: 150px;
  max-width: 100%;
  font-size: 20px;
}
.oac .wrap input.oacBtnSmall {
  white-space: normal;
  width: 215px;
}
.oac .wrap input.oacBtnLarge {
  width: 215px;
  white-space: normal;
  font-size: 20px;
}

.oacvalidation {
  padding: 5px;
}
.oacvalidation .wrap input.oacValidateBtnSmall {
  width: 215px;
  white-space: normal;
}
.oacvalidation .wrap input.oacValidateBtnLarge {
  width: 215px;
  white-space: normal;
  font-size: 20px;
}
.oacvalidation .nowrap input.oacValidateBtnSmall {
  min-width: 150px;
  max-width: 100%;
}
.oacvalidation .nowrap input.oacValidateBtnLarge {
  min-width: 150px;
  max-width: 100%;
  font-size: 20px;
}

.button {
  padding: 5px;
}
.button .wrap .btnSmall {
  white-space: normal;
  text-decoration: none;
  width: 215px;
}
.button .wrap .btnLarge {
  white-space: normal;
  text-decoration: none;
  font-size: 20px;
  width: 215px;
}
.button .nowrap .btnSmall {
  text-decoration: none;
  min-width: 215px;
  max-width: 100%;
}
.button .nowrap .btnLarge {
  text-decoration: none;
  font-size: 20px;
  min-width: 215px;
  max-width: 100%;
}

/* show card title otherwise color is white */

.image .container {
	max-width:100%;
}



/* 
 * Media breakpoints
 */

/* Extra-small screen, phone, screen <=769px */
@media only screen and (max-width: 768px) {
    .browser-image-text-card { display:none }
}

/* Small screen, tablet, 769px >= screen <=992px */
@media only screen and (min-width: 769px) and (max-width: 992px) {
	.browser-image-text-card { display:none }
}

/* Medium screen, desktop, 993px >= screen <=1200px */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	.mobile-image-text-card { display:none }
}

/* Large screen, wide desktop, screen >= 1201px */
@media only screen and (min-width: 1201px) {
	.mobile-image-text-card { display:none }
}

.imagelefttextcardText {
  padding-left: 10px;
  width: 70%;
  display: inline-block;
  vertical-align: top;
}
.imagelefttextcardImage {
  width: 29%;
  display: inline-block;
  vertical-align: top;
}
/*
 * Media breakpoints
 */
/* Extra-small screen, phone, screen <=769px */
/* Small screen, tablet, 769px >= screen <=992px */
@media only screen and (max-width: 769px) {
  .imagelefttextcardText {
    width: 100%;
    display: block;
  }
  .imagelefttextcardImage {
    width: 100%;
    display: block;
  }
}
/* Medium screen, desktop, 993px >= screen <=1200px */
/* Large screen, wide desktop, screen >= 1201px */

.section.sitemap {
  padding: 20px;
}
.section.sitemap ul {
  list-style-type: none;
}
.section.sitemap li {
  margin-left: -25px;
}

.linebreak {
  padding-bottom: 5px;
  padding-top: 5px;
}
.linebreak .text-separator {
  width: 100%;
  margin-top: 10px;
}

.profileparent {
  overflow: hidden;
  min-width: 300px;
  max-width: 100%;
}
@media (max-width: 992px) {
  .profileparent {
    margin: 0 auto;
    min-width: 150px;
    max-width: 100%;
    white-space: normal;
  }
}
.leftprofile {
  margin-left: 0px;
  text-align: center;
  width: 300px;
}
@media (max-width: 992px) {
  .leftprofile {
    min-width: 150px;
    max-width: 100%;
    white-space: normal;
  }
}
.rightprofile {
  float: right;
  text-align: center;
  width: 300px;
}
@media (max-width: 992px) {
  .rightprofile {
    text-align: center;
    margin: 0 auto;
    float: none;
    min-width: 150px;
    max-width: 100%;
    white-space: normal;
  }
}
.centerprofile {
  margin: auto;
  text-align: center;
  width: 300px;
}
@media (max-width: 992px) {
  .centerprofile {
    float: none;
    min-width: 150px;
    max-width: 100%;
    white-space: normal;
  }
}
.clearfix::after {
  clear: both;
}
.loprofile {
  padding-top: 20px;
  padding-bottom: 20px;
}
.loprofile .container.lo-profile-container h1 {
  color: #000;
}
.loprofile .container.lo-profile-container .text-separator.royalBlue {
  background-color: #0d417e;
}
.loprofile .container.lo-profile-container .text-separator.turquoise {
  background-color: #1a9b85;
}
.loprofile .container.lo-profile-container .text-separator.salmon {
  background-color: #f57055;
}
.loprofile .container.lo-profile-container .text-separator.darkGray {
  background-color: #313131;
}
.loprofile .container.lo-profile-container .text-separator.gray {
  background-color: #585858;
}
.loprofile .container.lo-profile-container .text-separator.lightGray {
  background-color: #ebebeb;
}
.loprofile .container.lo-profile-container > div > div.text-separator {
  margin-left: auto;
  margin-right: auto;
}
.loprofile .container.lo-profile-container .lo-profile-image {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  vertical-align: middle;
  padding-right: 25px;
}
.loprofile .container.lo-profile-container .lo-profile-image > img {
  max-width: 220px;
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .loprofile .container.lo-profile-container .lo-profile-image {
    height: 220px;
    width: 220px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .loprofile .container.lo-profile-container .lo-profile-image {
    height: 165px;
    width: 165px;
  }
}
.loprofile .container.lo-profile-container .lo-profile-information {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.loprofile .container.lo-profile-container .lo-profile-information > a {
  text-decoration: none;
}
.loprofile .container.lo-profile-container .lo-profile-name {
  font-weight: bold;
}
.loprofile .container.lo-profile-container .lo-profile-title {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.loprofile .container.lo-profile-container .lo-profile-company {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 0px;
}
.loprofile .container.lo-profile-container .lo-profile-credentials {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 0px;
}
.loprofile .container.lo-profile-container .lo-profile-description {
  font-size: 14px;
}
.loprofile .container.lo-profile-container .lo-profile-information .directions > a {
  text-decoration: none;
}
@media print {
  .lo-profile.section .container.lo-profile-container .row #lo-profile .carousel-inner .item .lo-profile-image {
    display: block;
    margin: auto;
  }
}

.lomenu {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
}
#lomenu a {
  padding-right: 5px;
}
#lomenu li:hover {
  background: #ebebeb !important;
}
#lomenu {
  border-top: none;
  padding-top: 90px;
}
#lomenu li {
  border-bottom: none;
  padding: 5px 10px;
}
#lomenu ul {
  list-style: none;
}
#lomenu a {
  background: none;
  color: black;
  display: block;
  text-decoration: none;
}
#lomenu {
  vertical-align: bottom;
  display: inline-block;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #lomenu a {
    background: none;
  }
  #lomenu {
    padding-top: 0px;
  }
}
@media print {
  .lo-profile.section .container.lo-profile-container .row #lo-profile .carousel-inner .item .lo-profile-image {
    display: block;
    margin: auto;
  }
}

.pagecarousel {
  margin: 0 auto;
  padding: 15px;
}
@media only screen and (min-width: 769px) {
  .pagecarousel .container {
    padding: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .pagecarousel .container {
    padding: 5px;
  }
}
.pagecarousel .container .row {
  margin-top: 20px;
}
.pagecarousel .container .row:first-child {
  padding: 0 10px;
}
.pagecarousel .container .row h1,
.pagecarousel .container .row h3 {
  color: #000;
}
.pagecarousel .container .row .text-separator.royalBlue {
  background-color: #0d417e;
}
.pagecarousel .container .row .text-separator.turquoise {
  background-color: #1a9b85;
}
.pagecarousel .container .row .text-separator.salmon {
  background-color: #f57055;
}
.pagecarousel .container .row .text-separator.darkGray {
  background-color: #313131;
}
.pagecarousel .container .row .text-separator.gray {
  background-color: #585858;
}
.pagecarousel .container .row .text-separator.lightGray {
  background-color: #ebebeb;
}
@media only screen and (min-width: 769px) {
  .pagecarousel .container .row #page-carousel .mobile-arrow-buttons {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .pagecarousel .container .row #page-carousel .browser-arrow-buttons {
    display: none;
  }
}
.pagecarousel .container .row #page-carousel .carousel-control {
  width: 4%;
  height: 60%;
  background-image: none;
}
.pagecarousel .container .row #page-carousel .carousel-control.left {
  margin-left: 15px;
}
@media only screen and (min-width: 769px) {
  .pagecarousel .container .row #page-carousel .carousel-control.left {
    margin-left: -5%;
  }
}
.pagecarousel .container .row #page-carousel .carousel-control.right {
  margin-right: 15px;
}
@media only screen and (min-width: 769px) {
  .pagecarousel .container .row #page-carousel .carousel-control.right {
    margin-right: -5%;
  }
}
.pagecarousel .container .row #page-carousel .cloneditem-1,
.pagecarousel .container .row #page-carousel .cloneditem-2,
.pagecarousel .container .row #page-carousel .cloneditem-3 {
  display: none;
}
@media all and (min-width: 769px) {
  .pagecarousel .container .row #page-carousel .cloneditem-1,
  .pagecarousel .container .row #page-carousel .cloneditem-2,
  .pagecarousel .container .row #page-carousel .cloneditem-3 {
    display: block;
  }
}
.pagecarousel .container .row #page-carousel .carousel-inner .item > div > div.text-separator {
  margin-left: auto;
  margin-right: auto;
}
.pagecarousel .container .row #page-carousel .carousel-inner .item .page-image {
  height: 140px;
  width: 355px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .pagecarousel .container .row #page-carousel .carousel-inner .item .page-image {
    height: 140px;
    width: auto;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .pagecarousel .container .row #page-carousel .carousel-inner .item .page-image {
    height: 140px;
    width: auto;
  }
}
.pagecarousel .container .row #page-carousel .carousel-inner .item .icon-name {
  font-weight: bold;
}
.pagecarousel .container .row #page-carousel .carousel-inner .item .pageOverlay {
  background-color: rgba(13, 65, 126, 0.7);
  height: 140px;
  width: 355px;
  padding: 0 20px 0;
  position: absolute;
  bottom: 0;
}
.pagecarousel .container .row #page-carousel .carousel-inner .item .pageOverlay h2 {
  color: #fff;
}
.pagecarousel .container .row #page-carousel .carousel-inner .item .pageOverlay h1 {
  font-family: "Agenda Bold";
  font-size: 50px;
  color: #FFFFFF;
  letter-spacing: 0px;
  line-height: 50px;
}
.pagecarousel .container .row #page-carousel .carousel-inner .item .pageOverlay h1,
.pagecarousel .container .row #page-carousel .carousel-inner .item .pageOverlay p {
  color: #ffffff;
}
@media all and (min-width: 769px) {
  .pagecarousel .container .row #page-carousel .carousel-inner > .active.left,
  .pagecarousel .container .row #page-carousel .carousel-inner > .prev {
    left: -33%;
  }
  .pagecarousel .container .row #page-carousel .carousel-inner > .active.right,
  .pagecarousel .container .row #page-carousel .carousel-inner > .next {
    left: 33%;
  }
  .pagecarousel .container .row #page-carousel .carousel-inner > .left,
  .pagecarousel .container .row #page-carousel .carousel-inner > .prev.right,
  .pagecarousel .container .row #page-carousel .carousel-inner > .active {
    left: 0;
  }
}
@media all and (min-width: 769px) and (transform-3d), all and (min-width: 769px) and (-webkit-transform-3d) {
  .pagecarousel .container .row #page-carousel .carousel-inner > .item.active.right,
  .pagecarousel .container .row #page-carousel .carousel-inner > .item.next {
    transform: translate3d(33%, 0, 0);
    left: 0;
  }
  .pagecarousel .container .row #page-carousel .carousel-inner > .item.active.left,
  .pagecarousel .container .row #page-carousel .carousel-inner > .item.prev {
    transform: translate3d(-33%, 0, 0);
    left: 0;
  }
  .pagecarousel .container .row #page-carousel .carousel-inner > .item.left,
  .pagecarousel .container .row #page-carousel .carousel-inner > .item.prev.right,
  .pagecarousel .container .row #page-carousel .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

/* show card title otherwise color is white */


.headerLogo .logoImage {
	float:left;
    display:block;
}

.logoImage {
	padding-bottom: 15px;
}
#trusteerdialog {
  display: none;
}
button#leave-site-speedbump {
  border: 1px solid #ebebeb;
  border-radius: 4px;
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 600;
  /*font-family: "Whitney Semi Bold";*/
  font-size: 14px;
  color: #000000;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0;
}
button#leave-site-speedbump:hover {
  background-color: #2E66A8;
}
span.ui-state-default {
  display: none;
}
.ui-widget-header {
  border: #0d417e;
  background: #0d417e;
}
.ui-widget-header span.ui-dialog-title {
  color: #ffffff;
}
.ui-dialog {
  position: fixed;
  left: 50%;
  margin-left: -200px;
  /*half of width 400px*/
  top: 25%;
}
.ui-dialog button.ui-dialog-titlebar-close {
  border: none;
  background: none;
  margin: -15px 0 0 0;
  color: #ffffff;
}
.ui-widget-overlay {
  background: none;
  background-color: #000000;
  opacity: 0.6;
}
.ui-widget-header .ui-icon {
  background-image: url('../../clientlibs/wintrust/granite/jquery-ui/css/images/ui-icons_ffffff_256x240.png') !important;
}


/* adds carrot ">" to all Call To Action links with the class "ctaText" */
a.ctaText {
  text-decoration: none;
}
a.ctaText:after {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 10px;
  margin-left: 5px;
}
/* makes outermost container full screen width */
#wrap > .container {
  width: 100% !important;
  padding-left: 0px;
  padding-right: 0px;
}
/* removes margin on right of mobile screens*/
html,
body {
  overflow-x: hidden;
}
/* Wintrust-specific CSS from Comps/Style Guide */
/* 
Take repeating things like hex color codes & specify them in a "variables.css" file.
Makes CSS more human-readable.

Colors
	Royal blue:  #0D417E
	Turquoise:  #1A9B85
	Salmon:  #F57055
	
	Dark Grey:  #313131
	Grey:  #585858
	Light Gray:  #EBEBEB

Fonts
	"Agenda Bold"
	"Whitney Medium"
	"Whitney Semi Bold"
	"Whitney Book"
	
Font colors
	#FFFFFF white
	#000000 black
	#585858 dark grey
	#0D417E royal blue
*/
/* Are any fallback formats necessary? e.g., embedded-opentype, woff2, woff, truetype, svg */
/* Other fonts are included - e.g., WhitneySSm-MediumItalic-Adv.otf is italics version of the Medium font*/
@font-face {
  font-family: "Agenda Bold";
  src: url('../../clientlibs/wintrust/fonts/agenda-bold.eot');
  src: url('../../clientlibs/wintrust/fonts/agenda-boldd41d.eot?#iefix') format('embedded-opentype'), url('../../clientlibs/wintrust/fonts/agenda-bold.otf') format('opentype');
}
@font-face {
  font-family: "Whitney Medium";
  src: url('../../clientlibs/wintrust/fonts/WhitneySSm-Medium-Adv.eot');
  src: url('../../clientlibs/wintrust/fonts/WhitneySSm-Medium-Advd41d.eot?#iefix') format('embedded-opentype'), url('../../clientlibs/wintrust/fonts/WhitneySSm-Medium-Adv.otf') format('opentype');
}
@font-face {
  font-family: "Whitney Semi Bold";
  src: url('../../clientlibs/wintrust/fonts/WhitneySSm-Semibold-Adv.eot');
  src: url('../../clientlibs/wintrust/fonts/WhitneySSm-Semibold-Advd41d.eot?#iefix') format('embedded-opentype'), url('../../clientlibs/wintrust/fonts/WhitneySSm-Semibold-Adv.otf') format('opentype');
}
@font-face {
  font-family: "Whitney Book";
  src: url('../../clientlibs/wintrust/fonts/WhitneySSm-Book-Adv.eot');
  src: url('../../clientlibs/wintrust/fonts/WhitneySSm-Book-Advd41d.eot?#iefix') format('embedded-opentype'), url('../../clientlibs/wintrust/fonts/WhitneySSm-Book-Adv.otf') format('opentype');
}
#header .nav-justified > li > a,
.meganav-browser .nav-tabs > li > a,
.call-to-action a {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 600;
  /*font-family: "Whitney Semi Bold";*/
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
}
.call-to-action a {
  color: #0D417E;
}
/* Headlines within banners, or main section titles */
h1 {
  font-family: "Agenda Bold";
  font-size: 30px;
  color: #000;
  letter-spacing: -1px;
  line-height: 30px;
  /*percent or "em" considered better? just curious */
}
/* Sidebar or module headlines or page subtitles */
h2 {
  font-family: "Agenda Bold";
  font-size: 24px;
  color: #000000;
  /* also  #FFFFFF*/
  letter-spacing: -0.5px;
  line-height: 24px;
}
/* Used as a label in conjunction with Header 1, or on its own in sidebars.  In ALL CAPS. */
h3 {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 500;
  /*font-family: "Whitney Medium";*/
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: -0.5px;
  line-height: 22px;
  text-transform: uppercase;
}
h3 > a {
  color: #1a9b85;
  text-decoration: none;
  cursor: pointer;
}
/* Display within banners */
h4 {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 400;
  /*font-family: "Whitney Book";*/
  font-size: 18px;
  /*color: #FFFFFF;*/
  /*white inside of banner div, when that is created*/
  letter-spacing: -0.5px;
  line-height: 22px;
}
/* List font, breadcrumb links, or font for sidebar items */
h5 {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 400;
  /*font-family: "Whitney Book";*/
  font-size: 16px;
  color: #000000;
  letter-spacing: 0px;
  line-height: 22px;
}
/* Caption or secondary font */
h6 {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 400;
  /*font-family: "Whitney Book";*/
  font-size: 14px;
  color: #585858;
  letter-spacing: 0px;
  line-height: 22px;
}
.product-card-subtitle + h1 {
  margin-top: 10px;
}
body {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 400;
  /*font-family: "Whitney Book";*/
  font-size: 16px;
  color: #000000;
  /* also #FFFFFF */
  letter-spacing: 0px;
  line-height: 22px;
  margin-bottom: 10px;
  /* em is an alternative */
}
a {
  color: #0D417E;
  text-decoration: underline;
}
img {
  max-width: 100%;
}
.primary-btn {
  background-color: #0D417E;
  border: 1px solid #FFFFFF;
}
.primary-btn:hover {
  background-color: #2E66A8;
}
.primary-btn h3 {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 600;
  /*font-family: "Whitney Semi Bold";*/
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0px;
}
.secondary-btn {
  background-color: #FFFFFF;
  border: 1px solid #0D417E;
}
.secondary-btn:hover {
  color: #2E66A8;
  /* or #EBEBEB if using white */
  border: 1px solid #2E66A8;
  /* or #EBEBEB if using white */
}
.secondary-btn h3 {
  font-family: "Whitney SSm A", "Whitney SSm B";
  font-style: normal;
  font-weight: 600;
  /*font-family: "Whitney Semi Bold";*/
  font-size: 14px;
  color: #0D417E;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0px;
}
/* Expanding content panels, ex:  > Event Category 1,  > Event Category 2 */
.expand-label {
  font-family: "Agenda Bold";
  font-size: 24px;
  font-color: #0D417E;
  letter-spacing: -0.5px;
}
.navbar {
  margin-top: 10px;
}
.navbar-collapse {
  padding: 0;
}
@media (min-width: 768px) {
  .nav:before {
    display: none;
    content: "";
  }
  .nav-justified {
    display: flex;
    justify-content: space-between;
  }
  .nav-justified > li {
    display: block;
    width: auto;
  }
  .nav-justified .first a {
    padding-left: 0;
  }
  .nav-justified .last a {
    padding-right: 0;
  }
}
/* consider making a mixin for different colors ->
	https://css-tricks.com/snippets/css/useful-css3-less-mixins/ */
/*from comp, not used yet */
.background-photo .royal-blue:hover {
  position: relative;
  top: 0px;
  /*width:320px;
	height:240px;*/
  /* Needs specific width/height? */
  background: #0D417E;
  opacity: 0.7;
}
.background-photo .turquoise:hover {
  position: relative;
  top: 0px;
  /*width:320px;
	height:240px;*/
  /* Needs specific width/height? */
  background: #1A9B85;
  opacity: 0.7;
}
.background-photo .salmon:hover {
  position: relative;
  top: 0px;
  /*width:320px;
	height:240px;*/
  /* Needs specific width/height? */
  background: #F57055;
  opacity: 0.7;
}
/*
ex:
<div class="background-photo">
	<div class="royal-blue">
	</div>
</div>
*/
.eyebrow-accent {
  background-color: #0D417E;
  height: 12px;
}
.text-separator {
  background-color: #1A9B85;
  width: 50px;
  height: 3px;
  margin-bottom: 10px;
}
/*general rule, but especially for Location results, Office locator -->> ought to be more specific, causes
 problems when icons are used alongside search bars, as the search button text.  Look for instances of padding:0px */
i {
  padding: 5px;
}
div.royalBlue {
  background-color: #1a9b85;
}
div.turquoise {
  background-color: #1a9b85;
}
div.salmon {
  background-color: #f57055;
}
div.darkGray {
  background-color: #313131;
}
div.gray {
  background-color: #585858;
}
div.lightGray {
  background-color: #ebebeb;
}
div.white {
  background-color: #ffffff;
}
/* TODO remove the following */
div.this-class-does-not-exist {
  color: #000;
}
.ui-datepicker {
  width: 100%;
}
.ui-datepicker table {
  font-size: .6em;
}
.ui-datepicker td span,
.ui-datepicker td a {
  padding-left: .1em;
  padding-right: .1em;
}
#winWcmEditMessage {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  line-height: normal;
  font-size: small;
}

.left-col-profile .expert-portrait-container {
  margin-bottom: 10px;
}
.left-col-profile .expert-portrait-container img {
  max-width: 100%;
  width: 100%;
}
.left-col-profile .expert-name {
  font-weight: bold;
}
.left-col-profile .expert-title,
.left-col-profile .expert-location,
.left-col-profile .expert-company,
.left-col-profile .expert-credentials {
  font-size: 12px;
  line-height: normal;
}
.left-col-profile .expert-icons {
  color: #2e66a8;
  font-size: 30px;
  margin: 10px 0;
}
.left-col-profile .expert-icons > a {
  margin: 0 15px;
}
.left-col-profile .expert-icons > a:first-child {
  margin-left: 0;
}
@media only screen and (min-width: 993px) {
  .left-col-profile .expert-icons > a.expert-phone {
    cursor: default;
    pointer-events: none;
  }
}
.left-col-profile .expert-icons > i {
  cursor: default;
}
.lo-award {
  max-width: 250px;
  display: inline-block;
}

.article-container .article-main {
  float: left;
  padding: 5px 15px;
  width: 800px;
}
@media only screen and (max-width: 993px) {
  .article-container .article-main {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.article-container .article-main img {
  max-width: 100%;
}
.article-container .article-right-rail {
  float: right;
  padding-right: 15px;
  width: 340px;
}
@media only screen and (max-width: 993px) {
  .article-container .article-right-rail {
    display: none;
  }
}
.article-container .newsletterFormWrapper .container {
  width: 340px;
}
/** TODO: move this into the related articles component styles **/
.related-articles {
  clear: both;
  margin: 0 auto;
  padding: 5px 15px;
  width: 1170px;
}

/*
.generate-columns(4);

.generate-columns(@n, @i: 1) when (@i =< @n) {
  .column-@{i} {
    width: (@i * 100% / @n);
  }
  .generate-columns(@n, (@i + 1));
}*/
/*.generate-columns(4);

.generate-grid(@n, @i: 1) when (@i =< @n) {
  .column-@{i} {
    width: (@i * 100% / @n);
  }
  .generate-columns(@n, (@i + 1));
}*/
div[class*="cq-grid-"]:after {
  content: "";
  display: table;
  clear: both;
}
div[class*="cq-grid-"] div[class*="cq-grid-"] {
  float: left;
  padding: 0 20px;
}
@media (max-width: 768px) {
  div[class*="cq-grid-"] div[class*="cq-grid-"] {
    float: none;
    width: 100% !important;
  }
}
.cq-grid-50-50-c0,
.cq-grid-50-50-c1 {
  width: 50%;
}
.cq-grid-66-33-c0 {
  width: 66%;
}
.cq-grid-66-33-c1 {
  width: 33%;
}
.cq-grid-33-66-c0 {
  width: 33%;
}
.cq-grid-33-66-c1 {
  width: 66%;
}
.cq-grid-33-33-33-c0,
.cq-grid-33-33-33-c1,
.cq-grid-33-33-33-c2 {
  width: 33%;
}
.cq-grid-50-25-25-c0 {
  width: 50%;
}
.cq-grid-50-25-25-c1,
.cq-grid-50-25-25-c2 {
  width: 25%;
}
.cq-grid-25-25-50-c0,
.cq-grid-25-25-50-c1 {
  width: 25%;
}
.cq-grid-25-25-50-c2 {
  width: 50%;
}
.cq-grid-16-16-16-33-c0,
.cq-grid-16-16-16-33-c1,
.cq-grid-16-16-16-33-c2 {
  width: 16%;
}
.cq-grid-16-16-16-33-c3 {
  width: 33%;
}
.cq-grid-25-25-25-25-c0,
.cq-grid-25-25-25-25-c1,
.cq-grid-25-25-25-25-c2,
.cq-grid-25-25-25-25-c3 {
  width: 25%;
}
.cq-grid-20-20-20-20-20-c0,
.cq-grid-20-20-20-20-20-c1,
.cq-grid-20-20-20-20-20-c2,
.cq-grid-20-20-20-20-20-c3,
.cq-grid-20-20-20-20-20-c4 {
  width: 20%;
}