2017-11-14 09:51:57 +01:00
/ * !
* RUG-Frontend-package
* University of Groningen
*
* @ author Kiki Smallenbroek ( a . j . smallenbroek @ rug . nl ) < http : / / www . rug . nl > , Robbert Uittenbroek ( r . m . uittenbroek @ rug . nl ) < http : / / www . rug . nl > , Dennis van der Laan ( d . g . van . der . laan @ rug . nl ) < http : / / www . rug . nl > , Ilse van Gemert ( i . van . gemert @ rug . nl ) < http : / / www . rug . nl > , Eric Wout van der Steen ( e . w . van . der . steen @ rug . nl ) < http : / / www . rug . nl / staff / e . w . van . der . steen / > , Ron van de Graaf ( ron @ concept7 . nl ) < http : / / www . 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' ;
2017-11-14 14:31:39 +01:00
src : local ( "Open Sans" ) , url ( . . / . . / . . / . . / patworkbench / patworkbench / pdfannotator / static / fonts / open-sans-regular . woff2 ) format ( "woff2" ) , url ( . . / . . / . . / . . / patworkbench / patworkbench / pdfannotator / static / fonts / open-sans-regular . woff ) format ( "woff" ) ;
2017-11-14 09:51:57 +01:00
font-weight : 400 ;
font-style : normal
}
@ font-face {
font-family : 'Open Sans Semi-Bold' ;
2017-11-14 14:31:39 +01:00
src : local ( "Open Sans Semibold" ) , url ( . . / . . / . . / . . / patworkbench / patworkbench / pdfannotator / static / fonts / open-sans-semibold . woff2 ) format ( "woff2" ) , url ( . . / . . / . . / . . / patworkbench / patworkbench / pdfannotator / static / fonts / open-sans-semibold . woff ) format ( "woff" ) ;
2017-11-14 09:51:57 +01:00
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' ;
2017-11-14 14:31:39 +01:00
src : local ( "Open Sans Italic" ) , url ( . . / . . / . . / . . / patworkbench / patworkbench / pdfannotator / static / fonts / open-sans-italic . woff2 ) format ( "woff2" ) , url ( . . / . . / . . / . . / patworkbench / patworkbench / pdfannotator / static / fonts / open-sans-italic . woff ) format ( "woff" ) ;
2017-11-14 09:51:57 +01:00
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 ;
2017-11-14 14:31:39 +01:00
src : url ( . . / . . / . . / . . / patworkbench / patworkbench / pdfannotator / static / fonts / icomoon . eot ) format ( "eot" ) , url ( . . / . . / . . / . . / patworkbench / patworkbench / pdfannotator / static / fonts / icomoon . svg ) format ( "svg" ) , url ( . . / . . / . . / . . / patworkbench / patworkbench / pdfannotator / static / fonts / icomoon . ttf ) format ( "ttf" ) , url ( . . / . . / . . / . . / patworkbench / patworkbench / pdfannotator / static / fonts / icomoon . woff ) format ( "woff" ) ;
2017-11-14 09:51:57 +01:00
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 %
}
}