/** styles.scss -> styles.css Main/base stylesheet for the CMS Capabilities website and its subsites. Import the app SCSS files including foundation. */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, #tinymce, nav, section, summary { display: block; } /** Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } script { display: none !important; } /* ========================================================================== Base ========================================================================== */ /** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */ h1, .h1 { font-size: 2em; margin: 0.67em 0; } /** Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ button, input { line-height: normal; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } meta.foundation-mq-small { font-family: "only screen and (min-width: 768px)"; width: 768px; } meta.foundation-mq-medium { font-family: "only screen and (min-width:1280px)"; width: 1280px; } meta.foundation-mq-large { font-family: "only screen and (min-width:1440px)"; width: 1440px; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { background: #fff; font-size: 100%; } body { color: #000; padding: 0; margin: 0; font-family: sans-serif; font-weight: 400; font-style: normal; line-height: 1; position: relative; cursor: default; } a:hover { cursor: pointer; } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .hide { display: none; } .antialiased { -webkit-font-smoothing: antialiased; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } /* Grid HTML Classes */ .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 85.5rem; *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { width: auto; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { position: relative; padding-left: 0.75rem; padding-right: 0.75rem; width: 100%; float: left; } @media only screen { .column, .columns { position: relative; padding-left: 0.75rem; padding-right: 0.75rem; float: left; } .small-1 { position: relative; width: 8.33333%; } .small-2 { position: relative; width: 16.66667%; } .small-3 { position: relative; width: 25%; } .small-4 { position: relative; width: 33.33333%; } .small-5 { position: relative; width: 41.66667%; } .small-6 { position: relative; width: 50%; } .small-7 { position: relative; width: 58.33333%; } .small-8 { position: relative; width: 66.66667%; } .small-9 { position: relative; width: 75%; } .small-10 { position: relative; width: 83.33333%; } .small-11 { position: relative; width: 91.66667%; } .small-12 { position: relative; width: 100%; } .small-offset-0 { position: relative; margin-left: 0%; } .small-offset-1 { position: relative; margin-left: 8.33333%; } .small-offset-2 { position: relative; margin-left: 16.66667%; } .small-offset-3 { position: relative; margin-left: 25%; } .small-offset-4 { position: relative; margin-left: 33.33333%; } .small-offset-5 { position: relative; margin-left: 41.66667%; } .small-offset-6 { position: relative; margin-left: 50%; } .small-offset-7 { position: relative; margin-left: 58.33333%; } .small-offset-8 { position: relative; margin-left: 66.66667%; } .small-offset-9 { position: relative; margin-left: 75%; } .small-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } } /* Styles for screens that are atleast 768px; */ @media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; } .large-2 { position: relative; width: 16.66667%; } .large-3 { position: relative; width: 25%; } .large-4 { position: relative; width: 33.33333%; } .large-5 { position: relative; width: 41.66667%; } .large-6 { position: relative; width: 50%; } .large-7 { position: relative; width: 58.33333%; } .large-8 { position: relative; width: 66.66667%; } .large-9 { position: relative; width: 75%; } .large-10 { position: relative; width: 83.33333%; } .large-11 { position: relative; width: 91.66667%; } .large-12 { position: relative; width: 100%; } .row .large-offset-0 { position: relative; margin-left: 0%; } .row .large-offset-1 { position: relative; margin-left: 8.33333%; } .row .large-offset-2 { position: relative; margin-left: 16.66667%; } .row .large-offset-3 { position: relative; margin-left: 25%; } .row .large-offset-4 { position: relative; margin-left: 33.33333%; } .row .large-offset-5 { position: relative; margin-left: 41.66667%; } .row .large-offset-6 { position: relative; margin-left: 50%; } .row .large-offset-7 { position: relative; margin-left: 58.33333%; } .row .large-offset-8 { position: relative; margin-left: 66.66667%; } .row .large-offset-9 { position: relative; margin-left: 75%; } .row .large-offset-10 { position: relative; margin-left: 83.33333%; } .row .large-offset-11 { position: relative; margin-left: 91.66667%; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } } /* Foundation Visibility HTML Classes */ .show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important; } .show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } .hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; } .hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important; } /* Specific visilbity for tables */ table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { display: table; } thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { display: table-header-group !important; } tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { display: table-row-group !important; } tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { display: table-row !important; } td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, th.show-for-small, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge { display: table-cell !important; } /* Medium Displays: 768px - 1279px */ @media only screen and (min-width: 768px) { .show-for-medium, .show-for-medium-up { display: inherit !important; } .show-for-small { display: none !important; } .hide-for-small { display: inherit !important; } .hide-for-medium, .hide-for-medium-up { display: none !important; } /* Specific visilbity for tables */ table.show-for-medium, table.show-for-medium-up, table.hide-for-small { display: table; } thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { display: table-header-group !important; } tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { display: table-row-group !important; } tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { display: table-row !important; } td.show-for-medium, td.show-for-medium-up, td.hide-for-small, th.show-for-medium, th.show-for-medium-up, th.hide-for-small { display: table-cell !important; } } /* Large Displays: 1280px - 1440px */ @media only screen and (min-width: 1280px) { .show-for-large, .show-for-large-up { display: inherit !important; } .show-for-medium, .show-for-medium-down { display: none !important; } .hide-for-medium, .hide-for-medium-down { display: inherit !important; } .hide-for-large, .hide-for-large-up { display: none !important; } /* Specific visilbity for tables */ table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { display: table; } thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { display: table-header-group !important; } tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { display: table-row-group !important; } tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { display: table-row !important; } td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, th.show-for-large, th.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down { display: table-cell !important; } } /* X-Large Displays: 1400px and up */ @media only screen and (min-width: 1440px) { .show-for-xlarge { display: inherit !important; } .show-for-large, .show-for-large-down { display: none !important; } .hide-for-large, .hide-for-large-down { display: inherit !important; } .hide-for-xlarge { display: none !important; } /* Specific visilbity for tables */ table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { display: table; } thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { display: table-header-group !important; } tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { display: table-row-group !important; } tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { display: table-row !important; } td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, th.show-for-xlarge, th.hide-for-large, th.hide-for-large-down { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visilbity for tables */ table.hide-for-landscape, table.show-for-portrait { display: table; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visilbity for tables */ table.show-for-landscape, table.hide-for-portrait { display: table; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visilbity for tables */ table.show-for-portrait, table.hide-for-landscape { display: table; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visilbity for tables */ table.hide-for-touch { display: table; } .touch table.show-for-touch { display: table; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } /* Foundation Block Grids for below small breakpoint */ @media only screen { [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625em; *zoom: 1; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: inline; height: auto; float: left; padding: 0 0.625em 1.25em; } .small-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; } .small-block-grid-1 > li:nth-of-type(n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; } .small-block-grid-2 > li:nth-of-type(n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; } .small-block-grid-3 > li:nth-of-type(n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; } .small-block-grid-4 > li:nth-of-type(n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; } .small-block-grid-5 > li:nth-of-type(n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; } .small-block-grid-6 > li:nth-of-type(n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; } .small-block-grid-7 > li:nth-of-type(n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; } .small-block-grid-8 > li:nth-of-type(n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; } .small-block-grid-9 > li:nth-of-type(n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; } .small-block-grid-10 > li:nth-of-type(n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; } .small-block-grid-11 > li:nth-of-type(n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; } .small-block-grid-12 > li:nth-of-type(n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Foundation Block Grids for above small breakpoint */ @media only screen and (min-width: 768px) { /* Remove small grid clearing */ .small-block-grid-1 > li:nth-of-type(1n+1) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: none; } .large-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; } .large-block-grid-1 > li:nth-of-type(n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; } .large-block-grid-2 > li:nth-of-type(n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; } .large-block-grid-3 > li:nth-of-type(n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; } .large-block-grid-4 > li:nth-of-type(n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; } .large-block-grid-5 > li:nth-of-type(n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; } .large-block-grid-6 > li:nth-of-type(n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; } .large-block-grid-7 > li:nth-of-type(n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; } .large-block-grid-8 > li:nth-of-type(n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; } .large-block-grid-9 > li:nth-of-type(n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; } .large-block-grid-10 > li:nth-of-type(n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; } .large-block-grid-11 > li:nth-of-type(n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; } .large-block-grid-12 > li:nth-of-type(n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } p.lead { font-size: 1.21875em; line-height: 1.6; } .subheader { line-height: 1.4; color: #999999; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } /* Default Link Styles */ a { color: #4C4C4C; text-decoration: none; line-height: inherit; } a:hover, a:focus { color: #3f3f3f; } a img { border: none; } /* Default paragraph styles */ p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizeLegibility; } p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; } /* Default header styles */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6 { font-family: inherit; font-weight: 400; font-style: normal; color: #4C4C4C; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, h6 small { font-size: 60%; color: #999999; line-height: 0; } h1, .h1 { font-size: 1.0625em; } h2, .h2 { font-size: 0.75em; } h3, .h3 { font-size: 0.9375em; } h4, .h4 { font-size: 0.8125em; } h5 { font-size: 1.0625em; } h6 { font-size: 1em; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; } /* Lists */ ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; } ul, ol { margin-left: 0; } ul.no-bullet, ol.no-bullet { margin-left: 0; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } ul.disc { list-style-type: disc; } ul.no-bullet { list-style: none; } /* Ordered Lists */ ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3em; font-weight: bold; } dl dd { margin-bottom: 0.75em; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #000; border-bottom: 1px dotted #ddd; cursor: help; } abbr { text-transform: none; } /* Blockquotes */ blockquote { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 0.8125em; color: #7f7f7f; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #7f7f7f; } blockquote, blockquote p { line-height: 1.6; color: #999999; } /* Microformats */ .vcard { display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #ddd; padding: 0.625em 0.75em; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375em; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; } @media only screen and (min-width: 768px) { h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6 { line-height: 1.4; } h1, .h1 { font-size: 1.6875em; } h2, .h2 { font-size: 1.375em; } h3, .h3 { font-size: 1.25em; } h4, .h4 { font-size: 1.125em; } } /* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, .h2, h3, .h3 { orphans: 3; widows: 3; } h2, .h2, h3, .h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } /** _colors.scss */ /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-size - arguments: Width: 100%, Height: 100% - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transition - arguments: What: all, Length: 1s, Easing: ease-in-out - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 ------------------------------------------------------------- */ /** _mixins.scss */ @keyframes loading { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes seesaw { 0% { transform: rotate(0); } 30% { transform: rotate(15deg); } 60% { transform: rotate(-12deg); } 80% { transform: rotate(5deg); } 0% { transform: rotate(0); } } @keyframes blink { 0% { transform: scaleY(1); } 50% { transform: scaleY(0); } 100% { transform: scaleY(1); } } @keyframes turn { 0% { transform: rotate(10deg); } 100% { transform: rotate(0); } } @keyframes mumble { 0% { transform: scale(1, 1); } 25% { transform: scale(1.05, 0.92); } 50% { transform: scale(1, 1); } 75% { transform: scale(0.95, 1.08); } } @keyframes kenburns { 0% { transform: translate(-50%, -50%) scale(1, 1); } 50% { transform: translate(-50%, -50%) scale(1.15, 1.15); } } /** _font.scss */ body { font-family: 'Whitney SSm A', 'Whitney SSm B', helvetica, sans-serif; } /** _main.scss General "global" styling for the CMS Capabilities website and its subsites. @todo: a lot of the styling classes here are redundant so delete as required. */ html, body { min-height: 100%; background-color: #58595b; } body { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color: black; font-size: 16px; line-height: 1.5; } a { color: #007fa1; text-decoration: underline; } a:hover { text-decoration: none; } abbr { color: inherit; } abbr[title] { border: none; } code { font-family: monospace; color: #58595b; font-weight: 600; } h1, .h1 { margin: 0 0 2rem; font-size: 1.75rem; line-height: 1; } h2, .h2 { font-size: 1.5rem; margin: 1.375rem 0 1.375rem; line-height: 1.4; color: #007fa1; } h3, .h3 { font-size: 1.375rem; margin: 1.25rem 0 1.25rem; line-height: 1.2; } h4, .h4 { font-size: 1.25rem; margin: 1.125rem 0 1.125rem; line-height: 1; } h5 { font-size: 1.125rem; margin: 1rem 0 1rem; } h6 { font-size: 1rem; margin: 0.875rem 0 0.875rem; } figure { margin: 1.25rem 0 1.875rem; } figure > a { text-decoration: none; color: #cccccc; } figure > a:hover, figure > a:focus { color: black; } figcaption { margin-top: 1.25rem; padding-top: 1.25rem; font-size: 0.875rem; border-top: 1px solid #cccccc; } .off-screen, .offscreen { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .skiplink { position: absolute; z-index: 20; top: -2.5rem; left: 0; right: 0; line-height: 2; font-size: 1.25rem; text-align: center; text-decoration: none; white-space: nowrap; color: black; font-weight: 500; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-transition: 0.15s all ease-in; -moz-transition: 0.15s all ease-in; -ms-transition: 0.15s all ease-in; -o-transition: 0.15s all ease-in; transition: 0.15s all ease-in; } .skiplink:focus { top: 0; outline: none; background: #ffd861; } #old { position: fixed; z-index: 2; top: 0; width: 100%; padding: 1.25rem; color: black; background: yellow; } #old p { margin: 0; padding: 0.625rem; } #old a { text-decoration: underline; } #tinymce { background-color: white; } #wrapper { padding: 0; background-color: white; } .header { background-color: white; } .header a { color: #58595b; } .header a:hover, .header a:focus { color: black; } .page-information { background-color: #cccccc; padding: 15px 0; } .page-information dl { font-size: 0.875rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; margin: 0; padding: 0; } .page-information dl dt, .page-information dl dd { display: block; margin: 0; } .page-information dl dt { font-weight: 500; } .page-information dl dd { margin-bottom: 10px; } .page-information dl dd:last-child { margin-bottom: 0; } .page-information dl a { color: black; } .footer { color: white; background-color: #58595b; padding: 0.625rem 0; color: white; background-color: #58595b; } .footer .h2 { color: white; } .footer a, .footer ul li a { color: #cccccc; } .footer a:hover, .footer a:focus, .footer ul li a:hover, .footer ul li a:focus { color: white; } .footer .logout-control { display: inline-block; margin-top: 0.625rem; } .page { padding: 2.5rem 0; } .company-logo { margin: 1.125rem 0 0; } .company-logo a { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: block; width: 138px; height: 26px; font-size: 0; background-image: url(../images/logo-2x.png); background-position: 0 0; background-repeat: no-repeat; background-size: contain; } .site-title { display: inline-block; margin: 0.625rem 0 0.625rem; text-decoration: none; font-size: 1.5rem; } .search-control { display: block; font-size: 0; width: 30px; height: 30px; } .search-box { display: block; padding: 0.625rem 0; color: white; background-color: #b5e3f4; } .search-box form { position: relative; overflow: hidden; } .search-box form ::-webkit-input-placeholder { color: #30a9c7; } .search-box form :-moz-placeholder { color: #30a9c7; opacity: 1; } .search-box form ::-moz-placeholder { color: #30a9c7; opacity: 1; } .search-box form :-ms-input-placeholder { color: #30a9c7; } .search-box form label { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .search-box form input[type="search"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; width: 100%; margin-top: 0.0625rem; padding: 0 0 0.125rem; font-size: 1.375rem; line-height: normal; font-weight: 500; text-align: center; color: white; background-color: transparent; border: none; outline: none; } .search-box form input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; position: absolute; top: -1000px; left: 0; } .search-box .logout-control { display: inline-block; margin-top: 0.3125rem; color: white; text-decoration: none; } .search-box .logout-control:hover, .search-box .logout-control:focus { color: white; text-decoration: underline; } #menu_control { display: inline-block; position: absolute; right: 17px; width: 30px; height: 19px; line-height: 19px; margin: -2.375rem 0 0 0; font-size: 0; color: white; } #menu_control.open:before { opacity: 0; } #menu_control.open:after { opacity: 0; } #menu_control.open span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #menu_control.open span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #menu_control:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 3px; background: #58595b; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #menu_control:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 30px; height: 3px; background: #58595b; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #menu_control span { padding-left: 2.5rem; } #menu_control span:before { content: ''; display: block; position: absolute; top: 8px; left: 0; width: 30px; height: 3px; background: #58595b; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #menu_control span:after { content: ''; display: block; position: absolute; top: 8px; left: 0; width: 30px; height: 3px; background: #58595b; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #primary_navigation { display: none; position: relative; z-index: 5; width: 100%; background-color: #58595b; } #primary_navigation:target, #primary_navigation.open { display: block; } #primary_navigation .topnavigation > ul .has-children.open > span > a { color: white; background-color: black; } #primary_navigation .topnavigation > ul .has-children.open > span > a:hover { background-color: #333333; } #primary_navigation .topnavigation > ul .has-children.open > .subnav { display: block; } #primary_navigation .topnavigation > ul > li { position: relative; vertical-align: top; } #primary_navigation .topnavigation > ul > li.home-link > span > a { padding-left: 1.25rem; padding-right: 1.25rem; font-size: 0; text-align: left; background-image: url(../images/home-icon.svg); background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -ms-background-size: 20px auto; -o-background-size: 20px auto; background-size: 20px auto; } #primary_navigation .topnavigation > ul > li.has-children > span > a { position: relative; padding-right: 1.5625rem; } #primary_navigation .topnavigation > ul > li.has-children > span > a:after { content: ''; position: absolute; top: 50%; right: 10px; border-style: solid; border-width: 5px 5px 0 5px; border-color: white transparent transparent transparent; margin-top: -3px; } #primary_navigation .topnavigation > ul > li > span > a { padding: 0.3125rem 0; } #primary_navigation .topnavigation > ul > li > span > a:hover { color: white; background-color: #666666; } #primary_navigation .topnavigation > ul > li > span > a:focus { color: white; background-color: #333333; } #primary_navigation .topnavigation > ul .subnav { display: none; position: absolute; z-index: 1; min-width: 13.75rem; width: auto; margin: 0; padding: 0; text-align: left; background-color: black; } #primary_navigation .topnavigation > ul .subnav:target { display: block; } #primary_navigation .topnavigation > ul .subnav > li { display: block; text-align: left; white-space: nowrap; } #primary_navigation .topnavigation > ul .subnav > li > a { display: block; } #primary_navigation .topnavigation > ul .subnav a { text-align: left; padding: 0.6875rem 1.5625rem 0.625rem 0.9375rem; } #primary_navigation .topnavigation > ul .subnav a:hover, #primary_navigation .topnavigation > ul .subnav a:focus { color: white; background-color: #333333; } #primary_navigation .topnavigation > ul .subnav .has-children { position: relative; } #primary_navigation .topnavigation > ul .subnav .has-children.open > a:after { border-top-color: white; } #primary_navigation .topnavigation > ul .subnav .has-children > a { position: relative; } #primary_navigation .topnavigation > ul .subnav .has-children > a:after { content: ''; position: absolute; top: 50%; right: 10px; border-style: solid; border-width: 5px 5px 0 5px; border-color: #ddd transparent transparent transparent; margin-top: -3px; } #primary_navigation .topnavigation > ul .subnav .subnav { top: 0; left: 100%; } #primary_navigation .topnavigation ul { list-style: none; margin: 0; padding: 0; } #primary_navigation .topnavigation li { margin: 0; padding: 0; } #primary_navigation .topnavigation a { display: block; margin: 0; padding: 0; text-decoration: none; color: white; } #primary_navigation .topnavigation a:hover, #primary_navigation .topnavigation a:focus { text-decoration: none; } #mobile_navigation { display: none; position: absolute; z-index: 5; width: 100%; } #mobile_navigation.open { display: block; } #mobile_navigation .topnavigation { background-color: #58595b; } #mobile_navigation .topnavigation > ul .has-children.open > span > a { color: white; background-color: black; } #mobile_navigation .topnavigation > ul .has-children.open > span > a:hover { background-color: #333333; } #mobile_navigation .topnavigation > ul .has-children.open > .subnav { display: block; } #mobile_navigation .topnavigation > ul > li { position: relative; vertical-align: top; } #mobile_navigation .topnavigation > ul > li.home-link > span > a { padding-left: 3.125rem; text-align: left; background-image: url(../images/home-icon.svg); background-position: 0.75rem 50%; background-repeat: no-repeat; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -ms-background-size: 20px auto; -o-background-size: 20px auto; background-size: 20px auto; } #mobile_navigation .topnavigation > ul > li.has-children > span > a { position: relative; padding-right: 3.25rem; } #mobile_navigation .topnavigation > ul > li > span { display: block; } #mobile_navigation .topnavigation > ul > li > span > a { padding: 0.625rem 0.75rem; } #mobile_navigation .topnavigation > ul > li > span > a:hover { color: white; background-color: #666666; } #mobile_navigation .topnavigation > ul > li > span > a:focus { color: white; background-color: #333333; } #mobile_navigation .topnavigation .subnav { display: none; position: relative; width: 100%; margin: 0; padding: 0; background-color: black; } #mobile_navigation .topnavigation .subnav:target { display: block; } #mobile_navigation .topnavigation .subnav > li { display: block; text-align: left; } #mobile_navigation .topnavigation .subnav > li > a { display: block; } #mobile_navigation .topnavigation .subnav a { text-align: left; padding: 0.6875rem 1.5625rem 0.625rem 0.9375rem; } #mobile_navigation .topnavigation .subnav a:hover, #mobile_navigation .topnavigation .subnav a:focus { color: white; background-color: #333333; } #mobile_navigation .topnavigation .subnav .has-children { position: relative; } #mobile_navigation .topnavigation .subnav .has-children > a { position: relative; } #mobile_navigation .topnavigation .subnav .subnav a { padding-left: 1.5rem; } #mobile_navigation .topnavigation .subnav .subnav .subnav a { padding-left: 2.25rem; } #mobile_navigation .topnavigation ul { list-style: none; margin: 0; padding: 0; text-align: left; } #mobile_navigation .topnavigation li { margin: 0; padding: 0; } #mobile_navigation .topnavigation li.ui-collapsible.ui-collapsible-open > [data-collapse="content"] { display: block; } #mobile_navigation .topnavigation a { display: block; margin: 0; padding: 0; text-decoration: none; color: white; } #mobile_navigation .topnavigation a:hover, #mobile_navigation .topnavigation a:focus { text-decoration: none; } #secondary_navigation { display: none; } #secondary_navigation .secondarynavigation { font-size: 0.875rem; } #secondary_navigation .secondarynavigation > ul > li:first-child { border-top: none; } #secondary_navigation .secondarynavigation > ul > li.active > span { display: block; } #secondary_navigation .secondarynavigation > ul > li.active > span > a { color: black; background-color: #f2f2f2; } #secondary_navigation .secondarynavigation > ul > li > span > a { position: relative; } #secondary_navigation .secondarynavigation ul { list-style: none; display: block; margin: 0; padding: 0; background-color: #e6e6e6; } #secondary_navigation .secondarynavigation ul li.active-ancestor > span > a { background-color: #dbdbdb; } #secondary_navigation .secondarynavigation ul li.active-ancestor > span > a:hover, #secondary_navigation .secondarynavigation ul li.active-ancestor > span > a:focus { background-color: #cccccc; } #secondary_navigation .secondarynavigation ul li.active-ancestor.active > span > a { color: white; background-color: #007fa1; } #secondary_navigation .secondarynavigation ul li.active-ancestor .subnav { background-color: #dbdbdb; } #secondary_navigation .secondarynavigation ul .subnav { display: none; margin: 0; padding: 0; background-color: #f2f2f2; } #secondary_navigation .secondarynavigation ul .subnav li { border-top-color: #e9e9e9; background: #efefef; } #secondary_navigation .secondarynavigation ul .subnav li a { padding-left: 1.5rem; } #secondary_navigation .secondarynavigation ul .subnav li a:hover, #secondary_navigation .secondarynavigation ul .subnav li a:focus { background-color: #cccccc; } #secondary_navigation .secondarynavigation ul .subnav li.active > a { color: white; background-color: #007fa1; } #secondary_navigation .secondarynavigation ul .subnav .subnav li a { padding: 0.625rem 0.625rem 0.625rem 2.25rem; } #secondary_navigation .secondarynavigation li { list-style: none; display: block; border-top: 1px solid #cccccc; } #secondary_navigation .secondarynavigation li.ui-collapsible:not(.active) [aria-controls]:after { background-image: url(../images/arrow-right-dark.svg); } #secondary_navigation .secondarynavigation li.ui-collapsible.ui-collapsible-open > [data-collapse="content"] { display: block; } #secondary_navigation .secondarynavigation li.ui-collapsible [aria-controls] { right: 0; } #secondary_navigation .secondarynavigation a { display: block; padding: 0.625rem 0.625rem; text-decoration: none; text-align: left; color: #333333; color: #4c4c4c; border: none; } #secondary_navigation .secondarynavigation a:hover, #secondary_navigation .secondarynavigation a:focus { color: black; background-color: #cccccc; } .more-link { display: block; width: 100%; padding: 0.4375rem 1.5rem; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 1rem; background-color: #007fa1; outline: none; -webkit-transition: 0.15s background ease-in-out; -moz-transition: 0.15s background ease-in-out; -ms-transition: 0.15s background ease-in-out; -o-transition: 0.15s background ease-in-out; transition: 0.15s background ease-in-out; } .page .more-link { color: white; } .page .more-link:hover, .page .more-link:focus { color: white; background-color: #00576e; } main a, #tinymce a { color: #12b4e9; } main ul, #tinymce ul, main ol, #tinymce ol { padding-left: 1.875rem; } main ul li, #tinymce ul li, main ol li, #tinymce ol li { margin-bottom: 0.625rem; } main ul ul, #tinymce ul ul, main ul ol, #tinymce ul ol, main ol ul, #tinymce ol ul, main ol ol, #tinymce ol ol { margin-left: 0rem; margin-top: 0.625rem; padding-left: 1.875rem; } main table, #tinymce table { width: 100%; margin: 1.25em 0; } main table caption, #tinymce table caption { text-align: left; margin: 0; padding: 8px 10px 10px; font-weight: 600; font-size: 17px; } main table th, #tinymce table th, main table td, #tinymce table td { padding: 8px 10px; font-weight: normal; text-align: left; vertical-align: top; } main table thead th, #tinymce table thead th { background-color: #808080; } main table tbody tr:nth-child(odd), #tinymce table tbody tr:nth-child(odd) { background-color: #fafafa; } main table tbody tr:nth-child(odd) th, #tinymce table tbody tr:nth-child(odd) th { background-color: #e1e1e1; } main table tbody th, #tinymce table tbody th { background-color: #e9e9e9; } main td, #tinymce td { font-size: 1rem; } .feature { padding: 1.875rem 0; background-color: #007fa1; } .feature.yellow { background-color: #ffd861; } .feature a { color: #58595b; } .feature a:hover, .feature a:focus { color: black; } #feature-tiles { color: #4c4c4c; padding-bottom: 1.5625rem; } .feature-tile a { display: table-cell; color: #4c4c4c; background: #cccccc; font-size: 1.6875rem; line-height: 2.25rem; height: 11.25rem; vertical-align: middle; padding: 0 1.5625rem; text-decoration: none; } .feature-tile .title { display: table; width: 100%; } .staff-contacts { height: 37.5rem; padding: 0.625rem; margin-bottom: 1.25rem; border: 1px solid #cccccc; overflow: hidden; overflow-y: auto; font-size: 0.875rem; } .staff-contacts ol { list-style: none; display: block; margin: 0; padding: 0; } .staff-contacts dl { display: block; } .staff-contacts dl dt, .staff-contacts dl dd { display: block; margin-bottom: 0.25rem; } .staff-contacts dl dt { float: left; clear: both; font-weight: 600; } .staff-contacts dl dd { margin-left: 4.375rem; } .news-announcements { margin-bottom: 1.25rem; font-size: 0.875rem; } .news-announcements h2, .news-announcements .h2 { min-height: 3.75rem; margin-top: 0; padding-left: 3.75rem; color: black; background-image: url(../images/announcements-icon.png); background-position: 0 50%; background-repeat: no-repeat; background-image: url(../images/announcements-icon.svg); -webkit-background-size: 50px auto; background-size: 50px auto; } .news-announcements .news { margin-top: 1.25rem; } .news-announcements .news .item.has-image { margin-bottom: 1.25rem; } .news-announcements .news .item.has-image .inner { padding: 0; border: none; } .news-announcements .news .item.has-image .item-image { padding: 0 0.625rem 0 0; } .news-announcements .news .view-all { padding: 0 0 1.25rem 0; } .news-announcements .item h3, .news-announcements .item .h3 { font-size: 1rem; margin: 0 0 0.3125rem; } .news-announcements .item p { padding: 0; margin: 0 0 0.3125rem; } .news-announcements .item .inner { border: none; } .news-announcements .item .meta { font-size: 0.75rem; } .news-announcements .news-announcements-none { font-size: 1rem; color: gray; } .latest-news .item.has-image .item-image { padding: 0 0.625rem 0 0; } .latest-news .item.has-image .inner { padding: 0.3125rem 0; } .news p { margin-bottom: 0.9375rem; } .news .title { border-bottom: 1px solid #c9c9c9; margin-bottom: 0.9375rem; } .news .item { margin-bottom: 0.9375rem; } .news .item.text-only { border-bottom: 1px solid #c9c9c9; } .news .item.has-image { margin-bottom: 0.9375rem; padding: 0 0.75rem; width: auto; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .news .item.has-image:before, .news .item.has-image:after { content: " "; display: table; } .news .item.has-image:after { clear: both; } .news .item.has-image .inner { padding: 0.3125rem 0.6875rem 0.3125rem 0.6875rem; float: left; border-bottom: 1px solid #c9c9c9; } .news .item.has-image .item-image { position: relative; padding-left: 0.75rem; padding-right: 0.75rem; width: 33.33333%; float: left; } .news .item.has-image .item-image img { width: 100%; height: auto; } .news .item.has-image .item-detail { position: relative; padding-left: 0.75rem; padding-right: 0.75rem; width: 66.66667%; float: right; float: left; padding: 0; } .news .item h3, .news .item .h3 { font-size: 1em; margin: 0; } .news .item h3 a, .news .item .h3 a { color: #000; text-decoration: none; } .news .item h3 a:hover, .news .item .h3 a:hover { text-decoration: underline; } .news .item .meta { color: #808080; } .news .view-all { padding: 1.75rem 1.4375rem; } .shade { position: fixed; z-index: 99; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); } .shade .lightbox-loader { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; z-index: 1; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; background-image: url(../images/loader.svg); background-position: 0 0; background-repeat: no-repeat; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; animation-name: loading; animation-duration: .6s; animation-timing-function: linear; animation-play-state: running; animation-iteration-count: infinite; /* Safari and Chrome: */ -webkit-animation-name: loading; -webkit-animation-duration: .6s; -webkit-animation-timing-function: linear; -webkit-animation-play-state: running; -webkit-animation-iteration-count: infinite; } .shade .lightbox { position: absolute; z-index: 2; top: auto; bottom: auto; left: 20px; right: 20px; max-width: 880px; max-height: 100%; top: 50%; transform: translateY(-50%); overflow: auto; margin: 0 auto; padding: 20px 10px; background: white; } .supports-transform .shade .lightbox { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .shade .lightbox a { color: #007fa1; } .shade .lightbox h2, .shade .lightbox .h2 { margin-top: 0; margin-right: 20px; color: white; } .shade .lightbox:hover .flex-nav-prev, .shade .lightbox:hover .flex-nav-next, .shade .lightbox:focus .flex-nav-prev, .shade .lightbox:focus .flex-nav-next { opacity: 1; } .shade .lightbox .lightbox-swipe { overflow: hidden; position: relative; } .shade .lightbox .lightbox-swipe .lightbox-slides { margin: 0; list-style: none; position: relative; } .shade .lightbox .lightbox-swipe .lightbox-slides img { width: 100%; } .shade .lightbox .lightbox-swipe .lightbox-slides .img-caption { margin: 20px 0 0; font-size: 0.8rem; } .shade .lightbox .lightbox-close { position: absolute; z-index: 1; top: 13px; right: 10px; width: 30px; height: 30px; background-image: url(../images/close-2x.png); background-position: 0 0; background-repeat: no-repeat; background-size: contain; } .shade .lightbox .lightbox-close:hover, .shade .lightbox .lightbox-close:focus { background-image: url(../images/close-invite-2x.png); } .shade .lightbox .flex-control-nav { display: block; vertical-align: top; margin: 15px auto 5px; text-align: center; width: 100%; line-height: 8px; } .shade .lightbox .flex-control-nav > li { display: inline-block; list-style: none; } .shade .lightbox .flex-control-nav > li > a { display: block; width: 8px; width: 0.5rem; height: 8px; height: 0.5rem; text-indent: -1000em; background: #cccccc; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .shade .lightbox .flex-control-nav > li > a.flex-active { background: #39c7ea; transform: scale(1.2); } .shade .lightbox .flex-control-nav > li ~ li { margin-left: 10px; } .shade .lightbox .flex-direction-nav { margin: 0; } .shade .lightbox .flex-nav-prev, .shade .lightbox .flex-nav-next { display: block; position: absolute; top: 46%; margin-top: -12px; overflow: hidden; opacity: 0; -webkit-transition: opacity 0.15s ease-in-out; -moz-transition: opacity 0.15s ease-in-out; -ms-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; } .shade .lightbox .flex-nav-prev.lightbox-pagination-disabled, .shade .lightbox .flex-nav-next.lightbox-pagination-disabled { visibility: hidden; } .shade .lightbox .flex-nav-prev > a, .shade .lightbox .flex-nav-next > a { display: block; width: 14px; height: 25px; text-indent: -1000px; } .shade .lightbox .flex-nav-prev { left: 5px; background-image: url(../images/control-prev-2x.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .shade .lightbox .flex-nav-prev:hover, .shade .lightbox .flex-nav-prev:focus { background-image: url(../images/control-prev-invite-2x.png); background-position: 50% 50%; background-repeat: no-repeat; } .shade .lightbox .flex-nav-next { right: 5px; background-image: url(../images/control-next-2x.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .shade .lightbox .flex-nav-next:hover, .shade .lightbox .flex-nav-next:focus { background-image: url(../images/control-next-invite-2x.png); background-position: 50% 50%; background-repeat: no-repeat; } .contact-details dl, .business-details dl { margin-bottom: 0; } .contact-details dl dt, .business-details dl dt { font-weight: 500; } .contact-details dl dt, .business-details dl dt { font-weight: 600; } .breadcrumbs { padding: 1.25rem 0; margin: 0 0 1.875rem; font-size: 0.875rem; } .breadcrumbs a { color: #007fa1; } .breadcrumbs a ~ a:before { content: ''; display: inline-block; width: 15px; height: 15px; margin: 0 8px; vertical-align: middle; background-image: url(../images/arrow-right-dark.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .business-details dl dt { float: left; } .business-details dl dt, .business-details dl dd { display: block; margin-bottom: 0.25rem; } .business-details dl dt { float: left; clear: both; } .business-details dl dd { margin-left: 3.125rem; } .categories .title { font-size: 1.375rem; line-height: 2rem; border-bottom: 1px solid #C9C9C9; padding-bottom: 0.625rem; margin-bottom: 0.625rem; } .page-col-right .quicklinks-block .title { background-color: #007fa1; color: white; font-size: 1.375rem; line-height: 2rem; padding: 0.75rem 1.5625rem; } .page-col-right .quicklinks-block .links { border: 1px solid #c9c9c9; border-top: 0; padding: 0.9375rem 0; } .page-col-right .quicklinks-block .quicklink-page, .page-col-right .quicklinks-block .quicklink-file, .page-col-right .quicklinks-block .quicklink-external-link { border-top: 0; padding: 0.3125rem 0.9375rem; } .page-col-right .quicklinks-block .quicklink-page a, .page-col-right .quicklinks-block .quicklink-file a, .page-col-right .quicklinks-block .quicklink-external-link a { padding-left: 1.25rem; text-decoration: underline; color: #007fa1; background-image: url(../images/icon-list.png); background-position: 0 50%; background-repeat: no-repeat; } .page-col-right .quicklinks-block .quicklink-page a:hover, .page-col-right .quicklinks-block .quicklink-file a:hover, .page-col-right .quicklinks-block .quicklink-external-link a:hover { text-decoration: none; } .page-col-right .calendar-container { background-color: #f2f2f2; } .page-col-right .calendar-container .calendar-table { width: 100%; } .page-col-right .calendar-container .calendar-table abbr { cursor: auto; color: #808080; border-bottom: 0; } .page-col-right .calendar-container .calendar-table tbody { text-align: center; } .page-col-right .calendar-container .calendar-table tbody td { border: 1px solid #CCCCCC; width: 2.8125rem; height: 2.6875rem; padding: 0; color: #4c4c4c; } .page-col-right .calendar-container .calendar-table tbody td.event-day { background-color: #C3ECF9; } .page-col-right .calendar-container .calendar-table tbody td.today { background-color: #12b4e9; color: white; } .page-col-right .calendar-container .calendar-table tbody td.today a { color: white; } .page-col-right .calendar-container .calendar-table tbody td a { text-decoration: none; color: #4c4c4c; } .page-col-right .calendar-container .calendar-controls { position: relative; padding: 1rem; } .page-col-right .calendar-container .calendar-controls strong { text-transform: uppercase; } .page-col-right .calendar-container .calendar-controls a { position: absolute; text-indent: -9999px; } .page-col-right .calendar-container .calendar-controls a.left { left: 20px; background: url(/design/main/images/icon-calendar-left.png) no-repeat 0 50%; } .page-col-right .calendar-container .calendar-controls a.right { right: 20px; background: url(/design/main/images/icon-calendar-right.png) no-repeat 100% 50%; } .page-col-center .page-title { font-size: 2.25rem; line-height: 3rem; color: #007fa1; margin-bottom: 1.25rem; } .page-col-center .teaser-text { color: #12b4e9; font-size: 1.25rem; line-height: 1.75rem; } .page-col-center .teaser-text.italic { font-style: italic; } .publications-listing-block, .news-listing-block, .publications-embed-block { padding-bottom: 7.5rem; } .publications-listing-block .pagination-info, .news-listing-block .pagination-info, .publications-embed-block .pagination-info { margin-bottom: 1.25rem; } .publications-listing-block .thumb, .news-listing-block .thumb, .publications-embed-block .thumb { width: 100%; } .publications-listing-block .thumbnail, .news-listing-block .thumbnail, .publications-embed-block .thumbnail { width: 100%; height: 10rem; background: #e9e9e9; margin-bottom: 1.25rem; } .publications-listing-block .item, .news-listing-block .item, .publications-embed-block .item { border-bottom: 1px solid #C9C9C9; padding-top: 0.9375rem; padding-bottom: 0.3125rem; } .publications-listing-block .item .date, .publications-listing-block .item .meta, .news-listing-block .item .date, .news-listing-block .item .meta, .publications-embed-block .item .date, .publications-embed-block .item .meta { color: #808080; margin-bottom: 0.8em; } .publications-listing-block .item p, .news-listing-block .item p, .publications-embed-block .item p { margin-bottom: 0.8em; } .publications-listing-block .item .resource-picture, .news-listing-block .item .resource-picture, .publications-embed-block .item .resource-picture { background: url(/design/main/images/icon-picture.png) no-repeat 0 3px; padding-left: 1.25rem; } .publications-listing-block .item .resource-pdf, .news-listing-block .item .resource-pdf, .publications-embed-block .item .resource-pdf { background: url(/design/main/images/icon-pdf.png) no-repeat 0 3px; padding-left: 1.25rem; } .publications-listing-block .item .resource-word, .news-listing-block .item .resource-word, .publications-embed-block .item .resource-word { background: url(/design/main/images/icon-word.png) no-repeat 0 3px; padding-left: 1.25rem; } .publications-listing-block .item .resource-indesign, .news-listing-block .item .resource-indesign, .publications-embed-block .item .resource-indesign { background: url(/design/main/images/icon-word.png) no-repeat 0 3px; padding-left: 1.25rem; } .publications-listing-block .item .resource-archive, .news-listing-block .item .resource-archive, .publications-embed-block .item .resource-archive { background: url(/design/main/images/icon-archive.png) no-repeat 0 3px; padding-left: 1.25rem; } .publications-listing-block .item .resource-doc, .news-listing-block .item .resource-doc, .publications-embed-block .item .resource-doc { background: url(/design/main/images/icon-document.png) no-repeat 0 3px; padding-left: 1.25rem; } .publications-listing-block { padding-bottom: 0; } .publications-listing-block .item p.date { font-size: 0.875rem; } .publications-embed-block { padding-bottom: 0; } .publications-embed-block caption { text-align: left; font-weight: 500; margin: 0.625rem; } .publications-embed-block th, .publications-embed-block td { padding: 0.625rem; vertical-align: top; text-align: left; font-weight: 500; font-size: 1rem; } .publications-embed-block thead { line-height: 2.75rem; color: white; background: #cccccc; } .publications-embed-block thead th, .publications-embed-block thead td { padding: 0.625rem 0.75rem; } .publications-embed-block tbody th, .publications-embed-block tbody td { padding: 0.625rem 0.75rem; } .news-listing-block .item { padding-bottom: 1.25rem; } .week-events thead { background: #007FA1; color: white; line-height: 2.75rem; } .week-events thead td { padding: 0 1.5625rem; } .week-events tbody tr.active { color: #000; } .week-events tbody tr.active td { background-color: #C3ECF9; } .week-events tbody td { padding: 0.625rem 1.5625rem; border-bottom: 1px solid #C9C9C9; background-color: #F2F2F2; } .week-events tbody td.qty { text-align: center; } .week-events tbody td.action { background: url(../images/icon-arrow-right2.png) no-repeat 50% 50%; background-color: #F2F2F2; cursor: pointer; } .week-events tbody td.action.expand { background: url(../images/icon-arrow-down2.png) no-repeat 50% 50%; background-color: #C3ECF9; } .week-events tr.events-wrapper { display: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .week-events tr.events-wrapper td { padding: 0; border-bottom: 0; background-color: white; } .week-events tr.events-wrapper > td table td { padding: 0.625rem 1.5625rem; border-bottom: 1px solid #C9C9C9; } .week-events tr.events-wrapper a { text-decoration: none; color: inherit; } .week-events tr.events-wrapper a:hover { text-decoration: underline; } .events-list .event-item { border: 1px solid #C9C9C9; padding: 1.25rem 1.4375rem; margin-top: 2.75rem; } .events-list .event-item .event-title { font-size: 1.375rem; } .events-list .event-item .event-date { color: #808080; margin-bottom: 0.625rem; } .events-list .event-item .event-when, .events-list .event-item .event-where { padding-left: 1.4375rem; margin-top: 0.625rem; } .events-list .event-item .event-when span, .events-list .event-item .event-where span { font-weight: 500; } .events-list .event-item .event-when { background: url(../images/icon-when.png) no-repeat 0 50%; } .events-list .event-item .event-where { background: url(../images/icon-where.png) no-repeat 0 50%; } .events-list .event-item .event-link { line-height: 2.625rem; margin-top: 1.25rem; } .events-list .event-item .event-link a { background: #007FA1; color: white; text-decoration: none; padding: 0.625rem 1.4375rem; } .calendar-pagination { font-size: 1rem; margin: 2.8125rem 0; float: left; width: 100%; } .calendar-pagination .next, .calendar-pagination .prev { position: relative; } .calendar-pagination .next .dart, .calendar-pagination .prev .dart { width: 1.1875rem; height: 2.25rem; display: block; position: absolute; top: 0; } .calendar-pagination .next a, .calendar-pagination .prev a { color: white; text-decoration: none; background-color: #007FA1; } .calendar-pagination .next { float: right; padding-right: 19px; } .calendar-pagination .next a { float: right; padding: 0.375rem 0.5rem 0.375rem 0.5rem; } .calendar-pagination .next .dart { background: url(../images/pagination-next-short.png) no-repeat; right: 0; } .calendar-pagination .prev { float: left; padding-left: 19px; } .calendar-pagination .prev a { float: left; padding: 0.375rem 0.5rem 0.375rem 0.5rem; } .calendar-pagination .prev .dart { background: url(../images/pagination-prev-short.png) no-repeat; left: 0; } .calendar-pagination:after { content: " "; clear: both; } .calendar-featured { clear: both; } .calendar-featured .featured-event .evt-content-wrapper { border: 1px solid #C9C9C9; border-top: 0; padding: 0.8125rem 1.4375rem; } .calendar-featured .featured-event .evt-content-wrapper .evt-title { font-style: normal; font-weight: 500; color: black; } .calendar-featured .featured-event .evt-link a { display: block; background: #333333; text-decoration: none; color: white; padding: 0.3125rem 1.4375rem 0.375rem; } .calendar-featured .featured-event .evt-link a:hover { text-decoration: underline; } .calendar-featured .featured-event .evt-date { color: #333333; margin-bottom: 0.625rem; } .pagination { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; margin: 2.8125rem 0 1.25rem; } .pagination a, .pagination span { display: inline-block; vertical-align: top; text-transform: uppercase; text-align: center; text-decoration: none; } .pagination a.back, .pagination a.next, .pagination span.back, .pagination span.next { width: auto; padding: 0; } .pagination a.back.disabled, .pagination a.next.disabled, .pagination span.back.disabled, .pagination span.next.disabled { display: none; } .pagination a.back.inactive:before, .pagination a.back.inactive:after, .pagination a.next.inactive:before, .pagination a.next.inactive:after, .pagination span.back.inactive:before, .pagination span.back.inactive:after, .pagination span.next.inactive:before, .pagination span.next.inactive:after { opacity: 0.2; } .pagination a.back:before, .pagination span.back:before { content: ''; position: relative; top: 2px; display: inline-block; width: 8px; height: 15px; margin-right: 10px; background-image: url(../images/arrow-left-dark.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 8px 15px; } .pagination a.next:after, .pagination span.next:after { content: ''; position: relative; top: 2px; display: inline-block; width: 8px; height: 15px; margin-left: 10px; background-image: url(../images/arrow-right-dark.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 8px 15px; } .pagination a:hover, .pagination a:focus { text-decoration: underline; } .pagination a.active, .pagination a.inactive { color: #cccccc; cursor: default; } .pagination a.active:hover, .pagination a.active:focus, .pagination a.inactive:hover, .pagination a.inactive:focus { text-decoration: none; } .pagination > ul { display: block; list-style: none; margin: 0; padding: 0; } .pagination > ul > li { display: inline-block; } .pagination > ul > li ~ li:before { content: '|'; display: inline-block; margin: 0 5px; color: #cccccc; } .pagination > ul > li a { display: inline-block; padding: 0 7px; } .listing { *zoom: 1; } .listing .events-list .event-item .event-link a { background: #007fa1; padding: 0.4375rem 1.5rem; text-transform: uppercase; } .listing .events-list .event-item .event-link a:hover, .listing .events-list .event-item .event-link a:focus { background: #b5e3f4; } .listing:before, .listing:after { content: " "; display: table; } .listing:after { clear: both; } .blockOfcustom_block, .blockOfcalendar { margin-bottom: 1.25rem; } .CMSSearchResults .search-results-sort-type { display: block; } .CMSSearchResults .search-results-sort-type > dt, .CMSSearchResults .search-results-sort-type > dd { display: inline-block; } .CMSSearchResults .search-results-sort-type > dd { margin: 0 0 0 15px; } .CMSSearchResults .search-results-sort-type > dd.search-results-view-all:before { content: '|'; display: inline-block; margin: 0 15px 0 0; } .CMSSearchResults .search-results-sort-type a { margin: 0; } .CMSSearchResults .search-results-sort-type a.selected { font-weight: 600; } .CMSSearchResults .search-view-more { display: inline-block; padding: 0.4375rem 1.5rem; text-decoration: none; font-size: 1.1rem; font-weight: 500; color: white; background-color: black; outline: none; -webkit-transition: 0.15s background ease-in-out; -moz-transition: 0.15s background ease-in-out; -ms-transition: 0.15s background ease-in-out; -o-transition: 0.15s background ease-in-out; transition: 0.15s background ease-in-out; } .CMSSearchResults .search-view-more:hover, .CMSSearchResults .search-view-more:focus { color: white; background-color: gray; } .CMSSearchResults .search-note { padding-top: 2.5rem; border-top: 1px solid gray; margin-top: 2.5rem; } .CMSSearchResults .CMSSortBox { padding: 0.625rem; text-align: right; vertical-align: bottom; } .CMSSearchResults .CMSSortBox span { margin-left: 0.625rem; text-align: center; } .CMSSearchResults .CMSSearchBox { background: none; padding: 0; position: relative; } .CMSSearchResults .CMSSearchBox input[type='text'] { color: #808080; font-size: 1.375rem; padding-left: 1.25rem; } .CMSSearchResults .CMSSearchBox input[type='text']::-webkit-input-placeholder { color: #808080; font-size: 1.375rem; } .CMSSearchResults .CMSSearchBox input[type='text']:-moz-placeholder { /* Firefox 18- */ color: #808080; font-size: 1.375rem; } .CMSSearchResults .CMSSearchBox input[type='text']::-moz-placeholder { /* Firefox 19+ */ color: #808080; font-size: 1.375rem; } .CMSSearchResults .CMSSearchBox input[type='text']:-ms-input-placeholder { color: #808080; font-size: 1.375rem; } .CMSSearchResults .CMSSearchSubmit { background: url(/design/main/images/icon-search-large.png) no-repeat; border: 0; text-indent: -999px; width: 3rem; height: 3rem; margin: 0; padding: 0; background-size: 100%; position: absolute; top: 0; right: 0; } .CMSSearchResults .CMSSearchField { border: 1px solid #12B4E9; height: 3rem; width: 100%; padding-right: 3rem; } .CMSSearchResults .CMSResult { border-left: 0; padding: 0; margin: 2.1875rem 0; } .CMSSearchResults .CMSResult.search-hidden { display: none; } .CMSSearchResults .CMSResult .CMSResultTitle { font-size: 1rem; } .CMSSearchResults .CMSResult .CMSResultTitle a { color: #007FA1; font-weight: bold; text-decoration: none; } .CMSSearchResults .CMSResult .CMSResultTitle a:hover { text-decoration: underline; } .custom-block.header-text-box .header { border: 1px solid #C9C9C9; padding: 0 1.5625rem; padding-top: 0.625rem; } .custom-block.header-text-box .text { border: 1px solid #C9C9C9; border-top: 0; padding: 0.9375rem 1.5625rem; } .button-blue { color: white; background-color: #007fa1; padding: 0.4375rem 1.5rem; text-decoration: none; } .button-blue:hover { color: white; } form .field > label { display: block; vertical-align: top; line-height: 1.875rem; } form input[type="text"], form input[type="email"], form input[type="image"], form input[type="password"], form input[type="file"], form input.text, form textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; display: block; display: inline-block; width: 100%; height: 1.875rem; line-height: 1.875rem; margin-bottom: 0.5rem; padding: 0.25rem; *padding-left: 0; *padding-right: 0; font-weight: normal; border: 1px solid #cccccc; font-family: 'Whitney SSm A', 'Whitney SSm B', helvetica, sans-serif; font-size: 1rem; background-color: white; outline: none; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -ms-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out; } form input[type="text"]:hover, form input[type="email"]:hover, form input[type="image"]:hover, form input[type="password"]:hover, form input[type="file"]:hover, form input.text:hover, form textarea:hover { border-color: #007fa1; } form select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; display: block; width: 100%; height: 1.875rem; line-height: 1.875rem; margin: 0; margin-bottom: .5em; padding: 0 0 0 .4em; font-family: 'Whitney SSm A', 'Whitney SSm B', helvetica, sans-serif; font-weight: normal; font-size: 1rem; border: 1px solid #cccccc; outline: none; } form select:focus { border-color: #007fa1; } form input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; display: inline-block; min-height: 30px; height: 30px; padding: 2px 10px 0; text-align: center; vertical-align: top; font-size: 1em; text-transform: uppercase; color: white; background-color: #007fa1; border: none; border-radius: 0; cursor: pointer; outline: none; -webkit-transition: background 0.1s ease-in-out; -moz-transition: background 0.1s ease-in-out; -ms-transition: background 0.1s ease-in-out; -o-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; } form input[type="submit"]:hover, form input[type="submit"]:focus { text-decoration: none; background-color: #b5e3f4; } form div.fancy-select { position: relative; color: #000; height: 3rem; } form div.fancy-select ul li a { display: block; text-decoration: none; color: #333; } form div.fancy-select ul li a:hover { color: white; } form div.fancy-select.disabled { opacity: 0.5; } form div.fancy-select div.trigger { color: #808080; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; width: 100%; padding: 0 0.9375rem; padding-right: 3.125rem; border: 1px solid #12B4E9; } form div.fancy-select div.trigger:after { content: ""; width: 48px; height: 48px; display: block; float: right; position: absolute; top: 0; background: url(../images/icon-select-toggle.png) no-repeat 50% 50%; right: 0; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out; } form div.fancy-select div.trigger.open:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } form div.fancy-select ul.options { list-style: none; margin: 0; padding: 0; position: absolute; top: 40px; left: 0; visibility: hidden; opacity: 0; z-index: 50; overflow: auto; background: white; min-width: 100%; color: #808080; border: 1px solid #12B4E9; transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; } form div.fancy-select ul.options.open { visibility: visible; top: 55px; opacity: 1; /* have to use a non-visibility transition to prevent this iOS issue (bug?): */ /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/ transition: opacity 300ms ease-out, top 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out; } form div.fancy-select ul.options.overflowing { transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; } form div.fancy-select ul.options.overflowing.open { transition: opacity 300ms ease-out, bottom 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out; } form div.fancy-select ul.options li { padding: 0.5rem 1.25rem; cursor: pointer; white-space: nowrap; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; background: #e4e3e3; } form div.fancy-select ul.options li:nth-child(odd) { background: #f4f4f4; } form div.fancy-select ul.options li.hover { background: #12B4E9; color: white; } #gmap { min-height: 22.25rem; } .section.event-view .table-row { display: table; width: 100%; } .section.event-view .event-info, .section.event-view .event-image { display: table-cell; vertical-align: top; } .section.event-view .event-info { background: #007FA1; color: white; padding: 1.25rem; } .section.event-view .event-info span.label { font-weight: 500; } .section.event-view .event-info .when, .section.event-view .event-info .where { padding: 0 1.25rem; } .section.event-view .event-info .when { background: url(../images/icon-event-when.png) no-repeat 0 5px; } .section.event-view .event-info .where { background: url(../images/icon-event-location.png) no-repeat 0 5px; } .section.event-view .event-section-title { font-size: 1.375rem; margin: 0.9375rem 0; } .section.event-view .event-image { width: 50%; } .section.event-view .event-image img { width: 100%; } .section.event-view .directions-wrapper .directionsInput input[type='text'] { border: 1px solid #C9C9C9; padding: 0.375rem 2.6875rem; width: 100%; background: url(../images/icon-google-location.png) no-repeat 23px 50%; } .section.event-view .directions-wrapper .specialbold { font-weight: 500; margin: 0.9375rem 0; } .threads .thread.summary { border: 1px solid #C9C9C9; margin-bottom: 2.5rem; padding: 1.25rem; } .threads .thread.summary a { color: #4c4c4c; text-decoration: none; } .threads .thread.summary a:hover { text-decoration: underline; } .threads .thread p.meta { margin-bottom: 0; text-align: right; font-size: 0.875rem; } .thread.view p.meta { margin-bottom: 0; text-align: right; font-size: 0.875rem; } .thread.view .title { border: 1px solid #C9C9C9; padding: 1.25rem; margin-bottom: 2.5rem; } .thread.view > .comments > .comment { margin-bottom: 2.5rem; } .thread.view > .comments .comments .comment .comment-wrapper { background: #CCF2FF; } .thread.view .comments { background: white; } .thread.view .comments .comment-wrapper { padding: 1.25rem; background: #B6E5F5; margin-bottom: 1.25rem; } .thread.view .comments p.reply { margin-bottom: 0; font-size: 0.875rem; text-align: right; } .thread.view .comments p.meta { float: left; color: #7C7C7C; } .thread.view .comments .reply-form, .thread.view .comments .comment-form { margin-bottom: 2.5rem; margin-top: -19px; } .thread.view .comments .reply-form legend, .thread.view .comments .comment-form legend { display: none; } .thread.view .comments .reply-form fieldset, .thread.view .comments .comment-form fieldset { border: 0; background: #CCF2FF; padding: 1.25rem; } .thread.view .comments .reply-form label, .thread.view .comments .comment-form label { display: none; } .thread.view .comments .reply-form textarea, .thread.view .comments .comment-form textarea { resize: none; width: 100%; border: 0; padding: 1.25rem; } .thread.view .comments .reply-form input[type='submit'], .thread.view .comments .comment-form input[type='submit'] { border: 0; background: #007fa1; color: white; padding: 0.625rem 1.25rem; font-size: 0.875rem; } .thread.view .comments .comment-form { border-top: 2px solid #CCC; padding-top: 1.25rem; } .thread.view .comments .comment-form fieldset { background: white; border: 1px solid #007fa1; } .thread.view .comments .comment-form textarea { border: 1px solid #CCC; } .thread.view .comments .comment-form label { display: block; } .thread.view .comments .comment-form label .required { display: none; } .sort { display: table; width: 100%; font-size: 1.375rem; color: #808080; line-height: 3rem; } .sort > span { display: table-cell; } .sort > span:first-child { width: 10.3125rem; } .quick-links .h2 { margin-top: 0; color: #58595b; } .quick-links .links { list-style: none; display: block; margin: 0; padding: 0; } .quick-links .links > li { display: block; } .footer .quick-links { *zoom: 1; } .footer .quick-links:before, .footer .quick-links:after { content: " "; display: table; } .footer .quick-links:after { clear: both; } .footer .quick-links .h2 { color: white; } .footer .quick-links .links > li { margin-bottom: 0.3125rem; } .footer .quick-links .links > li:last-child > a:after { display: none; } .embedded { margin-bottom: 1.25rem; } .embedded.image img { width: auto; height: auto; max-width: 100%; } .embedded .caption { font-size: 0.875rem; padding: 0.625rem 0; border-bottom: 1px solid #cccccc; } .UIHTMLContent iframe { max-width: 100%; } .cms-lightbox-gallery { display: block; padding: 0; margin: 0 -2px; *zoom: 1; margin-bottom: 2.5rem; } .cms-lightbox-gallery:before, .cms-lightbox-gallery:after { content: " "; display: table; } .cms-lightbox-gallery:after { clear: both; } .cms-lightbox-gallery > li { display: inline; height: auto; float: left; padding: 0 2px 4px; } .cms-lightbox-gallery > li { width: 20%; padding: 0 2px 4px; } .cms-lightbox-gallery > li:nth-of-type(n) { clear: none; } .cms-lightbox-gallery > li:nth-of-type(5n+1) { clear: both; } .cms-lightbox-gallery a { margin-bottom: 4px; display: block !important; } .cms-lightbox-gallery a img { width: 100%; max-width: 100%; } .cms-lightbox-gallery .gallery-description { color: #000 !important; font-size: 0.75rem; padding: 1.25rem 0; border-bottom: 1px solid #C9C9C9; clear: both; } .page .CMSForm .formFields .fieldItem { margin: 0 0 0.625rem; padding: 0; border: none; } .CMSForm .formFields .fieldItemLabel { font-weight: 500; } #error_404_monster { position: relative; display: block; max-width: 100%; width: 400px; height: 400px; margin: 40px auto; border-radius: 20px; overflow: hidden; background-color: #00ec00; } #error_404_monster > .monster-eye-left { position: absolute; top: 20%; left: 50%; width: 110px; height: 110px; margin-left: -55px; background-color: white; border-radius: 50%; animation-name: spin; animation-duration: 0.8s; animation-timing-function: linear; animation-play-state: running; animation-iteration-count: infinite; transform-origin: 45% 45%; } #error_404_monster > .monster-eye-left:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 50%; height: 50%; margin-top: -15px; margin-left: -15px; background: black; border-radius: 50%; } #error_404_monster > .monster-eye-right { display: none; position: absolute; top: 58px; left: 222px; width: 117px; height: 117px; background-color: white; border-radius: 50%; animation-name: spin; animation-duration: 0.8s; animation-timing-function: linear; animation-play-state: running; animation-iteration-count: infinite; transform-origin: 55% 55%; } #error_404_monster > .monster-eye-right:before { content: ''; display: block; position: absolute; top: 46px; left: 36px; width: 50px; height: 50px; background: black; border-radius: 50%; } #error_404_monster > .monster-mouth { display: block; position: absolute; top: 55%; left: 10%; width: 80%; height: 30%; background-image: url(../images/monstermouth.svg); background-position: 0 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; animation-name: mumble; animation-duration: .6s; animation-timing-function: ease-in-out; animation-play-state: running; animation-iteration-count: infinite; animation-direction: forwards; } #error_404_monster + p { color: #58595b; font-style: italic; } @media only screen and (min-width: 768px) { /** _main_destkop.scss - "Desktop" styling File compiled into screen.css via _main.scss. */ .large-align-right { text-align: right; } .page-information { padding: 12px 0; } .page-information dl { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .page-information dl dt { margin-left: 10px; margin-right: 6px; } .page-information dl dd { margin-right: 10px; margin-bottom: 0; } .footer { padding: 1.875rem 0; } .company-logo { margin: 1.5625rem 0; } .site-title { margin: 1.25rem 0 0; } .search-box { padding: 1.25rem 0; } .search-box form input[type="search"] { font-size: 1.875rem; } .homepage .search-box { padding: 5rem 0; } .homepage .search-box form input[type="search"] { font-size: 8.75rem; } #menu_control { display: none; } #primary_navigation { display: block; } #primary_navigation .topnavigation { width: 100%; margin: 0; padding: 0; } #primary_navigation .topnavigation > ul { display: table; width: 100%; } #primary_navigation .topnavigation > ul > li { display: table-cell; } #primary_navigation .topnavigation > ul > li.home-link > span > a { padding-left: 1.25rem; padding-right: 1.25rem; text-align: center; } #primary_navigation .topnavigation > ul > li > span { height: inherit; display: table; } #primary_navigation .topnavigation > ul > li > span > a { display: table-cell; padding: 0.625rem 1.25rem; vertical-align: middle; } #primary_navigation .topnavigation > ul > li > span > a:hover { color: white; } #primary_navigation .topnavigation > ul > li > span > a:focus { color: white; background-color: #333333; } #primary_navigation .topnavigation .subnav { display: none; } #primary_navigation a { text-align: center; } #mobile_navigation, #mobile_navigation.open { display: none; } #secondary_navigation { display: block; margin-bottom: 1.875rem; } .more-link { display: inline-block; width: auto; text-align: left; } .contact-details dl dt, .business-details dl dt { float: left; } .contact-details dl dt, .contact-details dl dd, .business-details dl dt, .business-details dl dd { display: block; margin-bottom: 0.25rem; } .contact-details dl dt, .business-details dl dt { float: left; clear: both; } .contact-details dl dd, .business-details dl dd { margin-left: 9.375rem; } .business-details dl dd { margin-left: 3.125rem; } .footer .quick-links ul { margin-right: 2.5rem; } .footer .quick-links ul > li { float: left; } .footer .quick-links ul > li > a:after { content: ''; display: inline-block; height: 0.8rem; margin-right: 0.5rem; padding-right: 0.5rem; border-right: 1px solid #cccccc; } .shade .lightbox { padding: 20px 40px; } .shade .lightbox h2, .shade .lightbox .h2 { margin-right: 40px; font-size: 2.5rem; } .shade .lightbox .flex-control-nav { display: block; margin-top: 20px; line-height: 10px; } .shade .lightbox .flex-control-nav > li > a { display: block; width: 10px; height: 10px; } .shade .lightbox .lightbox-close { top: 32px; right: 40px; } .shade .lightbox .flex-nav-prev, .shade .lightbox .flex-nav-next { display: block; margin-top: -25px; } .shade .lightbox .flex-nav-prev > a, .shade .lightbox .flex-nav-next > a { width: 28px; height: 50px; } .shade .lightbox .flex-nav-prev { left: 10px; } .shade .lightbox .flex-nav-next { right: 10px; } #error_404_monster > .monster-eye-left { top: 84px; left: 63px; width: 117px; height: 117px; margin: 0; } #error_404_monster > .monster-eye-left:before { top: 41px; left: 41px; width: 50px; height: 50px; margin: 0; } #error_404_monster > .monster-eye-right { display: block; } #error_404_monster > .monster-mouth { top: 200px; left: 42px; margin: 0; width: 322px; height: 162px; } #error_404_monster + p { text-align: center; } } /** _collapsible.scss - Collapsible Control The .expandable-control, .expandable-open and .expandable-close classes are applied via global.js jQuery with the jquery.collapsible.js plugin. This effectively takes the queried elements and turns them into expandable/collapsible controls. They are utilised primarily for the smallscreen/mobile CSS media querie for the expandable section in the mobile nav (for in-page # targets to .flyout menus), in the emerency contact, the .accordion (info relating the .map) and for making the required sections in the footer expandable. The desktop view also utilises this for the .accordion. */ .ui-collapsible.ui-collapsible-open > [data-collapse="content"] { display: block; } .ui-collapsible.ui-collapsible-close > [data-collapse="content"] { display: none; } .ui-collapsible [data-collapse="control"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; width: inherit; margin: 0; padding: 0 1.25rem; text-align: left; text-decoration: none; cursor: pointer; } .ui-collapsible [aria-controls]:after { content: ''; position: absolute; right: 16px; width: 8px; height: 15px; top: 50%; margin-top: -8px; background-image: url(../images/arrow-right-light.svg); background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .ui-collapsible [aria-controls]:hover, .ui-collapsible [aria-controls]:focus { text-decoration: none; z-index: 1; } .ui-collapsible [aria-controls][aria-expanded="true"]:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ui-collapsible .ui-collapse-discrete { top: 0; right: 0.75rem; bottom: 0; position: absolute; width: 40px; white-space: nowrap; text-indent: -1000em; overflow: hidden; display: block; background-color: inherit; } .ui-collapsible .ui-collapse-discrete:after { right: 16px; } .ui-collapsible .ui-collapse-discrete:focus { outline: 1px dotted black; } /*# sourceMappingURL=styles.css.map */