/* NOTE: Order is important here */ @font-face { font-family: 'Futura'; src: url('../fonts/Futura.svg#Futura') format('svg'), url('../fonts/Futura.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura.otf') format('opentype'), url('../fonts/Futura.woff') format('woff'), url('../fonts/Futura.ttf') format('truetype'), ; } @font-face { font-family: 'Futura-Bold'; src: url('../fonts/Futura-Bold.svg#Futura-Bold') format('svg'),url('../fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura-Bold.otf') format('opentype'), url('../fonts/Futura-Bold.woff') format('woff'), url('../fonts/Futura-Bold.ttf') format('truetype'); } /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, /* 1 */ figcaption, figure, footer, header, main, /* 2 */ menu, nav, section, summary { /* 1 */ display: block; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, /* 1 */ [hidden] { display: none; } /* Links ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Add the correct background and color in IE 9-. */ mark { background-color: yellow; color: black; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; overflow: visible; /* 2 */ } /* Forms ========================================================================== */ /** * Change font properties to `inherit` in all browsers (opinionated). */ button, input, select, textarea { font: inherit; } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. * 2. Show the overflow in Edge, Firefox, and IE. */ button, input, /* 1 */ select { /* 2 */ overflow: visible; } /** * Remove the margin in Safari. * 1. Remove the margin in Firefox and Safari. */ button, input, select, textarea { /* 1 */ margin: 0; } /** * Remove the inheritence of text transform in Edge, Firefox, and IE. * 1. Remove the inheritence of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Change the cursor in all browsers (opinionated). */ button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } /** * Restore the default cursor to disabled elements unset by the previous rule. */ [disabled] { cursor: default; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; max-width: 100%; padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * Correct the odd appearance of search inputs in Chrome and Safari. */ [type="search"] { -webkit-appearance: textfield; } /** * Remove the inner padding and cancel buttons in Chrome on OS X and * Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .mx-vertical-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .mx-center--vert { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .mx-center { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mx-center--horz { position: absolute; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .card-shadow { -webkit-box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3); -webkit-transition: box-shadow 0.2s ease; -moz-transition: box-shadow 0.2s ease; -ms-transition: box-shadow 0.2s ease; -o-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; } .card-shadow:hover { -webkit-box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.3); } .card-shadow--lighter { -webkit-box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.3); -webkit-transition: box-shadow 0.2s ease; -moz-transition: box-shadow 0.2s ease; -ms-transition: box-shadow 0.2s ease; -o-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; } .card-shadow--lighter:hover { -webkit-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3); } @media (min-width: 768px) { .flag { display: table; width: 100%; } } @media (min-width: 768px) { .flag__image, .flag__body { display: table-cell; vertical-align: middle; } } @media (min-width: 768px) { .flag--top .flag__image, .flag--top .flag__body { vertical-align: top; } } @media (min-width: 768px) { .flag--bottom .flag__image, .flag--bottom .flag__body { vertical-align: bottom; } } @media (min-width: 768px) { .flag__image { padding-right: 10px; } } .flag__image > img { display: block; max-width: none; width: 100%; } .flag--rev .flag__image { padding-right: 0; padding-left: 10px; } .flag__body { width: 100%; } .flag--unbreaking { display: table; width: 100%; } .flag__image--unbreaking, .flag__body--unbreaking { display: table-cell; vertical-align: middle; } .flag--top--unbreaking .flag__image--unbreaking, .flag--top--unbreaking .flag__body--unbreaking { vertical-align: top; } .flag--bottom--unbreaking .flag__image--unbreaking, .flag--bottom--unbreaking .flag__body--unbreaking { vertical-align: bottom; } .flag__image--unbreaking { padding-right: 10px; } .flag__image--unbreaking > img { display: block; max-width: none; } @media (min-width: 768px) { .inverse-flag { direction: rtl; } } @media (min-width: 768px) { .inverse-flag__image, .inverse-flag__body { display: inline-block; direction: ltr; vertical-align: middle; } } @media (min-width: 768px) { .flag--top .inverse-flag__image, .flag--top .inverse-flag__body { vertical-align: top; } } @media (min-width: 768px) { .flag--bottom .inverse-flag__image, .flag--bottom .inverse-flag__body { vertical-align: bottom; } } @media (min-width: 768px) { .inverse-flag__image { padding-left: 10px; } .inverse-flag__image > img { display: block; max-width: none; } .flag--rev .inverse-flag__image { padding-right: 0; padding-left: 10px; } } .flag__body { width: 100%; } /* -------------------------------- utility classes -------------------------------- */ .asq-img-replace { /* replace text with a background-image */ display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; } .overflow-hidden { overflow: hidden; } #lean_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background: black; display: none; } .clearfix, .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .mx-vertical-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .mx-center--vert { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .mx-center { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mx-center--horz { position: absolute; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .card-shadow { -webkit-box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3); -webkit-transition: box-shadow 0.2s ease; -moz-transition: box-shadow 0.2s ease; -ms-transition: box-shadow 0.2s ease; -o-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; } .card-shadow:hover { -webkit-box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 10px -3px rgba(0, 0, 0, 0.3); } .card-shadow--lighter { -webkit-box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 10px -5px rgba(0, 0, 0, 0.3); -webkit-transition: box-shadow 0.2s ease; -moz-transition: box-shadow 0.2s ease; -ms-transition: box-shadow 0.2s ease; -o-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; } .card-shadow--lighter:hover { -webkit-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.3); } @media (min-width: 768px) { .flag { display: table; width: 100%; } } @media (min-width: 768px) { .flag__image, .flag__body { display: table-cell; vertical-align: middle; } } @media (min-width: 768px) { .flag--top .flag__image, .flag--top .flag__body { vertical-align: top; } } @media (min-width: 768px) { .flag--bottom .flag__image, .flag--bottom .flag__body { vertical-align: bottom; } } @media (min-width: 768px) { .flag__image { padding-right: 10px; } } .flag__image > img { display: block; max-width: none; width: 100%; } .flag--rev .flag__image { padding-right: 0; padding-left: 10px; } .flag__body { width: 100%; } .flag--unbreaking { display: table; width: 100%; } .flag__image--unbreaking, .flag__body--unbreaking { display: table-cell; vertical-align: middle; } .flag--top--unbreaking .flag__image--unbreaking, .flag--top--unbreaking .flag__body--unbreaking { vertical-align: top; } .flag--bottom--unbreaking .flag__image--unbreaking, .flag--bottom--unbreaking .flag__body--unbreaking { vertical-align: bottom; } .flag__image--unbreaking { padding-right: 10px; } .flag__image--unbreaking > img { display: block; max-width: none; } @media (min-width: 768px) { .inverse-flag { direction: rtl; } } @media (min-width: 768px) { .inverse-flag__image, .inverse-flag__body { display: inline-block; direction: ltr; vertical-align: middle; } } @media (min-width: 768px) { .flag--top .inverse-flag__image, .flag--top .inverse-flag__body { vertical-align: top; } } @media (min-width: 768px) { .flag--bottom .inverse-flag__image, .flag--bottom .inverse-flag__body { vertical-align: bottom; } } @media (min-width: 768px) { .inverse-flag__image { padding-left: 10px; } .inverse-flag__image > img { display: block; max-width: none; } .flag--rev .inverse-flag__image { padding-right: 0; padding-left: 10px; } } .flag__body { width: 100%; } h1, h2, h3, h4, h5, h6 { color: #0b6bb5; padding: 0; line-height: 100%; letter-spacing: 0; margin: 0; font-weight: normal; font-family: 'Futura', sans-serif; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC', sizingMethod=crop); zoom: 1; } h1.-no-space, h2.-no-space, h3.-no-space, h4.-no-space, h5.-no-space, h6.-no-space { margin-bottom: initial; } /* To disable smoothing applied elsewhere, add this class to the element: */ .do-not-smooth { filter: none; } .header-w-callout { width: 100%; margin-bottom: 15px; } .header-w-callout__title { float: left; } .header-w-callout__nav { float: right; } .header-w-callout__nav a { display: inline-block; padding: 10px 0; font-family: 'Futura-Bold', sans-serif; text-transform: uppercase; } .header-filters { position: relative; } .header-filters__link.filtered { color: #666666; text-decoration: underline; } h1 { font-size: 50px; line-height: 50px; text-transform: uppercase; letter-spacing: 0.05em; } @media (max-width: 400px) { h1 { font-size: 30px; line-height: 36px; } } h2 { font-size: 35px; line-height: 40px; text-transform: uppercase; letter-spacing: 0.02em; margin-bottom: 0.5em; } h2.-alt-header { text-transform: initial; font-family: 'Futura-Bold', sans-serif; font-weight: 600; } @media (max-width: 400px) { h2 { font-size: 24px; line-height: 30px; } } h3 { font-size: 19px; font-family: 'Futura-Bold', sans-serif; line-height: 25px; font-weight: bold; text-transform: unset; } h4 { font-size: 19px; line-height: 25px; text-transform: unset; letter-spacing: 0.02em; color: #86b850; font-weight: 200; } @media (max-width: 400px) { h4 { font-size: 14px; line-height: 18px; } } h5 { font-size: 18px; line-height: 22px; } h6 { font-size: 16px; line-height: 18px; } a { color: #0b6bb5; } .quote { text-indent: -1ex; } body { margin: 0; padding: 0; color: #090909; overflow-x: hidden; background-color: white; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-family: Helvetica, sans-serif; line-height: 23px; font-size: 14px; } address { font-style: normal; } span.note { display: block; margin: 1em 0px; font-size: 12px; font-family: 'Helvetica', sans-serif; } span.note.-blue { color: #0b6bb5; } span.note.-orange { color: #e36f1e; } span.note.-green { color: #86b850; } span.note.-gray { color: #545454; } ol { list-style-type: none; counter-reset: ol-counter; margin: 1em 0; padding: 0; } ol li { margin-left: 3px; padding-left: 1em; text-indent: -1.2em; } ol li:before { counter-increment: ol-counter; content: counter(ol-counter, decimal); font-family: 'Futura', sans-serif; font-size: 14px; line-height: 14px; color: #0b6bb5; padding-right: 10px; position: relative; top: 0px; } .bkg-colors-blue ol li:before, .bkg-colors-green ol li:before, .bkg-colors-orange ol li:before { color: white; } ol li ol li:before { content: counter(ol-counter, lower-alpha); } ol li ol li ol li:before { content: counter(ol-counter, lower-roman); } ul { margin: 1em 0; padding: 0; list-style-type: none; } .rich-text-callout-container ul li, .rich-text-container ul li, .tile__content ul li, .tab-block__pane-content ul li, #ContentWrapper ul li { margin-left: 3px; padding-left: 1em; text-indent: -1.2em; position: relative; } .rich-text-callout-container ul li:before, .rich-text-container ul li:before, .tile__content ul li:before, .tab-block__pane-content ul li:before, #ContentWrapper ul li:before { content: "\2022"; color: #0b6bb5; /* or whatever color you prefer */ padding-right: 10px; font-size: 20px; line-height: 14px; position: relative; top: 2px; } .bkg-colors-blue.rich-text-callout-container ul li:before, .bkg-colors-blue.rich-text-container ul li:before, .bkg-colors-blue.tile__content ul li:before, .bkg-colors-blue.tab-block__pane-content ul li:before, .bkg-colors-blue#ContentWrapper ul li:before, .bkg-colors-green.rich-text-callout-container ul li:before, .bkg-colors-green.rich-text-container ul li:before, .bkg-colors-green.tile__content ul li:before, .bkg-colors-green.tab-block__pane-content ul li:before, .bkg-colors-green#ContentWrapper ul li:before, .bkg-colors-orange.rich-text-callout-container ul li:before, .bkg-colors-orange.rich-text-container ul li:before, .bkg-colors-orange.tile__content ul li:before, .bkg-colors-orange.tab-block__pane-content ul li:before, .bkg-colors-orange#ContentWrapper ul li:before { color: white; } .rich-text-callout-container ul li ul li, .rich-text-container ul li ul li, .tile__content ul li ul li, .tab-block__pane-content ul li ul li, #ContentWrapper ul li ul li { text-indent: -1.25em; } .rich-text-callout-container ul li ul li:before, .rich-text-container ul li ul li:before, .tile__content ul li ul li:before, .tab-block__pane-content ul li ul li:before, #ContentWrapper ul li ul li:before { content: "-"; } .rich-text-callout-container ul li ul li ul li, .rich-text-container ul li ul li ul li, .tile__content ul li ul li ul li, .tab-block__pane-content ul li ul li ul li, #ContentWrapper ul li ul li ul li { text-indent: -1.3em; } .rich-text-callout-container ul li ul li ul li:before, .rich-text-container ul li ul li ul li:before, .tile__content ul li ul li ul li:before, .tab-block__pane-content ul li ul li ul li:before, #ContentWrapper ul li ul li ul li:before { content: "\25A0"; font-size: 14px; top: -2px; } .list-item-clear { padding-left: 0; text-indent: 0; } .list-item-clear:before { content: ""; display: none; } img { border-style: none; border: 0px; text-decoration: none; } img.-circle { border-radius: 50%; } .asq-main-content { background: white; } .no-margins { margin-left: 0; margin-right: 0; } @media (max-width: 400px) { .no-margins { margin-left: -15px; margin-right: -15px; } } .content-section { padding-top: 37.5px; padding-bottom: 37.5px; } .section-header { margin-top: 37.5px; text-transform: uppercase; letter-spacing: 0.05em; } hr { margin: 15px 0; display: block; border: none; height: 1px; } hr.short { background: white; width: 80px; margin-left: 0; text-align: left; } .tile__content hr.short { background: #666666; } .btn { display: inline-block; transition: background 0.25s; } .content .btn + .btn { margin-top: 1em; } .btn a, .btn button { background: transparent; color: white; display: inline-block; border: none; padding: 10px 20px; font-family: 'Futura-Bold', sans-serif; text-transform: uppercase; font-weight: 800; text-decoration: none; font-size: 12px; letter-spacing: 1px; transition: background 0.3s; cursor: pointer; } .btn a:hover, .btn button:hover { text-decoration: none; color: white; } @media (max-width: 400px) { .btn a, .btn button { padding: 10px; } } .btn.transparent { background: rgba(255, 255, 255, 0.3); } .btn.green { background: #86b850; } .btn.blue { background: #0b6bb5; } .btn.blue:hover { background: #e36f1e; transition: background 0.3s; } .btn.orange { background: #e36f1e; } .btn:hover { background: #0b6bb5; transition: background 0.3s; } .btn.alt-hover:hover { background: #e36f1e; } .btn.small a, .btn.small button { font-size: 10px; padding: 5px 10px; } .btn.btn--block { display: block; margin: 15px 0; } .login .btn.green:hover { background: #e36f1e; } .btn.btn--full-width { width: 100%; text-align: center; } .btn.btn--full-width > a { width: 100%; height: 100%; } .btn.btn--float-right { float: right; } .btn.btn--has-icon { position: relative; } .btn.btn--has-icon > a { position: relative; z-index: 10; width: 100%; height: 100%; padding: 10px 20px 10px 50px; } .btn.btn--has-icon:before { position: absolute; z-index: 9; top: 10px; left: 5px; content: ""; height: 20px; width: 40px; background-color: #0b6bb5; background-size: cover; background-position: center; background-repeat: no-repeat; } .btn.btn--has-icon.btn--email:before { background-color: transparent; background: transparent url(../img/email-white.png) center center no-repeat; background-image: url(../img/email-white.png), none; background-size: contain; } .btn.btn--has-icon.btn--chat:before { background-color: transparent; background: url(../img/chat-white.png) center center no-repeat; background-image: url(../img/chat-white.png), none; background-size: contain; } .btn.btn--has-icon.btn--disabled { background-color: #666666; } .btn.btn--has-icon.btn--disabled > a { pointer-events: none; cursor: default; } .btn--inline-link { display: inline-block; } .btn--inline-link a { display: block; font-size: 16px; text-decoration: underline; font-family: 'Futura', sans-serif; } .btn--inline-link a img { display: inline-block; margin-right: 10px; } .btn__icon, .btn--callout-link-icon a { padding: 10px; position: relative; } .btn__icon:after, .btn--callout-link-icon a:after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .btn--callout-link-icon-edit a { padding-left: 40px; } .btn--callout-link-icon-edit a:after { left: 5px; width: 31px; height: 32px; background: url(../img/edit-green.png) center center no-repeat; background-image: url(../img/edit-green.svg), none; background-size: contain; } .btn--callout-link-icon-heart a { padding-left: 46px; } .btn--callout-link-icon-heart a:after { left: 5px; width: 32px; height: 27px; background: url(../img/heart-green.png) center center no-repeat; background-image: url(../img/heart-green.svg), none; background-size: contain; } .btn__icon-page { padding-left: 40px; } .btn__icon-page:after { left: 5px; width: 20px; height: 26px; background: url(../img/page-green.png) center center no-repeat; background-image: url(../img/page-green.svg), none; background-size: contain; } .btn__icon-share { padding-left: 40px; } .btn__icon-share:after { left: 5px; width: 21px; height: 21px; background: url(../img/share-green.png) center center no-repeat; background-image: url(../img/share-green.svg), none; background-size: contain; } .btn__icon-quote { padding-left: 40px; } .btn__icon-quote:after { left: 5px; width: 19px; height: 23px; background: url(../img/quote-green.png) center center no-repeat; background-image: url(../img/quote-green.svg), none; background-size: contain; } /* Background Color Themes If you change these class names you must also change them in '/sitecore/content/global/configuration/frames/background-colors' */ .bkg-colors-blue { color: white; background-color: #0b6bb5; padding: 20px; } .bkg-colors-green { color: white; background-color: #86b850; padding: 20px; } .bkg-colors-orange { color: white; background-color: #e36f1e; padding: 20px; } .bkg-colors-blue h1, .bkg-colors-green h1, .bkg-colors-orange h1, .bkg-colors-blue h2, .bkg-colors-green h2, .bkg-colors-orange h2, .bkg-colors-blue h3, .bkg-colors-green h3, .bkg-colors-orange h3, .bkg-colors-blue h4, .bkg-colors-green h4, .bkg-colors-orange h4, .bkg-colors-blue h5, .bkg-colors-green h5, .bkg-colors-orange h5, .bkg-colors-blue h6, .bkg-colors-green h6, .bkg-colors-orange h6, .bkg-colors-blue a, .bkg-colors-green a, .bkg-colors-orange a, .bkg-colors-blue p, .bkg-colors-green p, .bkg-colors-orange p { color: white; } .rich-text-callout-container { clear: both; margin-bottom: 37.5px; } .rich-text-callout-container img { max-width: 100%; height: auto; } .rich-text-callout-container.align-right { float: right; text-align: right; width: 100%; } .rich-text-callout-container.align-left { text-align: left; width: 100%; } .rich-text-callout-container + .rich-text-callout-container:last-child { margin-bottom: 0; } form a { font-family: 'Futura', sans-serif; } form h3 { font-family: 'Futura-Bold', sans-serif; color: #0b6bb5; font-weight: 800; text-transform: uppercase; } label, input, select { display: block; } input, select { height: 40px; padding: 0 10px; } label { vertical-align: middle; } input { width: 100%; } input[type="radio"] { display: inline-block; width: 1em; height: 1em; vertical-align: middle; } input[type="radio"] + label { color: #545454; text-transform: capitalize; display: inline-block; } select { -webkit-appearance: none; border-radius: 0px; width: 50%; } @media (max-width: 767px) { select { width: 100%; } } .input { padding-bottom: 30px; } .input:last-child { padding-bottom: 0px; } .blue-section { background: #0b6bb5; } .gray-section { background-color: #f0f0f0; padding: 35px 25px; margin: 37.5px 0px; } .input-label { color: #0b6bb5; padding: 5px 0; } .input-label:not(span) { display: inline-block; } .input-label--sub { color: #545454; font-family: 'Futura', sans-serif; font-weight: 400; font-size: 11px; text-transform: capitalize; } .input-label--bold { font-family: 'Futura-Bold', sans-serif; text-transform: uppercase; } .input-field { display: block; } .input-field.input-validation-error { border: 1px solid #e36f1e; } .field-validation-error { color: white; font-size: 13px; position: absolute; display: inline-block; padding: 2px 10px; bottom: 3px; white-space: nowrap; left: 15px; background: #e36f1e; } .blue-form a, .gray-form a { padding: 20px; text-transform: uppercase; } .blue-form { background: #0b6bb5; padding: 50px 60px; } .blue-form a { color: white; } .blue-form .field-validation-error { position: absolute; display: inline-block; padding: 2px 4px; bottom: 100%; right: 0; left: auto; background: #e36f1e; } .blue-section .blue-form { padding: 50px; } @media (max-width: 400px) { .blue-form { padding: 15px; } } .gray-form { background: #f0f0f0; padding: 20px; } .login-container .gray-form { padding: 0px 37.5px 37.5px 37.5px; } .gray-form .field-validation-error { right: 0; left: auto; } .blue-form__title, .gray-form__title { text-transform: uppercase; } .blue-form__title { margin-bottom: 30px; color: white; } .blue-form__input, .gray-form__input { width: 100%; padding-bottom: 30px; position: relative; } .blue-form__input.-no-pad, .gray-form__input.-no-pad { padding-bottom: 0px; } .blue-form__input-field, .gray-form__input-field { width: 100%; height: auto; padding: 15px; border: none; font-size: 16px; outline: none; } .blue-form__input-field.input-validation-error, .gray-form__input-field.input-validation-error { border: 1px solid #e36f1e; } .blue-form__input-field { background: #95b7dd; color: white; } ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder, ::placeholder, label .placeholder { color: black; } .blue-form ::-webkit-input-placeholder, .blue-form ::-moz-placeholder, .blue-form :-ms-input-placeholder, .blue-form :-moz-placeholder, .blue-form ::placeholder, .blue-form label .placeholder { color: black; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #666666; } .blue-form ::-webkit-input-placeholder { color: white; } .gray-form ::-webkit-input-placeholder { color: #666666; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ opacity: 1; color: #666666; } .blue-form :-moz-placeholder { color: white; } .gray-form :-moz-placeholder { color: #666666; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ opacity: 1; color: #666666; } .blue-form ::-moz-placeholder { color: white; } .gray-form ::-moz-placeholder { color: #666666; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666666; } .blue-form :-ms-input-placeholder { color: white; } .gray-form :-ms-input-placeholder { color: #666666; } ::placeholder { /* Standard */ color: #666666; } .blue-form ::placeholder { color: white; } .gray-form ::placeholder { color: #666666; } input:placeholder-shown, input.placeholder-shown { color: black; } input:placeholder-shown.search-keyword, input.placeholder-shown.search-keyword { color: #666666; } .blue-form input:placeholder-shown, .blue-form input.placeholder-shown { border: hidden; } .gray-form input:placeholder-shown, .gray-form input.placeholder-shown { border: hidden; } .gray-form__input-field { background: white; border: 1px solid #545454; } .blue-form__input-label span { color: white; } .login-container .blue-form__input .blue-form__input-label span { top: 1px; left: 18px; visibility: visible; opacity: 1; color: #666666; } .login-container .blue-form__input.active .blue-form__input-label span { color: white; left: 5px; } .active > .blue-form__input-label span { -moz-transform: translate(-3px, 39px) scale(0.75); -ms-transform: translate(-3px, 39px) scale(0.75); -o-transform: translate(-3px, 39px) scale(0.75); -webkit-transform: translate(-3px, 39px) scale(0.75); transform: translate(-3px, 39px) scale(0.75); visibility: visible; opacity: 1; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .blue-form__input-label, .gray-form__input-label { pointer-events: none; } .blue-form__input-label span, .gray-form__input-label span { position: absolute; top: 0px; left: 10px; display: block; line-height: 53px; height: 53px; pointer-events: none; visibility: hidden; opacity: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 16px; } .login-container .gray-form__input-label span { position: relative; left: auto; top: 10px; visibility: visible; opacity: 1; font-family: 'Futura-Bold', sans-serif; text-transform: uppercase; color: #0b6bb5; } .info-button { text-align: right; margin: 0px 15px; } .search-keyword { padding: 0 40px 0 10px; } .button { display: inline-block; } .button button { border: none; font-size: 14px; font-family: 'Futura-Bold', sans-serif; color: white; display: block; padding: 15px 20px; } .button button.green { background: #86b850; } .chosen-container .chosen-results li.highlighted { background-color: #0b6bb5; background-image: unset; } .chosen-container-single .chosen-single { background: white; color: black; } .chosen-container-single .chosen-single div { width: 30px; } .chosen-container-single .chosen-single div b { background: transparent url(../img/up-down.png) center center no-repeat !important; background-size: 10px 15px !important; } .chosen-container-active.chosen-with-drop .chosen-single { background: white; } .chosen-container-active.chosen-with-drop .chosen-single div { width: 30px; } .chosen-container-active.chosen-with-drop .chosen-single div b { background: transparent url(../img/up-down.png) center center no-repeat !important; background-size: 10px 15px !important; } /*! Tablesaw - v2.0.1 - 2015-10-09 * https://github.com/filamentgroup/tablesaw * Copyright (c) 2015 Filament Group; Licensed MIT */ table.tablesaw { empty-cells: show; max-width: 100%; width: 100%; } .tablesaw { border-collapse: collapse; width: 100%; } /* Structure */ .tablesaw { border: 0; padding: 0; } .tablesaw tr { border-top: 1px solid #666666; } .data-table .tablesaw tr:first-child { border-top: none; } @media (max-width: 960px) { .data-table .tablesaw tr:first-child { border-top: 1px solid #666666; } } .tablesaw th, .tablesaw td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0.5em 0.7em; text-align: left; border-right: 1px solid #666666; } .tablesaw th:last-child, .tablesaw td:last-child, .tablesaw th:nth-last-child(2), .tablesaw td:nth-last-child(2) { border-right: none; } .data-table .tablesaw th:last-child, .data-table .tablesaw td:last-child { background-color: white; border-top: 1px solid white; border-bottom: 1px solid white; } .tablesaw thead tr:first-child th { padding-top: 0.9em; padding-bottom: 0.7em; } .tablesaw-enhanced .tablesaw-bar .btn { background: none; background-color: #86b850; -webkit-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; color: #4a4a4a; clear: both; cursor: pointer; display: block; font: bold 20px/1 sans-serif; margin: 0; padding: 0.5em 0.85em 0.4em 0.85em; position: relative; text-align: center; text-decoration: none; text-transform: capitalize; text-shadow: 0 1px 0 white; width: 100%; /* Theming */ -webkit-appearance: none !important; -moz-appearance: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; border-radius: 50%; } .tablesaw-enhanced .tablesaw-bar a.btn { color: white; } .tablesaw-enhanced .tablesaw-bar .btn:hover { text-decoration: none; background-color: #e36f1e; } .tablesaw-enhanced .tablesaw-bar .btn:focus { background-color: #86b850; } /* Default radio/checkbox styling horizonal controlgroups. */ .tablesaw-enhanced .tablesaw-bar .btn:active { background-color: #e36f1e; } .tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .btn:focus { color: #208de3; background-color: white; outline: none; } .tablesaw-bar .btn:focus { -webkit-box-shadow: 0 0 0.35em #4faeef !important; box-shadow: 0 0 0.35em #4faeef !important; } .tablesaw-bar .btn-select select { background: none; border: none; display: block; position: absolute; font-weight: inherit; left: 0; top: 0; margin: 0; width: 100%; height: 100%; z-index: 2; min-height: 1em; } .tablesaw-bar .btn-select select { opacity: 0; filter: alpha(opacity=0); display: inline-block; color: transparent; } .tablesaw-bar .btn select option { background: white; color: black; font-family: sans-serif; } .tablesaw-enhanced .tablesaw-bar .btn.btn-select { color: #4d4d4d; padding-right: 2.5em; min-width: 7.25em; text-align: left; text-indent: 0; } .tablesaw-bar .btn.btn-small, .tablesaw-bar .btn.btn-micro { display: inline-block; width: auto; height: auto; position: relative; top: 0; } .tablesaw-bar .btn.btn-small { font-size: 1.0625em; line-height: 19px; padding: 0.3em 1em 0.3em 1em; } .tablesaw-bar .btn.btn-micro { font-size: 0.8125em; padding: 0.4em 0.7em 0.25em 0.7em; } .tablesaw-enhanced .tablesaw-bar .btn-select { text-align: left; } .tablesaw-bar .btn-select:after { background: #e5e5e5; background: rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25); box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25); content: " "; display: block; position: absolute; } .tablesaw-bar .btn-select.btn-small, .tablesaw-bar .btn-select.btn-micro { padding-right: 1.5em; } .tablesaw-bar .btn-select:after { background: none; background-repeat: no-repeat; background-position: 0.25em 0.45em; content: "\25bc"; font-size: 0.55em; padding-top: 1.2em; padding-left: 1em; left: auto; right: 0; margin: 0; top: 0; bottom: 0; width: 1.8em; } .tablesaw-bar .btn-select.btn-small:after, .tablesaw-bar .btn-select.btn-micro:after { width: 1.2em; font-size: 0.5em; padding-top: 1em; padding-right: 0.5em; line-height: 1.65; background: none; -webkit-box-shadow: none; box-shadow: none; border-left-width: 0; } /* Column navigation buttons for swipe and columntoggle tables */ .tablesaw-advance .btn { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-shadow: 0 1px 0 white; border-radius: 0.25em; } .tablesaw-advance .btn.btn-micro { font-size: 0.8125em; padding: 0.3em 0.7em 0.25em 0.7em; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn { display: inline-block; overflow: hidden; width: 1.8em; height: 1.8em; background-position: 50% 50%; margin-left: 0.5em; position: relative; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before { content: "\0020"; overflow: hidden; width: 0; height: 0; position: absolute; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before { left: 0.5em; top: 0.65em; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid gray; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before { left: 0.5em; top: 0.65em; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid gray; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before { top: 50%; left: 50%; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before { -webkit-transform: translate(-60%, -50%); -moz-transform: translate(-60%, -50%); -mz-transform: translate(-60%, -50%); -o-transform: translate(-60%, -50%); transform: translate(-60%, -50%); border-right: 5px solid white; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before { -webkit-transform: translate(-40%, -50%); -moz-transform: translate(-40%, -50%); -mz-transform: translate(-40%, -50%); -o-transform: translate(-40%, -50%); transform: translate(-40%, -50%); border-left: 5px solid white; } .tablesaw-advance a.tablesaw-nav-btn.disabled { opacity: 0.25; filter: alpha(opacity=25); cursor: default; pointer-events: none; } /* Table Toolbar */ .tablesaw-bar { clear: both; font-family: sans-serif; } .tablesaw-toolbar { font-size: 0.875em; float: left; } .tablesaw-toolbar label { padding: 0.5em 0; clear: both; display: block; color: #888888; margin-right: 0.5em; text-transform: uppercase; } .tablesaw-bar .btn, .tablesaw-enhanced .tablesaw-bar .btn { margin-top: 0.5em; margin-bottom: 0.5em; } .tablesaw-bar .btn-select, .tablesaw-enhanced .tablesaw-bar .btn-select { margin-bottom: 0; } .tablesaw-bar .tablesaw-toolbar .btn { margin-left: 0.4em; margin-top: 0; text-transform: uppercase; border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; font-family: sans-serif; font-size: 1em; padding-left: 0.3em; } .tablesaw-bar .tablesaw-toolbar .btn-select { min-width: 0; } .tablesaw-bar .tablesaw-toolbar .btn-select:after { padding-top: 0.9em; } .tablesaw-bar .tablesaw-toolbar select { color: #888888; text-transform: none; background: transparent; } .tablesaw-toolbar ~ table { clear: both; } .tablesaw-toolbar .a11y-sm { clip: rect(0 0 0 0); height: 1px; overflow: hidden; position: absolute; width: 1px; } @media (min-width: 24em) { .tablesaw-toolbar .a11y-sm { clip: none; height: auto; width: auto; position: static; overflow: visible; } } table.tablesaw tbody th { font-weight: bold; } .tablesaw th, .tablesaw td { line-height: 1em; text-align: left; vertical-align: middle; } .tablesaw td, .tablesaw tbody th { vertical-align: middle; font-size: 1.17em; /* 19px */ } .tablesaw td .btn, .tablesaw tbody th .btn { margin: 0; } .tablesaw thead th { text-shadow: 0 1px 0 white; text-align: left; } .tablesaw thead tr:first-child th { border: none; border-right: 1px solid #666666; } .membership-chart .tablesaw thead tr:first-child th, .tablesaw thead tr:first-child th:last-child, .tablesaw thead tr:first-child th:nth-last-child(2) { border-right: none; } /* Table rows have a gray bottom stroke by default */ .tablesaw tbody tr:last-child { border-bottom: 1px solid #666666; } .tablesaw tbody tr td { padding: 15px; } .tablesaw caption { text-align: left; margin-bottom: 0; opacity: 0.5; filter: alpha(opacity=50); line-height: 2.4; } @media (min-width: 25em) { .tablesaw caption { margin-bottom: 0.6em; line-height: 1.2; } } /* Stack */ .tablesaw-cell-label-top { text-transform: uppercase; font-size: 0.9em; font-weight: normal; } .tablesaw-cell-label { font-size: 0.65em; text-transform: uppercase; color: #888888; font-family: sans-serif; } @media (min-width: 60em) { .tablesaw td { line-height: 2em; } } @media only all { .tablesaw-swipe .tablesaw-cell-persist { border-right: 1px solid #666666; } .membership-chart .tablesaw-swipe .tablesaw-cell-persist { border-right: none; } } /* Table rows have a gray bottom stroke by default */ .tablesaw-stack tbody tr { border-bottom: 1px solid #dfdfdf; } @media (max-width: 960px) { .tablesaw-stack tbody tr { border: 1px solid #666666; } } .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none; } /* Mobile first styles: Begin with the stacked presentation at narrow widths */ @media only all { /* Show the table cells as a block level element */ .tablesaw-stack td, .tablesaw-stack th { text-align: left; display: block; } .tablesaw-stack tr { clear: both; display: table-row; } /* Make the label elements a percentage width */ .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: block; padding: 0 0.6em 0 0; width: 30%; display: inline-block; } /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */ .tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top { display: block; padding: 0.4em 0; margin: 0.4em 0; } .tablesaw-cell-label { display: block; } /* Avoid double strokes when stacked */ .tablesaw-stack tbody th.group { margin-top: -1px; } /* Avoid double strokes when stacked */ .tablesaw-stack th.group b.tablesaw-cell-label { display: none !important; } } @media (max-width: 59.9375em) { .tablesaw-stack thead td, .tablesaw-stack thead th { display: none; } .tablesaw-stack tbody td, .tablesaw-stack tbody th { clear: left; float: left; width: 100%; } .tablesaw-cell-label { vertical-align: top; } .tablesaw-cell-content { max-width: 67%; display: inline-block; } .tablesaw-stack td:empty, .tablesaw-stack th:empty { display: none; } } /* Media query to show as a standard table at 560px (35em x 16px) or wider */ @media (min-width: 60em) { .tablesaw-stack tr { display: table-row; } /* Show the table header rows */ .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { display: table-cell; margin: 0; } /* Hide the labels in each cell */ .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none !important; } } .tablesaw-fix-persist { table-layout: fixed; } @media only all { /* Unchecked manually: Always hide */ .tablesaw-swipe th.tablesaw-cell-hidden, .tablesaw-swipe td.tablesaw-cell-hidden { display: none; } } .btn.tablesaw-columntoggle-btn span { text-indent: -9999px; display: inline-block; } .tablesaw-columntoggle-btnwrap { position: relative; /* for dialog positioning */ } .tablesaw-columntoggle-btnwrap .dialog-content { padding: 0.5em; } .tablesaw-columntoggle tbody td { line-height: 1.5; } /* Remove top/bottom margins around the fieldcontain on check list */ .tablesaw-columntoggle-popup { display: none; } .tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup { display: block; position: absolute; top: 2em; right: 0; background-color: white; padding: 0.5em 0.8em; border: 1px solid #cccccc; -webkit-box-shadow: 0 1px 2px #cccccc; box-shadow: 0 1px 2px #cccccc; border-radius: 0.2em; z-index: 1; } .tablesaw-columntoggle-popup fieldset { margin: 0; } /* Hide all prioritized columns by default */ @media only all { .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6, .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5, .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4, .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3, .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2, .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1 { display: none; } } .tablesaw-columntoggle-btnwrap .dialog-content { top: 0 !important; right: 1em; left: auto !important; width: 12em; max-width: 18em; margin: -0.5em auto 0; } .tablesaw-columntoggle-btnwrap .dialog-content:focus { outline-style: none; } /* Preset breakpoints if "" class added to table */ /* Show priority 1 at 320px (20em x 16px) */ @media (min-width: 20em) { .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1 { display: table-cell; } } /* Show priority 2 at 480px (30em x 16px) */ @media (min-width: 30em) { .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2 { display: table-cell; } } /* Show priority 3 at 640px (40em x 16px) */ @media (min-width: 40em) { .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3 { display: table-cell; } .tablesaw-columntoggle tbody td { line-height: 2; } } /* Show priority 4 at 800px (50em x 16px) */ @media (min-width: 50em) { .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4 { display: table-cell; } } /* Show priority 5 at 960px (60em x 16px) */ @media (min-width: 60em) { .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5 { display: table-cell; } } /* Show priority 6 at 1,120px (70em x 16px) */ @media (min-width: 70em) { .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6 { display: table-cell; } } @media only all { /* Unchecked manually: Always hide */ .tablesaw-columntoggle th.tablesaw-cell-hidden, .tablesaw-columntoggle td.tablesaw-cell-hidden { display: none; } /* Checked manually: Always show */ .tablesaw-columntoggle th.tablesaw-cell-visible, .tablesaw-columntoggle td.tablesaw-cell-visible { display: table-cell; } } .tablesaw-columntoggle-popup .btn-group > label { display: block; padding: 0.2em 0; white-space: nowrap; } .tablesaw-columntoggle-popup .btn-group > label input { margin-right: 0.8em; } .tablesaw-sortable, .tablesaw-sortable thead, .tablesaw-sortable thead tr, .tablesaw-sortable thead tr th { position: relative; } .tablesaw-sortable thead tr th { padding-right: 1.6em; vertical-align: top; } .tablesaw-sortable th.tablesaw-sortable-head, .tablesaw-sortable tr:first-child th.tablesaw-sortable-head { padding: 0; } .tablesaw-sortable th.tablesaw-sortable-head button { padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 1.6em; } .tablesaw-sortable .tablesaw-sortable-head button { min-width: 100%; color: inherit; background: transparent; border: 0; padding: 0; text-align: left; font: inherit; text-transform: inherit; position: relative; } .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after, .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after { width: 10px; height: 10px; content: ""; position: absolute; top: 50%; right: 0.5em; } .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after { border-top: 7.5px solid transparent; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-bottom: 7.5px solid #0b6bb5; -webkit-transform: translateY(calc(-50% - 3.75px)); -moz-transform: translateY(calc(-50% - 3.75px)); -ms-transform: translateY(calc(-50% - 3.75px)); -o-transform: translateY(calc(-50% - 3.75px)); transform: translateY(calc(-50% - 3.75px)); } .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after { border-top: 7.5px solid #0b6bb5; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-bottom: 7.5px solid transparent; -webkit-transform: translateY(calc(-50% + 3.75px)); -moz-transform: translateY(calc(-50% + 3.75px)); -ms-transform: translateY(calc(-50% + 3.75px)); -o-transform: translateY(calc(-50% + 3.75px)); transform: translateY(calc(-50% + 3.75px)); } .tablesaw-sortable .not-applicable:after { content: "--"; display: block; } .tablesaw-sortable .not-applicable span { display: none; } .tablesaw-advance { float: right; } .tablesaw-advance.minimap { margin-right: 0.4em; } .tablesaw-advance-dots { float: left; margin: 0; padding: 0; list-style: none; } .tablesaw-advance-dots li { display: table-cell; margin: 0; padding: 0.4em 0.2em; } .tablesaw-advance-dots li i { width: 0.25em; height: 0.25em; background: #86b850; border-radius: 100%; display: inline-block; } .tablesaw-advance-dots-hide { opacity: 0.25; filter: alpha(opacity=25); cursor: default; pointer-events: none; } .tablesaw-sortable-btn:focus { outline: none; } @media (max-width: 960px) { .tablesaw-cell-content { width: 65%; } } .membership-chart td, .membership-chart th { text-align: center; border-right: none; } .membership-chart td:first-child, .membership-chart th:first-child { text-align: left; } /* Bootstrap table overrides */ .table > tbody > tr > td { border-top: inherit; } .data-table .table > tbody > tr > td:last-child { vertical-align: middle; } @media (max-width: 640px) { .data-table .table > tbody > tr > td:last-child { text-align: center; } } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f0f0f0; } /* Tablesaw overrides */ @media (max-width: 960px) { .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-label, .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-content { float: left; } } @media (max-width: 350px) { .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-label, .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-content { float: none; display: block; width: 100%; } } @media (max-width: 960px) { .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-label { width: 33%; padding: 0; margin: 0 0.6em 0 0; } } @media (max-width: 350px) { .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-label { margin: 0; width: 100%; } } @media (max-width: 350px) { .tablesaw-sortable.tablesaw-stack tbody tr td .tablesaw-cell-content { max-width: none; } } @media (max-width: 960px) { .tablesaw-sortable.tablesaw-stack tbody tr td { padding: 8px; border: none; } } .membership-chart table.tablesaw h3 { margin-bottom: 15px; } @media (max-width: 400px) { .membership-chart table.tablesaw h3 { margin-bottom: 0px; } } .membership-chart table.tablesaw h3 .header-toggle:hover, .membership-chart table.tablesaw h3 .header-toggle:focus { color: #0b6bb5; text-decoration: none; } @media (min-width: 400px) { .membership-chart table.tablesaw h3 .header-toggle:hover, .membership-chart table.tablesaw h3 .header-toggle:focus { cursor: default; } } .membership-chart table.tablesaw h3.row-header { position: relative; } @media (max-width: 400px) { .membership-chart table.tablesaw h3.row-header:after { vertical-align: middle; position: absolute; right: -25px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: "+"; } .membership-chart table.tablesaw h3.row-header.active:after { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: "\2013"; } } @media (min-width: 767px) { .membership-chart table.tablesaw h3 { margin-bottom: 20px; } } .membership-chart table.tablesaw span { display: block; } .membership-chart table.tablesaw .header-subtext { font-size: 19px; margin-bottom: 20px; } h2 + .membership-chart table.tablesaw .header-subtext { font-size: 12px; } h3 + .membership-chart table.tablesaw .header-subtext { font-size: 18px; } .membership-chart table.tablesaw .header-subtext.-blue { color: #0b6bb5; } .membership-chart table.tablesaw .header-subtext.-small { font-size: 10px; } @media (max-width: 400px) { .membership-chart table.tablesaw thead h3 { margin-bottom: 15px; } } .membership-chart table.tablesaw thead tr:first-child th { border: initial; padding: 10px 0px; } @media (min-width: 767px) { .membership-chart table.tablesaw thead tr:first-child th { padding: calc(18.75px) 0px; } } @media (min-width: 1199px) { .membership-chart table.tablesaw thead tr:first-child th { padding: 37.5px 0px; } } .membership-chart table.tablesaw thead th { padding: 10px 0px; text-align: center; vertical-align: bottom; } .membership-chart table.tablesaw thead th:first-child { text-align: left; padding-left: 5px; } @media (min-width: 767px) { .membership-chart table.tablesaw thead th { padding: calc(18.75px) 0px; padding-left: calc(18.75px); } } @media (min-width: 1199px) { .membership-chart table.tablesaw thead th { padding: 37.5px 0px; padding-left: calc(18.75px); } } .membership-chart table.tablesaw tbody .member-chart__desc { position: relative; visibility: hidden; opacity: 0; height: 0; max-height: 0px; -webkit-transition: max-height 0.35s; -moz-transition: max-height 0.35s; -o-transition: max-height 0.35s; transition: max-height 0.35s; margin: 0; } .membership-chart table.tablesaw tbody .member-chart__desc.active { height: auto; opacity: 1; max-height: 500px; visibility: visible; margin: inherit; margin-top: 5px; } @media (min-width: 400px) { .membership-chart table.tablesaw tbody .member-chart__desc { max-height: initial; height: auto; max-height: none; opacity: 1; visibility: visible; margin: inherit; } } .membership-chart table.tablesaw tbody .narrow-p { max-width: 400px; } .membership-chart table.tablesaw tbody th { font-size: inherit; line-height: inherit; } .membership-chart table.tablesaw tbody tr { border-bottom: initial; } .membership-chart table.tablesaw td { font-size: inherit; line-height: inherit; padding: 10px 0px; text-align: center; vertical-align: middle; } .membership-chart table.tablesaw td:first-child { padding-left: 5px; text-align: left; } @media (min-width: 767px) { .membership-chart table.tablesaw td:first-child { padding-left: calc(18.75px); } } @media (min-width: 1199px) { .membership-chart table.tablesaw td:first-child { padding-left: 37.5px; } } @media (min-width: 767px) { .membership-chart table.tablesaw td { padding: calc(18.75px) 0px; } } @media (min-width: 1199px) { .membership-chart table.tablesaw td { padding: 37.5px 0px; } } .data-table-container { margin-top: 37.5px; } .cell-text { font-size: 14px; text-align: left; color: #545454; } span.cell-text { display: block; } .membership-chart .cell-text { text-align: center; } .cell-text.-link { color: #0b6bb5; text-decoration: underline; letter-spacing: 0.02em; } .cell-text.-header-only { color: #0b6bb5; letter-spacing: 0.02em; text-decoration: underline; } .cell-text.-narrow { max-width: 125px; margin: 0 auto; } @media (max-width: 400px) { .membership-chart .cell-text.-narrow { margin: 0 auto 0 20%; } } .cell-text.-bold { font-family: 'Futura-Bold', sans-serif; font-weight: 600; } .cell-text.-blue { color: #0b6bb5; } .cell-text.-circle { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-transform: uppercase; color: white; } .col-header { text-align: center; vertical-align: top; } .col-header:first-child { text-align: left; } .col-desc { margin: 20px 0px; } .col-desc.col-desc--subtext { font-size: 12px; letter-spacing: 0.02em; margin: 5px 0px 30px; } .row-header { text-align: left; } .row-title { font-family: 'Futura-Bold', sans-serif; font-weight: 600; } .row-desc { font-family: 'Helvetica', sans-serif; font-size: 14px; font-weight: initial; } .member-chart__circle { position: relative; margin: 0 auto 0 40%; padding: 30px; height: 30px; width: 30px; border-radius: 50%; } .member-chart__circle.-yes { background: #e36f1e; } .member-chart__circle.-no { background: #666666; } @media (min-width: 400px) { .member-chart__circle { height: 60px; width: 60px; margin: 0 auto; } } @media (min-width: 1199px) { .member-chart__circle { padding: 40px; height: 80px; width: 80px; } } .member-chart__row--editor { margin-top: 20px; } .global-footer { background: #353535; color: white; padding: 75px 0; margin-top: 37.5px; } .global-footer a { color: white; text-decoration: none; } .global-footer a:hover { color: #339ff3; } .global-footer li { margin-left: 0px; list-style-type: none; } .global-footer .nav-links__list { margin-top: 0; } .global-footer a.footer-link img { width: 70%; height: 70%; } .global-footer .col-sm-6 { border-left: 1px solid white; } @media (max-width: 767px) { .global-footer .col-sm-6 { border-left: none; } } .global-footer .col-sm-6 .row p:first-child { margin-top: 0px; } @media (max-width: 767px) { .global-footer .col-sm-6 .row p:first-child { float: left; margin-top: 30px; } } .global-footer .col-sm-6 .row .social-links li { display: inline-block; margin-right: 15px; background: #666666; width: 30px; height: 30px; } .global-footer .col-sm-6 .row .social-links li a { width: 100%; display: block; color: white; text-align: center; line-height: 32px; height: 100%; } .global-footer .col-sm-6 .row .social-links li a i { font-size: 1.6rem; } .global-footer .col-sm-6 .row .social-links li a:hover { background: #0b6bb5; } .global-footer__logo-link { display: block; padding-top: 4px; } .global-footer__logo-link img { width: 70%; height: 70%; } .global-footer__subdued { color: #666666; } /* -------------------------------- Main components -------------------------------- */ .asq-main-content { /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */ height: 100%; position: relative; z-index: 2; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .asq-main-content:focus { outline: none; } .asq-main-content.lateral-menu-is-open { /* translate to show the lateral menu - all content needs to be put in the .asq-main-content to translate*/ -moz-transform: translateX(280px); -ms-transform: translateX(280px); -o-transform: translateX(280px); -webkit-transform: translateX(280px); transform: translateX(280px); } .global-header { position: absolute; width: 100%; top: 40px; left: 0; height: 44px; z-index: 5; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } @media (max-width: 767px) { .global-header { top: 0px; z-index: 15; } } .global-header.lateral-menu-is-open { /* translate to show the lateral menu */ -moz-transform: translateX(280px); -ms-transform: translateX(280px); -o-transform: translateX(280px); -webkit-transform: translateX(280px); transform: translateX(280px); } @media (max-width: 767px) { .global-header.lateral-menu-is-open #asq-top-nav.mobile { display: block; } } @media (max-width: 767px) { .global-header.lateral-menu-is-open #asq-top-nav.desktop { display: none; } } .global-header.is-fixed { position: fixed; } #asq-logo { display: block; position: absolute; left: 124px; } @media (max-width: 767px) { #asq-logo { top: 75px; left: 90px; } } @media (max-width: 400px) { #asq-logo { left: 65px; top: 57px; } } #asq-logo img { display: block; width: 90px; height: 126px; } @media (max-width: 767px) { #asq-logo img { width: 60px; height: auto; display: block; } } #asq-menu-trigger { position: fixed; left: 0; top: 40px; z-index: 10; height: 80px; width: 80px; background-color: #86b850; text-decoration: none; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } #asq-menu-trigger:hover { background: #0b6bb5; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } @media (max-width: 1400px) { #asq-menu-trigger { position: absolute; } } @media (max-width: 767px) { #asq-menu-trigger { background: transparent; position: absolute; top: 60px; left: 0px; } } @media (max-width: 400px) { #asq-menu-trigger { width: 60px; top: 40px; } } #asq-menu-trigger .asq-menu-text { text-transform: uppercase; color: white; font-weight: 600; text-decoration: none; font-family: 'Futura', sans-serif; letter-spacing: 1px; text-align: center; width: 100%; display: block; bottom: 10px; position: absolute; } #asq-menu-trigger .asq-menu-icon { /* this span is the central line in the menu menu */ display: inline-block; position: absolute; left: 0; right: 0; top: 30px; margin: 0 auto; width: 30px; height: 4px; background-color: white; -moz-transition: background-color ease 0.4s; -o-transition: background-color ease 0.4s; -webkit-transition: background-color ease 0.4s; transition: background-color ease 0.4s; /* these are the upper and lower lines in the menu menu */ } #asq-menu-trigger .asq-menu-icon::before, #asq-menu-trigger .asq-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; } #asq-menu-trigger .asq-menu-icon::before { bottom: 10px; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } #asq-menu-trigger .asq-menu-icon::after { top: 10px; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; } #asq-menu-trigger { -moz-transition: transform 0.4s; -o-transition: transform 0.4s; -webkit-transition: transform 0.4s; transition: transform 0.4s; } #asq-menu-trigger.is-clicked { -moz-transform: translateX(280px); -ms-transform: translateX(280px); -o-transform: translateX(280px); -webkit-transform: translateX(280px); transform: translateX(280px); } #asq-menu-trigger.is-clicked .asq-menu-icon { background-color: rgba(255, 255, 255, 0); -moz-transition: background-color ease 0.4s; -o-transition: background-color ease 0.4s; -webkit-transition: background-color ease 0.4s; transition: background-color ease 0.4s; } #asq-menu-trigger.is-clicked .asq-menu-icon::before, #asq-menu-trigger.is-clicked .asq-menu-icon::after { background-color: white; } #asq-menu-trigger .asq-menu-icon::before { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } #asq-menu-trigger .asq-menu-icon::after { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } #asq-menu-trigger.is-clicked .asq-menu-icon::before { bottom: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } #asq-menu-trigger.is-clicked .asq-menu-icon::after { top: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } #asq-lateral-nav { position: fixed; height: 100%; left: 0; top: 0; visibility: hidden; /* the secondary navigation is covered by the main element */ z-index: 500; width: 280px; background-color: #353535; overflow-y: auto; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: transform 0.4s 0.1s, visibility 0s 0.4s; -o-transition: transform 0.4s 0.1s, visibility 0s 0.4s; -webkit-transition: transform 0.4s 0.1s, visibility 0s 0.4s; transition: transform 0.4s 0.1s, visibility 0s 0.4s; /* this creates the subtle slide in animation of the navigation */ -moz-transform: translateX(-280px); -ms-transform: translateX(-280px); -o-transform: translateX(-280px); transform: translateX(-280px); } #asq-lateral-nav a.current { background-color: #3a4a4d; color: white; } .no-touch #asq-lateral-nav a:hover { color: white; } @media only screen and (min-width: 768px) { #asq-lateral-nav .asq-navigation { margin: 20px 0; } } #asq-lateral-nav.lateral-menu-is-open { -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; -moz-transition: transform 0.4s 0s, visibility 0s 0s; -o-transition: transform 0.4s 0s, visibility 0s 0s; -webkit-transition: transform 0.4s 0s, visibility 0s 0s; transition: transform 0.4s 0s, visibility 0s 0s; /* smooth the scrolling on touch devices - webkit browsers */ -webkit-overflow-scrolling: touch; } /* style menu items which have a submenu */ #asq-lateral-nav .item-has-children > a { position: relative; text-transform: uppercase; font-weight: 600; /* this is the right arrow to show that the item has a submenu */ } #asq-lateral-nav .item-has-children > a::after { content: ''; display: block; height: 11px; width: 8px; position: absolute; top: 50%; bottom: auto; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1em; background: url("../img/asq-arrow.svg") no-repeat center center; background-size: 8px 11px; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: transform; transition-property: transform; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } #asq-lateral-nav .item-has-children > a.submenu-open::after { -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .asq-navigation > li { list-style-type: none; margin: 0; } .asq-navigation > li a { padding: 12px 20px; width: 100%; color: #8c8c8c; font-family: 'Futura-Bold', sans-serif; text-transform: uppercase; font-weight: 800; display: block; font-size: 14px; letter-spacing: 1px; text-decoration: none; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; } .asq-navigation > li a:hover, .asq-navigation > li a:focus { background: #666666; text-decoration: none; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; color: white; } .asq-navigation > li.has-children { position: relative; z-index: 10; } .asq-navigation > li.has-children .children { max-height: 0px; margin: 0; overflow: hidden; -moz-transition: max-height 0.25s cubic-bezier(0, 1, 0, 1); -o-transition: max-height 0.25s cubic-bezier(0, 1, 0, 1); -webkit-transition: max-height 0.25s cubic-bezier(0, 1, 0, 1); transition: max-height 0.25s cubic-bezier(0, 1, 0, 1); } .asq-navigation > li.has-children .children.open { max-height: 2000px; -moz-transition: max-height 0.25s cubic-bezier(1, 0, 1, 0); -o-transition: max-height 0.25s cubic-bezier(1, 0, 1, 0); -webkit-transition: max-height 0.25s cubic-bezier(1, 0, 1, 0); transition: max-height 0.25s cubic-bezier(1, 0, 1, 0); } .asq-navigation > li.has-children .children .child { position: relative; margin-top: 2px; } .asq-navigation > li.has-children .children .child a { font-family: 'Futura', sans-serif; font-weight: 500; text-transform: capitalize; letter-spacing: normal; } .asq-navigation > li.has-children .children .child.has-children .child { margin-top: 2px; } .asq-navigation > li.has-children:hover > a, .asq-navigation > li.has-children:focus > a { color: white; background-color: #666666; } .asq-navigation > li.has-children:hover .open-children, .asq-navigation > li.has-children:focus .open-children { background-color: #353535; } .asq-navigation > li.has-children:hover .open-children.open, .asq-navigation > li.has-children:focus .open-children.open { background-color: #86b850; } .asq-navigation > li.has-children:hover .open-children.open:hover, .asq-navigation > li.has-children:focus .open-children.open:hover, .asq-navigation > li.has-children:hover .open-children.open:focus, .asq-navigation > li.has-children:focus .open-children.open:focus { background-color: #e36f1e; } .asq-navigation > li.has-children .open-children:hover, .asq-navigation > li.has-children .open-children:focus { background-color: #e36f1e; } .asq-navigation > li .open-children { position: absolute; z-index: 15; width: 24px; height: 24px; right: 12px; top: 12px; background: #666666; cursor: pointer; -moz-transition: all 0.25s; -o-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; } .asq-navigation > li .open-children:hover { background-color: #e36f1e; -moz-transition: all 0.25s; -o-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; } .asq-navigation > li .open-children:before, .asq-navigation > li .open-children:after { content: ''; width: 12px; height: 2px; background: white; display: block; position: absolute; left: 0; right: 0; margin: -1px auto; top: 50%; } .asq-navigation > li .open-children:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -moz-transition: transform 0.25s; -o-transition: transform 0.25s; -webkit-transition: transform 0.25s; transition: transform 0.25s; } .asq-navigation > li .open-children.open { background-color: #86b850; } .asq-navigation > li .open-children.open:after { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: transform 0.25s; -o-transition: transform 0.25s; -webkit-transition: transform 0.25s; transition: transform 0.25s; } .child { background-color: rgba(161, 161, 161, 0.1); } .child .child { background-color: rgba(161, 161, 161, 0.2); } .child .child .child { background-color: rgba(161, 161, 161, 0.3); } .child .child .child .child { background-color: rgba(161, 161, 161, 0.4); } .child .child .child .child .child { background-color: rgba(161, 161, 161, 0.45); } .child .child .child .child .child .child { background-color: rgba(161, 161, 161, 0.5); } .child .child .child .child .child .child .child { background-color: rgba(161, 161, 161, 0.6); } .child .child .child .child .child .child .child .child { background-color: rgba(161, 161, 161, 0.65); } .child .child .child .child .child .child .child .child .child { background-color: rgba(161, 161, 161, 0.75); } .page-title { color: #86b850; font-weight: 800; font-family: 'Futura-Bold', sans-serif; font-size: 16px; letter-spacing: 1px; padding: 20px; margin-top: 40px; } .global-header .info-box { display: none; padding: 20px; background: #f0f0f0; position: absolute; top: 43px; width: 340px; z-index: 40; } .global-header .info-box:before { content: ""; width: 20px; height: 20px; background: #f0f0f0; position: absolute; top: -10px; left: 0; right: 0; margin: 0 auto; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 767px) { .global-header .info-box:before { display: none; } } @media (max-width: 767px) { .global-header .info-box { border-bottom: 3px solid #0b6bb5; -webkit-box-shadow: 0px 7px 10px -5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 7px 10px -5px rgba(0, 0, 0, 0.3); box-shadow: 0px 7px 10px -5px rgba(0, 0, 0, 0.3); width: 100%; top: 100%; } } /* -------------------------------- Top Nav -------------------------------- */ #asq-top-nav ul:first-child li a:hover { text-decoration: underline; } #asq-top-nav ul li a { font-size: 12px; font-weight: 600; } #asq-top-nav ul li a .amount { background: rgba(255, 255, 255, 0.3); width: 24px; height: 24px; display: inline-block; text-align: center; border-radius: 12px; line-height: 24px; color: #f0f0f0; margin-left: 5px; } #asq-top-nav ul li .user-icon { width: 14px; height: auto; border: 0; margin-right: 10px; display: inline-block; } #asq-top-nav ul li i.fa-search { font-size: 16px; } #asq-top-nav ul li.origin-links a { text-decoration: underline; } #asq-top-nav ul li.dividers:before { content: ''; margin-right: 10px; height: 10px; border-left: 1px solid white; } #asq-top-nav ul li.dividers:after { content: ''; margin-left: 10px; height: 10px; border-right: 1px solid white; } .utility-nav { color: white; position: absolute; top: 0; right: 60px; height: 100%; display: none; -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); -moz-transition: transform 0.5s; -o-transition: transform 0.5s; -webkit-transition: transform 0.5s; transition: transform 0.5s; } @media (max-width: 1100px) { .utility-nav { right: 60px; } } @media only screen and (min-width: 768px) { .utility-nav { display: block; } } .utility-nav li { display: inline-block; margin-left: 15px; } .utility-nav a { display: inline-block; color: white; font-weight: 600; text-decoration: none; } .utility-nav a.current { background-color: #242e30; } .utility-nav.mobile { display: none; right: 0px; left: 0px; height: auto; } .utility-nav.mobile .top-bar { background: #0b6bb5; position: relative; width: 100%; overflow: hidden; padding: 10px; } .utility-nav.mobile .top-bar ul { margin: 0; } .utility-nav.mobile .top-bar li { margin: 0 5px; } .utility-nav.mobile .top-bar a { font-size: 12px; } .utility-nav.mobile .top-bar .left { position: relative; left: 0px; float: left; } .utility-nav.mobile .top-bar .left i { margin-right: 10px; } .utility-nav.mobile .top-bar .right { position: relative; right: 0px; float: right; } .utility-nav.mobile .secondary-nav { position: absolute; right: 20px; top: 75px; } .utility-nav.mobile .secondary-nav ul { margin: 0; } @media (max-width: 767px) { .utility-nav.mobile { display: block; } } @media (max-width: 400px) { .utility-nav.mobile .secondary-nav { top: 57px; right: 10px; } } @media (max-width: 400px) { .utility-nav.mobile .secondary-nav ul li { margin-left: 5px; } } @media (max-width: 350px) { .utility-nav.mobile .secondary-nav ul li { margin-left: 5px; display: block; } } @media (max-width: 350px) { .utility-nav.mobile .secondary-nav ul li.secondary-nav__sm-btn { float: right; margin-top: 5px; } } @media (max-width: 400px) { .utility-nav.mobile .secondary-nav .btn a { font-size: 10px; padding: 5px 10px; } } @media (max-width: 767px) { .utility-nav.desktop { display: none; } } .utility-nav__block { display: inline-block; margin: 0; } @media (min-width: 767px) and (max-width: 1199px) { .utility-nav__block { display: block; margin: 0 0 8px 0; } } .breadcrumb { background: rgba(255, 255, 255, 0.3); margin-top: 37.5px; margin-bottom: 15px; } @media (max-width: 767px) { .breadcrumb { margin-top: 15px; } } .breadcrumb__list { list-style: none; margin-left: 0; overflow: hidden; } .breadcrumb__list-separator { padding: 0 3px; font-family: 'Futura', sans-serif; color: #0b6bb5; letter-spacing: 1.5px; } .breadcrumb__list-item { float: left; line-height: 23px; white-space: nowrap; } .breadcrumb__list-item a { font-family: 'Futura', sans-serif; color: #0b6bb5; letter-spacing: 1.5px; text-decoration: underline; display: inline-block; } .breadcrumb__list-item:first-child > a { background: transparent url('../img/home-blue.png'); background-image: url('../img/home-blue.png'), none; background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; padding: 8px 0; } .breadcrumb__list-item:first-child > a > .list-item__title { display: none; } .breadcrumb__list-item:first-child > a:after { content: ""; display: block; background: #0b6bb5; height: 1px; width: 16px; position: relative; bottom: -9px; left: 0; } @media (max-width: 767px) { .breadcrumb__list-item { float: none; display: inline-block; } } .breadcrumb__list-current { display: inline-block; font-family: 'Futura-Bold', sans-serif; color: #666666; font-weight: bold; text-decoration: none; vertical-align: bottom; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .gray-block { background: #f0f0f0; width: 100%; padding: 30px; overflow: hidden; } .gray-block + .gray-block { padding-top: 0; } .asq-communities { background: #0b6bb5; padding: 30px; color: white; } .asq-communities__logo { width: 70px; height: 98px; display: inline-block; vertical-align: middle; margin-right: 15px; } .asq-communities__logo + .asq-communities__title { display: inline-block; width: calc(15%); vertical-align: middle; } .asq-communities__logo + .asq-communities__title + .asq-communities__hosted-links { margin-top: 30px; } @media (max-width: 350px) { .asq-communities__logo { display: block; margin-right: initial; margin-bottom: 15px; } } .asq-communities__divider { background: #95b7dd; margin: 30px 0; } .asq-communities__title { display: inline-block; color: white; text-transform: none; } @media (max-width: 350px) { .asq-communities__title { display: block; } } .asq-communities__item { list-style: none; } .asq-communities__item a { font-family: 'Futura', sans-serif; font-weight: 500; color: white; font-size: 16px; display: block; margin: 10px 0; } .asq-communities__social-links { border-bottom: 0; padding-bottom: 0; } .asq-communities__social-links .item__link { transition: color 0.25s; } .asq-communities__social-links .item__link:hover { color: #86b850; } .item--social { display: inline-block; list-style: none; margin-right: 20px; } .item--social:last-child { margin-right: 0px; } @media (max-width: 350px) { .item--social .item__link > .fa-2x { font-size: 1.5em; } } .social-community { background: white; padding: 30px; } .social-community__title { color: #0b6bb5; text-transform: none; display: inline-block; vertical-align: middle; } .social-community__icon { display: inline-block; margin-right: 15px; width: 50px; height: 50px; background: #0b6bb5; position: relative; border-radius: 50%; vertical-align: middle; } .social-community__icon i { color: white; position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; } .social-community__divider { background: #666666; margin: 20px 0; } .social-community__social-post { display: block; margin-bottom: 10px; font-size: 12px; line-height: 20px; } .social-community__social-post:last-child { margin-bottom: 0; } @media (min-width: 400px) and (max-width: 767px) { .social-community__social-post img { max-width: 75px; height: auto; } } .social-post__content { padding-left: 0; } .content__author { color: black; font-weight: 600; } .content__post { margin: 0; } .post--facebook { text-decoration: underline; color: #0b6bb5; } .content__source { color: #959595; text-decoration: none; } .content__source:hover, .content__source:focus { text-decoration: none; color: #7c7c7c; } .source--linkedin { color: #0b6bb5; } .single-column .row .col-sm-12 section:last-child { padding-bottom: 0; } .single-column .row .col-sm-12 section:first-child { padding-top: 0; } .two-column > .row > .col-sm-6 { width: 48%; } .two-column > .row > .col-sm-6:last-child { float: right; } @media (max-width: 1199px) { .two-column > .row > .col-sm-6 { width: 50%; } } @media (max-width: 767px) { .two-column > .row > .col-sm-6 { width: 100%; } } @media (max-width: 992px) { .two-column .col-sm-6 + .col-sm-6 { margin-top: 20px; } } @media (max-width: 992px) { .two-column.two-column--small-right .col-sm-7 { margin-bottom: 20px; } } .container-fluid { width: calc(100% - 220px); } @media (max-width: 1400px) { .container-fluid { width: calc(100% - 125px); } } @media (max-width: 1199px) { .container-fluid { width: 90%; } } @media (max-width: 767px) { .container-fluid { width: 100%; } } @media (max-width: 400px) { .container-fluid { width: 100%; } } .container-fluid.container-fluid--margin-adj { margin-bottom: 0; } .container-fluid.container-fluid--margin-adj + .container-fluid { margin-top: 0; } .tiles { padding-top: 37.5px; padding-bottom: 37.5px; } .tiles .container-fluid { padding-left: 30px; padding-right: 30px; } .tiles > .row { margin-left: 0; margin-right: 0; } @media (min-width: 992px) { .tile { /*display: -ms-flexbox;*/ /*display: -webkit-flex;*/ /*display: flex;*/ -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } } .no-flexboxlegacy .tab-block__pane .tile { display: block; -ms-flex-align: initial; } .tile .col-md-6 { margin: 0; padding-left: 0px; padding-right: 0px; } @media (max-width: 992px) { .tile + .tile { margin-top: 40px; } } @media (max-width: 992px) { .tile__img { margin-bottom: 15px; } } .tile__img .image { position: relative; height: 0; } .tile__img .image .image { padding-bottom: 0; position: absolute; } .tile__img .image:after { content: ""; width: 40px; height: 40px; position: absolute; display: block; background: white; top: 100%; left: calc(50% - 20px); margin-top: -20px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 992px) { .tile__img .image:after { left: auto; right: -20px; top: 50%; } } .tab-block__pane-content .tile__img .image:after { display: none; } .tile__img.col-md-6 .image { /* padding-bottom: 75%;*/ } .tile__img.col-md-push-6 .image:after { top: 100%; left: calc(50% - 20px); } @media (min-width: 992px) { .tile__img.col-md-push-6 .image:after { left: -20px; top: 50%; } } .tile__img.col-md-5 .image { padding-bottom: 45%; } .tile__img.col-md-push-7 .image:after { top: 100%; left: 50%; } @media (min-width: 992px) { .tile__img.col-md-push-7 .image:after { left: -20px; top: 50%; } } .tile__img .image { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .tile__content { position: relative; } .tile__content .content { padding: 15px 0; } @media (min-width: 992px) { .tile__content .content { /*position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);*/ margin: 0 auto; width: 70%; width: calc(100% - 120px); } } @media (min-width: 1199px) { .tile__content .content { width: calc(100% - 200px); } } .tab-block__pane-content .tile__content .content { width: 100%; padding: 0 15px; } @media (max-width: 992px) { .tab-block__pane-content .tile__content .content { padding: 0; } } .tile__content hr { background: #666666; height: 1px; } @media (max-width: 992px) { .tile .tile__content { margin-top: 20px; } } .small-tile { margin-bottom: 37.5px; } .small-tile__image { overflow: hidden; position: relative; min-height: 120px; } .small-tile__image .icon { content: ""; height: 80px; width: 80px; background-color: white; float: left; position: relative; } .small-tile__image .icon.-circle { border-radius: 50%; } @media (min-width: 992px) and (max-width: 1199px), (max-width: 600px) { .small-tile__image .icon { display: block; margin: 0px auto; float: none; } } .small-tile__image .image { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .small-tile__image:after { content: ""; width: 40px; height: 40px; position: absolute; display: block; background: white; top: 100%; left: calc(50% - 20px); margin-top: -20px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 992px) { .small-tile__image:after { left: auto; right: -20px; top: 50%; margin-top: -20px; } } .small-tile__image.-gray-tile { background-color: #666666; color: white; padding: 20px; } .small-tile__image.-blue-tile { background-color: #0b6bb5; color: white; padding: 20px; } .small-tile__image.-green-tile { background-color: #86b850; color: white; padding: 20px; } .small-tile__image.-orange-tile { background-color: #86b850; color: white; padding: 20px; } .small-tile__title { font-family: 'Futura-Bold', sans-serif; font-weight: 600; font-size: 22px; text-align: center; text-transform: uppercase; position: absolute; top: 50%; left: 57%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 992px) { .small-tile__title { left: 50%; } } @media (min-width: 1400px) { .small-tile__title { left: 55%; } } @media (min-width: 992px) and (max-width: 1199px), (max-width: 600px) { .small-tile__title { width: 100%; margin-top: 20px; position: relative; top: auto; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @media (max-width: 600px) { .small-tile__title { padding-bottom: 20px; } } .small-tile__content { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; padding: 10px 0px; } .small-tile__content .content { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; } @media (max-width: 600px) { .small-tile__content .content { padding: 0px; } } @media (max-width: 767px) { .small-tile__content { padding: calc(18.75px) 0px; } } .content img { max-width: 100%; height: auto; } .sub-navigation { margin-top: -37.5px; z-index: 3; position: relative; } .sub-navigation .count-6 { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; /* NEW */ justify-content: space-between; align-content: space-between; } @media (max-width: 1400px) { .sub-navigation .count-6 { display: block; } } .no-flexbox .sub-navigation .count-6, .no-flexboxlegacy .sub-navigation .count-6 { display: block; } .sub-navigation__item { display: block; margin: 0px; padding: 0px; float: left; position: relative; } .count-2 > .sub-navigation__item { width: 50%; } .count-3 > .sub-navigation__item { width: 33.33%; } .count-4 > .sub-navigation__item { width: 25%; } @media (max-width: 1100px) { .count-4 > .sub-navigation__item { width: 50%; } } .count-5 > .sub-navigation__item { width: 20%; } @media (max-width: 767px) { .count-2 > .sub-navigation__item, .count-3 > .sub-navigation__item, .count-4 > .sub-navigation__item, .count-5 > .sub-navigation__item { float: none; width: 100%; } } .count-6 > .sub-navigation__item { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; } @media (max-width: 1400px) { .count-6 > .sub-navigation__item { width: 33.33%; } } @media (max-width: 1199px) { .count-6 > .sub-navigation__item { width: 50%; } } @media (max-width: 767px) { .count-6 > .sub-navigation__item { float: none; width: 100%; } } .no-flexbox .count-6 > .sub-navigation__item, .no-flexboxlegacy .count-6 > .sub-navigation__item { width: 33.33%; } @media (max-width: 1100px) { .no-flexbox .count-6 > .sub-navigation__item, .no-flexboxlegacy .count-6 > .sub-navigation__item { width: 50%; } } @media (max-width: 767px) { .no-flexbox .count-6 > .sub-navigation__item, .no-flexboxlegacy .count-6 > .sub-navigation__item { float: none; width: 100%; } } @media (max-width: 767px) { .sub-navigation__item { float: none; width: 100%; } } .sub-navigation__item > a { background: #e1e1e1; display: block; text-align: center; font-size: 12px; padding: 12px 10px; color: #666666; text-decoration: none; text-transform: uppercase; font-family: 'Futura-Bold', sans-serif; letter-spacing: 1px; -moz-transition: all 0.25s; -o-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sub-navigation__item > a:hover, .sub-navigation__item > a:focus { background: #0b6bb5; color: white; -moz-transition: all 0.25s; -o-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s; } .sub-navigation__item > a.active { background: #e36f1e; color: white; position: relative; } .sub-navigation__item > a.active:after { content: ""; width: 15px; height: 15px; background: white; display: block; position: absolute; bottom: -8px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 0; right: 0; margin: 0 auto; } @media (max-width: 1100px) { .sub-navigation__item > a.active:after { display: none; } } .count-6 > .sub-navigation__item > a { padding: 12px 14px; } @media (max-width: 1199px) { .count-6 > .sub-navigation__item > a.active:after { display: none; } } .count-6 > .sub-navigation__item.has-dropdown > a { padding: 12px 40px; } @media (max-width: 1199px) { .count-6 > .sub-navigation__item.has-dropdown > a.active:after { display: none; } } .sub-navigation__item.hovered > a, .sub-navigation__item.hovered > a.active { background: #0b6bb5; color: white; } .sub-navigation__item.hovered > a:after, .sub-navigation__item.hovered > a.active:after { content: ""; width: 15px; height: 15px; background: #0b6bb5; display: block; position: absolute; bottom: -7px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 0; right: 0; margin: 0 auto; z-index: 500; } @media (max-width: 767px) { .sub-navigation__item.hovered > a:after, .sub-navigation__item.hovered > a.active:after { bottom: auto; top: 39px; } } .content-block { background: #f0f0f0; padding: 30px; } .content-block h3 { font-weight: 800; font-family: 'Futura-Bold', sans-serif; text-transform: none; font-size: 18px; line-height: 24px; } .content-block h3.blue { color: #0b6bb5; } .content-block h3.green { color: #86b850; } .content-block.blue h3 { color: #0b6bb5; } .content-block.green h3 { color: #86b850; } .content-block .btn { position: relative; margin-top: 15px; } .content-block li { margin-left: 20px; } .hero-section { position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#14326d+0,1e5799+13,266bcc+50,1e5799+87,14326d+100 */ background: #14326d; /* Old browsers */ background: transparent -moz-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%); /* FF3.6-15 */ background: transparent -webkit-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%); /* Chrome10-25,Safari5.1-6 */ background: transparent linear-gradient(135deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background-position: center; background-repeat: no-repeat; background-size: cover; padding: 240px 0 90px; } @media (max-width: 1199px) { } @media (max-width: 767px) { .hero-section { padding: 200px 0 70px; } } .hero-section.hero-section--default { padding: 220px 0 50px; } @media (max-width: 1199px) { } .hero-section:before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; background: rgba(0, 0, 0, 0.15); } .hero-section.hero-section--flex-header { height: 0; padding-bottom: 30%; } @media (max-width: 1199px) { .hero-section.hero-section--flex-header { padding-bottom: 40%; } } @media (max-width: 767px) { .hero-section.hero-section--flex-header { padding-bottom: 65%; } } .hero-slider, .home-hero-slider { position: relative; } .hero-slider .slick-prev, .home-hero-slider .slick-prev, .hero-slider .slick-next, .home-hero-slider .slick-next { -moz-transition: transform 0.25s; -o-transition: transform 0.25s; -webkit-transition: transform 0.25s; transition: transform 0.25s; position: absolute; z-index: 9999 !important; } .hero-slider .slick-prev:hover, .home-hero-slider .slick-prev:hover, .hero-slider .slick-next:hover, .home-hero-slider .slick-next:hover { -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); -moz-transition: transform 0.25s; -o-transition: transform 0.25s; -webkit-transition: transform 0.25s; transition: transform 0.25s; } .hero-slider .slick-prev, .home-hero-slider .slick-prev { left: 50px; color: white; z-index: 9999; z-index: 5; height: 60px; width: 20px; background: url('../img/arrow-prev.png'); background-size: contain; background-repeat: no-repeat; background-position: center; } .hero-slider .slick-prev:before, .home-hero-slider .slick-prev:before { content: ""; } .hero-slider .slick-next, .home-hero-slider .slick-next { right: 50px; color: white; z-index: 5; height: 60px; width: 20px; z-index: 9999; background: url('../img/arrow-next.png'); background-size: contain; background-repeat: no-repeat; background-position: center; } .hero-slider .slick-next:before, .home-hero-slider .slick-next:before { content: ""; } @media (max-width: 767px) { } .hero-section__hero-content .align-left { float: left; } .hero-section__hero-content .align-right { float: right; } .hero-section__hero-content .align-center { float: none; margin: 0 auto; } .hero-section--default .hero-section__hero-content { top: 75%; } .hero-content__headline, .hero-content__summary { color: white; font-weight: 400; } .hero-content__headline { font-family: 'Futura', sans-serif; } .home-hero-slide { background-size: cover; position: relative; } .home-hero-slide:before { content: ""; position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.25); } .home-hero-slide.inactive { display: none; } .page-editor-mode--stack .home-hero-slide { margin: 0 0 15px 0; } .home-hero-slider { color: white; } .home-hero-slider__hero-container { margin-bottom: 0px; overflow: hidden; } .home-hero-slider__hero-container .container-fluid { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1199px) and (max-height: 600px) { .home-hero-slider__hero-container .container-fluid { top: 60%; } } @media (max-width: 767px) { .home-hero-slider__hero-container .container-fluid { top: 50%; width: 100%; } } .home-hero-slider__hero-container .slick-dots { bottom: 125px; z-index: 1000; } @media (max-width: 1199px) and (max-height: 600px) { .home-hero-slider__hero-container .slick-dots { bottom: 80px; } } @media (max-width: 400px) { .home-hero-slider__hero-container .slick-dots { bottom: 60px; } } .home-hero-slider__hero-container .slick-dots li button:before { content: ''; width: 14px; height: 14px; border-radius: 50%; border: 2px solid white; opacity: 1; } .home-hero-slider__hero-container .slick-dots li button:hover:before { width: 16px; height: 16px; } .home-hero-slider__hero-container .slick-dots li.slick-active button:before { border: 2px solid #e36f1e; background: #e36f1e; } .home-hero-slide__home-hero-content { height: 100%; } .home-hero-slide__home-hero-content .align-left { float: left; } .home-hero-slide__home-hero-content .align-right { float: right; } .home-hero-slide__home-hero-content .align-center { float: none; margin: 0 auto; } @media (max-width: 1400px) and (max-height: 767px) { .home-hero-slide__home-hero-content .home-hero-slide__content-container { width: 70%; } } @media (max-width: 1199px) and (max-height: 600px) { .home-hero-slide__home-hero-content .home-hero-slide__content-container { width: 80%; } } @media (max-width: 767px) { .home-hero-slide__home-hero-content .home-hero-slide__content-container { width: 100%; } } .home-hero-content__headline, .home-hero-content__description { color: white; font-weight: 400; } .home-hero-content__headline { font-family: 'Futura', sans-serif; font-weight: 500; } @media (max-width: 767px) { .home-hero-content__headline { font-size: 30px; } } @media (max-width: 767px) { .home-hero-content__description { line-height: 1.2; } } .light-theme .hero-content__headline, .light-theme .hero-content__summary, .light-theme .home-hero-content__headline, .light-theme .home-hero-content__description { color: white; } .light-theme .hero-content__headline a:link, .light-theme .hero-content__summary a:link, .light-theme .home-hero-content__headline a:link, .light-theme .home-hero-content__description a:link, .light-theme .hero-content__headline a:visited, .light-theme .hero-content__summary a:visited, .light-theme .home-hero-content__headline a:visited, .light-theme .home-hero-content__description a:visited, .light-theme .hero-content__headline a:hover, .light-theme .hero-content__summary a:hover, .light-theme .home-hero-content__headline a:hover, .light-theme .home-hero-content__description a:hover { color: white; } .light-theme .hero-content__divider, .light-theme .home-hero-content__divider { background: white; } .slider-block__list { position: absolute; bottom: 0; margin: 10px; z-index: 50; } .slider-block__list-item { width: 250px; height: 110px; float: left; margin-left: 10px; } .slider-block__list-item:first-child { margin-left: 0; } .slider-block__list-item a { display: block; width: 100%; height: 100%; background-size: cover; } .slider-block__list-item a.active { border: 1px solid #0b6bb5; } .slider-block__list-item img { max-width: 100%; height: auto; } .slider-block__toggle-ctrls { position: absolute; right: 0; z-index: 60; } h1, h2, h3, h4, h5, h6 { color: #0b6bb5; padding: 0; line-height: 100%; letter-spacing: 0; margin: 0; font-weight: normal; font-family: 'Futura', sans-serif; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC', sizingMethod=crop); zoom: 1; } h1.-no-space, h2.-no-space, h3.-no-space, h4.-no-space, h5.-no-space, h6.-no-space { margin-bottom: initial; } /* To disable smoothing applied elsewhere, add this class to the element: */ .do-not-smooth { filter: none; } .header-w-callout { width: 100%; margin-bottom: 15px; } .header-w-callout__title { float: left; } .header-w-callout__nav { float: right; } .header-w-callout__nav a { display: inline-block; padding: 10px 0; font-family: 'Futura-Bold', sans-serif; text-transform: uppercase; } .header-filters { position: relative; } .header-filters__link.filtered { color: #666666; text-decoration: underline; } h1 { font-size: 50px; line-height: 50px; text-transform: uppercase; letter-spacing: 0.05em; } @media (max-width: 400px) { h1 { font-size: 30px; line-height: 36px; } } h2 { font-size: 35px; line-height: 40px; text-transform: uppercase; letter-spacing: 0.02em; margin-bottom: 0.5em; } h2.-alt-header { text-transform: initial; font-family: 'Futura-Bold', sans-serif; font-weight: 600; } @media (max-width: 400px) { h2 { font-size: 24px; line-height: 30px; } } h3 { font-size: 19px; font-family: 'Futura-Bold', sans-serif; line-height: 25px; font-weight: bold; text-transform: unset; } h4 { font-size: 19px; line-height: 25px; text-transform: unset; letter-spacing: 0.02em; color: #86b850; font-weight: 200; } @media (max-width: 400px) { h4 { font-size: 14px; line-height: 18px; } } h5 { font-size: 18px; line-height: 22px; } h6 { font-size: 16px; line-height: 18px; } a { color: #0b6bb5; } .quote { text-indent: -1ex; } body { margin: 0; padding: 0; color: #090909; overflow-x: hidden; background-color: white; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-family: Helvetica, sans-serif; line-height: 23px; font-size: 14px; } address { font-style: normal; } span.note { display: block; margin: 1em 0px; font-size: 12px; font-family: 'Helvetica', sans-serif; } span.note.-blue { color: #0b6bb5; } span.note.-orange { color: #e36f1e; } span.note.-green { color: #86b850; } span.note.-gray { color: #545454; } ol { list-style-type: none; counter-reset: ol-counter; margin: 1em 0; padding: 0; } ol li { margin-left: 3px; padding-left: 1em; text-indent: -1.2em; } ol li:before { counter-increment: ol-counter; content: counter(ol-counter, decimal); font-family: 'Futura', sans-serif; font-size: 14px; line-height: 14px; color: #0b6bb5; padding-right: 10px; position: relative; top: 0px; } .bkg-colors-blue ol li:before, .bkg-colors-green ol li:before, .bkg-colors-orange ol li:before { color: white; } ol li ol li:before { content: counter(ol-counter, lower-alpha); } ol li ol li ol li:before { content: counter(ol-counter, lower-roman); } ul { margin: 1em 0; padding: 0; list-style-type: none; } .rich-text-callout-container ul li, .rich-text-container ul li, .tile__content ul li, .tab-block__pane-content ul li, #ContentWrapper ul li { margin-left: 3px; padding-left: 1em; text-indent: -1.2em; position: relative; } .rich-text-callout-container ul li:before, .rich-text-container ul li:before, .tile__content ul li:before, .tab-block__pane-content ul li:before, #ContentWrapper ul li:before { content: "\2022"; color: #0b6bb5; /* or whatever color you prefer */ padding-right: 10px; font-size: 20px; line-height: 14px; position: relative; top: 2px; } .bkg-colors-blue.rich-text-callout-container ul li:before, .bkg-colors-blue.rich-text-container ul li:before, .bkg-colors-blue.tile__content ul li:before, .bkg-colors-blue.tab-block__pane-content ul li:before, .bkg-colors-blue#ContentWrapper ul li:before, .bkg-colors-green.rich-text-callout-container ul li:before, .bkg-colors-green.rich-text-container ul li:before, .bkg-colors-green.tile__content ul li:before, .bkg-colors-green.tab-block__pane-content ul li:before, .bkg-colors-green#ContentWrapper ul li:before, .bkg-colors-orange.rich-text-callout-container ul li:before, .bkg-colors-orange.rich-text-container ul li:before, .bkg-colors-orange.tile__content ul li:before, .bkg-colors-orange.tab-block__pane-content ul li:before, .bkg-colors-orange#ContentWrapper ul li:before { color: white; } .rich-text-callout-container ul li ul li, .rich-text-container ul li ul li, .tile__content ul li ul li, .tab-block__pane-content ul li ul li, #ContentWrapper ul li ul li { text-indent: -1.25em; } .rich-text-callout-container ul li ul li:before, .rich-text-container ul li ul li:before, .tile__content ul li ul li:before, .tab-block__pane-content ul li ul li:before, #ContentWrapper ul li ul li:before { content: "-"; } .rich-text-callout-container ul li ul li ul li, .rich-text-container ul li ul li ul li, .tile__content ul li ul li ul li, .tab-block__pane-content ul li ul li ul li, #ContentWrapper ul li ul li ul li { text-indent: -1.3em; } .rich-text-callout-container ul li ul li ul li:before, .rich-text-container ul li ul li ul li:before, .tile__content ul li ul li ul li:before, .tab-block__pane-content ul li ul li ul li:before, #ContentWrapper ul li ul li ul li:before { content: "\25A0"; font-size: 14px; top: -2px; } .list-item-clear { padding-left: 0; text-indent: 0; } .list-item-clear:before { content: ""; display: none; } img { border-style: none; border: 0px; text-decoration: none; } img.-circle { border-radius: 50%; } .asq-main-content { background: white; } .no-margins { margin-left: 0; margin-right: 0; } @media (max-width: 400px) { .no-margins { margin-left: -15px; margin-right: -15px; } } .content-section { padding-top: 37.5px; padding-bottom: 37.5px; } .section-header { margin-top: 37.5px; text-transform: uppercase; letter-spacing: 0.05em; } hr { margin: 15px 0; display: block; border: none; height: 1px; } hr.short { background: white; width: 80px; margin-left: 0; text-align: left; } .tile__content hr.short { background: #666666; } .btn { display: inline-block; transition: background 0.25s; } .content .btn + .btn { margin-top: 1em; } .btn a, .btn button { background: transparent; color: white; display: inline-block; border: none; padding: 10px 20px; font-family: 'Futura-Bold', sans-serif; text-transform: uppercase; font-weight: 800; text-decoration: none; font-size: 12px; letter-spacing: 1px; transition: background 0.3s; cursor: pointer; } .btn a:hover, .btn button:hover { text-decoration: none; color: white; } @media (max-width: 400px) { .btn a, .btn button { padding: 10px; } } .btn.transparent { background: rgba(255, 255, 255, 0.3); } .btn.green { background: #86b850; } .btn.blue { background: #0b6bb5; } .btn.blue:hover { background: #e36f1e; transition: background 0.3s; } .btn.orange { background: #e36f1e; } .btn:hover { background: #0b6bb5; transition: background 0.3s; } .btn.alt-hover:hover { background: #e36f1e; } .btn.small a, .btn.small button { font-size: 10px; padding: 5px 10px; } .btn.btn--block { display: block; margin: 15px 0; } .login .btn.green:hover { background: #e36f1e; } .btn.btn--full-width { width: 100%; text-align: center; } .btn.btn--full-width > a { width: 100%; height: 100%; } .btn.btn--float-right { float: right; } .btn.btn--has-icon { position: relative; } .btn.btn--has-icon > a { position: relative; z-index: 10; width: 100%; height: 100%; padding: 10px 20px 10px 50px; } .btn.btn--has-icon:before { position: absolute; z-index: 9; top: 10px; left: 5px; content: ""; height: 20px; width: 40px; background-color: #0b6bb5; background-size: cover; background-position: center; background-repeat: no-repeat; } .btn.btn--has-icon.btn--email:before { background-color: transparent; background: transparent url(/Content/images/icons/email-white.png) center center no-repeat; background-image: url(/Content/images/icons/email-white.png), none; background-size: contain; } .btn.btn--has-icon.btn--chat:before { background-color: transparent; background: url(/Content/images/icons/chat-white.png) center center no-repeat; background-image: url(/Content/images/icons/chat-white.png), none; background-size: contain; } .btn.btn--has-icon.btn--disabled { background-color: #666666; } .btn.btn--has-icon.btn--disabled > a { pointer-events: none; cursor: default; } .btn--inline-link { display: inline-block; } .btn--inline-link a { display: block; font-size: 16px; text-decoration: underline; font-family: 'Futura', sans-serif; } .btn--inline-link a img { display: inline-block; margin-right: 10px; } .btn__icon, .btn--callout-link-icon a { padding: 10px; position: relative; } .btn__icon:after, .btn--callout-link-icon a:after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .btn--callout-link-icon-edit a { padding-left: 40px; } .btn--callout-link-icon-edit a:after { left: 5px; width: 31px; height: 32px; background: url(/Content/images/icons/edit-green.png) center center no-repeat; background-image: url(/Content/images/icons/edit-green.svg), none; background-size: contain; } .btn--callout-link-icon-heart a { padding-left: 46px; } .btn--callout-link-icon-heart a:after { left: 5px; width: 32px; height: 27px; background: url(/Content/images/icons/heart-green.png) center center no-repeat; background-image: url(/Content/images/icons/heart-green.svg), none; background-size: contain; } .btn__icon-page { padding-left: 40px; } .btn__icon-page:after { left: 5px; width: 20px; height: 26px; background: url(/Content/images/icons/page-green.png) center center no-repeat; background-image: url(/Content/images/icons/page-green.svg), none; background-size: contain; } .btn__icon-share { padding-left: 40px; } .btn__icon-share:after { left: 5px; width: 21px; height: 21px; background: url(/Content/images/icons/share-green.png) center center no-repeat; background-image: url(/Content/images/icons/share-green.svg), none; background-size: contain; } .btn__icon-quote { padding-left: 40px; } .btn__icon-quote:after { left: 5px; width: 19px; height: 23px; background: url(/Content/images/icons/quote-green.png) center center no-repeat; background-image: url(/Content/images/icons/quote-green.svg), none; background-size: contain; } /* Background Color Themes If you change these class names you must also change them in '/sitecore/content/global/configuration/frames/background-colors' */ .bkg-colors-blue { color: white; background-color: #0b6bb5; padding: 20px; } .bkg-colors-green { color: white; background-color: #86b850; padding: 20px; } .bkg-colors-orange { color: white; background-color: #e36f1e; padding: 20px; } .bkg-colors-blue h1, .bkg-colors-green h1, .bkg-colors-orange h1, .bkg-colors-blue h2, .bkg-colors-green h2, .bkg-colors-orange h2, .bkg-colors-blue h3, .bkg-colors-green h3, .bkg-colors-orange h3, .bkg-colors-blue h4, .bkg-colors-green h4, .bkg-colors-orange h4, .bkg-colors-blue h5, .bkg-colors-green h5, .bkg-colors-orange h5, .bkg-colors-blue h6, .bkg-colors-green h6, .bkg-colors-orange h6, .bkg-colors-blue a, .bkg-colors-green a, .bkg-colors-orange a, .bkg-colors-blue p, .bkg-colors-green p, .bkg-colors-orange p { color: white; } .rich-text-callout-container { clear: both; margin-bottom: 37.5px; } .rich-text-callout-container img { max-width: 100%; height: auto; } .rich-text-callout-container.align-right { float: right; text-align: right; width: 100%; } .rich-text-callout-container.align-left { text-align: left; width: 100%; } .rich-text-callout-container + .rich-text-callout-container:last-child { margin-bottom: 0; } .tab-container { padding: 37.5px 0; } .tab-container:first-child { padding-top: 0; } .tab-container .tabs { list-style-type: none; margin: 0; padding: 0; width: 100%; display: block; float: left; position: relative; z-index: 2; } .tab-container .tabs li { float: left; padding: 30px 50px; background: #d7d7d7; cursor: pointer; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; padding-left: 0; text-indent: 0; } .tab-container .tabs li:before { content: ""; display: none; } .tab-container .tabs li:before { content: ""; display: none; } .tab-container .tabs li:hover { background: #0b6bb5; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .tab-container .tabs li:hover a { color: white; } .tab-container .tabs li a { color: #666666; font-family: 'Futura', sans-serif; text-decoration: none; } .tab-container .tabs li a span { font-weight: 600; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; } .tab-container .tabs li.active { background: #86b850; position: relative; } .tab-container .tabs li.active:after { content: ""; width: 10px; height: 10px; background: #86b850; position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .tab-container .tabs li.active a { color: white; } @media (min-width: 767px) and (max-width: 1199px) { #headlines-events .tab-container .tabs li { width: 50%; text-align: center; } } .tab-container .block { position: relative; float: left; width: 100%; background: #f0f0f0; padding: 15px 30px; } .tab-container .block .listing .list-item { margin: 30px 0; display: block; overflow: hidden; border-bottom: 1px solid #666666; } .tab-container .block .listing .list-item h1 { font-size: 16px; line-height: 24px; font-family: 'Futura', sans-serif; font-weight: 500; color: #0b6bb5; text-transform: capitalize; letter-spacing: 1px; } .tab-container .block .listing .list-item .date { font-size: 11px; color: #666666; } .tab-container .block .listing .list-item p { margin: 0 0 30px 0; } .tab-container .block .listing .view-more { margin: 30px 0; display: block; } .tab-container .block .listing .view-more a { font-family: 'Futura-Bold', sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; display: inline-block; vertical-align: middle; -moz-transition: color 0.25s; -o-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; } .tab-container .block .listing .view-more a:hover { color: #e36f1e; -moz-transition: color 0.25s; -o-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; } .tab-container .block .listing .view-more.headlines:before { content: ""; width: 40px; height: 40px; background: url('/Content/images/svgs/newspaper.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 15px; } @media (max-width: 400px) { .tab-container .block { padding: 0px 15px; } } .tab-container #events .list-item img { display: block; margin-bottom: 30px; } .tab-container #events .list-item h1 { display: block; margin-bottom: 5px; } #advance-and-develop .tab-container { overflow: hidden; } #advance-and-develop .tab-container h2 { padding-bottom: 20px; font-weight: 400; } @media (max-width: 600px) { #advance-and-develop .tab-container h2 { padding-bottom: 0px; } } #advance-and-develop .tab-container .tabs li { float: left; width: 50%; padding: 30px; background: #86b850; cursor: pointer; } #advance-and-develop .tab-container .tabs li:hover { background: #0b6bb5; color: white; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } #advance-and-develop .tab-container .tabs li:hover a { color: white; } #advance-and-develop .tab-container .tabs li:hover h4, #advance-and-develop .tab-container .tabs li:hover span { color: white; } #advance-and-develop .tab-container .tabs li a { color: gray; font-weight: bold; font-family: 'Futura', sans-serif; text-decoration: none; color: white; } #advance-and-develop .tab-container .tabs li a h4, #advance-and-develop .tab-container .tabs li a span { color: white; font-weight: 400; text-transform: uppercase; } @media (max-width: 600px) { #advance-and-develop .tab-container .tabs li a h4 { font-size: 14px; line-height: 18px; } } #advance-and-develop .tab-container .tabs li a span { font-size: 11px; letter-spacing: 1px; } #advance-and-develop .tab-container .tabs li.active { background: white; } #advance-and-develop .tab-container .tabs li.active:after { content: ""; display: none; } #advance-and-develop .tab-container .tabs li.active a { color: #86b850; } #advance-and-develop .tab-container .tabs li.active h4, #advance-and-develop .tab-container .tabs li.active span { color: #86b850; } @media (max-width: 600px) { #advance-and-develop .tab-container .tabs li { padding: 15px 20px; } } #advance-and-develop .tab-container .block { background: white; } #advance-and-develop .tab-container .block ul.tab-content { background: white; margin: 0; } #advance-and-develop .tab-container .block ul.tab-content > li { border-bottom: 1px solid #ddeec5; padding: 30px 0; } #advance-and-develop .tab-container .block ul.tab-content > li .icon { background: #86b850; width: 80px; height: 80px; border-radius: 50%; margin: 0 auto; position: relative; } #advance-and-develop .tab-container .block ul.tab-content > li .icon img { position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50%; left: 25%; } @media (max-width: 600px) { #advance-and-develop .tab-container .block ul.tab-content > li .icon { width: 60px; height: 60px; } } @media (max-width: 400px) { #advance-and-develop .tab-container .block ul.tab-content > li .icon { width: 50px; height: 50px; } } #advance-and-develop .tab-container .block ul.tab-content > li:last-child { border-bottom: none; } #advance-and-develop .tab-container .block ul.tab-content > li h4 { color: #86b850; margin-bottom: 10px; font-family: 'Futura-Bold', sans-serif; text-transform: uppercase; } #advance-and-develop .tab-container .block ul.tab-content > li a { display: block; width: 50%; float: left; font-family: 'Futura', sans-serif; font-size: 16px; margin: 5px 0; text-decoration: underline; } @media (max-width: 600px) { #advance-and-develop .tab-container .block ul.tab-content > li a { width: 100%; } } @media (max-width: 767px) { #advance-and-develop .tab-container .block ul.tab-content > li { padding: 20px 0; } } @media (max-width: 400px) { #advance-and-develop .tab-container .block ul.tab-content > li { padding: 15px 0; } } #advance-and-develop .tab-container .block p { float: left; background: white; padding: 30px; color: #86b850; } @media (min-width: 767px) and (max-width: 1199px) { ul.tab-content a { width: 100%; } } @media (max-width: 400px) { ul.tab-content a { width: 100%; } } /* -------------------------------- utility classes -------------------------------- */ .asq-img-replace { /* replace text with a background-image */ display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; } .overflow-hidden { overflow: hidden; } #lean_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background: black; display: none; } .clearfix, .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .tab-block { margin-bottom: 37.5px; position: relative; } .tab-block--vert-tabs { content: ; display: table; width: 100%; } .page-editor .tab-block__pane { margin: 0 0 15px; } .page-editor .tab-block--active .tab-block__pane { margin: 0; } .tab-block__pane .row.tile { margin-left: 0; margin-right: 0; } .-widescreen .tab-block__pane.tab-block__pane-right { width: 60%; float: right; position: relative; } .tab-block--accordion .-widescreen .tab-block__pane.tab-block__pane-right { width: 100%; } .-widescreen.tab-block--accordion .tab-block__pane, .tab-block--accordion .tab-block__pane { margin-bottom: 10px; } .tab-block__list { content: ; display: table; width: 100%; margin: 0px; margin: -1px \9; } .tab-block--accordion .tab-block__list { display: none; } .tab-block__vert-list { margin: 0; width: 37%; float: left; padding: 30px 0; } .tab-block--accordion .tab-block__vert-list { display: none; } .tab-block__list-item { display: block; float: left; } @media (min-width: 767px) and (max-width: 1199px) { .tab-container--green .tab-block__list-item { width: 50%; text-align: center; } } .tab-block__vert-list-item { display: block; border-top: 1px solid #666666; } .tab-block__vert-list-item:first-child { border-top: none; } .tab-block__pane-title { content: ; display: table; font-family: 'Futura', sans-serif; letter-spacing: 0.07em; } .tab-block--tabs .tab-block__pane-title { display: none; } .tab-block--accordion .tab-block__pane-title, .accordion-block--page-editor .tab-block__pane-title { width: 100%; } .tab-block--vert-tabs.tab-block--page-editor.-widescreen .tab-block__pane-title { position: absolute; left: -67%; top: 25px; } .tab-block__pane-title.tab-block__pane-title--spaced { margin-bottom: 20px; } .tab-block__pane-link { float: left; width: 100%; display: block; font-size: 15px; padding: 20px 30px; background: #d7d7d7; cursor: pointer; text-transform: uppercase; -moz-transition: background 0.25s; -o-transition: background 0.25s; -webkit-transition: background 0.25s; transition: background 0.25s; } .tab-block__pane-link:focus { outline: none; } .tab-container--green .tab-block__pane-link { padding: 30px 50px; } .tab-container--green .tab-block__pane-link.active { background: #86b850; } .tab-container--green .tab-block__pane-link.active:after { background: #86b850; } @media (min-width: 767px) and (max-width: 1199px) { .tab-container--green .tab-block__pane-link { display: block; padding: 30px 0px; width: 100%; } } .tab-block__list-item:nth-child(2) .tab-block__pane-link { background: #e1e1e1; } .tab-block__list-item:nth-child(3) .tab-block__pane-link { background: #ebebeb; } .tab-block__list-item:nth-child(4) .tab-block__pane-link { background: #f3f3f3; } .tab-block__list-item:nth-child(5) .tab-block__pane-link { background: #f8f8f8; } .tab-block__list-item:nth-child(6) .tab-block__pane-link { background: #fdfdfd; } .tab-block__pane-link:link, .tab-block__pane-link:visited { text-decoration: none; color: #666666; font-family: 'Futura', sans-serif; } .tab-block__pane-link:hover, .tab-block__list-item .tab-block__pane-link:hover { background: #0b6bb5; color: white; } .tab-block__pane-link.active, .tab-block__list-item .tab-block__pane-link.active { background: #0b6bb5; position: relative; color: white; z-index: 1; } .tab-block__pane-link.active:after, .tab-block__list-item .tab-block__pane-link.active:after { content: ""; width: 10px; height: 10px; background: #0b6bb5; position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .tab-block--compact .tab-block__pane-link.active.active, .tab-block--compact .tab-block__list-item .tab-block__pane-link.active.active { background: #0b6bb5; } .tab-block--compact .tab-block__pane-link.active.active:after, .tab-block--compact .tab-block__list-item .tab-block__pane-link.active.active:after { background: #0b6bb5; } .tab-block--accordion .tab-block__pane-link { color: #f0f0f0; width: 100%; padding: 20px 60px 20px 25px; position: relative; background: #0b6bb5; } .tab-block--accordion .tab-block__pane-link.active:after { background: #0b6bb5; right: auto; left: 20px; } .tab-block--accordion .tab-block__pane-link:before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 20px; width: 30px; height: 30px; background: #f0f0f0 url(/Content/images/icons/toggle-plus-blue.png) center center no-repeat; background-image: url(/Content/images/icons/toggle-plus-blue.svg), none; background-size: 12px; } .tab-block--accordion .tab-block__pane-link.active:before { background: #f0f0f0 url(/Content/images/icons/toggle-minus-blue.png) center center no-repeat; background-image: url(/Content/images/icons/toggle-minus-blue.svg), none; background-size: 12px; } .accordion-block--page-editor .tab-block__pane-link { width: 100%; padding: 20px 60px 20px 25px; color: #f0f0f0; background: #0b6bb5; } .tab-block--compact .tab-block__pane-link { display: block; width: 100%; padding: 20px; text-align: center; } .tab-block__vert-list-item .tab-block__pane-link, .tab-block--page-editor.tab-block--vert-tabs.-widescreen .tab-block__pane-link { color: #0b6bb5; display: block; padding: 15px 0; background: none; float: none; width: 100%; text-transform: capitalize; } .tab-block__vert-list-item .tab-block__pane-link:hover, .tab-block--page-editor.tab-block--vert-tabs.-widescreen .tab-block__pane-link:hover { font-family: 'Futura-Bold', sans-serif; } .tab-block__vert-list-item .tab-block__pane-link:after, .tab-block--page-editor.tab-block--vert-tabs.-widescreen .tab-block__pane-link:after { background: none; } .tab-block__vert-list-item .tab-block__pane-link.active, .tab-block--page-editor.tab-block--vert-tabs.-widescreen .tab-block__pane-link.active { font-family: 'Futura-Bold', sans-serif; padding-left: 20px; } .tab-block__vert-list-item .tab-block__pane-link.active:after, .tab-block--page-editor.tab-block--vert-tabs.-widescreen .tab-block__pane-link.active:after { bottom: auto; top: 50%; margin-top: -6px; left: 0; right: auto; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #0b6bb5; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; } .tab-block__pane-link-sub { font-size: 10px; text-align: center; } .tab-block__pane-content { position: relative; width: 100%; background: #f0f0f0; padding: 30px; } .tab-block--tabs .tab-block__pane-content, .tab-block--accordion .tab-block__pane-content { display: none; } .tab-block--tabs .tab-block__pane-content.active, .tab-block--accordion .tab-block__pane-content.active { display: block; } .tab-block--tabs .tab-block__pane-content h4, .tab-block--accordion .tab-block__pane-content h4 { font-family: 'Futura-Bold', sans-serif; margin: 15px 0; } .tab-block__pane-right .tab-block__pane-content { background: none; } .tab-block__pane-content .rich-text-callout-container { margin: 0; } .tab-block--compact .tab-block__pane-content { min-height: 339px; } @media (max-width: 400px) { .tab-block__pane-content { padding: 15px; } } .pane-content__column { padding: 0px calc(18.75px); } @media (min-width: 992px) { .pane-content__column { padding: 0px 37.5px; } } .tab-block__compact-title { color: #0b6bb5; text-transform: none; font-weight: 800; font-family: 'Futura-Bold', sans-serif; max-width: 500px; text-align: left; } .tab-block__toggle-ctrls { position: absolute; top: -43px; right: 0; } .tab-block__toggle-ctrls.tab-block__toggle-ctrls--carousel { top: 0; } .tab-block--compact.tab-block--active .tab-block__toggle-ctrls { top: 20px; } .accordion-block--page-editor .tab-block__toggle-ctrls, .tab-block--accordion.tab-block--active .tab-block__toggle-ctrls { top: -43px; } .tab-block__btns { margin-top: 15px; text-align: right; } .tab-block__btns .btn + .btn { margin-top: 10px; } @media (max-width: 767px) { .tab-block__btns { text-align: left; } } .tab-block__action-btn { position: absolute; top: 0; right: 0; } .tab-block--accordion .tab-block__action-btn { position: relative; display: block; margin-top: 15px; } .tab-block--accordion .tab-block__action-btn a { display: block; } .promo-container { margin: 37.5px 0; } .promo-block:hover .promo-block__img { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: transform ease 0.4s; -o-transition: transform ease 0.4s; -webkit-transition: transform ease 0.4s; transition: transform ease 0.4s; } @media (max-width: 992px) { .promo-block + .promo-block { margin-top: 37.5px; } } .promo-block__promo-link { text-decoration: none; display: block; color: #0b6bb5; } .promo-block__promo-link:hover { color: #0b6bb5; } .promo-block__icon img { width: 100%; max-width: 65px; } @media (max-width: 767px) { .promo-block__icon img { width: 100px; } } @media (max-width: 1199px) { .promo-block__icon { margin-bottom: 20px; } } .promo-block__img-container { height: 150px; width: 100%; overflow: hidden; } .promo-block__img { height: 100%; width: 100%; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); background-size: cover; background-position: center; -moz-transition: transform ease 0.4s; -o-transition: transform ease 0.4s; -webkit-transition: transform ease 0.4s; transition: transform ease 0.4s; } .promo-block__content { padding: 30px; background: #f0f0f0; width: 100%; position: relative; color: black; font-weight: 400; } .promo-block__content:before { content: ""; width: 40px; height: 40px; background: #f0f0f0; position: absolute; top: -20px; left: 0; right: 0; margin: 0 auto; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .promo-block__promo-copy a { color: black; } .promo-block__promo-copy .promo-copy__readmore { color: #0b6bb5; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-slider button { z-index: 1000; position: relative; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '???'; } [dir='rtl'] .slick-prev:before { content: '??''; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '??''; } [dir='rtl'] .slick-next:before { content: '???'; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.75; color: black; } .light-content h2 { font-weight: 400; font-size: 30px; text-transform: uppercase; margin-bottom: 30px; } .light-content h2.green { color: #86b850; } .light-content h2.blue { color: #0b6bb5; } .advertisements { padding-top: 37.5px; padding-bottom: 37.5px; } .advertisements .advertisement img { width: 100%; } .rich-text-callout-container > *:last-child { margin-bottom: 0; } .rich-text-callout-container li { margin-left: 15px; } .text-slider { margin: 37.5px 0; } .text-slider__container { margin-bottom: 0; } .text-slider__container .slick-prev, .text-slider__container .slick-next { -moz-transition: transform 0.25s; -o-transition: transform 0.25s; -webkit-transition: transform 0.25s; transition: transform 0.25s; position: absolute; z-index: 9999 !important; } .text-slider__container .slick-prev:hover, .text-slider__container .slick-next:hover { -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); -moz-transition: transform 0.25s; -o-transition: transform 0.25s; -webkit-transition: transform 0.25s; transition: transform 0.25s; } .text-slider__container .slick-prev { left: 50px; color: white; z-index: 9999; z-index: 5; height: 60px; width: 20px; background: url('../img/arrow-prev.png'); background-size: contain; background-repeat: no-repeat; background-position: center; } @media (max-width: 1199px) { .text-slider__container .slick-prev { left: 30px; } } @media (max-width: 992px) { .text-slider__container .slick-prev { left: 10px; } } .text-slider__container .slick-prev:before { content: ""; } .text-slider__container .slick-next { right: 50px; color: white; z-index: 5; height: 60px; width: 20px; z-index: 9999; background: url('../img/arrow-next.png'); background-size: contain; background-repeat: no-repeat; background-position: center; } @media (max-width: 1199px) { .text-slider__container .slick-next { right: 30px; } } @media (max-width: 992px) { .text-slider__container .slick-next { right: 10px; } } .text-slider__container .slick-next:before { content: ""; } .text-slider__container .slick-dots { bottom: 0; bottom: -35px \9; } .text-slider__container .slick-dots li { content: ""; background: transparent; width: 15px; height: 15px; border: 2px solid white; border: 2px solid black \9; border-radius: 50%; } .text-slider__container .slick-dots li.slick-active { background: #e36f1e; border: 2px solid #e36f1e; content: ""; } .text-slider__container .slick-dots li button { content: ""; color: #e36f1e; width: 15px; height: 15px; } .slide { height: 479px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#14326d+0,1e5799+13,266bcc+50,1e5799+87,14326d+100 */ background: #14326d; /* Old browsers */ background: transparent -moz-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%); /* FF3.6-15 */ background: transparent -webkit-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%); /* Chrome10-25,Safari5.1-6 */ background: transparent linear-gradient(135deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background-position: center; background-size: cover; background-repeat: no-repeat; } .slide:focus { outline: none; } .slide__overlay { height: 100%; width: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; } .slide__slide-content { padding: 110px 0; position: relative; } @media (max-width: 1199px) { .slide__slide-content { padding: 80px 0px; } } @media (max-width: 992px) { .slide__slide-content { padding: 90px 30px; } } @media (max-width: 767px) { .slide__slide-content { padding: 50px 0px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } } @media (max-width: 400px) { .slide__slide-content { padding: 0px; } } .slide-content__type, .slide-content__author { font-family: 'Futura', sans-serif; font-weight: 500; color: #86b850; font-size: 20px; } .slide-content__type { text-transform: capitalize; } .slide-content__author { text-transform: uppercase; } .slide-content__quote { color: white; font-family: 'Futura-Bold', sans-serif; font-weight: 800; font-size: 26px; line-height: 40px; } .slide-content__divider { margin: 30px 0; } .slide-content--image { padding: 150px 0; } .square-marquee { position: relative; height: 400px; overflow: hidden; background-size: cover; background-repeat: no-repeat; } @media (min-width: 767px) and (max-width: 1199px) { .square-marquee { background-position: center; } } .square-marquee__overlay { position: absolute; padding: 20px; margin: 20px; top: 0px; background: rgba(255, 255, 255, 0.8); width: calc(100% - 40px); } .square-marquee__icon { display: inline-block; vertical-align: middle; width: 80px; height: 80px; border-radius: 40px; background: #0b6bb5; } @media (min-width: 767px) and (max-width: 1199px) { .square-marquee__icon { position: relative; left: calc(50% - 40px); } } .square-marquee__icon img { width: 50%; left: 25%; top: 25%; position: relative; z-index: 2; } .square-marquee__title { width: calc(100% - 100px); vertical-align: middle; display: inline-block; margin-left: 15px; } @media (min-width: 767px) and (max-width: 1199px) { .square-marquee__title { display: block; width: auto; margin: 10px auto 0px; text-align: center; } } .welcome-block { margin-top: -130px; padding-bottom: 37.5px; z-index: 1000; position: relative; } .welcome-block .green-section { padding: 30px; color: white; background: #86b850; } .welcome-block .green-section h2 { color: white; font-family: 'Futura', sans-serif; text-transform: uppercase; } @media (max-width: 400px) { .welcome-block .green-section { padding: 15px; } } .welcome-block #become-a-member { background-position: 75% center; } .welcome-block .rotator { background-size: cover; position: relative; } .welcome-block .rotator .content { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; padding: 30px; } .welcome-block .rotator .content .title { background: rgba(42, 110, 187, 0.7); color: white; padding: 15px; font-size: 28px; margin-bottom: 15px; font-family: 'Futura-Bold', sans-serif; font-weight: 700; line-height: 36px; } .data-browser { background-color: #f0f0f0; color: #0b6bb5; padding: 20px; } .data-browser__content { display: inline-block; overflow: hidden; } @media (max-width: 767px) { .data-browser__content { margin-bottom: 10px; } } .content__title { font-family: 'Futura-Bold', sans-serif; font-weight: 800; font-size: 16px; } .content__list { clear: left; padding-top: 5px; } .content__list ul { list-style: none; } .content__list ul li > a { font-family: 'Futura', sans-serif; font-size: 15px; text-decoration: underline; } .search__keyword { padding: 10px 45px 10px 15px; } .search__button { position: absolute; right: 15px; top: 0.5px; cursor: pointer; height: 39px; width: 39px; text-align: center; -moz-transition: background ease 0.5s, color ease 0.5s; -o-transition: background ease 0.5s, color ease 0.5s; -webkit-transition: background ease 0.5s, color ease 0.5s; transition: background ease 0.5s, color ease 0.5s; } .search__button:hover, .search__button:focus { background: #0b6bb5; color: white; } .search__button .fa { position: absolute; top: 50%; right: 12.5px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); vertical-align: middle; } .data-row { overflow: hidden; margin-bottom: 37.5px; background-color: #f0f0f0; padding: 40px; } @media (max-width: 1199px) { .data-row .data-row-header { width: 25%; } .data-row .data-row-content { width: 40%; } .data-row .data-row__button { width: 35%; } } @media (max-width: 992px) { .data-row .data-row-header { width: 100%; margin: 5px 0; } .data-row .data-row__desc { width: 100%; } .data-row .data-row-content { width: 55%; } .data-row .data-row-content__list-item { width: 50%; } .data-row .data-row-content__desc { padding: 0px; } .data-row .data-row__button { width: 45%; } } @media (max-width: 767px) { .data-row .data-row-content { width: 100%; margin: 5px 0; } .data-row .data-row__button { width: 100%; margin: 5px 0; } } .data-row-header { width: 25%; float: left; } .data-row-header__title { color: #0b6bb5; } .data-row-header__subtitle { color: #0b6bb5; font-weight: 600; } .data-row-content { color: #666666; margin: 0px; width: 47.5%; float: left; } .data-row-content__desc { margin: 0px; padding: 0px 10%; } .data-row-content__list { overflow: hidden; margin: 0px; } .data-row-content__list-item { color: #666666; width: 40%; float: left; } .data-row-content__list-item .-bold-item { font-family: 'Futura-Bold', sans-serif; font-weight: 600; } .data-row__button { width: 27.5%; float: left; overflow: hidden; } .featured-section { padding: 15px 0; } .featured-section .featured-section__header { width: 100%; padding: 20px 60px 20px 25px; position: relative; background: #e36f1e; text-transform: uppercase; font-size: 14px; font-family: 'Futura', sans-serif; letter-spacing: 0.07em; color: white; } .featured-section .featured-section__header:after { content: ""; width: 10px; height: 10px; background: #e36f1e; position: absolute; bottom: -5px; right: auto; left: 20px; z-index: 5; margin: 0 auto; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .featured-section .featured-section__header .toggle-button { background-color: #f0f0f0; float: right; height: 38px; width: 38px; margin: -31px -10px 0; } .featured-section .collapsed { display: none; } .featured-section .open { display: block; } .featured-section--right { height: 100%; } .promo-section__promo-image { overflow: hidden; margin-top: 15px; width: 100%; height: 920px; min-height: 920px; background-size: cover; background-position: center top; background-repeat: no-repeat; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-content: center; -ms-align-content: center; align-content: center; } .promo-image__headline { width: 80%; padding: 10px 20px; margin: 0px 50px; font-family: 'Futura-Bold', sans-serif; font-size: 30px; line-height: 40px; letter-spacing: 0.05em; color: white; background: rgba(42, 110, 187, 0.7); } @media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .promo-image__headline { display: block \9; margin-left: auto \9; margin-right: auto \9; height: 100px \9; width: 90% \9; position: absolute \9; left: 5% \9; top: 50% \9; transform: translateY(-50%) \9; } } .category-page__overlay { width: 100%; height: 0px; background: transparent; visibility: hidden; opacity: 0; z-index: 1; position: absolute; top: 0; left: 0; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } #category-page.active .category-page__overlay { height: 100%; visibility: visible; background: white; opacity: 0.8; z-index: 5; } .overlay__spinner { width: 56px; height: 56px; position: absolute; visibility: hidden; opacity: 0; display: none; top: calc(50% - 28px); left: calc(50% - 28px); -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .overlay__spinner > i { color: #0b6bb5; } #category-page.active .overlay__spinner { visibility: visible; opacity: 1; display: block; } #category-page { z-index: 2; position: relative; } .course-type { padding: 15px 0; } .course-type .collapsed { display: none; } .course-type .open { display: block; } .course-type__header { color: white; background: #0b6bb5; padding: 15px 20px; margin-bottom: 20px; } .course-type__header:after { content: ""; background: #0b6bb5; width: 20px; height: 20px; position: absolute; bottom: 15px; left: 100px; right: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .course-type__header .toggle-button { background-color: #f0f0f0; color: #0b6bb5; font-size: xx-large; float: right; height: 38px; width: 38px; margin: -31px -10px 0; text-align: center; padding-top: 7px; } .sort-filters-container .sort-options .row { margin-left: 0; } .sort-filters-container .chosen-container { float: left; } @media (max-width: 767px) { .sort-filters-container .chosen-container { width: 70%; margin-bottom: 15px; } } .sort-filters-container .list-view-toggle__container { width: auto; float: left; } .sort-filters-container .sort-filters__filter-search .search-button { padding: 10px; position: absolute; right: 20px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-appearance: none; background: transparent; border: none; } .sort-filters-container .sort-filters__filter-search .search-button > i { color: #0b6bb5; } .info-card-list { list-style-type: none; padding: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -webkit-align-content: space-between; -ms-align-content: space-between; align-content: space-between; margin: 0; width: 100%; /*.no-flexbox &{ margin: 0 -30px; }*/ } .info-card-list.info-card-list--list-view { text-align: left; margin: 0; display: block; } .info-card-list.info-card-list--flex { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -webkit-align-content: space-between; -ms-align-content: space-between; align-content: space-between; margin: 0; width: 100%; } .info-card-list.info-card-list--flex.info-card-list--list-view { display: block; } .info-card-list .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #86b850; width: 46px; height: 46px; border-radius: 100%; } .info-card-list .slick-prev { left: -46px; } .info-card-list .slick-prev:before { content: ""; display: block; position: absolute; width: 12px; height: 20px; left: 15px; top: 13px; background: url(/Content/images/icons/arrow-left-white.png) center center no-repeat; background-image: url(/Content/images/icons/arrow-left-white.svg), none; background-size: contain; } @media (max-width: 767px) { .info-card-list .slick-prev { left: -20px; } } .info-card-list .slick-next { right: -46px; } .info-card-list .slick-next:before { content: ""; display: block; position: absolute; width: 12px; height: 20px; left: 19px; top: 13px; background: url(/Content/images/icons/arrow-right-white.png) center center no-repeat; background-image: url(/Content/images/icons/arrow-right-white.svg), none; background-size: contain; } @media (max-width: 767px) { .info-card-list .slick-next { right: -20px; } } .info-card-list.info-card-list--slider { display: block \9; position: relative; } .info-card-list__slide.slick-slide { padding: 0 10px; } .info-card-empty { margin: 20px 0 0 20px; } .info-card { display: inline-block; min-height: 445px; background: #f0f0f0; margin: 15px 0; padding: 0; position: relative; text-align: left; vertical-align: top; } .info-card-list--4row .info-card { float: left \9; width: 23.8% \9; -ms-flex: 0 0 23.8%; flex-basis: 23.8%; margin: 15px 0 0; margin-left: 1.6%; } .info-card-list--4row .info-card:nth-child(4n+1) { margin-left: 0%; } @media (max-width: 1199px) { .info-card-list--4row .info-card { width: 32% \9; -ms-flex: 0 0 32%; flex-basis: 32%; margin-left: 2%; } .info-card-list--4row .info-card:nth-child(4n+1) { margin-left: 2%; } .info-card-list--4row .info-card:nth-child(3n+1) { margin-left: 0%; } } @media (max-width: 992px) { .info-card-list--4row .info-card { width: 49% \9; -ms-flex: 0 0 49%; flex-basis: 48%; margin-left: 0%; } .info-card-list--4row .info-card:nth-child(4n+1) { margin-left: 0%; } .info-card-list--4row .info-card:nth-child(even) { margin-left: 4%; } } @media (max-width: 600px) { .info-card-list--4row .info-card { width: 100% \9; -ms-flex: 0 0 100%; flex-basis: 100%; margin: 15px 0 0; } .info-card-list--4row .info-card:nth-child(even) { margin-left: 0%; } } .info-card-list--list-view .info-card { display: block; width: 100%; height: auto; margin: 0; min-height: 0; } @media (max-width: 767px) { } .info-card-list--list-view.info-card-list--flex.info-card-list--3row .info-card { height: auto; width: 100%; } .info-card-list--flex.info-card-list--3row .info-card { float: left \9; width: 32% \9; -ms-flex: 0 0 32%; flex-basis: 32%; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n+1) { margin-right: 2%; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n) { margin-left: 2%; } @media (max-width: 1199px) { .info-card-list--flex.info-card-list--3row .info-card { width: 49% \9; -ms-flex: 0 0 49%; flex-basis: 49%; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n+1) { margin-right: 0%; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n) { margin-left: 0%; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(even) { margin-left: 2%; } } @media (max-width: 992px) { .info-card-list--flex.info-card-list--3row .info-card { width: 32% \9; -ms-flex: 0 0 32%; flex-basis: 32%; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(even) { margin-left: 0%; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n+1) { margin-right: 2%; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n) { margin-left: 2%; } } @media (max-width: 767px) { .info-card-list--flex.info-card-list--3row .info-card { width: 49% \9; -ms-flex: 0 0 49%; flex-basis: 49%; /*&:nth-child(odd) { margin-left: -1%; }*/ } .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n+1) { margin-right: 0%; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n) { margin-left: 0%; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(even) { margin-left: 2%; } } @media (max-width: 600px) { .info-card-list--flex.info-card-list--3row .info-card { width: 100% \9; -ms-flex: 0 0 100%; flex-basis: 100%; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(odd) { margin-right: 0; margin-left: 0; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(even) { margin-right: 0; margin-left: 0; } .info-card-list--flex.info-card-list--3row .info-card:first-child { margin-right: 0; margin-left: 0; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n+1) { margin-right: 0; margin-left: 0; } .info-card-list--flex.info-card-list--3row .info-card:last-child { margin-right: 0; margin-left: 0; } .info-card-list--flex.info-card-list--3row .info-card:nth-child(3n) { margin-right: 0; margin-left: 0; } } .info-card-list--list-view.info-card-list--4row .info-card:nth-child(3n+1), .info-card-list--list-view.info-card-list--3row .info-card:nth-child(3n+1), .info-card-list--list-view.info-card-list--4row .info-card:nth-child(3n), .info-card-list--list-view.info-card-list--3row .info-card:nth-child(3n), .info-card-list--list-view.info-card-list--4row .info-card:nth-child(even), .info-card-list--list-view.info-card-list--3row .info-card:nth-child(even), .info-card-list--list-view.info-card-list--4row .info-card:nth-child(4n+1), .info-card-list--list-view.info-card-list--3row .info-card:nth-child(4n+1) { margin-left: 0; } .info-card-list__slide .info-card { width: 100%; } .info-card-list__slide:focus { outline: none; } .info-card-list--slider .info-card-list__slide { float: left \9; width: 23.8% \9; -ms-flex: 0 0 23.8%; flex-basis: 23.8%; margin: 15px 0 0; margin-left: 1.6%; } .info-card-list--slider .info-card-list__slide:nth-child(4n+1) { margin-left: 0%; } @media (max-width: 1199px) { .info-card-list--slider .info-card-list__slide { width: 32% \9; -ms-flex: 0 0 32%; flex-basis: 32%; margin-left: 2%; } .info-card-list--slider .info-card-list__slide:nth-child(4n+1) { margin-left: 2%; } .info-card-list--slider .info-card-list__slide:nth-child(3n+1) { margin-left: 0%; } } @media (max-width: 992px) { .info-card-list--slider .info-card-list__slide { width: 49% \9; -ms-flex: 0 0 49%; flex-basis: 48%; margin-left: 0%; } .info-card-list--slider .info-card-list__slide:nth-child(4n+1) { margin-left: 0%; } .info-card-list--slider .info-card-list__slide:nth-child(even) { margin-left: 4%; } } @media (max-width: 600px) { .info-card-list--slider .info-card-list__slide { width: 100% \9; -ms-flex: 0 0 100%; flex-basis: 100%; margin: 15px 0 0; } .info-card-list--slider .info-card-list__slide:nth-child(even) { margin-left: 0%; } } .info-card-list--slider.slick-initialized .info-card-list__slide { margin-left: 0; } .info-card__block { width: 100%; overflow: hidden; } @media (max-width: 600px) { .info-card-list--list-view .info-card__block { border-bottom: 1px solid #d7d7d7; padding-bottom: 15PX; } } .info-card__image { position: relative; } .info-card__image img { display: block; height: auto; color: #0b6bb5; text-align: center; width: 100%; } .info-card__image img:not([src]) { visibility: hidden; } .info-card-list--list-view .info-card__image { visibility: hidden; height: 0; } .info-card-list--list-view .info-card__image img { height: 0; } .info-card__flag { position: absolute; top: 35%; left: 0; background: #e36f1e; color: white; font-size: 11px; padding: 0 8px; text-transform: uppercase; } .info-card__content { color: #666666; position: relative; padding: 20px 20px 35px; height: 100%; } .info-card-list--list-view .info-card__content { height: auto; padding-bottom: 15px; width: 100%; content: ; display: table; border-bottom: 1px solid #d7d7d7; } @media (max-width: 600px) { .info-card-list--list-view .info-card__content { border-bottom: none; } } .info-card-list--list-view .info-card:last-child .info-card__content { border-bottom: none; } .info-card__header { background: white; color: #0b6bb5; padding: 20px 15px; } .info-card-list--list-view .info-card__header { float: left; width: 25%; background: none; } @media (max-width: 992px) { .info-card-list--list-view .info-card__header { float: none; width: 100%; padding: 20px 0; } } .info-card__header h2 { text-transform: uppercase; font-family: 'Futura-Bold', sans-serif; font-size: 18px; line-height: 20px; margin: 0; } .info-card__copy { padding: 20px 0; } .info-card-list--list-view .info-card__copy { float: left; width: 75%; padding: 0 20px; } @media (max-width: 992px) { .info-card-list--list-view .info-card__copy { float: none; padding: 0; width: 100%; } } .info-card__copy p { color: #666666; } .info-card-list--list-view .info-card__copy p .price--list, .info-card-list--list-view .info-card__copy p .price--member { display: block; } .info-card-list--list-view .info-card__copy p.copy__description { float: left; width: 50%; margin-top: 0; } @media (max-width: 992px) { .info-card-list--list-view .info-card__copy p.copy__description { float: none; width: 100%; } } .info-card-list--list-view .info-card__copy p.copy__price { float: right; width: 46%; margin-bottom: 0; } @media (max-width: 992px) { .info-card-list--list-view .info-card__copy p.copy__price { float: none; width: 100%; } } .info-card-list--list-view .info-card__copy p .price--divider { display: none; } .info-card__subheading { font-size: 12px; } .info-card-list--list-view .info-card__subheading { display: none; } .info-card__title { text-transform: capitalize; font-family: 'Futura', sans-serif; font-size: 16px; font-weight: 400; margin-bottom: 20px; } .info-card__title.-heavy-title { font-family: 'Futura-Bold', sans-serif; } .info-card-list--list-view .info-card__title { margin-bottom: 0; } .info-card-list--list-view .info-card__text-group { float: left; width: 24%; padding: 0 20px 0 0; } @media (max-width: 767px) { .info-card-list--list-view .info-card__text-group { float: none; padding: 0; width: auto; } } .info-card-list--list-view .info-card__text-group.info-card__text-group--lead { width: 35%; } @media (max-width: 767px) { .info-card-list--list-view .info-card__text-group.info-card__text-group--lead { width: 75%; } } .info-card-list--list-view .info-card__text-group.-skill { display: none; } .info-card-list--list-view .info-card__hide-on-list { display: none; } .info-card-list--list-view .info-card__text-line { display: block; } @media (max-width: 767px) { .info-card-list--list-view .info-card__text-line { display: inline; } } .info-card__text-line.-dark-text { font-family: 'Futura-Bold', sans-serif; font-weight: 400; } .price--list { font-family: 'Futura', sans-serif; font-weight: normal; letter-spacing: normal; } .price--member { color: #666666; font-family: 'Futura-Bold', sans-serif; } .info-card__button { position: absolute; left: 20px; bottom: 20px; } .info-card__button.info-card__button--right { right: 20px; left: auto; } .info-card__button.info-card__button--group { width: calc(100% - 40px); } .info-card__button.info-card__button--group .btn.blue { float: right; } .info-card-list--list-view .info-card__button { left: auto; right: 20px; bottom: auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 992px) { .info-card-list--list-view .info-card__button { top: auto; bottom: 20px; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; } } @media (max-width: 600px) { .info-card-list--list-view .info-card__button { position: static; margin-left: 15px; } } .info-card__tag { background: #858585; color: white; padding: 5px 10px; } .list-view-toggle { width: 100%; } .list-view-toggle__container { float: right; } .list-view-toggle__btn { border: none; opacity: 0.5; width: 44px; height: 44px; outline: none; } .list-view-toggle__btn.active { opacity: 1; } .list-view-toggle__btn--grid { background: transparent url(../img/toggle-grid-blue.png) center center no-repeat; background-image: url(../img/toggle-grid-blue.svg), none; background-size: 25px 22px; } .list-view-toggle__btn--list { background: transparent url(../img/toggle-list-blue.png) center center no-repeat; background-image: url(../img/icons/toggle-list-blue.svg), none; background-size: 22px 22px; } .load-more-container { margin: 37.5px; } .info-summary__header { overflow: hidden; } .info-summary__subtitle { margin-right: 25px; float: left; color: #0b6bb5; font-size: 16px; } .info-summary__subtitle .subtitle--upperbold { font-family: 'Futura-Bold', sans-serif; text-transform: uppercase; font-weight: 600; } .link-group { content: ; display: table; margin: 25px 0; width: 100%; } .link-group__heading { float: left; color: #0b6bb5; font-family: 'Futura-Bold', sans-serif; text-transform: uppercase; margin-top: 5px; } @media (max-width: 767px) { .link-group__heading { float: none; } } .link-group__list { width: 75%; float: left; margin: 0; padding-left: 40px; list-style-type: none; } @media (max-width: 767px) { .link-group__list { float: none; width: 100%; } } @media (max-width: 400px) { .link-group__list { padding-left: 0px; } } .link-group__list-item { font-family: 'Futura', sans-serif; font-size: 15px; margin: 5px 0; } .link-group__list-item:before { display: none; } /* Link List */ .container__link-list { background: #f0f0f0; padding: 30px 35px; } @media (max-width: 767px) { .link-list__list { margin-bottom: 0; } } @media (max-width: 767px) { .link-list__list.link-list__list--second { margin-bottom: 1em; margin-top: 0; } } .link-list__title { font-family: 'Futura-Bold', sans-serif; font-weight: 800; padding-bottom: 10px; margin: 1em 0; } .link-list__item { list-style: none; } .link-list__item a { font-size: 15px; font-family: 'Futura', sans-serif; } .link-list__sub { color: #666666; font-size: 10px; line-height: 14px; } /* Basic Link List Examples on Training details: - Add to calendar - Share with a friend */ .basic-link-list { margin-top: 37.5px; padding: 0px 25px; } .basic-link-list img { height: 48px; width: 48px; } .basic-link-list__link { display: block; } .basic-link-list__link:hover, .basic-link-list__link:focus { text-decoration: none; } .basic-link-list__link-text { padding: 20px 10px 20px 15px; text-decoration: underline; letter-spacing: 0.02em; } .basic-link-list__list-container { margin-top: calc(18.75px); } .basic-link-list__list { position: relative; max-height: 0; margin: 0; padding: 0; background-color: #f0f0f0; visibility: hidden; -webkit-transition: max-height 0.35s; -moz-transition: max-height 0.35s; -o-transition: max-height 0.35s; transition: max-height 0.35s; } .basic-link-list__list.active { max-height: 500px; padding: 37.5px; visibility: visible; } .basic-link-list__list.active:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(240, 240, 240, 0); border-bottom-color: #f0f0f0; border-width: 20px; margin-left: -20px; } .list-item__link-text { text-decoration: underline; color: #0b6bb5; } .basic-link-list__list-item { display: block; margin-top: 5px; vertical-align: middle; overflow: hidden; } .basic-link-list__list-item .stButton { vertical-align: middle; } .basic-link-list__list-item:focus { text-decoration: none; } .basic-link-list__list-item:hover .social-icon-bg.-gray { background-color: #0b6bb5; } .basic-link-list__list-item:hover .social-icon-bg.-blue { background-color: #0b6bb5; } .basic-link-list__list-item:hover .social-icon-bg.-green { background-color: #0b6bb5; } .basic-link-list__list-item:hover .social-icon-bg.-orange { background-color: #0b6bb5; } .social-icon-bg { display: inline-block; position: relative; margin-right: 5px; vertical-align: middle; text-align: center; height: 34px; width: 34px; content: ""; color: white; transition: background-color 0.35s ease; } .social-icon-bg > .fa { padding: 10px; vertical-align: middle; text-align: center; } .social-icon-bg > .list-item__link-text { position: relative; left: 40px; top: -30px; font-size: 14px; } .social-icon-bg.-custom-icon:before { display: block; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: ""; vertical-align: middle; height: 34px; width: 34px; color: white; font-size: 18px; top: 0px; left: 0px; } .social-icon-bg.-custom-icon.st_email_custom:before { content: "\f003"; padding-top: 6px; } .social-icon-bg.-custom-icon.st_facebook_custom:before { content: "\f09a"; padding-top: 6px; } .social-icon-bg.-custom-icon.st_twitter_custom:before { content: "\f099"; padding-top: 6px; } .social-icon-bg.-custom-icon.st_linkedin_custom:before { content: "\f0e1"; padding-top: 6px; } .social-icon-bg.-gray { background-color: #666666; } .social-icon-bg.-blue { background-color: #0b6bb5; } .social-icon-bg.-green { background-color: #86b850; } .social-icon-bg.-orange { background-color: #e36f1e; } /* Box Link component Example on Library overview: - What Do You Want To Do? */ .box-links { margin: 37.5px 0px; } .box-link-container { border-width: 30px; border-style: solid; } .box-link-container.-blue-box { border-color: #0b6bb5; } .box-link-container.-green-box { border-color: #86b850; } .box-link-container.-orange-box { border-color: #e36f1e; } .box-link-container.-gray-box { border-color: #666666; } @media (max-width: 767px) { .box-link-container { border-width: 15px; } } .box-link__link-row { padding: 37.5px 0px; margin: 0px 37.5px; overflow: hidden; border-bottom: 1px solid #f0f0f0; } .box-link__link-row:last-child { border-bottom: unset; } @media (max-width: 767px) { .box-link__link-row { padding: calc(18.75px) 0px; margin: 0px calc(18.75px); } } .link-row__item { width: 48%; margin-right: 2%; float: left; } @media (max-width: 992px) { } @media (max-width: 767px) { .link-row__item { width: 100%; margin-right: unset; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; } } @media (max-width: 767px) { .link-row__item + .link-row__item { margin-top: 20px; padding-bottom: 0; border-bottom: none; } } .link-row__link-list { margin-top: 10px; margin-bottom: 0px; } .link-row__link-list-item { display: inline-block; color: #0b6bb5; } .link-row__link-list-item > a { padding: 10px; text-decoration: underline; letter-spacing: 0.02em; } @media (max-width: 992px) { .link-row__link-list-item > a { padding: 5px; } } .link-row__link-list-item:first-child > a { padding-left: 0px; } .item-list__block { margin: 30px 0; display: block; overflow: hidden; border-bottom: 1px solid #666666; } .item-list__block h1 { font-size: 16px; line-height: 24px; font-family: 'Futura', sans-serif; font-weight: 500; color: #0b6bb5; text-transform: capitalize; letter-spacing: 1px; } .item-list__block .date { font-size: 11px; color: #666666; } .item-list__block p { margin: 0 0 30px 0; } .item-list__view-more { margin: 30px 0; display: block; } .item-list__view-more a { font-family: 'Futura-Bold', sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; display: inline-block; vertical-align: middle; -moz-transition: color 0.25s; -o-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; } .item-list__view-more a:hover { color: #e36f1e; -moz-transition: color 0.25s; -o-transition: color 0.25s; -webkit-transition: color 0.25s; transition: color 0.25s; } .item-list__view-more.headlines:before { content: ""; width: 40px; height: 40px; background: url('../img/newspaper.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 15px; } .item-list__img { margin-bottom: 15px; } .item-list__img img { display: block; max-width: 100%; height: auto; } .number-info__header { margin-bottom: 1em; } .number-info__header .col-xs-9 { height: 75px; position: relative; } .number-info__number-container { background: #86b850; height: 75px; width: 75px; border-radius: 37.5px; } .number-container__number { position: absolute; top: 25px; left: 35px; font-family: 'Futura-Bold', sans-serif; font-size: 50px; color: white; } .number-info__title { text-transform: uppercase; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .subnav-container { position: relative; } .subnav-dropdown { background-color: #f0f0f0; padding: 20px; position: relative; z-index: 100; display: none; -webkit-box-shadow: 0px 7px 10px -5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 7px 10px -5px rgba(0, 0, 0, 0.3); box-shadow: 0px 7px 10px -5px rgba(0, 0, 0, 0.3); } .subnav-dropdown.visible { display: block; } .subnav-dropdown.-widescreen { position: absolute; width: calc(100% - 30px); } .subnav-dropdown__heading { padding: 10px 0 20px; border-bottom: 1px solid #666666; } .subnav-dropdown__heading h3 a { font-family: 'Futura', sans-serif; font-weight: 300; } .subnav-dropdown__title-group { margin: 15px 0; } .subnav-dropdown__title { display: inline-block; } .subnav-dropdown__subtitle { display: inline-block; text-transform: capitalize; font-size: 17px; color: #0b6bb5; } .subnav-dropdown__sidebar { padding: 15px 20px; background-color: white; } .subnav-dropdown__link-list { margin: 0 0 1em 0; } .subnav-dropdown__link-item a { display: block; padding: 3px 0; font-family: 'Futura', sans-serif; text-decoration: none; } .subnav-dropdown__link-item a.new { position: relative; } .subnav-dropdown__link-item a.new:before { left: 0px; top: 0px; margin-right: 5px; position: relative; text-transform: uppercase; font-family: 'Futura-Bold', sans-serif; font-weight: 600; content: "New"; color: #e36f1e; } .subnav-dropdown__arrow-toggle { position: absolute; right: 0; top: 0; height: 47px; width: 47px; background: none; border: none; } .subnav-dropdown__arrow-toggle:hover, .subnav-dropdown__arrow-toggle:focus { outline: none; } .subnav-dropdown__arrow-toggle:after { content: ""; display: block; margin: 0 auto; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgba(63, 63, 63, 0.5); } .subnav-dropdown__arrow-toggle.active:after { border-top: none; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(63, 63, 63, 0.5); } .subnav__editbtn { position: absolute; top: -33px; right: 0; } .subnav__editbtn.active a { background: #e36f1e; } .category-filters { min-height: unset; } .login span { font-family: 'Futura', sans-serif; letter-spacing: 0.07em; text-transform: uppercase; margin-right: 20px; } .category-topic-filters { padding: 30px; margin: 37.5px 0; background: #0b6bb5; color: white; } .category-topic-filters .tab-block__list-item { width: 300px; position: relative; top: 1px; } @media (max-width: 1199px) { .category-topic-filters .tab-block__list-item { width: 200px; } } .category-topic-filters .tab-block__list-item .tab-block__pane-link { color: white; background: #0b6bb5; } .category-topic-filters .tab-block__list-item .tab-block__pane-link.active { color: #0b6bb5; background: white; } .category-topic-filters .tab-block__list-item .tab-block__pane-link.active:after { display: none; } .category-topic-filters .tab-block__list-item .tab-block__pane-link.active:hover { background: white; } .category-topic-filters .tab-block__list-item .tab-block__pane-link:hover { background: #86b850; } .category-topic-filters .tab-block__vert-list { width: 65%; } .category-topic-filters .login { padding: 15px 0px; position: absolute; top: 35px; right: 30px; } @media (max-width: 992px) { .category-topic-filters .login { position: relative; top: auto; right: auto; overflow: hidden; text-align: center; padding: 15px; border: 1px solid white; width: 60%; margin: 0 auto; } } @media (max-width: 600px) { .category-topic-filters .login { width: 100%; } } .category-filters-list { padding: 0; } .filter-type-list { background: white; } .filter-title { background: #0b6bb5; font-family: 'Futura', sans-serif; font-size: 14px; letter-spacing: 0.1em; padding: 0px; display: inline-block; border: none; } .filter-title .tab-block__pane-link { padding: 15px 25px; color: white; } .filter-title .tab-block__pane-link:hover { font-family: inherit; } @media (max-width: 1199px) { .filter-title .tab-block__pane-link { padding: 15px 20px; } } .filter-title > .active { background: white; color: #0b6bb5; font-family: inherit !important; } .filter-title > .active:after { border-left: none !important; width: 0px; height: 0px; } @media (max-width: 1199px) { .filter-title { width: 175px; } } .filter-type { display: block; font-size: 22px; } .category-filters, .topic-filters { padding: 0; overflow: hidden; } .category-filters .tab-block__pane-content, .topic-filters .tab-block__pane-content { padding: 15px 0px; background: white; } @media (max-width: 992px) { .category-filters, .topic-filters { margin-bottom: 15px; } } .container-center { width: 95%; margin: 0 auto; } .filter-item-container { min-height: 200px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-content: space-around; -ms-align-content: space-around; align-content: space-around; overflow: hidden; -webkit-justify-content: center; justify-content: center; } .filter-item-container__filter-item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 315px; background: #f0f0f0; -ms-flex: 0 0 30%; flex-basis: 30%; font-family: 'Futura', sans-serif; } .single-col-filters .filter-item-container__filter-item { -ms-flex: 0 0 100%; flex-basis: 100%; margin: 10px 0px; padding: 10px 30px 10px 10px \9; } .single-col-filters .filter-item-container__filter-item:first-child { margin-top: 0px; } .single-col-filters .filter-item-container__filter-item .filter-item { padding: 10px 15px; } .tab-block__pane-content .filter-item-container__filter-item { text-indent: 0; } .tab-block__pane-content .filter-item-container__filter-item:before { display: none; } .category-filters .filter-item-container__filter-item { margin: 10px 0px; padding-left: unset; text-indent: unset; padding: 0; } .category-filters .filter-item-container__filter-item:nth-child(3n+2) { margin: 10px 20px; } @media (max-width: 1199px) { .category-filters .filter-item-container__filter-item:nth-child(3n+2) { margin: 10px; } } @media (max-width: 1199px) { .category-filters .filter-item-container__filter-item { margin: 10px; } } .category-filters .filter-item-container__filter-item .filter-item { font-family: 'Futura', sans-serif; padding: 9px 15px; display: block; margin-top: 0; } .category-filters .filter-item-container__filter-item:before { content: ""; padding-right: unset; } .filter-item-container__filter-item.active { background: #0b6bb5; } .filter-item-container__filter-item.active .filter-item { color: white; padding-left: 40px; position: relative; } .filter-item-container__filter-item.active .filter-item:before { content: ""; display: block; left: 20px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid white; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .filter-item-container__filter-item.active .filter-item:focus { text-decoration: none; } .filter-item-container__filter-item:hover { text-decoration: underline; } .filter-item-container__filter-item:focus { text-decoration: none; } @media (max-width: 1199px) { .filter-item-container__filter-item { width: 325px; flex-basis: 44%; margin: 10px 15px; } } @media (max-width: 767px) { .filter-item-container__filter-item { width: 90%; flex-basis: 100%; margin: 10px 15px; } } @media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .filter-item-container__filter-item { float: left; } } .filter-item { text-decoration: none; font-size: 16px; width: 100%; } .topic-filter-container__filter-item .filter-item { text-decoration: underline; font-family: 'Futura', sans-serif; font-size: 15px; } .topic-filter-container { width: 98%; margin: 0 auto; padding: 0px; background: transparent; } .topic-filter-container .topic-filter-container__filter-item { margin: 2.5px 0; } .topic-filter-container .topic-filter-container__filter-item:before { content: ""; } .topic-filter-container .topic-filter-container__filter-item.active { background: #0b6bb5; } .topic-filter-container .topic-filter-container__filter-item.active:before { margin-right: 10px; vertical-align: middle; font-size: 24px; height: 10px; width: 10px; position: relative; } .topic-filter-container .topic-filter-container__filter-item.active .filter-item { color: white; } /*.topic-filter-container__filter-item { .filter-item { padding: 0px 15px; } }*/ .detail-header__header-image-container:after { content: ""; width: 40px; height: 40px; position: absolute; display: block; background: white; top: 100%; left: calc(50% - 20px); margin-top: -20px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 992px) { .detail-header__header-image-container:after { left: auto; right: -5px; top: 50%; margin-top: -20px; } } .detail-header-image { width: 100%; height: auto; } @media (max-width: 767px) { .detail-header-image { margin-bottom: 15px; } } @media (max-width: 992px) { .detail-header-container { margin-top: calc(18.75px); } } .detail-header .-wide-button { text-align: center; width: 100%; } @media (min-width: 1199px) { .detail-header { padding: 37.5px 0px; } } .detail-header__header-title { margin: 1em 0px; } .callout__content { overflow: hidden; margin: 10px 0; } .callout__list-item { text-decoration: underline; color: #0b6bb5; letter-spacing: 0.05em; } .callout__actions { margin: 10px 0; } .callout__actions .btn { margin-right: 20px; } .filters__item { position: relative; } .filters__popup { display: none; background: #0b6bb5; color: white; padding: 20px; position: absolute; width: 100%; z-index: 2; } @media (max-width: 992px) { .filters__popup { position: relative; margin-bottom: 10px; } } .filters__popup:after { content: ""; width: 10px; height: 10px; background: #0b6bb5; position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 992px) { .filters__popup:after { left: auto; right: 8px; } } .instructors-page .search-filters-container, .instructors-page .sort-filters-container { margin-top: 37.5px; } @media (max-width: 767px) { .instructors-page .search-filters-container, .instructors-page .sort-filters-container { margin-top: initial; } } .search-filters-container .chosen-container, .sort-filters-container .chosen-container { margin-top: 5px; margin-bottom: calc(18.75px); } .search-filters-container .chosen-container .chosen-drop, .sort-filters-container .chosen-container .chosen-drop { background: #f0f0f0; padding: 15px 10px; } .search-filters-container .chosen-container .chosen-results li, .sort-filters-container .chosen-container .chosen-results li { font-family: 'Helvetica', sans-serif; font-weight: initial; text-transform: capitalize; color: #090909; letter-spacing: initial; } .search-filters-container .chosen-container .chosen-results li.highlighted, .sort-filters-container .chosen-container .chosen-results li.highlighted { background-image: unset; background-color: #0b6bb5; color: white; } .search-filters-container .chosen-container-active.chosen-with-drop .chosen-single div b, .sort-filters-container .chosen-container-active.chosen-with-drop .chosen-single div b { background: transparent url(/Content/images/icons/carrot-green.png) center center no-repeat !important; background-image: url(/Content/images/icons/carrot-green.svg), none !important; background-size: 15px 15px !important; } .search-filters-container .chosen-container-active .chosen-single, .sort-filters-container .chosen-container-active .chosen-single { box-shadow: unset; } .search-filters-container .chosen-container-single .chosen-single, .sort-filters-container .chosen-container-single .chosen-single { padding: 2px 0 0 20px; border: 1px solid #666666; background: white; } .search-filters-container .chosen-container-single .chosen-single abbr, .sort-filters-container .chosen-container-single .chosen-single abbr { right: 40px; } .search-filters-container .chosen-container-single .chosen-single div, .sort-filters-container .chosen-container-single .chosen-single div { width: 40px; } .search-filters-container .chosen-container-single .chosen-single div b, .sort-filters-container .chosen-container-single .chosen-single div b { background: transparent url(/Content/images/icons/carrot-blue.png) center center no-repeat !important; background-image: url(/Content/images/icons/carrot-blue.svg), none !important; background-size: 15px 15px !important; } .search-filters-container .chosen-container-single .chosen-drop, .sort-filters-container .chosen-container-single .chosen-drop { margin-top: 0px; } .search-filters-container .chosen-container-single .chosen-default, .sort-filters-container .chosen-container-single .chosen-default { color: unset; box-shadow: unset; } .sort-filters__filter-search { margin-bottom: 15px; } .search-filters-container { margin: 35px 0px; } @media (max-width: 767px) { .catalog-page .search-filters-container { margin-top: 0px; } } .search-filters__title { margin-bottom: 43.5px; } .instructors-page .search-filters__title { margin-bottom: 58px; } @media (max-width: 767px) { .instructors-page .search-filters__title { padding-top: 15px; margin-bottom: 0.5em; } } @media (max-width: 767px) { .catalog-page .search-filters__title { padding-top: 15px; margin-bottom: 0.5em; } } .filter__filter-label { font-family: 'Futura-Bold', sans-serif; font-weight: 600; text-transform: uppercase; color: #0b6bb5; letter-spacing: 0.1em; } .filter-label__select { width: 90%; } .filter-tip { background: transparent url(/Content/images/icons/filtertip-blue.png) center center no-repeat; background-image: url(/Content/images/icons/filtertip-blue.svg), none; background-size: 24px 24px; width: 24px; height: 24px; float: right; opacity: 0.6; } .filter-tip.active { opacity: 1; } .feature-callout { padding: 60px; background: #f0f0f0; position: relative; } @media (max-width: 1199px) { .feature-callout { padding: 40px; } } @media (max-width: 600px) { .feature-callout { padding: 40px 15px; } } @media (max-width: 992px) { .feature-callout { margin-bottom: 15px; } } .feature-callout__smalltxt { font-size: 11px; color: #666666; margin: 0 0 5px 0; } .feature-callout__flag { position: absolute; left: 0; top: 30px; color: white; background: #e36f1e; padding: 0 5px; text-transform: uppercase; font-size: 11px; } .feature-callout__title { font-size: 20px; margin-top: 15px; } .feature-callout__btn-group .btn + .btn--inline-link, .feature-callout__btn-group .btn--inline-link + .btn--inline-link { margin-left: 10px; } @media (max-width: 1199px) { .feature-callout__btn-group .btn, .feature-callout__btn-group .btn--inline-link { display: block; margin: 10px 0; } } .feature-callout__img-block { padding-left: 1em; } .feature-callout__img-block img { width: 100%; height: auto; } @media (max-width: 1199px) { .feature-callout__img-block { padding: 1em 0 0 0; } } .blue-callout { background: #14326d; /* Old browsers */ background: transparent -moz-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%); /* FF3.6-15 */ background: transparent -webkit-linear-gradient(-45deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%); /* Chrome10-25,Safari5.1-6 */ background: transparent linear-gradient(135deg, #14326d 0%, #1e5799 13%, #266bcc 50%, #1e5799 87%, #14326d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%; padding: 40px; position: relative; } @media (max-width: 1199px) { .blue-callout { padding: 40px 30px; } } @media (max-width: 600px) { .blue-callout { padding: 40px 25px; } } .blue-callout--has-btns { padding-bottom: 90px; } .blue-callout__heading { color: #86b850; font-size: 20px; } .blue-callout__small-txt { color: white; font-size: 11px; margin: 0; } .blue-callout__content { font-family: 'Futura-Bold', sans-serif; line-height: 2; color: white; font-size: 16px; margin-top: 40px; margin-bottom: 30px; text-indent: -0.5em; } .blue-callout__content:before, .blue-callout__content:after { content: '"'; position: relative; } .blue-callout__content:before { left: -5px; } .blue-callout__attr { margin-top: 30px; color: #86b850; text-transform: uppercase; font-family: 'Futura', sans-serif; } .blue-callout__btn-group { position: absolute; bottom: 40px; width: 100%; } .blue-callout__btn-group .btn + .btn--inline-link, .blue-callout__btn-group .btn--inline-link + .btn--inline-link { margin-left: 10px; } @media (max-width: 1199px) { .blue-callout__btn-group .btn + .btn--inline-link, .blue-callout__btn-group .btn--inline-link + .btn--inline-link { margin-left: 0; } } .blue-callout__btn-group .btn--inline-link a:link, .blue-callout__btn-group .btn--inline-link a:visited { color: white; } @media (max-width: 1199px) { .blue-callout__btn-group .btn--inline-link { display: block; } } @media (max-width: 1100px) { .blue-callout__btn-group .btn--inline-link { display: inline-block; } } @media (max-width: 1100px) { .blue-callout__btn-group { position: relative; bottom: auto; } } .list-block-container { margin: 37.5px 0px; } .list-block-container__title { margin-top: 37.5px; font-family: 'Futura', sans-serif; padding: 0px 30px; text-transform: uppercase; letter-spacing: 0.05em; } .list-block { overflow: hidden; margin-bottom: 37.5px; } .container-fluid .list-block { margin-bottom: initial; } .list-block__header { position: relative; background-color: #666666; color: white; padding: 40px 60px; } @media (max-width: 1199px) { .list-block__header { padding: 40px; } } .list-block__header-title { text-transform: uppercase; color: white; } .list-block__header-desc { color: white; } .list-block__list-container { position: relative; background-color: #f0f0f0; padding: 40px 60px; } @media (max-width: 1199px) { .list-block__list-container { padding: 40px; } } .list-block__list-container:after { position: absolute; bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; pointer-events: none; border-bottom-color: #f0f0f0; border-width: 30px; margin-left: -30px; } .list-block__list { margin: 0px; } .list-block__list-block-item { padding: 37.5px 0px; border-bottom: 1px solid #666666; } .list-block__list-block-item:first-child { padding: 0px 0px 37.5px 0px; } .list-block__list-block-item.-no-results { color: #545454; border-bottom: none; padding-bottom: 15px; } .list-block-item__title { display: block; color: #0b6bb5; font-weight: 600; font-size: 16px; letter-spacing: 0.02em; padding-bottom: 5px; } .list-block-item__desc { display: inline-block; color: #666666; font-size: 12px; } .list-block-item__desc.-bold-desc { font-family: 'Futura-Bold', sans-serif; font-weight: 600; } .list-block-item { display: inline-block; margin-right: 20px; } .list-block-item.-block { display: block; } .list-block__button-container { overflow: hidden; margin-top: 37.5px; } .list-block__button-container > .btn { float: right; margin-left: 20px; margin-top: 10px; } /* Slim card layout Example on: - Instructor overview page */ .slim-card-header { position: relative; width: 100%; padding: 15px 20px; color: white; text-transform: uppercase; font-size: 16px; font-family: 'Futura', sans-serif; letter-spacing: 0.07em; } .slim-card-header.-blue { background-color: #0b6bb5; } .slim-card-header.-green { background-color: #86b850; } .slim-card-header.-orange { background-color: #e36f1e; } .slim-card-header.-gray { background-color: #666666; } .slim-card-header:after { content: ""; width: 10px; height: 10px; background-color: inherit; position: absolute; bottom: -5px; right: auto; left: 20px; margin: 0 auto; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .slim-card-grid { margin-top: 20px; } .slim-card-list { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -webkit-align-content: space-between; -ms-align-content: space-between; align-content: space-between; overflow: hidden; } .slim-card-item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; float: left \9; width: 49% \9; -ms-flex: 0 0 calc(-11%); flex-basis: 49%; margin-bottom: 15px; padding: 30px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .slim-card-item { flex-basis: calc(49% - 60px); } } .-list-view .slim-card-item { display: block; width: 100%; -ms-flex: 100%; flex-basis: 100%; margin-bottom: 0px; padding: 0px 30px; } .-list-view .slim-card-item .slim-card-container { border-bottom: 1px solid #545454; } .-list-view .slim-card-item:last-child .slim-card-container { border-bottom: none; } .-list-view .slim-card-item:nth-child(odd) { margin-right: 0px; } .slim-card-item.-empty { padding: 0 0 0 20px; } .slim-card-item:nth-child(odd) { margin-right: 2%; } .slim-card-item.-gray { background-color: #f0f0f0; } @media (min-width: 992px) and (max-width: 1199px), (max-width: 767px) { .slim-card-item { width: 100% \9; -ms-flex: 0 0 100%; flex-basis: 100%; margin-bottom: 15px; } .slim-card-item:nth-child(odd) { margin-right: 0px; } } .-list-view .slim-card-container { display: block; } .slim-card { display: block; margin: 0px; overflow: hidden; } .-list-view .slim-card { padding: 15px 0px; } .slim-card__image { width: 100px; height: 100px; float: left; } .slim-card__image.-circle { border-radius: 50%; } .-list-view .slim-card__image { display: none; } @media (min-width: 992px) and (max-width: 1199px), (max-width: 767px) { .slim-card__image { width: 100px; height: 100px; } } .slim-card__text-group { padding: 5px 0px; } .-list-view .slim-card__text-group { float: left; width: 30%; margin-right: 3.33%; } .slim-card__content { width: calc(100% - 120px); margin-left: 20px; float: left; } .-list-view .slim-card__content { margin-left: unset; width: 100%; overflow: hidden; } .slim-card__text-line { color: #545454; } .slim-card__text-line.-dark-text { font-family: 'Futura-Bold', sans-serif; font-weight: 600; } .basic-details-block { margin-bottom: 37.5px; } .basic-details-divider { height: 1px; background: #353535; } .basic-details__image { padding-bottom: 25px; width: 100%; height: auto; } @media (max-width: 767px) { .basic-details__image { width: 50%; } } .basic-details__section { margin-bottom: 10px; } @media (max-width: 767px) { .basic-details__section { margin-bottom: 15px; } } .basic-details__title { display: block; } .basic-details__title.-heavy { font-family: 'Futura-Bold', sans-serif; color: #666666; } .basic-details__title.-upper { text-transform: uppercase; } .basic-details__title.-inline { display: inline-block; padding-right: 5px; } .basic-details__list { margin: unset; } .basic-details__note { color: #666666; font-size: 12px; } .social-link { display: inline-block; margin-right: 5px; color: white; position: relative; vertical-align: middle; overflow: hidden; text-decoration: none; text-align: center; height: 34px; width: 34px; content: ""; transition: background-color 0.35s ease; } .social-link:before { display: block; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: ""; padding-top: 7px; vertical-align: middle; height: 34px; width: 34px; color: white; font-size: 18px; top: 0px; left: 0px; } .social-link.-gray { background-color: #666666; } .social-link.-blue { background-color: #0b6bb5; } .social-link.-green { background-color: #86b850; } .social-link.-orange { background-color: #e36f1e; } .social-link.-facebook:before { content: "\f09a"; } .social-link.-twitter:before { content: "\f099"; } .social-link.-linkedin:before { content: "\f0e1"; } .social-link:hover { background-color: #0b6bb5; text-decoration: none; } .google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; margin-bottom: 40px; z-index: 1; background-color: #f0f0f0; } .google-maps.-square { padding-bottom: 100%; } .google-maps.-slim { padding-bottom: 30%; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } @media (max-height: 450px) { .google-maps { max-width: 75%; padding-bottom: 50%; } .google-maps.-square { padding-bottom: 75%; } } .maps-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: white; font-family: 'Futura-Bold', sans-serif; font-size: 32px; line-height: 36px; text-transform: uppercase; text-align: center; z-index: 2; background-color: rgba(0, 0, 0, 0.5); } .maps-overlay__text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .wait-overlay { width: 100%; height: 0px; background: transparent; visibility: hidden; opacity: 0; z-index: 1; position: absolute; top: 0; left: 0; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .active .wait-overlay, .de-activated .wait-overlay { height: 100%; visibility: visible; background: white; opacity: 0.8; z-index: 5; } .wait-overlay__spinner { width: 56px; height: 56px; position: absolute; visibility: hidden; opacity: 0; display: none; top: calc(50% - 28px); left: calc(50% - 28px); -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .wait-overlay__spinner > i { color: #0b6bb5; } .active .wait-overlay__spinner, .de-activated .wait-overlay__spinner { visibility: visible; opacity: 1; display: block; } .main-hr-component { background: #666666; height: 1px; margin: 10px auto 10px auto; width: calc(100% - 250px); } @media (max-width: 1400px) { .main-hr-component { width: calc(100% - 125px); } } @media (max-width: 1199px) { .main-hr-component { width: 90%; } } @media (max-width: 767px) { .main-hr-component { width: auto; margin: 10px 15px; } }