/*! * RUG-Frontend-package * University of Groningen * * @author Kiki Smallenbroek (a.j.smallenbroek@rug.nl) ,Robbert Uittenbroek (r.m.uittenbroek@rug.nl) ,Dennis van der Laan (d.g.van.der.laan@rug.nl) ,Ilse van Gemert (i.van.gemert@rug.nl) ,Eric Wout van der Steen (e.w.van.der.steen@rug.nl) ,Ron van de Graaf (ron@concept7.nl) * @version 1.0.0 * Copyright 2017. licensed. */ @charset "UTF-8"; button, hr, input { overflow: visible } progress, sub, sup { vertical-align: baseline } button, iframe, input, optgroup, select, textarea { margin: 0 } figure, legend { max-width: 100% } a:focus, a:hover, abbr[title], p a { text-decoration: underline } figcaption, html { background-color: #f6f6f6 } .rug-button, a, label { cursor: pointer } sub, sup, ul { position: relative } .class-is-not-defined { border: 3px solid orange !important; visibility: visible !important; display: block !important; height: auto !important; width: auto !important; clip: auto !important } table.class-is-not-defined { display: table !important } audio, canvas, progress, video { display: inline-block } html { box-sizing: border-box } *, ::after, ::before { box-sizing: inherit } @font-face { font-family: 'Open Sans'; src: local("Open Sans"), url(../fonts/open-sans-regular.woff2) format("woff2"), url(../fonts/open-sans-regular.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: 'Open Sans Semi-Bold'; src: local("Open Sans Semibold"), url(../fonts/open-sans-semibold.woff2) format("woff2"), url(../fonts/open-sans-semibold.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: 'Open Sans Bold'; src: local("Open Sans Bold"), url(../fonts/open-sans-bold.woff2) format("woff2"), url(../fonts/open-sans-bold.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: 'Open Sans Italic'; src: local("Open Sans Italic"), url(../fonts/open-sans-italic.woff2) format("woff2"), url(../fonts/open-sans-italic.woff) format("woff"); font-weight: 400; font-style: normal } /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block } hr { box-sizing: content-box; background: #d7d7d7; border: 0; height: 1px } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects; color: #029fed; text-decoration: none } abbr[title] { border-bottom: none; text-decoration: underline dotted } dfn { font-style: italic } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0 } sub { bottom: -.25em } sup { top: -.5em } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } fieldset, iframe, table, td, th { border: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px } textarea { overflow: auto; min-height: 8rem; height: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } summary { display: list-item } [hidden], template { display: none } blockquote, body, dd, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, legend, ol, p, pre, ul { margin: 0; padding: 0 } hr, li > ol, li > ul, pre { margin-bottom: 0 } dl dd, dl dt, h1, h2, h3, h4, h5, h6 { margin-bottom: .25rem } caption, p { margin-bottom: 1.5rem } table { border-collapse: collapse; border-spacing: 0 } fieldset { min-width: 0 } iframe { padding: 0 } blockquote { font-family: "Open Sans Italic", sans-serif; font-size: 1.125rem; padding: 1.5rem 1.5rem 1px } legend { box-sizing: border-box; color: inherit; display: table; white-space: normal; float: left; font-weight: 700; margin-bottom: .75rem; width: 100% } input, select, textarea { font-size: 1rem; font-family: "Open Sans", sans-serif } h1, h2, h3, h4, h5, h6 { color: #000; font-family: "Open Sans Semi-Bold", sans-serif; font-weight: 600; line-height: 1.125em } h1, ol li, ul li { margin-bottom: .5rem } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000 } h1 { font-size: 1.75rem } h2 { font-size: 1.5rem } h3 { font-size: 1.25rem } h4 { font-size: 1.125rem } h5, h6 { font-size: 1rem } embed, img, object { font-family: "Open Sans Italic", sans-serif; max-width: 100%; vertical-align: middle } embed[height], embed[width], img[height], img[width], object[height], object[width] { max-width: none } figcaption { font-size: .75rem; padding: .5rem } .rug-button, .rug-button:active, .rug-button:focus, .rug-button:hover, .rug-card--content:focus, .rug-card--content:hover, .rug-card--visual:focus, .rug-card--visual:hover { text-decoration: none } dl, ol, ul { margin-left: 1.5rem } ul { list-style-type: none } ol[data-style-type=lower-alpha] { list-style-type: lower-alpha } ol[data-style-type=upper-alpha] { list-style-type: upper-alpha } ol[data-style-type=lower-roman] { list-style-type: lower-roman } ol[data-style-type=upper-roman] { list-style-type: upper-roman } li > ol, li > ul { margin-top: .5rem } dl dt { font-weight: 700 } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #404040; font-family: "Open Sans", sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; line-height: 1.25em; min-height: 100%; overflow-y: scroll } @media (min-width: 320px) { html { font-size: 16px } } @media (min-width: 1200px) { html { font-size: 18px } } p { line-height: 1.5rem; max-width: 688px } caption, td, th { padding: .25rem .5rem; text-align: left; vertical-align: top } tr td:first-child { padding-left: 0 } mark { background-color: #fff6e6; color: #cc8200 } b, strong { font-family: "Open Sans Semi-Bold", sans-serif; font-weight: 400 } em, i { font-family: "Open Sans Italic", sans-serif; font-style: normal } .rug-button { border: 0; display: inline-block; font-style: normal; margin-bottom: .25rem; text-align: left; -webkit-transition: all .2s linear; transition: all .2s linear } .rug-button--disabled { opacity: .4; pointer-events: none } .rug-button--large, .rug-button--medium, .rug-button--small, .ui-dialog .ui-dialog-buttonpane button { line-height: 1.125rem } .rug-button--small { font-size: .875rem; padding: .25rem .5rem } .rug-button--medium, .ui-dialog .ui-dialog-buttonpane button { padding: .6rem .75rem; font-size: .875rem } .rug-button--large { padding: 1rem 1.5rem } .rug-button--round { border-radius: 2rem; padding: .75rem } .rug-button--full { display: block; width: 100% } @font-face { font-family: icons; src: url(../fonts/icomoon.eot) format("eot"), url(../fonts/icomoon.svg) format("svg"), url(../fonts/icomoon.ttf) format("ttf"), url(../fonts/icomoon.woff) format("woff"); font-weight: 400; font-style: normal } #searchForm .rug-targeted-content:after, .rug-icon, .rug-list--indented__item__switch, .rug-theme--content .rug-targeted-content:after { display: inline-block; font-family: icons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; speak: none; text-transform: none; vertical-align: -2px } .rug-icon--s { font-size: .75rem } .rug-icon--l { font-size: 1.25rem } .rug-icon--xl { font-size: 1.75rem } .rug-icon--xxl { font-size: 2.25rem } @media (min-width: 600px) { .rug-icon--xxl { font-size: 3rem } } .rug-icon--align-middle { vertical-align: middle } .rug-icon--align-top { vertical-align: top } .rug-icon--align-bottom { vertical-align: bottom } .rug-icon--align-text-bottom { vertical-align: text-bottom } .rug-icon--shadow::before { text-shadow: 0 1px 1px #404040 } .rug-icon-group--s { width: 1rem; text-align: center } .rug-icon-group--l { width: 1.75rem; text-align: center } .rug-icon-group--xl { width: 2.5rem; text-align: center } .rug-icon-group--xxl { width: 3.5rem; text-align: center } .rug-icon--angle-left::before { content: "" } .rug-icon--angle-right::before { content: "" } .rug-icon--angle-down::before { content: "" } .rug-icon--caret-down::before { content: "" } .rug-icon--caret-right::before { content: "" } .rug-icon--caret-up::before { content: "" } .rug-icon--caret-left::before { content: "" } .rug-icon--check::before { content: "" } .rug-icon--check-square::before { content: "" } .rug-icon--close::before { content: "" } .rug-icon--cog::before { content: "" } .rug-icon--document-diagrams::before { content: "" } .rug-icon--dot::before { content: "" } .rug-icon--embed::before { content: "" } .rug-icon--external-link::before { content: "" } .rug-icon--facebook::before { content: "" } .rug-icon--film::before { content: "" } .rug-icon--flickr::before { content: "" } .rug-icon--google-plus::before { content: "" } .rug-icon--home::before { content: "" } .rug-icon--instagram::before { content: "" } .rug-icon--label::before { content: "" } .rug-icon--labels::before { content: "" } .rug-icon--link::before { content: "" } .rug-icon--linkedin::before { content: "" } .rug-icon--lock::before { content: "" } .rug-icon--lock-open::before { content: "" } .rug-icon--mail::before { content: "" } .rug-icon--marker::before { content: "" } .rug-icon--menu::before { content: "" } .rug-icon--minus::before { content: "" } .rug-icon--mobile::before { content: "" } .rug-icon--movie::before { content: "" } .rug-icon--pause::before { content: "" } .rug-icon--pdf::before { content: "" } .rug-icon--pencil::before { content: "" } .rug-icon--phone::before { content: "" } .rug-icon--pinterest::before { content: "" } .rug-icon--play::before { content: "" } .rug-icon--plus::before { content: "" } .rug-icon--printer::before { content: "" } .rug-icon--reset::before { content: "" } .rug-icon--rss::before { content: "" } .rug-icon--rug-books::before { content: "" } .rug-icon--rug-brain::before { content: "" } .rug-icon--rug-champion::before { content: "" } .rug-icon--rug-graduate::before { content: "" } .rug-icon--rug-lab::before { content: "" } .rug-icon--rug-location::before { content: "" } .rug-icon--rug-open::before { content: "" } .rug-icon--rug-university::before { content: "" } .rug-icon--search::before { content: "" } .rug-icon--search-leftie::before { content: "" } .rug-icon--star::before { content: "" } .rug-icon--star-open::before { content: "" } .rug-icon--thumbs-down::before { content: "" } .rug-icon--thumbs-up::before { content: "" } .rug-icon--twitter::before { content: "" } .rug-icon--upload::before { content: "" } .rug-icon--user::before { content: "" } .rug-icon--video-camera::before { content: "" } .rug-icon--warn::before { content: "" } .rug-icon--wiki::before { content: "" } .rug-icon--youtube::before { content: "" } .rug-icon--yt-play::before { content: "" } .rug-embed { margin-bottom: 1.5rem } .rug-embed__caption { background-color: #f6f6f6; font-size: .75rem; padding: .5rem } .rug-embed__container { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative } .rug-embed__iframe { height: 100% !important; left: 0; position: absolute; top: 0; width: 100% !important } .rug-form, .rug-form-group, .rug-form-radio-check, .rug-form-radio-check-label { position: relative } .rug-form-input-select, .rug-form-input-text, .rug-form-input-textarea { -webkit-appearance: none; background-color: #fff; border: 1px solid #7d7d7d; border-radius: 0; box-shadow: inset 0 2px 1px rgba(0, 0, 0, .1); color: inherit; display: block; height: 2.688rem; margin-bottom: 1.5rem; padding: 0 .5rem; position: relative; -webkit-transition: .5s all; transition: .5s all; vertical-align: baseline; width: 100% } #ui-datepicker-div, .rug-button--neutral:focus, .rug-button--neutral:hover, .rug-button--primary:focus, .rug-button--primary:hover, .rug-button--secondary:focus, .rug-button--secondary:hover, .ui-dialog .ui-dialog-buttonpane button:focus, .ui-dialog .ui-dialog-buttonpane button:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, .2) } .rug-form-input-select:focus, .rug-form-input-text:focus, .rug-form-input-textarea:focus { border-color: #666; outline: 0 } .rug-form-input-select[disabled], .rug-form-input-select[readonly], .rug-form-input-text[disabled], .rug-form-input-text[readonly], .rug-form-input-textarea[disabled], .rug-form-input-textarea[readonly] { background-color: #d7d7d7 } .rug-form-input-select[disabled], .rug-form-input-text[disabled], .rug-form-input-textarea[disabled] { cursor: not-allowed } .rug-form-input-select[multiple], .rug-form-input-text[multiple], .rug-form-input-textarea[multiple] { height: auto } .rug-form-input-select + .rug-form-helptext, .rug-form-input-text + .rug-form-helptext, .rug-form-input-textarea + .rug-form-helptext { margin-top: -1rem } .rug-form-input-textarea { padding: .5rem } .rug-form-field-label { display: block; margin-bottom: .25rem; font-family: "Open Sans Semi-Bold", sans-serif } .rug-form-field-label-is-required::after { color: #ea2422; content: ' *' } .rug-form-field-required { padding: 0 10px 0 0; background: url(../images/ico-required.png) 100% 50% no-repeat } .rug-form-radio-check { height: 1rem; width: 1rem; float: left; top: .25rem; margin-right: .25rem } .rug-form-radio-check-label { margin-bottom: .5rem; margin-left: .75rem; display: block } .rug-form-helptext { font-size: .75rem; margin-bottom: .5rem } .rug-form-group__button-right { height: 100%; position: absolute; right: 0; z-index: 1 } .rug-form--fullwidth { width: 100% } input.hasDatepicker { padding-left: 35px } .ui-datepicker-trigger { position: absolute; top: -3.3rem; left: 12px } .ui-datepicker .ui-datepicker-title select { height: auto; padding: 0; line-height: auto; display: inline } .fieldRequiredWarning { border: 1px solid #ea2422; margin-bottom: 1px } .errorMsg { color: #ea2422 } .h1, .h2, .h3, .h4, .h5, .h6, .ui-dialog .ui-dialog-titlebar .ui-dialog-title { color: #000; font-family: "Open Sans Semi-Bold", sans-serif; font-weight: 600; line-height: 1.125em; margin-bottom: .25rem } .h1 { font-size: 1.75rem; margin-bottom: .5rem } .h2 { font-size: 1.5rem } .h3 { font-size: 1.25rem } .h4, .ui-dialog .ui-dialog-titlebar .ui-dialog-title { font-size: 1.125rem } .h5, .h6 { font-size: 1rem } .rug-iframe__maps--container { display: block; max-height: 75vh !important; max-width: 100% !important } .rug-image--zoom { -webkit-transition: all .3s; transition: all .3s } .rug-image--zoom:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .rug-layout { display: block; font-size: 0; list-style: none; margin: 0 0 0 -1.5rem; padding: 0 } .rug-layout--reverse, .rug-layout--stretch { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .rug-layout--reverse { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .rug-layout__item { box-sizing: border-box; display: inline-block; font-size: 1rem; padding-left: 1.5rem; vertical-align: top; width: 100% } .rug-layout--no-margins > * { margin: 0 } .rug-layout--stretch { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .rug-layout--stretch > .rug-layout__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .rug-list--bullets__item::before, .rug-list--caret__item::before { content: ''; display: block; top: .438em; left: -1em } .rug-layout--flush { margin-left: 0 } .rug-layout--flush > .rug-layout__item { padding-left: 0 } .rug-layout--l { margin-left: -2rem } .rug-layout--l .rug-layout__item { padding-left: 2rem } .rug-layout--xl { margin-left: -3rem } .rug-layout--xl .rug-layout__item { padding-left: 3rem } .rug-layout--center > .rug-layout__item, .rug-layout--right > .rug-layout__item { text-align: left } .rug-layout--center { text-align: center } .rug-layout--right { text-align: right } .rug-list--bullets { padding-left: 1.5rem; margin-left: 0; overflow: hidden } .rug-list--bullets__item { position: relative } .rug-list--bullets__item::before { border: 3px solid #7d7d7d; border-radius: 5px; position: absolute } .rug-list--caret__item { position: relative } .rug-list--caret__item::before { border-color: transparent #dc002d; border-radius: .1em; border-style: solid; border-width: 5px 0 5px 5px; position: absolute } .rug-list--definition { margin-left: 0 } .rug-list--definition__item { list-style: none; margin-bottom: 1.5rem } .rug-list--definition__title { color: #dc002d; font-weight: 400; margin-bottom: .75rem } @media (min-width: 600px) { .rug-list--definition__title { float: left; margin: 0 1.5rem 0 0; min-width: 6.25rem; width: 20% } } .rug-list--definition__content { border-left: 3px solid #dc002d; margin-left: .75rem; padding-left: .75rem } .rug-list--group, .rug-list--group--inline, .rug-list--inline { margin-left: 0 } @media (min-width: 400px) { .rug-list--definition__content { border-left: 2px solid #dc002d; overflow: hidden; padding-left: 1.5rem } } .rug-list--definition__content > :last-child { margin-bottom: 0 } .rug-list--group { border-top: 1px solid #d7d7d7 } .rug-list--group__item { border-bottom: 1px solid #d7d7d7; margin-bottom: 0; padding: .75rem 0 } .rug-list--group__item:last-child { border-bottom: none } .rug-list--group--inline__item { display: inline-block; padding: 0 .5rem; border-right: 1px solid #d7d7d7 } .rug-list--group--inline__item:first-child { padding-left: 0 } .rug-list--group--inline__item:last-child { padding-right: 0; border-right: none } .rug-list--inline__item { display: inline-block; padding-right: .5rem } .rug-list--inline__item:last-child { padding-right: 0 } .rug-list--accordion__item { margin-bottom: 1.5rem; position: relative } .rug-list--accordion__item::before { content: ""; font-family: icons; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; display: block; left: -1em; position: absolute; top: 2px } .rug-list--accordion__item__header { cursor: pointer; position: relative } .rug-list--accordion__item__body { margin-bottom: 1.5rem; display: none } .rug-list--accordion__item--toggled::before { content: "" } .rug-list--indented { position: relative; margin-left: 0 } .rug-list--indented__item { white-space: nowrap; margin-bottom: .25rem } .rug-list--indented__item__switch { width: 1rem; cursor: pointer; float: left; min-height: 1px } .rug-list--indented__item__switch::before { content: '' } .rug-list--indented__item__switch[data-toggle-id]::before { content: "" } .rug-list--indented__item__switch--toggled.js--togglable-switch::before { content: "" } .rug-media::after, .rug-wrapper::after { content: ''; clear: both } .rug-list--indented__item__object { margin-top: .25rem; vertical-align: top; float: left } .rug-list--indented__item__label { white-space: normal; margin-left: 1rem; display: block } .rug-list--indented__item[data-toggle-id] .rug-list--indented__item__label { margin-left: 2rem } .rug-list--indented .rug-list--indented { margin-left: 1.5rem } .rug-list--indented .rug-list--indented[data-toggle-id] { display: none } .rug-media, .rug-media::after, .rug-media__body, .rug-media__img > img { display: block } .rug-list--unstyled { margin-left: 0 } .rug-media__date, .rug-media__img { float: left; margin-right: 1rem } .rug-media__img--blog { width: 160px } .rug-media__date--right { text-align: right; width: 5.313rem } .rug-media__body { overflow: hidden } .rug-media__body > :last-child { margin-bottom: 0 } .rug-media--flush > .rug-media__img { margin-left: 0; margin-right: 0 } .rug-media--reverse > .rug-media__img { float: right; margin-left: 1rem; margin-right: 0 } @media (max-width: 899px) { .rug-media--m .rug-slider__slide--equalheight { height: calc(100%) } .rug-media--m blockquote.rug-slider__slide--equalheight { height: calc(100% - 140px) } .rug-media--m > .rug-media__img { float: none; margin: 0; text-align: center } } .rug-lead { font-family: "Open Sans Semi-Bold", sans-serif } .rug-wrapper { margin-left: auto; margin-right: auto; max-width: 1100px; padding-left: .5rem; padding-right: .5rem } .rug-wrapper::after { display: block } .rug-wrapper--knee-high { margin-bottom: .75rem } @media (min-width: 900px) { .rug-wrapper--overlay { top: -22px; position: relative } .rug-wrapper--knee-high { height: 70px; margin-bottom: 0 } } .rug-wrapper--knee-high__small { margin-bottom: .75rem } @media (min-width: 900px) { .rug-wrapper--knee-high__small { height: 27px; margin-bottom: 0 } } @media (min-width: 400px) { .rug-wrapper { padding-left: 1.5rem; padding-right: 1.5rem } } .rug-wrapper--big { max-width: 1600px } .rug-wrapper--flush { padding-left: 0; padding-right: 0 } .rug-attributes__label { color: #7d7d7d; padding-right: 1.5rem } .rug-attributes__column, .rug-attributes__value { color: #404040 } .rug-blockquote { background-color: #f2f2f2; border-left: 2px solid #dc002d; position: relative; margin-bottom: 0; min-height: 140px } .rug-blockquote::before { color: #d7d7d7; content: '\0022'; font-size: 4rem; font-family: "Open Sans Italic", sans-serif; left: .25rem; position: absolute; top: .5rem } .rug-blockquote__attribution { font-size: .75rem; font-style: normal; margin-top: 1.5rem; padding: .5rem .5rem .5rem 0 } .rug-breadcrumbs { font-size: .875rem; margin: 1.5rem 0 0; position: relative; overflow: hidden } @media (min-width: 900px) { .rug-breadcrumbs { margin-bottom: 1.5rem } .rug-button--nav { display: none } } .rug-breadcrumbs__link { color: #404040 } .rug-breadcrumbs__divider { margin-left: .5rem; margin-right: .5rem; position: relative; top: -.1rem; font-size: .6rem } .rug-button--neutral, .rug-button--primary, .rug-button--secondary, .ui-dialog .ui-dialog-buttonpane button { font-family: "Open Sans Bold", sans-serif; -webkit-transition: all .2s linear; transition: all .2s linear } .rug-button--neutral::after, .rug-button--neutral::before, .rug-button--primary::after, .rug-button--primary::before, .rug-button--secondary::after, .rug-button--secondary::before, .ui-dialog .ui-dialog-buttonpane button::after, .ui-dialog .ui-dialog-buttonpane button::before { -webkit-transition: all .2s linear; transition: all .2s linear } .rug-button--primary { background: #dc002d; color: #fff } .rug-button--primary:focus, .rug-button--primary:hover { background: #ff0639 } .rug-button--primary:active { background: #b30025 } .rug-button--secondary, .ui-dialog .ui-dialog-buttonpane button { background: #0095e9; color: #fff } .rug-button--secondary:focus, .rug-button--secondary:hover, .ui-dialog .ui-dialog-buttonpane button:focus, .ui-dialog .ui-dialog-buttonpane button:hover { background: #1daeff } .rug-button--secondary:active, .ui-dialog .ui-dialog-buttonpane button:active { background: #0074b6 } .rug-button--neutral { background: #f6f6f6; border: 1px solid #d7d7d7; color: #404040 } .rug-button--neutral:focus, .rug-button--neutral:hover { background: #fff; border-color: #fff } .rug-button--neutral:active { background: #d7d7d7; border-color: #d7d7d7; box-shadow: none } .rug-button--nav { border: 1px solid #d7d7d7; border-radius: .25rem; color: #404040; font-weight: 700; margin-right: 1.5rem; margin-bottom: 0; -webkit-transition: background .2s linear; transition: background .2s linear; white-space: nowrap; background: #dc002d; padding: .5rem .75rem } .rug-button--nav--active { color: #fff; background: #b30025 } .rug-card--content, .rug-card--visual { margin-bottom: 1.5rem; background: #fff; color: #404040; display: block; position: relative; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .rug-card--content__content, .rug-card--visual__content { padding: 1rem; text-align: left; -webkit-transition: background .2s linear; transition: background .2s linear } .rug-card__image { width: 100% } .rug-card--nonimage { margin: 0 1.5rem; padding-right: 0 } @media (min-width: 900px) { .rug-card--nonimage { margin: 0; padding-right: 1.5rem } } .rug-card--content__content { background: rgba(255, 255, 255, .85); bottom: 0; left: 0; position: absolute; right: 0 } .rug-card--content__content:hover { background: rgba(255, 255, 255, .95) } .rug-card--visual__content { position: relative; min-height: 67px } .rug-card--visual__content::after, .rug-card--visual__content::before { content: ''; display: none; position: absolute; right: -48px } .rug-card--visual__content::after { background: rgba(255, 255, 255, .85); bottom: 59px; top: 0; width: 48px; -webkit-transition: background .2s linear; transition: background .2s linear } .rug-card--visual__content::before { border-right: 48px solid transparent; border-top: 59px solid rgba(255, 255, 255, .85); bottom: 0; height: 0; width: 0; -webkit-transition: border-color .2s linear; transition: border-color .2s linear } .rug-card--visual__content:hover, .rug-card--visual__content:hover::after { background: rgba(255, 255, 255, .95) } .rug-card--visual__content:hover::before { border-top-color: rgba(255, 255, 255, .95) } @media (min-width: 600px) { .rug-card--visual__content { background: rgba(255, 255, 255, .85); bottom: 0; left: 0; margin: 1.5rem 4.5rem 1.5rem 1.5rem; min-width: 33%; max-width: 620px; padding: 1rem 0 1rem 1rem; position: absolute } .rug-card--visual__content::after, .rug-card--visual__content::before { display: block } } @media (min-width: 900px) { .rug-card--visual__content--overlay { bottom: 1rem } .rug-card--visual__content--desktop-static { background: 0 0; margin: 0; padding: 1rem; position: static } .rug-card--visual__content--desktop-static::after, .rug-card--visual__content--desktop-static::before { display: none } } @media (min-width: 1024px) { .rug-card--visual__content--overlay { bottom: 2rem } } @media (min-width: 1200px) { .rug-card--visual__content--overlay { bottom: 2.5rem } } .rug-card--visual__icon { background: 0 0; color: inherit; font-size: 2.75rem; margin-left: 0; padding: 0; position: static; text-shadow: none } .rug-card--visual__meta { font-size: .875rem; margin-bottom: .5rem } .rug-date { background: #fff; display: inline-block; font-size: .75rem; padding: .5rem 0 .25rem; text-align: center; text-transform: uppercase; width: 3rem; min-width: 3rem; min-height: 3rem; position: relative } .rug-date--has-no-day, .rug-date--has-no-day:after, .rug-date--has-no-day:before { position: absolute; content: '' } .rug-date--primary { background: #dc002d; color: #fff } .rug-date--subtle { border-right: 1px solid #dc002d } .rug-date--neutral { background: #f6f6f6 } .rug-date--has-no-day { top: 0; left: 1rem; width: 1rem; height: 1.25rem; background-color: #404040 } .rug-date--has-no-day:before { border-bottom: .5rem solid transparent; border-left: .5rem solid #404040; bottom: -.5rem; left: 0 } .rug-date--has-no-day:after { border-bottom: .5rem solid transparent; border-right: .5rem solid #404040; bottom: -.5rem; right: 0 } .rug-date__day { display: block; font-family: "Open Sans Bold", sans-serif; font-size: 1.25rem; margin-bottom: -.125rem } .rug-date + .rug-date { margin-left: -1rem; position: relative } .rug-date + .rug-date:before { background: currentColor; content: ''; display: block; height: 2px; left: .188rem; margin-top: -.438rem; position: absolute; top: 50%; width: 5px } .rug-doormat { border-bottom: 1px solid #bebebe } @media (min-width: 600px) { .rug-doormat { border: 0; padding: 3rem 0; margin: auto } } .rug-doormat__heading__link { color: #000; font-family: "Open Sans Semi-Bold", sans-serif; font-weight: 600; position: relative } .rug-doormat__heading__link--mobile { display: block; border-top: 1px solid #bebebe; padding: .5rem 0 } @media (min-width: 600px) { .rug-doormat__heading__link--mobile { display: none } } .rug-doormat__heading__link--mobile::after { display: block; content: ""; font-family: icons; font-style: normal; position: absolute; right: 0; top: .5rem; font-size: .75rem } .rug-doormat__heading__link--desktop { display: none } @media (min-width: 600px) { .rug-doormat__heading__link--desktop { display: block } } .rug-doormat__heading__link--active::after { content: "" } .rug-divider::after, .rug-gallery__switcher::after, .rug-link--caret::before { content: '' } .rug-doormat__heading__link--active + ul { display: inline-block } .rug-doormat__link { font-size: .875rem; display: block; color: #404040; padding: .25rem } .rug-doormat__link--mobile { display: inline-block } @media (min-width: 600px) { .rug-doormat__link { border: 0; display: inline-block; margin: 0; padding: 0 } .rug-doormat__link--mobile { display: none } } .rug-doormat__list { display: none; margin-bottom: 0 } .rug-doormat__list:active, .rug-doormat__list:focus, .rug-doormat__list:hover { display: inline-block } @media (min-width: 600px) { .rug-doormat__list { display: inline-block; margin-bottom: 1.5rem } } .rug-divider { position: relative; padding-right: .5rem } .rug-divider::after { background: #f2f2f2; height: 1rem; position: absolute; top: .2rem; right: 0; width: 1px } .rug-divider:last-child:after { display: none } .rug-element-gallery { margin-bottom: 1.5rem; position: relative; border: 1px solid red } .rug-element-gallery__content { display: block; padding: 1rem 1.5rem } .rug-element-gallery__images { height: 300px; margin: 0 } .rug-element-gallery__image { display: none; margin-bottom: 0; max-width: 300px; overflow: hidden; position: absolute } .rug-element-gallery__image::before { border: 0 } .rug-element-gallery__image:first-child, .rug-element-gallery__image__link { display: block } .rug-element-gallery__navigation { background-color: #d7d7d7; padding: .75rem 1.5rem } @media (min-width: 900px) { .rug-element-gallery__navigation { background-color: transparent; bottom: 1rem; left: 3rem; padding: 0; position: absolute; z-index: 10 } } .rug-element-gallery__next, .rug-element-gallery__previous { position: absolute; background: rgba(64, 64, 64, .8); color: #fff; display: block; margin-top: -1.5rem; padding: .5rem 1rem; text-align: center; top: 50%; z-index: 10 } .rug-element-gallery__next:hover, .rug-element-gallery__previous:hover { background: rgba(220, 0, 45, .9) } .rug-element-gallery__next { right: 0 } .rug-element-gallery__previous { left: 0 } .rug-gallery { margin-bottom: 1.5rem; background-color: #f6f6f6; position: relative; max-width: 688px; width: 100%; visibility: hidden } .rug-gallery__preshape { width: 100%; max-width: 100%; overflow: hidden } .rug-gallery__preshape--default { height: 172px } @media (min-width: 1200px) { .rug-gallery__preshape--default { height: 344px } } .rug-gallery__preshape--magazine { height: 300px } @media (min-width: 1200px) { .rug-gallery__preshape--magazine { height: 595px } } .rug-gallery__loader { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: #d7d7d7 } .rug-gallery__content { background-color: #dc002d; color: #fff; display: block; padding: 1rem 1.5rem; min-height: 67px; white-space: nowrap; -webkit-transition: background .2s linear; transition: background .2s linear } .rug-gallery__content > span:first-child { white-space: normal } .rug-nav--main__button--home, .rug-text-nowrap, .ss-gac-c, .ss-gac-d { white-space: nowrap } .rug-gallery__content__link { color: #fff } .rug-gallery__content__link:focus, .rug-gallery__content__link:hover { text-decoration: underline } .rug-gallery__content::after, .rug-gallery__content::before { content: ''; display: none; position: absolute; right: -48px } .rug-gallery__content::after { background: rgba(220, 0, 45, .85); -webkit-transition: background .2s linear; transition: background .2s linear; bottom: 59px; top: 0; width: 48px } .rug-gallery__content::before { -webkit-transition: border-color .2s linear; transition: border-color .2s linear; border-right: 48px solid transparent; border-top: 59px solid rgba(220, 0, 45, .85); bottom: 0; height: 0; width: 0 } .rug-gallery__content:hover, .rug-gallery__content:hover::after { background: rgba(220, 0, 45, .95) } .rug-gallery__content:hover::before { border-top-color: rgba(220, 0, 45, .95) } @media (min-width: 900px) { .rug-gallery__content { background-color: rgba(220, 0, 45, .85); bottom: 3rem; left: 2rem; margin-right: 5rem; position: absolute } .rug-gallery__content::after, .rug-gallery__content::before { display: block } } .rug-gallery__content__subtitle { display: block; color: green } .rug-gallery__images { margin: 0; overflow: hidden; width: 100% } .rug-gallery__image { display: none; margin-bottom: 0; overflow: hidden; position: absolute; width: 100% } .rug-gallery__image::before { border: 0 } .rug-gallery__image:first-child { display: block } .rug-gallery__image__link { display: block; width: 100%; position: relative } .rug-gallery__image__visual { width: 100% } .rug-gallery__navigation { background-color: #f2f2f2; padding: .25rem 1.5rem } @media (min-width: 900px) { .rug-gallery__navigation { background-color: transparent; bottom: 1rem; left: 3rem; padding: 0; position: absolute; z-index: 10 } } .rug-gallery__next, .rug-gallery__previous { position: absolute; background: rgba(64, 64, 64, .8); color: #fff; display: block; margin-top: -1.5rem; padding: .5rem 1rem; text-align: center; top: 50%; z-index: 10 } .rug-gallery__next:hover, .rug-gallery__previous:hover { background: rgba(220, 0, 45, .9) } .rug-gallery__next { right: 0 } .rug-gallery__previous { left: 0 } .rug-gallery__switcher { list-style-type: none; margin: 0; padding: 0; text-align: center } .rug-gallery__switcher::after { clear: both; display: block } .rug-gallery__switcher__item { background-color: #fff; border-radius: 12px; box-shadow: 0 0 2px rgba(0, 0, 0, .3); display: inline-block; height: 12px; margin-right: 10px; width: 12px; margin-bottom: 0 } .rug-gallery__switcher__item:focus, .rug-gallery__switcher__item:hover { background-color: #0095e9; cursor: pointer } .rug-gallery__switcher__item:last-child { margin-right: 0 } .rug-gallery__switcher__item--active, .rug-gallery__switcher__item--selected { background-color: #dc002d } .rug-gallery__switcher__controls { color: #fff; display: inline-block } .rug-icon--thumbs-down { color: #ea2422 } .rug-icon--thumbs-up { color: green } .rug-image--placeholder { box-shadow: inset 0 0 5px #d7d7d7 } .rug-image--center { margin-top: 1.5rem; margin-bottom: 1.5rem } @media (min-width: 600px) { .rug-image--left { float: left; margin-bottom: 1.5rem; padding-right: 1.5rem } .rug-image--right { float: right; margin-bottom: 1.5rem; padding-left: 1.5rem } .rug-image--center { text-align: center } } .rug-image--center__content { display: block; margin: 0 auto } .rug-image--center__caption, .rug-link--caret { display: inline-block } .rug-link--caret { margin-left: .75rem; position: relative } .rug-link--caret::before { border-color: transparent currentColor; border-style: solid; border-width: 4px 0 4px 4px; display: block; left: -.75rem; overflow: hidden; position: absolute; top: .5em } .rug-link--attachment { margin-left: 1.5rem; position: relative; display: inline-block } .rug-link--attachment::before { color: #b00; content: ""; display: block; left: -1.5rem; overflow: hidden; position: absolute; font-family: icons; font-style: normal; font-variant: normal; font-weight: 400; top: .1rem } .rug-list--toptasks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; padding: 1.5rem 0 } @media (min-width: 900px) { .rug-list--toptasks { padding: 0 } } .rug-list--toptasks__item { border-bottom: 1px solid #d7d7d7; margin-bottom: 0 } .rug-list--toptasks__item:last-child { border: 0 } .rug-list--toptasks__link { color: #dc002d; display: block; padding: .75rem .75rem .75rem 3.5rem; position: relative } @media (min-width: 1024px) { .rug-list--toptasks__link { padding-bottom: 1.5rem; padding-top: 1.5rem } } .rug-list--toptasks__icon { color: #7d7d7d; left: 0; margin-top: -1rem; position: absolute; top: 50% } .rug-mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: 0 0 } .rug-mask--active { background: rgba(102, 102, 102, .7) } .rug-map { height: 400px } .rug-routeplanner { overflow: hidden } .rug-routeplanner__input { max-width: 100%; width: auto !important; display: inline-block !important } .adp table { width: 100% } .rug-nav--flyout { display: none; background: #fff; min-width: 100%; padding: 0 1.5rem 1.125rem } .rug-nav--main__link:focus + .rug-nav--flyout { display: block } .rug-nav--flyout--flipped { left: auto; right: 0 } .rug-nav--flyout__item { margin-bottom: .5rem } .rug-nav--flyout__item:last-child, .rug-nav--main { margin-bottom: 0 } .rug-nav--flyout__link { color: inherit; display: block; font-size: .875rem } @media (min-width: 900px) { .rug-nav--flyout { box-shadow: 0 1px 5px rgba(0, 0, 0, .2); padding: 1rem; position: absolute; width: 13rem } .rug-nav--flyout--discoverable { width: 26rem } .rug-nav--flyout__link { color: #029fed } } .rug-nav--flyout__list { list-style: none; margin: 0; position: relative } @media (min-width: 900px) { .rug-nav--flyout--discoverable .rug-nav--flyout__list::before { background-color: #d7d7d7; content: ''; display: block; height: 100%; position: absolute; right: -1rem; width: 1px } } .rug-background-menu { background-color: #dc002d; } .rug-nav--main { background: #fff; display: none; margin-left: 0 } @media (min-width: 900px) { .rug-nav--main { background: #dc002d; box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; position: relative; width: 100% } } .rug-nav--main__container { display: none; position: relative } @media (min-width: 900px) { .rug-nav--main__container { display: block } .rug-nav--main__item { position: relative } } .rug-nav--main__sub { display: none } .rug-nav--main__item { list-style: none; margin-bottom: 0 } .rug-nav--main__item:last-child { margin-left: auto } @media (min-width: 900px) { .rug-nav--main__item:focus .rug-nav--main__link, .rug-nav--main__item:hover .rug-nav--main__link { background: #fff; box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25); color: #dc002d; position: relative; text-decoration: none; z-index: 50 } .rug-nav--main__item:focus .rug-nav--flyout, .rug-nav--main__item:hover .rug-nav--flyout { display: block } .rug-nav--main__item:focus .rug-nav--flyout--flipped, .rug-nav--main__item:hover .rug-nav--flyout--flipped { right: 0 } } .rug-nav--main__button, .rug-nav--main__button--home, .rug-nav--main__link { border-top: 1px solid #f2f2f2; color: inherit; display: block; font-family: "Open Sans Semi-Bold", sans-serif; font-size: 1rem; font-weight: 700; padding: .75rem 1rem .875rem; position: relative } @media (min-width: 400px) { .rug-nav--main__button, .rug-nav--main__button--home, .rug-nav--main__link { padding: .75rem 1.5rem .875rem } } @media (min-width: 1024px) { .rug-nav--main__button, .rug-nav--main__button--home, .rug-nav--main__link { font-size: 1.125rem; padding-left: 1rem } } .rug-nav--main__button, .rug-nav--main__link { height: 100%; width: 100% } .rug-nav--main__button { display: none } @media (min-width: 900px) { .rug-nav--main__button, .rug-nav--main__button--home, .rug-nav--main__link { padding: 1.125rem 1.5rem 1.25rem .75rem } .rug-nav--main__button, .rug-nav--main__link { border: 0; color: #fff } .rug-nav--main__button:focus, .rug-nav--main__button:hover, .rug-nav--main__link:focus, .rug-nav--main__link:hover { background: #fff; box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25); color: #dc002d; position: relative; text-decoration: none } .rug-nav--main__button:active, .rug-nav--main__link:active { color: #b30025 } .rug-nav--main__button { display: block; padding-left: 1.5rem } .rug-nav--main__button--home { padding-left: 1.5rem; padding-right: .5rem } } .rug-nav--main__button--home { display: block; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; background-color: #fff; color: #dc002d; position: relative; margin-right: 67px } .rug-nav--main__button--home::after, .rug-nav--main__button--home::before { content: ''; display: block; position: absolute } .rug-nav--main__button--home::after { box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25); top: -1px; left: 0; width: calc(100% + 54px); height: 10px } @media (min-width: 1200px) { .rug-nav--main__button--home::after { width: calc(100% + 60px) } } .rug-nav--main__button--home::before { border-right: 54px solid transparent; border-top: 66px solid #fff; bottom: 0; right: -54px; height: 0; width: 0 } @media (min-width: 1200px) { .rug-nav--main__button--home::before { right: -60px; border-right: 60px solid transparent; border-top: 74px solid #fff } } @media (min-width: 900px) { .rug-nav--main__button--last { background: #dc002d; box-shadow: inset 20px 0 30px -20px rgba(0, 0, 0, .15), inset 0 7px 8px -7px rgba(0, 0, 0, .25) } } .rug-nav--main__button--last:focus, .rug-nav--main__button--last:hover, .rug-nav--main__link--active { box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25) } .rug-nav--main__icon { margin-top: -5px; position: absolute; right: 1rem; top: 50% } @media (min-width: 400px) { .rug-nav--main__icon { right: 1.5rem } } @media (min-width: 900px) { .rug-nav--main__icon { right: .75rem } } @media (min-width: 1024px) { .rug-nav--main__icon { right: 1rem } .rug-nav--main__link { padding-right: 2rem } } .rug-nav--main__link--active { background: #fff; color: #dc002d; position: relative } .rug-nav--main__link--active:active, .rug-nav--main__link--active:focus, .rug-nav--main__link--active:hover { background: #fff; color: #b30025 } .rug-nav--meta { margin: 0 1.5rem 0 0; padding: .5rem .75rem; border: 1px solid #d7d7d7; border-radius: .5rem; min-width: 4.5rem } @media (min-width: 900px) { .rug-nav--meta { display: inline-block; background: 0 0; border: 0; color: #7d7d7d; margin: 0 1rem 0 0; padding: 0; text-align: right; border-radius: 0; white-space: nowrap } } .rug-nav--meta__icon { opacity: .75 } .rug-nav--meta__icon:focus, .rug-nav--meta__icon:hover { opacity: 1 } .rug-nav--meta__item, .rug-nav--meta__lang, .rug-nav--meta__link { display: none } .rug-nav--meta__item { margin-bottom: 0; position: relative } .rug-nav--meta__item--mobile { display: inline-block } @media (min-width: 900px) { .rug-nav--meta__item, .rug-nav--meta__lang, .rug-nav--meta__link { display: inline-block } .rug-nav--meta__item--mobile { display: none } } .rug-nav--meta__item:hover .rug-nav--meta__flyout { display: block } .rug-nav--meta__lang { padding: 1.5rem .5rem } .rug-nav--meta__link { color: inherit; padding: .5rem 1rem } @media (min-width: 400px) { .rug-nav--meta__link { padding: .5rem 1.5rem } } @media (min-width: 900px) { .rug-nav--meta__link { color: #7d7d7d; padding: 1.5rem .75rem } } .rug-nav--meta__text { color: #404040; padding: 1.5rem 1.5rem 1.5rem 0 } .rug-nav--meta__flyout { display: none; position: absolute; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, .2); right: -.25rem; min-width: 300px; text-align: left; padding: 1rem; z-index: 20 } .rug-nav--meta__flyout:active, .rug-nav--meta__flyout:focus, .rug-nav--meta__flyout:hover { display: block } .rug-nav--secondary { margin-left: 0; background-color: #f6f6f6; display: none } @media (max-width: 899px) { .rug-nav--secondary { position: absolute; top: 8.8rem; left: 0; width: 100%; background: #fff; z-index: 50 } .rug-nav--secondary__link { font-family: "Open Sans Semi-Bold", sans-serif } } @media (min-width: 900px) { .rug-nav--secondary { display: block } .rug-nav--secondary--toggle-only { display: none } } .rug-nav--secondary--toggle-only--show { display: block } .rug-nav--secondary__item { border-bottom: 1px solid #fff; margin: 0 } .rug-nav--secondary__item:last-child { border: 0 } .rug-nav--secondary__link { background: #d7d7d7; color: inherit; display: block; padding: 1rem 1rem 1rem 2rem } .rug-nav--secondary__link:active, .rug-nav--secondary__link:focus { background: #d7d7d7; text-decoration: none } .rug-nav--secondary__link::before { content: ""; display: inline-block; font-family: icons; font-size: 1.5rem; margin-right: .75rem; vertical-align: middle; position: absolute; left: .9rem } .rug-nav--secondary__link--active, .rug-nav--secondary__sub__link--active { font-family: "Open Sans Bold", sans-serif } .rug-nav--secondary__sub, .rug-nav--secondary__sub__item { margin: 0 } .rug-nav--secondary__link--selected::before { content: ""; left: .8rem } .rug-nav--secondary__link--active { background: #7d7d7d; color: #fff; cursor: default; padding-left: 2rem } .rug-nav--secondary__link--active::before { font-weight: 400; content: ""; position: absolute; left: .65rem } .rug-nav--secondary__link--active:focus, .rug-nav--secondary__link--active:hover { text-decoration: none; background: #7d7d7d } .rug-nav--secondary__link--collapsed { background: #d7d7d7 } .rug-nav--secondary__sub--hidden { display: none } .rug-nav--secondary__sub--meta { background-color: #d7d7d7; padding-bottom: 1.5rem } .rug-nav--secondary__sub__item--languages { padding: 1rem 1rem 0 2.25rem } .rug-nav--secondary__sub__item--languages a { margin-right: 1.5rem } .rug-nav--secondary__sub__link { color: inherit; display: block; padding: 0 1rem 0 2rem } .rug-nav--secondary__sub__link-text { border-bottom: 2px solid #f2f2f2; display: block; padding: 1rem 0 } .rug-nav--secondary__sub__link-text--meta { border-bottom: none } .rug-nav--tabs__slanted ul { border-bottom: none; box-shadow: none; cursor: pointer; height: 50px; overflow-y: hidden; line-height: 33px } .rug-nav--tabs__slanted ul li { background: #d7d7d7; display: inline-block; height: 50px; list-style: none; margin-right: 50px; position: relative } .rug-nav--tabs__slanted ul li a { color: #7d7d7d !important; height: 25px; padding-top: 8px; display: block; position: relative; text-decoration: none } .rug-nav--tabs__slanted ul li.is-selected a:before, .rug-nav--tabs__slanted ul li:hover a:before { border: none } .rug-nav--tabs__slanted ul li:first-child { margin-left: 45px; padding-left: 20px } .rug-nav--tabs__slanted ul li:last-child { padding-right: 30px } .rug-nav--tabs__slanted ul li:last-child:after { display: none } .rug-nav--tabs__slanted ul li:after, .rug-nav--tabs__slanted ul li:before { background: #d7d7d7; content: ''; display: block; position: absolute; z-index: 0 } .rug-nav--tabs__slanted ul li:before { box-shadow: -6px -2px 4px -2px #666; height: 70px; left: -30px; top: 10px; -webkit-transform: rotate(-51deg); -ms-transform: rotate(-51deg); transform: rotate(-51deg); width: 70px } .rug-nav--tabs__slanted ul li:after { height: 100%; right: -50px; top: 0; width: 50px } .rug-nav--tabs__slanted ul li.is-selected, .rug-nav--tabs__slanted ul li.is-selected:after, .rug-nav--tabs__slanted ul li.is-selected:before { background: #0095e9 } .rug-nav--tabs__slanted ul li.is-selected a { color: #fff !important; font-weight: 400 } .rug-nav--tabs__slanted ul li:hover, .rug-nav--tabs__slanted ul li:hover:after, .rug-nav--tabs__slanted ul li:hover:before { background: #7d7d7d } .rug-nav--tabs__slanted ul li:hover a { color: #fff !important } @media (max-width: 899px) { .rug-nav--tabs__slanted ul { height: auto; overflow: hidden; position: relative; width: 100%; z-index: 1 } .rug-nav--tabs__slanted ul li { box-shadow: 0 1px 4px -1px #666; display: block; margin-bottom: 0; margin-right: 0 } .rug-nav--tabs__slanted ul li:after, .rug-nav--tabs__slanted ul li:before { display: none } .rug-nav--tabs__slanted ul li:first-child { padding-left: 10px !important } .rug-nav--tabs__slanted ul li:first-child:before { display: block } } .rug-nav--switch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border-bottom: 1px solid #d7d7d7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin-bottom: 0; margin-left: 0 } .rug-nav--switch__item { margin: 0 .5rem -1px 0; position: relative; text-align: center } @media (min-width: 900px) { .rug-nav--switch { border-bottom: 0 } .rug-nav--switch__item { margin: 0 .5rem 0 0; position: relative } } .rug-nav--switch__item:last-child, .rug-nav--tabs { margin-right: 0 } .rug-nav--switch__link { background: #d7d7d7; border: 1px solid #d7d7d7; color: #666; display: block; font-weight: 700; height: 100%; padding: .5rem .75rem } @media (min-width: 900px) { .rug-nav--switch__link { background: rgba(255, 255, 255, .85); border: 0 } } .rug-nav--switch__link:active, .rug-nav--switch__link:focus, .rug-nav--switch__link:hover { background: #fff; color: #000; text-decoration: none } .rug-nav--switch__link--active { background: #fff; border-bottom-color: #fff; color: #000; cursor: default } .rug-nav--tabs { border: 1px solid #d7d7d7; display: block; list-style: none; margin-left: 0 } @media (min-width: 1024px) { .rug-nav--tabs { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border: 0; border-bottom: 1px solid #d7d7d7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } .rug-nav--tabs__count { display: block; font-size: .75rem } .rug-nav--tabs__item { border-bottom: 1px solid #d7d7d7; display: block; margin-bottom: 0 } @media (min-width: 1024px) { .rug-nav--tabs__item { border: 0; margin: 0 .75rem -2px; position: relative; text-align: center } .rug-nav--tabs__item::after { background: #f2f2f2; content: ''; height: 1rem; position: absolute; right: -.938rem; top: .75rem; width: 1px } .rug-nav--tabs__item:last-child:after { display: none } } .rug-nav--tabs__link { color: inherit; display: block; height: 100%; padding: .5rem .5rem .5rem 1.75rem } @media (min-width: 1024px) { .rug-nav--tabs__link { border-bottom: 3px solid transparent; color: #666; font-weight: 700; padding: .5rem 0 } } .rug-nav--tabs__link:focus, .rug-nav--tabs__link:hover { border-color: #000; color: #000; text-decoration: none } .rug-nav--tabs__link--active { background: #f6f6f6; border-color: #000; color: #000; font-weight: 700; padding-left: .5rem; padding-right: .5rem } .rug-nav--tabs__link--active::before { content: ""; display: inline-block; font-family: icons; font-size: .875rem; margin-right: .5rem; vertical-align: middle } @media (min-width: 1024px) { .rug-nav--tabs__link--active::before { display: none } .rug-nav--tabs__link--active { background: 0 0 } } .rug-notification { margin-bottom: 1.5rem; border-radius: .25rem; padding: .75rem 1.5rem } .rug-notification--error, .rug-notification--succes, .rug-notification--warning { padding-left: 3.25rem; position: relative } .rug-notification--error { background-color: #fef4f4; color: #ea2422 } .rug-notification--info { background-color: #f6f6f6 } .rug-notification--succes { background-color: #e6ffe6; color: green } .rug-notification--warning { background-color: #fff6e6; color: #cc8200 } .rug-notification__icon { left: 1.5rem; position: absolute; top: .875rem } .rug-notification--closable { padding-right: 3.25rem; position: relative } .rug-notification__close-icon { right: 1.5rem; position: absolute; cursor: pointer; top: .875rem } .rug-warning--overlay { position: absolute; margin: auto; top: 0; height: 0; left: 0; right: 0; bottom: 0; width: 95% } .rug-paged { position: relative; margin-bottom: 1.5rem } .rug-paged__topbar { background-color: #d7d7d7; padding: .75rem 1.5rem } .rug-paged__pub-count { margin: 0 .75rem; display: inline-block; text-align: center; vertical-align: middle; width: 140px } .rug-paged__viewport, .rug-panel, .rug-panel--content { margin-bottom: 1.5rem } .rug-paged__viewport { overflow: hidden; border-bottom: 2px solid #d7d7d7; padding: 1.5rem; position: relative } .rug-paged__viewport:after, .rug-paged__viewport:before { position: absolute; height: 50px; width: 100%; content: "" } .rug-paged__viewport:before { top: 0; box-shadow: 0 30px 43px -18px #fff inset } .rug-paged__viewport:after { bottom: 0; box-shadow: 0 -50px 43px -18px #fff inset } .rug-paged__category { border-bottom: 1px solid #ccc } .rug-paged__next, .rug-paged__prev { cursor: pointer; width: 20px; text-align: center; vertical-align: middle } .rug-panel { background: #fff; width: 100% } .rug-panel--callout, .rug-panel--primary, .ui-dialog .ui-dialog-titlebar { box-shadow: 0 1px 5px rgba(0, 0, 0, .2) } .rug-panel--callout, .ui-dialog .ui-dialog-titlebar { position: relative } .rug-panel--callout::before, .ui-dialog .ui-dialog-titlebar::before { background-color: #f2f2f2; content: ''; display: block; height: 1.5rem; left: 0; position: absolute; top: 0; width: 100% } .rug-panel--callout--no-header { padding-top: 1.5rem } .rug-panel--callout__heading { color: #fff; display: inline-block; font-family: "Open Sans Semi-Bold", sans-serif; font-size: 1.125rem; left: -.75rem; min-width: 33%; max-width: calc(100% - 2rem); padding: .75rem .75rem .75rem 1.5rem; position: relative; top: .75rem } .rug-panel--callout__heading__link { color: #fff } .rug-panel--callout__heading::after, .rug-panel--callout__heading::before { content: ''; position: absolute; right: -1.5rem } .rug-panel--callout__heading::after { bottom: 29px; top: 0; width: 1.5rem } @media (min-width: 1200px) { .rug-panel--callout__heading::after { bottom: 33px } } .rug-panel--callout__heading::before { border-right: 24px solid transparent; border-top: 29px solid; bottom: 0; height: 0; width: 0 } @media (min-width: 1200px) { .rug-panel--callout__heading::before { border-right: 27px solid transparent; border-top: 33px solid } } .rug-panel--callout__heading--primary { background-color: #dc002d } .rug-panel--callout__heading--primary::after { background: #dc002d } .rug-panel--callout__heading--primary::before { border-top-color: #dc002d } .rug-panel--callout__heading--secondary { background-color: #0095e9 } .rug-panel--callout__heading--secondary::after { background: #0095e9 } .rug-panel--callout__heading--secondary::before { border-top-color: #0095e9 } .rug-panel--callout__heading--neutral { background-color: #404040 } .rug-panel--callout__heading--neutral::after { background: #404040 } .rug-panel--callout__heading--neutral::before { border-top-color: #404040 } .rug-panel--primary { padding: 0; overflow: hidden } .rug-panel--primary__heading__link { color: #dc002d } @media (min-width: 900px) { .rug-panel--content { background: rgba(255, 255, 255, .85); margin: 0 4.5rem 1.5rem 0; max-width: 620px; min-width: 33%; padding: 1rem .5rem 1rem 1rem; position: relative; min-height: 71px } .rug-panel--content::after, .rug-panel--content::before { content: ''; display: block; position: absolute; right: -3rem } .rug-panel--content::after { background: rgba(255, 255, 255, .85); bottom: 59px; top: 0; width: 3rem } } @media (min-width: 900px) and (min-width: 1200px) { .rug-panel--content { min-height: 80px } .rug-panel--content::after { bottom: 67px } } @media (min-width: 900px) { .rug-panel--content::before { border-right: 48px solid transparent; border-top: 59px solid rgba(255, 255, 255, .85); bottom: 0; height: 0; width: 0 } } @media (min-width: 900px) and (min-width: 1200px) { .rug-panel--content::before { border-right: 54px solid transparent; border-top: 67px solid rgba(255, 255, 255, .85) } } .rug-panel--content__meta { background-color: #dc002d; color: #fff; display: table; font-size: .875rem; margin-bottom: .75rem; margin-top: -1rem; padding: .25rem 1rem } .rug-panel--content--border { margin-right: 0 } @media (min-width: 900px) { .rug-panel--content__meta { margin-top: -2rem } .rug-panel--content--border { border: 2px solid #f2f2f2; padding-right: 3rem } .rug-panel--content--border::after { background: #fff; bottom: -1.2rem; height: 4rem; width: 2rem; right: -.6rem; top: auto; -webkit-transform: rotate(39deg); -ms-transform: rotate(39deg); transform: rotate(39deg); border-left: 2px solid #f2f2f2 } } .rug-panel--content--border::before { display: none } .rug-panel__block :last-child { margin-bottom: 0 } .rug-panel__block__title { font-weight: 700; margin-bottom: .75rem } .rug-panel__block__image { margin-bottom: .75rem } .rug-panel__block__image img { width: 100% } .rug-panel__block ul { margin-bottom: 0 } .rug-panel__block--divided { position: relative } .rug-panel__block--divided::after { border-bottom: 1px solid #d7d7d7; bottom: -1px; content: ''; display: block; height: 0; left: 0; position: absolute; width: 110% } .popup--buttonbar { right: 0; padding: 10px 0; background-color: #fff; position: absolute; overflow: hidden; bottom: 0; margin-right: 25px; width: calc(100% - 25px); box-shadow: -1px -3px 5px -4px #ccc } .rug-dialog { display: none } .ui-widget { font-family: "Open Sans", sans-serif; border-radius: 0; font-size: 1em } .ui-widget-content { border: 0; color: #404040 } .ui-widget-overlay { background: #000; opacity: .6 } body.rug-theme--infonet .ui-dialog .ui-dialog-content:before, body.rug-theme--infonet .ui-dialog .ui-dialog-titlebar, body.rug-theme--infonet .ui-dialog:before, body.rug-theme--studentPortal .ui-dialog .ui-dialog-content:before, body.rug-theme--studentPortal .ui-dialog .ui-dialog-titlebar, body.rug-theme--studentPortal .ui-dialog:before { background: #0095e9 } .ui-dialog { padding: 0; position: fixed; box-shadow: 0 1px 3px -2px #666 } .ui-dialog .ui-dialog-titlebar { border-radius: 0; border: 0; padding: .75rem; z-index: 2 } .ui-dialog .ui-dialog-titlebar:before { content: ""; display: block; height: 50px; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 } .ui-dialog .ui-dialog-titlebar .ui-dialog-title { color: #000; z-index: 20; position: relative; margin: 0; overflow: visible } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { z-index: 30; border: none; right: 10px; border-radius: 3px } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text { padding: 0 } .ui-dialog .ui-dialog-content { box-sizing: content-box !important; padding: .75rem } .ui-dialog .ui-dialog-content * { box-sizing: border-box } .rug-theme--contrast, .rug-theme--infonet { box-sizing: inherit } .ui-dialog .ui-dialog-content span.icon { font-size: 72px; float: left; padding: 5px 15px } .ui-dialog.rug-dialog--success .ui-dialog-content span.rug-icon, .ui-dialog.rug-dialog--warn .ui-dialog-content span.rug-icon { color: #7d7d7d } .ui-dialog .ui-dialog-buttonpane { box-shadow: -1px -3px 5px -4px #7d7d7d; padding: .5rem } .ui-dialog .ui-dialog-buttonpane button { border: none } body.rug-theme--infonet .ui-dialog .ui-dialog-content:after, body.rug-theme--infonet .ui-dialog:after, body.rug-theme--studentPortal .ui-dialog .ui-dialog-content:after, body.rug-theme--studentPortal .ui-dialog:after { border-color: #0095e9 transparent } .ui-dialog .ui-dialog-buttonpane button .ui-button-text, .ui-dialog .ui-dialog-buttonpane button .ui-button-text-only { padding: 0; display: inline } #dialog_add-link-to-widget .rug-popup--input { width: 95% } .rug-site-header { background: #fff; border-top: 4px solid #dc002d; box-shadow: 0 1px 5px rgba(0, 0, 0, .2); cursor: default; min-height: 4.438rem; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; z-index: 20 } .rug-site-header__bar { background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; z-index: 40 } .rug-site-header__bar--tp { background: #dc002d; padding: .5rem 0 } .rug-site-header__bar--tp .rug-icon--home { vertical-align: 0 } .rug-site-header__link { color: #fff; margin-left: .5rem } @media (min-width: 400px) { .rug-site-header__link { margin-left: 1.5rem } } .rug-site-header__link--tp { display: inline-block } @media (min-width: 900px) { .rug-site-header { border-top: 0; box-shadow: 0 5px 20px rgba(0, 0, 0, .15) } .rug-site-header__bar--tp { background: #fff; padding: 0; vertical-align: inherit } .rug-site-header__link--tp { display: none } .rug-site-header__text { padding: 1.5rem 0 1.5rem .25rem } } .rug-site-header__item { color: #7d7d7d; display: inline-block; line-height: 4.438rem } .rug-site-header__item:nth-child(2) { margin-right: auto } @media (min-width: 320px) { .rug-site-header__item { line-height: normal; vertical-align: middle } } .rug-site-header__item--close, .rug-site-header__text { display: none } .rug-site-header--fixed { position: fixed; top: 0 } .rug-site-header--cookie-consent { position: fixed; width: 100%; bottom: 0; border-top: 2px solid #dc002d; z-index: 60 } .rug-site-header--cookie-consent .rug-button { width: initial } .rug-site-header--open { height: 100%; min-height: 100% } .rug-site-header--open::before { background-color: #f2f2f2; content: ''; display: block; height: 100%; left: 0; position: fixed; top: 4px; width: 100%; z-index: -1 } .rug-site-header--open .rug-nav--meta { display: none } .rug-site-header--open .rug-site-header__item--close, .rug-site-header--open .rug-site-search { display: block } @media (min-width: 900px) { .rug-site-header--cookie-consent .rug-button { width: 100% } .rug-site-header--open .rug-site-header__item--close, .rug-site-header--open .rug-site-search, .rug-site-header::before { display: none } } .rug-site-logo { display: inline-block; margin: 0 .75rem; padding: .75rem 0; width: 12.5rem } @media (min-width: 400px) { .rug-site-logo { margin: 0 1.5rem } } .rug-site-logo--themeportal { padding: .5rem 0; width: 8rem } .rug-site-search { background: #b30025; border-bottom: 2px solid #dc002d; display: none; overflow: hidden; padding: .75rem .75rem .688rem; position: relative } @media (min-width: 900px) { .rug-site-search { padding: .75rem 1.5rem .688rem } } .rug-site-search__button, .rug-site-search__input { float: left } .rug-site-search__button { background-color: #dc002d; border: 0; border-radius: 0 .25rem .25rem 0; color: #fff; height: 2.5rem; width: 2.5rem } .rug-site-search__input { border: 0; border-radius: .25rem 0 0 .25rem; font-size: 1rem; height: 2.5rem; padding: .25rem .75rem; position: relative; width: calc(100% - 2.5rem); z-index: 1 } .rug-site-tools { margin-bottom: 1.5rem; margin-top: .75rem; border-top: 1px solid #f2f2f2; font-size: .875rem } .rug-site-tools__icon { font-size: 1rem; margin-right: 1.5rem; position: relative } .rug-site-tools__icon:before { background: #f2f2f2; content: ''; height: 1rem; position: absolute; right: -.688rem; top: .25rem; width: 1px } .rug-site-tools__icon:last-child:before { background: 0 0 } .rug-site-tools__link { color: #404040; margin-top: .5rem; display: inline-block } .rug-site-tools__urltext { margin-right: .25rem } .rug-site-tools__urltext::after { content: ','; display: inline } .rug-site-tools__urltext:last-child::after, .rug-table-wrapper.fade::after { content: '' } .rug-slider { margin-bottom: 1.5rem; position: relative; width: 100% } .rug-slider__container { height: 0; overflow: hidden; width: 100% } .rug-slider__container.large { height: 400px !important } .rug-slider__slides { margin: auto; font-size: 0; height: 100%; position: relative } .rug-slider__slide { list-style: none; display: inline-block; font-size: 0; vertical-align: top; margin: 0 } .rug-slider__slide.large { width: 85vw } @media (min-width: 600px) { .rug-slider__slide.large { width: 500px; height: 400px } } .rug-slider__slide__hidden { display: none } .rug-slider__slide__link { font-size: 1rem; position: relative; display: inline-block; width: calc(100% - .25em) } .rug-slider__slide--video { font-size: 1rem; width: 220px; margin-right: 20px; vertical-align: top } .rug-slider__slide--image { background: #fff; border: 1px solid #d7d7d7; box-shadow: 0 1px 5px rgba(0, 0, 0, .2); margin: 0 1.5rem 1.5rem 0; padding: .5rem } .rug-slider__slide--equalheight { height: 100% } .rug-slider__navigation { background-color: #d7d7d7; padding: .75rem 1.5rem } @media (min-width: 900px) { .rug-slider__navigation { background-color: transparent; bottom: 1rem; left: 3rem; padding: 0; position: absolute; z-index: 10 } } .rug-slider__next, .rug-slider__previous { position: absolute; color: #404040; display: block; margin-top: -1.5rem; padding: .5rem 1rem; text-align: center; top: 50%; z-index: 10 } .rug-slider__next { right: 0 } .rug-slider__previous { left: 0 } .rug-slider--video__slider__icon { color: #fff; font-size: 48px; position: absolute; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; text-shadow: 0 0 5px #7d7d7d; pointer-events: none } .large .rug-slider--video__slider__icon { display: none } .rug-slider--video__slider__close { display: none; color: #fff; font-size: 24px; position: absolute; top: 0; right: .25rem; text-shadow: 0 0 5px #7d7d7d; z-index: 100 } .large .rug-slider--video__slider__close { display: block } .rug-sprite--analytics-file--active, .rug-sprite--analytics-file--inactive, .rug-sprite--analytics-folder--active, .rug-sprite--analytics-folder--inactive, .rug-sprite--arrow-up--gray { display: inline-block; background-image: url(../images/sprite.png) } .rug-icon--twitter { color: #55acee } .rug-icon--instagram { color: #125688 } .rug-icon--facebook { color: #3b5998 } .rug-icon--linkedin { color: #007bb6 } .rug-icon--youtube { color: #b00 } .rug-icon--pinterest { color: #cb2027 } .rug-icon--google-plus { color: #dd4b39 } .rug-icon--rss { color: #f26522 } @media (min-width: 900px) { .rug-spotlight { margin-top: -2.5rem; position: relative; z-index: 1 } } @media (min-width: 1024px) { .rug-spotlight { margin-top: -3.5rem } } @media (min-width: 1200px) { .rug-spotlight { margin-top: -4rem } } .rug-sprite--analytics-file--active { background-position: -163px -94px; width: 15px; height: 15px; vertical-align: middle } .rug-sprite--analytics-file--inactive { background-position: -163px -64px; width: 15px; height: 15px; vertical-align: middle } .rug-sprite--analytics-folder--active { background-position: -163px -109px; width: 15px; height: 15px; vertical-align: middle } .rug-sprite--analytics-folder--inactive { background-position: -163px -79px; width: 15px; height: 15px; vertical-align: middle } .rug-sprite--arrow-up--gray { background-position: -163px -124px; width: 19px; height: 10px; vertical-align: middle } .rug-sprite--button__close--active, .rug-sprite--button__close--default { display: inline-block; background-image: url(../images/sprite.png); width: 12px; height: 12px; vertical-align: middle } .rug-sprite--button__close--active { background-position: -151px -120px } .rug-sprite--button__close--default { background-position: -144px -144px } .rug-sprite--button__close--round--gray, .rug-sprite--button__close--round--red { display: inline-block; background-image: url(../images/sprite.png); width: 39px; height: 39px } .rug-sprite--button__close--round--gray { background-position: -100px 0; vertical-align: middle } .rug-sprite--button__close--round--red { background-position: -100px -39px; vertical-align: middle } .rug-sprite--button__open--active, .rug-sprite--button__open--default { display: inline-block; background-image: url(../images/sprite.png); width: 12px; height: 12px; vertical-align: middle } .rug-sprite--button__open--active { background-position: 0 -156px } .rug-sprite--button__open--default { background-position: -139px -120px } .rug-sprite--circle--close, .rug-sprite--circle--open { display: inline-block; background-image: url(../images/sprite.png); width: 32px; height: 32px } .rug-sprite--circle--close { background-position: -32px -100px; vertical-align: middle } .rug-sprite--circle--open { background-position: 0 -100px; vertical-align: middle } .rug-sprite--collection_facebook, .rug-sprite--collection_flickr, .rug-sprite--collection_googleplus, .rug-sprite--collection_instagram, .rug-sprite--collection_linkedin, .rug-sprite--collection_pinterest, .rug-sprite--collection_skype, .rug-sprite--collection_tumblr, .rug-sprite--collection_twitter, .rug-sprite--collection_twitterbird, .rug-sprite--collection_wiki, .rug-sprite--collection_yammer, .rug-sprite--collection_youtube { display: inline-block; background-image: url(../images/sprite.png); width: 24px; height: 24px; vertical-align: middle } .rug-sprite--collection_facebook { background-position: -139px -24px } .rug-sprite--collection_flickr { background-position: -139px -48px } .rug-sprite--collection_googleplus { background-position: -139px -72px } .rug-sprite--collection_instagram { background-position: -139px -96px } .rug-sprite--collection_linkedin { background-position: 0 -132px } .rug-sprite--collection_pinterest { background-position: -24px -132px } .rug-sprite--collection_rss { display: inline-block; background-image: url(../images/sprite.png); background-position: -48px -132px; width: 24px; height: 24px; vertical-align: middle } .rug-sprite--collection_skype { background-position: -112px -100px } .rug-sprite--collection_tumblr { background-position: -96px -132px } .rug-sprite--collection_twitter { background-position: -120px -132px } .rug-sprite--collection_twitterbird { background-position: -72px -132px } .rug-sprite--collection_wiki { background-position: -88px -100px } .rug-sprite--collection_yammer { background-position: -64px -100px } .rug-sprite--collection_youtube { background-position: -139px 0 } .rug-sprite--edit--active, .rug-sprite--edit--inactive { display: inline-block; background-image: url(../images/sprite.png); width: 12px } .rug-sprite--edit--active { background-position: -144px -132px; height: 12px; vertical-align: middle } .rug-sprite--edit--inactive { background-position: -121px -78px; height: 13px; vertical-align: middle } .rug-sprite--flag--en, .rug-sprite--flag--nl { height: 16px; display: inline-block; background-image: url(../images/sprite.png); vertical-align: middle } .rug-sprite--flag--en { background-position: -163px 0; width: 24px } .rug-sprite--flag--nl { background-position: -163px -16px; width: 23px } .rug-sprite--flag--zh { display: inline-block; background-image: url(../images/sprite.png); background-position: -163px -134px; width: 16px; height: 11px; vertical-align: middle } .rug-sprite--homepage-task1, .rug-sprite--homepage-task2, .rug-sprite--homepage-task3, .rug-sprite--homepage-task4 { display: inline-block; background-image: url(../images/sprite.png); width: 50px; height: 50px } .rug-sprite--homepage-task1 { background-position: 0 -50px; vertical-align: middle } .rug-sprite--homepage-task2 { background-position: -50px 0; vertical-align: middle } .rug-sprite--homepage-task3 { background-position: 0 0; vertical-align: middle } .rug-sprite--homepage-task4 { background-position: -50px -50px; vertical-align: middle } .rug-sprite--responsive-sidemenu-dropdown, .rug-sprite--responsive-sidemenu-selected { width: 16px; height: 16px; display: inline-block; background-image: url(../images/sprite.png); vertical-align: middle } .rug-sprite--responsive-sidemenu-dropdown { background-position: -163px -48px } .rug-sprite--responsive-sidemenu-selected { background-position: -163px -32px } .rug-sprite--seperator--dotted--vertical--lightgray { display: inline-block; background-image: url(../images/sprite.png); background-position: -187px 0; width: 1px; height: 27px; vertical-align: middle } .rug-sprite--square--close { display: inline-block; background-image: url(../images/sprite.png); background-position: -100px -78px; width: 21px; height: 21px; vertical-align: middle } .rug-table--default, .rug-table--grouped { background: #f6f6f6; border: 1px solid #d7d7d7; border-collapse: collapse; font-size: inherit; width: 100% } .rug-table--default th, .rug-table--grouped th { background: #f2f2f2; border-left: 1px solid #d7d7d7; box-shadow: inset 0 1px 0 #fff; font-weight: 700; padding: 1rem; text-align: left } .rug-table--default th:first-child, .rug-table--grouped th:first-child { border-left: 0 } .rug-table--default tbody tr:nth-child(2n+2), .rug-table--grouped tbody tr:nth-child(2n+2) { background: #fff } .rug-table--default tbody td, .rug-table--grouped tbody td { border-left: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; padding: 6px 10px } .rug-table--default tbody td:first-child, .rug-table--grouped tbody td:first-child { border-left: 0 } .rug-table--default tbody td.rug-h-align__left, .rug-table--grouped tbody td.rug-h-align__left { text-align: left } .rug-table--default tbody td.rug-h-align__right, .rug-table--grouped tbody td.rug-h-align__right { text-align: right } .rug-table--default tbody td.rug-h-align__center, .rug-table--grouped tbody td.rug-h-align__center { text-align: center } .rug-table--default tbody td.rug-v-align__top, .rug-table--grouped tbody td.rug-v-align__top { vertical-align: top } .rug-table--default tbody td.rug-v-align__middle, .rug-table--grouped tbody td.rug-v-align__middle { vertical-align: middle } .rug-table--default tbody td.rug-v-align__bottom, .rug-table--grouped tbody td.rug-v-align__bottom { vertical-align: bottom } .rug-table--default tbody td .active, .rug-table--grouped tbody td .active { background-color: #dc002d; border-radius: 4px; color: #fff; display: block; font-size: 10px; min-height: 2em; text-align: center; white-space: nowrap } .rug-table--default caption, .rug-table--grouped caption { display: none } .rug-table--default { clear: both } .rug-table-wrapper { position: relative } .rug-table-wrapper.fade::after { bottom: 40px; box-shadow: -20px 10px 20px 0 #fff inset; pointer-events: none; position: absolute; right: 0; top: -20px; width: 50px } .rug-table-wrapper .rug-table-holder { margin-bottom: 1.5rem } @media (min-width: 600px) { .rug-table-wrapper { position: relative } .rug-table-wrapper .rug-table-holder { overflow-y: hidden; position: relative; width: 100% } .rug-table-wrapper .rug-table-holder table { width: 100% } .rug-table-wrapper .rug-table-holder table table { width: auto } } .rug-table-navigator { background: #fff; border: 1px solid #d7d7d7; display: block; position: absolute; right: 10px; top: -40px; z-index: 100 } .rug-table-navigator__button { cursor: pointer; display: inline-block; font-size: 25px; padding: .25rem .5rem } .rug-targeted-content { display: none } .rug-targeted-content--active { display: block } .rug-targeted-content--active--inline-block { display: inline-block !important } #searchForm .rug-targeted-content:after, .rug-theme--content .rug-targeted-content:after { float: right; content: "" } .page--studyprogram .rug-targeted-content:after { display: none } #target-group-flyout { min-width: 450px } #targeted-link:focus + .rug-nav--meta__flyout { display: block } .rug-themeportal__transporter { background: #fff; color: #404040; display: block; font-size: .75rem; margin-top: -4px; padding: 0 .5rem; position: -webkit-sticky; position: sticky; text-align: center; top: 0; z-index: 30 } .rug-theme--infonet .rug-nav--main__link--active .rug-nav--main__icon, .rug-theme--infonet .rug-nav--main__link--active:active .rug-nav--main__icon, .rug-theme--infonet .rug-nav--main__link--active:focus .rug-nav--main__icon, .rug-theme--infonet .rug-nav--main__link--active:hover .rug-nav--main__icon { top: 33px } @media (min-width: 400px) { .rug-themeportal__transporter { font-size: .875rem; padding: 0 1.5rem } } .rug-themeportal__heading { display: none; padding: 0 1.5rem; position: relative } @media (min-width: 900px) { .rug-themeportal__transporter { display: none } .rug-themeportal__heading { display: block } } .rug-themeportal__heading__subtitle { padding: 0 1.5rem } .rug-widget__container { border: 1px solid #7d7d7d; box-shadow: 1px 1px 5px rgba(0, 0, 0, .25); padding: 1px 0 0; margin-bottom: 1.5rem } .rug-theme--contrast .rug-site-header, .rug-theme--infonet .rug-site-header { border-top-color: #0095e9 } .rug-widget__header { cursor: pointer; color: #000; background: url(../images/bg-grey-box.gif); -webkit-filter: none; filter: none; border-bottom: 1px solid #d7d7d7; border-radius: 0; padding: 9px 30px 9px 5px; text-align: left; position: relative; vertical-align: middle } .rug-widget__header__title { margin: 0; display: inline-block; vertical-align: top } .rug-widget__body { padding: .75rem } .rug-widget__body.is-toggled { display: none } .rug-widget__body .topics { background: 0 0; padding-top: 0 } .rug-widget__body .topic { margin-bottom: .75rem } .rug-element--center, .rug-theme--content dl, .rug-theme--content ol, .rug-theme--content ul { margin-bottom: 1.5rem } .rug-widget__toggle { cursor: pointer } .rug-widget__toggle:before { cursor: pointer; font-family: icons; display: inline-block; text-align: center; padding: 1px 6px 3px; font-size: 18px; line-height: 1; vertical-align: middle; color: #000; content: "" } .is-toggled .rug-widget__toggle:before { content: "" } .rug-theme--content a:not(.rug-button) { text-decoration: underline } .page--magazinehomepage .rug-slider__slide__link:hover, .rug-theme--content a:hover { text-decoration: none } .rug-theme--content a:visited { color: #772d6b } .rug-theme--content a:visited::before { border-color: transparent #772d6b } .rug-theme--content ol, .rug-theme--content ul { max-width: 620px } .rug-theme--content ol > li, .rug-theme--content ul > li { max-width: 590px; position: relative } .rug-theme--contrast .rug-site-search { background: #005483; border-bottom-color: #0095e9 } .rug-theme--contrast .rug-background-menu, .rug-theme--contrast .rug-button--nav, .rug-theme--contrast .rug-site-search__button { background-color: #0095e9 } @media (min-width: 900px) { .rug-theme--contrast .rug-nav--main { background: #0095e9 } .rug-theme--contrast .rug-nav--main__button:focus, .rug-theme--contrast .rug-nav--main__button:hover, .rug-theme--contrast .rug-nav--main__link:focus, .rug-theme--contrast .rug-nav--main__link:hover { background: #fff; color: #0095e9 } .rug-theme--contrast .rug-nav--main__button--last { background: #0095e9 } .rug-theme--contrast .rug-nav--main__item:focus .rug-nav--main__link, .rug-theme--contrast .rug-nav--main__item:hover .rug-nav--main__link { color: #0095e9 } } .rug-theme--contrast .rug-nav--main__link--active { color: #0095e9; background: #f6f6f6 } .rug-theme--contrast .rug-nav--main__link--active:active, .rug-theme--contrast .rug-nav--main__link--active:focus, .rug-theme--contrast .rug-nav--main__link--active:hover { color: #0095e9; background: #fff } .rug-theme--infonet .rug-site-search { background: #005483; border-bottom-color: #0095e9 } .rug-theme--infonet .rug-background-menu, .rug-theme--infonet .rug-button--nav, .rug-theme--infonet .rug-site-search__button { background-color: #0095e9 } .rug-theme--infonet .rug-nav--main { padding-top: .5rem } .rug-theme--infonet .rug-nav--main__container { display: none; height: 4.1rem } .rug-theme--infonet .rug-nav--main__button--home { padding-top: 1.5rem; color: #0095e9 } .rug-theme--infonet .rug-nav--main__button--last { padding-top: 1.5rem } .rug-theme--infonet .rug-nav--main__link { padding: 1.125rem 1.5rem } .rug-theme--infonet .rug-nav--main__icon { right: .75rem } @media (min-width: 900px) { .rug-theme--infonet .rug-nav--main { background: #0095e9 } .rug-theme--infonet .rug-nav--main__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .rug-theme--infonet .rug-nav--main__container:after { content: ''; display: block; left: -100%; width: 100%; height: 100%; background: #fff; position: absolute; box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25) } .rug-theme--infonet .rug-nav--main__button:focus, .rug-theme--infonet .rug-nav--main__button:hover, .rug-theme--infonet .rug-nav--main__link:focus, .rug-theme--infonet .rug-nav--main__link:hover { background: #fff; color: #0095e9 } .rug-theme--infonet .rug-nav--main__button--last { background: #0095e9 } .rug-theme--infonet .rug-nav--main__item:focus .rug-nav--main__link, .rug-theme--infonet .rug-nav--main__item:hover .rug-nav--main__link { height: 100%; color: #0095e9 } } .rug-theme--infonet .rug-nav--main__item:last-child { margin-top: -.5rem } .rug-theme--infonet .rug-nav--main__link--active { color: #0095e9; background: #f6f6f6; position: relative; height: calc(100% + 25px) } .rug-theme--infonet .rug-nav--main__link--active:active, .rug-theme--infonet .rug-nav--main__link--active:focus, .rug-theme--infonet .rug-nav--main__link--active:hover { color: #0095e9; background: #fff; height: 100% } .page--magazinehomepage .rug-card--content__teaser { max-height: 595px } .page--magazinehomepage .rug-card--content__teaser__container { height: 100%; background-size: cover; background-position: center } @media (max-width: 899px) { .page--magazinehomepage .rug-card--content__teaser__container { height: 200px; overflow: hidden } .page--magazinehomepage .rug-card--content__teaser .rug-card__image { position: relative; top: 50%; -webkit-transform: perspective(1px) translateY(-50%); -ms-transform: perspective(1px) translateY(-50%); transform: perspective(1px) translateY(-50%) } } .page--magazinehomepage .rug-card--content__teaser__content { text-align: left; position: relative; padding: 1rem 0 1rem 1rem } @media (min-width: 900px) { .page--magazinehomepage .rug-card--content__teaser__content { background: rgba(255, 255, 255, .85); bottom: 0; left: 0; position: absolute; right: 0 } .page--magazinehomepage .rug-card--content__teaser__content:hover { background: rgba(255, 255, 255, .95) } } .page--magazinehomepage .rug-slider__slide--aligned::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em } .rug-aspect-ratio--16-9:before, .rug-aspect-ratio--3-2:before, .rug-aspect-ratio--gallery:before, .rug-aspect-ratio--hero-visual:before { content: ""; width: 100% } .page--magazinehomepage .rug-slider__slide__link { text-decoration: none; color: #404040 } .page--magazinehomepage .rug-slider__slide .rug-image--placeholder { height: 100% } .page--magazinehomepage .rug-slider__slide--caption { padding-top: .5rem } .rug-theme--studentPortal .rug-favorites { width: 100%; z-index: 10 } .rug-theme--studentPortal .rug-favorites .rug-button--neutral { width: 100% } @media (min-width: 600px) { .rug-theme--studentPortal .rug-favorites { padding-top: 1.5rem } .rug-theme--studentPortal .rug-favorites .rug-button--neutral { float: right; width: auto } } .rug-theme--studentPortal .rug-favorites .rug-favoritesListHolder { clear: both } .rug-theme--studentPortal .rug-favorites .rug-favoritesListHolder #rug-favoritesList { display: none; max-width: 320px; padding: 1.5rem; position: absolute; right: 0; width: 100%; z-index: 10 } .rug-theme--studentPortal .rug-favorites .rug-favoritesListHolder #rug-favoritesList.is-open { display: block } .rug-theme--studentPortalHome .rug-wrapper { max-width: none } .rug-theme--studentPortalHome footer .rug-wrapper { max-width: 1100px } .rug-aspect-ratio-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden } .rug-aspect-ratio--3-2, .rug-aspect-ratio--gallery, .rug-aspect-ratio--hero-visual { position: relative } .rug-aspect-ratio--hero-visual:before { display: block; padding-top: 41.25% } .rug-aspect-ratio--gallery:before { display: block; padding-top: 50% } .rug-aspect-ratio--3-2:before { display: block; padding-top: 66.66667% } .rug-aspect-ratio--16-9 { position: relative; overflow: hidden } .rug-aspect-ratio--16-9:before { display: block; padding-top: 56.25% } .rug-b { border: 1px solid #f6f6f6 !important } .rug-bt { border-top: 1px solid #f6f6f6 !important } .rug-br { border-right: 1px solid #f6f6f6 !important } .rug-bb { border-bottom: 1px solid #f6f6f6 !important } .rug-bl { border-left: 1px solid #f6f6f6 !important } .rug-bv { border-bottom: 1px solid #d7d7d7 !important; border-top: 1px solid #d7d7d7 !important } .rug-b-0 { border: none !important } .rug-bt-0 { border-top: none !important } .rug-br-0 { border-right: none !important } .rug-bb-0 { border-bottom: none !important } .rug-bl-0 { border-left: none !important } .rug-border-radius-0 { border-radius: 0 } .rug-border-radius-1 { border-radius: .25rem } .rug-border-radius-2 { border-radius: .5rem } .rug-border-radius-3 { border-radius: .75rem } .rug-border-radius-4 { border-radius: 1rem } .rug-circle { border-radius: 100% } .rug-border-image { border: 5px solid #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, .1) } .rug-border-radius-bottom { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important } .rug-border-radius-top { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important } .rug-border-radius-right { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important } .rug-border-radius-left { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important } .rug-bb--red-resp { border-bottom: 5px solid #dc002d } .rug-clearfix::after { clear: both; content: ''; display: block } .rug-clear { clear: both } @media (min-width: 600px) { .rug-col-s-12-24 > .rug-layout__item { width: 50% } .rug-col-s-8-24 > .rug-layout__item { width: 33.33% } .rug-col-s-6-24 > .rug-layout__item { width: 25% } } @media (min-width: 900px) { .rug-bb--red-resp { border-bottom: none } .rug-col-m-24-24 > .rug-layout__item { width: 100% } .rug-col-m-12-24 > .rug-layout__item { width: 50% } .rug-col-m-8-24 > .rug-layout__item { width: 33.33% } .rug-col-m-6-24 > .rug-layout__item { width: 25% } } @media (min-width: 1024px) { .rug-col-l-12-24 > .rug-layout__item { width: 50% } .rug-col-l-8-24 > .rug-layout__item { width: 33.33% } .rug-col-l-6-24 > .rug-layout__item { width: 25% } } .rug-block { display: block !important } .rug-inline-block { display: inline-block !important } .rug-inline { display: inline !important } .rug-block-max-m { display: none } @media (max-width: 899px) { .rug-block-max-m { display: block } } .rug-toggleable--active { display: block } .rug-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } @media (min-width: 900px) { .rug-flex-column-reserve-m { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .rug-left { float: left !important } .rug-right { float: right !important } .rug-no-float { float: none !important } .rug-element--center { margin-top: 1.5rem } @media (min-width: 600px) { .rug-element--left { float: left; margin-bottom: 1.5rem; padding-right: 1.5rem } .rug-element--right { float: right; margin-bottom: 1.5rem; padding-left: 1.5rem } .rug-element--center { text-align: center } } .rug-element--center__content { display: block; margin: 0 auto } .rug-element--center__caption { display: inline-block } .ss-embed-mode { margin-top: 27px !important; right: -20px; width: 365px } .ss-gac-m { border: 1px solid #333; cursor: default; margin: 0; z-index: 60; position: absolute; background-color: #fff } .ac-renderer div.ss-gac-b div, .ss-gac-b, div.ss-gac-m div.active { background-color: #eee } .ss-gac-c { overflow: hidden; padding-left: 3px; text-align: left } .ss-gac-d, .ss-gac-e td { font-size: 10px; text-align: right } .ss-gac-d { color: green; overflow: hidden; padding: 0 3px; float: right } b.ac-highlighted { font-weight: 700 } .ss-gac-d b.ac-highlighted { font-weight: 400 } .ss-gac-b td { color: #fff } .ss-gac-e td { line-height: 15px; padding: 0 3px 2px } .ss-gac-e span { color: #00c; cursor: pointer; text-decoration: underline } .ac-renderer div.ss-gac-a { font-size: 100%; margin: 0; padding: 0 4px } .ac-renderer div.ss-gac-a div { font-size: 100%; margin: 0; padding: 0 } .rug-pt-xs, .rug-pv-xs { padding-top: .5rem !important } .ac-renderer div.ss-gac-a div.ss-gac-d { padding-left: 4px } .rug-ph-xs, .rug-pl-xs { padding-left: .5rem !important } div.ac-renderer div.ss-gac-a div.ss-gac-c b { color: #333 } .rug-hidden { display: none !important } .rug-hidden-l, .rug-hidden-m, .rug-hidden-s { display: none } @media (min-width: 600px) { .rug-hidden-s { display: inline-block } } @media (min-width: 900px) { .rug-hidden-m { display: inline-block } } .rug-hidden-m--block { display: none } @media (min-width: 900px) { .rug-hidden-m--block { display: block } } @media (min-width: 1024px) { .rug-hidden-l { display: inline-block } } .rug-hidden-m-max { display: block } @media (min-width: 900px) { .rug-hidden-m-max { display: none } } .rug-hidden-s-max { display: block } @media (min-width: 600px) { .rug-hidden-s-max { display: none } } .rug-hidden-visually { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px } .rug-hidden-visually--focusable:active, .rug-hidden-visually--focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } .rug-mt-xxs, .rug-mv-xxs { margin-top: .25rem !important } .rug-mb-xxs, .rug-mv-xxs { margin-bottom: .25rem !important } .rug-mh-xxs, .rug-ml-xxs { margin-left: .25rem !important } .rug-mh-xxs, .rug-mr-xxs { margin-right: .25rem !important } .rug-invisible { visibility: hidden !important } .js-togglable-content { display: none } .js-togglable-content--active { display: block } a.rug-link--undecorated { text-decoration: none !important } a.rug-link--decorated, a.rug-link--undecorated:focus, a.rug-link--undecorated:hover { text-decoration: underline !important } a.rug-link--decorated:focus, a.rug-link--decorated:hover { text-decoration: none !important } .rug-overflow-hidden { overflow: hidden } .rug-relative { position: relative !important } .rug-relative--no-dimensions { width: 0 !important; height: 0 !important } .rug-relative--no-dimensions > img { max-width: none } .rug-absolute { position: absolute !important } .rug-static { position: static !important } .rug-fixed { position: fixed !important } .rug-sticky { position: -webkit-sticky !important; position: sticky !important } .rug-shadow-text { text-shadow: 0 1px 5px rgba(0, 0, 0, .2) } .rug-shadow-box { box-shadow: 0 1px 5px rgba(0, 0, 0, .2) } .rug-shadow-box-inset { box-shadow: inset 0 7px 8px -7px rgba(0, 0, 0, .25) } .rug-font-default { color: #404040 !important } .rug-font-black { color: #000 !important } .rug-font-gray { color: #ccc !important } .rug-font-white { color: #fff !important } .rug-font-brand { color: #dc002d !important } .rug-font-contrast { color: #0095e9 !important } .rug-font-neutral { color: #7d7d7d !important } .rug-background-white { background-color: #fff !important } .rug-background-brand-50 { background-color: #dc002d !important } .rug-background-neutral-10 { background-color: #f6f6f6 !important } .rug-background-neutral-30 { background-color: #d7d7d7 !important } .rug-background-neutral-50 { background-color: #7d7d7d !important } .rug-background-alternating > :nth-child(even) { background-color: #f6f6f6 !important } .rug-m-xxs { margin: .25rem !important } .rug-mt-xs, .rug-mv-xs { margin-top: .5rem !important } .rug-mb-xs, .rug-mv-xs { margin-bottom: .5rem !important } .rug-mh-xs, .rug-ml-xs { margin-left: .5rem !important } .rug-mh-xs, .rug-mr-xs { margin-right: .5rem !important } .rug-m-xs { margin: .5rem !important } .rug-mt-s, .rug-mv-s { margin-top: .75rem !important } .rug-mb-s, .rug-mv-s { margin-bottom: .75rem !important } .rug-mh-s, .rug-ml-s { margin-left: .75rem !important } .rug-mh-s, .rug-mr-s { margin-right: .75rem !important } .rug-m-s { margin: .75rem !important } .rug-mt-m, .rug-mv-m { margin-top: 1rem !important } .rug-mb-m, .rug-mv-m { margin-bottom: 1rem !important } .rug-mh-m, .rug-ml-m { margin-left: 1rem !important } .rug-mh-m, .rug-mr-m { margin-right: 1rem !important } .rug-m-m { margin: 1rem !important } .rug-mt, .rug-mv { margin-top: 1.5rem !important } .rug-mb, .rug-mv { margin-bottom: 1.5rem !important } .rug-mh, .rug-ml { margin-left: 1.5rem !important } .rug-mh, .rug-mr { margin-right: 1.5rem !important } .rug-m { margin: 1.5rem !important } .rug-mt-l, .rug-mv-l { margin-top: 2rem !important } .rug-mb-l, .rug-mv-l { margin-bottom: 2rem !important } .rug-mh-l, .rug-ml-l { margin-left: 2rem !important } .rug-mh-l, .rug-mr-l { margin-right: 2rem !important } .rug-m-l { margin: 2rem !important } .rug-mt-xl, .rug-mv-xl { margin-top: 3rem !important } .rug-mb-xl, .rug-mv-xl { margin-bottom: 3rem !important } .rug-mh-xl, .rug-ml-xl { margin-left: 3rem !important } .rug-mh-xl, .rug-mr-xl { margin-right: 3rem !important } .rug-m-xl { margin: 3rem !important } .rug-mt-xxl, .rug-mv-xxl { margin-top: 4.5rem !important } .rug-mh-xxl, .rug-ml-xxl { margin-left: 4.5rem !important } .rug-mh-xxl, .rug-mr-xxl { margin-right: 4.5rem !important } .rug-m-xxl { margin: 4.5rem !important } .rug-mb-xxl { margin-bottom: 3rem !important } .rug-mv-xxl { margin-bottom: 4.5rem !important } .rug-mh-0, .rug-mt-0 { margin-top: 0 !important } .rug-mb-0, .rug-mh-0 { margin-bottom: 0 !important } .rug-ml-0, .rug-mv-0 { margin-left: 0 !important } .rug-mr-0, .rug-mv-0 { margin-right: 0 !important } .rug-m-0 { margin: 0 !important } .rug-mb-n { margin-bottom: -1.5rem !important } .rug-mt-n { margin-top: -1.5rem !important } .rug-mr-n-s { margin-right: -.75rem } .rug-mh-n { margin-left: -1.5rem !important; margin-right: -1.5rem !important } .rug-mt-n-s { margin-top: -.75rem } .rug-p-xs { padding: .5rem !important } .rug-pr-xs { padding-right: .5rem !important } .rug-ph-s, .rug-ph-xs, .rug-pr-s { padding-right: .75rem !important } .rug-pb-xs { padding-bottom: .5rem !important } .rug-pb-s, .rug-pv-s, .rug-pv-xs { padding-bottom: .75rem !important } .rug-pt-s, .rug-pv-s { padding-top: .75rem !important } .rug-ph-s, .rug-pl-s { padding-left: .75rem !important } .rug-p-s { padding: .75rem !important } .rug-pt-m, .rug-pv-m { padding-top: 1rem !important } .rug-pb-m, .rug-pv-m { padding-bottom: 1rem !important } .rug-ph-m, .rug-pl-m { padding-left: 1rem !important } .rug-ph-m, .rug-pr-m { padding-right: 1rem !important } .rug-p-m { padding: 1rem !important } .rug-pt, .rug-pv { padding-top: 1.5rem !important } .rug-pb, .rug-pv { padding-bottom: 1.5rem !important } .rug-ph, .rug-pl { padding-left: 1.5rem !important } .rug-ph, .rug-pr { padding-right: 1.5rem !important } .rug-p { padding: 1.5rem !important } .rug-pt-l, .rug-pv-l { padding-top: 2rem !important } .rug-pb-l, .rug-pv-l { padding-bottom: 2rem !important } .rug-ph-l, .rug-pl-l { padding-left: 2rem !important } .rug-ph-l, .rug-pr-l { padding-right: 2rem !important } .rug-p-l { padding: 2rem !important } .rug-pt-xl, .rug-pv-xl { padding-top: 3rem !important } .rug-pb-xl, .rug-pv-xl { padding-bottom: 3rem !important } .rug-ph-xl, .rug-pl-xl { padding-left: 3rem !important } .rug-ph-xl, .rug-pr-xl { padding-right: 3rem !important } .rug-p-xl { padding: 3rem !important } .rug-pt-xxl, .rug-pv-xxl { padding-top: 4.5rem !important } .rug-pl-0, .rug-pv-0 { padding-left: 0 !important } .rug-pr-0, .rug-pv-0 { padding-right: 0 !important } .rug-pv-xxl { padding-bottom: 4.5rem !important } .rug-ph-0, .rug-pt-0 { padding-top: 0 !important } .rug-pb-0, .rug-ph-0 { padding-bottom: 0 !important } .rug-p-0 { padding: 0 !important } .rug-pt--resp-m-0 { padding-top: 1.5rem } @media (min-width: 900px) { .rug-absolute--bottom-m { bottom: 0; position: absolute } .rug-pt--resp-m-0 { padding-top: 0 } } .rug-pt--resp-l-0 { padding-top: 1.5rem } @media (min-width: 1024px) { .rug-pt--resp-l-0 { padding-top: 0 } } .rug-pt-xl--resp-m-0 { padding-top: 3rem } @media (min-width: 900px) { .rug-pt-xl--resp-m-0 { padding-top: 0 } } .rug-pt-s--resp-m-l { padding-top: .75rem } .rug-transparent-medium { opacity: .5 !important } .rug-font-400 { font-weight: 400 !important } .rug-font-700 { font-weight: 700 !important } .rug-uppercase { text-transform: uppercase !important } .rug-lowercase { text-transform: lowercase !important } .rug-capitalize { text-transform: capitalize !important } .rug-del { text-decoration: line-through !important } .rug-text-left { text-align: left !important } .rug-text-right { text-align: right !important } .rug-text-center { text-align: center !important } .rug-text-justify { text-align: justify !important } .rug-valign-center { vertical-align: middle } .rug-h1, .rug-h2, .rug-h3, .rug-h4, .rug-h5, .rug-h6 { color: #000; font-family: "Open Sans Semi-Bold", sans-serif; font-weight: 600; line-height: 1.125em; margin-bottom: .25rem } .rug-h1 { font-size: 1.75rem; margin-bottom: .5rem } .rug-h2 { font-size: 1.5rem } .rug-h3 { font-size: 1.25rem } .rug-h4 { font-size: 1.125rem } .rug-h5, .rug-h6 { font-size: 1rem } .rug-font-body { font-family: "Open Sans", sans-serif; font-weight: 400 } .rug-text-timid { color: #7d7d7d; font-size: .875rem } .rug-shrunken { display: inline-block; position: relative; text-indent: -9999px; width: 20px } .rug-shrunken:before { content: '\2026'; display: block; left: 10003px; position: absolute } .rug-w-10 { width: 10% !important } .rug-w-20 { width: 20% !important } .rug-w-40 { width: 40% !important } .rug-w-50 { width: 50% !important } .rug-w-60 { width: 60% !important } .rug-w-70 { width: 70% !important } .rug-w-80 { width: 90% !important } .rug-w-100 { width: 100% !important } .rug-w-25 { width: 25% !important } .rug-w-33 { width: 33.33% !important } .rug-w-66 { width: 66.66% !important } .rug-w-75 { width: 75% !important } .rug-w-max-320 { max-width: 100% !important } @media (min-width: 400px) { .rug-w-max-320 { max-width: 320px !important } .rug-width-xs-1-24 { width: 4.16667% } .rug-width-xs-2-24 { width: 8.33333% } .rug-width-xs-3-24 { width: 12.5% } .rug-width-xs-4-24 { width: 16.66667% } .rug-width-xs-5-24 { width: 20.83333% } .rug-width-xs-6-24 { width: 25% } .rug-width-xs-7-24 { width: 29.16667% } .rug-width-xs-8-24 { width: 33.33333% } .rug-width-xs-9-24 { width: 37.5% } .rug-width-xs-10-24 { width: 41.66667% } .rug-width-xs-11-24 { width: 45.83333% } .rug-width-xs-12-24 { width: 50% } .rug-width-xs-13-24 { width: 54.16667% } .rug-width-xs-14-24 { width: 58.33333% } .rug-width-xs-15-24 { width: 62.5% } .rug-width-xs-16-24 { width: 66.66667% } .rug-width-xs-17-24 { width: 70.83333% } .rug-width-xs-18-24 { width: 75% } .rug-width-xs-19-24 { width: 79.16667% } .rug-width-xs-20-24 { width: 83.33333% } .rug-width-xs-21-24 { width: 87.5% } .rug-width-xs-22-24 { width: 91.66667% } .rug-width-xs-23-24 { width: 95.83333% } .rug-width-xs-24-24 { width: 100% } } .rug-w-max { max-width: 100% !important } @media (min-width: 600px) { .rug-width-s-1-24 { width: 4.16667% } .rug-width-s-2-24 { width: 8.33333% } .rug-width-s-3-24 { width: 12.5% } .rug-width-s-4-24 { width: 16.66667% } .rug-width-s-5-24 { width: 20.83333% } .rug-width-s-6-24 { width: 25% } .rug-width-s-7-24 { width: 29.16667% } .rug-width-s-8-24 { width: 33.33333% } .rug-width-s-9-24 { width: 37.5% } .rug-width-s-10-24 { width: 41.66667% } .rug-width-s-11-24 { width: 45.83333% } .rug-width-s-12-24 { width: 50% } .rug-width-s-13-24 { width: 54.16667% } .rug-width-s-14-24 { width: 58.33333% } .rug-width-s-15-24 { width: 62.5% } .rug-width-s-16-24 { width: 66.66667% } .rug-width-s-17-24 { width: 70.83333% } .rug-width-s-18-24 { width: 75% } .rug-width-s-19-24 { width: 79.16667% } .rug-width-s-20-24 { width: 83.33333% } .rug-width-s-21-24 { width: 87.5% } .rug-width-s-22-24 { width: 91.66667% } .rug-width-s-23-24 { width: 95.83333% } .rug-width-s-24-24 { width: 100% } } @media (min-width: 900px) { .rug-pt-s--resp-m-l { padding-top: 2rem } .rug-width-m-1-24 { width: 4.16667% } .rug-width-m-2-24 { width: 8.33333% } .rug-width-m-3-24 { width: 12.5% } .rug-width-m-4-24 { width: 16.66667% } .rug-width-m-5-24 { width: 20.83333% } .rug-width-m-6-24 { width: 25% } .rug-width-m-7-24 { width: 29.16667% } .rug-width-m-8-24 { width: 33.33333% } .rug-width-m-9-24 { width: 37.5% } .rug-width-m-10-24 { width: 41.66667% } .rug-width-m-11-24 { width: 45.83333% } .rug-width-m-12-24 { width: 50% } .rug-width-m-13-24 { width: 54.16667% } .rug-width-m-14-24 { width: 58.33333% } .rug-width-m-15-24 { width: 62.5% } .rug-width-m-16-24 { width: 66.66667% } .rug-width-m-17-24 { width: 70.83333% } .rug-width-m-18-24 { width: 75% } .rug-width-m-19-24 { width: 79.16667% } .rug-width-m-20-24 { width: 83.33333% } .rug-width-m-21-24 { width: 87.5% } .rug-width-m-22-24 { width: 91.66667% } .rug-width-m-23-24 { width: 95.83333% } .rug-width-m-24-24 { width: 100% } } @media (min-width: 1024px) { .rug-width-l-1-24 { width: 4.16667% } .rug-width-l-2-24 { width: 8.33333% } .rug-width-l-3-24 { width: 12.5% } .rug-width-l-4-24 { width: 16.66667% } .rug-width-l-5-24 { width: 20.83333% } .rug-width-l-6-24 { width: 25% } .rug-width-l-7-24 { width: 29.16667% } .rug-width-l-8-24 { width: 33.33333% } .rug-width-l-9-24 { width: 37.5% } .rug-width-l-10-24 { width: 41.66667% } .rug-width-l-11-24 { width: 45.83333% } .rug-width-l-12-24 { width: 50% } .rug-width-l-13-24 { width: 54.16667% } .rug-width-l-14-24 { width: 58.33333% } .rug-width-l-15-24 { width: 62.5% } .rug-width-l-16-24 { width: 66.66667% } .rug-width-l-17-24 { width: 70.83333% } .rug-width-l-18-24 { width: 75% } .rug-width-l-19-24 { width: 79.16667% } .rug-width-l-20-24 { width: 83.33333% } .rug-width-l-21-24 { width: 87.5% } .rug-width-l-22-24 { width: 91.66667% } .rug-width-l-23-24 { width: 95.83333% } .rug-width-l-24-24 { width: 100% } }