/** * COMMUNITY MEMBER */ /** * ALL ROLES */ /** * COLORS */ /** * TYPOGRAPHY */ @font-face { font-family: 'Nunito Sans'; src: url('https://fonts.googleapis.com/css?family=Nunito+Sans'); } h1 { font-size: 220%; font-weight: 100; } h2 { font-size: 180%; font-weight: 100; } h3 { font-size: 165%; font-weight: 300; } h4 { font-size: 140%; } h5 { font-size: 130%; } h1, h2, h3, h4, h5, h6 { font-family: 'Nunito Sans', 'Arial', sans-serif; } h1, h2, h3, h4 { color: #666666; font-weight: 200; } h5, h6, p { color: #333333; font-weight: 400; } p { font-family: 'Nunito Sans', 'Arial', sans-serif; } h3, h4, h5, h6 { margin-left: 1em; } h3 ~ p, h4 ~ p, h5 ~ p, h6 ~ p, h3 ~ span, h4 ~ span, h5 ~ span, h6 ~ span, h3 ~ div, h4 ~ div, h5 ~ div, h6 ~ div, h3 ~ table, h4 ~ table, h5 ~ table, h6 ~ table, h3 ~ strong, h4 ~ strong, h5 ~ strong, h6 ~ strong, h3 ~ ol, h4 ~ ol, h5 ~ ol, h6 ~ ol, h3 ~ ul, h4 ~ ul, h5 ~ ul, h6 ~ ul, h3 ~ dl, h4 ~ dl, h5 ~ dl, h6 ~ dl { margin-left: 1.8em; } .ui-button-icon, a { color: #1879bf; } .ui-button-icon:visited, a:visited { color: #1879bf; } .ui-button-icon:active, a:active, .ui-button-icon:focus, a:focus { outline: none !important; } b, strong { font-weight: 700; } /** * VARIABLES */ /** * LINKS */ a { color: #1879bf; } a:active, a:visited { color: #1879bf; } a:hover, a:focus { color: #333333; } .elm-meta-data a, .elm-meta-data a, .elm-pdf-export .mt-icon-article-pdf { color: #1879bf; } .elm-meta-data a:active, .elm-meta-data a:active, .elm-pdf-export .mt-icon-article-pdf:active { color: #1879bf; } .elm-meta-data a:hover, .elm-meta-data a:hover, .elm-pdf-export .mt-icon-article-pdf:hover, .elm-meta-data a:focus, .elm-meta-data a:focus, .elm-pdf-export .mt-icon-article-pdf:focus { color: #333333; } .columbia-article-topic .mt-content-container .ui-button-icon, .columbia-article-topic .mt-content-container .ui-button-icon:visited, .columbia-article-topic .mt-content-container a, .columbia-article-topic .mt-content-container a:visited, .columbia-article-howto .mt-content-container .ui-button-icon, .columbia-article-howto .mt-content-container .ui-button-icon:visited, .columbia-article-howto .mt-content-container a, .columbia-article-howto .mt-content-container a:visited, .columbia-article-reference .mt-content-container .ui-button-icon, .columbia-article-reference .mt-content-container .ui-button-icon:visited, .columbia-article-reference .mt-content-container a, .columbia-article-reference .mt-content-container a:visited { text-decoration: underline; } .mt-search-container a, .mt-search-container .ui-button-icon, .mt-search-container a:visited, .mt-search-container .ui-button-icon:visited { color: #1879bf !important; text-decoration: none !important; font-weight: normal !important; } .mt-f1-link.mt-f1-video:focus, .mt-primary-link:focus, .ui-button-icon:active, .ui-button-icon:focus, a:active, a:focus { outline: none !important; } .ui-widget button.mt-toggle, button.mt-toggle { color: #1879bf; } .ui-widget button.mt-toggle:hover, button.mt-toggle:hover, .ui-widget button.mt-toggle:focus, button.mt-toggle:focus { color: #333333; } .no-touch a { color: #1879bf; } .no-touch a:active, .no-touch a:visited { color: #1879bf; } .no-touch a:hover, .no-touch a:focus { color: #333333; } .no-touch .ui-widget button.mt-toggle, .no-touch button.mt-toggle { color: #1879bf; } .no-touch .ui-widget button.mt-toggle:hover, .no-touch button.mt-toggle:hover, .no-touch .ui-widget button.mt-toggle:focus, .no-touch button.mt-toggle:focus { color: #333333; } /** * SITE HEADER */ .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-md-3 { width: 25%; float: left; } @media (max-width: 999px) { .col-sm-6, .col-xs-6 { width: 50%; float: left; } } @media (max-width: 999px) { .col-sm-3 { width: 25%; float: left; } } .fl-page-header-white { background: #ffffff; border-bottom: 1px solid #ececec; padding: 0 30px; height: 7em; } .elm-header-logo-container { display: none; } .logo-box { background-image: url('https://hellofurther.com/wp-content/uploads/2018/03/Further_logo_dark_retina.png'); background-size: cover; height: 65px; width: 180px; margin: 10px 0 30px; float: left; margin-left: 40px; } @media (max-width: 320px) { .logo-box { margin-left: -20px; margin-right: auto; margin-top: 5px; margin-bottom: 15px; width: 125px; height: 50px; float: left; } } @media (min-width: 320px) and (max-width: 500px) { .logo-box { margin-right: auto; margin-top: 18px; margin-left: -20px; margin-bottom: 20px; } } @media (max-width: 1000px) { .logo-box { float: none; position: relative; left: 7px; margin-top: 18px; margin-bottom: 20px; margin-left: auto; margin-right: auto; } } .nav-list { width: auto; display: block; margin: auto; padding-top: 30px; float: right; display: none; } @media (min-width: 1001px) { .nav-list { display: block; } } .nav-links { margin: 0; padding: 0; float: none; text-align: left; } @media (min-width: 1001px) { .nav-links { text-align: right; } } .dropdown-contentmobile { display: none; z-index: 999; width: 100%; height: auto; position: absolute; left: 0; margin-top: 6.2em; border: none; background: #333333; box-shadow: 0 4px 13px rgba(0, 0, 0, 0.23); padding: 0.4em 0.3em; opacity: 0; transition: all 0.3s ease; } @media (min-width: 1001px) { .dropdown-contentmobile { display: none; } } .dropdown-contentmobile.showmobile { opacity: 1; z-index: 999; display: block; animation-name: fadey; animation-duration: 0.5s; } .dropdown-contentmobile ul { padding-left: 0; } .dropdown-contentmobile li { margin: 30px 0; list-style-type: none; } .nav-mobile-list { padding-top: 10px; float: right; } @media (max-width: 1000px) { .nav-mobile-list { float: left; } } @media (min-width: 1001px) { .nav-mobile-list { display: none; } } .dropbtnmobile { background: #ffffff !important; position: relative; display: block; height: 32px; width: 32px; float: left; margin-top: 30px; border: none; border-radius: 0; box-shadow: none; } @media (max-width: 320px) { .dropbtnmobile { height: 24px; width: 24px; margin-top: 1px; } } .dropbtnmobile:before { content: ''; display: inline-block; background: url('https://hellofurther.com/wp-content/uploads/2018/03/menu.png') no-repeat; background-size: cover; width: 30px; height: 30px; } .dropbtnmobile:hover, .dropbtnmobile:focus, .dropbtnmobile:active { background: #ffffff; border: none !important; outline: none !important; } @media (max-width: 999px) { .dropbtnmobile:hover, .dropbtnmobile:focus, .dropbtnmobile:active { background: #ffffff !important; color: #ffffff !important; outline: 0 !important; box-shadow: none !important; } } .nav-links li, .nav-mobile-list li { margin: 0; list-style-type: none !important; margin-right: 20px; float: left; } @media (max-width: 1000px) { .nav-links li, .nav-mobile-list li { font-size: 17px; list-style-type: none; margin: 10px 0; } } .nav-links a, .nav-mobile-list a { width: auto; text-transform: none; text-decoration: none; line-height: 16px; font-family: 'Nunito Sans', 'Arial', sans-serif; font-weight: 300; font-size: 16px; padding: 8px 25px; border-radius: 24px; text-align: center; color: #333333; animation-name: fadey; animation-delay: 0.2s; transition: all 0.6s ease; } .nav-links a:hover, .nav-mobile-list a:hover, .nav-links a:focus, .nav-mobile-list a:focus { color: #000000 !important; background: #ececec; transition: all 0.2s ease; } .nav-links a:active, .nav-mobile-list a:active, .nav-links a:visited, .nav-mobile-list a:visited { color: #333333; background: #f5f5f5; } .sign-ins { display: block; margin: 0; padding: 0; float: right; margin-top: 35px; margin-right: 10px; } @media (max-width: 320px) { .sign-ins { margin-top: 10px; } } .dropdown { position: relative; display: inline-block; } .dropdown-content { position: relative; display: none; width: auto; height: auto; margin-top: 1em !important; border: none; background: #333333; box-shadow: -0.25em 0.25em 0.68em -0.125em rgba(0, 0, 0, 0.23); padding: 0.4em 0.3em; opacity: 0; } @media (max-width: 1000px) { .dropdown-content { width: auto; height: auto; z-index: 999; margin-top: 5px; position: absolute; right: -10px; box-shadow: 0 0 0; transition: all 0.3s ease; } } @media (min-width: 1001px) { .dropdown-content { z-index: 999; width: 100%; position: absolute; } } .dropdown-content.showsignin { display: block; z-index: 999; opacity: 1; animation-name: fadey; animation-duration: 0.5s; } .dropdown-content a { display: block; width: auto; text-transform: none; text-decoration: none; line-height: 16px; font-family: 'Nunito Sans', 'Arial', sans-serif; font-weight: 300; font-size: 15px !important; padding: 8px 20px !important; margin: 2px 7px; border-radius: 20px; text-align: center; color: #ffffff; transition: all 0.3s ease; } @media (max-width: 1000px) { .dropdown-content a { display: block; text-decoration: none; text-transform: none; text-align: right; font-size: 17px !important; float: right; font-weight: 200; line-height: 18px; width: auto; padding: 8px 35px !important; margin: 12px 5px; border-radius: 20px; color: #ffffff !important; transition: all 0.3s ease; } } .dropdown-content a:hover, .dropdown-content a:focus { background: #545454; cursor: pointer; color: #ffffff !important; text-decoration: none; transition: all 0.3s ease; } .dropdown-content a, .dropdown-contentmobile a { width: auto; text-transform: none; text-decoration: none; line-height: 16px; font-family: 'Nunito Sans', 'Arial', sans-serif; font-weight: 300; font-size: 17px; padding: 8px 35px; border-radius: 20px; text-align: center; color: #ffffff; animation-name: fadey; animation-delay: 0.2s; } .dropdown-content a:visited, .dropdown-contentmobile a:visited { color: #ffffff; } .dropdown-content a:hover, .dropdown-contentmobile a:hover, .dropdown-content a:focus, .dropdown-contentmobile a:focus { background: rgba(255, 255, 255, 0.1); cursor: pointer; color: #ffffff !important; text-decoration: none; transition: all 0.3s ease; } .dropbtn { background: linear-gradient(180deg, #ffcd06, #ffb828); padding: 0.65em 2em; border-radius: 2em; color: #333333; border: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); font-family: 'Nunito Sans', 'Arial', sans-serif; font-size: 17px; line-height: 17px; text-align: center; transition: all 0.3s ease; } @media (max-width: 320px) { .dropbtn { margin: 0; border-radius: 0; } } @media (max-width: 1000px) { .dropbtn { background: transparent; height: 40px; width: 40px; align-content: center; margin: 5px; padding: 0; background-size: cover; color: transparent; font-size: 14px; font-weight: 700; line-height: 2px; border-radius: 0; text-align: center; box-shadow: none; } } .dropbtn:hover, .dropbtn:focus, .dropbtn:active { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important; background: linear-gradient(180deg, #ffcd06, #ffb828); border: 0 !important; cursor: pointer; color: #333333 !important; outline: none; transition: all 0.3s ease; } @media (max-width: 999px) { .dropbtn:hover, .dropbtn:focus, .dropbtn:active { background: #ffffff !important; color: transparent !important; outline: none !important; box-shadow: none !important; } } @media (min-width: 1000px) { .dropbtn:hover, .dropbtn:focus, .dropbtn:active { background: linear-gradient(180deg, #ffb828, #ffb828) !important; outline: none; color: #ffffff; text-decoration: none !important; } } @media (max-width: 320px) { .dropbtn:before { height: 26px; width: 26px; } } @media (max-width: 1000px) { .dropbtn:before { content: ''; display: inline-block; background: url('https://hellofurther.com/wp-content/uploads/2018/03/profile.png') no-repeat; background-size: cover; width: 30px; height: 30px; } } @media (max-width: 1000px) { .dropbtn:after { display: inline-block; margin-top: 0; content: 'Sign In '; color: #333333; font-size: 10px; position: relative; top: 1px; font-weight: 900; } } .welcomebar { font-size: 1.2em; padding: 12px 20px 10px; font-weight: 100; border: none; border-bottom: 3px solid #ffcd06; text-align: center; } .elm-header-user-nav { color: #ffffff; border: 0; background: #333333; opacity: 1; padding: 8px; } .elm-header-user-nav li { margin: 0; text-align: left; font-size: 12px; font-weight: 100; } @media (max-width: 18.75em) { .elm-header-user-nav li { font-size: 24px; } } @media (min-width: 18.76em) { .elm-header-user-nav li { font-size: 20px; } } .elm-header-user-nav a { color: #ffffff; } .elm-header-user-nav a:hover, .elm-header-user-nav a:focus { color: #ffffff; } .elm-global-search { width: 100%; } .columbia-page-special .elm-header-user-nav .elm-search-back { display: none; } .no-touch .elm-header-user-nav a:hover { color: #ececec; } .mt-quick-search-container { width: 100%; } .mt-quick-search-container .mt-search, .mt-quick-search-container .mt-search:hover { width: 100%; background: #ffffff; border: 2px solid #ffffff; border-radius: 30px; } @media (min-width: 37.5em) { .mt-quick-search-container .mt-search, .mt-quick-search-container .mt-search:hover { font-size: 20px; } } .mt-quick-search-container .mt-button { font-size: 145%; height: 1.15em; line-height: 1.1; margin: -1.15em 0 0; overflow: hidden; position: relative; width: 1.55em; transition: all 0.6s ease; } .mt-quick-search-container .mt-button, .mt-quick-search-container .mt-button:hover { color: #1879bf; } .mt-quick-search-container .mt-text:active, .mt-quick-search-container input:active { box-shadow: 0 0; } @keyframes fadey { from { opacity: 0; transform: translate(0, -10px); } to { opacity: 1; transform: translate(0, 0); } } @keyframes fadeyout { from { opacity: 1; } to { opacity: 0; transform: translate(10px, 0); } } .mt-custom-home { background: url(https://selectaccount-prod2.mindtouch.us/@api/deki/files/591/mindtouch-further-hero2.jpg) !important; background-size: cover !important; background-position: center bottom; padding: 3em 0 7em; border: none; } .mt-custom-home .elm-nav-container { overflow: visible; } .mt-custom-home .mt-field { width: 34em; float: left; vertical-align: middle; border-radius: 30px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4); } @media screen and (max-width: 50em) { .mt-custom-home .mt-field { width: 34em; } } @media screen and (max-width: 37.5em) { .mt-custom-home .mt-field { width: 100%; } } @media screen and (max-width: 18.75em) { .mt-custom-home .mt-inputredirect-input { font-size: 20px; } } .mt-custom-home .mt-inputredirect-button { color: #ffb828; font-size: 28px; padding: 0.4em 0 0 0.4em; transition: color 0.3s ease; border-radius: 0; overflow: visible; } @media (max-width: 599px) { .mt-custom-home .mt-inputredirect-button { padding: 0; font-size: 24px; } } .mt-custom-home .mt-inputredirect-button:hover { color: #ffb828; font-size: 28px; padding: 0.4em 0 0 0.4em; overflow: visible; } .mt-custom-home select, .mt-custom-home textarea, .mt-custom-home .mt-select-container, .mt-custom-home .mt-text, .mt-custom-home .mt-textarea, .mt-custom-home .mt-select-container:hover { border: 1px solid transparent; border-radius: 0.1em; color: #666666; } .mt-custom-home input, .mt-custom-home input:hover { border: 1px solid transparent; border-radius: 30px !important; color: #666666; } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home { background: url(https://selectaccount-prod2.mindtouch.us/@api/deki/files/786/boplearningimgv4.jpg) !important; background-size: cover !important; background-position: center center; padding: 3em 0 2em; border: none; } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-custom-home-logo { background: url(https://selectaccount-prod2.mindtouch.us/@api/deki/files/755/bop_logo.png) !important; width: 386px; height: 103px; background-size: cover; } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-field { width: 34em; float: left; vertical-align: middle; border-radius: 30px; box-shadow: none !important; border: 0 !important; } @media screen and (max-width: 50em) { .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-field { width: 34em; } } @media screen and (max-width: 37.5em) { .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-field { width: 100%; } } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-field:active { border: 1px solid #ffffff; } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-field #mt-inputredirect-input { font-size: 24px; padding-left: 30px; color: #333333; } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-field label { left: -9999px; overflow: hidden; position: absolute; } @media screen and (max-width: 18.75em) { .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-inputredirect-input { font-size: 20px; } } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-inputredirect-button { background: 0 0; border: 0; box-shadow: none; float: left; height: 1.35em; line-height: 150%; margin: 0 0 -1.35em -1.35em; overflow: hidden; padding: 0; padding-left: 6px; position: relative; right: -1.35em; width: 1.35em; font-size: 24px; top: 11px; transition: color 0.3s ease; } @media (max-width: 599px) { .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-inputredirect-button { padding: 0; font-size: 24px; } } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-inputredirect-button:active, .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-inputredirect-button:hover { background: 0 0; border: 0; box-shadow: none; float: left; height: 1.35em; line-height: 150%; margin: 0 0 -1.35em -1.35em; overflow: hidden; padding: 0; padding-left: 6px; position: relative; right: -1.35em; width: 1.35em; font-size: 24px; top: 11px; } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-inputredirect-button:hover { color: #ffb828; font-size: 28px; padding: 0.4em 0 0 0.4em; overflow: visible; } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-inputredirect-button:before { color: #1879bf; content: '\E837'; font: 400 100%/1 icomoon; font-size: 24px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; padding: 0; transition: color 0.3s ease; } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .mt-quick-search-container .mt-search { background: #ffffff; border: 1px solid #ffffff; color: #1879bf; border-radius: 0; } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home input { border: 1px solid transparent; border-radius: 0 !important; color: #333333; font-size: 24px; padding-left: 32px; } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home input:focus { color: #333333; font-size: 24px; padding-left: 32px; } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .ui-button, .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .ui-button-text, .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home .uidform-label { display: none; } .columbia-breadcrumb-home-landingpages-boardofpensions .mt-custom-home fieldset { border: none; padding-left: 0.5em; } .BOP-elm-meta-top { display: none; } .BOP-elm-global-search { visibility: hidden; } @media screen and (max-width: 50em) { .mt-custom { padding: 7em 1.3em 7em; } } @media screen and (max-width: 37.5em) { .mt-custom { padding: 6em 1em 6em; } } @media screen and (max-width: 18.75em) { .mt-custom { padding: 5em 0.4em 5em; } } h1.mt-home-search-title { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #ffffff; text-align: left; margin: 0; font-size: 52px; font-weight: 200 !important; font-family: 'Nunito Sans', 'Arial', sans-serif; padding: 20px 0 20px; } @media screen and (min-width: 70em) { h1.mt-home-search-title { max-width: 50%; font-size: 50px; } } @media screen and (max-width: 69.9em) { h1.mt-home-search-title { max-width: 45%; font-size: 42px; } } @media screen and (max-width: 37.5em) { h1.mt-home-search-title { max-width: 100%; font-size: 32px; } } h2.mt-home-search-subtitle { text-shadow: 0 0 8px #000; color: #fff; text-align: left; margin: 0; padding-bottom: 0.5em; font-size: 26px; } .mt-help .mt-inputredirect-input .ui-dform-input { color: #666666; } /** * SITE FOOTER */ @media (min-width: 18.75em) { .elm-footer { bottom: auto; } } .column2-spacer { position: relative !important; top: 2px; } @media (min-width: 1101px) { .column2-spacer { top: 80px; } } .half-column { width: 100%; float: left; } @media (min-width: 1101px) { .half-column { width: 48%; float: right; } } .elm-footer-siteinfo-nav { display: none; } .elm-footer-custom { background: #f5f5f5; } .mindtouch-footer-container { padding: 2em 5em 1em; } .selectaccount-location { width: 100%; float: left; } @media (min-width: 1101px) { .selectaccount-location { width: 25%; padding-left: 0; color: #333333; margin: 0; } } .selectaccount-location ul, .selectaccount-location li, .selectaccount-location a { display: block !important; color: #333333; margin-bottom: 10px; font-size: 17px; font-weight: 600; } .selectaccount-location a:active, .selectaccount-location a:visited { color: #333333; } .selectaccount-location a:hover { color: #1879bf !important; text-decoration: underline; } .selectaccount-footer-break { width: 120%; clear: both; position: relative; left: -10%; height: 10px; margin: 20px 0; padding-top: 20px; border-bottom: 1px solid #ececec; } .selectaccount-legal-links { text-align: left; width: 70%; float: left; padding-left: 0; margin: 0; } .selectaccount-legal-links li { text-transform: none; font-size: 12px; margin-left: 0.5em; color: #333333; } .selectaccount-legal-links li a { color: #333333; } .selectaccount-legal-links li a:hover { color: #1879bf; } .selectaccount-social-links { text-align: right; width: 25%; float: right; padding-left: 0; margin: 0 0; } .selectaccount-social-links i { color: #ffffff; background: #333333; height: 30px; width: 30px; font-size: 16px; text-align: center; line-height: 30px; border-radius: 16px; transition: all 0.6s ease; } .selectaccount-social-links i:hover { background: #1879bf; color: #ffffff; transition: all 0.3s ease; } .learn-site-box { margin-top: 5px; width: 100%; background: #ffffff; padding: 20px 20px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); box-sizing: border-box; } .learn-site-box h4 { color: #333333; margin-top: 0; margin-left: 8px; } .learn-site-box h4:before { content: ''; display: inline-block; background: url('https://hellofurther.com/wp-content/uploads/2018/03/learn_icon64.png') no-repeat; background-size: cover; width: 32px; height: 32px; position: relative; top: 7px; right: 10px; } .learn-site-box p { margin-left: 42px; } .learn-site-search { margin: 15px 10px 10px 42px; } @media (min-width: 801px) { .learn-site-search { margin: 15px 16px 10px 42px; } } .learn-site-search input { height: 40px; border-color: #dcdcdc; transition: all 0.3s ease; } .learn-site-search input:hover, .learn-site-search input:focus { border-color: #c2c2c2 !important; transition: all 0.4s ease; } .vimeovideo { display: none; } @media (min-width: 841px) { .vimeovideo { display: block; } } /** * GUIDE PAGES */ @media all and (min-width: 37.5em) { .SAright { float: right; display: block; width: 25%; margin-left: 25px; box-sizing: border-box; } .SAleft { float: left; display: block; width: 70%; box-sizing: border-box; } .SAleft-small { float: left; display: block; width: 25%; margin-right: 25px; box-sizing: border-box; } .expander dt, .expanderthin dt { color: #1879bf; cursor: pointer; font-weight: normal; } .expander .mt-page-summary, .expanderthin .mt-page-summary, .expander dd, .expanderthin dd { display: none; } } @media all and (min-width: 37.5em) { .SAright-big { float: right; display: block; width: 70%; box-sizing: border-box; } } .SAright-big h4 { margin: 0rem 0 0.5rem; } .mt-guide-listings { padding: 20px 0 0; } .mt-section b { font-weight: 700; color: #000000; } .exampleblock { background: #f5f5f5; border: 1px solid #1879bf; padding: 15px; } .exampleblock:before { content: 'Example'; font-weight: bolder; margin-bottom: 15px; } .exampleblock table { background-color: #ffffff; } .Todorow { -moz-border-radius: 5px 0 0 5px; -webit-border-radius: 5px 0 0 5px; border-radius: 25px 25px 25px 25px; border: 1px solid #ffcd06; width: 100%; display: inline-block; } .Todogray { margin: 1rem 0 0 0; font-size: 16px; background-color: #ffffff; width: 100%; float: right; border-radius: 0 0 25px 25px; box-sizing: border-box; padding: 0 1.5rem 1.5rem 0; } .Todogray p { padding-left: 3rem; } .Todogreen { font-size: 18pt; color: #333333; background: linear-gradient(180deg, #ffcd06, #ffb828); box-sizing: border-box; padding: 30px 20px; -moz-border-radius: 5px 0 0 5px; -webit-border-radius: 5px 0 0 5px; border-radius: 25px 25px 0 0; float: left; width: 100%; } .Todogreen strong { font-weight: 200; } .Todobullet { position: relative; } .Todobullet:before { display: inline-block; content: ''; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; height: 0.5rem; width: 0.5rem; margin-right: 0.7rem; background-color: #aaaaaa; position: absolute; left: 1.5rem; top: 0.5rem; } .arrow-down { width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 35px solid #ececec; margin: 50px auto; } .Blueplaybookbanner { font-size: 36pt !important; color: #ffffff !important; text-align: center !important; } .main a { font-weight: 500; text-decoration: underline; } .elm-meta-bottom { display: none !important; } .BOP-SAright-big h4 { margin: 0r 0 0.5rem; } /** * FORM ELEMENTS */ input:focus { box-shadow: none !important; } .button, .ui-button-primary, .further-btn-secondary, .ui-button { display: inline-block; box-sizing: border-box; background: linear-gradient(180deg, #666666, #333333); color: #ffffff; font-weight: 600; font-size: 17px; padding: 0.3em 1.8em; border-radius: 3em; border: none !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); cursor: pointer; transition: all 0.6s ease; } .button:hover, .ui-button-primary:hover, .further-btn-secondary:hover, .ui-button:hover { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); color: #ffffff; background: linear-gradient(180deg, #333333, #666666); border: none; } .buttonchoices { margin: 1em 0 2em 0; } .buttonchoices .button { margin-right: 1em; } .fieldset { border-radius: 0; } .no-touch input:hover, .no-touch input:active { border: 1px solid transparent; } .no-touch input[type='button'] { background: #333333; border: none; box-sizing: border-box; color: #ffffff; border-radius: 25px; padding: 8px 30px; margin: 0 20px; cursor: pointer; display: inline-block; font-family: 'Lato', 'Arial', sans-serif; font-size: 100%; font-weight: 400; } .no-touch input[type='button']:hover { background: #000000; color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } /** * BREADCRUMBS */ .elm-header-global-nav { background: #ffffff; border: none; } .elm-header-global-nav .mt-breadcrumbs { border: none; max-width: none; } .elm-header-global-nav .mt-breadcrumbs li:after { color: #1879bf; } .elm-nav-container { overflow: hidden; } .elm-hierarchy-trigger { display: none; } .mt-icon-hierarchy-mobile-view-trigger { color: #1879bf; } .mt-icon-hierarchy-mobile-view-trigger:hover { color: #333333; } .mt-icon-article-home:before { background-image: url(https://selectaccount-prod2.mindtouch.us/@api/deki/files/1040/HomeIcon-24px.png) !important; height: 16px; width: 16px; background-size: cover; background-repeat: no-repeat; color: transparent; } .mt-icon-article-category:before, .mt-icon-article-guide:before, .mt-icon-article-topic-guide:before { height: 16px; width: 16px; background-image: url(https://selectaccount-prod2.mindtouch.us/@api/deki/files/1039/LearnIcon-24px.png); background-size: cover; background-repeat: no-repeat; color: transparent; } .BOP-elm-header-user-nav { display: none; } .BOP-elm-header-home-nav { display: block; } /** * STICKY TABLE OF CONTENTS */ .elm-skin-container { display: block !important; } .content-wrapper { max-width: 80em; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; } aside.mt-toggle-container { width: 100%; max-width: none !important; float: none !important; position: relative; margin: 0 0 20px !important; display: block; box-sizing: border-box; padding: 20px; overflow: hidden; border: 1px solid transparent; } aside.mt-toggle-container:hover, aside.mt-toggle-container:focus { color: #333333; } .mt-toc-content li:before { content: none; } #mt-toc-container { background: #f5f5f5 !important; border: 1px solid #333333; } @media only screen and (min-width: 40.0625em) { #mt-toc-container { border: none; border-right: 3px solid #ffcd06; border-radius: 0; padding-right: 10px; background: transparent !important; } } #mt-toc-container .editIcon a, #mt-toc-container a { color: #1879bf; } #mt-toc-container .editIcon a:hover, #mt-toc-container a:hover, #mt-toc-container .editIcon a:focus, #mt-toc-container a:focus { color: #333333; } .elm-content-footer { position: relative; } .no-touch #mt-toc-container .editIcon a, .no-touch #mt-toc-container a { color: #1879bf; } .no-touch #mt-toc-container .editIcon a:hover, .no-touch #mt-toc-container a:hover, .no-touch #mt-toc-container .editIcon a:focus, .no-touch #mt-toc-container a:focus { color: #333333; } .no-touch #mt-toc-container .editIcon a:hover span, .no-touch #mt-toc-container a:hover span, .no-touch #mt-toc-container .editIcon a:focus span, .no-touch #mt-toc-container a:focus span { color: #333333; } .no-touch .mt-toggle-container a:hover, .no-touch .mt-toggle-container a:focus { color: #333333; } .columbia-breadcrumb-home-individualsandfamilies-automatedclaimpaymentswithcrossover #mt-toc-container, .columbia-breadcrumb-home-whitelabeltest-individualsandfamilies-automatedclaimpaymentswithcrossover #mt-toc-container { display: block; } .columbia-article-howto .sidebar-wrapper, .columbia-article-reference .sidebar-wrapper, .columbia-article-topic .sidebar-wrapper, .columbia-breadcrumb-home-individualsandfamilies-automatedclaimpaymentswithcrossover .sidebar-wrapper, .columbia-breadcrumb-home-whitelabeltest-individualsandfamilies-automatedclaimpaymentswithcrossover .sidebar-wrapper { width: 100%; float: none; } @media only screen and (min-width: 40.0625em) { .columbia-article-howto .sidebar-wrapper, .columbia-article-reference .sidebar-wrapper, .columbia-article-topic .sidebar-wrapper, .columbia-breadcrumb-home-individualsandfamilies-automatedclaimpaymentswithcrossover .sidebar-wrapper, .columbia-breadcrumb-home-whitelabeltest-individualsandfamilies-automatedclaimpaymentswithcrossover .sidebar-wrapper { width: 25%; float: left; overflow-y: auto; } } @media only screen and (min-width: 40.0625em) { .columbia-article-howto .sidebar-wrapper.sticky, .columbia-article-reference .sidebar-wrapper.sticky, .columbia-article-topic .sidebar-wrapper.sticky, .columbia-breadcrumb-home-individualsandfamilies-automatedclaimpaymentswithcrossover .sidebar-wrapper.sticky, .columbia-breadcrumb-home-whitelabeltest-individualsandfamilies-automatedclaimpaymentswithcrossover .sidebar-wrapper.sticky { max-width: 320px; overflow-y: auto; position: fixed; bottom: 50px; top: 66px; } } .columbia-article-howto .elm-content-container, .columbia-article-reference .elm-content-container, .columbia-article-topic .elm-content-container, .columbia-breadcrumb-home-individualsandfamilies-automatedclaimpaymentswithcrossover .elm-content-container, .columbia-breadcrumb-home-whitelabeltest-individualsandfamilies-automatedclaimpaymentswithcrossover .elm-content-container { width: 100%; float: none; position: relative; display: block; margin: 0; box-sizing: border-box; min-width: 0; padding-left: 0; padding-top: 0; } @media only screen and (min-width: 40.0625em) { .columbia-article-howto .elm-content-container, .columbia-article-reference .elm-content-container, .columbia-article-topic .elm-content-container, .columbia-breadcrumb-home-individualsandfamilies-automatedclaimpaymentswithcrossover .elm-content-container, .columbia-breadcrumb-home-whitelabeltest-individualsandfamilies-automatedclaimpaymentswithcrossover .elm-content-container { width: 75%; float: right; padding-left: 1.95em; } } @media only screen and (min-width: 40.0625em) { .columbia-skin-elm.page-mode-editor .mt-content-container { width: 100%; padding-left: 1em; } } .BOP-content-wrapper { margin-top: 1em; } /** * ELIGIBILITY LIST */ #expenseInput { background-image: url(https://selectaccount-prod2.mindtouch.us/@api/deki/files/413/search-icon-png-2.png) !important; background-size: auto 40%; background-repeat: no-repeat; background-position: 8px; padding-left: 30px; border: 2px solid #aaaaaa !important; border-radius: 30px; width: 100%; height: 60px; border: none; } #expenseTip { margin: 5px 0 30px 10px; } .expenseTable { border-collapse: collapse; width: 100%; border: none; margin-bottom: 15px; } @media screen and (min-width: 601px) { .expenseTable { border: 2px solid #1879bf; } } .expenseTable tr { border-bottom: 1px solid #1879bf; } .expenseTable tr:nth-child(even) { background: #f5f5f5; } .expenseTable tr td { vertical-align: middle; background: transparent !important; } .expenseTable tr td:first-child { border-top: 2px solid #1879bf; font-weight: bold; } @media screen and (min-width: 601px) { .expenseTable tr td:first-child { border: none; font-weight: 400; } } .expenseTable tr td:nth-child(3) { font-style: italic; } @media screen and (min-width: 601px) { .expenseTable tr td:nth-child(3) { font-style: normal; } } .expenseTable td { display: block; } @media screen and (min-width: 601px) { .expenseTable td { display: table-cell; } } .expenseTable .header { border-bottom: none; } .expenseTable .header th { background-color: #1879bf; font-weight: bold; color: #ffffff; border: 1px solid #1879bf; } .expenseTable .header th:nth-child(2), .expenseTable .header th:nth-child(3) { display: none; } @media screen and (min-width: 601px) { .expenseTable .header th:nth-child(2), .expenseTable .header th:nth-child(3) { display: table-cell; } } .eligible:before, .ineligible:before, .potentially:before { font-family: 'icomoon'; padding-right: 10px; } .eligible:before { content: '\E6FC'; color: #6ca643; } .ineligible:before { content: '\E6FB'; color: #cc0000; } .potentially:before { content: '\E6FD'; color: #ffcc00; } /** * RELATED */ .mt-related-listing { box-shadow: none; margin: 0; padding: 3px 17px; border-radius: 0; border-color: #ffffff; transition: all 0.3s ease; } .mt-related-listing-detailed { border-color: #ffffff; } .mt-related-listing-link:hover, .mt-related-listing-link:focus, .mt-related-listing-link:visted { color: #333333; } .mt-related-listing-link-text { font-size: 17px; line-height: 1; } .mt-related-listing-link-overview { display: none; font-size: 14px; } .mt-related-listing-link-icon { font-size: 120%; color: #1879bf; } .mt-related-articles-header { font-size: 23px; margin: 0 0 20px; padding: 0 0 10px; font-weight: 100; border-bottom: 1px solid #aaaaaa; } .elm-related-articles-container { margin: 1em 0 3em; } .elm-meta-article-navigation { border: none; font-size: 110%; font-family: 'Nunito Sans', 'Arial', sans-serif; font-weight: 200; margin: 0; overflow: hidden; padding: 14px 20px 10px; background: #f5f5f5; } .mt-pagination-next a:after, .mt-pagination-next > span:after, .mt-pagination-previous a:before, .mt-pagination-previous > span:before { top: 0.07rem; } .mt-feedback-rating-controls { list-style: none; margin: 20px 0; overflow: hidden; padding: 0; float: right; font-size: 14px; } .mt-feedback-rating-controls .ui-button-icon { color: #1879bf; } .mt-feedback-rating-controls .ui-button-icon:hover { color: #333333; } .mt-feedback-rating-item { line-height: 3em; margin: 0 2px !important; } .no-touch .mt-related-listing:hover { border-radius: 0; border-color: #ffffff; box-shadow: none; transition: all 0.3s ease; } .no-touch .mt-feedback-rating-controls .ui-button-icon { border-radius: 30px; padding: 6px 16px; margin: 0 4px; transition: all 0.6s ease; } .no-touch .mt-feedback-rating-controls .ui-button-icon:hover { color: #333333; background: #f5f5f5; transition: all 0.3s ease; } .no-touch .mt-feedback-rating-controls .ui-button-icon:active { background: #ececec; transition: all 0.3s ease; } .no-touch .elm-meta-data a:hover, .no-touch .elm-meta-data a:focus { color: #333333; transition: all 0.3s ease; } /** * LISTS */ .mt-page-summary { margin-bottom: 2em; } .mt-page-overview { line-height: 1.4em; } .fyi { font-style: italic; border-left: 3px solid #ffcd06; padding: 1px 9px; display: inline-block; -webkit-margin-before: 2.5em; margin-top: 9px; margin-bottom: 9px; } .fyi:before { content: 'Note: '; font-style: italic; font-weight: bold; } .Flexlist { align-content: flex-start; align-items: stretch; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; box-sizing: border-box; list-style: none; margin: 1em -1em; overflow: hidden; padding: 0; } .Flexitem { flex: 1 1 18em; min-width: 0; margin: 1em; text-align: left; } .Flexitem:first-child { margin-top: 3em; } .evencolumns { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; column-fill: balance; } @media all and (max-width: 600px) { .evencolumns { column-count: 1; } } .evencolumns p:first-child, .evencolumns div:first-child, .evencolumns pre:first-child { margin-top: 0; } .evencolumns .expander:first-child .mt-include dl { -webkit-margin-before: 0; } .mt-listing-detailed-subpages { margin-left: 1em; width: 100%; } .mt-icon-article-lp { display: none; } .mt-listing-detailed-pagecount { color: #aaaaaa; } .BOP-mt-page-summary { display: none; } /** * CONTENT BOXES */ .mt-splash-container { background: url(https://selectaccount-prod2.mindtouch.us/@api/deki/files/591/mindtouch-further-hero2.jpg) !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center; } .mt-sortable-listings-container { margin-left: -7px; margin-right: -7px; } .mt-sortable-listing { background: #ffffff; box-sizing: border-box; border: none; border-radius: 0; box-shadow: none; flex: 1 1 95%; margin: 0 !important; } @media (min-width: 801px) { .mt-sortable-listing { flex: 1 1 50%; max-width: 50% !important; margin: 0 !important; padding: 0 7px 10px 7px !important; } } @media (min-width: 1101px) { .mt-sortable-listing { flex: 1 0 33.33333%; max-width: 33.33333% !important; margin: 0 !important; padding: 0 7px 10px 7px !important; } } .mt-sortable-listing:hover { border: none; box-shadow: none !important; } .mt-sortable-listing-link { padding: 0; } .mt-sortable-listing-link:hover { padding: 0 !important; } .mt-sortable-listing-title { font-size: 16px !important; font-family: 'Nunito Sans', 'Arial', sans-serif; font-weight: 300; background: linear-gradient(180deg, #ffcd06, #ffb828); color: #333333; border-radius: 30px; padding: 8px; margin: 20px 30px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .mt-sortable-listing-title:hover { box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); } .mt-sortable-listing-title { margin: 20px 30px; } @media (min-width: 37.5em) { .mt-quick-search-container .mt-search { font-size: 20px; } } .BOP-mt-sortable-listing-link .mt-edit-section-internal { padding: 0.8em 1.2em; } .BOP-mt-sortable-listing-title { font-size: 120% !important; } /** * TABS */ .ui-tabs { border: none !important; } .ui-tabs .ui-tabs-scroll-container { background: none; } .ui-tabs .ui-tabs-nav-scrollable { background: linear-gradient(180deg, #ffcd06, #ffb828); border-radius: 1em 1em 0 0; } .ui-tabs .ui-tabs-nav-scrollable ul { border-bottom: 0; } .ui-tabs .ui-tabs-nav { border-bottom: 1px solid #ffffff; background: linear-gradient(180deg, #ffcd06, #ffb828); border-radius: 1em 1em 0 0; } .ui-tabs .ui-tabs-nav li { font-family: 'Nunito Sans', 'Arial', sans-serif; font-weight: 500; background: rgba(255, 255, 255, 0.5); color: #333333 !important; border-radius: 1em 1em 0 0; border-color: #ffcd06; box-shadow: 0 -3px 3px rgba(214, 99, 4, 0.05); transition: all 0.7s ease; } .ui-tabs .ui-tabs-nav li:hover { background: #ffffff; color: #333333; border-color: #ffffff !important; box-shadow: 0 -3px 4px rgba(214, 99, 4, 0.1); transition: all 0.3s ease; } .ui-tabs .ui-tabs-nav li.ui-state-active { background: #ffffff; border-color: #ffffff; box-shadow: 0 -3px 4px rgba(214, 99, 4, 0.5); transition: all 0.3s ease; } @media all and (max-width: 37.5em) { .ui-tabs .ui-tabs-nav li.ui-state-active { border-bottom: solid 1px; } } .ui-tabs .ui-tabs-nav li.ui-state-active + .mt-guide-tab { border-top-color: transparent; } .ui-tabs .ui-tabs-nav a { color: #333333 !important; } .ui-tabs .ui-tabs-panel { border-left: 2px solid #ffb828; border-right: 2px solid #ffb828; border-bottom: 2px solid #ffb828; } .ui-tabs .ui-tabs-nav-arrows { background: #ffffff; border-bottom: none; border-left: none; border-radius: 0; } .mt-guide-add-button-container { border-bottom: 1px solid #ffffff; } .mt-guide-tabs-add-button, .ui-widget .mt-guide-tabs-add-button { color: #333333; background: #ffffff; border: 1px solid #ffffff; border-radius: 1em 0.25em 0 0; } .mt-guide-tab.ui-state-default.ui-corner-top.ui-sortable-handle a:hover, .mt-guide-tab.ui-state-default.ui-corner-top.ui-sortable-handle a:focus { color: #1879bf; } .no-touch .ui-tabs-nav li:hover { background: #ffffff; border-color: #ffffff; box-shadow: 0 -3px 4px rgba(214, 99, 4, 0.5); transition: all 0.3s ease; } /** * TABLE */ tr:nth-child(even), tr:nth-child(even) td { background: #f5f5f5 !important; } th { vertical-align: bottom; } tr:nth-child(even) td h1, tr:nth-child(even) td h2m tr:nth-child(even) td h3, tr:nth-child(even) td h4, tr:nth-child(even) td h5 { color: #666666; } .graycolumns td { border: 1px solid #aaaaaa; } .graycell { background-color: #aaaaaa; } .yellowcell { background-color: #ffcd06; } @media screen and (max-width: 600px) { .table-with-header, .table-banded-columns { border: none; } } @media screen and (max-width: 600px) { .table-with-header thead, .table-banded-columns thead { border-bottom: 2px solid #1879bf; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } @media screen and (max-width: 600px) { .table-with-header tr, .table-banded-columns tr { border-bottom: 3px solid #f5f5f5; display: block; margin-bottom: 0.625em; } } @media screen and (max-width: 600px) { .table-with-header td, .table-banded-columns td { border-bottom: 1px solid #f5f5f5; display: block; font-size: 0.8em; text-align: right; } } @media screen and (max-width: 600px) { .table-with-header td:before, .table-banded-columns td:before { content: attr(data-th); float: left; font-weight: bold; text-transform: uppercase; } } @media screen and (max-width: 600px) { .table-with-header td:first-child, .table-banded-columns td:first-child { border-bottom: 2px solid #1879bf; } } @media screen and (max-width: 600px) { .table-with-header td:last-child, .table-banded-columns td:last-child { border-bottom: 0; } } .table-with-header { border-collapse: collapse; width: 100%; table-layout: fixed; } .table-banded-columns tr:hover, .table-banded-columns tr:hover td, .table-banded-columns tr:nth-child(even):hover, .table-banded-columns tr:nth-child(even):hover td { background: #ececec; } .table-banded-columns tr td:nth-child(even), .table-banded-columns tr td:nth-child(odd) { background: #ffffff; } .table-white tr, .table-white tr:hover, .table-white td, .table-white tr:hover td, .table-white tr:nth-child(even), .table-white tr:nth-child(even) td, .table-white tr:nth-child(even) td:hover, .table-white tr:nth-child(even):hover, .table-white tr:nth-child(even):hover td { background: #ffffff; } .ui-table tr:nth-child(even), .ui-table tr:nth-child(even) td { background: #f5f5f5 !important; } .mt-grid .ui-table.mt-grid-table th, .ui-table th, .ui-widget .ui-table th, th { background: #ffffff; border: solid #1879bf; border-width: 0 0 0.05em; } .no-touch .ui-table tr:nth-child(even):hover, .no-touch .ui-table tr:nth-child(even):hover td, .no-touch tr:nth-child(even):hover, .no-touch tr:nth-child(even):hover td { background: #f5f5f5; } .no-touch .ui-table tr:nth-child(even) td h1, .no-touch .ui-table tr:nth-child(even) td h2, .no-touch .ui-table tr:nth-child(even) td h3, .no-touch .ui-table tr:nth-child(even) td h4, .no-touch .ui-table tr:nth-child(even) td h5 { color: #666666; } .no-touch .ui-table tr:hover, .no-touch .ui-table tr:hover td, .no-touch tr:hover, .no-touch tr:hover td { background: inherit; } /** * PLAYBOOK */ .buttonchoices { margin: 1em 0 2em 0; } .buttonchoices .button { margin-right: 1em; } .playbook { border: 2px solid #f5f5f5; padding: 4em; border-radius: 0.5em; } .playbook a { font-weight: bolder; } #yesscrossover { background: #f5f5f5; } #yescrossover, #nocrossover { border: 1px solid #f5f5f5; padding: 2em; border-radius: 0.5em; } /** * NAVBOXES */ .navboxes { align-content: flex-start; align-items: stretch; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; box-sizing: border-box; list-style: none; overflow: hidden; padding: 0; margin: 1em -1em; } @media (max-width: 800px) { .navboxes { display: block; } } @media (min-width: 18.75em) { .navboxes { margin: 1em 0; } } .navboxes li { border: 1px solid transparent; box-sizing: border-box; border-radius: 0; text-align: center; box-shadow: none; font-size: 20px !important; font-family: 'Nunito Sans', 'Arial', sans-serif; font-weight: 300; transition: all 0.3s ease; } @media (min-width: 25em) { .navboxes li { margin: 0.75em; } } @media (min-width: 37.5em) { .navboxes li { margin: 1em; } } @media (min-width: 50em) { .navboxes li { flex: 1 1 15em; min-width: 0; } } @media (min-width: 65.25em) { .navboxes li { flex: 1 1 15em; min-width: 0; } } .navboxes li:hover { transition: all 0.3s ease; } .navboxes a { font-size: 16px !important; font-family: 'Nunito Sans', 'Arial', sans-serif; font-weight: 300; background: linear-gradient(180deg, #ffcd06, #ffb828); color: #333333; border-radius: 30px; padding: 8px 30px; margin: 0; transition: all 0.3s ease; } .BOP-navboxes { margin-left: 0; } .BOP-navboxes li { display: inline-block; list-style-type: none; border: 1px solid transparent; box-sizing: border-box; border-radius: 0; text-align: left; box-shadow: 0 0; font-size: 20px !important; margin: 24px 0; font-family: 'Lato', 'Arial', sans-serif; font-weight: 300; transition: all 0.3s ease; } .BOP-navboxes a { background: linear-gradient(180deg, #004b8e, #003773); color: #ffffff; font-size: 20px !important; font-family: 'Lato', 'Arial', sans-serif; font-weight: 300; padding: 12px 30px; margin-right: 10px; transition: all 0.3s ease; border-radius: 30px; align-content: flex-start; align-items: stretch; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; box-sizing: border-box; overflow: hidden; } .BOP-navboxes a:hover { color: #ffffff; background: #003773; } /** * HELP CAROUSEL */ .caroufredsel_wrapper { height: 6em !important; } .mt-search-carousel { height: 6em; } .mt-search-carousel-image-container { display: none; } .mt-search-carousel-title { height: 100%; margin: auto; font-size: 100%; } @media screen and (min--moz-device-pixel-ratio: 0) { .mt-search-carousel-title { display: -moz-box; -moz-box-pack: center; -moz-box-align: center; } } @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { .mt-search-carousel-title { display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; } } .mt-search-carousel a { height: auto; border: none; color: #333333; padding: 12px; transition: all 0.6s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background: linear-gradient(180deg, #ffcd06, #ffb828); border-radius: 30px; } _:-ms-input-placeholder, :root .mt-search-carousel-title { display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; } .mt-help-carousel li a { height: auto; border: none; color: #333333; padding: 12px; transition: all 0.6s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background: linear-gradient(180deg, #ffcd06, #ffb828); border-radius: 30px; } .no-touch .mt-help-carousel li a:hover { background: linear-gradient(180deg, #ffcd06, #ffb828); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; } /** * SEARCH */ #mt-search-results li:nth-child(odd), .mt-tree-search-results li:nth-child(odd) { background: #f5f5f5; } #mt-search-results .url, .mt-tree-search-results .url { display: none; } .mt-search-information .title { font-size: 23px; } .mt-search-partial-content { font-size: 14px; } .mt-help-more-content, .mt-help-button-container { display: none; } body { min-width: 320px; font: 300 100%/1.2 'Nunito Sans', 'Arial', sans-serif; } body.deki-content-edit .pdf-image-container, body.deki-content-edit #spacer, body.deki-content-edit .contactboxes, body.deki-content-edit .contactrow2 { display: inline-block !important; } body.deki-content-edit dt { line-height: 1.2 !important; color: #666666; } #Topics h4, #Popular_Articles h4 { font-size: 24px; padding-bottom: 20px; border-bottom: 1px solid #aaaaaa; } #title, .mt-special-page-title { padding: 30px 0 20px !important; } dt { line-height: 1.2; font-size: 16px; font-weight: 500; color: #666666; } .elm-meta-data dt { font-weight: 300; } .mt-section .nodisplay { display: none; } .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img.left, img.right { border: none; } img.rightimage { float: right; margin-left: 1em; } @media screen and (max-width: 600px) { img.rightimage { float: none; display: block; margin-left: 0; } } #leftbleed { padding-right: 2em; } .mt-new-features-container { border: 1px solid #ffffff; border-bottom: 1px solid #666666; background: #ffffff; } .stackdigital { display: block; background: #ffffff !important; } .sa-column-width-40, .sa-column-width-50, .sa-column-width-60 { width: 100%; } .pdf-image-container, #spacer, .contactboxes, .image-cell, .contactrow2, .pdfonly { display: none; } .no-touch .btn:hover, .no-touch .mt-button:hover, .no-touch .ui-button:hover, .no-touch .ui-widget button:hover, .no-touch a.mt-button:hover, .no-touch a.ui-button:hover, .no-touch button:hover, .no-touch input[type='button']:hover, .no-touch input[type='submit']:hover { transition: all 0.4s ease; } .mt-field.mt-classification-filter-section.mt-classification-section-status, .mt-field.mt-classification-filter-section.mt-classification-section-product { display: none; } .columbia-article-howto .welcomebar, .columbia-article-reference .welcomebar, .columbia-article-topic .welcomebar, .columbia-article-topic-guide .welcomebar, .columbia-breadcrumb-home-employers-aboutaccounts .welcomebar, .columbia-breadcrumb-home-individualsandfamilies-browsebyaccount .welcomebar { display: none; } #headlogo { background: url(https://selectaccount-prod2.mindtouch.us/@api/deki/files/528/Further_logo_black_300px.png) no-repeat; background-size: 95%; width: 180px; height: 65px; } .columbia-breadcrumb-home-co-brandedopenenrollmentlandingpages-stateofkansasemployeehealthplanopenenrollment #headlogo { background: url(https://selectaccount-prod2.mindtouch.us/@api/deki/files/529/stateofkansasemployeehealthplan.png) no-repeat !important; background-size: 50% !important; width: 300px; height: 110px; } .columbia-special-search nav.elm-header-global-nav.elm-nav { display: block; } .columbia-special-search span.mt-icon-article-home:after { content: 'Home'; margin-left: 0.25em; font-family: 'Nunito Sans', 'Arial', sans-serif; font-size: 75%; } .columbia-breadcrumb-home-landingpages-boardofpensions nav.elm-header-global-nav.elm-nav, .columbia-breadcrumb-home-landingpages-boardofpensions li.elm-article-pagination, .columbia-breadcrumb-home-landingpages-boardofpensions ol.elm-meta-data.elm-meta-top, .columbia-breadcrumb-home-landingpages-boardofpensions ol.elm-meta-data.elm-meta-article-navigation { display: none; } .mt-lp-progress-bar { border-top: 2px solid #ececec; align-content: flex-start; align-items: stretch; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; justify-content: space-evenly; line-height: 1; list-style: none; margin: 0 0 0.2em; padding: 0; position: relative; text-align: left; z-index: 1; } .mt-grid .ui-table.mt-grid-table th, .ui-table th, .ui-widget .ui-table th, th { background: #ffffff; border: 1px solid #1879bf; border-width: 0 0 0.05em; } .elm-header-global-nav { background: #ffffff; border: 1px solid #ffffff; } .columbia-page-home .mt-user-menu { position: absolute; right: 2em; top: 0.5em; } @media all and (max-width: 37.49em) { .columbia-page-home .mt-user-menu { right: 3.5em; top: 0.8em; } } @media all and (max-width: 50em) { .columbia-page-home .mt-user-menu { right: 1.5em; top: 0.3em; } } @media all and (max-width: 65.25em) { .columbia-page-home .mt-user-menu { right: 1.5em; top: 0.3em; } } .elm-nav-container .elm-user-menu { display: none; } body[class*='columbia-breadcrumb-home-co-brandedopenenrollmentlandingpages'] ol.mindtouch-site-nav-mobile .mt-dropdown, body[class*='columbia-breadcrumb-home-co-brandedopenenrollmentlandingpages'] ol.mindtouch-site-nav, body[class*='columbia-breadcrumb-home-co-brandedopenenrollmentlandingpages'] .elm-header-global-nav .elm-nav, body[class*='columbia-breadcrumb-home-co-brandedopenenrollmentlandingpages'] li.elm-article-pagination, body[class*='columbia-breadcrumb-home-co-brandedopenenrollmentlandingpages'] .elm-header-user-nav.elm-nav .elm-nav-container, body[class*='columbia-breadcrumb-home-co-brandedopenenrollmentlandingpages'] nav.elm-header-global-nav.elm-nav, body[class*='columbia-breadcrumb-home-co-brandedopenenrollmentlandingpages'] .elm-content-footer { display: none !important; } body[class*='columbia-breadcrumb-home-co-brandedopenenrollmentlandingpages'] #flash-messages { margin-top: 1em !important; } /*# sourceMappingURL=community-member.css.map*/