/* * These styles apply ONLY to the header and footer assets. */ /* Nav Area */ .nav-area { position:fixed; height:30px; width:100%; background:#4f6a9f; border-bottom:1px solid #637faf; top:0; z-index:100; } #nav { list-style:none; margin:0 auto; padding:0; height:22px; font-size:11px; line-height:14px; min-width:956px; max-width:1400px; } #nav > li{ float:left; border-left:1px solid #637faf; border-right:1px solid rgba(0, 0 ,0, 0); position:relative; width: 19.70%; } #nav > li:first-child { margin:0; border-left: 1px solid rgba(0, 0 ,0, 0); } #nav > li.hover:first-child{ border-left: 1px solid #c8c8c8; } #nav > li:last-child { margin:0; border-right: 1px solid rgba(0, 0 ,0, 0); } #nav > li.hover:last-child{ border-right: 1px solid #c8c8c8; } #nav > .active > a, #nav > li.hover, #nav > li.hover > a { background:#fff; } #nav > li.navLeftBorder { border-left-color: #c8c8c8; } #nav > li.navRightBorder { border-right-color: #c8c8c8; } .navLeftBorder .nav-drop-menu { margin-left: -1px; } #nav li:hover { position:relative; } #nav > li > a { display:block; text-align:center; padding:4px 6px; height:15px; color:#fcfcfc; } #nav.scaling-active > li > a { padding:4px 0; } #nav.scaling-active > li.hover > a { color:#2E4A80; } #nav a:hover{ text-decoration:none; } #nav .drop { position:absolute; left:0; top:auto; width:100%; border: solid #c8c8c8; border-width:0 1px 1px; background:#FFFFFF; display:none; z-index:100; padding-left:0px; overflow-x:hidden; max-height:85vh; } /*#nav .drop li:hover > .drop,*/ #nav > li.hover > .drop{ display:block; } #nav .drop .drop { left:6px; position:relative; width:100%; border:none; clear:both; } #nav .drop .drop .drop { top:0; left:6px; width:100%; } div.columncontainer { display:block; overflow:hidden; } div.columncontainer .column { margin-bottom:-2000px; padding-bottom:2000px; } .submenu-open > a { font-weight:bold; } #nav .submenu-open > div { display:block; } #nav .columns-1 { min-width:218px; max-width:242px; } #nav .columns-2, #nav .columns-2 .columncontainer { width:441px; } #nav .columns-3, #nav .columns-3 .columncontainer { width:662px; } #nav .columns-3, #nav .columns-2, #nav .columns-1 { padding-bottom: 10px; } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font: 12px Verdana,Arial,Helvetica,sans-serif; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #2e4a80; } .footer a:hover { color: #2e4a80; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } }