/** styles.scss - compiles to style.css @note: design is mobile first with subsequent media-queries for each additional break-point size higer in display width. */ /* Custom Settings for SERREE */ /*! 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, 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, .main .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; } iframe { max-width: 100%; height: auto; } 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: #4c4c4c; font-size: 100%; } body { color: #4c4c4c; padding: 0; margin: 0; font-family: "proxima-nova", sans-serif; font-weight: 300; 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: 72.5em; *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: -1.25em; margin-right: -1.25em; 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: 1.25em; padding-right: 1.25em; width: 100%; float: left; } @media only screen { .column, .columns { position: relative; padding-left: 1.25em; padding-right: 1.25em; 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: #6f6f6f; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, .main .h1, h2, h3, 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: #000000; } a img { border: none; } /* Default paragraph styles */ p { font-family: inherit; font-weight: 300; font-size: 1em; line-height: 1.25; margin-bottom: 0.625em; text-rendering: optimizeLegibility; } p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; } /* Default header styles */ h1, .main .h1, h2, h3, h4, h5, h6 { font-family: "proxima-nova", sans-serif; font-weight: bold; font-style: normal; color: #222; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; } h1 small, .main .h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } h1, .main .h1 { font-size: 2.125em; } h2 { font-size: 1.6875em; } h3 { font-size: 1.375em; } h4 { font-size: 1.125em; } h5 { font-size: 1.125em; } 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.25; margin-bottom: 0.625em; list-style-position: outside; font-family: inherit; } ul, ol { margin-left: 1.25em; } ul.no-bullet, ol.no-bullet { margin-left: 1.25em; } /* 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: #4c4c4c; border-bottom: 1px dotted #ddd; cursor: help; } abbr { text-transform: none; } /* Blockquotes */ blockquote { margin: 0 0 0.625em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 0.8125em; color: #555555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555555; } blockquote, blockquote p { line-height: 1.25; color: #6f6f6f; } /* 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, .main .h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1, .main .h1 { font-size: 2.75em; } h2 { font-size: 2.3125em; } h3 { font-size: 1.6875em; } h4 { font-size: 1.4375em; } } /* 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, h3 { orphans: 3; widows: 3; } h2, 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; } } /* ------------------------------------------------------------- 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 - 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 ------------------------------------------------------------- */ /* BACKGROUND GRADIENT */ /* BACKGROUND SIZE */ /* BORDER RADIUS */ /* BOX */ /* BOX RGBA */ /* BOX SHADOW */ /* BOX SIZING */ /* COLUMNS */ /* DOUBLE BORDERS */ /* FLIP */ /* FONT FACE */ /* OPACITY */ /* OUTLINE RADIUS */ /* RESIZE */ /* ROTATE*/ /* TEXT SHADOW */ /* TRANSFORM */ /* TRANSITION */ /* TRIPLE BORDERS */ .UIFilePicker { z-index: inherit !important; } /** _page.scss @note: design is mobile first with subsequent media-queries for each additional break-point size higer in display width. */ .offscreen { position: absolute; top: -10000px; left: 0; } #old { position: fixed; z-index: 2; top: 0; width: 100%; padding: 1em; color: #000000; background: yellow; } #old p { margin: 0; padding: 10px; } #old a { text-decoration: underline; } .debug { display: none; } .skiplink { position: absolute; z-index: 20; top: -2em; left: 0; right: 0; line-height: 2; font-size: 1.25em; text-align: center; text-decoration: none; white-space: nowrap; color: #4c4c4c; background: #ff8b00; font-weight: 400; -moz-transition: 0.15s all ease-in; -o-transition: 0.15s all ease-in; -webkit-transition: 0.15s all ease-in; -ms-transition: 0.15s all ease-in; transition: 0.15s all ease-in; } .skiplink:focus { top: 0; outline: none; color: #000000; } #tinymce { background-color: #ffffff; } #page { background-color: #ffffff; } #wrapper { background-color: #e9e7e3; } #wrapper:focus { outline: 1px dotted #000000; } .main { margin: 0 -1.25em; padding: 1.875em 1.25em 1.5em; background: #ffffff; } .main h1, .main .h1 { margin-top: 1.25em; margin-bottom: 1.25em; font-size: 1em; font-weight: 400; color: #4c4c4c; position: relative; } .main h1:after, .main .h1:after { content: ''; display: block; position: absolute; left: 0; top: 100%; width: 75px; height: 2px; margin-top: 2px; background-color: #ff8b00; } .main h1 > a, .main .h1 > a { text-decoration: none; } .main h2 { margin-top: 1.25em; margin-bottom: 1.25em; font-size: 1em; font-weight: 400; color: #4c4c4c; position: relative; } .main h2:after { content: ''; display: block; position: absolute; left: 0; top: 100%; width: 75px; height: 2px; margin-top: 2px; background-color: #ff8b00; } .main h2 > a { text-decoration: none; } .main h3 { margin-top: 1.25em; margin-bottom: 1.25em; font-size: 1em; font-weight: 400; color: #4c4c4c; position: relative; } .main h3:after { content: ''; display: block; position: absolute; left: 0; top: 100%; width: 75px; height: 2px; margin-top: 2px; background-color: #ff8b00; } .main h3 > a { text-decoration: none; } .main h4 { margin-top: 1.25em; margin-bottom: 1.25em; font-size: 1em; font-weight: 400; color: #4c4c4c; position: relative; } .main h4:after { content: ''; display: block; position: absolute; left: 0; top: 100%; width: 75px; height: 2px; margin-top: 2px; background-color: #ff8b00; } .main h4 > a { text-decoration: none; } .main h5 { margin-top: 1.25em; margin-bottom: 1.25em; font-size: 1em; font-weight: 400; color: #4c4c4c; position: relative; } .main h5:after { content: ''; display: block; position: absolute; left: 0; top: 100%; width: 75px; height: 2px; margin-top: 2px; background-color: #ff8b00; } .main h5 > a { text-decoration: none; } .main h6 { margin-top: 1.25em; margin-bottom: 1.25em; font-size: 1em; font-weight: 400; color: #4c4c4c; position: relative; } .main h6:after { content: ''; display: block; position: absolute; left: 0; top: 100%; width: 75px; height: 2px; margin-top: 2px; background-color: #ff8b00; } .main h6 > a { text-decoration: none; } .main h1, .main .h1 { margin-top: 0; margin-bottom: 1.16667em; font-size: 1.5em; } .main h2 { font-size: 1em; } .main h3 { font-size: 1em; } .main h4 { font-size: 1em; font-style: italic; } .main h5 { font-size: 1em; font-style: italic; } .main h6 { font-size: 1em; font-style: italic; } .main a { color: #4c4c4c; text-decoration: underline; -moz-transition: color 0.15s ease-in; -o-transition: color 0.15s ease-in; -webkit-transition: color 0.15s ease-in; -ms-transition: color 0.15s ease-in; transition: color 0.15s ease-in; } .main a:hover, .main a:focus { color: #000000; text-decoration: underline; } .main ul, .main ol { line-height: 1.55; margin-left: 2em; } .main .form-required-text { float: right; font-size: 0.875em; } .main .form-required-text:before { content: ''; display: inline-block; width: 4px; height: 4px; vertical-align: top; margin-right: 0.4em; background-color: #B22222; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .main .form-error-message { display: block; position: relative; margin: 1.25em 0; padding: 0.625em; color: #ffffff; background-color: #B22222; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main .form-error-message h2 { margin-top: 0; color: #ffffff; } .main .form-error-message h2:after { background-color: #ffffff; } .main .form-success-message, .main .CMSFormFinished { display: block; position: relative; margin: 1.25em 0; padding: 0.625em; color: #ffffff; background-color: #009134; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main .form-success-message > p:last-child, .main .CMSFormFinished > p:last-child { margin-bottom: 0; } .main form { line-height: 1.5; } .main form > ul { display: block; list-style: none; margin: 0; } .main form > ul > li { display: block; } .main form label { display: block; position: relative; margin: 0.3125em 0 0.3125em; text-transform: uppercase; vertical-align: top; font-weight: 400; } .main form label > small { font-size: 0.75em; } .main form select { min-height: 30px; width: 100%; margin: 0; padding: 0.125em 0.625em; border: 2px solid #4c4c4c; background-color: #ffffff; outline-color: #ff8b00; } .supports-appearance .main form select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; background-image: url(../images/select-icon.gif); background-position: 100% 50%; background-repeat: no-repeat; } .main form input[type="url"], .main form input[type="text"], .main form input[type="email"], .main form input[type="search"], .main form input[type="password"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 30px; margin: 0; padding: 0.125em 0.625em; border: 2px solid #4c4c4c; outline-color: #ff8b00; } .supports-appearance .main form input[type="url"], .supports-appearance .main form input[type="text"], .supports-appearance .main form input[type="email"], .supports-appearance .main form input[type="search"], .supports-appearance .main form input[type="password"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; } .main form input[type="radio"] { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; outline-color: #ff8b00; } .supports-appearance .main form input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; width: 20px; height: 20px; background-color: transparent; border: 2px solid #4c4c4c; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: background-color 0.15s linear; -o-transition: background-color 0.15s linear; -webkit-transition: background-color 0.15s linear; -ms-transition: background-color 0.15s linear; transition: background-color 0.15s linear; } .supports-appearance .main form input[type="radio"]:checked { background-color: #ffffff; border-width: 5px; } .supports-appearance .main form input[type="radio"]:hover { background-color: #ffffff; } .supports-appearance .main form input[type="radio"]:hover:checked { background-color: #ffffff; } .main form input[type="checkbox"] { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; outline-color: #ff8b00; } .supports-appearance .main form input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; width: 20px; height: 20px; background-color: transparent; border: 2px solid #4c4c4c; -moz-transition: background-color 0.15s linear; -o-transition: background-color 0.15s linear; -webkit-transition: background-color 0.15s linear; -ms-transition: background-color 0.15s linear; transition: background-color 0.15s linear; } .supports-appearance .main form input[type="checkbox"]:checked { background-image: url(../images/checked-light.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 14px 14px; background-color: #4c4c4c; } .supports-appearance .main form input[type="checkbox"]:hover { background-color: #ffffff; } .supports-appearance .main form input[type="checkbox"]:hover:checked { background-color: #4c4c4c; } .main form input[type="submit"], .main form button[type="submit"], .main form .button { display: inline-block; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; display: inline-block; padding: 0.25em 0.5em; text-align: center; font-size: 0.75em; font-weight: 300; text-transform: uppercase; color: #ffffff; background-color: #4c4c4c; border: none; border-radius: 0; cursor: pointer; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; line-height: normal; margin: 1.875em 0 0; padding: 0.5em 0.75em; font-weight: 700; text-decoration: none; vertical-align: top; outline-color: #ff8b00; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } .main form input[type="submit"]:hover, .main form input[type="submit"]:focus, .main form button[type="submit"]:hover, .main form button[type="submit"]:focus, .main form .button:hover, .main form .button:focus { text-decoration: none; color: #4c4c4c; background-color: #ffffff; } .main form input[type="submit"]:focus, .main form button[type="submit"]:focus, .main form .button:focus { outline-style: auto; outline-width: 5px; } .main form fieldset.field-checkbox-group, .main form fieldset.field-radio-group { margin: 0.875em 0 0.625em; padding: 0; border: none; } .main form fieldset.field-checkbox-group > legend, .main form fieldset.field-radio-group > legend { display: block; margin: 0.3125em 0 0.3125em; text-transform: uppercase; font-weight: 400; } .main form fieldset.field-checkbox-group > ul, .main form fieldset.field-radio-group > ul { list-style: none; margin: 0; } .main form fieldset.field-checkbox-group > ul > li > label, .main form fieldset.field-radio-group > ul > li > label { display: inline-block; margin: 0; vertical-align: middle; } .main form .field-checkbox label { display: inline; } .supports-appearance .main form .field-checkbox input[type="checkbox"] { float: left; margin-top: 2px; } .supports-appearance .main form .field-checkbox label { display: block; margin-left: 1.8125em; } .main form .field-required { position: absolute; display: inline-block; display: block; top: 0.375em; left: -0.625em; width: 4px; height: 4px; background-color: #B22222; text-indent: -1000em; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .main form .field-hint { margin-top: 0.25em; font-size: 0.875em; font-style: italic; } .main form .fieldItemNote { margin-top: 0.5em; font-size: 0.75em; } .main #event_registration_form { margin: 0 -1.25em 1.25em; padding: 0.625em 1.25em; background-color: #e9e7e3; } .main #event_registration_form > ul.event_registration_form_fields { display: block; list-style: none; margin: 0; } .main #event_registration_form > ul.event_registration_form_fields > li { display: block; } .main #event_registration_form > ul.event_registration_form_fields > li[data-fieldtype="mathsecurity"] { margin-top: 1em; margin-bottom: 0.5em; } .main #event_registration_form > ul.event_registration_form_fields > li[data-fieldtype="mathsecurity"] .field-contain > span { padding-top: 5px; } .main #event_registration_form > ul.event_registration_form_fields > li[data-fieldtype="mathsecurity"] input[type="text"] { width: 80px; } #banner { min-height: 90px; } #banner .logo { display: inline-block; position: relative; margin-top: 20px; text-indent: -1000em; } #banner .logo.serree { width: 148px; height: 54px; background-image: url(../images/SERREE-logo-smallscreen.png); background-position: 0 0; background-repeat: no-repeat; background-size: contain; } #banner .logo.serree > img { display: none; } #banner .logo.rda { position: absolute; right: 1.25em; width: 124px; height: 48px; background-image: url(../images/rda-logo-smallscreen.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } #banner .logo:focus { outline: #000000 1px dotted; } .sidebar-right { padding-top: 1.25em; } #top { position: relative; height: 40px; background-color: #e9e7e3; } #top .smallscreen-view-nav { display: block; position: absolute; top: 10px; left: 1.25em; width: 25px; height: 20px; } #top .smallscreen-view-nav:before, #top .smallscreen-view-nav:after { content: ''; position: absolute; background-color: #4c4c4c; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } #top .smallscreen-view-nav:before { top: 0; left: 0; right: 0; height: 2px; } #top .smallscreen-view-nav:after { bottom: 0; left: 0; right: 0; height: 2px; } #top .smallscreen-view-nav > span { position: absolute; display: block; top: 50%; left: 0; right: 0; height: 2px; margin-top: -1px; background-color: #4c4c4c; text-indent: -1000em; font-size: 0; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } #top .smallscreen-view-nav > span:before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #000000; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } #top .smallscreen-view-nav:focus:before, #top .smallscreen-view-nav:focus:after, #top .smallscreen-view-nav:focus > span, #top .smallscreen-view-nav:hover:before, #top .smallscreen-view-nav:hover:after, #top .smallscreen-view-nav:hover > span { background-color: #000000; } #top .smallscreen-view-nav.open:before, #top .smallscreen-view-nav.open:after { background-color: #000000; opacity: 0; } #top .smallscreen-view-nav.open > span { background-color: #000000; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } #top .smallscreen-view-nav.open > span:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } #top .smallscreen-view-search { display: block; position: absolute; top: 0; bottom: 0; left: auto; right: 3.4375em; width: 40px; height: auto; background-image: url(../images/search-icon-smallscreen.png); background-position: 50% 50%; background-repeat: no-repeat; text-indent: -1000em; overflow: hidden; -moz-transition: background 0.15s ease-in; -o-transition: background 0.15s ease-in; -webkit-transition: background 0.15s ease-in; -ms-transition: background 0.15s ease-in; transition: background 0.15s ease-in; } #top .smallscreen-view-search.active { background-image: url(../images/search-box-search-icon.png); background-color: #ff8b00; } #top .twitter-link, #top .linkedin-link { display: block; position: absolute; top: 10px; left: auto; right: 1.25em; width: 25px; height: 20px; background-image: url(../images/twitter-icon-smallscreen.png); background-position: 0 0; background-repeat: no-repeat; background-size: contain; text-indent: -1000em; overflow: hidden; } #topnav { display: none; position: relative; margin-left: -0.625em; margin-right: -0.625em; text-transform: uppercase; color: #ffffff; background-color: #4c4c4c; } #topnav:target, #topnav.open { display: block; } #topnav > ul { list-style: none; margin: 0; } #topnav > ul > li { border-top: 1px solid #4c4c4c; } #topnav > ul > li.active > a { font-weight: 400; color: #ff8b00; } #topnav > ul > li.nav-search { display: none; } #topnav > ul > li > a { text-decoration: none; } #topnav > ul > li > ul { list-style: none; margin: 0; margin-left: 1.25em; } #topnav a { display: block; padding: 0.375em 0.625em; font-size: 0.9375em; font-weight: 300; color: #ffffff; } .home-link { display: none; width: 20px; height: 20px; margin-top: 5px; margin-left: auto; margin-right: -0.625em; background-image: url(../images/home-icon.png); background-position: 0 0; background-repeat: no-repeat; background-size: contain; text-indent: -1000em; overflow: hidden; } .home-link:hover, .home-link:focus { background-image: url(../images/home-icon-invite.png); } .twitter-link, .linkedin-link { display: none; } .back-link { position: relative; display: inline-block; margin-top: 0.9375em; padding-top: 0.9375em; padding-bottom: 0.9375em; } .back-link:before { content: ''; display: inline-block; width: 9px; height: 16px; vertical-align: middle; margin-right: 0.5em; background-image: url(../images/pagination-prev.png); background-position: 50% 50%; background-repeat: no-repeat; } .back-link:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 75px; height: 2px; background: #E5E5E5; } #footer h3 { font-size: 1em; font-weight: 400; text-transform: uppercase; margin-top: 0; margin-bottom: 1.25em; } #footer h4 { font-size: 1em; font-weight: 600; } .top_footer { position: relative; padding: 1.25em 0; background-color: #f1f1f1; font-weight: 300; } .top_footer p { font-weight: inherit; } .top_footer a { color: #000000; } .top_footer a:hover, .top_footer a:focus { text-decoration: underline; } .top_footer .footer-contact { position: relative; margin-bottom: 1.5em; padding-bottom: 1.25em; border-bottom: 1px solid #949494; } .top_footer .footer-contact .footer-logo { display: block; margin-top: 1.25em; } .top_footer .contact-email, .top_footer .contact-phone { display: block; margin-bottom: 0.625em; padding-left: 1.875em; } .top_footer .contact-email { background-image: url(../images/mail-icon.png); background-position: 5px 50%; background-repeat: no-repeat; } .top_footer .contact-phone { background-image: url(../images/phone-icon.png); background-position: 7px 50%; background-repeat: no-repeat; } .top_footer .footer-info { font-size: 0.875em; } .top_footer .footer-info p { margin: 0; } .top_footer .read-more { margin-top: 0.625em; color: #4c4c4c; text-decoration: none; } .top_footer .read-more:hover, .top_footer .read-more:focus { text-decoration: none; } .top_footer .image_links { margin-top: 0; padding: 0; background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .top_footer .image_links .image-links ul > li > div { height: auto; margin: 0 0 1.25em; padding: 0; padding-left: 0.3125em; padding-right: 0.3125em; background-color: transparent; } .top_footer .image_links .image-links ul > li img { margin: 0; } .bottom_footer { font-size: 0.875em; color: #ffffff; background-color: #4c4c4c; } .bottom_footer a { color: #ffffff; } .bottom_footer a:hover, .bottom_footer a:focus { text-decoration: underline; } .bottom_footer ul { list-style: none; display: block; margin: 0 -1.25em; } .bottom_footer ul > li { display: block; padding: 0.4375em 1.25em; } .bottom_footer ul > li ~ li { border-top: 1px solid #252525; } .view-all, .read-more { position: relative; display: inline-block; min-height: 1.875em; margin: 1.125em 0 2em; padding: 0.3125em 0.625em; font-weight: 600; color: #ff8b00; border: 2px solid #ff8b00; border-left-width: 30px; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .view-all:before, .read-more:before { content: ''; display: block; position: absolute; top: 0; left: -30px; bottom: 0; width: 30px; background-image: url(../images/arrow-right-light.png); background-position: 50% 50%; background-repeat: no-repeat; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .view-all:hover, .read-more:hover, .view-all:focus, .read-more:focus { -webkit-font-smoothing: antialiased; color: #ffffff; background: #ff8b00; } .view-all:hover:before, .read-more:hover:before, .view-all:focus:before, .read-more:focus:before { left: -18px; } .read-more { color: #4c4c4c; border-color: #4c4c4c; } .read-more:hover, .read-more:focus { background: #4c4c4c; } .news .item, .tag-items .item { clear: both; margin: 1.25em 0; padding-top: 0; padding-top: 1.25em; border-top: 1px solid #f1f1f1; *zoom: 1; } .news .item:before, .tag-items .item:before, .news .item:after, .tag-items .item:after { content: " "; display: table; } .news .item:after, .tag-items .item:after { clear: both; } .news .item:first-child, .tag-items .item:first-child { padding-top: 0; border-top: none; } .news .item > a, .tag-items .item > a { display: block; } .news .item > a > img, .tag-items .item > a > img { float: left; } .news .item > a + div, .tag-items .item > a + div { margin-left: 110px; } .news .item > div, .tag-items .item > div { margin-right: 0.625em; } .news .item .article-thumbnail, .tag-items .item .article-thumbnail { display: block; width: 85px; margin-left: 0.625em; } .news .item .article-title, .tag-items .item .article-title { margin-top: 0; margin-bottom: 0.25em; font-size: 1em; font-weight: 400; } .news .item .article-title:after, .tag-items .item .article-title:after { display: none; } .news .item .date, .tag-items .item .date { display: none; } .news .item .article-summary, .tag-items .item .article-summary { margin-top: 0; margin-bottom: 0.375em; font-weight: 300; } .news .item .tags, .tag-items .item .tags { margin-left: 1.25em; } .tags { display: block; position: relative; margin: 0; text-transform: uppercase; display: inline-block; margin-top: 0.3125em; margin-left: 18px; } .tags > li { display: inline-block; margin: 0 0.25em 0.125em 0; } .tags > li > a { display: inline-block; padding: 0.125em 0.25em 0; font-size: 0.75em; color: #4c4c4c; border: 1px solid #4c4c4c; font-weight: 600; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .tags > li > a:hover, .tags > li > a:focus { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; color: #ffffff; background-color: #4c4c4c; text-decoration: none; } .tags:before { content: ''; position: absolute; top: 5px; right: 100%; width: 14px; height: 14px; margin-right: 6px; vertical-align: top; background-image: url(../images/tag-icon.png); background-position: 0 0; background-repeat: no-repeat; } .tags > li > a { position: relative; text-decoration: none; } .article .image { margin: 0.625em 0 1.25em; } .article .image img { min-width: 100%; } .pagination { padding: 1.5625em 0 0.9375em; border-top: 1px solid #f1f1f1; text-align: center; } .pagination a { display: inline-block; margin: 0 0.25em; text-decoration: none; font-weight: 400; } .pagination a.current, .pagination a.selected { color: #ff8b00; } .pagination a.previous:before, .pagination a.back:before { content: ''; display: inline-block; width: 9px; height: 16px; margin-right: 0.375em; vertical-align: top; background-image: url(../images/pagination-prev.png); } .pagination a.next:after { content: ''; display: inline-block; width: 9px; height: 16px; margin-left: 0.375em; vertical-align: top; background-image: url(../images/pagination-next.png); } .pagination .disabled { display: none; } .latest-articles { display: block; margin: 0; list-style: none; } .latest-articles.news > .item.last, .latest-articles.tag-items > .item.last { padding-bottom: 0; } .latest-articles.events > .item, .latest-articles.opportunities > .item { margin: 0 0 2px; padding: 0.625em; background-color: #e9e7e3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .latest-articles.events > .item.last, .latest-articles.opportunities > .item.last { margin-bottom: 0; } .latest-articles.events > .item > a, .latest-articles.opportunities > .item > a { width: 100%; } .latest-articles.events > .item > a:hover .event-date, .latest-articles.events > .item > a:focus .event-date, .latest-articles.opportunities > .item > a:hover .event-date, .latest-articles.opportunities > .item > a:focus .event-date { color: #ff8b00; } .latest-articles.events > .item > a ~ div, .latest-articles.opportunities > .item > a ~ div { margin-left: 85px; } .latest-articles.events > .item .tags:before, .latest-articles.opportunities > .item .tags:before { background-image: url(../images/tag-icon-white.png); } .latest-articles.events > .item .tags > li > a, .latest-articles.opportunities > .item .tags > li > a { background: #ffffff; } .latest-articles.events > .item .tags > li > a:hover, .latest-articles.events > .item .tags > li > a:focus, .latest-articles.opportunities > .item .tags > li > a:hover, .latest-articles.opportunities > .item .tags > li > a:focus { color: #ffffff; background-color: #4c4c4c; } .latest-articles.events > .item .event-date { float: left; display: table; width: 70px; height: 70px; margin-right: 0.9375em; color: #009134; font-weight: 600; text-align: center; background-color: #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .latest-articles.events > .item .event-date > span { display: table-cell; vertical-align: middle; text-align: center; } .latest-articles.events > .item .event-date ~ h3 { margin-left: 85px; } .latest-articles.opportunities > .item .article-icon { display: block; float: left; width: 70px; height: 70px; margin-right: 0.9375em; text-indent: -1000em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .latest-articles.opportunities > .item .article-icon ~ .article-title, .latest-articles.opportunities > .item .article-icon ~ .article-summary { margin-left: 85px; } .latest-articles.opportunities > .item.opportunity-grants-and-funding .article-icon { background-image: url(../images/grants-and-funding-icon.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: #ffffff; } .latest-articles.opportunities > .item.opportunity-grants-and-funding > a:hover .article-icon, .latest-articles.opportunities > .item.opportunity-grants-and-funding > a:focus .article-icon { background-image: url(../images/grants-and-funding-icon-invite.png); } .latest-articles.opportunities > .item.opportunity-tenders .article-icon { background-image: url(../images/tenders-icon.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: #ffffff; } .latest-articles.opportunities > .item.opportunity-tenders > a:hover .article-icon, .latest-articles.opportunities > .item.opportunity-tenders > a:focus .article-icon { background-image: url(../images/tenders-icon-invite.png); } .latest-articles.opportunities > .item.opportunity-jobs .article-icon { background-image: url(../images/jobs-icon.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: #ffffff; } .latest-articles.opportunities > .item.opportunity-jobs > a:hover .article-icon, .latest-articles.opportunities > .item.opportunity-jobs > a:focus .article-icon { background-image: url(../images/jobs-icon-invite.png); } .latest-articles.opportunities > .item.opportunity-education-and-training .article-icon { background-image: url(../images/education-and-training-icon.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: #ffffff; } .latest-articles.opportunities > .item.opportunity-education-and-training > a:hover .article-icon, .latest-articles.opportunities > .item.opportunity-education-and-training > a:focus .article-icon { background-image: url(../images/education-and-training-icon-invite.png); } .latest-articles.opportunities > .item.opportunity-awards .article-icon { background-image: url(../images/awards-icon.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: #ffffff; } .latest-articles.opportunities > .item.opportunity-awards > a:hover .article-icon, .latest-articles.opportunities > .item.opportunity-awards > a:focus .article-icon { background-image: url(../images/awards-icon-invite.png); } .latest-articles.opportunities > .item.opportunity-programs .article-icon { background-image: url(../images/programs-icon.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: #ffffff; } .latest-articles.opportunities > .item.opportunity-programs > a:hover .article-icon, .latest-articles.opportunities > .item.opportunity-programs > a:focus .article-icon { background-image: url(../images/programs-icon-invite.png); } .latest-articles > .item h3, .latest-articles > .item a { color: #4c4c4c; } .latest-articles > .item a:hover, .latest-articles > .item a:focus { color: #000000; } .latest-articles > .item a:hover h3, .latest-articles > .item a:focus h3 { color: #000000; text-decoration: underline; } .latest-articles > .item .article-title { margin-top: 0; margin-bottom: 0.25em; font-size: 1em; font-weight: 400; } .latest-articles > .item .article-summary { margin-top: 0; margin-bottom: 0.375em; font-weight: 300; } .latest-articles > .item .tags { /* //@include tags-mobile($dark-grey); float: left; //display: inline-block; //margin-left: 18px; //font-size: em-calc(12,16); //&:before { // content: ''; // position: absolute; // //top: 0; // top: 1px; // right: 100%; // width: 14px; // height: 14px; // margin-right: 6px; // vertical-align: top; // @include bg('tag-icon.png'); //} //> li { // > a { // position: relative; // } //} */ } .latest-articles > .item .tags > li a:hover, .latest-articles > .item .tags > li a:focus { color: #ffffff; } .latest-articles > .item:after { content: " "; clear: both; display: block; } #search_box { display: none; position: absolute; z-index: 16; left: 0.625em; right: 0.625em; overflow: auto; color: #ffffff; background-color: #ff8b00; -moz-transition: height 0.15s ease-in; -o-transition: height 0.15s ease-in; -webkit-transition: height 0.15s ease-in; -ms-transition: height 0.15s ease-in; transition: height 0.15s ease-in; } #search_box.active, #search_box:target { display: block; } #search_box ::-webkit-input-placeholder { color: #ffffff; } #search_box :-moz-placeholder { color: #ffffff; opacity: 1; } #search_box ::-moz-placeholder { color: #ffffff; opacity: 1; } #search_box :-ms-input-placeholder { color: #ffffff; } #search_box label { position: absolute; top: -10000px; left: 0; } #search_box #search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 400; font-family: "proxima-nova", sans-serif; width: calc(100% - 68px); height: 2.5em; line-height: 2.5em; padding: 0.5em 0.625em; color: #ffffff; background-color: transparent; border: none; border-radius: none; outline: none; } .supports-appearance #search_box #search { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; } #search_box input[type="submit"] { display: block; position: absolute; top: 8px; right: 8px; bottom: 8px; width: 60px; padding: 0.15em 0.25em 0; vertical-align: top; font-size: 0.75em; text-transform: uppercase; color: #000000; background-color: #ffffff; border: 1px solid #000000; outline: none; } .supports-appearance #search_box input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; } #search_box input[type="submit"]:focus { outline: 1px #ffffff dotted; } #social_box { display: none; position: absolute; z-index: 20; right: 100%; margin-right: -40px; top: 40px; } #social_box > ul { display: inline-block; margin: 0; } #social_box > ul > li { float: left; display: inline-block; border: none; } #social_box a { position: relative; display: inline-block; display: block; padding: 0; width: 40px; height: 40px; text-indent: 40px; overflow: hidden; white-space: nowrap; } #social_box a:before { content: ''; display: block; position: absolute; width: 20px; height: 20px; margin: 0; } .subnav { display: none; padding: 1.25em; text-transform: uppercase; background-color: #4c4c4c; } .subnav h2 { position: relative; margin: 0 0 1.5em; padding-bottom: 3px; text-transform: uppercase; font-weight: 400; font-size: 1em; } .subnav h2.active > a { color: #ff8b00; } .subnav h2 > a { border-bottom: 4px solid #ff8b00; } .subnav a { color: #ffffff; } .subnav a:hover, .subnav a:focus { color: #ff8b00; } .subnav ul { list-style: none; margin: 0; padding: 0; } .subnav ul > li { display: block; padding-bottom: 0.375em; } .subnav ul > li.active > a { color: #ff8b00; font-weight: 600; } .subnav ul > li > a { display: block; font-weight: 400; } .landingNavigation .item ul.subnav { display: block; text-transform: none; color: #4c4c4c; background-color: transparent; } .landingNavigation .item ul.subnav li { display: inline-block; margin-top: 1.25em; font-size: 1em; } .landingNavigation .item a { color: #4c4c4c; } .image { margin: 0.625em 0; } .image img { display: block; } .image p { margin: 0.5em 0.625em 0; font-size: 0.875em; } .callout section > div > img { display: block; float: left; margin-right: 10px; } .external_link > div { *zoom: 1; } .external_link > div:before, .external_link > div:after { content: " "; display: table; } .external_link > div:after { clear: both; } .external_link > div > a > img { display: block; float: left; } .external_link > div > a + div { margin-left: 150px; } .external_link > div > div > a:hover, .external_link > div > div > a:focus { text-decoration: underline; } .external_link > div p, .external_link > div a { color: #00285c; } .external_link > div p { margin-top: 0; margin-bottom: 0.25em; font-size: 1em; font-weight: 600; } .external_link a { text-decoration: none; } .external_link a.view-all:hover, .external_link a.read-more:hover, .external_link a.view-all:focus, .external_link a.read-more:focus { color: #ffffff; text-decoration: none; } .quick_link .custom-block { position: relative; display: block; min-height: 1.875em; margin: 0 0 0.625em; padding: 0 0.3125em 0 2.875em; font-size: 0.9375em; font-weight: 600; color: #4c4c4c; border: 2px solid #ff8b00; border-left-width: 30px; line-height: 36px; text-transform: uppercase; border-width: 2px; border-color: #ffffff; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .quick_link .custom-block:before { content: ''; display: block; position: absolute; top: 0; left: -30px; bottom: 0; width: 30px; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; z-index: 1; left: 0; width: 40px; background-image: url(../images/arrow-right-light-large.png); background-position: 50% 50%; background-repeat: no-repeat; } .quick_link .custom-block:after { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 40px; background: #009134; border-right: 2px solid #ffffff; -moz-transition: border 0.15s ease-in; -o-transition: border 0.15s ease-in; -webkit-transition: border 0.15s ease-in; -ms-transition: border 0.15s ease-in; transition: border 0.15s ease-in; } .quick_link .custom-block:hover, .quick_link .custom-block:focus { -webkit-font-smoothing: antialiased; color: #ffffff; background: #009134; } .quick_link .custom-block:hover:before, .quick_link .custom-block:focus:before { left: 10px; } .quick_link .custom-block:hover:after, .quick_link .custom-block:focus:after { border-width: 0; } .related_links .related-links { margin-bottom: 1.25em; padding: 1.25em; color: #ffffff; background-color: #009134; } .related_links .related-links h2 { position: relative; margin: 0 0 1.5em; text-transform: uppercase; font-weight: 400; font-size: 1em; color: #ffffff; position: relative; } .related_links .related-links h2:after { content: ''; display: block; position: absolute; left: 0; top: 100%; width: 54px; height: 4px; margin-top: 2px; background-color: #ffffff; } .related_links .related-links a { color: #ffffff; } .related_links .related-links a:hover, .related_links .related-links a:focus { text-decoration: underline; } .related_links .related-links ul { margin: 0; padding: 0 0 0 1.25em; } .related_links .related-links ul > li { padding-bottom: 0.375em; } .related_links .related-links ul > li > a { display: inline-block; font-weight: 300; } .tags_picker { padding: 1.25em 0; } .tags_picker ul { display: block; position: relative; margin: 0; text-transform: uppercase; } .tags_picker ul > li { display: inline-block; margin: 0 0.25em 0.125em 0; } .tags_picker ul > li > a { display: inline-block; padding: 0.125em 0.25em 0; font-size: 0.75em; color: #61aae6; border: 1px solid #61aae6; font-weight: 600; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .tags_picker ul > li > a:hover, .tags_picker ul > li > a:focus { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; color: #ffffff; background-color: #61aae6; text-decoration: none; } .tags_picker ul > li { margin-right: 0.5em; margin-bottom: 0.375em; } .intro_text { text-align: center; } .intro_text p.intro-text { margin-bottom: 1.33333em; padding: 0.83333em 0; font-size: 1.5em; font-weight: 300; text-transform: uppercase; color: #4c4c4c; border-top: 2px solid #4c4c4c; border-bottom: 2px solid #4c4c4c; } .intro_text > a, .intro_text > div { display: block; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } #highlights-side .intro_text { margin-bottom: 1.25em; background-color: #009134; } #highlights-side .intro_text p.intro-text { width: 100%; margin: 0; padding: 0.9375em 0; font-size: 18px; font-weight: 400; text-transform: none; color: #ffffff; border: none; } #highlights-side .intro_text > a, #highlights-side .intro_text > div { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; width: auto; padding: 15px; color: white; border: 2px solid #ffffff; background-size: cover; } #highlights-side .intro_text > a p.intro-text, #highlights-side .intro_text > div p.intro-text { position: relative; z-index: 2; margin: 0; padding: 10px 6px; background-color: rgba(0, 145, 52, 0.75); text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .image_links { margin-top: 1.25em; padding: 0.3125em; background-color: #e9e7e3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .image_links .image-links ul { display: block; list-style: none; margin: 0; padding: 0; *zoom: 1; } .image_links .image-links ul:before, .image_links .image-links ul:after { content: " "; display: table; } .image_links .image-links ul:after { clear: both; } .image_links .image-links ul.image-links-column-2 > li { float: left; width: 50%; } .image_links .image-links ul.image-links-column-2 > li:nth-child(2n+1) { clear: both; } .image_links .image-links ul.image-links-column-3 > li { float: left; width: 33.33%; } .image_links .image-links ul.image-links-column-3 > li:nth-child(3n+1) { clear: both; } .image_links .image-links ul.image-links-column-3 > li > div { height: 90px; } .image_links .image-links ul.image-links-align-center > li { text-align: center; } .image_links .image-links ul > li { display: block; } .image_links .image-links ul > li > div { height: 140px; margin: 0.3125em; padding: 0.3125em; background-color: #ffffff; } .image_links .image-links ul > li > div > div { width: 100%; } .image_links .image-links ul > li > div > div > div { vertical-align: middle; } .image_links .image-links ul > li img { display: block; margin: 0 auto; } .newsletter-subscribe { width: 100%; height: 290px; border: none; } #network_directory { clear: both; } #network_directory .network-join-form { margin: 0 -1.25em; padding: 0.625em 1.25em; background-color: #e9e7e3; } #network_directory .network-join-form form > ul > li { display: block; } #network_directory .network-join-form form > ul > li.start-group { margin-top: 1.25em; padding-top: 1.25em; border-top: 1px solid #b2a99c; } #network_directory .network-join-form form > ul > li label { display: block; } #network_directory .network-join-form form > ul > li select { width: 100%; } #network_directory .network-join-form form > ul > li input[type="url"], #network_directory .network-join-form form > ul > li input[type="text"], #network_directory .network-join-form form > ul > li input[type="email"], #network_directory .network-join-form form > ul > li input[type="search"] { width: 100%; } #network_directory .network-join-form form > ul > li .join-field-contain { display: block; } #network_directory .network-filter { margin: 0 -1.25em 1.25em; padding: 0.625em 1.25em; background-color: #e9e7e3; } #network_directory .network-filter form { padding-bottom: 1.25em; } #network_directory .network-filter form select { width: 100%; } #network_directory .network-filter form input[type="text"], #network_directory .network-filter form input[type="search"] { width: 100%; padding-right: 27px; border-right-width: 0; background-image: url(../images/search-input-icon.gif); background-position: 100% 50%; background-repeat: no-repeat; } #network_directory .network-filter form ~ form { padding-top: 1.25em; border-top: 1px solid #b2a99c; } #network_directory .network-listing .thumbnail-blank { width: auto; height: 70px; text-indent: -1000em; white-space: nowrap; overflow: hidden; background-color: #E5E5E5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #network_directory .network-listing .pagination { padding: 1.625em 0 1em; border: none; } .CMSLoginForm { margin: 0 -1.25em 1.25em; padding: 0.625em 1.25em 1.25em; background-color: #e9e7e3; } .CMSLoginForm form > ul > li .password-reset { margin-top: 15px; margin-bottom: 0; } .CMSLoginForm form input[type="url"], .CMSLoginForm form input[type="text"], .CMSLoginForm form input[type="email"], .CMSLoginForm form input[type="search"], .CMSLoginForm form input[type="password"] { width: 100%; } .forgot-form { margin: 0 0 1.25em; padding: 0.625em 1.25em 1.25em; background-color: #e9e7e3; } .CMSSearchResults form.CMSSearchBox { padding: 0.625em; background-color: #e9e7e3; } .CMSSearchResults form.CMSSearchBox .CMSSearchField { width: calc(100% - 65px); height: 2.5em; vertical-align: top; padding: 0.5em 0.75em; font-weight: 400; color: #4c4c4c; background-color: #ffffff; border: none; outline: none; -moz-transition: background-color 0.15s ease-in; -o-transition: background-color 0.15s ease-in; -webkit-transition: background-color 0.15s ease-in; -ms-transition: background-color 0.15s ease-in; transition: background-color 0.15s ease-in; padding-top: 0; padding-bottom: 0; height: 1.875em; } .supports-appearance .CMSSearchResults form.CMSSearchBox .CMSSearchField { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; } .CMSSearchResults form.CMSSearchBox .CMSSearchField:focus { color: #000000; } .CMSSearchResults form.CMSSearchBox .CMSSearchSubmit { display: inline-block; min-width: 60px; height: 2.5em; margin: 0; padding: 0; line-height: 2.5em; text-transform: uppercase; text-align: center; vertical-align: top; color: #ffffff; margin: 0; font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 0.75em; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; background-color: #4c4c4c; outline-color: #ff8b00; border: none; border-radius: 0; cursor: pointer; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .supports-appearance .CMSSearchResults form.CMSSearchBox .CMSSearchSubmit { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; } .CMSSearchResults form.CMSSearchBox .CMSSearchSubmit:hover, .CMSSearchResults form.CMSSearchBox .CMSSearchSubmit:focus { color: #4c4c4c; text-decoration: none; background-color: #fff; border-color: #4c4c4c; } .CMSSearchResults .CMSResult { border-left: 2px solid #e9e7e3; } .CMSSearchResults .CMSResult .CMSResultTitle { margin-bottom: 1.25em; } #homepage h2 { position: relative; margin: 0 0 1.5em; text-transform: uppercase; font-weight: 400; font-size: 1em; color: #4c4c4c; position: relative; } #homepage h2:after { content: ''; display: block; position: absolute; left: 0; top: 100%; width: 75px; height: 2px; margin-top: 2px; background-color: #ff8b00; } #homepage #wrapper { padding: 0; background-color: #ffffff; } #homepage .highlights-wrapper { padding-bottom: 0.625em; background: #e9e7e3; } #highlights { position: relative; height: 200px; margin-left: -1.25em; margin-right: -1.25em; border: 1px solid #e9e7e3; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #highlights .flexslider .slides { float: left; width: 100%; margin: 0; } #highlights .flexslider .slides > li { display: none; height: 200px; background-repeat: no-repeat; background-position: 50% 50%; background-color: #ffffff; background-size: contain; } #highlights .flexslider .slides > li.slide-cover { background-size: cover; } #highlights .flexslider .slides > li > a { display: block; width: 100%; height: 100%; } #highlights .flexslider .highlight-overlay { position: absolute; left: 0; right: 0; bottom: 30px; background: #009134; background: rgba(0, 145, 52, 0.8); } #highlights .flexslider .highlight-title { margin: 10px 20px 5px; font-size: 1.25em; text-align: center; color: #ffffff; } #highlights .flexslider .highlight-title > a { display: block; color: #ffffff; } #highlights .flexslider .highlight-title > p { margin: 0; } #highlights .flexslider .highlight-summary { margin: 5px 40px 15px; text-align: center; color: #ffffff; } #highlights .flexslider .flex-control-nav { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; margin: 0; padding: 10px 0; line-height: 1; text-align: center; font-size: 0; } #highlights .flexslider .flex-control-nav > li { list-style: none; display: inline-block; margin: 0 5px; } #highlights .flexslider .flex-control-nav > li > a { display: block; width: 10px; height: 10px; background: #949494; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } #highlights .flexslider .flex-control-nav > li > a.flex-active { background: transparent; background: #ffffff; } .embedded-video iframe { margin: 0 0 1.25em; border: none; } .twitter { margin: 1.25em 0; } .twitter a { color: #4c4c4c; } .twitter > ul { display: block; margin: 0; font-size: 0.875em; } .twitter > ul > li { display: block; position: relative; margin: 1.25em 0; padding: 0; } .twitter > ul > li:first-child { padding-top: 0; border: none; } .twitter > ul > li p { margin: 0; } .twitter > ul > li a { color: #4c4c4c; } .twitter > ul > li > ul { display: block; list-style: none; margin: 1.25em 0 0; } .twitter > ul > li > ul > li { display: inline-block; margin: 0; padding-right: 0.75em; } .twitter > ul > li > ul > li > a { display: inline-block; text-transform: uppercase; font-weight: 400; } .twitter > ul > li > ul > li ~ li { border-left: 1px solid #E5E5E5; padding-left: 0.75em; } .twitter .twitter-date { display: block; margin-bottom: 1.25em; color: #949494; } #highlights-side { margin-left: -1.25em; margin-right: -1.25em; } #highlights-side .quick_link { margin-left: 1.25em; margin-right: 1.25em; } #highlights-side .quick_link .custom-block { text-align: center; } #highlights-side .quick_link .custom-block:hover:before, #highlights-side .quick_link .custom-block:focus:before { left: 30px; } .blockOfgooglemap { margin: 10px -1.25em 30px; } .blockOfgooglemap h2 { margin: 0; padding: 10px 15px; font-size: 24px; font-weight: 300; background: #fafafa; } #google_map { position: relative; background-color: #fafafa; } #google_map .google-map-wrapper { position: relative; z-index: 2; height: 500px; } #google_map .google-map-canvas { width: 100%; height: inherit; } #google_map .google-map-canvas .custom-controls { margin-top: 15px !important; margin-right: 15px !important; } #google_map .google-map-canvas .custom-controls .custom-map-zoom-in, #google_map .google-map-canvas .custom-controls .custom-map-zoom-out { width: 40px; height: 40px; background-size: 15px; background-color: #009134; } #google_map .google-map-canvas .custom-controls .custom-map-zoom-in:hover, #google_map .google-map-canvas .custom-controls .custom-map-zoom-in:focus, #google_map .google-map-canvas .custom-controls .custom-map-zoom-out:hover, #google_map .google-map-canvas .custom-controls .custom-map-zoom-out:focus { background-color: #00ab3d; } #google_map .google-map-locations { position: relative; margin-bottom: 15px; } #google_map .google-map-locations.show-locations .google-map-show-locations:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } #google_map .google-map-locations.show-locations ul { display: block; } #google_map .google-map-locations .google-map-filter { padding: 0 10px 10px; background: #fafafa; } #google_map .google-map-locations .google-map-filter h3 { margin-left: 5px; display: inline-block; font-size: 1rem; font-weight: 500; } #google_map .google-map-locations .google-map-filter img { display: inline-block; margin-right: 5px; } #google_map .google-map-locations .google-map-filter form { display: inline-block; margin-left: 5px; } #google_map .google-map-locations .google-map-filter label { display: block; cursor: pointer; } #google_map .google-map-locations .google-map-filter label:hover > span, #google_map .google-map-locations .google-map-filter label:focus > span { background: #E5E5E5; } #google_map .google-map-locations .google-map-filter label > span { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; min-height: 42px; padding: 5px 10px 5px 6px; color: #4c4c4c; background: white; } #google_map .google-map-locations .google-map-filter label > span > span { display: inline-block; } #google_map .google-map-locations .google-map-filter input[type=checkbox] { display: none; } #google_map .google-map-locations .google-map-filter input[type=checkbox]:checked + span { color: white; background: #009134; } #google_map .google-map-locations .google-map-show-locations { position: relative; display: block; margin: 0 15px; padding: 15px 15px; text-align: center; font-size: rem-calc(22); text-transform: uppercase; color: white; background: #009134; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; -webkit-transition: background-color 0.15s ease-in-out; -ms-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } #google_map .google-map-locations .google-map-show-locations:after { content: ''; position: absolute; display: block; top: 50%; right: 12px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); border-style: solid; border-width: 0 12px 12px; border-color: transparent transparent white; -webkit-transform-origin: 50% 30%; -moz-transform-origin: 50% 30%; -ms-transform-origin: 50% 30%; -o-transform-origin: 50% 30%; transform-origin: 50% 30%; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #google_map .google-map-locations .google-map-show-locations:hover, #google_map .google-map-locations .google-map-show-locations:focus { background: #00ab3d; } #google_map .google-map-locations ol { list-style-type: none; display: block; margin: 0 -2px; padding: 0; text-transform: uppercase; font-size: rem-calc(12); font-weight: 500; } #google_map .google-map-locations ol > li { display: inline-block; margin: 0 2px 4px; white-space: nowrap; } #google_map .google-map-locations ul { -webkit-overflow-scrolling: touch; position: absolute; z-index: 3; display: none; max-height: 465px; left: 15px; right: 65px; margin: 0; margin-top: 25px; padding: 0 10px; background-color: #f1f1f1; overflow: auto; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); } #google_map .google-map-locations ul::-webkit-scrollbar { width: 10px; height: 10px; } #google_map .google-map-locations ul::-webkit-scrollbar-track { background-color: #c1c1c1; } #google_map .google-map-locations ul::-webkit-scrollbar-thumb { background-color: #949494; } #google_map .google-map-locations ul::-webkit-scrollbar-thumb:hover { background-color: #ff8b00; } #google_map .google-map-locations ul:target { display: block; } #google_map .google-map-locations ul > li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 10px 0; padding: 15px 5px 5px; } #google_map .google-map-locations ul > li ~ li { border-top: 1px solid #949494; } #google_map .google-map-locations ul > li:first-child a { margin-top: 0; } #google_map .google-map-locations ul > li:last-child a { margin-bottom: 0; } #google_map .google-map-locations ul > li > div:first-child { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } #google_map .google-map-locations ul > li > div:first-child > div:first-child { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin: 10px 0; } #google_map .google-map-locations ul > li > div:first-child > div:first-child img { margin-right: 10px; } #google_map .google-map-locations ul > li > div:first-child > div.google-map-links div ~ div { margin-top: 10px; } #google_map .google-map-locations ul > li > div:last-child { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: 1; -moz-flex-basis: 1; -ms-flex-preferred-size: 1; flex-basis: 1; } #google_map .google-map-locations ul > li .google-map-image { margin: 0; } #google_map .google-map-locations ul > li .google-map-description { margin: 15px 0; } #google_map .google-map-locations ul > li .google-map-location { display: inline-block; text-decoration: underline; } #google_map .google-map-locations ul > li .more-link { display: inline-block; text-decoration: underline; white-space: nowrap; } @media only screen and (min-width: 500px) and (max-width: 768px) { #highlights { height: 280px; } #highlights .flexslider .slides > li { height: 280px; } } @media only screen and (min-width: 768px) { .column, .columns { padding-left: 0.625em; padding-right: 0.625em; } #wrapper { padding: 1.625em 0 0.625em; } .main { margin: 0; padding: 1.875em 0.625em 0.625em; } .main form > ul > li { margin: 0 0 0.625em; } .main form > ul > li:last-child { margin-bottom: 0; } .main form label { display: inline-block; margin: 0.25em 0 0; } .main form select { width: 100%; } .main form input[type="url"], .main form input[type="text"], .main form input[type="email"], .main form input[type="search"], .main form input[type="password"] { width: 100%; } .main form input[type="submit"], .main form button[type="submit"], .main form .button { margin: 1.25em 0 0.875em; } .main #event_registration_form { margin: 0 0 1.25em; padding: 1.25em 1.25em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main #event_registration_form > ul.event_registration_form_fields > li { margin: 0 0 0.625em; } .main #event_registration_form > ul.event_registration_form_fields > li:last-child { margin-bottom: 0; } .main #event_registration_form > ul.event_registration_form_fields > li[data-fieldtype="mathsecurity"] { margin-top: 1em; margin-bottom: 0.5em; } .main #event_registration_form > ul.event_registration_form_fields > li > label { display: inline-block; min-width: 30%; } .main #event_registration_form > ul.event_registration_form_fields > li .field-contain { display: inline-block; width: 68%; } .sidebar-right { padding-top: 0; } #banner { min-height: 160px; } #banner .logo { display: inline-block; } #banner .logo.serree { width: 550px; height: 48px; margin-top: 46px; display: inline-block; width: auto; height: auto; display: block; width: 68%; background: none; } #banner .logo.serree > img { display: block; } #banner .logo.rda { display: block; position: absolute; top: 0; right: 0; margin-top: 32px; width: 24%; max-width: 224px; height: 86px; background-image: url(../images/rda-logo.png); background-position: 0 0; background-repeat: no-repeat; } #top { position: static; height: auto; background-color: transparent; } #top .smallscreen-view-nav, #top .smallscreen-view-search, #top .twitter-link { display: none; } #topnav { display: block; margin: 0; color: #000000; background-color: transparent; } #topnav > ul { display: block; width: 100%; margin: 0; border-top: 2px solid #4c4c4c; border-bottom: 2px solid #4c4c4c; } #topnav > ul > li { display: inline-block; padding: 0; text-align: center; vertical-align: middle; border: none; } #topnav > ul > li:first-child { text-align: left; } #topnav > ul > li:first-child > ul { margin-left: 0; } #topnav > ul > li:last-child { text-align: right; } #topnav > ul > li.active > a { color: #4c4c4c; border-bottom-color: #ff8b00; } #topnav > ul > li.nav-search { display: inline-block; } #topnav > ul > li.sfHover > a { border-bottom-color: #ff8b00; } #topnav > ul > li.nav-search > a span { display: inline-block; width: 13px; height: 13px; vertical-align: top; margin-top: 2px; margin-right: 4px; background-image: url(../images/search-icon.png); background-position: 50% 50%; background-repeat: no-repeat; font-size: 0; overflow: hidden; } #topnav > ul > li > a { display: block; color: #4c4c4c; padding: 0.25em 0.3125em 0; border-bottom: 4px solid transparent; white-space: nowrap; -moz-transition: border 0.15s ease-in; -o-transition: border 0.15s ease-in; -webkit-transition: border 0.15s ease-in; -ms-transition: border 0.15s ease-in; transition: border 0.15s ease-in; } #topnav > ul > li > a:hover, #topnav > ul > li > a:focus { border-bottom-color: #ff8b00; } #topnav > ul > li > ul { display: none; position: absolute; z-index: 11; left: auto; min-width: 265px; margin: 0; padding: 0 1.25em; background-color: #4c4c4c; } #topnav > ul > li > ul li { display: block; padding: 0 0 0.375em; text-align: left; } #topnav > ul > li > ul li:first-child { padding-top: 0.25em; } #topnav > ul > li > ul li a { display: block; color: #ffffff; } #topnav > ul > li > ul li a:hover, #topnav > ul > li > ul li a:focus { color: #ff8b00; font-weight: 400; } #topnav > ul > li > ul > li:first-child { padding-top: 1.25em; } #topnav > ul > li > ul > li:last-child { padding-bottom: 1.25em; } #topnav a { display: inline; padding: 0; color: #000000; font-weight: 400; font-size: 1em; } .home-link { display: block; } .twitter-link, .linkedin-link { display: block; display: inline-block; position: absolute; position: static; width: 20px; height: 16px; margin-top: 7px; margin-left: -0.625em; text-indent: -1000em; overflow: hidden; vertical-align: top; background-image: url(../images/twitter-icon.png); background-position: 0 0; background-repeat: no-repeat; } .image_links { padding: 0.625em; } .image_links .image-links ul > li > div { margin: 0.625em; padding: 0.625em; } .top_footer { padding-bottom: 2.5em; } .top_footer .footer-contact { padding-bottom: 3.75em; } .top_footer .footer-contact .footer-logo { margin: 0; } .top_footer .footer-address { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .top_footer .footer-address > div:first-child { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .top_footer .image_links .image-links ul > li > div { padding: 0; padding-right: 0.625em; } .bottom_footer { padding: 1.6875em 0; font-size: 0.8125em; text-align: center; } .bottom_footer ul > li { display: inline-block; padding: 0; } .bottom_footer ul > li ~ li { border: none; } .bottom_footer ul > li ~ li > span { border-left: 1px solid #ffffff; margin-left: 0.375em; padding-left: 0.5em; } .read-more { margin-bottom: 0; } .news .item > a + div, .tag-items .item > a + div { margin-left: 150px; } .news .item > div, .tag-items .item > div { margin-right: 0; } .news .item .article-thumbnail, .tag-items .item .article-thumbnail { width: 135px; margin-left: 0; } .tags > li { margin: 0 0.5em 0.25em 0; } #search_box { position: absolute; z-index: 15; top: 100%; left: 10px; right: 10px; width: auto; color: #ffffff; background-color: #4c4c4c; overflow: hidden; } #search_box form { padding: 0.25em 0.375em 0.25em 0.625em; } #search_box .search-trigger { display: none; } #search_box #search { font-weight: 400; font-family: "proxima-nova", sans-serif; width: 97%; padding: 0; line-height: 20px; color: #ffffff; } .supports-appearance #search_box #search { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; } #search_box input[type="submit"] { display: inline-block; position: absolute; top: 12px; right: 12px; width: 20px; height: 20px; padding: 12px; text-indent: -10000px; vertical-align: top; background-image: url(../images/search-box-search-icon.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: transparent; border: none; outline: none; } .supports-appearance #search_box input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; } #search_box input[type="submit"]:focus { outline: 1px #ffffff dotted; } .subnav { display: block; } .external_link > div > div { margin-right: 0; } .external_link > div .external-link-thumbnail { width: 135px; margin-left: 0; } .tags_picker { padding: 0; } .tags_picker ul { margin: 1.625em 0 1.375em; } .tags_picker ul > li { margin: 0 0.5em 0.25em 0; } .intro_text { text-align: center; } #highlights-side .intro_text { margin-top: 0.4375em; margin-left: -1.25em; margin-bottom: 0.625em; padding: 0; } #highlights-side .intro_text > a, #highlights-side .intro_text > div { min-height: 240px; } .funded_by .funded-by ul { margin: 0 -0.625em; } .funded_by .funded-by ul > li { margin-bottom: 1em; } #network_directory .network-join-form { margin: 0; padding: 1.25em 1.25em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #network_directory .network-join-form form ul > li label { display: inline-block; min-width: 30%; } #network_directory .network-join-form form ul > li .join-field-contain { display: inline-block; width: 68%; } #network_directory .network-filter { margin: 0 0 1.25em; padding: 1.25em 1.25em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #network_directory .network-filter form label { float: left; display: inline-block; min-width: 90px; margin: 0.25em 0 0; } #network_directory .network-filter form select { width: 250px; } #network_directory .network-filter form input[type="text"], #network_directory .network-filter form input[type="search"] { width: 250px; margin: 0; } #network_directory .network-filter form input[type="submit"], #network_directory .network-filter form button[type="submit"] { margin: 0.3125em 0 0 90px; } #network_directory .network-filter form ~ form { padding-bottom: 0; } .CMSLoginForm { margin: 0 0 1.25em; padding: 1.25em 1.25em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .CMSLoginForm form > ul > li .password-reset { margin-left: 120px; } .CMSLoginForm form label { float: left; display: inline-block; min-width: 120px; margin: 0.25em 0 0; } .CMSLoginForm form input[type="url"], .CMSLoginForm form input[type="text"], .CMSLoginForm form input[type="email"], .CMSLoginForm form input[type="search"], .CMSLoginForm form input[type="password"] { width: 260px; } .CMSLoginForm form input[type="submit"], .CMSLoginForm form button[type="submit"] { margin: 0 0 0 120px; } .CMSSearchResults form.CMSSearchBox .CMSSearchField { width: calc(100% - 95px); } .CMSSearchResults form.CMSSearchBox .CMSSearchSubmit { min-width: 90px; } .wrapper-table { display: table; width: 100%; } .wrapper-table .wrapper-cell { display: table-cell; vertical-align: top; } #homepage .highlights-wrapper { padding-bottom: 0; } #highlights { width: auto; height: 408px; margin: 0; } #highlights .flexslider .slides > li { height: 408px; } #highlights .flexslider .highlight-overlay { bottom: 40px; } #highlights .flexslider .highlight-title { margin: 15px 40px 5px; font-size: 2em; } #highlights .flexslider .flex-control-nav { padding: 15px 0; } #highlights-side { position: relative; z-index: 2; width: 265px; margin: 0; } #highlights-side .quick_link { margin-left: 0; margin-right: 0; } #highlights-side .quick_link .custom-block { margin-left: -1.25em; } #highlights-side .intro_text > a, #highlights-side .intro_text > div { background-size: auto 100%; } #highlights-side .intro_text > a { -moz-transition: background 0.35s ease-in-out; -o-transition: background 0.35s ease-in-out; -webkit-transition: background 0.35s ease-in-out; -ms-transition: background 0.35s ease-in-out; transition: background 0.35s ease-in-out; } #highlights-side .intro_text > a:hover, #highlights-side .intro_text > a:focus { background-size: auto 104%; } .blockOfgooglemap { margin: 30px auto; } .blockOfgooglemap h2 { padding: 10px 20px; } #google_map { height: 800px; } #google_map .google-map-wrapper { position: absolute; top: 0; left: 0; right: 340px; height: inherit; } #google_map .google-map-canvas .custom-controls { margin-top: 20px !important; margin-right: 20px !important; } #google_map .google-map-canvas .custom-controls .custom-map-zoom-in, #google_map .google-map-canvas .custom-controls .custom-map-zoom-out { width: 30px; height: 30px; background-size: 10px; } #google_map .google-map-locations { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 340px; margin: auto; } #google_map .google-map-locations .google-map-filter { background: #fafafa; } #google_map .google-map-locations .google-map-filter h3 { display: block; margin: 0 10px 5px; } #google_map .google-map-locations .google-map-filter img { margin-right: 10px; } #google_map .google-map-locations .google-map-filter form { display: block; margin: auto; } #google_map .google-map-locations .google-map-show-locations { display: none; } #google_map .google-map-locations ol { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #google_map .google-map-locations ol > li { -webkit-box-flex: 0; -webkit-flex: 0 1 calc(50% - 4px); -moz-box-flex: 0; -moz-flex: 0 1 calc(50% - 4px); -ms-flex: 0 1 calc(50% - 4px); flex: 0 1 calc(50% - 4px); } #google_map .google-map-locations ul { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; position: static; display: block; max-height: none; margin: 0; box-shadow: none; } #google_map .google-map-locations ul > li:first-child { padding-top: 0; } #google_map .google-map-locations ul > li > div:first-child > div { margin-top: 0; } #google_map .google-map-locations ul > li > div:first-child > div.google-map-links { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; margin: 1em 0; } #google_map .google-map-locations ul > li > div:first-child > div.google-map-links > div ~ div { margin-left: 15px; } #google_map .google-map-locations ul > li > div:first-child > div .google-map-marker { margin-right: 10px; } #google_map .google-map-locations ul > li > div:first-child > div.google-map-links { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; } #google_map .google-map-locations ul > li > div:first-child > div.google-map-links div ~ div { margin: 0; } #google_map .google-map-locations ul > li > div:last-child { margin-bottom: 10px; } #google_map .google-map-locations ul > li .google-map-description { margin-top: 15px 0 0; } } @media only screen and (min-width: 945px) { #banner { min-height: 160px; } #banner .logo { display: inline-block; } #banner .logo.serree { display: inline-block; } #banner .logo.serree > img { display: block; } #topnav > ul { display: table; width: 100%; } #topnav > ul > li { display: table-cell; } #topnav > ul > li.nav-search { display: table-cell; } #topnav > ul > li > a { display: block; color: #4c4c4c; } #search_box { width: 285px; left: auto; right: 0.625em; } #search_box #search { width: 240px; height: 34px; line-height: 34px; } #search_box input[type="submit"] { position: static; margin-top: 4px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) { #banner .logo.serree { background-image: url(../images/SERREE-logo-smallscreen-2x.png); background-size: contain; } #banner .logo.rda { background-image: url(../images/rda-logo-smallscreen-2x.png); background-size: contain; } #top .smallscreen-view-search { background-image: url(../images/search-icon-smallscreen-2x.png); background-size: 20px auto; } #top .smallscreen-view-search.active { background-image: url(../images/search-box-search-icon-2x.png); background-size: 20px auto; } #top .twitter-link { background-image: url(../images/twitter-icon-smallscreen-2x.png); background-size: 25px auto; } .top_footer .contact-email { background-image: url(../images/mail-icon-2x.png); background-size: 17px auto; } .top_footer .contact-phone { background-image: url(../images/phone-icon-2x.png); background-size: 15px auto; } .view-all:before, .read-more:before { background-image: url(../images/arrow-right-light.png); background-size: 8px auto; } .tags:before { background-image: url(../images/tag-icon-2x.png); background-size: 14px auto; } .latest-articles.opportunities > .item.opportunity-grants-and-funding .article-icon { background-image: url(../images/grants-and-funding-icon-2x.png); background-size: 46px auto; } .latest-articles.opportunities > .item.opportunity-grants-and-funding > a:hover .article-icon, .latest-articles.opportunities > .item.opportunity-grants-and-funding > a:focus .article-icon { background-image: url(../images/grants-and-funding-icon-invite-2x.png); background-size: 46px auto; } .latest-articles.opportunities > .item.opportunity-tenders .article-icon { background-image: url(../images/tenders-icon-2x.png); background-size: 46px auto; } .latest-articles.opportunities > .item.opportunity-tenders > a:hover .article-icon, .latest-articles.opportunities > .item.opportunity-tenders > a:focus .article-icon { background-image: url(../images/tenders-icon-invite-2x.png); background-size: 46px auto; } .latest-articles.opportunities > .item.opportunity-jobs .article-icon { background-image: url(../images/jobs-icon-2x.png); background-size: 46px auto; } .latest-articles.opportunities > .item.opportunity-jobs > a:hover .article-icon, .latest-articles.opportunities > .item.opportunity-jobs > a:focus .article-icon { background-image: url(../images/jobs-icon-invite-2x.png); background-size: 46px auto; } .latest-articles.opportunities > .item.opportunity-education-and-training .article-icon { background-image: url(../images/education-and-training-icon-2x.png); background-size: 46px auto; } .latest-articles.opportunities > .item.opportunity-education-and-training > a:hover .article-icon, .latest-articles.opportunities > .item.opportunity-education-and-training > a:focus .article-icon { background-image: url(../images/education-and-training-icon-invite-2x.png); background-size: 46px auto; } .latest-articles.opportunities > .item.opportunity-awards .article-icon { background-image: url(../images/awards-icon-2x.png); background-size: 46px auto; } .latest-articles.opportunities > .item.opportunity-awards > a:hover .article-icon, .latest-articles.opportunities > .item.opportunity-awards > a:focus .article-icon { background-image: url(../images/awards-icon-invite-2x.png); background-size: 46px auto; } .latest-articles.opportunities > .item.opportunity-programs .article-icon { background-image: url(../images/programs-icon-2x.png); background-size: 46px auto; } .latest-articles.opportunities > .item.opportunity-programs > a:hover .article-icon, .latest-articles.opportunities > .item.opportunity-programs > a:focus .article-icon { background-image: url(../images/programs-icon-invite-2x.png); background-size: 46px auto; } .latest-articles.opportunities .tags:before { background-image: url(../images/tag-icon-white-2x.png); background-size: 14px auto; } .view-all:before, .read-more:before, .read-more:before { background-image: url(../images/arrow-right-light-2x.png); background-size: 9px auto; } .back-link:before { background-image: url(../images/pagination-prev-2x.png); background-size: contain; } .pagination a.previous:before, .pagination a.back:before { background-image: url(../images/pagination-prev-2x.png); background-size: contain; } .pagination a.next:after { background-image: url(../images/pagination-next-2x.png); } .quick_link .custom-block:before { background-image: url(../images/arrow-right-light-large-2x.png); background-size: 12px auto; } .supports-appearance #network_directory form select { background-image: url(../images/select-icon-2x.gif); background-size: 30px auto; } .supports-appearance #network_directory .network-filter input[type="text"], .supports-appearance #network_directory .network-filter input[type="search"] { background-image: url(../images/search-input-icon-2x.gif); background-size: 30px auto; } } @media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-moz-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2) { #banner .logo.serree { background: none; } #banner .logo.rda { background-image: url(../images/rda-logo-2x.png); } #topnav > ul > li.nav-search > a span { background-image: url(../images/search-icon-2x.png); background-size: 13px auto; } #topnav .twitter-link { background-image: url(../images/twitter-icon-2x.png); background-size: 20px auto; } #search_box input[type="submit"] { background-image: url(../images/search-box-search-icon.png); background-size: 20px auto; } }