/* style.css 7.6.20 */ /***** Navigation *****/ #sfcu .ccm-page { /***** Preheader *****/ /***** Main Nav *****/ } #sfcu .ccm-page nav#mobile { z-index: 4; position: absolute; top: 0; right: 0; left: 0; box-shadow: none; background-image: url(/application/files/7815/7324/4044/bg_nav_desktop.png); background-position: center bottom; background-size: 160% 100%; background-repeat: no-repeat; } #sfcu .ccm-page nav#mobile h1.title a { font-size: 1rem; } @media only screen and (max-width: 40em) { #sfcu .ccm-page nav#mobile h1.title a { font-size: 1rem; } } #sfcu .ccm-page nav#mobile .tab-bar-section { text-align: center; } #sfcu .ccm-page nav#mobile .tab-bar-section img { max-height: 70px; vertical-align: top; } #sfcu .ccm-page nav#mobile .right-small { width: 5rem; } #sfcu .ccm-page nav#mobile .right-small a.menu-icon { width: 5rem; font-size: .8rem; font-weight: 700 !important; text-indent: -10000px; text-transform: uppercase; color: #001863; } #sfcu .ccm-page nav#mobile .right-small a.menu-icon span .menu-label { display: inline-block; color: #ffffff; } #sfcu .ccm-page nav#mobile .right-small a.menu-icon span:after { left: inherit; right: 1rem; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #sfcu .ccm-page .move-left .exit-off-canvas { background: rgba(255, 255, 255, 0.7); box-shadow: none; } #sfcu .ccm-page .move-left .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.5); } #sfcu .ccm-page aside#main-menu-mobile { text-align: center; /***** Accordion Tabs *****/ /***** End Accordion Tabs *****/ } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu { background-image: url(/application/files/8415/7550/9075/bg_title_flubble_blue.jpg); background-size: cover; background-position: left top; } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu ul, #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu li, #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu p, #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu a, #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu .page-entry { color: #ffffff !important; } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu p { font-size: .9rem; } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu img { margin: .8rem 0; width: 7.5rem; } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu .button { text-align: center; margin: 0 0 1.25rem 0; } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu ul { text-align: center; } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu ul.off-canvas-list { display: none; } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu ul.off-canvas-list li { color: #ffffff; } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu ul.off-canvas-list li.login a { color: #ffffff; } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu ul.off-canvas-list li.login a:hover { color: #FFCE00; } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu ul.off-canvas-list li.login a.button { padding: 0.66667rem; text-align: left; } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu ul.off-canvas-list li.login a.ff-center { text-align: left; } #sfcu .ccm-page aside#main-menu-mobile.right-off-canvas-menu ul.off-canvas-list li.login img.icon { display: none; } #sfcu .ccm-page aside#main-menu-mobile ul.nav-tabs.nav { margin: 0; padding: 0; text-align: center; border: none; } #sfcu .ccm-page aside#main-menu-mobile ul.nav-tabs.nav li { margin: 0; padding: 0; border: none; } #sfcu .ccm-page aside#main-menu-mobile ul.nav-tabs.nav li.active:after { content: none; display: block; } #sfcu .ccm-page aside#main-menu-mobile ul.nav-tabs.nav li.active a { font-weight: 400; background-color: #004a9a; } #sfcu .ccm-page aside#main-menu-mobile ul.nav-tabs.nav li.active a:after { display: none; content: none; } #sfcu .ccm-page aside#main-menu-mobile ul.nav-tabs.nav li a { display: block; width: 100%; height: 100%; margin: 0; padding: .8rem; border: none; background-color: #004a9a; transition: .3s ease-in; font-size: 1rem; font-weight: 400; line-height: 1; text-decoration: none; color: #ffffff; } #sfcu .ccm-page aside#main-menu-mobile ul.nav-tabs.nav li a:hover { background-color: rgba(0, 74, 154, 0.8); } #sfcu .ccm-page aside#main-menu-mobile ul.nav-tabs.nav li a:after { display: none; content: none; } #sfcu .ccm-page aside#main-menu-mobile .jl_magic_tabs_controls { display: block; width: 100%; height: auto; margin: 0; padding: 0; overflow: auto; } #sfcu .ccm-page aside#main-menu-mobile .jl_magic_tabs_controls:nth-of-type(2) { margin-top: 1rem; } #sfcu .ccm-page aside#main-menu-mobile .jl_magic_tabs_controls:nth-of-type(2) ul.nav-tabs.nav li.active a { background-color: #001863; } #sfcu .ccm-page aside#main-menu-mobile .jl_magic_tabs_controls:nth-of-type(2) ul.nav-tabs.nav li a { background-color: #001863; } #sfcu .ccm-page aside#main-menu-mobile .jl_magic_tabs_controls:nth-of-type(2) ul.nav-tabs.nav li a:hover { background-color: #001863; } #sfcu .ccm-page aside#main-menu-mobile .jl_magic_tabs_divider { padding: 1rem; background: rgba(0, 74, 154, 0.8); } #sfcu .ccm-page aside#main-menu-mobile .jl_magic_tabs_divider ul.page-list.unordered { margin: 0; padding: 0 1rem 0 1.875rem; text-align: left; } #sfcu .ccm-page aside#main-menu-mobile .jl_magic_tabs_divider ul.page-list.unordered li { margin: 0; padding: 0; text-align: left; } #sfcu .ccm-page aside#main-menu-mobile .jl_magic_tabs_divider ul.page-list.unordered li:before { padding-right: 0; margin: 0 0 0 -.8rem; font-size: 1rem; font-weight: 700; line-height: 1.5rem; color: #FFCE00; } #sfcu .ccm-page aside#main-menu-mobile .jl_magic_tabs_divider ul.page-list.unordered li a { display: inline-block; padding: 0 0 .5rem 0; text-align: left; font-size: .9rem; line-height: 1.2rem; color: #ffffff; } #sfcu .ccm-page aside#main-menu-mobile .jl_magic_tabs_divider ul.page-list.unordered li a:hover { color: #FFCE00; } #sfcu .ccm-page .preheader ul.bread { float: right; list-style-type: none; margin: 0; padding: 0; background: transparent; } #sfcu .ccm-page .preheader ul.bread li { float: left; display: block; margin: 0 .5rem; padding: 0; } #sfcu .ccm-page .preheader ul.bread li:first-child { margin-left: 0; } #sfcu .ccm-page .preheader ul.bread li:last-child { margin-right: 0; } #sfcu .ccm-page .preheader ul.bread li:not(.buttons) { padding: .5rem 0; } #sfcu .ccm-page .preheader ul.bread li a:not(.button), #sfcu .ccm-page .preheader ul.bread li p { text-decoration: none; display: inline-block; font-size: .8rem; font-weight: 300; line-height: 1; margin: 0; padding: 0; color: #004A9A; } #sfcu .ccm-page .preheader ul.bread li a { text-decoration: none; } #sfcu .ccm-page .preheader ul.bread li a:hover { color: #001863; } #sfcu .ccm-page .preheader ul.bread li.search a.button { display: inline-block; margin: 0; padding: .2rem .5rem; overflow: hidden; text-indent: -9999px; background: transparent; border-radius: 0; box-shadow: none; color: #004A9A; } #sfcu .ccm-page .preheader ul.bread li.search a.button:before { float: left; margin: 0; text-indent: 0; content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 1rem; line-height: 1; color: #004A9A; } #sfcu .ccm-page .preheader ul.bread li.search a.button:before:hover { color: #006fe7; } #sfcu .ccm-page .preheader ul.bread li.buttons ul.button-group li:first-child a { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 1rem; } #sfcu .ccm-page .preheader ul.bread li.buttons ul.button-group li:first-child a.button { padding: .8rem 1.2rem .8rem 3rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAABGdBTUEAALGPC/xhBQAAAthJREFUSA2llr1PVEEUR3chETBuQ0IEegLaAGq00I6W1oqGQig0sbGWTfwfTKgxWc1aUlNoEAxaWVr5gYkCsaHQRtdzZmdm54kIxk0O987v3pn33n135lGrnfjrdDoPQhLOmk4fzjK2ntTB4KQ/RPdhCfZgABZr/GlH4Sz2m8nY2TAJ53YUpqNth0AcNPIgCv3Ruv42XMoJDIbhEG7CFwPe72C9Xv+Kfw5mYBqthQ130QlO198MPtHwdNixFDzWmgyVKjDuOzIBcRdGygDjxzBRasFHPNDBWsL56H+M9graGJxxHH4MdsBb2Sg0y/EcVqB6SwgXYBI+wFUYhyZsuQC2t3pasbQk9N5TGfiT/0/JLsCEoXIhxuG9Zw3hLlwEK/QSbAhZigvs5+TkEJyAJ2kcE0fQdkst+wRCF2HtqEdwGCdZ2uWcGEVLeDn66WXNow1E7QDfd9SwLS3fefhkkN8amntjHdLD/sS3tx5CqIoT78MzGA5iV99g7MqvkpYt4iZ0t3FWw2LI1TLnMIEtaILPZHvYJraLO6j3Q3gKuVfw3V554+AvQLX5etPDbbRIyAuUsVP7LgBtaJ16UpnIRCvroyyUevLR3XAzkfx4Rdw2vAPH7wqC3mUoINZi2rcWtglpD1rwa1EzZs6kF8JOpQsea0kagtdgOXLh8efAFpa5tAC+T26ucyq7LuVkG5N3sM0k4vfDG1gpNI8ctdTJ3n0TnJtvKuQjrIFdMAizsAejaTEt41V4AR5bU9Ff/S1nFN25ruFabXFyA6y9W8QX6UZMG9V6b8Nb8Ey5Djeir2ZsPN6EJ69zw7i8eMUnwS/gO7gHn6Fy7pfJxmKOuc6pHitlcumT6GH2HtbhpAuYY+7Rj025qD5Ji+B3PHyisfb2LbAU1rdEzVg643w/zrWU+eV3/12IVyJgB/BVrv+IUsUQ98xzzndy8he6kvQ/Ay5gx9kd1X8v/rLoLwEkViyeq25SAAAAAElFTkSuQmCC); background-position: 10% 48%; } #sfcu .ccm-page .preheader ul.bread li.buttons ul.button-group li:last-child a { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 1rem; border-bottom-left-radius: 0; } #sfcu .ccm-page .preheader ul.bread li.buttons ul.button-group li:last-child a.button { padding: .8rem 1.2rem .8rem 3rem; } #sfcu .ccm-page .preheader ul.bread li.buttons a { margin: 0 0 0 1px; padding: .8rem 3rem .8rem 4rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; text-decoration: none; /***** Shine *****/ transition: .6s; overflow: hidden; /***** Shine *****/ } #sfcu .ccm-page .preheader ul.bread li.buttons a:hover { color: #ffffff; } #sfcu .ccm-page .preheader ul.bread li.buttons a.button { font-size: .9rem; font-weight: 600; text-transform: uppercase; box-shadow: 0.3rem 0.3rem 0 0rem rgba(85, 103, 112, 0.2); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASBJREFUeNrUVdENgjAQLYZ/O4JOoBsoE8gIdQNGYAPdADYgTlA3ECeADXSDepdck6ZpSxvgw5dcClpe7x7vDsYioZTaQRzZ0gDSGkLG7t+wlbCxsuIQlSNblOAAgXIIlMX6v8RnQ+XiBkRjHCSVGzfaI+i+ntJSGMQ+Uo2KtG9Yogs0XpghHYRkH4guVH4e4DZ1fOiLLMvuQPiEtV/CFReIrUHez/Etp5JNDElNQtpJ+yHjjaupA/De5AlKASW3sOwhWof+cpEWJzcMFMr0+9yWRmuNEIXHOfHEpFttyTPGZJGHOhAWbFt0B86JN2asW5nw9b4fD+GJmqKbSKwgj3Oo5JoyhEqHlxX9JqKHUGBsnsmfA13zpLH5F1+Q1fATYABoUpdjTfz4ggAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 10% 48%; /* &:before { width: 22px; height: 22px; margin-right: .3rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASBJREFUeNrUVdENgjAQLYZ/O4JOoBsoE8gIdQNGYAPdADYgTlA3ECeADXSDepdck6ZpSxvgw5dcClpe7x7vDsYioZTaQRzZ0gDSGkLG7t+wlbCxsuIQlSNblOAAgXIIlMX6v8RnQ+XiBkRjHCSVGzfaI+i+ntJSGMQ+Uo2KtG9Yogs0XpghHYRkH4guVH4e4DZ1fOiLLMvuQPiEtV/CFReIrUHez/Etp5JNDElNQtpJ+yHjjaupA/De5AlKASW3sOwhWof+cpEWJzcMFMr0+9yWRmuNEIXHOfHEpFttyTPGZJGHOhAWbFt0B86JN2asW5nw9b4fD+GJmqKbSKwgj3Oo5JoyhEqHlxX9JqKHUGBsnsmfA13zpLH5F1+Q1fATYABoUpdjTfz4ggAAAABJRU5ErkJggg==); background-repeat: no-repeat; line-height: 1; vertical-align: middle; } */ } #sfcu .ccm-page .preheader ul.bread li.buttons a:focus { outline: 0; } #sfcu .ccm-page .preheader ul.bread li.buttons a:before { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: 60px; height: 100%; left: 0; top: 0; opacity: .5; filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } #sfcu .ccm-page .preheader ul.bread li.buttons a:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 30px; height: 100%; left: 30px; top: 0; opacity: 0; filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } #sfcu .ccm-page .preheader ul.bread li.buttons a:hover { cursor: pointer; } #sfcu .ccm-page .preheader ul.bread li.buttons a:hover:before { transform: translateX(300px) skewX(-15deg); opacity: 0.6; transition: .7s; } #sfcu .ccm-page .preheader ul.bread li.buttons a:hover:after { transform: translateX(300px) skewX(-15deg); opacity: 1; transition: .7s; } #sfcu .ccm-page nav#desktop { z-index: 5; position: absolute; top: 0; left: 0; width: 100%; height: 150px; background-image: url(/application/files/7815/7324/4044/bg_nav_desktop.png); background-position: center bottom; background-size: auto; background-repeat: repeat-x; } #sfcu .ccm-page nav#desktop .menu-wrap { display: block; position: relative; width: 100%; height: auto; margin: 0 auto; padding: 0; background: transparent; } #sfcu .ccm-page nav#desktop .logo img { max-height: 7.8125rem; } #sfcu .ccm-page nav#desktop .area-container { position: relative; } #sfcu .ccm-page nav#desktop .area-container.left { max-width: 100%; } #sfcu .ccm-page nav#desktop .area-container.right { max-width: 14.5rem; padding-left: .9375rem; padding-right: .9375rem; } #sfcu .ccm-page nav#desktop .area-container.right h4 { font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; margin: .5rem 0 .2rem 0; padding: 0; color: #FF8E1B; } #sfcu .ccm-page nav#desktop .area-container.right p { font-size: .9rem; } #sfcu .ccm-page nav#desktop .menu a, #sfcu .ccm-page nav#desktop .menu li a { text-decoration: none; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom { width: auto; height: auto; margin-top: 1.4rem; font: "museo-sans", "museo-sans-rounded", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; line-height: 1rem; /* End ul.mega-menuh */ } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh, #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li { margin: 0; padding: 0; border: none; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh { position: relative; top: 0; left: 0; width: 100%; height: auto; border: none; background: transparent; text-align: right; /* End li */ } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh ul, #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh ul li { list-style: none; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh .sub { display: none; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh .sub ul { display: block; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li { margin: 0; padding: 0; /* Link Styles */ /* End a */ } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav { display: inline-block; text-align: left; /* End .sub-container */ } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav:hover a.top-level-nav { color: #FF8E1B; background: transparent; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav a.top-level-nav { display: block; float: left; margin: 0; padding: .5rem .875rem; font-size: 1.125rem; font-weight: 300; line-height: 1; text-decoration: none; text-transform: none; color: #001863; border-left: 1px solid #E1F2F6; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav a.top-level-nav.nav-selected { color: #FF8E1B; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav:first-child a.top-level-nav { padding-left: 0; border-left: none; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav:last-child a.top-level-nav { padding-right: 0; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav .sub-container { position: absolute; max-width: 100%; min-width: 400x; height: auto; overflow: auto; margin-left: auto; margin-right: auto; padding: 1.4rem .5rem 1.4rem .5rem; background: #ffffff; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; box-shadow: 0.8rem 0.8rem 0 rgba(255, 255, 255, 0.5); /* 2nd Level */ /* End 2nd Level */ } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav .sub-container .button { font-size: .9rem; margin: 0; padding: .5rem 2rem; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav .sub-container .list, #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav .sub-container .multi-list { position: relative; display: block; float: left; width: 14.5rem; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav .sub-container .list { padding: .5rem .9375rem 1.2rem .9375rem; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav .sub-container .list .header h5 { font-size: 1rem; font-weight: 400; line-height: 1.2rem; margin: 0 0 .5rem 0; color: #FF8E1B; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav .sub-container .list a { display: block; font-size: .9rem; font-weight: 300; text-decoration: none; color: #004A9A; margin: 0; padding: .2rem 0; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav .sub-container .list a:before { content: "\203A"; float: left; width: .8rem; margin: 0; font-size: 1rem; font-weight: 700; line-height: 1.5rem; color: #FF8E1B; transition: .2s ease-in-out; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav .sub-container .list a:hover { color: #00B1BD; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav .sub-container .list a:hover:before { text-indent: .15rem; color: #FFCE00; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav:nth-child(1) .sub-container { width: 48rem; left: 0 !important; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav:nth-child(2) .sub-container { width: 100%; left: 0 !important; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav:nth-child(3) .sub-container { width: 48rem; left: 0 !important; right: 0 !important; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav:nth-child(4) .sub-container { width: 100%; left: 0 !important; right: 0 !important; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav:nth-child(5) .sub-container { width: 100%; left: inherit !important; right: 0 !important; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li.top-level-nav:nth-child(6) .sub-container { width: 48rem; left: inherit !important; right: 0 !important; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li a { text-decoration: none; /* Link Icon Styles (i.e. Arrow Icon) */ /* Top Level Styles */ } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li a.dc-mega { display: none; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li a .dc-mega-icon { display: none; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li a.top-level-nav.mega-hover a, #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li a.top-level-nav a:hover { background-color: #ffffff; } #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li a > ul li.nav-path-selected a, #sfcu .ccm-page nav#desktop .menu .jbmm.custom ul.mega-menuh li a > ul li.nav-selected a { color: #556770; } /***** End Navigation *****/ #sfcu { /* Accessibility overrides */ } #sfcu a:focus, #sfcu a.active:focus, #sfcu button:focus, #sfcu input:focus, #sfcu textarea:focus { outline: 1px dotted #212121 !important; outline: 5px auto -webkit-focus-ring-color !important; } #sfcu nav#desktop { display: none; } @media only screen and (min-width: 73.125rem) { #sfcu nav#desktop { display: block; } #sfcu nav#mobile { display: none; } } #sfcu .hide-guest { display: none; } #sfcu.editmode .ccm-page header { z-index: inherit; } @media only screen and (min-width: 64.063em) { #sfcu.editmode .ccm-page header h1 { margin: 4rem 0 4rem; } } #sfcu.editmode .ccm-page .wow { transform: none !important; } #sfcu.editmode .ccm-page .hide-guest { display: block; } #sfcu.editmode .ccm-page nav#desktop { z-index: inherit; position: relative; } #sfcu.editmode .ccm-page .portals { z-index: inherit; } #sfcu .wow, #sfcu .wow:first-child { visibility: hidden; } #sfcu .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #sfcu .reveal-modal-bg { background: rgba(0, 74, 154, 0.8); } #sfcu .reveal-modal { padding: 2rem !important; box-sizing: border-box; } @media only screen and (min-width: 40.063em) { #sfcu .reveal-modal { padding: 3rem !important; border-radius: 3rem; } } #sfcu .reveal-modal { border: none; box-shadow: none; } #sfcu .reveal-modal .close-reveal-modal { cursor: pointer; font-size: 1.5rem; font-weight: 400; line-height: 1; top: 1.5rem; right: 2rem; color: #B82527; transition: .2s ease-in-out; } #sfcu .reveal-modal .close-reveal-modal:hover { color: #F41F2B; } #sfcu .reveal-modal .online-banking-wrapper { position: relative; } #sfcu .reveal-modal .online-banking-wrapper a.button.select { text-align: left !important; background-color: #E1F2F6; float: none !important; } #sfcu .reveal-modal .online-banking-wrapper a.button.select:hover { background-color: #cdeaf0; } #sfcu .reveal-modal .online-banking-wrapper input[type=text], #sfcu .reveal-modal .online-banking-wrapper input[type=password] { background-color: #E1F2F6; } #sfcu .reveal-modal .online-banking-wrapper input[type=text]:hover, #sfcu .reveal-modal .online-banking-wrapper input[type=password]:hover { background-color: #cdeaf0; } #sfcu .border-right { margin-right: -15px; padding-right: .9rem; border-right: 1px solid; } #sfcu .border-right.orange { border-color: #FF8E1B; } #sfcu .border-right.blue { border-color: #004A9A; } #sfcu .border-right.blue-dark { border-color: #001863; } #sfcu .border-left { margin-left: -15px; padding-left: .9rem; border-left: 1px solid; } #sfcu .border-left.orange { border-color: #FF8E1B; } #sfcu .border-left.blue { border-color: #004A9A; } #sfcu .border-left.blue-dark { border-color: #001863; } .flubbles { background-image: url(/application/files/8015/7314/8298/bg_flubble_orange_light.jpg); background-size: cover; background-position: center top; } /***** Page Types *****/ #sfcu .ccm-page.page-template-full-width main { min-height: 35vh; padding-top: 1.875rem; padding-bottom: 3.75rem; } /***** End Page Types*/ /***** Begin CCM Page *****/ #sfcu .ccm-page { /* Text Colors */ /***** Styles *****/ /***** SEGs BDO *****/ /***** End SEGs BDO *****/ /***** End Styles *****/ } #sfcu .ccm-page .row { max-width: 73.125rem; } #sfcu .ccm-page .row.full-width { max-width: 100%; } #sfcu .ccm-page .clear { clear: both; } #sfcu .ccm-page a.sbs_external_icon:after { display: inline-block; width: auto; line-height: 1; vertical-align: middle; content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAAH6Nf8rAAAABGdBTUEAALGPC/xhBQAAAOxJREFUGBljZPCdZ8Tw9283E8O/v3UMbCzBDAzes1czQIDX7E0MPgulQRxGBhCHkbkAIhO0WBLCAJPeszbCeT7zVRmAsiwM/xkZ4YJbEm+D2CBDNgPp/wxiLGEMr/6sArKtEapASrxm72Vg/P8FxIQAkAAIRC/hgwggk0DjmBhiF3EjiwFt+cUI9MQ6BlGWKIYFiT9QJEEckBP//ZkBdM8fJqBbWDAUgRSA7GVj+cKwLdWZgYUxkQXDFJCDfv14y7AaqAAG/v6bgqlwacwnmDycBtoKdOMcHWBYNAKdwAqUQA0HkEpGhu8MzEy1AElMRRiY+T6WAAAAAElFTkSuQmCC"); margin-left: .2rem; margin-right: .5rem; } #sfcu .ccm-page a.sbs_external_icon.button:after { margin-left: .2rem; content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAAH6Nf8rAAAABGdBTUEAALGPC/xhBQAAAK1JREFUGBllkEEKwjAQRTNSoSAUcVfdCe5ceb8ueh6haLtykZN4BjciFNzEN0lTkhr4mfl/Xkunxjl3QdZw3dBWm6vxh65Hh9Qco6kDozfMPTr6E6oLAomhiDx9z2RA+tZyqq+ZUoLQUj6eTgIdVHMYG8JhxbWJwVS/ineoXAy8JddPtOihYL+EEsBvid//gYQV2qUP4ztdPDss/86CYAqBPtO3aI2y/xAYM1KbH8SCh3Urq+V3AAAAAElFTkSuQmCC"); } #sfcu .ccm-page img { max-width: 100%; height: auto; } #sfcu .ccm-page .parallax-image-container img { max-width: none; height: intrinsic; } #sfcu .ccm-page h2 span.red, #sfcu .ccm-page h3 span.red, #sfcu .ccm-page h4 span.red, #sfcu .ccm-page h5 span.red, #sfcu .ccm-page h6 span.red, #sfcu .ccm-page p span.red, #sfcu .ccm-page a span.red { color: #F41F2B; } #sfcu .ccm-page h2 span.orange, #sfcu .ccm-page h3 span.orange, #sfcu .ccm-page h4 span.orange, #sfcu .ccm-page h5 span.orange, #sfcu .ccm-page h6 span.orange, #sfcu .ccm-page p span.orange, #sfcu .ccm-page a span.orange { color: #FF8E1B; } #sfcu .ccm-page h2 span.yellow, #sfcu .ccm-page h3 span.yellow, #sfcu .ccm-page h4 span.yellow, #sfcu .ccm-page h5 span.yellow, #sfcu .ccm-page h6 span.yellow, #sfcu .ccm-page p span.yellow, #sfcu .ccm-page a span.yellow { color: #FFCE00; } #sfcu .ccm-page h2 span.green, #sfcu .ccm-page h3 span.green, #sfcu .ccm-page h4 span.green, #sfcu .ccm-page h5 span.green, #sfcu .ccm-page h6 span.green, #sfcu .ccm-page p span.green, #sfcu .ccm-page a span.green { color: #00852E; } #sfcu .ccm-page h2 span.blue, #sfcu .ccm-page h3 span.blue, #sfcu .ccm-page h4 span.blue, #sfcu .ccm-page h5 span.blue, #sfcu .ccm-page h6 span.blue, #sfcu .ccm-page p span.blue, #sfcu .ccm-page a span.blue { color: #004A9A; } #sfcu .ccm-page h2 span.bkue-dark, #sfcu .ccm-page h3 span.bkue-dark, #sfcu .ccm-page h4 span.bkue-dark, #sfcu .ccm-page h5 span.bkue-dark, #sfcu .ccm-page h6 span.bkue-dark, #sfcu .ccm-page p span.bkue-dark, #sfcu .ccm-page a span.bkue-dark { color: #001863; } #sfcu .ccm-page h2 span.gray, #sfcu .ccm-page h3 span.gray, #sfcu .ccm-page h4 span.gray, #sfcu .ccm-page h5 span.gray, #sfcu .ccm-page h6 span.gray, #sfcu .ccm-page p span.gray, #sfcu .ccm-page a span.gray { color: #556770; } #sfcu .ccm-page h2.white, #sfcu .ccm-page h3.white, #sfcu .ccm-page h4.white, #sfcu .ccm-page h5.white, #sfcu .ccm-page h6.white, #sfcu .ccm-page p.white, #sfcu .ccm-page a.white { color: #ffffff; } #sfcu .ccm-page h2 span.white, #sfcu .ccm-page h3 span.white, #sfcu .ccm-page h4 span.white, #sfcu .ccm-page h5 span.white, #sfcu .ccm-page h6 span.white, #sfcu .ccm-page p span.white, #sfcu .ccm-page a span.white { color: #ffffff; } #sfcu .ccm-page h1, #sfcu .ccm-page h2, #sfcu .ccm-page h3, #sfcu .ccm-page h4, #sfcu .ccm-page h5, #sfcu .ccm-page h6, #sfcu .ccm-page p, #sfcu .ccm-page a, #sfcu .ccm-page span, #sfcu .ccm-page div, #sfcu .ccm-page ul li, #sfcu .ccm-page ol li, #sfcu .ccm-page table tr td { text-rendering: geometricPrecision; } #sfcu .ccm-page h1.head, #sfcu .ccm-page h2.head, #sfcu .ccm-page h3.head, #sfcu .ccm-page h4.head, #sfcu .ccm-page h5.head, #sfcu .ccm-page h6.head, #sfcu .ccm-page p.head, #sfcu .ccm-page a.head, #sfcu .ccm-page span.head, #sfcu .ccm-page div.head, #sfcu .ccm-page ul li.head, #sfcu .ccm-page ol li.head, #sfcu .ccm-page table tr td.head { font-family: "museo-sans", "museo-sans-rounded", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important; font-weight: 300 !important; } #sfcu .ccm-page h1.body, #sfcu .ccm-page h2.body, #sfcu .ccm-page h3.body, #sfcu .ccm-page h4.body, #sfcu .ccm-page h5.body, #sfcu .ccm-page h6.body, #sfcu .ccm-page p.body, #sfcu .ccm-page a.body, #sfcu .ccm-page span.body, #sfcu .ccm-page div.body, #sfcu .ccm-page ul li.body, #sfcu .ccm-page ol li.body, #sfcu .ccm-page table tr td.body { font-family: "museo-sans", "museo-sans-rounded", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important; } #sfcu .ccm-page span.red, #sfcu .ccm-page span.red a { color: #F41F2B !important; } #sfcu .ccm-page span.orange, #sfcu .ccm-page span.orange a { color: #FF8E1B !important; } #sfcu .ccm-page span.yellow, #sfcu .ccm-page span.yellow a { color: #FFCE00 !important; } #sfcu .ccm-page span.green, #sfcu .ccm-page span.green a { color: #00852E !important; } #sfcu .ccm-page span.teal, #sfcu .ccm-page span.teal a { color: #00B1BD !important; } #sfcu .ccm-page span.blue, #sfcu .ccm-page span.blue a { color: #004A9A !important; } #sfcu .ccm-page span.gray, #sfcu .ccm-page span.gray a { color: #556770 !important; } #sfcu .ccm-page span.white, #sfcu .ccm-page span.white a { color: #ffffff !important; } #sfcu .ccm-page span.black, #sfcu .ccm-page span.black a { color: #222222 !important; } #sfcu .ccm-page h1 b, #sfcu .ccm-page h1 strong, #sfcu .ccm-page h2 b, #sfcu .ccm-page h2 strong, #sfcu .ccm-page h3 b, #sfcu .ccm-page h3 strong, #sfcu .ccm-page h4 b, #sfcu .ccm-page h4 strong, #sfcu .ccm-page h5 b, #sfcu .ccm-page h5 strong, #sfcu .ccm-page h6 b, #sfcu .ccm-page h6 strong { font-weight: 700; } #sfcu .ccm-page h1 a, #sfcu .ccm-page h2 a, #sfcu .ccm-page h3 a, #sfcu .ccm-page h4 a, #sfcu .ccm-page h5 a, #sfcu .ccm-page h6 a { font-family: "museo-sans", "museo-sans-rounded", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; } #sfcu .ccm-page h1.body, #sfcu .ccm-page h2.body, #sfcu .ccm-page h3.body, #sfcu .ccm-page h4.body, #sfcu .ccm-page h5.body, #sfcu .ccm-page h6.body { font-family: "museo-sans", "museo-sans-rounded", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; } #sfcu .ccm-page h3 { margin: 1.5rem 0 .5rem 0; } #sfcu .ccm-page p { margin-top: .2rem; margin-bottom: .8rem; } #sfcu .ccm-page p.disclaimer { font-size: .85rem; line-height: 1.2rem; } #sfcu .ccm-page p.disclaimer:first-of-type { margin-top: 1.5rem; } #sfcu .ccm-page p.small, #sfcu .ccm-page li.small, #sfcu .ccm-page table td.small { font-size: .85rem; } #sfcu .ccm-page a { text-decoration: underline; transition: all .3s ease-in-out; } #sfcu .ccm-page hr { margin-top: 1.8rem; margin-bottom: 1.8rem; border-top-width: 1px; border-style: solid; border-color: #FF8E1B; clear: both; } #sfcu .ccm-page hr.sunny { margin: 0; padding: 1.8rem 0; border: none; background-image: url(/application/files/1915/7447/0788/icon_horizontalrule_sunny_orange.png); background-position: center center; background-repeat: repeat-x; } @media only screen and (min-width: 73.125rem) { #sfcu .ccm-page .narrow hr { width: 20%; } } #sfcu .ccm-page .short hr { margin-top: .5rem; margin-bottom: .5rem; } #sfcu .ccm-page .transparent hr { border-color: transparent; } #sfcu .ccm-page .red hr { border-color: #F41F2B; } #sfcu .ccm-page .orange hr { border-color: #FF8E1B; } #sfcu .ccm-page .yellow hr { border-color: #FFCE00; } #sfcu .ccm-page .green hr { border-color: #00852E; } #sfcu .ccm-page .teal hr { border-color: #00B1BD; } #sfcu .ccm-page .blue hr { border-color: #004A9A; } #sfcu .ccm-page .black hr { border-color: #222222; } #sfcu .ccm-page .gray hr { border-color: #556770; } #sfcu .ccm-page .white hr { border-color: #ffffff; } #sfcu .ccm-page .asterisk { color: #F41F2B !important; } #sfcu .ccm-page .bg.round { border-radius: 3rem; } #sfcu .ccm-page .bg.red { background-color: #F41F2B; } #sfcu .ccm-page .bg.orange { background-color: #FF8E1B; } #sfcu .ccm-page .bg.orange-light { background-color: #FEF0E1; } #sfcu .ccm-page .bg.yellow { background-color: #FFCE00; } #sfcu .ccm-page .bg.yellow-light { background-color: #FFF2D1; } #sfcu .ccm-page .bg.green { background-color: #00852E; } #sfcu .ccm-page .bg.teal { background-color: #00B1BD; } #sfcu .ccm-page .bg.blue { background-color: #004A9A; } #sfcu .ccm-page .bg.blue-light { background-color: #E1F2F6; } #sfcu .ccm-page ul:not([class]) { list-style-type: none; margin: 1rem 0 1rem 1.875rem; padding: 0; } #sfcu .ccm-page ul:not([class]) > li { padding: 0 0 .7rem .7rem; } #sfcu .ccm-page ul:not([class]) > li:before { content: "\203A"; float: left; padding-right: 0.3rem; margin: 0 0 0 -1rem; font-size: 1.4rem; font-weight: 700; line-height: 1; color: #FFCE00; } #sfcu .ccm-page ul:not([class]) > li p { margin: 0; padding: 0; } #sfcu .ccm-page ul.unordered { list-style-type: none; margin: 1.2rem 0 1.875rem .5rem; padding: 0; } #sfcu .ccm-page ul.unordered > li { padding: 0 0 .7rem .7rem; } #sfcu .ccm-page ul.unordered > li:before { content: "\203A"; float: left; padding-right: 0.3rem; margin: 0 0 0 -1rem; font-size: 1.4rem; font-weight: 700; line-height: 1; color: #FFCE00; } #sfcu .ccm-page ul.unordered > li p { margin: 0; padding: 0; } #sfcu .ccm-page .page-list-wrapper h5 { color: #FF8E1B; } #sfcu .ccm-page .button, #sfcu .ccm-page button { margin-right: 1rem; padding-left: 2rem; padding-right: 2rem; } #sfcu .ccm-page .button.sfcu-btn, #sfcu .ccm-page button.sfcu-btn { min-width: 45%; border-radius: 1rem; box-shadow: 0.3rem 0.3rem 0 rgba(85, 103, 112, 0.3); } #sfcu .ccm-page .button.round, #sfcu .ccm-page button.round { border-radius: 1000px; } #sfcu .ccm-page .button.secondary, #sfcu .ccm-page button.secondary { color: #001863; } #sfcu .ccm-page ul.button-group { margin: 0 !important; padding: 0 !important; } #sfcu .ccm-page ul.button-group li { margin: 0 !important; padding: 0 !important; } #sfcu .ccm-page ul.button-group li .button { border: none; } #sfcu .ccm-page ul.button-group li:nth-child(1) .button { margin-right: 2px !important; border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; } #sfcu .ccm-page ul.button-group li:nth-child(2) .button { border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } #sfcu .ccm-page form .row { padding-bottom: 1rem; } #sfcu .ccm-page form label { font-family: "museo-sans", "museo-sans-rounded", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 1rem; } #sfcu .ccm-page form label.hs-error-msg { font-family: "museo-sans", "museo-sans-rounded", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: .9rem; color: #F41F2B; } #sfcu .ccm-page form fieldset { max-width: none; } #sfcu .ccm-page form .hs-input { width: 100% !important; } #sfcu .ccm-page form .hs-button.primary, #sfcu .ccm-page form input[type="submit"], #sfcu .ccm-page form input[type="button"] { /* -webkit-appearance: none; -moz-appearance: none; border-radius: 1000px; border-style: solid; border-width: 0; cursor: pointer; font-family: $body; font-weight: normal; font-size: 0.8125rem; line-height: normal; text-decoration: none; margin: 1rem 0 1.25rem; position: relative; text-align: center; display: inline-block; padding: .5rem 2rem; -webkit-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; */ } #sfcu .ccm-page form ul { list-style-type: none; } #sfcu .ccm-page form ul.hs-error-msgs { margin: 0 !important; padding: 0 !important; } #sfcu .ccm-page form ul.hs-error-msgs li { list-style-type: none; margin: 0 !important; padding: 0 0 .5rem 0 !important; } #sfcu .ccm-page a.button.select { height: 2.3125rem; margin: .25rem 0 0 0; padding: .6rem 1rem; border-radius: 0; border-style: solid; border-width: 0px; border-color: #004A9A; background-color: rgba(255, 255, 255, 0.8); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1; text-align: left; color: #001863; } #sfcu .ccm-page a.button.select:hover { color: #004A9A; background-color: white; } #sfcu .ccm-page .f-dropdown.options { width: auto; max-width: 100%; margin: 0; padding: 0; } #sfcu .ccm-page .f-dropdown.options ul { margin: 0; padding: 0; } #sfcu .ccm-page .f-dropdown.options ul li { display: block; width: 100%; margin: 0; padding: 0; } #sfcu .ccm-page .f-dropdown.options ul li:before { content: none; display: none; } #sfcu .ccm-page .f-dropdown.options ul li a { line-height: 1; text-decoration: underline; width: 100%; margin: 0; padding: .8rem 1rem; color: #001863; background: #ffffff; } #sfcu .ccm-page .f-dropdown.options ul li a:hover { color: #004A9A; background: #E1F2F6; } #sfcu .ccm-page .f-dropdown.options ul li a.sbs_external_icon:after { display: none; content: none; } #sfcu .ccm-page.page-type-seg .c5h-page-meta-wrap { display: none; } #sfcu .ccm-page .seg-bdo { margin-top: 1.875rem; } #sfcu .ccm-page .seg-financial-wellness { background-color: #004A9A; margin: 1.875rem 0 1.875rem 0; padding: 1rem 1rem; border-radius: 1rem 1rem 0 0; } #sfcu .ccm-page .seg-financial-wellness h5 { font-size: 1.3rem; margin: 0; padding: 0; color: #ffffff; } #sfcu .ccm-page .seg-financial-wellness.blue-dark { background-color: #001863; } #sfcu .ccm-page .seg-financial-wellness.blue { background-color: #004A9A; } #sfcu .ccm-page .seg-financial-wellness.green { background-color: #00852E; } #sfcu .ccm-page .seg-financial-wellness.orange { background-color: #FF8E1B; } #sfcu .ccm-page .seg-financial-wellness.gray { background-color: #556770; } #sfcu .ccm-page .resources-healthcare { display: none; } #sfcu .ccm-page .resource { display: none; } #sfcu .ccm-page .seg-resource { display: flex; align-items: center; justify-content: center; margin: 1rem 0; } #sfcu .ccm-page .seg-resource .img { display: block; float: left; width: 5rem; height: auto; margin-right: 1.875rem; } /* end #sfcu .ccm-page */ /***** sfcu *****/ #sfcu .ccm-page.page-template-right-sidebar-feature .c5h-page-meta-wrap { display: none; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page.page-template-right-sidebar-feature #ff-banner { max-width: 87.5rem; margin: 0 auto; padding: 4rem 0; } } #sfcu .ccm-page header { position: relative; z-index: 3; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page header { z-index: 1; } } #sfcu .ccm-page header h1 { font-size: 2.4rem; line-height: 2.6rem; margin: 8rem 0 3rem; color: #ffffff; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page header h1 { margin: 14rem 0 4rem; } } #sfcu .ccm-page main { min-height: 45vh; } #sfcu .ccm-page main #nav-hover { display: none; z-index: 4; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: #004A9A; background: linear-gradient(180deg, #004a9a 30%, rgba(0, 74, 154, 0.01) 100%); opacity: .5; transition: .3s ease-in; } #sfcu .ccm-page main #nav-hover.over { opacity: 1; } #sfcu .ccm-page main .main-wrap { min-height: 400px; padding-top: 45px; padding-bottom: 60px; } #sfcu .ccm-page main .main-photo { margin-bottom: 1.875rem; border-radius: 2rem; overflow: hidden; box-shadow: 0.8rem 0.8rem 0 rgba(255, 142, 27, 0.5); } #sfcu .ccm-page main .sidebar-content .c5h-search-bar { display: none; } #sfcu .ccm-page main .sidebar-content .topics button { width: 100%; border-radius: 1rem; background: #004A9A; box-shadow: 0.3rem 0.3rem 0 rgba(85, 103, 112, 0.3); } #sfcu footer#footer { background-size: cover; font-size: .9rem; } #sfcu footer#footer:before { position: absolute; z-index: 1; content: ""; width: 100%; height: 50px; background-image: url(/application/files/7315/7360/7104/bg_footer_top.png); background-position: center top; background-size: contain; background-repeat: no-repeat; opacity: .4; } #sfcu footer#footer h3, #sfcu footer#footer h4, #sfcu footer#footer h5, #sfcu footer#footer h6 { color: #004A9A; } #sfcu footer#footer p { font-size: .9rem; } #sfcu .c5h-footer-top-wrap { text-align: center; } @media only screen and (min-width: 64.063em) { #sfcu .c5h-footer-top-wrap { text-align: left; } } #sfcu .c5h-footer-bottom-wrap { text-align: center; } #sfcu .c5h-footer-bottom-wrap .columns { margin-top: 1.875rem; } @media only screen and (min-width: 64.063em) { #sfcu .c5h-footer-bottom-wrap { text-align: left; } #sfcu .c5h-footer-bottom-wrap .columns { margin-top: 0; } } /***** End sfcu *****/ /***** Hero Sections *****/ #sfcu .ccm-page .hero { position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 4rem 0 0 0; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero { padding: 5rem 0 0 0; background: #ffffff; background: linear-gradient(248deg, rgba(0, 74, 154, 0.6) 0%, #004a9a 100%); } } #sfcu .ccm-page .hero .feature { position: relative; top: 0; left: 0; width: 100%; margin: 0; } @media only screen and (min-width: 90.063em) { #sfcu .ccm-page .hero .feature { height: 46.875rem; } } @media only screen and (min-width: 120.063em) { #sfcu .ccm-page .hero .feature { height: 50rem; } } #sfcu .ccm-page .hero .feature .caption-wrapper { position: relative; z-index: 2; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature .caption-wrapper { width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; } } #sfcu .ccm-page .hero .feature .image { position: relative; top: 0; left: 0; width: 100%; height: 21.875rem; background-size: cover; background-position: center bottom; background-repeat: no-repeat; overflow: hidden; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature .image { z-index: 1; position: absolute; height: 100%; background-size: cover; background-position: center bottom; background-repeat: no-repeat; opacity: 1; transition: .3s ease-in; } #sfcu .ccm-page .hero .feature .image.hero-hover { opacity: .3; } } #sfcu .ccm-page .hero .feature .caption { z-index: 2; position: relative; width: 100%; height: auto; overflow: hidden; background-color: #004A9A; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature .caption { float: left; width: 35vw; min-width: 18.75rem; max-width: 43.7; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; background-color: transparent; } #sfcu .ccm-page .hero .feature .caption:hover .caption-bg { opacity: .8; } } #sfcu .ccm-page .hero .feature .caption .caption-inner { z-index: 2; position: relative; width: 100%; padding: 1.875rem; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature .caption .caption-inner { margin-left: 3rem; padding: 0 1.875rem 0 0; } } #sfcu .ccm-page .hero .feature .caption .caption-bg { display: none; z-index: 1; position: absolute; top: 0; right: 0; width: 100%; height: 100%; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature .caption .caption-bg { display: block; top: -40%; width: 1200px; height: 1200px; border-radius: 50%; transition: .3s ease-in; opacity: .7; } } #sfcu .ccm-page .hero .feature .title { text-align: center; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature .title { text-align: left; } } #sfcu .ccm-page .hero .feature .title h1 { font-size: 2.4rem; line-height: 2.8rem; font-weight: 300; margin: 0 0 .5rem 0; padding: 0; color: #ffffff; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature .title h1 { font-size: 3.4rem; line-height: 3.6rem; margin: 0 0 .5rem 0; padding: 0; } } #sfcu .ccm-page .hero .feature .description { text-align: center; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature .description { text-align: left; } } #sfcu .ccm-page .hero .feature .description p, #sfcu .ccm-page .hero .feature .description li { font-family: "museo-sans", "museo-sans-rounded", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: 400; margin: 0 0 .5rem 0; padding: 0; color: #ffffff; } #sfcu .ccm-page .hero .feature .link { text-align: center; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature .link { text-align: left; } } #sfcu .ccm-page .hero .feature .link .button { width: 100%; max-width: 18.75rem; margin: 1rem 0 0 0; border: 2px solid #00852E; background-color: #00852E; box-shadow: 0.3rem 0.3rem 0 rgba(255, 255, 255, 0.3); transition: all .2s ease-in-out; } #sfcu .ccm-page .hero .feature .link .button:hover { border-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } #sfcu .ccm-page .hero .feature .stack a.button.select { height: auto; padding: .8rem 2rem; border-radius: 1000px; text-align: center; } #sfcu .ccm-page .hero .feature .stack .f-dropdown.options { text-align: center; text-decoration: underline; } #sfcu .ccm-page .hero .feature .stack .button { margin-top: 1rem; color: #ffffff; border: 2px solid #001863; background-color: #001863; box-shadow: 0.3rem 0.3rem 0 rgba(255, 255, 255, 0.3); transition: all .2s ease-in-out; } #sfcu .ccm-page .hero .feature .stack .button:hover { border-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } #sfcu .ccm-page .hero .feature .stack .button.success { border: 2px solid #00852E; background-color: #00852E; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature.promo { height: 37rem; } } @media only screen and (min-width: 90.063em) { #sfcu .ccm-page .hero .feature.promo { height: 40.625rem; } } @media only screen and (min-width: 120.063em) { #sfcu .ccm-page .hero .feature.promo { height: 43.75rem; } } #sfcu .ccm-page .hero .feature.homepage { height: auto; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature.homepage { height: 43.75rem; } } @media only screen and (min-width: 90.063em) { #sfcu .ccm-page .hero .feature.homepage { height: 46.875rem; } } @media only screen and (min-width: 120.063em) { #sfcu .ccm-page .hero .feature.homepage { height: 50rem; } } #sfcu .ccm-page .hero .feature.homepage .image { height: 28rem; background-size: cover; background-position: 70% 100%; background-repeat: no-repeat; overflow: hidden; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature.homepage .image { height: 100%; background-position: 50% 50%; } #sfcu .ccm-page .hero .feature.homepage .image.hero-hover { opacity: .3; } } #sfcu .ccm-page .hero .feature.homepage .caption { background-color: #004A9A; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature.homepage .caption { width: 40vw; min-width: 18.75rem; max-width: 34.375rem; height: 100%; background-color: transparent; } #sfcu .ccm-page .hero .feature.homepage .caption:hover .caption-bg { opacity: .7; } } #sfcu .ccm-page .hero .feature.homepage .caption .caption-inner { width: 100%; padding: 1.875rem; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature.homepage .caption .caption-inner { margin-left: 3rem; padding: 0 1.875rem 0 0; } } #sfcu .ccm-page .hero .feature.homepage .title { text-align: center; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature.homepage .title { text-align: left; } } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature.homepage .title h1 { font-size: 3.4rem; line-height: 3.6rem; margin: 0 0 .5rem 0; padding: 0; } } #sfcu .ccm-page .hero .feature.homepage .link .button { text-decoration: underline; border: 2px solid #001863; background-color: #001863; box-shadow: 0.3rem 0.3rem 0 rgba(255, 255, 255, 0.3); } #sfcu .ccm-page .hero .feature.homepage .link .button:hover { border-color: rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } #sfcu .ccm-page .hero .feature.homepage #online-banking { z-index: 3; position: relative; width: 100%; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature.homepage #online-banking { float: right; width: 24vw; min-width: 12.5rem; max-width: 22.5rem; } #sfcu .ccm-page .hero .feature.homepage #online-banking:hover .login-bg { opacity: .7; } } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-inner { z-index: 2; position: relative; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 1.875rem; background-color: #001863; text-align: center; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature.homepage #online-banking .login-inner { background-color: transparent; text-align: left; } } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-inner h1, #sfcu .ccm-page .hero .feature.homepage #online-banking .login-inner h2, #sfcu .ccm-page .hero .feature.homepage #online-banking .login-inner h3, #sfcu .ccm-page .hero .feature.homepage #online-banking .login-inner h4, #sfcu .ccm-page .hero .feature.homepage #online-banking .login-inner h5, #sfcu .ccm-page .hero .feature.homepage #online-banking .login-inner h6, #sfcu .ccm-page .hero .feature.homepage #online-banking .login-inner p, #sfcu .ccm-page .hero .feature.homepage #online-banking .login-inner li { color: #ffffff; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-inner h2, #sfcu .ccm-page .hero .feature.homepage #online-banking .login-inner h3 { font-size: 1.8rem; line-height: 2rem; margin: 0; padding: 0; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature.homepage #online-banking .login-bg { border-top-left-radius: 2.6rem; border-bottom-left-radius: 2.6rem; transition: .3s ease-in; opacity: .7; } } #sfcu .ccm-page .hero .feature.homepage #online-banking .online-banking-wrapper { max-width: 30rem; margin: 0 auto; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature.homepage #online-banking .online-banking-wrapper { margin: 0; } } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form { position: relative; margin: 1rem 0 0 0; padding: 0; color: #ffffff; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form h3 { font-size: 1.6rem; line-height: 1.8rem; margin: 0; padding: 0; color: #ffffff; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-row { display: flex; justify-content: flex-start; align-items: center; padding: .3rem 0; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-label { width: 25%; margin-right: 1rem; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-label p { margin: .5rem 1rem .5rem 0; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-field { flex: 1; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-field input[type=text], #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-field input[type=password] { margin: 0; background: rgba(255, 255, 255, 0.7); transition: .2s; border: none; box-shadow: none; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-field input[type=text]:focus, #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-field input[type=password]:focus { background: #ffffff; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-field input[type=text]:hover, #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-field input[type=password]:hover { background: #ffffff; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-button { width: 100%; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-button .button { width: 100%; text-decoration: underline; border: none; background-color: rgba(255, 255, 255, 0.9); box-shadow: none; color: #001863; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-button .button:hover { background-color: white; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-button .button { border: 2px solid #001863; background-color: #001863; box-shadow: 0.3rem 0.3rem 0 rgba(255, 255, 255, 0.3); transition: all .2s ease-in-out; color: #ffffff; } #sfcu .ccm-page .hero .feature.homepage #online-banking .login-form .form-button .button:hover { border-color: rgba(255, 255, 255, 0.3); background-color: #001863; box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } } /***** Promotional Pages *****/ /* 1 */ #sfcu.editmode #subnav-wrapper #subnav.fixed { position: relative !important; z-index: inherit !important; } #sfcu .ccm-page #subnav-wrapper { display: none; position: relative; width: 100%; height: 3.125rem; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page #subnav-wrapper { display: block; } } #sfcu .ccm-page #subnav-wrapper.promo #subnav .link-wrap { background-color: #FF8E1B; } #sfcu .ccm-page #subnav-wrapper.promo #subnav a.link { color: #001863; background-color: #FF8E1B; border-left: 1px solid rgba(255, 255, 255, 0.5); } #sfcu .ccm-page #subnav-wrapper.promo #subnav a.link:hover { background-color: #ff8102; } #sfcu .ccm-page #subnav-wrapper.service #subnav .link-wrap { background-color: #001863; } #sfcu .ccm-page #subnav-wrapper.service #subnav a.link { color: #ffffff; background-color: #001863; border-left: 1px solid rgba(255, 255, 255, 0.5); } #sfcu .ccm-page #subnav-wrapper.service #subnav a.link:hover { background-color: #001e7d; } #sfcu .ccm-page #subnav-wrapper-mobile { display: block; position: relative; width: 100%; height: 2.5rem; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page #subnav-wrapper-mobile { display: none; } } #sfcu .ccm-page #subnav-wrapper-mobile.promo #subnav-mobile a.select { color: #001863; background-color: #FF8E1B; box-shadow: 0 0.3rem 0 rgba(255, 142, 27, 0.5); } #sfcu .ccm-page #subnav-wrapper-mobile.promo #subnav-mobile .f-dropdown.options { box-shadow: 0 0.5rem 0 rgba(255, 142, 27, 0.5); } #sfcu .ccm-page #subnav-wrapper-mobile.promo #subnav-mobile a.link { color: #001863; background-color: #FF8E1B; } #sfcu .ccm-page #subnav-wrapper-mobile.promo #subnav-mobile a.link:hover { background-color: #ff8102; } #sfcu .ccm-page #subnav-wrapper-mobile.service #subnav-mobile a.select { color: #ffffff; background-color: #001863; box-shadow: 0 0.3rem 0 rgba(0, 74, 154, 0.5); } #sfcu .ccm-page #subnav-wrapper-mobile.service #subnav-mobile .f-dropdown.options { box-shadow: 0 0.5rem 0 rgba(0, 74, 154, 0.5); } #sfcu .ccm-page #subnav-wrapper-mobile.service #subnav-mobile a.link { color: #ffffff; background-color: #001863; } #sfcu .ccm-page #subnav-wrapper-mobile.service #subnav-mobile a.link:hover { background-color: #001c72; } #sfcu .ccm-page #subnav { position: absolute; top: 0; left: 0; right: 0; margin: 0; width: 100%; height: 3.125rem; } #sfcu .ccm-page #subnav.fixed { position: fixed; z-index: 3; } #sfcu .ccm-page #subnav .link-wrap { position: relative; width: 100%; margin: 0 auto; text-align: center; } #sfcu .ccm-page #subnav a.link { display: inline-block; margin: 0 -4px 0 0; padding-left: 2rem; padding-right: 2rem; font-size: 1.125rem; font-weight: 700; line-height: 3.125rem; border-right: none; } #sfcu .ccm-page #subnav a.link:last-child { border-right: 1px solid rgba(255, 255, 255, 0.5); } #sfcu .ccm-page #subnav-mobile { position: absolute; top: 0; left: 0; right: 0; margin: 0; width: 100%; height: 2.5rem; } #sfcu .ccm-page #subnav-mobile.fixed { position: fixed; z-index: 3; } #sfcu .ccm-page #subnav-mobile a.select { position: relative; display: block; top: 0; left: 0; width: 100%; line-height: 2.5rem; font-weight: 700; text-align: center; } #sfcu .ccm-page #subnav-mobile .f-dropdown.options { left: 0 !important; width: 100% !important; border: none; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } #sfcu .ccm-page #subnav-mobile .f-dropdown.options.open:before { display: none; } #sfcu .ccm-page #subnav-mobile .f-dropdown.options.open:after { display: none; } #sfcu .ccm-page #subnav-mobile a.link { display: block; margin: 0 0 0 0; padding: .25rem .5rem; font-size: .9rem; font-weight: 400; line-height: 2.5rem; text-align: center; border: none; color: #ffffff; } #sfcu .ccm-page #subnav-mobile a.link:last-child { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; } /* 2 */ .rates { padding-top: 3.2rem; padding-bottom: 3.2rem; background-image: url(/application/files/8015/7314/8298/bg_flubble_orange_light.jpg); background-size: cover; background-position: center bottom; } .rates > .row .columns { border-top: 1px solid rgba(255, 142, 27, 0.5); } .rates > .row .columns:first-child { border: none; } @media only screen and (min-width: 64.063em) { .rates > .row { display: flex; align-items: center; } .rates > .row .columns { border-top: none; border-left: 1px solid rgba(255, 142, 27, 0.5); } .rates > .row .columns:first-child { border: none; } } .rates .rate { padding-top: 1.875rem; padding-bottom: 1.875rem; } @media only screen and (min-width: 64.063em) { .rates .rate { padding-top: .5rem; padding-bottom: .5rem; } } .rates .rate.homepage { text-align: center; } .rates .rate.homepage h4 { font-size: 1.6rem; line-height: 1.8rem; margin: 0 0 .3rem 0; padding: 0; color: #004A9A; } .rates .rate.homepage span.rate-number { font-size: 2.2rem; font-weight: 300; line-height: 1; margin: .5rem 0; padding: 0; color: #e77500; } .rates .rate.homepage .link { margin: .5rem 0 0 0; } .rates .rate.homepage .link a.button { margin: 0; padding: 0; background: transparent; font-weight: 400; color: #004A9A; } /* 3 */ .features { padding-top: 2rem; padding-bottom: 3rem; } /* 4 */ .reviews { width: 100%; max-width: 87.5rem; min-height: 350px; margin-left: auto; margin-right: auto; padding-top: 2rem; padding-bottom: 3rem; background-color: #ffffff; } .reviews hr { opacity: .2; } /* 5 */ .process { padding-top: 2rem; padding-bottom: 3rem; } /* 6 */ #sfcu .ccm-page .steps { padding-top: 2rem; padding-bottom: 3rem; } #sfcu .ccm-page .steps .step { text-align: center; } #sfcu .ccm-page .steps .step .number h4 { display: inline-block; width: 3rem; height: 3rem; margin: 1.5rem 0 0 0; padding: .75rem; line-height: 1; color: #001863; border-radius: 1000px; background-color: #FF8E1B; } #sfcu .ccm-page .steps .step .title { padding-top: 1.25rem; padding-bottom: .5rem; } #sfcu .ccm-page .steps .step .description ul { text-align: left; } #sfcu .ccm-page .steps .step .description ul li { text-align: left; } /* 6 */ #sfcu .ccm-page .ready { padding-top: 2rem; padding-bottom: 3rem; text-align: center; } #sfcu .ccm-page .ready .icon { height: 4.5rem; margin-bottom: 1.5rem; } #sfcu .ccm-page .ready .icon img { width: auto; height: 100%; } #sfcu .ccm-page .ready .title { margin-bottom: 1.25rem; } /* 7 */ .resources { min-height: 400px; padding-top: 2rem; padding-bottom: 3rem; background: #E1F2F6; background: linear-gradient(0deg, #D5ECF2 50%, #E9F6F9 50%); } .resources .mbt-carousel-container { position: relative; width: 100%; max-width: 87.5rem; margin: 2rem auto 0 auto; } .resources .mbt-carousel-container .ccm-block-page-list-mbt-carousel-wrapper .ccm-block-page-list-page-entry-mbt-carousel-item .ccm-block-page-list-page-entry-mbt-carousel-item-box { padding: 1.8rem; background: #ffffff; border-radius: 2rem; } .resources .mbt-carousel-container .ccm-block-page-list-mbt-carousel-wrapper .ccm-block-page-list-page-entry-mbt-carousel-item .ccm-block-page-list-page-entry-mbt-carousel-item-box .ccm-block-page-list-page-entry-mbt-carousel-text { text-align: center; } .resources .mbt-carousel-container .ccm-block-page-list-mbt-carousel-wrapper .ccm-block-page-list-page-entry-mbt-carousel-item .ccm-block-page-list-page-entry-mbt-carousel-item-box .ccm-block-page-list-page-entry-mbt-carousel-text .ccm-block-page-list-page-entry-mbt-carousel-title h4 { color: #004A9A; } .resources .mbt-carousel-container .ccm-block-page-list-mbt-carousel-wrapper .ccm-block-page-list-page-entry-mbt-carousel-item .ccm-block-page-list-page-entry-mbt-carousel-item-box .ccm-block-page-list-page-entry-mbt-carousel-text .ccm-block-page-list-page-entry-mbt-carousel-title h4 a { color: #FF8E1B; } .resources .mbt-carousel-container .ccm-block-page-list-mbt-carousel-wrapper .ccm-block-page-list-page-entry-mbt-carousel-item .ccm-block-page-list-page-entry-mbt-carousel-item-box .ccm-block-page-list-page-entry-mbt-carousel-text .ccm-block-page-list-page-entry-mbt-carousel-description p { font-size: .9rem; line-height: 1.2rem; } .resources .mbt-carousel-container .ccm-block-page-list-mbt-carousel-wrapper .ccm-block-page-list-page-entry-mbt-carousel-item .ccm-block-page-list-page-entry-mbt-carousel-item-box .ccm-block-page-list-page-entry-mbt-carousel-text .ccm-block-page-list-page-entry-mbt-carousel-read-more { text-decoration: underline; } .resources .mbt-carousel-container .ccm-block-page-list-mbt-carousel-wrapper .ccm-block-page-list-page-entry-mbt-carousel-item .ccm-block-page-list-page-entry-mbt-carousel-item-box .ccm-block-page-list-page-entry-mbt-carousel-text .ccm-block-page-list-page-entry-mbt-carousel-read-more a { text-decoration: underline; } .resources .mbt-carousel-container .ccm-block-page-list-mbt-carousel-wrapper ul.slick-dots { margin: 0; padding: 0; } .resources .mbt-carousel-container .ccm-block-page-list-mbt-carousel-wrapper ul.slick-dots li button { border-radius: 0; box-shadow: none; background: transparent; } .resources .mbt-carousel-container .ccm-block-page-list-mbt-carousel-wrapper ul.slick-dots li button:hover { background: transparent; } .resources .mbt-carousel-container .ccm-block-page-list-mbt-carousel-wrapper ul.slick-dots li button:before { transition: .2s; color: #004A9A; } .resources .mbt-carousel-container .ccm-block-page-list-mbt-carousel-wrapper ul.slick-dots li.slick-active button:before { color: #FF8E1B; } /***** End Promotional Pages *****/ #sfcu .ccm-page .ccm-block-social-links ul.list-inline li { font-size: 2rem; padding-left: 1rem; } #sfcu .ccm-page .ccm-block-social-links ul.list-inline li a.sbs_external_icon:after { display: none; } #sfcu .ccm-page .ccm-block-social-links ul.list-inline li:first-child { padding-left: 0; } #sfcu .ccm-page .ccm-block-social-links ul.list-inline li:nth-child(1) a { color: #004A9A; } #sfcu .ccm-page .ccm-block-social-links ul.list-inline li:nth-child(1) a:hover { color: #0063cd; } #sfcu .ccm-page .ccm-block-social-links ul.list-inline li:nth-child(2) a { color: #B82527; } #sfcu .ccm-page .ccm-block-social-links ul.list-inline li:nth-child(2) a:hover { color: #d7393b; } #sfcu .ccm-page .ccm-block-social-links ul.list-inline li:nth-child(3) a { color: #00B1BD; } #sfcu .ccm-page .ccm-block-social-links ul.list-inline li:nth-child(3) a:hover { color: #00e1f0; } #sfcu .ccm-page .ccm-block-social-links ul.list-inline li:nth-child(4) a { color: #001863; } #sfcu .ccm-page .ccm-block-social-links ul.list-inline li:nth-child(4) a:hover { color: #002496; } #sfcu .ccm-page .ccm-block-social-links ul.list-inline li:nth-child(5) a { color: #F41F2B; } #sfcu .ccm-page .ccm-block-social-links ul.list-inline li:nth-child(5) a:hover { color: #f65059; } /* SEG */ #sfcu .ccm-page .seg-callouts { background-color: #FEF0E1; padding-bottom: 1.875rem; } #sfcu .ccm-page .seg-callouts .icon { text-align: center; } #sfcu .ccm-page .seg-announcement { height: 100%; padding: 1.875rem; background-color: rgba(255, 142, 27, 0.1); border: 0px solid #FF8E1B; border-radius: 3rem; } #sfcu .ccm-page .seg-announcement h4 { color: #FF8E1B; } #sfcu .ccm-page .seg-announcement .callout { margin-top: .5rem; padding-top: .5rem; padding-bottom: .2rem; text-align: center; border-radius: 4rem; background-color: #FF8E1B; color: #ffffff; } #sfcu .ccm-page .seg-announcement .callout h1, #sfcu .ccm-page .seg-announcement .callout h2, #sfcu .ccm-page .seg-announcement .callout h3, #sfcu .ccm-page .seg-announcement .callout h4, #sfcu .ccm-page .seg-announcement .callout h5, #sfcu .ccm-page .seg-announcement .callout h6, #sfcu .ccm-page .seg-announcement .callout p { color: #ffffff; } #sfcu .ccm-page .seg-promo { height: 100%; padding: 1.875rem; background-color: rgba(0, 74, 154, 0.1); border: 0px solid #004A9A; border-radius: 3rem; } /* #sfcu .ccm-page { .seg-announcement { padding-bottom: 1.875rem; background-color: $orange-light; &>.row { padding: 1.875rem 3rem 1.875rem 2rem; background-color: rgba($orange,.2); border-radius: 6rem; } .icon { text-align: center; img { max-width: 7rem; } } .seg-header { font-size: 1.6rem; margin: .5rem 0 .5rem 0; padding: 0; color: $blue-dark; } .callout { padding-top: 1rem; padding-bottom: 1rem; text-align: center; border-radius: 4rem; background-color: $orange; box-shadow: .375rem .375rem 0 rgba($orange,.3); font-size: 1.5rem; line-height: 1.5rem; color: $white; h3, h4 { color: $white; } } } .promo { margin-top: 2.8rem; padding-top: 2.5rem; padding-bottom: 2.5rem; background-color: rgba($blue-light,.8); &>.row { padding: 1.875rem 3rem 1.875rem 2rem; background-color: rgba($blue,.1); border-radius: 6rem; } h3, h4 { color: $blue-dark; } .icon { text-align: center; img { max-width: 7rem; } } } } */ /* End SEG */ .sunny-search { margin: 2rem 0 0 0; padding: 0; display: flex; align-items: flex-start; } .sunny-search .sunny { width: 5.9375rem; margin-right: 1.2rem; align-items: center; } .sunny-search .sunny-search-form { flex: 1; max-width: 21.25rem; } .sunny-search .sunny-search-form h4 { margin: 0 0 1rem; } .sunny-search .sunny-search-form input[type="text"] { margin: 0; padding-left: 1rem; border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border: none; box-shadow: none; } .sunny-search .sunny-search-form .postfix { display: flex; align-items: center; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; background: #FF8E1B; border: #FF8E1B; transition: .2s ease-in; } .sunny-search .sunny-search-form .postfix:hover { background: #ffa74e; border: #ffa74e; } .sunny-search .sunny-search-form .postfix:before { z-index: 1; position: absolute; left: 0; right: 0; margin: 0 auto; text-indent: 0; content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 1rem; line-height: 1; color: #ffffff; } .sunny-search .sunny-search-form .postfix:before:hover { color: #ffffff; } .sunny-search .sunny-search-form .postfix input[type="submit"] { z-index: 2; position: relative; display: inline-block; margin: 0; padding: .2rem .5rem; overflow: hidden; text-indent: -9999px; background: transparent; } .c5h-modal-stack.ccm-page .sunny-search { margin: 0; } .c5h-modal-stack.ccm-page .sunny-search-form { max-width: 100%; } .c5h-modal-stack.ccm-page .sunny-search-form input[type="text"] { background-color: #FEF0E1; } .c5h-modal-stack.ccm-page .postfix { display: flex; align-items: center; } .c5h-modal-stack.ccm-page .postfix:before { z-index: 1; position: absolute; left: 0; right: 0; margin: 0 auto; text-indent: 0; content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 1rem; line-height: 1; color: #ffffff; } .c5h-modal-stack.ccm-page .postfix:before:hover { color: #ffffff; } .c5h-modal-stack.ccm-page .postfix input[type="submit"] { z-index: 2; position: relative; display: inline-block; margin: 0; padding: .2rem .5rem; overflow: hidden; text-indent: -9999px; background: transparent; } #sfcu .ccm-page .news .news-post-wrap { height: 400px; padding-bottom: 1.875rem; } #sfcu .ccm-page .news .news-post { padding: 2rem 0 1.5rem 0; border-top: 1px solid #FF8E1B; } #sfcu .ccm-page .news .news-post:first-child { padding-top: 0; border-top: none; } #sfcu .ccm-page .news .news-post-masonry { position: relative; width: 100%; height: 100%; padding: 1rem; border-radius: 3rem; background: rgba(254, 240, 225, 0.6); } #sfcu .ccm-page .news hr { margin: .8rem 0; } #sfcu .ccm-page .news .news-date p { color: #FF8E1B; margin: 0; } #sfcu .ccm-page .news .news-title h3 { margin: 0; } #sfcu .ccm-page .news .news-title p { font-size: 1.2rem; margin: 0; } #sfcu .ccm-page .news .news-link a.button { min-width: 1rem !important; width: auto; } #sfcu .ccm-page .news .news-link a.button.primary { background-color: rgba(0, 74, 154, 0.7); } #sfcu .ccm-page .news .news-link a.button.primary:hover { background-color: rgba(0, 74, 154, 0.99); } #sfcu .ccm-page .news .news-link a.button.secondary { background-color: rgba(255, 142, 27, 0.7); } #sfcu .ccm-page .news .news-link a.button.secondary:hover { background-color: rgba(255, 142, 27, 0.99); } #sfcu .ccm-page .sidebar .news { padding: 2.5rem 1.875rem; background: rgba(254, 240, 225, 0.8); border-radius: 4rem; } #sfcu .ccm-page .sidebar .news-post { padding: 1rem 0 .5rem 0; border-top: 1px solid #FF8E1B; } #sfcu .ccm-page .sidebar .news-post:first-child { padding-top: 0; border-top: none; } #sfcu .ccm-page .library-list ul.nav { list-style-type: none; margin: 0; padding: 1.5rem 0 0 0; font-size: .9rem; line-height: 1.2rem; } #sfcu .ccm-page .library-list ul.nav li { margin: 0; padding: 0; border-bottom: 1px solid #E1F2F6; } #sfcu .ccm-page .library-list ul.nav li:last-child { border-bottom: none; } #sfcu .ccm-page .library-list ul.nav li a { display: block; width: 100%; height: 100%; padding: .3rem; } #sfcu .ccm-page .library .library-item { margin-bottom: .5rem; padding: 1rem 0 1rem 0; border-bottom: 1px solid #E1F2F6; } #sfcu .ccm-page .library .library-item h3 { font-size: 1.5rem; margin: 0; padding: 0; } #sfcu .ccm-page .library .library-item:last-of-type { border-bottom: none; } #sfcu .ccm-page .library-list ul.nav { list-style-type: none; margin: 0; padding: 1.5rem 0 0 0; font-size: .9rem; line-height: 1.2rem; } #sfcu .ccm-page .library-list ul.nav li { margin: 0; padding: 0; border-bottom: 1px solid #E1F2F6; } #sfcu .ccm-page .library-list ul.nav li:last-child { border-bottom: none; } #sfcu .ccm-page .library-list ul.nav li a { display: block; width: 100%; height: 100%; padding: .3rem; } #sfcu .ccm-page .library-list ul.nav li a:hover { color: #ffa74e; } #sfcu .ccm-page .thumb-copy .photo, #sfcu .ccm-page .content-columns .photo, #sfcu .ccm-page .library .photo { width: 100%; border-radius: 1rem; } #sfcu .ccm-page .thumb-copy .icon, #sfcu .ccm-page .content-columns .icon, #sfcu .ccm-page .library .icon { padding-top: .5rem; text-align: center; color: #004A9A; } #sfcu .ccm-page .thumb-copy .icon a.fa, #sfcu .ccm-page .thumb-copy .icon i.fa, #sfcu .ccm-page .content-columns .icon a.fa, #sfcu .ccm-page .content-columns .icon i.fa, #sfcu .ccm-page .library .icon a.fa, #sfcu .ccm-page .library .icon i.fa { font-size: 3rem; display: block; line-height: 1; } #sfcu .ccm-page .branch-map { position: relative; width: 100%; height: 40rem; overflow: auto; } /***** Content Tabs *****/ #sfcu .v1 main .jl_magic_tabs_divider { margin-top: 1.4rem; } #sfcu .v1 main ul.nav-tabs.jl_magic_tabs { display: block; margin: 0; padding: 0; border-bottom: 1px solid #FF8E1B; background: url(v1/img/bg-tabs-border-bottom.png) repeat; } #sfcu .v1 main ul.nav-tabs.jl_magic_tabs > li.active:after { display: none; } #sfcu .v1 main ul.nav-tabs.jl_magic_tabs li { list-style-type: none; display: inline-block; vertical-align: bottom; height: 45px; margin: 0 1px 0 0; padding: 0; font-family: "museo-sans", "museo-sans-rounded", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: 400; letter-spacing: 0; text-transform: none; } #sfcu .v1 main ul.nav-tabs.jl_magic_tabs li:before { content: none; } #sfcu .v1 main ul.nav-tabs.jl_magic_tabs li:first-child a { border-top-left-radius: .5rem; border-top-right-radius: 0; } #sfcu .v1 main ul.nav-tabs.jl_magic_tabs li:last-child a { border-top-left-radius: 0; border-top-right-radius: .5rem; } #sfcu .v1 main ul.nav-tabs.jl_magic_tabs li a { display: block; position: relative; margin: 10px 0 0 0; height: 35px; padding: .5rem 1.2rem .3rem 1.2rem; background-color: #004A9A; color: #ffffff; border-top: none; border-right: none; border-bottom: none; border-left: none; font-weight: 400; text-decoration: none; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* &.scu-nav-active { height: 45px; margin-top: 0px; padding: .5rem .8rem .8rem .8rem; border-top: 1px solid $scu-orange; border-right: 1px solid $scu-orange; border-bottom: 0; border-left: 1px solid $scu-orange; background: none; background-color: $scu-orange; color: $scu-white; filter: none; } */ } #sfcu .v1 main ul.nav-tabs.jl_magic_tabs li a:hover { text-decoration: none; } #sfcu .v1 main ul.nav-tabs.jl_magic_tabs li.jl_magic_tabs_active > a { height: 45px; margin: 0 0 0 0; border-top: none; border-right: none; border-bottom: none; border-left: none; border-top-left-radius: .5rem; border-top-right-radius: .5rem; background: none; background-color: #FF8E1B; color: #001863; filter: none; font-weight: 400; } #sfcu .v1 main .jl_magic_tabs_main { padding-top: 1rem; } #sfcu .v1 main .jl_magic_tabs_main.show-for-print { display: block !important; } /***** End Content Tabs *****/ #sfcu.login-off .ccm-page #footer-login { display: none; } #sfcu .ccm-page { /***** Footer Login Tab *****/ } #sfcu .ccm-page .c5h-back-to-top-wrap.c5h-fixed.right a.c5h-back-to-top.button.secondary.round.right { min-width: 10rem; width: auto; margin: 0; padding: .8rem 1rem .8rem 2rem; border-radius: 1.5625rem 0 0 0; } #sfcu .ccm-page #footer-login { z-index: 10; position: fixed; left: 0; right: 0; width: 100%; max-width: 25rem; height: 2.8125rem; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 64.063em) { #sfcu .ccm-page #footer-login { width: 25rem; } } #sfcu .ccm-page #footer-login.scroll-login { bottom: -2.8125rem; transition: all .3s ease-out; } #sfcu .ccm-page #footer-login.fix-login { bottom: 0; transition: all .3s ease-in; } #sfcu .ccm-page #footer-login a.button { display: block; position: relative; width: 100%; height: 100%; margin: 0; padding: .75rem 2rem 2rem 2rem; background: #004A9A; border: #004A9A; border-top-left-radius: 1.5625rem; border-top-right-radius: 1.5625rem; box-shadow: 0.5rem 0.5rem 0 rgba(85, 103, 112, 0.5); transition: .2s ease-in; } #sfcu .ccm-page #footer-login a.button:hover { background: #0063cd; border: #0063cd; padding-bottom: 1.2rem; } #sfcu .ccm-page #footer-login a.button:before { content: ""; display: inline-block; width: 1.1rem; height: 1.1rem; line-height: 1.1rem; margin: 0rem .5rem 0 0; background: url(/application/files/9415/7447/0798/icon_onlinebanking_loginat2x.png); background-size: contain; background-position: center center; background-repeat: no-repeat; } /***** Notifications *****/ /* Site Notifications */ ul.ff-wrapper.notification { padding: 3rem; } ul.ff-wrapper.notification > li { border: none; box-shadow: 1rem 1rem 0 rgba(255, 255, 255, 0.7) !important; } ul.ff-wrapper.notification li h1, ul.ff-wrapper.notification li h2, ul.ff-wrapper.notification li h3, ul.ff-wrapper.notification li h4, ul.ff-wrapper.notification li h5, ul.ff-wrapper.notification li h6 { font-weight: 400; } ul.ff-wrapper.notification li p { font-size: 1rem; } ul.ff-wrapper.notification li p em { display: inline-block; font-style: normal; border: 1px solid #ffffff; margin: 1rem 0 0 0; padding: .5rem 2rem; border-radius: 1000px; } ul.ff-wrapper.notification li.alert { background-color: #ffffff !important; } ul.ff-wrapper.notification li.alert h1, ul.ff-wrapper.notification li.alert h2, ul.ff-wrapper.notification li.alert h3, ul.ff-wrapper.notification li.alert h4, ul.ff-wrapper.notification li.alert h5, ul.ff-wrapper.notification li.alert h6 { color: #FF8E1B; } ul.ff-wrapper.notification li.alert h1 a, ul.ff-wrapper.notification li.alert h2 a, ul.ff-wrapper.notification li.alert h3 a, ul.ff-wrapper.notification li.alert h4 a, ul.ff-wrapper.notification li.alert h5 a, ul.ff-wrapper.notification li.alert h6 a { color: #FFCE00; } ul.ff-wrapper.notification li.alert p, ul.ff-wrapper.notification li.alert p span { color: #556770; } ul.ff-wrapper.notification li.alert p a, ul.ff-wrapper.notification li.alert p a span, ul.ff-wrapper.notification li.alert p span a, ul.ff-wrapper.notification li.alert p span a span { color: #00852E; transition: all 0.3s ease-in-out; } ul.ff-wrapper.notification li.alert p a:hover, ul.ff-wrapper.notification li.alert p a span:hover, ul.ff-wrapper.notification li.alert p span a:hover, ul.ff-wrapper.notification li.alert p span a span:hover { color: #004A9A; } ul.ff-wrapper.notification li.alert p em, ul.ff-wrapper.notification li.alert p span em { border-color: #556770; } ul.ff-wrapper.notification li.warning { background-color: #FFCE00 !important; } ul.ff-wrapper.notification li.warning h1, ul.ff-wrapper.notification li.warning h2, ul.ff-wrapper.notification li.warning h3, ul.ff-wrapper.notification li.warning h4, ul.ff-wrapper.notification li.warning h5, ul.ff-wrapper.notification li.warning h6 { color: #004A9A; } ul.ff-wrapper.notification li.warning h1 a, ul.ff-wrapper.notification li.warning h2 a, ul.ff-wrapper.notification li.warning h3 a, ul.ff-wrapper.notification li.warning h4 a, ul.ff-wrapper.notification li.warning h5 a, ul.ff-wrapper.notification li.warning h6 a { color: #00852E; } ul.ff-wrapper.notification li.warning p, ul.ff-wrapper.notification li.warning p span { color: #556770; } ul.ff-wrapper.notification li.warning p a, ul.ff-wrapper.notification li.warning p a span, ul.ff-wrapper.notification li.warning p span a, ul.ff-wrapper.notification li.warning p span a span { color: #00852E; transition: all 0.3s ease-in-out; } ul.ff-wrapper.notification li.warning p a:hover, ul.ff-wrapper.notification li.warning p a span:hover, ul.ff-wrapper.notification li.warning p span a:hover, ul.ff-wrapper.notification li.warning p span a span:hover { color: #004A9A; } ul.ff-wrapper.notification li.error { background-color: #F41F2B !important; } ul.ff-wrapper.notification li.error h1, ul.ff-wrapper.notification li.error h2, ul.ff-wrapper.notification li.error h3, ul.ff-wrapper.notification li.error h4, ul.ff-wrapper.notification li.error h5, ul.ff-wrapper.notification li.error h6 { color: #FFCE00; } ul.ff-wrapper.notification li.error h1 a, ul.ff-wrapper.notification li.error h2 a, ul.ff-wrapper.notification li.error h3 a, ul.ff-wrapper.notification li.error h4 a, ul.ff-wrapper.notification li.error h5 a, ul.ff-wrapper.notification li.error h6 a { color: #FFF2D1; } ul.ff-wrapper.notification li.error p, ul.ff-wrapper.notification li.error p span { color: #ffffff; } ul.ff-wrapper.notification li.error p a, ul.ff-wrapper.notification li.error p a span, ul.ff-wrapper.notification li.error p span a, ul.ff-wrapper.notification li.error p span a span { color: #FFCE00; transition: all 0.3s ease-in-out; } ul.ff-wrapper.notification li.error p a:hover, ul.ff-wrapper.notification li.error p a span:hover, ul.ff-wrapper.notification li.error p span a:hover, ul.ff-wrapper.notification li.error p span a span:hover { color: #FFF2D1; } ul.ff-wrapper.notification li.information { background-color: #004A9A !important; } ul.ff-wrapper.notification li.information h1, ul.ff-wrapper.notification li.information h2, ul.ff-wrapper.notification li.information h3, ul.ff-wrapper.notification li.information h4, ul.ff-wrapper.notification li.information h5, ul.ff-wrapper.notification li.information h6 { color: #FFCE00; } ul.ff-wrapper.notification li.information h1 a, ul.ff-wrapper.notification li.information h2 a, ul.ff-wrapper.notification li.information h3 a, ul.ff-wrapper.notification li.information h4 a, ul.ff-wrapper.notification li.information h5 a, ul.ff-wrapper.notification li.information h6 a { color: #FFF2D1; } ul.ff-wrapper.notification li.information p, ul.ff-wrapper.notification li.information p span { color: white; } ul.ff-wrapper.notification li.information p a, ul.ff-wrapper.notification li.information p a span, ul.ff-wrapper.notification li.information p span a, ul.ff-wrapper.notification li.information p span a span { color: #FFCE00; transition: all 0.3s ease-in-out; } ul.ff-wrapper.notification li.information p a:hover, ul.ff-wrapper.notification li.information p a span:hover, ul.ff-wrapper.notification li.information p span a:hover, ul.ff-wrapper.notification li.information p span a span:hover { color: #FFF2D1; } ul.ff-wrapper.notification li.success { background-color: #00852E !important; } ul.ff-wrapper.notification li.success h1, ul.ff-wrapper.notification li.success h2, ul.ff-wrapper.notification li.success h3, ul.ff-wrapper.notification li.success h4, ul.ff-wrapper.notification li.success h5, ul.ff-wrapper.notification li.success h6 { color: #FFCE00; } ul.ff-wrapper.notification li.success h1 a, ul.ff-wrapper.notification li.success h2 a, ul.ff-wrapper.notification li.success h3 a, ul.ff-wrapper.notification li.success h4 a, ul.ff-wrapper.notification li.success h5 a, ul.ff-wrapper.notification li.success h6 a { color: #FFCE00; } ul.ff-wrapper.notification li.success p, ul.ff-wrapper.notification li.success p span { color: #ffffff; } ul.ff-wrapper.notification li.success p a, ul.ff-wrapper.notification li.success p a span, ul.ff-wrapper.notification li.success p span a, ul.ff-wrapper.notification li.success p span a span { color: #FFCE00; transition: all 0.3s ease-in-out; } ul.ff-wrapper.notification li.success p a:hover, ul.ff-wrapper.notification li.success p a span:hover, ul.ff-wrapper.notification li.success p span a:hover, ul.ff-wrapper.notification li.success p span a span:hover { color: #FFF2D1; } /***** End Sections *****/ /***** Print *****/ @media print { .large-1 { width: 8.33333%; } .large-2 { width: 16.66667%; } .large-3 { width: 25%; } .large-4 { width: 33.33333%; } .large-5 { width: 41.66667%; } .large-6 { width: 50%; } .large-7 { width: 58.33333%; } .large-8 { width: 66.66667%; } .large-9 { width: 75%; } .large-10 { width: 83.33333%; } .large-11 { width: 91.66667%; } .large-12 { width: 100%; } .medium-1 { width: 8.33333%; } .medium-2 { width: 16.66667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.33333%; } .medium-5 { width: 41.66667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.33333%; } .medium-8 { width: 66.66667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.33333%; } .medium-11 { width: 91.66667%; } .medium-12 { width: 100%; } } a[href]:after { content: none; } /***** End Print *****/