/* Theme Name: BU Tech Theme 2014 Theme URI: http://www.bu.edu/tech/ Version: 3.0 Description: A stellar collaboration between Boston University's Interactive Design and IS&T departments Author: IS&T and Interactive Design @ Boston University Author URI: http://www.bu.edu/tech/ EDITS: 1. Changing gray text/background from #657379 to #4a5458 to meet a11y contrast recommendations. */ /* NORMALIZE ----------------------------------------*/ /* normalize.css v2.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} audio, canvas, video {display: inline-block;} audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } a { background: transparent; } /*a:focus { outline: thin dotted; } */ a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: .67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace,serif; font-size: 1em; } pre { white-space: pre-wrap; padding-left:1em; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /* SASS --------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: "BentonSansLight", "Arial", "Lucida Grande", sans-serif; font-weight: 100; line-height: 120%; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; } a, a:link { text-decoration: none; color: #3890d3; } .focusable:focus { outline: none !important; text-decoration: none !important; } p a { color: #3890d3; } body { background: #111111; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 100% !important; line-height: 1em; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } .container { max-width: 1024px; margin: 0 auto; padding-left: 24px; padding-right: 24px; position: relative; } .content, .mobile { line-height: 160%; } /* Clearfix --------------------------------------- */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } html[xmlns] .clearfix { display: table; } * html .clearfix { height: 1%; } /* Header --------------------------------------- */ #homepage header { margin-bottom: -2px; } header { background: #f1f6f8; height: 100px; width: 100%; } header .external { display:none !important; } header .site-title { float: left; display: inline; width: 477px; height: 21px; margin: 2.0em 0; } header .site-title span { position: absolute; left: -9999em; } header .site-title a { display: block; height: 100%; width: 100%; } header .site-title .mobile { display: none; } header .site-title .desktop { display: block; } header .search-help { float: right; display: inline; } header .search-help .search-container { position: relative; z-index: 100; } header .search-help .search-container .search { position: relative; float: left; display: inline; } header .search-help .search-container .search-text { float: left; width: 18em; height: 2.75em; border-radius: 4px; border: 0px; padding: 0 3em 0 1em; text-shadow: 0 2px 1px rgba(0, 0, 0, 0.35); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 100; font-size: .9em; line-height: 2.8em; } header .search-help .search-container .search-text::-webkit-input-placeholder {color: white;} header .search-help .search-container .search-text:-ms-input-placeholder {color: white;} header .search-help .search-container .search-text::-moz-placeholder {color: white;} header .search-help .search-container .search-text:-moz-placeholder {color: white;} header .search-help .search-container .get-help { float: right; display: inline; margin-left: 1.25em; } header .search-help .search-container .get-help .btn { margin-right: 0; } header .search-help .search-container .get-help a { display: block; background: #9dbd2f; height: 2.75em; padding: 0 .8em 0 .8em; color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); border-radius: 4px; border-right: 2.75em solid #93b12c; font-size: .90em; position: relative; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; line-height: 2.8em; } header .search-help .search-container .get-help a .ss-icon { font-size: 1.15em !important; position: absolute !important; right: -1.75em !important; top: .5em !important; font-weight: 100; } header .search-help .search-container .get-help a .ss-icon span { display: none; } header .search-help .search-container .get-help a .indicator { width: 12px; height: 12px; display: block; position: absolute; bottom: .9em; right: -.40em; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); background: #9dbd2f; z-index: 1; border-radius: 1px; } header .search-help .search-container .get-help a:hover, header .search-help .search-container .get-help a:focus { background: #a6c832; border-color: #9dbd2f; } header .search-help .search-container .get-help a:hover .indicator, header .search-help .search-container .get-help a:focus .indicator { background: #a6c832; } header .search-help .search-container.search-gray { top: 30px; right: auto !important; position: relative; } header .search-help .search-container.search-gray .search-text { background: #4a5458; color: white; } header .search-help .search-container.search-gray .search-text:focus { background: #59656b; } header .search-help .search-container.search-gray .search-button { background: transparent; color: white; border: none; height: 21px; width: 20px; position: absolute; top: .4em; right: .6em; } header .search-help .search-container.search-white { top: 10px; right: auto; position: fixed; z-index: 9000; left: auto; } header .search-help .search-container.search-white .search-text { background: white; color: #555555; text-shadow: none; } header .search-help .search-container.search-white .search-text:focus { background: #f2f2f2; } header .search-help .search-container.search-white .search-button { background: transparent; color: #555555; border: none; height: 21px; width: 20px; position: absolute; top: .4em; right: .6em; } @-moz-document url-prefix() { .icon.help { top: .54em !important; right: -2.05em !important; } } #homepage header .search-container { position: relative; } body.adminbar header .search-help .search-container.search-white { top: 39px; right: auto; left: auto; } /* Hero and bu-slideshow base --------------------------------------- */ .hero { background: #212121; width: 100%; height: auto; overflow: hidden; position: relative; z-index: 10; } div.bu-slideshow-container { height: 400px; } .bu-slideshow-container .slideshow-loader div.loader-animation { border-color: #3890d3; } .hero .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li.slide img { margin-top: 0; width: 100%; } .hero .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li.slide .bu-slide-container { z-index: 11; } .hero .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li.slide .bu-slide-container span a .external { display: none !important; } /*.hero .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li.slide .bu-slide-container .bu-slide-caption { max-width: 400px; bottom: 10%; right: 3%; } */ .hero .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li.slide .bu-slide-container .bu-slide-caption p { padding-left: 10px; line-height: 1.4; margin: 10px 0 5px 0; } .hero .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li.slide .bu-slide-container .bu-slide-caption a { color: #f3cf00; } .hero .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li.slide .bu-slide-container .bu-slide-caption a:hover, .hero .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li.slide .bu-slide-container .bu-slide-caption a:focus { text-decoration: underline; } .hero .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li.slide .bu-slide-container .bu-slide-caption .bu-slide-caption-title { font-size: 1.3em; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; color: #f3cf00; margin: 0; font-weight: 100; } .hero .bu-slideshow-container .bu-slideshow-navigation-container .bu-slideshow-navigation { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 13; text-align: center; } .hero .bu-slideshow-container .bu-slideshow-navigation-container .bu-slideshow-navigation li { padding: 0 5px; } .hero .bu-slideshow-container .bu-slideshow-navigation-container .bu-slideshow-navigation li a { background: white; } .hero .bu-slideshow-container .bu-slideshow-navigation-container .bu-slideshow-navigation li a span { display: block; height: 100%; width: 100%; border-radius: 50%; } .hero .bu-slideshow-container .bu-slideshow-navigation-container .bu-slideshow-navigation li a:hover span { background: #3890d3; text-decoration: underline; } .hero .bu-slideshow-container .bu-slideshow-navigation-container .bu-slideshow-navigation li a.active span { background: #aed133; } /* Alerts --------------------------------------- */ .alert { border-top: 2px solid #000; border-bottom: 2px solid #000; width: 100%; font-size: .85em; margin-top:2px;} .alert:nth-of-type(2){ margin-top:0; border-top:none; } .alert .alert-title-icon h1 .tw { display: block; font-size: 3.5em; position: absolute; } .alert .alert-title-icon h1 .tw { font-size: 2.9em; top:22%; left:12%; } .alert .clearfix { width: 100%; } .alert .alert-title-icon { width: 7%; float: left; margin: 1.75em 0 1.2em 0; } .alert .alert-title-icon { margin: 0.8em -0.4em 1em 0; } /**/ .alert .alert-title-icon h1 { width: 56px; height: 56px; border-radius: 50%; margin: 0 0 0 -1em; font-size: .95em; font-weight: 100; line-height: 56px; position: relative; } .alert .alert-title-icon h1 { width:40px; height:40px; margin:3px; } /**/ .alert .alert-title-icon h1 .hide { position: absolute; left: -9999em; } .alert .alert-list { float: left; width: 93%; margin: 1.2em 0 1.5em 0; } .alert .alert-list { margin:0.5em 0; } /**/ .alert .alert-list ul { margin: 0; padding: 0; list-style: none; width: 100%; } .alert .alert-list ul li { float: left; display: inline; color: #666; margin: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .alert .alert-list ul li h2 { position: relative; font-size: 1.1em; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; margin: .5em 0; font-weight: 100; } .alert .alert-list ul li h2 strong { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; } .alert .alert-list ul li p { font-family: "Georgia", serif; font-style: italic; font-size: .95em; margin:0 0 5px 0; } .alert .alert-list ul li.one { width: 100%; } .alert .alert-list ul li.two { width: 48.75%; margin-left: 2.5%;} .alert .alert-list ul li:first-child { margin-left: 0; } .alert .icon-close { position: relative; float:right; top:10px; right:0; cursor: pointer; z-index: 999; color: #fff; display:none; padding:2px; font-size:0.6em; background: #ACDAFD; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition:all 0.25s ease; transition: all 0.25s ease;} .alert .icon-close:hover { background-color:#3890d3; } .alert.warning .alert-title-icon h1 .tw { color: #ffffe1; font-size:34px; top: 17%; left: 10%;} .alert.warning { background: #ffffe1; color: #d25c14; border-color:#e4dc55; } .alert.warning a { color: #d25c14; } .alert.warning .alert-list ul li h2 { color: #d25c14; } .alert.warning .alert-title-icon h1 { background: #d25c14; } .alert.info-message { display:none; background:#ecf4f7; border-color:#3890d3; } .alert.info-message .alert-title-icon h1 .tw { color: #3890d3; margin-left: -4px; font-size:42px; } .alert.info-message ul>li { display: none; } /* Navigation --------------------------------------- */ #home-navigation { display: block; width: 100%; background: white; padding-bottom: 2em; border-top: 90px solid #3890d3; } #home-navigation .blue-stripe { background: #3890d3; height: 56px; width: 100%; padding: 1em 0; position: relative; z-index: 15; margin-top: -2px; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #home-navigation .nav { background: #3890d3; /*position: relative;*/ display: block; z-index: 9999; margin: -90px auto 0 auto; padding: 0; height: 90px; } #home-navigation .nav li { float: left; display: inline; position: relative; font-size: 2em; height: 100%; } #home-navigation .nav li .nav-item-wrapper { min-width: 30%; padding-left: 32px; height: 100%; } #home-navigation .nav li .nav-item-wrapper a { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; text-transform: lowercase; position: relative; z-index: 2; display: block; color: white; padding: 37px 0 37px 16px; margin-left: -18px; -webkit-transition: text-shadow 1s cubic-bezier(0, 1, 0, 1); -moz-transition: text-shadow 1s cubic-bezier(0, 1, 0, 1); -ms-transition: text-shadow 1s cubic-bezier(0, 1, 0, 1); -o-transition: text-shadow 1s cubic-bezier(0, 1, 0, 1); transition: text-shadow 1s cubic-bezier(0, 1, 0, 1); } #home-navigation .nav li .nav-item-wrapper a .ss-icon { float: left; background: white; color: #3890d3 !important; font-weight: 100; font-size: 1.2em !important; margin: -.3em .2em 0 0; text-align: center; line-height: 50px !important; height: 42px; width: 42px; border-radius: 50%; display: block; } #home-navigation .nav li .nav-item-wrapper a:hover, #home-navigation .nav li .nav-item-wrapper a:focus { background: #2c83c6; } #home-navigation .nav li .nav-item-wrapper a:hover .ss-icon, #home-navigation .nav li .nav-item-wrapper a:focus .ss-icon, #home-navigation .nav li .nav-item-wrapper a:active .ss-icon { color: #2c83c6 !important; } #home-navigation .nav li .nav-item-wrapper a:hover .indicator, #home-navigation .nav li .nav-item-wrapper a:focus .indicator { background: #2c83c6; } #home-navigation .nav li .nav-item-wrapper a:hover:after, #home-navigation .nav li .nav-item-wrapper a:focus:after { background: #2c83c6; } #home-navigation .nav li .nav-item-wrapper a:after { content: " "; width: 24px; height: 24px; display: block; position: absolute; bottom: -9px; left: 24px; background: #3890d3; z-index: 1; border-radius: 4px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } #home-navigation .nav li:first-child .nav-item-wrapper { padding-left: 0; } #home-navigation .nav li:first-child .nav-item-wrapper a .tw, #home-navigation .nav li:first-child .nav-item-wrapper a .ss-icon { line-height: 43px !important; } #home-navigation .nav li:first-child .nav-item-wrapper .indicator { left: .2em; } #home-navigation .columns-3 li { width: 33%; } #home-navigation .nav-list-container { width: 100%; margin: 0; padding: 0; display: block; } #home-navigation .nav-list-container .nav-list { float: left; display: inline; position: relative; z-index: 16; margin: 0; width: 33%; } #home-navigation .nav-list-container .nav-list .inner-wrapper { margin: 2.5em 0 0 0; min-width: 30%; padding-left: 32px; } #home-navigation .nav-list-container .nav-list .list-heading { color: #999999; font-family: "Georgia", serif; font-size: .8em; display: block; border-bottom: 2px solid #e4ebee; } #home-navigation .nav-list-container .nav-list .list-heading em { display: block; padding-bottom: .6em; } #home-navigation .nav-list-container .nav-list ul { list-style: none; margin: 0 0 1.5em 0; padding: 0; } #home-navigation .nav-list-container .nav-list ul li { border-bottom: 2px solid #e4ebee; } #home-navigation .nav-list-container .nav-list ul li a { color: #555555; font-size: 1em; padding-top: 1em; padding-bottom: 1em; display: block; } #home-navigation .nav-list-container .nav-list ul li a .ss-icon { background: #555555; border-radius: 50%; padding: 3px; text-align: center; color: white; width: 26px; height: 26px; display: inline-block; float: left; line-height: 30px; margin: -8px 6px 0 0; } #home-navigation .nav-list-container .nav-list ul li a:hover, #home-navigation .nav-list-container .nav-list ul li a:focus { text-decoration: none; color: #93b12c; } #home-navigation .nav-list-container .nav-list ul li a:hover .ss-icon, #home-navigation .nav-list-container .nav-list ul li a:focus .ss-icon { background: #93b12c; color: white; } #home-navigation .nav-list-container .nav-list .inner-wrapper:first-child { margin-left: 0; } #home-navigation .nav-list-container .nav-list:first-child .inner-wrapper { padding-left: 0; } #home-navigation .nav-list-container .nav-list ul li a .tw.ss-icon.external { width: auto; height: auto; background: none; color: #555; border: none; border-radius: initial; display: inline-block; float: none; padding-left: 5px; } @-moz-document url-prefix() { nav .nav li .indicator { bottom: -1.4em; left: .45em; } } #navigation { display: block; width: 100%; height: 60px; background: #3890d3; padding-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #navigation .nav { list-style: none; margin: 0 0 0 4px; padding: 0; } #navigation .nav li { display: inline-block; font-size: 1.5em; font-weight: 100; margin-left: -4px; position: relative; width: auto; } #navigation .nav li a { display: block; color: white; position: relative; z-index: 2; padding: 0 1.25em; height: 60px; line-height: 60px; text-align: center; border-right: 1px solid #5bb2f7; text-shadow: none; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; font-size: .85em; width: auto; text-transform: lowercase; -moz-transition: all 150ms ease-out !important; -webkit-transition: all 150ms ease-out !important; -o-transition: all 150ms ease-out !important; transition: all 150ms ease-out !important; } #navigation .nav li a .tw { float: left; background: white; color: #3890d3; font-size: 1.25em; font-weight: 100; line-height: 33px !important; height: 28px; width: 28px; border-radius: 50%; display: block; margin: .7em .25em 0 0 !important; text-align: center; } #navigation .nav li .nav-title { display: inline-block; } #navigation .nav li:first-child { border-left: 1px solid #5bb2f7; } #navigation .nav li.current-menu-item, #navigation .nav li.current-service-ancestor, #navigation .nav li.current-page-ancestor { background: #40a0ea; } #navigation .nav li.current-menu-item a .ss-icon, #navigation .nav li.current-service-ancestor a .ss-icon, #navigation .nav li.current-page-ancestor a .ss-icon { color: #40a0ea; } #navigation .nav li.current-menu-item a:after, #navigation .nav li.current-service-ancestor a:after, #navigation .nav li.current-page-ancestor a:after { content: " "; width: 18px; height: 18px; display: block; position: absolute; bottom: -8px; left: 30px; background: #40a0ea; z-index: 1; border-radius: 4px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } #navigation .nav li:hover, #navigation .nav li:focus { background: #2c83c6; } #navigation .nav li:hover a .ss-icon, #navigation .nav li:focus a .ss-icon { color: #2c83c6; } #navigation .nav li:hover .indicator, #navigation .nav li:focus .indicator { background: #2c83c6; } #navigation .nav li.current-menu-item:hover, #navigation .nav li.current-service-ancestor:hover, #navigation .nav li.current-menu-item a:focus, #navigation .nav li.current-service-ancestor a:focus, #navigation .nav li.current-page-ancestor:hover, #navigation .nav li.current-page-ancestor a:focus { background: #40a0ea; } #navigation .nav li.current-menu-item:hover .tw, #navigation .nav li.current-service-ancestor:hover .tw, #navigation .nav li.current-menu-item a:focus .tw, #navigation .nav li.current-service-ancestor a:focus .tw, #navigation .nav li.current-page-ancestor:hover .tw, #navigation .nav li.current-page-ancestor a:focus .tw { color: #40a0ea; } #navigation .nav li:first-child a .tw { line-height: 28px !important; } #navigation .nav:first-child { padding-left: 0; } #navigation .nav:focus { outline: 0; } #navigation.fixed { position: fixed; top: 0; left: 0; z-index: 1000; height: 60px; } #navigation.fixed .nav li a { padding-right: .97em; } body.service nav .nav li.service { background: #40a0ea; } body.service nav .nav li.service a .ss-icon, body.service nav .nav li.service a .tw { color: #40a0ea !important; } body.service nav .nav li.service a:after { content: " "; width: 18px; height: 18px; display: block; position: absolute; bottom: -8px; left: 30px; background: #40a0ea; z-index: 1; border-radius: 4px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } body.service nav .nav li.service:hover { background: #40a0ea !important; } body.service nav .nav li.service:hover a .ss-icon, body.service nav .nav li.service:hover a .tw { color: #40a0ea !important; } body.service nav .nav li.service:hover a:after { background: #40a0ea !important; } body.support nav .nav li.support { background: #40a0ea; } body.support nav .nav li.support a .ss-icon, body.support nav .nav li.support a .tw { color: #40a0ea !important; } body.support nav .nav li.support a:after { content: " "; width: 18px; height: 18px; display: block; position: absolute; bottom: -8px; left: 30px; background: #40a0ea; z-index: 1; border-radius: 4px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } body.support nav .nav li.support:hover { background: #40a0ea !important; } body.support nav .nav li.support:hover a .ss-icon, body.support nav .nav li.support:hover a .tw { color: #40a0ea !important; } body.support nav .nav li.support:hover a:after { background: #40a0ea !important; } body.about nav .nav li.about, body.profile nav .nav li.about { background: #40a0ea; } body.about nav .nav li.about a .ss-icon, body.about nav .nav li.about a .tw, body.profile nav .nav li.about a .ss-icon, body.profile nav .nav li.about a .tw { color: #40a0ea !important; } body.about nav .nav li.about a:after, body.profile nav .nav li.about a:after { content: " "; width: 18px; height: 18px; display: block; position: absolute; bottom: -8px; left: 30px; background: #40a0ea; z-index: 1; border-radius: 4px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } body.about nav .nav li.about:hover, body.profile nav .nav li.about:hover { background: #40a0ea !important; } body.about nav .nav li.about:hover a .ss-icon, body.about nav .nav li.about:hover a .tw, body.profile nav .nav li.about:hover a .ss-icon, body.profile nav .nav li.about:hover a .tw { color: #40a0ea !important; } body.about nav .nav li.about:hover a:after, body.profile nav .nav li.about:hover a:after { background: #40a0ea !important; } body.adminbar #navigation.fixed { position: fixed; top: 28px; left: 0; z-index: 1000; height: 60px; } body.adminbar #navigation.fixed .nav li a { padding-right: .97em; } .special-offset-24 { right: 24px; } /* Subnavigation --------------------------------------- */ /* Main subnav and content container */ .subnav-content { width: 100%; margin-top: -2px; background: white; } .subnav-content .page-title-breadcrumb { width: 100%; margin-top: 2px; margin-bottom: 1.5em; } .subnav-content .page-title-breadcrumb .breadcrumb { float: right; margin: 1.5em 9px 0 0; text-align: left; position: relative !important; white-space: nowrap; font-style: italic; } .subnav-content .page-title-breadcrumb .breadcrumb.long { overflow:scroll; overflow-y:hidden; text-align: right; width:100%; } .subnav-content .page-title-breadcrumb .breadcrumb.long ul { margin-right: 10px; } .subnav-content .page-title-breadcrumb .breadcrumb ul { margin: 4px 0 0 0; padding: 0; list-style: none; } .subnav-content .page-title-breadcrumb .breadcrumb ul li { display: inline; margin-right: -10px; } .subnav-content .page-title-breadcrumb .breadcrumb ul li a { display: inline-block; padding: .5em .75em .5em 2em; background: #e1e6e9; color: #a4b1b4; border: 1px solid #d5d9da; font-family: 'Georgia', serif; font-size: .75em; font-style: italic; font-weight: 700; text-transform: lowercase; position: relative; border-radius: 3px; } .subnav-content .page-title-breadcrumb .breadcrumb ul li a span { position: relative; z-index: 3; } .subnav-content .page-title-breadcrumb .breadcrumb ul li a:not(.navbar-expanded):before { content: " "; display: block; width: 20px; height: 20px; border-top: 1px solid #d5d9da; border-right: 1px solid #d5d9da; background: #e1e6e9; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); position: absolute; top: 50%; margin-top: -10px; margin-left: -18px; left: 100%; z-index: 2; border-radius: 1px; } .subnav-content .page-title-breadcrumb .breadcrumb ul li a:not(.navbar-expanded):after { content: " "; display: block; width: 20px; height: 20px; position: absolute; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); top: 50%; margin-top: -10px; margin-left: -17px; left: 100%; z-index: 1; border-radius: 1px; border-top: 1px solid white; border-right: 1px solid white; } .subnav-content .page-title-breadcrumb .breadcrumb ul li.current a { cursor: default; color: #4a5458; } .subnav-content .page-title-breadcrumb .breadcrumb ul li a:hover, .subnav-content .page-title-breadcrumb .breadcrumb ul li a:hover:after, .subnav-content .page-title-breadcrumb .breadcrumb ul li a:hover:before { background: #eaedef !important; } .subnav-content .page-title-breadcrumb .breadcrumb ul li:last-child a:after, .subnav-content .page-title-breadcrumb .breadcrumb ul li:last-child a:before { display: none; } .subnav-content .page-title-breadcrumb .breadcrumb ul li.tw-bc-home a { padding-left: 1em !important; } .subnav-content .page-title-breadcrumb .breadcrumb ul li.tw-bc-home a span { position: absolute; left: -9999em; } .subnav-content .page-title-breadcrumb .breadcrumb ul li.tw-bc-home .tw { position: relative; left: auto; line-height: 100% !important; padding-right: .5em; font-style: normal !important; } .subnav-content .page-title-breadcrumb .breadcrumb ul li.morenav { display: none; } .subnav-content .page-title-breadcrumb .breadcrumb ul li.navbar-expanded { display: block !important; text-align: center; } .subnav-content .page-title-breadcrumb .breadcrumb ul li:last-child a:after, .subnav-content .page-title-breadcrumb .breadcrumb ul li:last-child a:before { display: none !important; } .subnav-content .page-title-breadcrumb .breadcrumb .shadow-left { content: ""; height: 24px; width: 10px; position: absolute; left: -10px; top: 0px; box-shadow: 1px 0 30px -1px; display: block; z-index: 999; } .subnav-content .page-title-breadcrumb .breadcrumb .shadow-right { content: ""; height: 24px; width: 10px; position: absolute; right: -10px; top: 0px; box-shadow: 1px 0 30px -1px; display: block; z-index: 999; } .subnav-content .page-title-breadcrumb .breadcrumb::-webkit-scrollbar { display: none; } .subnav-content .page-title-breadcrumb .page-title { float: left; margin-top: 1.5em; margin-right: 1em; } .subnav-content .page-title-breadcrumb .page-title h1 { color: #d55b19; font-family: "BentonSansLight", "Arial", "Lucida Grande", sans-serif; font-size: 2.5em; font-weight: 100; text-shadow: 0 1px 0 white; margin: 0; line-height: 1; } .subnav-content .page-title-breadcrumb .page-title .post-alias { margin-top: .5em; color: #999999; font-size: .9em; } .subnav-content .page-title-breadcrumb .page-title .post-alias span { font-style: italic; font-family: "Georgia", serif; } .subnav-content.bump { margin-top: 60px; } @-moz-document url-prefix() { .subnav-content { margin-top: -8px; } } .flex { clear: left; border-top: 1px solid #dfdfdf; padding-top:.5em;} .flex.landing-page { border-top:none; padding-top:0; } #subnavigation.fixed, .subnavigation-sidebar-container.fixed, #sidebar.fixed { position: fixed; z-index: 900; } #subnavigation.absolute, .subnavigation-sidebar-container.absolute, #sidebar.absolute { position: absolute; z-index: 900; } /* Content --------------------------------------- */ /* Content */ .content { color: #4a5458; font-size: 0.9em; padding-bottom: 24px; margin-top: .5em; width: 76%; float: right; } .content .subheading { font-family: "BentonSansLight", "Arial", "Lucida Grande", sans-serif; font-weight: 100; text-shadow: 0 1px 0 white; color: #2c6696; line-height: 1.2; font-size: 2em; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { font-family: "BentonSansRegular", "Arial", "Lucida Grande", sans-serif; font-weight: 100; } .content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a { text-decoration: none; color: inherit; } .content h1 a:hover, .content h1 a:focus, .content h2 a:hover, .content h2 a:focus, .content h3 a:hover, .content h3 a:focus, .content h4 a:hover, .content h4 a:focus, .content h5 a:hover, .content h5 a:focus, .content h6 a:hover, .content h6 a:focus { text-decoration: underline; } .content h1, .content h4 {color:#d55b19;} .content h2 { color: #4a5458; line-height: 1.3; font-size: 1.6em; } .content h3 { color: #2c6696; line-height: 1.25; font-size: 1.4em; } .content h4 { color: #2c6696; line-height: 1.2; font-size: 1.2em; } .content h5 {font-size: 1.1em;} .content h6 {font-size: .8em;color: #a4b1b4; font-family: "BentonSansBold";text-transform: uppercase;} .content p, .content ul, .content ol { line-height: 1.5; } .content h2 + ul, .content h2 + ol, .content h2 + p, .content h3 + ul, .content h3 + ol, .content h3 + p, .content h4 + ul, .content h4 + ol, .content h4 + p, .content h5 + ul, .content h5 + ol, .content h5 + p, .content h6 + ul, .content h6 + ol, .content h6 + p { margin-top: 0; } .content li { font-size: 1em; margin-bottom:0.75em;} .content code.inline-block { background: #F6F6F6; border: 1px solid #EBEBEB; color: #333; white-space: pre; padding: 0.2em 0.5em; margin: 0 0.25em; } .content pre.code-block { background: #F6F6F6; padding: 0 3px; border: 1px solid #EBEBEB; color: #333; overflow: auto; white-space: pre; padding: 1em; font-size:0.9em; line-height:1.4em;} .content pre.code-block.transparent { background: none; border: none; padding:0;} .content pre code { display: block; } .content .tree-list#all-services-page { padding:0; } .tree-list #service_view_tree { display:none; } .tree-list div.filter-button { display:none; } .tree-list#all-services-page ul { list-style-type: none; } .tree-list#all-services-page li { background: none; list-style-image: none; } /*.tree-list#all-services-page ul.children { padding-left: 1em; }*/ .tree-list#all-services-page .services-hierarchy { margin-top: 1em; } .tree-list#all-services-page .children .ss-icon { font-size: .8em; color: #fff; background-color: #9dbd2f; padding:5px; line-height: 1em !important; display: inline-block; margin:0 8px 0 0; cursor: pointer; float:left; text-decoration: none; border-radius:50%;} .tree-list#all-services-page .level-1 { margin-bottom: 10px; } .tree-list#all-services-page .page_item.level-0>div>ul.children { margin-left:2px; padding-left:0; } .tree-list#all-services-page .children .ss-icon:active { color: #fff; transition-duration: 1s; -webkit-transition-duration: 1s; transform: rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg);} .tree-list#all-services-page .services-hierarchy ul li:before { display: none; } .tree-list#all-services-page .services-hierarchy>div.page_item{ float:left; width:50%; margin:0; padding:0; display:inline; background:none;} .tree-list#all-services-page .services-hierarchy>div.page_item>div{ padding: 1em 1.5em 0.7em; font-size:1em;} .tree-list#all-services-page .services-hierarchy h2 { padding: 0; margin:5px 0;} .tree-list#all-services-page .services-hierarchy>div.page_item:nth-child(-n+2)>div { padding-top:0; } .tree-list#all-services-page .services-hierarchy>div.page_item:nth-child(-n+2)>div>h2 {margin-top:0;} .tree-list#all-services-page .services-hierarchy h4 { padding:0; margin:0 0 0 20px; } .tree-list#all-services-page .services-hierarchy h5 { padding:0; margin:0; font-size:1em; } .tree-list#all-services-page .services-hierarchy>div.page_item>a { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 100; } .tree-list#all-services-page .services-hierarchy .children>li { margin:0 0 0.5em 0; } .tree-list#all-services-page .services-hierarchy .children>li.level-1 { margin:0 0 1.5em 0; } .tree-list#all-services-page .services-hierarchy .children>li:last-child { margin-bottom:0; } .tree-list#all-services-page .services-hierarchy .children .children { border-left:solid 1px #3890d3; padding:0.3em 0 0.3em 1.4em; margin:0.7em 0 1.5em 0.8em; } .go-arrow{ display:none; text-decoration:none;} /*.expandable-heading>h4>a>.go-arrow{display: inline;}*/ .content a { color: #3890d3; text-decoration: underline; } .content a:hover, .content a:focus { text-decoration: none; } .content img.banner { margin: 1em 0; } .landing-page div.content-banner { height:200px; overflow:hidden; margin-bottom:.5em; } .landing-page .content { float: left; } .landing-page .content img.banner { margin:0; width:100%; } .landing-page .content .entry { padding-left: 0; } .landing-page .support-block h2 { margin-left: 2.2em; } .landing-page .content .entry span.orange-circle { position: relative; margin-left:-2.3em; margin-right:0.3em; } .content .entry { padding-left: 2em; } .content .entry .form-controls { display: none; } .tree-list#all-services-page .form-controls { display: none !important; } .content .entry .form-controls .close-form { display:none; position: relative; float: right; margin-top: -4px; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-size: 1.5em; color: white; background-color: #3890d3; padding: .25em; border-radius: 4px; width: 1em; height: 1em; text-align: center; } .content .entry img { max-width: 100%; height: auto; } .content .entry ul { list-style: none; margin-left: 1em; padding-left:1em; } .content .entry ul li { list-style:none; margin: .75em 0; } .content .entry ul li:before { content: "\e00c"; font-family: 'TW Regular'; font-weight: 800; font-size: 0.6em; margin-right: 0.3em; color: #a4b1b4; position:absolute; margin-top:0.4em; margin-left:-1.5em;} .content .entry ul li ul { margin-left: 0; padding-left: 2em; } .content .entry ul li ul li { background: none; padding: 0; } .content .entry .gform_body ul li { background:none; padding-left:0; } .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li { overflow: inherit !important; } .content .entry button.mobile { display: none; } .content .entry ul.overview { list-style: none; margin: 0 0 1em 0; padding: 0; } /*.content .entry ul.overview li p { font-size: .95em; line-height: 145%; } */ .content .entry input[type='text'], .content .entry input[type='number'], .content .entry input[type='email'], .content .entry textarea { border:solid 1px #3890d3; border-radius: 4px; padding:0.5em; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; margin-top:0.4em; -webkit-transition: border-color 0.5s; -moz-transition: border-color 0.5s; -ms-transition: border-color 0.5s; -o-transition: border-color 0.5s; transition: border-color 0.5s; } .content .entry input:disabled{ background-color: #e1e6e9; border: none; } .content .entry form.wide .content .entry button[type='submit'] { font-size: 1.1em; } .content .entry form.wide .content .entry button[type='submit']:after { padding-top:0.85em; } .content .entry form.wide .form-row { clear:both; margin-bottom:2em;} .content .entry form.wide h4{ margin-bottom:0.25em;} .content .entry form.wide label, .content .entry form.wide input[type='text'], .content .entry form.wide input[type='number'], .content .entry form.wide textarea { display: block; } .content .entry form.wide label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .content .entry form.wide input[type='text'], .content .entry form.wide input[type='number'], .content .entry form.wide textarea { width:75%; } .content .entry form.wide input[type='number']{ max-width:100px; } .content .entry input[type='text']:focus, .content .entry input[type='number']:focus, .content .entry input[type='email']:focus, .content .entry textarea:focus { outline: none; border-color: #9dbd2f; -webkit-transition: border-color 0.5s; -moz-transition: border-color 0.5s; -ms-transition: border-color 0.5s; -o-transition: border-color 0.5s; transition: border-color 0.5s; } .content .entry .contact-form .contact-field.error { border-color: #b30000; } .content .entry .contact-form .contact-field + .error-message { display: none; color: #b30000; } .content .entry .contact-form .contact-field.error + .error-message { display: block; } .content .entry form.wide .helptext { display: block; font-style: italic; font-size: 0.8em; padding-left: 0.1em; max-width:75%;} .content .entry input[type='checkbox'] { margin-right:0.25em; } .content .bu-callout-header-icon { background: url("images/sprite.png") no-repeat scroll 0 0 transparent; display: inline-block; float: left; height: 33px; margin: -0.55em 0.5em 0 -0.4em; width: 33px; } .content .bu-callout { font-size: 1em; background: #4a5458; border-radius: 4px; display: inline; float: right; margin-left: 3em; overflow: hidden; padding-bottom: 1em; width: 31%; word-wrap:break-word; } .content .bu-callout h2, .content .bu-callout h3 { background: #566267; border-top: 1px solid #75868c; color: white; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-size: 1.1em; margin: 0; padding: .85em 1em; text-shadow: 0 1px 0 #556166; } .content .bu-callout h3 .tw { display: block; float: left; background: #3f484b; width: 1.5em; height: 1.5em; border-radius: 50%; text-align: center; line-height: 1.5em !important; margin: -.25em 8px 0 0; padding: 0; font-size: 1.25em; font-weight: 100; } .content .bu-callout h3 .icon { margin-right:.4em; } .content .bu-callout p, .content .bu-callout ul, .content .bu-callout ol, .content .bu-callout blockquote, .content .bu-callout div, .content .bu-callout img { padding-left: 1em !important; padding-right: 1em !important; margin-top:1em;} .content .bu-callout p, .content .bu-callout ul, .content .bu-callout ol, .content .bu-callout li { clear: left; color: white; } .content .bu-callout a { color: #e9d318; } .content .bu-callout a:hover, .content .bu-callout a:focus { text-decoration: none; color: #a59510; } .content .entry .bu-callout ul { list-style: none; margin: 0 1em; } .content .bu-callout ul li { margin: 1.25em 0 1.25em 0 !important; } .content .bu-callout ul li ul li { margin: .5em 0 !important; list-style: square inside; } .content .bu-callout ol { margin-left:1.5em; } .content .bu-callout ol li { margin: 1em 0; } .content .bu-callout p { font-size: .9em; } .content .bu-callout p:empty { margin: 0; } .content .bu-callout a { color: white !important; text-decoration: underline; } .content .bu-callout .btn:after { font-size: inherit; } .content .entry .bu-list-child-pages ul.overview>li { background: none; width: 50%; float: left; display: inline; margin: 0 0 1em 0; padding: 0; } .content .entry .bu-list-child-pages ul.overview>li:before { display: none; } .content .entry .bu-list-child-pages ul.overview>li div:first-child { padding-right: 16px; } .content .entry .bu-list-child-pages ul.overview>li p a.more-link { color: #93b12c; font-family: "Georgia", serif; font-style: italic; text-decoration: none; display: block; } .content .entry .bu-list-child-pages ul.overview>li h2 { margin: 0 0 .8em 0; font-size: 1.5em; } .content .entry .bu-list-child-pages ul.overview>li h2 a { font-family: "BentonSansRegular", "Arial", "Lucida Grande", sans-serif; font-weight: 100; margin-bottom: 1em; margin-top: 0; } .content .entry .bu-list-child-pages ul.overview>li a:hover { text-decoration: underline; } .content .entry .bu-list-child-pages ul.overview>li:nth-child(odd) { clear: left; } .content .entry .bu-list-child-pages ul.overview>li.support-block { margin:0 0 3em 0; } .content .entry span.orange-circle { display:inline-block; border-radius:50%; background-color: #d55b19; padding:.4em; width:1em;height:1em; margin-right:.3em; line-height: 1em !important; text-align: center; color:#fff;} /*.content .entry .orange-circle .mail span {font-size:0.9em !important;}*/ .content .entry span.orange-circle.text-icon { font-weight:bold; } .content .entry div.support-block { width: 48%; margin:0 0 20px; padding:0; float:left; } .content .entry div.support-block a.btn-green.btn-more { margin-left:; } .content .entry div.support-block h2 { font-size:1.4em; } .content .entry div.support-block ul { margin-left: 1.2em; } .content .entry div.support-block:nth-child(2n) { clear:right; } .content .entry div.support-block:first-child>div, .content .entry div.support-block:nth-child(3n)>div { margin-right:20px; } .content .entry div.support-block:nth-child(2n)>div { margin-left:20px; } .content .entry div.support-block ul li { margin:0.5em 0 0.5em 1em; padding-left: 0.4em; } .content .entry div.support-block ul li:before{ margin-left:-1.9em; } .content .entry div.support-block ul li h3 { font-size: 1.2em; line-height: 1; margin-bottom: 0.25em;} .content .entry div.support-block ul li.green-text { background:none; padding:0.3em 0 1.3em 0; } .content .entry div.support-block ul li.green-text h3 a { font-size:0.9em; color:#93b12c; font-weight:;} .content .entry div.support-block ul li.green-text h3 a:before{ content:"\27a5\00a0";} .content .entry div.support-block h2 span.tw { display:inline-block; color:#fff; font-size:1em; margin-top:-0.03em; padding:0 0 0 .005em; line-height: 1em !important;} /*.content .entry li.support-block ul li { background: url("images/bullet-dark.png") left 5px no-repeat; padding-left: 12px; margin: .75em 0; }*/ .content .entry .archive-post { margin-bottom: 3em; } .content .entry .archive-post h2 { margin-top: 0; margin-bottom: 0; } .content .entry #svc-display-alpha.view-alpha .alpha { width: 100%; border-top: 1px solid #dfdfdf; } .content .entry #svc-display-alpha.view-alpha .alpha .letter { float: left; display: inline; width: 10%; } .content .entry #svc-display-alpha.view-alpha .alpha .letter h2 { width: 40px; height: 40px; border-radius: 50%; line-height: 40px; background: #d55b19; color: white; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; font-size: 1.5em; margin: 1em 0; padding: 0; text-align: center; } .content .entry #svc-display-alpha.view-alpha .alpha .listing { float: left; display: inline; margin-top: 1em; margin-bottom: 1em; width: 90%; } .content .entry #svc-display-alpha.view-alpha .alpha .listing ul { margin: 0; padding: 0; } .content .entry #svc-display-alpha.view-alpha .alpha .listing ul li { width: 45%; float: left; padding-left: 12px; margin: .25em 0; } .content .entry #svc-display-alpha.view-alpha .alpha .listing ul li:before { margin-left:-1.7em; margin-top:0.5em; } .content .entry #svc-display-alpha.view-alpha .alpha:first-child { border-top: none; } .content .entry #svc-display-tree .section .page_item { background: #d55b19; padding: 4px 6px; display: block; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; } .content .entry #svc-display-tree .section .page_item a { color: white; text-decoration: none; } .content .entry #svc-display-tree .section ul, .content .entry #svc-display-tree .section ol { font-size: .90em !important; } .content .entry #svc-display-tree .section ul .page_item, .content .entry #svc-display-tree .section ol .page_item { background: transparent; padding: inherit; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; color: #4a5458; } .content .entry #svc-display-tree .section ul ul, .content .entry #svc-display-tree .section ol ul { font-size: 1em !important; padding: 0 0 0 16px; } .content .entry #svc-display-tree .section ul ul .page_item, .content .entry #svc-display-tree .section ol ul .page_item { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .content .entry #svc-display-tree .section ul li, .content .entry #svc-display-tree .section ol li { margin: .25em 0; } .content .entry #svc-display-tree .section ul li a, .content .entry #svc-display-tree .section ol li a { color: #3890d3 !important; text-decoration: underline !important; } .content .entry #svc-display-tree .section ul li a:hover, .content .entry #svc-display-tree .section ol li a:hover { text-decoration: none !important; } .content .entry .steps { width: 100%; } .content .entry .steps .step-number { float: left; display: inline; width: 10%; } .content .entry .steps .step-number h2 { width: 48px; height: 48px; border-radius: 50%; line-height: 48px; background: #d55b19; color: white; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; font-size: 1.75em; margin: 1em 0; padding: 0; text-align: center; } .content .entry .steps .instructions { float: left; display: inline; width: 45%; } .content .entry .steps .instructions label { font-size: 1.2em; margin-top: 2.1em; display: block; line-height: 120%; } .content .entry .steps .controls { float: left; display: inline; width: 45%; } .content .entry .steps .controls .form-submit-to { margin-top: 2.7em; margin-bottom: -1.5em; font-size: .9em; } .content .entry .steps .controls .form-submit-to span { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; } .content .entry .steps .controls .contact-field { width: 100%; margin-top: 2.5em; font-size: .9em; } .content .entry .steps .controls select.contact-field { font-size: 1em; } .content .entry .steps .controls textarea.contact-field { height: 5em; margin-top: 1.75em; } .content .entry .steps .controls textarea.contact-field, .content .entry .steps .controls input[type="text"].contact-field { width: 98.5%; } .content .entry .steps .controls input.contact-field { margin-top: 2.75em; } .content .entry .steps .controls .button { border-top: 0; border-bottom: 0; border-left: 0; } .content .entry .steps .tw-help-external-controls { float: right; margin-top: 2em; } .content .entry .contact-form .steps { border-top: 1px solid #dfdfdf; margin-bottom: 28px; } .content .entry .contact-form .steps .step-number h2 { margin: 1em 0 0 0 !important; } .content .entry .contact-form #c6 { padding-top: 1.5em; border-top: 0px; } .content .entry .contact-form .steps:first-child { border-top: 0px; } .content .columns-2 { font-size: .9em; -webkit-columns: 400px 2; -moz-columns: 400px 2; -ms-columns: 400px 2; columns: 400px 2; min-height: 75px; } .content .columns-3 { font-size: .9em; -webkit-columns: 300px 3; -moz-columns: 300px 3; -ms-columns: 300px 3; columns: 300px 3; min-height: 75px; } .content.fullwidth { width: 100%; float: none; } .tm_calendar tr td{ vertical-align: top; padding-top:0; } .subrow{ background:whitesmoke; } .tm_calendar .subrow td{ padding-top:5px; } .bu_training_manager_calendar_day{ min-height:80px; } .tm_calendar{ min-width:700px; } /*#BUTrainingManagerCalendarAPIResults{ overflow-x: scroll; } */ .content.fullwidth .entry { padding-left:0; } .content.fourohfour { text-align: center; } .content.fourohfour td { vertical-align: top; } .content.fourohfour h1 { margin: 50px 0 20px 0; font-size:8em; text-shadow: #eee .08em .05em; font-weight: bold; line-height: 1em; color:#ccc; letter-spacing: .05em;} .content.fourohfour h2 { margin:20px 0 40px 0;} .content.fourohfour .entry ul.overview>.bu-list-child-pages>li { width:33%; clear:none;} .content.fourohfour .entry ul.overview>.bu-list-child-pages>li p{ padding:0 20px;} .bu-list-child-pages .thumb { margin: 0 0 10px 0; } /* collapsible containers */ .content .bu_collapsible_container { clear: both; } .content .bu_collapsible_container .bu_collapsible_section {padding:1em 1.4em;} .content .bu_collapsible_container .bu_collapsible_section h4 { margin:0 0 10px 0;} .content .bu_collapsible_container .bu_collapsible_section p:empty { display:none; } .content .bu_collapsible_container .bu_collapsible { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 100; color: #555555; font-size: 1.1em; padding: .6em; margin: 0; border-bottom:1px solid #fff;background: none;} .bu_collapsible_container .bu_collapsible:before {content:"+";} .bu_collapsible_container.bu_collapsible_open .bu_collapsible:before {content:"–";} .bu_collapsible_container .bu_collapsible:before, .bu_collapsible_container.bu_collapsible_open .bu_collapsible:before {margin-right:8px; font-weight: 700; color:#fff; background: #93B12C; /* padding: 1em; */ border-radius: 50%;display: inline-block;width: 1em;text-align: center;font-size: 1.2em; padding:1px; height: 1em;line-height: 1em;} .content .bu_collapsible_container a:hover, .content .collapsible a:focus { text-decoration: none; } .content .collapsible div { padding: .5em 2em; } .content .bu_collapsible_container div ul, .content .collapsible div ol { list-style: none; margin: 0; padding: 0; } .content .bu_collapsible_container div ul li, .content .collapsible div ol li { margin: 3px 0 3px 0; color: #4a5458; } .content .bu_collapsible_container div ul li .bullet, .content .collapsible div ol li .bullet { display: inline-block; float: left; width: 5px; height: 9px; background: url("images/sprite.png") -137px -130px no-repeat transparent; margin-right: 8px; margin-top: 3px; } .content .bu_collapsible_container div a:hover, .content .collapsible div a:focus { text-decoration: underline; } .content .bu_collapsible_container .collapsed div { display: none; } .content .bu_collapsible_container .expanded div { display: block; border-bottom: 3px; } .content .entry .wizard-blocks { margin-bottom:2em; } .content .entry .wizard-blocks div.block { margin: 0; padding:0; font-size: 1em; float:left; display: inline-block; width:50%;} .content .entry .wizard-blocks div.block>div { padding: 0 2em; text-align: justify; } .content .entry .wizard-blocks div.block:nth-child(n+4){ margin-top:1em; } .content .entry .wizard-blocks div.block:first-child>div, .content .entry .wizard-blocks div.block:nth-child(3n+4)>div { padding-left: 0; } .content .entry .wizard-blocks div.block:nth-child(2)>div, .content .entry .wizard-blocks div.block:nth-child(3n+5)>div { padding-right: 0; } .content .entry .wizard-blocks div.block .wizard-go { text-align:right; padding:0 .1em 0 0; margin:1.5em 0 0 0;} .content .entry .wizard-blocks div.block .wizard-go a { margin:0;} .content .entry .wizard-blocks.bluebox { background: #ecf4f7; padding: 0.02em 1em; border-radius: 5px; border: solid 1px #d4d4d4; } .tw-help-iframe iframe { margin-top:20px; min-height:420px; } .content .entry .content-block{ float:left; width:50%;} .content .entry .content-block>div { padding:10px; } .content .entry.search h3, .content .entry.search p {margin-bottom: 0;} .content .entry.search .search-pagenator {margin: 25px 0 15px;} .content .entry.search .search-pagenator a{ padding:5px 10px; border-right:1px solid black; font-weight: bold; text-decoration: none;} .content .entry.search .search-pagenator a:last-child{ border-right-width: 0px;} .content .entry.search .search-pagenator a.current{ background-color:#3089c2; color:white; } .content .entry.search .mime {font-size: .6em; color: #9099a0;} /* Sidebar / subnav --------------------------------------- */ /* Subnavigation and sidebars */ .subnavigation-sidebar-container { display: block; padding-bottom: 36px; margin-top: 1.5em; width: 24%; float: left; font-family: "BentonSansRegular", "Arial", "Lucida Grande", sans-serif; } .landing-page .subnavigation-sidebar-container { float:left; } .subnavigation-sidebar-container #sidebar { width: 100%; } .subnavigation-sidebar-container #service-list-controls { display: block; } .subnavigation-sidebar-container #subnavigation { border-radius: 5px; background-clip: padding-box; border: 1px solid #dfdfdf; width: 100%; overflow-x: hidden; background: #ecf4f7; position: relative; margin-bottom: 2em; } .subnavigation-sidebar-container #subnavigation ul { width: 100%; position: relative; top: 0; left: 0; list-style: none; margin: 0; padding: 0; background: #ecf4f7; -moz-transition: all 100ms ease-out; -webkit-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } /*.subnavigation-sidebar-container #subnavigation ul li > a:hover, .subnavigation-sidebar-container #subnavigation ul li > a:focus { background-color: white; } */ .subnavigation-sidebar-container #subnavigation ul li { border-top: 1px solid #dfdfdf; position: relative; } .subnavigation-sidebar-container #subnavigation ul li a { display: block; padding: .5em 24px .5em .5em; color: #555555; font-size: .9em; line-height: 150%; position: relative; } .subnavigation-sidebar-container #subnavigation ul li a:after { content: "\e00c"; font-family: 'TW Regular' !important; display: block; width: 14px; height: 14px; text-align: right; font-size: 1em; position: absolute; right: 3px; top: 50%; margin-top: -9px; color: #d4d4d4; } .subnavigation-sidebar-container #subnavigation ul li a:hover, .subnavigation-sidebar-container .subnavigation ul li a:hover, .subnavigation-sidebar-container #subnavigation ul li a:focus, .subnavigation-sidebar-container .subnavigation ul li a:focus { color: #2c6696; } .subnavigation-sidebar-container #subnavigation ul li.current_page_item a {color:#fff !important; background-color: #2C6696 !important;} .subnavigation-sidebar-container #subnavigation ul li:first-child { border-top: 0px; } .subnavigation-sidebar-container #subnavigation ul ul { position: absolute; left: 100%; } .subnavigation-sidebar-container #sidebar-container .module-secondary, .subnavigation-sidebar-container #sidebar-container .widget { margin-bottom: 2.5em; color: #666; } .subnavigation-sidebar-container #sidebar-container .module-secondary a, .subnavigation-sidebar-container #sidebar-container .widget a { text-decoration: underline; color: #3890d3; } .subnavigation-sidebar-container #sidebar-container .module-secondary .widgettitle, .subnavigation-sidebar-container #sidebar-container .widget .widgettitle { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-size: .9em; background: #e1e6e9; color: #566267; position: relative; padding: .6em; font-weight: 100; margin: 0; border: 1px solid #D5D9DA;} .subnavigation-sidebar-container #sidebar-container .module-secondary .widgettitle:after, .subnavigation-sidebar-container #sidebar-container .widget .widgettitle:after { content: " "; width: 12px; height: 12px; display: block; position: absolute; bottom: -.25em; left: 4.5%; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); background: #e1e6e9; z-index: 1; border-radius: 2px; border-bottom: 1px solid #D5D9DA; border-right: 1px solid #D5D9DA; } .subnavigation-sidebar-container #sidebar-container .module-secondary p, .subnavigation-sidebar-container #sidebar-container .module-secondary li, .subnavigation-sidebar-container #sidebar-container .widget p, .subnavigation-sidebar-container #sidebar-container .widget li { font-size: .9em; line-height: 150%; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul, .subnavigation-sidebar-container #sidebar-container .module-secondary ol, .subnavigation-sidebar-container #sidebar-container .widget ul, .subnavigation-sidebar-container #sidebar-container .widget ol { margin: 0; padding: 0; list-style-type: none; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul li, .subnavigation-sidebar-container #sidebar-container .module-secondary ol li, .subnavigation-sidebar-container #sidebar-container .widget ul li, .subnavigation-sidebar-container #sidebar-container .widget ol li { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTAyRkVBREJENUU1MTFFMjhDRTE5MDE3MzhEQ0VDMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTAyRkVBRENENUU1MTFFMjhDRTE5MDE3MzhEQ0VDMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMDJGRUFEOUQ1RTUxMUUyOENFMTkwMTczOERDRUMwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMDJGRUFEQUQ1RTUxMUUyOENFMTkwMTczOERDRUMwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjaPKqgAAABuSURBVHjaYkwtrlRjYGDgAeLzQPwfiBmYgPg+EPMBsRYDFIAEfwPxaSCWBWIZmCAIfAXis0CsB8QCMEEQeA3Ez0ASyIIiQCwFxJdggtxAbAzEl4H4A0iQBYhNgPgJED+GWaQIxJ+B+BrMHIAAAwCtnhFijz8JlQAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 0 49%; padding-left: 12px; border-bottom: 1px solid #e1e6e9; clear: left; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul li a, .subnavigation-sidebar-container #sidebar-container .module-secondary ol li a, .subnavigation-sidebar-container #sidebar-container .widget ul li a, .subnavigation-sidebar-container #sidebar-container .widget ol li a { display: block; padding: .5em 0; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul li a:hover, .subnavigation-sidebar-container #sidebar-container .module-secondary ol li a:hover, .subnavigation-sidebar-container #sidebar-container .widget ul li a:hover, .subnavigation-sidebar-container #sidebar-container .widget ol li a:hover { color: #3890d3; text-decoration: none; } .subnavigation-sidebar-container #sidebar-container .widget.see-also ul li a:hover, .subnavigation-sidebar-container #sidebar-container .widget.see-also ul li a:hover { text-decoration: none; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul.icon-list, .subnavigation-sidebar-container #sidebar-container .widget ul.icon-list { margin-top: 20px; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul.icon-list li, .subnavigation-sidebar-container #sidebar-container .widget ul.icon-list li { border: 0; background-image: none; clear: left; padding-left: 0; margin-bottom: 16px; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul.icon-list li:before, .subnavigation-sidebar-container #sidebar-container .widget ul.icon-list li:before{ display:none; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul.icon-list li .tw, .subnavigation-sidebar-container #sidebar-container .widget ul.icon-list li .tw { display: block; float: left; height: 20px; width: 20px; margin-right: 6px; background: #4a5458; color: white; text-align: center; line-height: 20px !important; border-radius: 50%; padding: 2px; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul.icon-list li a, .subnavigation-sidebar-container #sidebar-container .widget ul.icon-list li a { border: 0; padding: 0; } .subnavigation-sidebar-container #sidebar-container .module-secondary h5, .subnavigation-sidebar-container #sidebar-container .widget h5 { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; margin-bottom: 0; } .subnavigation-sidebar-container #sidebar-container .module-secondary dl, .subnavigation-sidebar-container #sidebar-container .widget dl { font-size: .8em; margin-top: .25em; } .subnavigation-sidebar-container #sidebar-container .module-secondary dl dt, .subnavigation-sidebar-container #sidebar-container .widget dl dt { clear: left; display: inline; float: left; margin-right: .5em; margin-bottom: .25em; width: 125px; } .subnavigation-sidebar-container #sidebar-container .module-secondary dl dd, .subnavigation-sidebar-container #sidebar-container .widget dl dd { display: inline; float: left; margin: 0; } .search-promo-widget { background: #ecf4f7; border-radius: 5px; background-clip: padding-box; border: 1px solid #dfdfdf; padding: 10px; font-size: 1em; font-size: .9em; line-height: 1.5em;margin:auto;max-width:300px; cursor: pointer; } .subnavigation-sidebar-container form fieldset { border: 0; margin: 0 0 2em 0; padding: 0; } .subnavigation-sidebar-container form fieldset legend { display: block; background: #e1e6e9; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-size: .9em; color: #4a5458; position: relative; padding: .6em; width: 93%; position: relative; margin-bottom: .5em; } .subnavigation-sidebar-container form fieldset legend:after { content: ""; width: 12px; height: 12px; display: block; position: absolute; bottom: -.25em; left: 4.5%; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); background: #e1e6e9; z-index: 1; border-radius: 2px; } .subnavigation-sidebar-container form fieldset fieldset { margin: 0; } .subnavigation-sidebar-container form fieldset fieldset legend { background: transparent; padding: .5em 0 0 0; } .subnavigation-sidebar-container form fieldset fieldset legend:after { display: none; } .subnavigation-sidebar-container form fieldset label { width: 50%; float: left; margin: .5em 0 .25em 0; color: #4a5458; font-size: .90em; } .subnavigation-sidebar-container form fieldset label input { float: left; margin: 2px 4px .25em 0; } .subnavigation-sidebar-container form fieldset label.span-full { clear: left; width: 100%; } .subnavigation-sidebar-container form .button-row { margin-top: 1em; margin-bottom: 1em; } .subnavigation-sidebar-container hr { height: 1px; border: 0px; color: #dfdfdf; background: #dfdfdf; margin: 0 0 1.5em 0; } .subnavigation-sidebar-container a { font-size: 1em; } .subnavigation-sidebar-container #sidebar { width: 100%; } .subnavigation-sidebar-container #service-list-controls { display: block; } .subnavigation-sidebar-container #subnavigation, .subnavigation-sidebar-container .subnavigation { border-radius: 5px; background-clip: padding-box; border: 1px solid #dfdfdf; width: 100%; overflow-x: hidden; background: #ecf4f7; position: relative; margin-bottom: 2em; } .subnavigation-sidebar-container #subnavigation ul, .subnavigation-sidebar-container .subnavigation ul { width: 100%; position: relative; top: 0; left: 0; list-style: none; margin: 0; padding: 0; background: #ecf4f7; -moz-transition: all 100ms ease-out; -webkit-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } .subnavigation-sidebar-container #subnavigation ul li > a:hover, .subnavigation-sidebar-container #subnavigation ul li > a:focus, .subnavigation-sidebar-container .subnavigation ul li > a:hover, .subnavigation-sidebar-container .subnavigation ul li > a:focus,.subnavigation-sidebar-container .subnavigation ul li > a:hover, .subnavigation-sidebar-container .subnavigation ul li > a:focus { background-color: #fff; } /*.subnavigation-sidebar-container #subnavigation ul li.current_page_item { background-color:white; }*/ .subnavigation-sidebar-container #subnavigation ul li, .subnavigation-sidebar-container .subnavigation ul li { border-top: 1px solid #dfdfdf; position: relative; } .subnavigation-sidebar-container #subnavigation ul li a, .subnavigation-sidebar-container .subnavigation ul li a { display: block; padding: .5em 24px .5em .5em; color: #555555; font-size: .9em; line-height: 150%; position: relative; } .subnavigation-sidebar-container #subnavigation ul li a:after, .subnavigation-sidebar-container .subnavigation ul li a:after { content: "\e00c"; font-family: 'TW Regular' !important; display: block; width: 14px; height: 14px; text-align: right; font-size: 1em; position: absolute; right: 3px; top: 50%; margin-top: -10px; color: #d4d4d4; } /*.subnavigation-sidebar-container #subnavigation ul li a:hover, .subnavigation-sidebar-container #subnavigation ul li a:focus, .subnavigation-sidebar-container .subnavigation ul li a:hover, .subnavigation-sidebar-container .subnavigation ul li a:focus { color: #fff; }*/ /*.subnavigation-sidebar-container #subnavigation ul li.current_page_item a, .subnavigation-sidebar-container .subnavigation ul li.current_page_item a { color: #93b12c; } */ .subnavigation-sidebar-container #subnavigation ul li:first-child, .subnavigation-sidebar-container .subnavigation ul li:first-child { border-top: 0px; } .subnavigation-sidebar-container #subnavigation ul ul, .subnavigation-sidebar-container .subnavigation ul ul { position: absolute; left: 100%; } .subnavigation-sidebar-container #sidebar-container .module-secondary, .subnavigation-sidebar-container #sidebar-container .widget { margin-bottom: 2.5em; color: #666; } .subnavigation-sidebar-container #sidebar-container .module-secondary a, .subnavigation-sidebar-container #sidebar-container .widget a { text-decoration: underline; color: #3890d3; } .subnavigation-sidebar-container #sidebar-container .module-secondary .widgettitle, .subnavigation-sidebar-container #sidebar-container .widget .widgettitle { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-size: .9em; background: #e1e6e9; color: #566267; position: relative; padding: .6em; font-weight: 100; margin: 0; } .subnavigation-sidebar-container #sidebar-container .module-secondary .widgettitle:after, .subnavigation-sidebar-container #sidebar-container .widget .widgettitle:after { content: " "; width: 12px; height: 12px; display: block; position: absolute; bottom: -.25em; left: 4.5%; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); background: #e1e6e9; z-index: 1; border-radius: 2px; } .subnavigation-sidebar-container #sidebar-container .module-secondary p, .subnavigation-sidebar-container #sidebar-container .module-secondary li, .subnavigation-sidebar-container #sidebar-container .widget p, .subnavigation-sidebar-container #sidebar-container .widget li { font-size: .9em; line-height: 150%; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul, .subnavigation-sidebar-container #sidebar-container .module-secondary ol, .subnavigation-sidebar-container #sidebar-container .widget ul, .subnavigation-sidebar-container #sidebar-container .widget ol { margin: 0; padding: 0; list-style-type: none; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul li, .subnavigation-sidebar-container #sidebar-container .module-secondary ol li, .subnavigation-sidebar-container #sidebar-container .widget ul li, .subnavigation-sidebar-container #sidebar-container .widget ol li { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTAyRkVBREJENUU1MTFFMjhDRTE5MDE3MzhEQ0VDMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTAyRkVBRENENUU1MTFFMjhDRTE5MDE3MzhEQ0VDMDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMDJGRUFEOUQ1RTUxMUUyOENFMTkwMTczOERDRUMwNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMDJGRUFEQUQ1RTUxMUUyOENFMTkwMTczOERDRUMwNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjaPKqgAAABuSURBVHjaYkwtrlRjYGDgAeLzQPwfiBmYgPg+EPMBsRYDFIAEfwPxaSCWBWIZmCAIfAXis0CsB8QCMEEQeA3Ez0ASyIIiQCwFxJdggtxAbAzEl4H4A0iQBYhNgPgJED+GWaQIxJ+B+BrMHIAAAwCtnhFijz8JlQAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 0 49%; padding-left: 12px; border-bottom: 1px solid #e1e6e9; clear: left; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul li a, .subnavigation-sidebar-container #sidebar-container .module-secondary ol li a, .subnavigation-sidebar-container #sidebar-container .widget ul li a, .subnavigation-sidebar-container #sidebar-container .widget ol li a { display: block; padding: .5em 0; } .subnavigation-sidebar-container #sidebar-container .widget.related-services ul li a { color:#4a5458; text-decoration: none;} .subnavigation-sidebar-container #sidebar-container .widget.related-services ul li a:hover { color:#4a5458; text-decoration: underline;} .subnavigation-sidebar-container #sidebar-container .module-secondary ul.icon-list, .subnavigation-sidebar-container #sidebar-container .widget ul.icon-list { margin-top: 20px; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul.icon-list li, .subnavigation-sidebar-container #sidebar-container .widget ul.icon-list li { border: 0; background-image: none; clear: left; padding-left: 0; margin-bottom: 16px; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul.icon-list li:before, .subnavigation-sidebar-container #sidebar-container .widget ul.icon-list li:before { display: none; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul.icon-list li .tw, .subnavigation-sidebar-container #sidebar-container .widget ul.icon-list li .tw { display: block; float: left; height: 20px; width: 20px; margin-right: 6px; background: #4a5458; color: white; text-align: center; line-height: 20px !important; border-radius: 50%; padding: 2px; } .subnavigation-sidebar-container #sidebar-container .module-secondary ul.icon-list li a, .subnavigation-sidebar-container #sidebar-container .widget ul.icon-list li a { border: 0; padding: 0; } .subnavigation-sidebar-container #sidebar-container .module-secondary h5, .subnavigation-sidebar-container #sidebar-container .widget h5 { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; margin-bottom: 0; } .subnavigation-sidebar-container #sidebar-container .module-secondary dl, .subnavigation-sidebar-container #sidebar-container .widget dl { font-size: .8em; margin-top: .25em; } .subnavigation-sidebar-container #sidebar-container .module-secondary dl dt, .subnavigation-sidebar-container #sidebar-container .widget dl dt { clear: left; display: inline; float: left; margin-right: .5em; margin-bottom: .25em; width: 125px; } .subnavigation-sidebar-container #sidebar-container .module-secondary dl dd, .subnavigation-sidebar-container #sidebar-container .widget dl dd { display: inline; float: left; margin: 0; } .subnavigation-sidebar-container form fieldset { border: 0; margin: 0 0 2em 0; padding: 0; } .subnavigation-sidebar-container form fieldset legend { display: block; background: #e1e6e9; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-size: .9em; color: #4a5458; position: relative; padding: .6em; width: 93%; position: relative; margin-bottom: .5em; } .subnavigation-sidebar-container form fieldset legend:after { content: ""; width: 12px; height: 12px; display: block; position: absolute; bottom: -.25em; left: 4.5%; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); background: #e1e6e9; z-index: 1; border-radius: 2px; } .subnavigation-sidebar-container form fieldset fieldset { margin: 0; } .subnavigation-sidebar-container form fieldset fieldset legend { background: transparent; padding: .5em 0 0 0; } .subnavigation-sidebar-container form fieldset fieldset legend:after { display: none; } .subnavigation-sidebar-container form fieldset label { width: 50%; float: left; margin: .5em 0 .25em 0; color: #4a5458; font-size: .90em; } .subnavigation-sidebar-container form fieldset label input { float: left; margin: 2px 4px .25em 0; } .subnavigation-sidebar-container form fieldset label.span-full { clear: left; width: 100%; } .subnavigation-sidebar-container form .button-row { margin-top: 1em; margin-bottom: 1em; } .subnavigation-sidebar-container hr { height: 1px; border: 0px; color: #dfdfdf; background: #dfdfdf; margin: 0 0 1.5em 0; } .subnavigation-sidebar-container a { font-size: 1em; } /* Styles for bu-profiles --------------------------------------- */ /* BU Profiles */ .bu-profiles { list-style: none !important; margin: .75em 0; padding: 0; left: 0 !important; font-size: 100% !important; } .bu-profiles li { list-style: none !important; background: none !important; left: 0 !important; font-size: 100% !important; margin: 0 !important; } .bu-profiles li ul { font-size: 100% !important; padding-left: 1.5em !important; } .bu-profiles li .profile-listing { border-left: 5px solid #3890d3; border-bottom: 1px solid #dfdfdf; padding: 6px 12px; } .bu-profiles li .profile-listing ul li.has-title a { text-decoration: none !important; } .bu-profiles li .profile-listing ul li.has-title .profile-name { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; } .bu-profiles li .profile-listing ul li.has-title .profile-title p { margin: .2em 0 .5em 0; } .bu-profiles li .profile-listing:first-child ul { padding-left: 0; } .bu-profiles li .profile-listing:hover { background: #f1f6f8; } .bu-profiles li .profile-listing:hover li.has-title a { text-decoration: underline !important; } .profile-display { padding: 0 20px; max-width: 800px; margin-bottom: 100px; } .profile-display .profile-thumb { float: right; width: 150px; height: 150px; padding: 5px; line-height: 1; } .profile-display .profile-bio { clear: both; margin-top: 20px; } .profile-display dd, .profile-display dt { float: left; margin: 10px 0; font-size: 14px; line-height: 18px; vertical-align: middle; } .profile-display dt { clear: left; width: 100px; font-weight: bold; } .profile-display dd p { margin: 0; line-height: normal; font-size: 14px; max-width: 500px; } /* Tabbed containers --------------------------------------- */ /* Tabbed containers */ .tabs ul { width: 100%; list-style-image: none; list-style: none; margin: 0 0 -4px 0; padding: 0; } .tabs ul li { background: none !important; margin: 0 3px 0 0 !important; padding: 0 !important; display: inline; float: left; } .tabs ul li a { display: block; padding: 1em; border-top: 1px solid #d5d9da; border-right: 1px solid #d5d9da; border-bottom: 1px solid #d5d9da; border-left: 1px solid #d5d9da; border-top-left-radius: 4px; border-top-right-radius: 4px; background: #f2f2f2; color: #4a5458; text-decoration: none; position: relative; z-index: 3; } .tabs ul li.active a { border-bottom: 1px solid white; background: white; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; } .tab-content { margin-top: -3px; position: absolute; left: -9999em; z-index: 2; } .tab-content.active { border-top: 1px solid #d5d9da; position: relative; left: auto; } /* Footbar --------------------------------------- */ .footbar { background: #e2eef5; background: -moz-linear-gradient(top, #e2eef5 0%, #f1f6f8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2eef5), color-stop(100%, #f1f6f8)); background: -webkit-linear-gradient(top, #e2eef5 0%, #f1f6f8 100%); background: -o-linear-gradient(top, #e2eef5 0%, #f1f6f8 100%); background: -ms-linear-gradient(top, #e2eef5 0%, #f1f6f8 100%); background: linear-gradient(to bottom, #e2eef5 0%, #f1f6f8 100%); border-top: 1px solid #cfe3ee; width: 100%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; } .footbar .footbar-column-wrapper { width: 100%; margin: 0; padding: 0; display: block; } .footbar .footbar-column-wrapper .col { margin-top: 1em; margin-bottom: 2em; display: inline; float: left; } .footbar .footbar-column-wrapper .col .col-wrapper { min-width: 30%; padding-left: 32px; font-size: .80em; line-height: 150%; } .footbar .footbar-column-wrapper .col .col-wrapper h2 { margin: 1em 0 0 0; } .footbar .footbar-column-wrapper .col .col-wrapper h2 a { color: #111; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: normal; } .footbar .footbar-column-wrapper .col .col-wrapper h2 a:hover, .footbar .footbar-column-wrapper .col .col-wrapper h2 a:focus { color: #3890d3; } .footbar .footbar-column-wrapper .col .col-wrapper ul, .footbar .footbar-column-wrapper .col .col-wrapper ol { margin: 0; padding: 0; list-style: none; } .footbar .footbar-column-wrapper .col .col-wrapper ul li, .footbar .footbar-column-wrapper .col .col-wrapper ol li { margin: 2em 0; clear: left; } .footbar .footbar-column-wrapper .col .col-wrapper ul a:hover, .footbar .footbar-column-wrapper .col .col-wrapper ul a:focus, .footbar .footbar-column-wrapper .col .col-wrapper ol a:hover, .footbar .footbar-column-wrapper .col .col-wrapper ol a:focus { text-decoration: underline; } .footbar .footbar-column-wrapper .col .col-wrapper .calendar-date-container { float: left; width: 25%; } .footbar .footbar-column-wrapper .col .col-wrapper .calendar-date-container .calendar-date { display: inline-block; float: left; background: white; height: 60px; width: 60px; line-height: 60px; border-radius: 50%; border: 1px solid #daeaf2; margin-right: 2em; } .footbar .footbar-column-wrapper .col .col-wrapper .calendar-date-container .calendar-date .month { display: block; text-transform: uppercase; color: #4a5458; font-size: 12px; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; text-align: center; line-height: 1; margin: .75em 0 0 0; } .footbar .footbar-column-wrapper .col .col-wrapper .calendar-date-container .calendar-date .day { display: block; color: #c5d1da; font-family: "Georgia", serif; font-size: 38px; font-weight: 100; text-align: center; margin: -.5em 0 0 0; } .footbar .footbar-column-wrapper .col .col-wrapper .calendar-snippet { width: 75%; float: left; margin-top: -1em; margin-bottom: 1em; } .footbar .footbar-column-wrapper .col .col-wrapper .news-snippet { margin-bottom: 1em; } .footbar .footbar-column-wrapper .col .col-wrapper .calendar-snippet, .footbar .footbar-column-wrapper .col .col-wrapper .featured-snippet, .footbar .footbar-column-wrapper .col .col-wrapper .news-snippet { color: #6e6e6e; } .footbar .footbar-column-wrapper .col .col-wrapper .calendar-snippet h3, .footbar .footbar-column-wrapper .col .col-wrapper .featured-snippet h3, .footbar .footbar-column-wrapper .col .col-wrapper .news-snippet h3 { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; margin-bottom: 0.2em; line-height: 140%; font-size: 1.1em; } .footbar .footbar-column-wrapper .col .col-wrapper .calendar-snippet h3 p, .footbar .footbar-column-wrapper .col .col-wrapper .featured-snippet h3 p, .footbar .footbar-column-wrapper .col .col-wrapper .news-snippet h3 p { line-height: 140%; } .footbar .footbar-column-wrapper .col .col-wrapper .calendar-snippet h3 a, .footbar .footbar-column-wrapper .col .col-wrapper .featured-snippet h3 a, .footbar .footbar-column-wrapper .col .col-wrapper .news-snippet h3 a { color: #2c6696; } .footbar .footbar-column-wrapper .col .col-wrapper .calendar-snippet h3 a:hover, .footbar .footbar-column-wrapper .col .col-wrapper .calendar-snippet h3 a:focus, .footbar .footbar-column-wrapper .col .col-wrapper .featured-snippet h3 a:hover, .footbar .footbar-column-wrapper .col .col-wrapper .featured-snippet h3 a:focus, .footbar .footbar-column-wrapper .col .col-wrapper .news-snippet h3 a:hover, .footbar .footbar-column-wrapper .col .col-wrapper .news-snippet h3 a:focus { text-decoration: underline; } .footbar .footbar-column-wrapper .col .col-wrapper .featured-snippet h4{ margin:0 0 0.5em 0; font-style:italic; padding:0; } .footbar .footbar-column-wrapper .col .btn { font-size: 13px; } .footbar .footbar-column-wrapper .col:first-child .col-wrapper { padding-left: 0; } .footbar .footbar-column-wrapper #column-featured-updates, .footbar .footbar-column-wrapper #column-training-calendar, .footbar .footbar-column-wrapper #column-ist-news { width: 33%; } @-moz-document url-prefix() { .footbar {margin-top: -8px; } } /* Footer --------------------------------------- */ footer { width: 100%; color: #f1f6f8; font-size: .9em; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; min-height: 100px; overflow: hidden; } footer .external { display:none !important; } footer p a, footer a { color: #f1f6f8; } footer a:hover, footer a:focus { text-decoration: underline; } footer .master-plate { float: left; display: inline; padding: 25px 56px; margin-right: 3em; margin-top: 2em; margin-bottom: 2em; background-image: url(images/bu-master-logo.png); background-repeat: no-repeat; background-size: 112px 50px; } footer .contact-info { float: left; display: inline; width: 80%; margin-top: 2em; margin-bottom: 2em; } footer .contact-info h2 { position: absolute; left: -9999em; } footer .contact-info ul { margin: 0; padding: 0; list-style: none; } footer .contact-info ul li { display: inline-block; margin-right: 1em; } footer .contact-info ul li a { color: #f1f6f8; } footer .contact-info ul li .ss-icon { color: #555555; margin-right: 1em; display: inline-block; } footer .contact-info ul li .ss-icon.small { font-size: 6px; margin-right: 2.5em; } footer .contact-info ul li .tw { margin-top: -6px; font-size: 1.25em; display: block; width: 16px; height: 16px; margin-right: 8px; } footer .contact-info .fmeta, footer .contact-info .ss-icon { float: left; } footer .social-media { float: right; display: inline; text-align: right; margin-top: 0; margin-bottom: 2em; } footer .social-media h2 { position: absolute; left: -9999em; } footer .social-media ul { margin: 0; padding: 0; list-style: none; } footer .social-media ul li { float: right; display: inline; margin-left: .7em; position: relative; padding-top: 12px; margin-top: -12px; } footer .social-media ul li ul { position: absolute; z-index: 99; visibility: hidden; right: -3px; background: white; padding: 1em; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.07); width: 200px; bottom: 46px; font-size: .8em; } footer .social-media ul li ul li { display: block; float: left; width: 50% !important; text-align: left; padding: 4px 0; margin: 0; } footer .social-media ul li ul li a { height: auto; padding: 0; position: relative; } footer .social-media ul li ul:after { content: " "; width: 1em; height: 1em; display: block; position: absolute; bottom: -.4em; right: 1em; border-radius: 0; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); background: white; } footer .social-media ul li:hover ul, footer .social-media ul li.hover ul { visibility: visible; } footer .social-media ul li.twitter ul li a { color: #3890d3; } footer .social-media ul li.rss ul li a { color: #dc7329; } footer .footerBrand { float: left; margin: 40px 40px 0 0;} .footerBrand-logo-lg { display: block; } @media screen and (max-width: 768px) { .footerBrand-logo-lg { display: none; } } .footerBrand-logo-sm { display: none; } @media screen and (max-width: 768px) { .footerBrand-logo-sm { display: block; } } /* Media Queries to Accomidate Brand Update (2017) --------------------------------------- */ @media screen and (min-width: 1080px) { footer .contact-info { width:80%; } } @media screen and (max-width: 768px) { footer .contact-info { margin-left: 20px; font-weight: bold;} } @media screen and (max-width: 768px) { footer .social-media { float: left!important; margin: -5px 0 20px 36px!important; } } @media screen and (max-width: 768px) { footer .footerBrand { margin: 40px 40px 0 20px; } } /* FAQ Finder --------------------------------------- */ .content .columns-2.faq-finder { min-height:inherit; padding:10px 0 20px 0; } .content .columns-2.faq-finder p { margin:0; } .faq { margin-top: 1.5em; margin-bottom: 1em; } .faq .bu-drilldown-headings { height: 2.5em; } .faq .bu-drilldown-headingbar li { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100; font-size: 1.10em !important; color: #cccccc; } .faq .bu-drilldown-headingbar li .step { background: #3f484b; } .faq .bu-drilldown-headingbar li .number { text-shadow: 0 1px 1px #282d2f; } .faq .bu-drilldown-headingbar li .topic { color: white; } .faq .bu-drilldown-wrapper a { cursor: pointer; font-size: 13px !important; line-height: 135%; } .faq .bu-drilldown-wrapper .scrollcontainer { border-right: 1px solid #ececec; border-left: 1px solid white; } .faq .bu-drilldown-wrapper .scrollcontainer:first-child { border-left: 0px; } .faq .action-bar { background: #566267; height: 3em; text-align: right; } .faq .action-bar .btn { margin: 9px 23px; } .faq-button-go { width: 8px; } /* Tables --------------------------------------- */ table { border-collapse: collapse; border: 1px solid #dfdfdf; width: 100%; font-size: 90%; } table caption { position: absolute; left: -9999em; } table tr:nth-child(2n) { background: #F7F7F7; } table th { font-family: "BentonSansRegular", "Arial", "Lucida Grande", sans-serif; text-align: left;} table thead tr th { text-align: left; font-size: 1em; /*border-right: 1px solid #dfdfdf;*/ padding: 0.25em 0.75em; color: #4a5458; } table thead tr th h1 { color: #000 !important; font-size: 1.3em !important; text-align: left; } /*table thead tr th:last-child { border-right: none; } */ table tr td { /*border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;*/ padding: 1em 0.75em; text-align: left; line-height: 1; } table.condensed tr td, table.condensed tr th { padding:0.5em; line-height:125%;} table tbody th { background-color:#e1e6e9; padding-left:0.75em; box-shadow: inset 0 -1px 0 white; } table tr td:first-child { text-align: left; } table tr td:last-child { border-right: none; } table thead tr { background-color:#e1e6e9; } table tr.header { background: #ecf4f7; color: #2c6696; } table.lines{ border: solid 1px #e1e6e9; } table.lines tr { background:none; } table.lines td { border-bottom: solid 1px #e1e6e9; } table.lines th { background-color:#e1e6e9; } table.data-pricing { border-collapse: collapse; border: 1px solid #dfdfdf; width: 100%; } table.data-pricing caption { display: none; } table.data-pricing tr th { text-align: center; font-size: 1em; font-family: "BentonSansRegular", "Arial", "Lucida Grande", sans-serif; /*border-right: 1px solid #dfdfdf;*/ padding: .25em .75em; color: #2c6696; } table.data-pricing tr th h1 { color: #566267 !important; font-size: 1.3em !important; text-align: left; } table.data-pricing tr th:last-child { border-right: none; } table.data-pricing tr td { border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; padding: .75em; text-align: center; } table.data-pricing tr td:first-child { text-align: left; } table.data-pricing tr td:last-child { border-right: none; } table.data-pricing tr.header { background: #ecf4f7; color: #2c6696; } /*table tbody tr td {-moz-transition: all 100ms ease-out; -webkit-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} table tbody tr:hover td:first-child{ border-left:solid 2px black;}*/ table tbody tr:hover{background-color:#FFFEDD;} /*table tbody tr:hover td:last-child{ border-right:solid 2px black;}*/ table tr.section-heading th { background-color: #2c6696; color:#fff; /*font-weight:100;*/ box-shadow:none;} table tr.section-heading th a { color: #9dbd2f; } /* Buttons --------------------------------------- */ .btn { border: 0; display: inline-block; position: relative; height: 30px; line-height: 30px; font-size: 13px; padding: 0 20px 0 10px; margin-right: 16px; text-decoration: none !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100 !important; color: white !important; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); } .btn.btn-more:after{ content: "\e00c"; font-family: 'TW Regular' !important; display: inline-block; font-size: 13px; padding: 0 8px; height: 30px; line-height: 30px; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; color: white !important; margin-left: 8px; position: absolute; top: 50%; margin-top: -15px; } .btn-green { background: #9dbd2f; height:auto; line-height: 1.2em; padding:.5em 2.3em .5em 1em;} .container .content input[type="submit"] { border: 0; display: inline-block; position: relative; height: 30px; line-height: 30px; font-size: 13px; padding: 0 20px 0 10px; margin-right: 16px; text-decoration: none !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100 !important; color: white !important; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); background: #9dbd2f; height:auto; line-height: 1.2em; padding:1em 2.5em;} .btn-green.btn-more:after { background: #93b12c; line-height: 1.2em; top:0;bottom:0;right:0;padding:.4em; margin-top:0;height:auto;padding-top:0.5em;} .btn-green.btn-more.disabled, .btn-green.btn-more.disabled:after, .btn-green.btn-more.disabled:hover, .btn-green.btn-more.disabled:hover:after { background: #757a63; } .btn-blue { background: #4babe9; } .btn-blue.btn-more:after { background: #3890d3; } .btn-blue.btn-more.disabled, .btn-blue.btn-more.disabled:after, .btn-blue.btn-more.disabled:hover, .btn-blue.btn-more.disabled:hover:after { background: #758896; } .btn-orange { background: #d55b19; height:auto; line-height: 1.2em; padding:.5em 2.3em .5em 1em;} .btn-orange.btn-more:after { background: #c45417; line-height: 1.2em; top:0;bottom:0;right:0;padding:.4em; margin-top:0;height:auto;} .btn-orange.btn-more.disabled, .btn-orange.btn-more.disabled:after, .btn-orange.btn-more.disabled:hover, .btn-orange.btn-more.disabled:hover:after { background: #9a6d54; } .btn-green:hover, .btn-green:focus { background: #acce38; } .btn-green.btn-more:hover:after, .btn-green.btn-more:focus:after { background: #a0c130; } .btn-blue:hover, .btn-blue:focus { background: #62b6ec; } .btn-blue.btn-more:hover:after, .btn-blue.btn-more:focus:after { background: #50adea; } .btn-orange:hover, .btn-orange:focus { background: #e56722; } .btn-orange.btn-more:hover:after, .btn-orange.btn-more:focus:after { background: #da5d1a; } .btn span.icon { display:inline-block; margin-right:.6em; margin-top:; } .btn.link { background: transparent; color: #3890d3 !important; text-shadow: none; font-weight: 100; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-decoration: underline !important; } .btn.link:hover { text-decoration: none !important; } .btn.link:after, .btn.link.btn-more:after { display: none; } .btn.disabled:hover, .btn.disabled:hover:after { cursor: default; } #form-controls { display: inline-block !important; } .button.nomore { border-right: 0px !important; } .close-button { float: right; display: inline-block; font-style: italic; font-family: "Georgia", serif; font-size: .9em; } .close-button a { color: #c5b562; } .close-button .ss-icon { font-size: 1.2em; color: inherit; display: inline-block; float: right; margin-top: -16px; margin-left: 4px; } .gform_wrapper input[type='submit'].gform_button { border: 0; display: inline-block; position: relative; height: 30px; line-height: 30px; font-size: 13px; padding: 0 20px 0 10px; margin-right: 16px; text-decoration: none !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: 100 !important; color: white !important; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); background: #9dbd2f; height:auto; line-height: 1.2em; padding:.5em 1em; } @-moz-document url-prefix() { .close-button .ss-icon { margin-top: 0; } } /* Icons --------------------------------------- */ .tw { font-style:normal; font-family: 'TW Regular'; line-height: 26px !important; -webkit-font-smoothing: antialiased; } .external { line-height: 100% !important; padding-left: 3px; font-size: .85em; -webkit-opacity: .6; -moz-opacity: .6; -ms-opacity: .6; -o-opacity: .6; opacity: .6; text-decoration: none !important; } #subnavigation .icon.external { float: right; } .button .external { display: none; } .ss-icon { text-shadow: none !important; } /* WordPress core --------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .edit-link { background: #FFFBCC; padding: .5em 1em; text-align: center; border: 1px solid #E0CE71; width: auto;right:23px;position: absolute;margin-top: -50px;} .landing-page .edit-link { margin-top:-25px; right:30px; } #TB_overlay { z-index: 9000 !important;} #TB_window { z-index:9500 !important;} /* Accessibility --------------------------------------- */ #jump_links { margin: 0; padding: 0; list-style: none; } #jump_links li a { display: block; padding: 1em; font-size: 1.2em; position: absolute; z-index: 99999; left: -9999em; top: 0; width: 100%; text-align: center; background: #3890d3; } #jump_links li a:focus { left: 0px; position: relative; color: white; } .a11y-only{ position: absolute !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; height: 1px !important; width: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; } .a11y-helper-text { position: absolute; left: -9999em; } .a11y-jump-link { position: absolute; top: 0px; left: -9999em; z-index: 99999; margin: 0; padding: 10px 0; text-align: center; } .a11y-jump-link:focus { top: 0; } .a11y-bc-alert { position: absolute; left: -9999em; } .focusable:focus { outline: none; } .offset { position: absolute; left: -9999em; } /* Mobile --------------------------------------- */ .mobile { display: none; } #toggle_mobile_menu { display: none; } .tm_calendar_responsive { display: none; } /* --------------------------------------- ----------- 1020 Search sizing ----------- --------------------------------------- */ @media screen and (max-width: 1020px) { header .search-help .search-text { width: 15em !important; } } /* --------------------------------------- ------- Logo adjustments (< 980 px) ------ --------------------------------------- */ @media screen and (max-width: 980px) { html { overflow-x: hidden; } header { height: auto; } header .site-title { float: left; display: block; width: 270px; height: 62px; background: none; margin-top: 0; margin-bottom: 0; padding: 1em; padding-left: 0; line-height: 140%; } header .site-title a { display: block; width: 270px; height: 36px; margin-top: 13px; } header .site-title .mobile { display: block; max-width: 100%; } header .site-title .desktop { display: none; } .alert { margin-top: 0; } #home-navigation, #navigation { display: block; } #home-navigation .nav-list li { font-size: .9em; } #navigation { margin-top: 0; margin-bottom: -1px; height: auto; } .subnav-content .subnavigation-sidebar-container #subnavigation ul li a { font-size: .75em; } .subnav-content .content .bu-callout { width: 45%; } footer .contact-info { margin-top: 2.5em; margin-bottom: 2em; font-size: .8em; width: 75%; } footer .contact-info ul li { float: left; } footer .contact-info ul li.contact-link .ss-icon { display: none; } footer .contact-info ul li.contact-link:first-child { clear: left; } footer .social-media {margin-top: 0;} footer .social-media .bubble-content { right: 0 !important; } footer .social-media .bubble-content .indicator { right: .5em !important; } } /* --------------------------------------- ------------ All mobile (< 768) ---------- --------------------------------------- */ @media screen and (max-width: 768px) and (min-width: 320px) { #jump_links { display: none; } .container { width: 100%; padding-left: 0; padding-right: 0; } #toggle_mobile_menu { display: block; } header { background: transparent; height: auto !important; } header .site-title { float: none; display: block; width: auto; height: 34px; background: none; margin-top: 0; padding: 1em; background: #f1f6f8; line-height: 140%; } header .site-title a { margin-top: 0px; } header .search-help { border-top: 4px solid #d9e7ec; float: none; display: block; width: 100%; max-width: 100%; min-width: 100%; background: #000; } header .search-help .search-container { display: -webkit-box; display: -moz-box; display: box; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; box-pack: center; width: 100%; top: auto !important; position: relative !important; float: none; padding-top: .75em; padding-bottom: .6em; } header .search-help .search-container .menu-button { -webkit-box-flex: 0; -moz-box-flex: 0; -ms-box-flex: 0; box-flex: 0; margin-left: 16px; height: 32px; width: 32px; } header .search-help .search-container .menu-button a { background: #3890d3; border-right: 0; padding: 0 !important; height: 32px; width: 32px; line-height: 150%; text-align: center; margin: 0 !important; font-size: 1em !important; } header .search-help .search-container .menu-button a .button-text { text-indent: -9999em; position: absolute; } header .search-help .search-container .menu-button a .ss-icon { line-height: 33px !important; } header .search-help .search-container .search { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; margin-left: 16px; height: 32px; } header .search-help .search-container .search .search-text { width: 98% !important; height: 2.1em; line-height: 2.1em; padding: 0 0 0 2%; font-size: 16px; } header .search-help .search-container .get-help { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; width: 32px; height: 32px; margin-left: 16px; margin-right: 16px; } header .search-help .search-container .get-help a { background: #93b12c; border-right: 0; padding: 0 !important; height: 32px; width: 32px; line-height: 190%; text-align: center; margin: 0 !important; font-size: 1em !important; } header .search-help .search-container .get-help a .button-text { text-indent: -9999em; position: absolute; } header .search-help .search-container .get-help a .ss-icon { position: relative !important; font-size: 1em !important; right: 0 !important; top: .20em !important; } header .search-help .search-container .get-help a .indicator { display: none; } .alert { margin-bottom: -3px; margin-top: 1px; font-size: .90em !important; } .alert.info-message { display: none !important; } .alert .container .clearfix { display: -webkit-box; display: -moz-box; display: -ms-box; display: box; } .alert .alert-title-icon { -webkit-box-flex: 0; -moz-box-flex: 0; -mx-box-flex: 0; box-flex: 0; margin: 0 1em 0 1em; width: 45px; font-size: .85em; } .alert .alert-title-icon h1 { width: 45px; height: 45px; margin-top: 1em; margin-left: 0; } .alert .alert-title-icon .tw { font-size: .75em; top: 21% !important; left: 9% !important; } .alert .alert-list { -webkit-box-flex: 1; -moz-box-flex: 1; -mx-box-flex: 1; box-flex: 1; width: auto; margin-top: 1.25em; margin-bottom: 0; } .alert .alert-list h2 { font-size: 1em; margin: 0 !important; } .alert .alert-list ul { display: block !important; } .alert .alert-list ul li p { position: relative; margin-bottom: 1em !important; } .alert .alert-list ul li.two { clear: left !important; width: 95% !important; display: block; margin-left: 0 !important; } .alert .close-button { -webkit-box-flex: 0; -moz-box-flex: 0; -ms-box-flex: 0; box-flex: 0; width: 45px; margin-top: 1em; margin-right: 1em; text-align: right; margin-left: 0; } .hero { margin-top: 2px; } #home-navigation { padding-bottom: 0px; } #home-navigation .nav li { text-align: center; font-size: 1.5em; } #home-navigation .nav li .nav-item-wrapper { padding: 0; } #home-navigation .nav li .nav-item-wrapper a { border-left: 1px solid #2a7ebd !important; border-right: 1px solid #55a0d9 !important; margin: 0px !important; height: auto !important;} #home-navigation .nav li .nav-item-wrapper a .tw { font-size: 2em !important; margin: 0 auto .1em; line-height: 100%; /* width: 100%; */ text-align: center; display: block; } #home-navigation .nav li .nav-item-wrapper a .ss-icon { float: none; } #home-navigation .nav li .nav-item-wrapper a:hover { background-color: transparent !important; } #home-navigation .nav li .nav-item-wrapper .indicator { display: none !important; } #home-navigation .nav li .nav-item-wrapper a:after { display: none; } #home-navigation .nav li:last-child a { border-right: 0px !important; } #home-navigation .nav-list { width: 100% !important; float: none; display: block; padding-bottom: 1.5em; } #home-navigation .nav-list .inner-wrapper { margin: 0 !important; min-width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; } #home-navigation .nav-list .list-heading { border-bottom: 0px !important; text-align: center; padding-top: .5em; border-bottom: 0px; } #home-navigation .nav-list ul { margin: 0 !important; padding: 0 !important; } #home-navigation .nav-list ul li { border-bottom: 0px !important; float: left; display: inline; width: 25%; font-size: 1em; text-align: center; } #home-navigation .nav-list ul li:last-child { display: none; } #home-navigation .nav-list ul li a { font-size: .8em !important; /*letter-spacing: -1px;*/ margin: 0 3px; } #home-navigation .nav-list ul li a .ss-icon { display: block !important; float: none !important; margin: 0 auto .25em auto !important; width: 1.5em !important; height: 1.5em !important; font-size: 1.8em !important; line-height: 1.5em !important; text-align: center; } #home-navigation .nav-list .btn { position: absolute; left: -9999em; } #home-navigation .nav-list.services, #home-navigation .nav-list.about-ist { display: none !important; } #home-navigation .nav-list-container .nav-list ul li a span.inner { display: inline-block; margin:auto; max-width:100px; font-size: 0.9em; line-height: 1.1em; } #home-navigation .nav-list-container .nav-list ul li a:before{ content: ""; border-right:solid 1px #e5e5e5; position: absolute; height: 35px; padding:5px 0;top:42px;margin-left:12.5%;} #home-navigation .nav-list-container .nav-list ul li:last-child a:before{ border:none; } nav#navigation { display: none; border-bottom: 4px solid #2a7ebd; height: auto; } nav#navigation .container { width: 100%; position: relative; } nav#navigation .container .nav { width: 100%; border-top: 1px solid #55a0d9; display: -webkit-box; display: -moz-box; display: box; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; box-pack: center; } nav#navigation .container .nav li { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; display: block; font-size: 1em; margin-bottom: 0; width: 33.3333333%; float: left; background: transparent !important; } nav#navigation .container .nav li a { border-left: 0; height: 1em; font-size: 100% !important; line-height: 1em; text-align: left; padding: 1em 1.1em; display: block; width: auto; margin: .4em 1em; background: #2c83c6; border-radius: 4px; border: 0px; } nav#navigation .container .nav li a .nav-title { background: transparent !important; position: relative !important; top: auto !important; } nav#navigation .container .nav li a .ss-icon { margin: -.25em .25em 0 0 !important; color: #2c83c6; font-size: 1.7em; } nav#navigation .container .nav li a:after, nav#navigation .container .nav li .indicator { display: none !important; } nav#navigation .container .nav li:first-child { border: 0px; } nav#navigation .container .nav li:first-child a .ss-icon, nav#navigation .container .nav li:first-child a .tw { line-height: 28.5px !important; } nav#navigation .container .nav li:last-child { border-right: 0; } nav#navigation .container .nav li.current-menu-item a { background: #4d9cd8; } nav#navigation .container .nav li.current-menu-item a .ss-icon, nav#navigation .container .nav li.current-menu-item a .tw { color: #4d9cd8; } nav#navigation .container:before { content: ""; width: 12px; height: 12px; background: #3890d3; position: absolute; top: -6px; left: 26px; z-index: 99; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } nav#navigation.fixed { top: auto; } .subnav-content { margin-top: 0; } .subnav-content p.edit-link { display: none !important; } .subnav-content.bump { margin-top: 0; } .subnav-content .page-title-breadcrumb { margin-top: 0 !important; border-bottom: 0px !important; margin-bottom: 2em !important; } .breadcrumb-fadeout { display:none; } .subnav-content .page-title-breadcrumb .breadcrumb { float: none !important; max-width: 100% !important; min-width: 100% !important; width: 100% !important; margin-top: 0 !important; margin-right: 0 !important; text-align: left !important; background: #e1e6e9 !important; border-bottom: 1px solid #d5d9da; border-top: 1px solid #d5d9da; overflow: hidden; font-size: 1.1em; } .subnav-content .page-title-breadcrumb .breadcrumb ul { margin-top: 0px !important; margin-bottom: -3px !important; white-space: nowrap; padding: 0 .25em 0 .25em; } .subnav-content .page-title-breadcrumb .breadcrumb ul li { display: none; margin-right: 0px !important; cursor: pointer; } .subnav-content .page-title-breadcrumb .breadcrumb ul li a { display: inline-block; padding: 0 .75em 0 1em !important; background: transparent !important; font-style: italic; position: relative; font-size: .75em !important; border: 0px !important; border-radius: 0px !important; text-shadow: 0 1px 0 white; color: #7a8d91; height: 28px; line-height: 27px; } .subnav-content .page-title-breadcrumb .breadcrumb ul li a.navbar-expanded { line-height: normal; padding: 8px 0 12px 0 !important; } .subnav-content .page-title-breadcrumb .breadcrumb ul li a:not(.navbar-expanded):before { content: " "; display: block; border-top: 1px solid #d5d9da; border-right: 1px solid #d5d9da; background: #e1e6e9; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); position: absolute; top: 50%; margin-top: -10px; left: 100%; z-index: 2; width: 18px !important; height: 18px !important; margin-left: -18px !important; border-radius: 0 !important; } .subnav-content .page-title-breadcrumb .breadcrumb ul li a:not(.navbar-expanded):after { content: " "; display: block; position: absolute; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); top: 50%; left: 100%; z-index: 1; border-top: 1px solid white; border-right: 1px solid white; width: 18px !important; height: 18px !important; border-radius: 0 !important; margin-top: -10px !important; margin-left: -17px !important; background: transparent !important; } .subnav-content .page-title-breadcrumb .breadcrumb ul li a:hover { background: transparent !important; } .subnav-content .page-title-breadcrumb .breadcrumb ul li:after { display: none; } .subnav-content .page-title-breadcrumb .breadcrumb ul li.current a { background: transparent !important; } .subnav-content .page-title-breadcrumb .breadcrumb ul li.navbar-expanded:not(:last-child) { background: url("images/navbar-mobile-divider.png") no-repeat center bottom; } .subnav-content .page-title-breadcrumb .breadcrumb ul li:first-child { display: inline; } .subnav-content .page-title-breadcrumb .breadcrumb ul li:last-child { display: inline; } .subnav-content .page-title-breadcrumb .breadcrumb ul li:last-child a.navbar-expanded:last-child { padding: 8px 0 5px 0 !important; } .subnav-content .page-title-breadcrumb .breadcrumb ul li.border-bottom { border-bottom: solid 1px grey; } .subnav-content .page-title-breadcrumb .breadcrumb ul li.tw-bc-home .tw { padding-right: 0; line-height: 22px !important; } .subnav-content .page-title-breadcrumb #breadcrumbwrapper.expanded { -webkit-box-shadow: 0px 5px 20px #999; -moz-box-shadow: 0px 5px 20px #999; box-shadow: 0px 5px 20px #999; position: absolute; left: 0px; right: 0px; z-index: 999; } .subnav-content .page-title-breadcrumb #breadcrumbouterwrapper { min-height: 27px; } .subnav-content .page-title-breadcrumb .page-title { margin-top: 2em !important; min-width: 100%; float: none; } .subnav-content .page-title-breadcrumb .page-title h1 { opacity: 1; margin: 0 .5em !important; } .subnav-content .page-title-breadcrumb .page-title .post-alias { margin-left: 1.2em !important; } .subnavigation-sidebar-container { display: block; float: none; width: 100% !important; } .subnavigation-sidebar-container.support-landing { margin-top: 0; } .subnavigation-sidebar-container #sidebar { position: relative; top: auto; } .subnavigation-sidebar-container #sidebar #subnavigation { display: none; } .subnavigation-sidebar-container #sidebar .widget .widgettitle:after { left: 8px; } .subnavigation-sidebar-container #sidebar .widget ul li, .subnavigation-sidebar-container #sidebar .widget ol li { background-position: 12px 49%; padding-left: 24px; } .subnavigation-sidebar-container #service-list-controls { display: none; } .tree-list.subnavigation-sidebar-container #service-list-controls { display: block;} #closebreadcrumb { background-color: #c4cdd3; text-align: center; display: none; color: white; padding: 5px 0; cursor: pointer; } #closebreadcrumb div { background-color: #a6b5be; border-radius: 50%; width: 15px; height: 15px; position: relative; margin: auto; font-size: 13px; font-weight: bolder; line-height: 13px; padding-left: 1px; } #closebreadcrumb div a { color: white; } #sidebar-contact { display: block; float: none; padding: 0 10px; } #sidebar-contact .module-secondary { width: auto; } #sidebar-contact .module-secondary .icon-list li .tw { width: auto; height: auto; color: #4a5458; background: transparent; padding: 0; } #sidebar-contact .module-secondary dl dt { float: none; display: block; width: 100%; margin-right: 0; } #sidebar-contact .module-secondary dl dd { float: none; display: block; margin-bottom: .25em; } #sidebar-contact .btn.btn-blue .external { display: none !important; } .flex { display: block; } .content { clear: left; width: 100%; float: none; overflow: auto;} .content #content .bu-callout { width: 40%; margin-left: 2em; } .content #content .entry { padding-left: 1em !important; padding-right: 1em !important; } .content #content .entry div.support-block { width:100%; margin:0; } .content #content .entry div.support-block:nth-child(2n)>div { margin: 0;} .content #content .entry .form-controls { display: block; padding: 1em; background: #ecf4f7; font-size: .85em; } .content #content .entry .form-controls fieldset { border: 0px; padding: 0; margin: 0; } .content #content .entry .form-controls fieldset legend { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; margin: 0; padding: 0; } .content #content .entry .form-controls fieldset label { display: block; } .content #content .entry .form-controls fieldset fieldset { width: 50%; float: left; } .content #content .entry .form-controls fieldset fieldset legend { padding-top: 1.5em; } .content #content .entry .form-controls .button-row { margin-top: 1.5em; float: left; margin-right: 1em; } .content #content .entry .form-controls .service_view_control { float: left; margin-top: 1.65em; } .content #content .entry .form-controls .btn.link { float: right; margin-top: 1.2em; font-size: 1em; } .content #content .entry .steps .step-number { width: auto; } .content #content .entry .steps .step-number h2 { margin: 1em 0.5em 0.5em 0 !important; } .content #content .entry .steps .instructions { width: 85%; } .content #content .entry .steps .controls { clear: left; width: 100%; } .content #content .entry .steps .controls .contact-field, .content #content .entry .steps .controls .form-submit-to { margin-top: .25em; margin-bottom: 0; font-size: 1em; width: auto; max-width: 100%; } .content #content .entry button.mobile { display: inline-block; } .content .bu-callout { font-size: 1em; } .content .entry .wizard-blocks div.block { display:block; width:100% !important; margin:1em 0;} .content .entry .wizard-blocks div.block:first-child { margin-top:0; } .content .entry .wizard-blocks div.block>div { padding: 0 !important; } .content .entry .wizard-blocks div.block:nth-child(n+5)>div { margin-top: 0; } .tree-list#all-services-page .services-hierarchy>div.page_item { float:none; display: block; width:auto; } .footbar .col { width: 100% !important; margin-left: 0; margin-bottom: 0 !important; margin-top: 0 !important; border-top: 1px solid white; border-bottom: 1px solid #b5d6ef; padding-top: .75em; padding-bottom: .5em; } .footbar .col .column-wrapper, .footbar .col .col-wrapper { min-width: 100%; padding-right: 0 !important; padding-left: 0 !important; } .footbar .col h2 { text-align: center; margin-bottom: 0; margin-top: .5em; } .footbar .col ul { margin: 0; padding: 0; width: 100%; } .footbar .col ul li { display: none; margin: 1em 0 !important; padding-left: 2em; padding-right: 2em; } .footbar .col ul li .calendar-date-container { float: none !important; width: 100% !important; } .footbar .col ul li .calendar-date-container .calendar-date { background: transparent !important; display: inline; float: none !important; padding: 0 !important; border: 0 !important; margin-right: 0 !important; margin-bottom: 0; height: auto !important; width: auto !important; line-height: 1em !important; border-radius: 0 !important; } .footbar .col ul li .calendar-date-container .calendar-date .month { font-family: "Georgia", serif !important; font-style: italic !important; display: inline !important; text-transform: none !important; font-weight: 100 !important; text-align: left !important; } .footbar .col ul li .calendar-date-container .calendar-date .day { font-family: "Georgia", serif !important; font-style: italic !important; display: inline !important; color: #4a5458 !important; font-size: .8em !important; font-weight: 100 !important; text-align: left !important; padding-left: .25em !important; } .footbar .col ul li .calendar-snippet { width: 100% !important; } .footbar .col ul li .calendar-snippet h3 { margin-bottom: 0 !important; } .footbar .col ul li .calendar-snippet p { margin-top: .1em; } .footbar .col ul li .featured-snippet h3 { margin-bottom: 0; } .footbar .col ul li .featured-snippet p { margin-top: 0; } .footbar .col ul li:first-child { display: block; } .footbar .col ul#ist_news .news-snippet h3 { margin-bottom: .8em; } .footbar .col .button-row { display: none; } .footbar .col:first-child { border-top: 0px; } .footbar .col:last-child { margin-top: 1px; } footer .ss-icon { display: none !important; } footer .contact-info { margin-top: 1.6em; margin-bottom: 1.1em; } footer .contact-info ul li { display: block; margin-bottom: 0.5em; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } footer .contact-info ul li:nth-child(n+3) { sans-serif; display: inline-block; } footer .contact-info ul li:nth-child(3) { clear: left; } footer .social-media { clear: both; float: right; margin-top: -37px; margin-bottom: 0; margin-left: 0; position: relative; left: -18px; width: auto; } footer .social-media ul { text-align: center; width: 100%; margin: 0 auto; } footer .social-media ul li { margin-left: 6px; width: 25px; height: inherit; } footer .social-media ul li a { height: 20px !important; width: 20px !important; } footer .social-media ul li a img { width: 100%; } footer .social-media ul li .bubble-content { display: none; } #homepage .menu-button { display: none; } nav#home-navigation .nav li a { padding: 22px !important; } nav#navigation .indicator { display: none; } nav#navigation .nav li { width: auto !important; } nav#navigation .nav li a { border: 0px; } nav#navigation .nav li:last-child { border-right: 0px; } nav#navigation .nav li:hover, nav#navigation .nav li:focus { background: #3890d3; } nav#navigation ul#contentnavlist { background: #3890d3; list-style: none; clear: both; margin: 0 auto; padding: 0; border-bottom: 0px solid #2a7ebd; } nav#navigation ul#contentnavlist li a { color: #e7eff3; display: block; border-top: 1px solid #2a7ebd; padding: .65em 1.2em; } nav#navigation ul#contentnavlist li a .expand, nav#navigation ul#contentnavlist li a .collapse { display: none; } nav#navigation ul#contentnavlist li.current_page_item a { color: white; } footer .social-media { margin-top: -100px; } .tm_calendar { display: none; } .tm_calendar_responsive { display: block; } } /* --------------------------------------- -------- Vert tablet (768 - 640px) ------- --------------------------------------- */ @media screen and (max-width: 768px) and (min-width: 640px) { #home-navigation .nav { height: 107px; } #home-navigation .nav-list-container .nav-list ul li a:before{ } #home-navigation .homenav .menu-item span.ss-icon.tw:before { font-size: 0.9em; vertical-align: top; } } /* --------------------------------------- -------------- Med (< 640px) ------------- --------------------------------------- */ @media screen and (max-width: 640px) { .hero { display: none; } .nav-container { height: auto; padding: 20px 0; } nav#home-navigation .container .nav li { font-size: 1.25em; } nav#home-navigation .container .nav li a { padding: 0 !important; } nav#navigation .container .nav { font-size: .8em; } nav#navigation .container .nav li a { padding: 1.5em 1.1em !important; } nav#navigation .container .nav li a .ss-icon { font-size: 2em !important; } .content .bu-callout { display: block; margin-left: 0 !important; width: 100% !important; } .content .entry #svc-display-alpha .alpha .letter { width: 100% !important; } .content .entry #svc-display-alpha .alpha .letter h2 { margin: 1em auto 0 auto !important; } .content .entry #svc-display-alpha .alpha .listing { width: 100% !important; } .content #content .entry .bu-list-child-pages>ul.overview>li { width: 100%; } } /* --------------------------------------- -------------- Sm (< 480px) -------------- --------------------------------------- */ @media screen and (max-width: 480px) { .profile-display { margin-bottom: 50px; } .profile-display .profile-thumb { display: block; clear: both; float: inherit; margin: auto; } .profile-display .profile-info { clear: both; } .profile-display dd { max-width: 260px; } .alert { font-size: .80em !important; } nav#navigation #contentnavlist { font-size: .8em; } .content #content .entry .steps { border-top: none; margin-bottom: 0; } .content #content .entry .steps .step-number { display: none; } .content #content .entry .steps .instructions { width: 90%; } .content #content .entry .steps .instructions label { margin-top: .75em; } .content #content .entry .contact-form #c6 { padding-top: 0; } .page-title-breadcrumb .post-alias { margin-left: 1.25em; } .footbar .container .footbar-column-wraper .col:last-child { margin-top: 1px !important; } footer .master-plate { margin: 1.2em !important; padding: 17px 37px; background-image: url(images/bu-master-logo-small.png); background-repeat: no-repeat; background-size: 74px 33px; } footer .contact-info { width: 180px !important; margin-top: 1.7em; } footer .contact-info ul li { padding-bottom: 0; margin-right: 0; margin-top: 0; } footer .contact-info ul li.contact-link { clear: left; margin-right: 1em; display: block;} /* footer .social-media { margin-right: 0; margin-top: -5px; margin-bottom: 15px; width: auto; right: 0; left: 106px; float: left; } */ footer .social-media ul { margin: auto; width: 100%; } footer .social-media ul li { margin-left: 0; margin-right: 10px; } footer .social-media ul li ul { right: -100px; } footer .social-media ul li ul:after { right: 104px; } .faq .action-bar { height:4em; } .faq .action-bar .btn { margin: 5px 5px 0 0; line-height: 1em; } } /* --------------------------------------- -------------- x-Sm (< 360px) ------------ --------------------------------------- */ @media screen and (max-width: 360px) { header .search-help .search-container.search-gray .search-text { padding-left: 4%; width: 96% !important; text-shadow: none; } header .search-help .search-container.search-gray .search-button { top: .3em; } nav#navigation .container .nav { font-size: .65em !important; } nav#navigation .container .nav li a { font-size: 120% !important; text-align: center; height: auto; padding: .5em !important; line-height: 2em; } nav#navigation .container .nav li a .tw { height: 20px; width: 20px; line-height: 23px !important; } nav#navigation .container .nav li a .ss-icon, nav#navigation .container .nav li a .tw { /* display: none; */ font-size: 1.5em !important; margin: .1em auto .2em !important; } nav#navigation .container .nav li:first-child a .tw { line-height: 22px !important; } nav#navigation ul#contentnavlist { list-style: none; clear: both; margin: 0 auto; padding: 0; font-size: .80em; } nav#navigation ul#contentnavlist li a { color: #e7eff3; display: block; border-top: 1px solid #2a7ebd; padding: .65em 1.2em; } nav#navigation ul#contentnavlist li a .expand, nav#navigation ul#contentnavlist li a .collapse { display: none; } nav#navigation ul#contentnavlist li.current_page_item a { color: white; } footer .master-plate { padding: 21px 47px; background-image: url(images/bu-master-logo-full.gif); background-repeat: no-repeat; background-size: 94px 42px; } footer .contact-info ul { margin-top: -10px; } footer .contact-info ul li { padding-bottom: 0; margin-right: 0; margin: 5px 0; } footer .contact-info ul li.contact-link { clear: left; margin-right: 1em; } /* footer .social-media { margin-right: 0; margin-top: -5px; margin-bottom: 15px; width: auto; right: 0; left: 132px; float: left; } */ footer .social-media ul { margin: auto; width: 100%; } footer .social-media ul li { margin-left: 0; margin-right: 10px; } footer .social-media ul li ul { right: -100px; } footer .social-media ul li ul:after { right: 104px; } } /* Animations --------------------------------------- */ body#homepage nav li .indicator { -webkit-animation-name: slidedown; -webkit-animation-duration: 2500ms; -webkit-animation-iteration-count: 1; -moz-animation-name: slidedown; -moz-animation-duration: 2500ms; -moz-animation-iteration-count: 1; animation-name: slidedown; animation-duration: 2500ms; animation-iteration-count: 1; } @-webkit-keyframes slideup { 0% { top: -24px; opacity: 0; } 100% { top: 0px; opacity: 1; } } @-moz-keyframes slideup { 0% { top: -24px; color: transparent; text-shadow: 0 0 60px white; -webkit-transition: text-shadow 1s cubic-bezier(0, 0.75, 0, 1); -moz-transition: text-shadow 1s cubic-bezier(0, 0.75, 0, 1); -ms-transition: text-shadow 1s cubic-bezier(0, 0.75, 0, 1); -o-transition: text-shadow 1s cubic-bezier(0, 0.75, 0, 1); transition: text-shadow 1s cubic-bezier(0, 0.75, 0, 1); } 100% { top: 0px; color: white; text-shadow: 0 1px 0 #02070a; -webkit-transition: text-shadow 1s cubic-bezier(0, 0.75, 0, 1); -moz-transition: text-shadow 1s cubic-bezier(0, 0.75, 0, 1); -ms-transition: text-shadow 1s cubic-bezier(0, 0.75, 0, 1); -o-transition: text-shadow 1s cubic-bezier(0, 0.75, 0, 1); transition: text-shadow 1s cubic-bezier(0, 0.75, 0, 1); } } @-webkit-keyframes colorchange { 0% { color: white; } 100% { color: #2c6696; } } @-moz-keyframes colorchange { 0% { color: white; } 100% { color: #2c6696; } } @-webkit-keyframes slidedown { 0% { bottom: 0; } 100% { bottom: -.25em; } } @-moz-keyframes slidedown { 0% { bottom: 0; } 100% { bottom: -.25em; } } @-webkit-keyframes slideupout { 0% { top: 0; opacity: 1; } 100% { top: -100px; opacity: 0; } } @-moz-keyframes slideupout { 0% { top: 0; opacity: 1; } 100% { top: -100px; opacity: 0; } } /* Autocomplete --------------------------------------- */ .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; top: -999em; } #hp_search_form { position: relative; } ul.ui-autocomplete { background-color: white; border-left: 1px solid #4a5458; border-right: 1px solid #4a5458; border-bottom: 1 px solid #4a5458; font-size: 0.8em; list-style: none; margin: 0; max-height: 250px; overflow-y: scroll; padding: 0; position: absolute; top: 34px; width: 339px; z-index: 1000; } ul.ui-autocomplete li { border-bottom: 1px solid #4a5458; position: relative; } ul.ui-autocomplete li a { color: #3890d3; } ul.ui-autocomplete li a:hover { color: white; } ul.ui-autocomplete li span.name { display: block; font-weight: 100; font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; padding: 8px 10px 0 10px; } ul.ui-autocomplete li span.sub { display: block; font-size: .9em; min-height: 17px; padding: 2px 10px 8px 10px; color: #999; } ul.ui-autocomplete li span.match { font-weight: normal; } ul.ui-autocomplete .ui-state-focus { background-color: #3890d3; color: white; display: block; } ul.ui-autocomplete .ui-state-focus span.name, ul.ui-autocomplete .ui-state-focus span.sub, ul.ui-autocomplete .ui-state-focus span.breadcrumb { color: white; } ul.ui-autocomplete .ui-autocomplete-category { background-color: #e2e2e2; color: #252525; font-size: 1.1em; font-weight: 100; margin: 0; padding: 10px; text-shadow: 0 1px 0 #f7f7f7; } .adminbar ul.ui-autocomplete { margin-top: -34px; top: 70px; } /* Miscellaneous --------------------------------------- */ .meta { font-style: italic; color: #4a5458; font-family: "Georgia", serif; display: block; margin-top: -.8em; } .bronze { color: #966d2c; } .silver { color: #9d9d9d; } .gold { color: #e1b900; } strong { font-family: "BentonSansBold", "Arial", "Lucida Grande", sans-serif; font-weight: normal; } .response-message { margin: 1em 0 1em 0; } .response-message .success { padding: 1em; background: #FFFFE1; color: #60741d; border-radius: 4px; border: 1px solid #D5C46D;; } .response-message .error { padding: 1em; background: #ffcccc; color: #b30000; border-radius: 4px; } .info, .login-prompt { padding: 1em; background: #dfedf8; color: #2c83c6; border-radius: 4px; } /* Firefox --------------------------------------- */ @-moz-document url-prefix() { #home-navigation .nav li .nav-item-wrapper a { height: 16px; } #navigation { height: 67px; } #navigation .nav li:first-child .nav-item-wrapper a .tw { line-height: 29px !important; } } /* Internet Explorer --------------------------------------- */ /* --------------------------------------- ------------------ IE9 ------------------- --------------------------------------- */ .ie9 .flex { width: 100%; } .ie9 .alert .container { clear: both; } .ie9 .alert .alert-title-icon { display: inline; } .ie9 .alert .alert-list { display: inline; } .ie9 .hero .bu-slideshow .bu-slide-caption { background: black; } .ie9 .hero .bu-slideshow-navigation { bottom: 7% !important; } .ie9 #home-navigation { padding-bottom: 2em; } .ie9 #home-navigation .nav li a .ss-icon { line-height: 51px !important; } .ie9 #home-navigation .nav li .indicator { top: 1.2em !important; } .ie9 #home-navigation .nav li:first-child a .ss-icon { line-height: 45px !important; } .ie9 #home-navigation .nav-list { margin-top: 1em !important; } .ie9 #navigation { height: 60px; } .ie9 #navigation .container { height: 60px; } .ie9 #navigation .nav li a { font-size: .8em; height: 60px; line-height: 60px; float: left; } .ie9 #navigation .nav li a .tw { line-height: 33px !important; } .ie9 #navigation .nav li:first-child a .tw { line-height: 30px !important; } .ie9 .footbar { margin-top: -8px; } .ie9 .subnavigation-sidebar-container { float: left; } .ie9 .subnav-content .alert { margin-top: 2px; } .ie9 footer .master-plate { margin-top: 2em !important; margin-bottom: 2em !important; } .ie9 footer .contact-info { margin-top: 3em; } .ie9 footer .contact-info ul li { display: inline; font-size: .85em; } .ie9 footer .contact-info ul li .fmeta { margin-right: 1em; } .ie9 footer .social-media { margin-top: 2.5em; } /* --------------------------------------- ------------------ IE8 ------------------- --------------------------------------- */ .ie8 { font-style: normal !important; } .ie8 .indicator, .ie8 ::after { display: none !important; } .ie8 #alert ul li { padding-bottom: 1em; } .ie8 #home-navigation .nav li a .ss-icon, .ie8 #navigation .nav li a .ss-icon { background: transparent; color: white; } .ie8 #home-navigation .nav li a:after, .ie8 #navigation .nav li a:after { display: none; } .ie8 #home-navigation .nav li .nav-item-wrapper a:hover .ss-icon, #home-navigation .nav li .nav-item-wrapper a:focus .ss-icon { color: #fff; } .ie8 #navigation .container { margin-top: -4px; } .ie8 #navigation .nav { margin-top: 4px; } .ie8 #navigation .nav li { height: 60px; } .ie8 #navigation .nav li a { height: 60px; } .ie8 #navigation .nav li a:after { display: none; } .ie8 #navigation .nav li.current-menu-item:hover .tw, .ie8 #navigation .nav li.current-service-ancestor:hover .tw, .ie8 #navigation .nav li.current-menu-item a:focus .tw, .ie8 #navigation .nav li.current-service-ancestor a:focus .tw, .ie8 #navigation .nav li.current-page-ancestor:hover .tw, .ie8 #navigation .nav li.current-page-ancestor a:focus .tw { color: white; } .ie8 .subnav-content .page-title-breadcrumb .breadcrumb ul li { margin-right: 0; } .ie8 .subnav-content .page-title-breadcrumb .breadcrumb ul li a:before, .ie8 .subnav-content .page-title-breadcrumb .breadcrumb ul li a:after { display: none; } .ie8 .subnav-content .widgettitle:after { display: none; } .ie8 .bu-drilldown-wrapper .item-container { height: 300px; overflow-y: scroll; } .ie8 footer { font-style: normal; } /* --------------------------------------- ------------------ IE7 ------------------- --------------------------------------- */ .ie7 { font-style: normal !important; } .ie7 #jump_links { display: none; } .ie7 .indicator, .ie7 ::after { display: none !important; } .ie7 #jump_links { margin-top: -50px !important; } .ie7 .indicator { display: none !important; } .ie7 .flex { width: 100%; } .ie7 .alert { margin-top: 0px !important; } .ie7 .alert .alert-title-icon h1 .tw { position: relative !important; } .ie7 .alert .alert-list ul li p { margin-bottom: 15px; } .ie7 header { position: relative; z-index: 2000; } .ie7 header .search-help .search-container { z-index: 99999 !important; } .ie7 header .search-help .search-container .get-help { float: left !important; } .ie7 header .search-help .search-container.search-white { top: 0; } .ie7 header .search-help .search-gray { top: 1.4em; } .ie7 #home-navigation .nav li a:hover span { color: white !important; position: relative; } .ie7 #home-navigation .nav-list.services { margin-left: 0 !important; } .ie7 .subnav-content .page-title-breadcrumb .breadcrumb ul li.morenav { display: none; } .ie7 #navigation { height: 62px; } .ie7 #navigation .container { margin-top: 0px; } .ie7 #navigation .nav { margin-top: 0px !important; border-left: 1px solid #5bb2f7; height: 60px !important; } .ie7 #navigation .nav li { margin-left: 0px; border-right: 1px solid #5bb2f7; float: left; min-height: auto; } .ie7 #navigation .nav li a { height: 60px; border-left: 0px; float: left; } .ie7 .footbar .container { margin-bottom: 2em; } .ie7 .footbar .col .calendar-date-container { width: 20% !important; } .ie7 .footbar .col .calendar-snippet { width: 73%; margin-top: 0px !important; margin-left: 3%; } .ie7 .footbar .col .clearfix { zoom: 0 !important; } .ie7 .bu-drilldown-wrapper .item-container { overflow-x: auto; } /* --------------------------------------- --------------- CALENDAR ----------------- --------------------------------------- */ .tm_calendar_responsive .tm_calendar_responsive_date { } .tm_calendar_responsive .tm_calendar_responsive_month { } .tm_calendar_responsive .tm_calendar_responsive_month ul { } .tm_calendar_responsive .tm_calendar_responsive_month ul li { } .tm_calendar_responsive .tm_calendar_responsive_day { margin-bottom: 0; } .tm_calendar_responsive .tm_calendar_responsive_events_list { } .tm_calendar_responsive .tm_calendar_responsive_events_list li { background: none !important; padding-left: 0 !important; } .tm_calendar_responsive .tm_calendar_event { margin-top: 0; } .tm_calendar_responsive .tm_calendar_event a { display: block; padding: 8px; background: #f6f6f6; border: 1px solid #ccc; border-radius: 4px; } .tm_calendar_responsive .month_nav { display: none; } /* --------------------------------------- ----------- TRAINING CALENDAR ------------ --------------------------------------- */ #BUTrainingManagerCalendarAPIResults { } #BUTrainingManagerCalendarAPIResults ul { } #BUTrainingManagerCalendarAPIResults ul li { background-image: none; list-style-image: none; padding: 0; margin: 0; } #BUTrainingManagerCalendarAPIResults ul li:before { content: ''; } #BUTrainingManagerCalendarAPIResults ul li ul li { border: 1px solid white; } /* Header and navigation */ #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header-container { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header-container .bu-training-manager-calendar-prev-nav { visibility:hidden; width: 15%; float: left; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header-container .bu-training-manager-calendar-prev-nav a { display: block; padding: 10px; font-size: 2em; text-decoration: none; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header-container .bu-training-manager-calendar-month-year { width: 70%; float: left; text-align: center; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header-container .bu-training-manager-calendar-month-year h2 { margin: 0; padding: 7px 0; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header-container .bu-training-manager-calendar-next-nav { visibility:hidden; width: 15%; float: left; text-align: right; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header-container .bu-training-manager-calendar-next-nav a { display: block; padding: 10px; font-size: 2em; text-decoration: none; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header-container .bu-training-manager-calendar-prev-nav a:hover, #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header-container .bu-training-manager-calendar-prev-nav a:focus, #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header-container .bu-training-manager-calendar-next-nav a:hover, #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header-container .bu-training-manager-calendar-next-nav a:focus { color: #9dbd30; } /* Main calendar display */ #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar { list-style: none; margin: 0; padding: 0; } /* Header (days of the week) */ #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header ul { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-header ul li { } /* Rows, both list and table views */ #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-row { width: 100%; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-row ul { margin: 0; padding: 0; } /* Table-specifics */ #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table li li { width: 13.85%; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul { margin: 0; padding: 0; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li { background: #f9f9f9; position: relative; height: 190px; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li div { position: relative; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li div ul { margin: 0; padding: 0; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li div ul li { background: transparent; width: 100%; border: 0; line-height: 110%; margin-bottom: 6px; height: auto; font-size: 90%; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li div ul.tr-closed { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li div ul.tr-opened { position: absolute; top: 0; left: 0; height: 509%; width: 184%; padding: 10%; border: 1px solid #f2f2f2; background: white; z-index: 100; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li div ul li.tr-hidden { position: absolute; left: -9999em;} #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li div ul li a { text-decoration: none; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li div ul li.tr-more-link a { display: inline-block; padding: 2px 4px; background: #3890d3; color: white; border-radius: 2px; font-size: .85em; text-transform: uppercase; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li div ul li.tr-close-link a { display: inline-block; padding: 2px; background: #e2e2e2; color: #333; border-radius: 2px; font-size: .85em; text-transform: uppercase; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li div ul li a .tm-section-time { display: none; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li div ul li a .tm-course-name { display: inline-block; width: 75%; font-family: 'BentonSansBold', sans-serif; font-weight: 100; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates ul li div ul li a:hover { text-decoration: underline; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates .bu-training-manager-calendar-prevmonth, #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates .bu-training-manager-calendar-nextmonth { background: #eaeaea; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates .bu-training-manager-calendar-noevents { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates .bu-training-manager-calendar-hasevents { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates .bu-training-manager-calendar-sunday { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates .bu-training-manager-calendar-monday { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates .bu-training-manager-calendar-tuesday { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates .bu-training-manager-calendar-wednesday { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates .bu-training-manager-calendar-thursday { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates .bu-training-manager-calendar-friday { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-table .bu-training-manager-calendar-dates .bu-training-manager-calendar-saturday { } /* List-view specific */ #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-header { display: none; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-prevmonth, #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-nextmonth, #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-noevents { display: none; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list li { width: 100%; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates ul { margin: 0; padding: 0; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates ul li { background: white; margin-bottom: 12px; height: auto; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates ul li div { position: relative; padding: 0; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates ul li div h3 { margin-bottom: 6px; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates ul li div h3 .a11y-only { left: auto; position: relative !important; margin-right: 5px !important; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates ul li div ul { margin: 0; padding: 0; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates ul li div ul li { background: white; width: 100%; line-height: 130%; margin-bottom: 4px; height: auto; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates ul li div ul li a { display: block; border: 1px solid #e2e2e2; border-radius: 3px; text-decoration: none; padding: 2.5% 2%; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates ul li div ul li a:hover { background: #f6f6f6; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates ul li div ul li a .tm-section-time { display: inline-block; float: left; width: 25%; color: #444; font-family: 'BentonSansBold', sans-serif; font-weight: 100; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates ul li div ul li a .tm-course-name { display: inline-block; width: 75%; font-family: 'BentonSansBold', sans-serif; font-weight: 100; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates ul li div ul li a .external { display: none; } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-prevmonth, #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-nextmonth { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-noevents { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-hasevents { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-sunday { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-monday { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-tuesday { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-wednesday { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-thursday { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-friday { } #BUTrainingManagerCalendarAPIResults .bu-training-manager-calendar-list .bu-training-manager-calendar-dates .bu-training-manager-calendar-saturday { } /* --------------------------------------- ------------------ FONTS ----------------- --------------------------------------- */ /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'TW Regular'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-close, .icon-wrench, .icon-wifi, .icon-user, .icon-tv, .icon-home, .icon-link, .icon-mapmarker, .icon-mail, .icon-blackboard, .icon-buworks, .icon-bulb, .icon-arrow, .icon-laptop, .icon-alert, .icon-help, .icon-ticket, .icon-target, .icon-headphones, .icon-tablet, .icon-gear, .icon-search, .icon-folder, .icon-rss, .icon-document, .icon-phone, .icon-drive, .icon-pencil, .icon-crosshairs, .icon-menu, .icon-chat, .icon-external-link,.icon-lock,.icon-print,.icon-question-sign,.icon-info-sign,.icon-exclamation-sign,.icon-warning-sign,.icon-bullhorn,.icon-group,.icon-cloud,.icon-beaker,.icon-magic,.icon-dashboard,.icon-sitemap,.icon-lightbulb,.icon-bell-alt,.icon-quote-left,.icon-code,.icon-superscript,.icon-ticket,.icon-apple,.icon-windows,.icon-android,.icon-linux,.icon-bug { font-family: 'TW Regular'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-close:before { content: "\e000"; } .icon-wrench:before { content: "\e001"; } .icon-wifi:before { content: "\e002"; } .icon-user:before { content: "\e003"; } .icon-tv:before { content: "\e004"; } .icon-home:before { content: "\e005"; } .icon-link:before { content: "\e006"; } .icon-mapmarker:before { content: "\e620"; } .icon-mail:before { content: "\e65e"; } .icon-blackboard:before { content: "\e009"; } .icon-buworks:before { content: "\e00a"; } .icon-bulb:before { content: "\e00b"; } .icon-arrow:before { content: "\e00c"; } .icon-laptop:before { content: "\e00d"; } .icon-alert:before { content: "\e00e"; } .icon-help:before { content: "\e00f"; } .icon-ticket:before { content: "\e010"; } .icon-target:before { content: "\e011"; } .icon-headphones:before { content: "\e012"; } .icon-tablet:before { content: "\e013"; } .icon-gear:before { content: "\e014"; } .icon-search:before { content: "\e015"; } .icon-folder:before { content: "\e016"; } .icon-rss:before { content: "\e017"; } .icon-document:before { content: "\e018"; } .icon-phone:before { content: "\e019"; } .icon-drive:before { content: "\e01a"; } .icon-pencil:before { content: "\e01b"; } .icon-crosshairs:before { content: "\e01c"; } .icon-menu:before { content: "\e01d"; } .icon-chat:before { content: "\e01e"; } .icon-external-link:before { content: "\e01f"; } /* New icons */ .icon-microphone:before { content: "\e600"; } .icon-lock:before { content: "\e612"; } .icon-print:before { content: "\e61b"; } .icon-question-sign:before { content: "\e625"; } .icon-info-sign:before { content: "\e626"; } .icon-exclamation-sign:before { content: "\e62b"; } .icon-warning-sign:before { content: "\e62f"; } .icon-bullhorn:before { content: "\e64c"; } .icon-group:before { content: "\e653"; } .icon-cloud:before { content: "\e655"; } .icon-beaker:before { content: "\e656"; } .icon-magic:before { content: "\e65b"; } .icon-dashboard:before { content: "\e660"; } .icon-sitemap:before { content: "\e662"; } .icon-lightbulb:before { content: "\e665"; } .icon-bell-alt:before { content: "\e669"; } .icon-quote-left:before { content: "\e671"; } .icon-code:before { content: "\e675"; } .icon-superscript:before { content: "\e67b"; } .icon-ticket:before { content: "\e684"; } .icon-apple:before { content: "\e689"; } .icon-windows:before { content: "\e68a"; } .icon-android:before { content: "\e68b"; } .icon-linux:before { content: "\e68c"; } .icon-bug:before { content: "\e68d"; } .icon-plus:before { content: "\e601"; } .icon-minus:before { content: "\e602"; } .icon-safari:before { content: "\e603"; } /* Foundation v2.1.4 http://foundation.zurb.com */ /* Artfully masterminded by ZURB */ /* table th { font-weight: bold; } table td, table th { padding: 9px 10px; text-align: left; } /* Mobile */ /*@media only screen and (max-width: 767px) { table.responsive { margin-bottom: 0; } .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .pinned table { border-right: none; border-left: none; width: 100%; } .pinned table th, .pinned table td { white-space: nowrap; } .pinned td:last-child { border-bottom: 0; } div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; } div.table-wrapper div.scrollable { margin-left: 35%; } div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } }*/