/** Fix Sticky Header Vertical Menu Issue **/
#t4-header.t4-sticky{
	position: fixed;
	width: 100vw;
}
body .t4-slideshow {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
/** End **/

.row {
    --t4-gutter-x: 0px !important;
    --t4-gutter-y: 0px !important;
}

@media (min-width: 1200px) {
  .t4-main-body {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

.t4-main-body {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

@media (max-width: 575.98px) {
  #t4-header.t4-sticky {
    position: fixed !important;
    top: 0px !important;
    z-index: 30 !important;
  }
  .not-at-top #t4-header.t4-sticky {
    background-color: #E3E6EF !important;
    z-index: 30 !important;
  }
}

.not-at-top #t4-header.t4-sticky {
    background-color: #E3E6EF !important;
    z-index: 30 !important;
}

.t4-content {
    background-image: none !important;
}

h3, .h3 {
    color: #0058a9 !important;
    font-weight: 600 !important;
}

.logo-img {
    background-image: url('https://klaasfinancial.com/images/klaas-logo-white-1200.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.not-at-top .logo-img {
    background-image: url('https://klaasfinancial.com/images/klaas-logo-1200.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

@media (min-width: 1400px) {
  .container, .t4-masthead .t4-masthead-detail, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1800px !important;
  }
}

.btn {
    --t4-btn-padding-x: 15px !important;
    --t4-btn-padding-y: 8px !important;
    --t4-btn-font-size: 18px !important;
    --t4-btn-border-radius: 20px !important;
}

.btn-primary {
    border: 1px solid #0058A9 !important;
    background-color: #0058A9 !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    border: 1px solid #0058A9 !important;
    background-color: #ffffff !important;
    color: #0058A9 !important;
    opacity: 1 !important;
}

.not-at-top .btn-primary {
    border: 1px solid #0058A9 !important;
    background-color: #0058A9 !important;
    color: #ffffff !important;
}

.not-at-top .btn-primary:hover {
    border: 1px solid #0058A9 !important;
    background-color: rgba(0,0,0,0) !important;
    color: #0058A9 !important;
    opacity: 1 !important;
}

.btn-secondary {
    border: 1px solid #fff !important;
    background-color: rgba(0,0,0,0) !important;
    color: #ffffff !important;
}

.btn-secondary:hover {
    border: 1px solid #0058A9 !important;
    background-color: #0058A9 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.not-at-top .btn-secondary {
    border: 1px solid #000000 !important;
    background-color: rgba(0,0,0,0) !important;
    color: #000000 !important;
}

.not-at-top .btn-secondary:hover {
    border: 1px solid #0058A9 !important;
    background-color: #0058A9 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.btn-schedule-vertical {
    border: 1px solid #000000 !important;
    background-color: rgba(0,0,0,0) !important;
    color: #000000 !important;
}

.btn-schedule-vertical:hover {
    border: 1px solid #0058A9 !important;
    background-color: #0058A9 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.btn-black {
    border: 1px solid #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    font-size: 18px !important;
    min-width: 120px !important;
    margin-right: 20px !important;
}

.btn-black:hover {
    border: 1px solid #000000 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    opacity: 1 !important;
    border-radius: 0px !important;
    font-size: 18px !important;
    min-width: 120px !important;
    margin-right: 20px !important;
}

.header-nav-links {
    color: #ffffff;
}

.not-at-top .header-nav-links {
    color: #000000;
}

.header-nav-links a {
    color: #ffffff;
}

.not-at-top .header-nav-links a {
    color: #000000;
}

.not-at-top .sm-btn-141 .menu-icon3 span {
    background: #000000 !important;
}

.menu-icon-cont .menu-icon3 {
    margin: 4px !important;
}

.menu-icon3 span:nth-child(2) {
    top: 12px !important;
    left: 9px !important;
    width: 15px !important;
}

.menu-icon3 span:nth-child(3) {
    top: 20px !important;
    left: 14px !important;
    width: 10px !important;
}

.sm-close .menu-icon3 span:nth-child(3) {
    top: 16px !important;
    left: 0px !important;
    width: 100% !important;
}

#t4-footer .bg-overlay-image {
    display: none !important;
}

.t4-footer {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.footer-logo-border {
    border-right: 1px solid #829bb3;
    padding-right: 50px;
    min-height: 150px;
}

@media (max-width: 767.98px) {
  .footer-logo-border {
    border-right: 0px solid #829bb3;
  }
}

.item-page [itemprop="articleBody"] {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.item-page .article-aside {
    display: none !important;
}

.services-home-images {
    min-height: 180px !important;
}

.services-home-text {
    min-height: 100px !important;
}

.event-blue-box {
    border-radius: 30px !important;
}

.rounded-blue-box {
    border-radius: 30px !important;
}

.t4-footer .nav > li > a {
    padding: 0px !important;
}

.off-menu_141 dl dt.opened a, .off-menu_141 dl.level1 dt.opened a, .off-menu_141 dl dt.hover a, .off-menu_141 dl dt:hover a, .off-menu_141 dl.level1 dt.hover a, .off-menu_141 dl.level1 dt:hover a {
    font-family: 'Urbanist',sans-serif !important;
}

.off-menu_141 dl a, .off-menu_141 dl a:link, .off-menu_141 dl.level1 a, .off-menu_141 dl.level1 a:link, .off-menu_141 dl.level2 a, .off-menu_141 dl.level2 a:link, .off-menu_141 dl.level3 a, .off-menu_141 dl.level3 a:link {
    font-family: 'Urbanist',sans-serif !important;
}

.ja-masthead {
    min-height: 600px !important;
}

@media (max-width: 575.98px) {
  .ja-masthead {
    min-height: 300px !important;
}
}

.ja-masthead .ja-masthead-detail {
    padding: 150px 0px 100px 60px;
    max-width: inherit !important;
    text-align: left !important;
    z-index: 3 !important;
}

.ja-masthead-title {
    z-index: 21 !important;
    color: #ffffff !important;
    font-size: 80px !important;
    line-height: 0.9 !important;
    font-weight: 600 !important;
}

.home-events-image img {
    max-height: 220px !important;
}

.bottom-large {
    padding-bottom: 0px !important;
}

.top-large {
    padding-top: 0px !important;
}

.item-page img {
    border-radius: 0px;
}

/*.sppb-flipbox-front {
    justify-content: end !important;
}*/

.team-member .image-layout-preset-style-poster .sppb-addon-image-layout-content {
margin: 0px !important;
text-align: left !important;
bottom: 0 !important;
width: 100% !important;
}

.team-member .sppb-addon-image-layout-content {
padding: 10px !important;
}

.team-member .sppb-addon-image-layout-text p {
margin-bottom: 0px !important;
}

.retirement-roadmap-table-container table {
    display: table !important;
    width: 100% !important;
    text-align: center !important;
}

.retirement-roadmap-table-container table td {
    padding: 1rem !important;
    border-bottom: 1px solid black !important;
}

.retirement-roadmap-table-container table .blue {
    color: #ffffff !important;
    background: #214f9d !important;
    border-bottom: 1px solid white !important;
}

.retirement-roadmap-table-container table .grey {
    background: #e1e3ea !important;
}

.retirement-roadmap-table-container table .white {
    background: #ffffff !important;
}

.retirement-roadmap-table-container .retirement-roadmap-table-header {
    font-size: 1.15rem;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

.retirement-roadmap-table-container .retirement-roadmap-disclosure {
    font-size: 0.85rem;
    margin-top: 1rem;
    font-style: italic;
}

.form-select {
    width: 240px !important;
    border-radius: 16px !important;
}

/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,  
.vresponsive-iframe-container object, 
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}