/*:root { --main-color-surface:rgb(0, 0, 0); --main-color-ink-light:#ffffff; --main-color-ink-dark:#000000; --main-color-surface-trans:rgba(0, 0, 0, 0.95); } */ .view-content { background: var(--main-color-surface-trans) none !important; } .text-padding { background: var(--main-color-surface-trans) none; } .bljack {var(--main-color-ink-light) !important;} #autocomplete { border: 1px solid; overflow: hidden; position: absolute; z-index: 100; } #autocomplete ul { list-style: outside none none; margin: 0px; padding: 0px; } #autocomplete li { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 0); cursor: default; white-space: pre; } html.js input.form-autocomplete { background-image: url("throbber-inactive.png"); background-position: 100% center; background-repeat: no-repeat; } html.js input.throbbing { background-image: url("throbber-active.gif"); background-position: 100% center; } html.js fieldset.collapsed { border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; height: 1em; } html.js fieldset.collapsed .fieldset-wrapper { display: none; } fieldset.collapsible { position: relative; } fieldset.collapsible .fieldset-legend { display: block; } .form-textarea-wrapper textarea { display: block; margin: 0px; width: 100%; box-sizing: border-box; } .resizable-textarea .grippie { background: rgb(238, 238, 238) url("grippie.png") no-repeat scroll center 2px; border-width: 0px 1px 1px; border-style: solid; border-color: rgb(221, 221, 221); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; cursor: s-resize; height: 9px; overflow: hidden; } body.drag { cursor: move; } .draggable a.tabledrag-handle { cursor: move; float: left; height: 1.7em; margin-left: -1em; overflow: hidden; text-decoration: none; } a.tabledrag-handle:hover { text-decoration: none; } a.tabledrag-handle .handle { background: transparent url("draggable.png") no-repeat scroll 6px 9px; height: 13px; margin: -0.4em 0.5em; padding: 0.42em 0.5em; width: 13px; } a.tabledrag-handle-hover .handle { background-position: 6px -11px; } div.indentation { float: left; height: 1.7em; margin: -0.4em 0.2em -0.4em -0.4em; padding: 0.42em 0px 0.42em 0.6em; width: 20px; } div.tree-child { background: transparent url("tree.png") no-repeat scroll 11px center; } div.tree-child-last { background: transparent url("tree-bottom.png") no-repeat scroll 11px center; } div.tree-child-horizontal { background: transparent url("tree.png") no-repeat scroll -11px center; } .tabledrag-toggle-weight-wrapper { text-align: right; } table.sticky-header { background-color: rgb(255, 255, 255); margin-top: 0px; } .progress .bar { background-color: rgb(255, 255, 255); border: 1px solid; } .progress .filled { background-color: rgb(0, 0, 0); height: 1.5em; width: 5px; } .progress .percentage { float: right; } .ajax-progress { display: inline-block; } .ajax-progress .throbber { background: transparent url("throbber-active.gif") no-repeat scroll 0px center; float: left; height: 15px; margin: 2px; width: 15px; } .ajax-progress .message { padding-left: 20px; } tr .ajax-progress .throbber { margin: 0px 2px; } .ajax-progress-bar { width: 16em; } .container-inline div, .container-inline label { display: inline; } .container-inline .fieldset-wrapper { display: block; } .nowrap { white-space: nowrap; } html.js .js-hide { display: none; } .element-hidden { display: none; } .element-invisible { position: absolute ! important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; } .element-invisible.element-focusable:active, .element-invisible.element-focusable:focus { position: static ! important; clip: auto; overflow: visible; height: auto; } .clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } * html .clearfix { height: 1%; } :first-child + html .clearfix { min-height: 1%; } ul.menu { border: medium none; list-style: outside none none; text-align: center; } ul.menu li { margin: 0px 0px 0px 0.5em; } ul li.expanded { list-style-image: url("menu-expanded.png"); list-style-type: circle; } ul li.collapsed { list-style-image: url("menu-collapsed.png"); list-style-type: disc; } ul li.leaf { list-style-image: url("menu-leaf.png"); list-style-type: square; } li.expanded, li.collapsed, li.leaf { padding: 0.2em 0.5em 0px 0px; margin: 0px; } li a.active { color: rgb(0, 0, 0); } td.menu-disabled { background: rgb(204, 204, 204) none repeat scroll 0% 0%; } ul.inline, ul.links.inline { display: inline; padding-left: 0px; } ul.inline li { display: inline; list-style-type: none; padding: 0px 0.5em; } .breadcrumb { padding-bottom: 0.5em; } ul.primary { border-bottom: 1px solid rgb(187, 187, 187); border-collapse: collapse; height: auto; line-height: normal; list-style: outside none none; margin: 5px; padding: 0px 0px 0px 1em; white-space: nowrap; } ul.primary li { display: inline; } ul.primary li a { background-color: rgb(221, 221, 221); border-color: rgb(187, 187, 187); border-style: solid solid none; border-width: 1px; height: auto; margin-right: 0.5em; padding: 0px 1em; text-decoration: none; } ul.primary li.active a { background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(187, 187, 187) rgb(187, 187, 187) rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; } ul.primary li a:hover { background-color: rgb(238, 238, 238); border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(238, 238, 238); } ul.secondary { border-bottom: 1px solid rgb(187, 187, 187); padding: 0.5em 1em; margin: 5px; } ul.secondary li { border-right: 1px solid rgb(204, 204, 204); display: inline; padding: 0px 1em; } ul.secondary a { padding: 0px; text-decoration: none; } ul.secondary a.active { border-bottom: 4px solid rgb(153, 153, 153); } div.messages { background-position: 8px 8px; background-repeat: no-repeat; border: 1px solid; margin: 6px 0px; padding: 10px 10px 10px 50px; } div.status { background-image: url("message-24-ok.png"); border-color: rgb(187, 238, 119); } div.status, .ok { color: rgb(35, 70, 0); } div.status, table tr.ok { background-color: rgb(248, 255, 240); } div.warning { background-image: url("message-24-warning.png"); border-color: rgb(238, 221, 85); } div.warning, .warning { color: rgb(136, 68, 0); } div.warning, table tr.warning { background-color: rgb(255, 252, 229); } div.error { background-image: url("message-24-error.png"); border-color: rgb(237, 84, 29); } div.error, .error { color: rgb(140, 46, 11); } div.error, table tr.error { background-color: rgb(254, 245, 241); } div.error p.error { color: rgb(51, 51, 51); } div.messages ul { margin: 0px 0px 0px 1em; padding: 0px; } div.messages ul li { list-style-image: none; } fieldset { margin-bottom: 1em; padding: 0.5em; } form { margin: 0px; padding: 0px; } hr { border: 1px solid gray; height: 1px; } img { border: 0px none; } table { border-collapse: collapse; } th { border-bottom: 3px solid rgb(204, 204, 204); padding-right: 1em; text-align: left; } tbody { border-top: 1px solid rgb(204, 204, 204); } tr.even, tr.odd { background-color: rgb(238, 238, 238); border-bottom: 1px solid rgb(204, 204, 204); padding: 0.1em 0.6em; } th.active img { display: inline; } td.active { background-color: rgb(221, 221, 221); } .item-list .title { font-weight: bold; } .item-list ul { margin: 0px 0px 0.75em; padding: 0px; } .item-list ul li { margin: 0px 0px 0.25em 1.5em; padding: 0px; } .form-item, .form-actions { margin-top: 1em; margin-bottom: 1em; } tr.odd .form-item, tr.even .form-item { margin-top: 0px; margin-bottom: 0px; white-space: nowrap; } .form-item .description { font-size: 0.85em; } label { display: block; font-weight: bold; } label.option { display: inline; font-weight: normal; } .form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; } .form-type-radio .description, .form-type-checkbox .description { margin-left: 2.4em; } input.form-checkbox, input.form-radio { vertical-align: middle; } .marker, .form-requivar(--main-color-surface) { color: var(--main-color-surface); } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid var(--main-color-surface); } .container-inline .form-actions, .container-inline.form-actions { margin-top: 0px; margin-bottom: 0px; } .more-link { text-align: right; } .more-help-link { text-align: right; } .more-help-link a { background: transparent url("help.png") no-repeat scroll 0px 50%; padding: 1px 0px 1px 20px; } .item-list .pager { clear: both; text-align: center; } .item-list .pager li { background-image: none; display: inline; list-style-type: none; padding: 0.5em; } .pager-current { font-weight: bold; } #autocomplete li.selected { background: rgb(0, 114, 185) none repeat scroll 0% 0%; color: rgb(255, 255, 255); } html.js fieldset.collapsible .fieldset-legend { background: transparent url("menu-expanded.png") no-repeat scroll 5px 65%; padding-left: 15px; } html.js fieldset.collapsed .fieldset-legend { background-image: url("menu-collapsed.png"); background-position: 5px 50%; } .fieldset-legend span.summary { color: rgb(153, 153, 153); font-size: 0.9em; margin-left: 0.5em; } tr.drag { background-color: rgb(255, 255, 240); } tr.drag-previous { background-color: rgb(255, 255, 221); } .tabledrag-toggle-weight { font-size: 0.9em; } body div.tabledrag-changed-warning { margin-bottom: 0.5em; } tr.selected td { background: rgb(255, 255, 204) none repeat scroll 0% 0%; } td.checkbox, th.checkbox { text-align: center; } .progress { font-weight: bold; } .progress .bar { background: rgb(204, 204, 204) none repeat scroll 0% 0%; border-color: rgb(102, 102, 102); margin: 0px 0.2em; border-radius: 3px; } .progress .filled { background: rgb(0, 114, 185) url("progress.gif") repeat scroll 0% 0%; } .container-inline-date { clear: both; } .container-inline-date .form-item { float: none; margin: 0px; padding: 0px; } .container-inline-date > .form-item { display: inline-block; margin-right: 0.5em; vertical-align: top; } fieldset.date-combo .container-inline-date > .form-item { margin-bottom: 10px; } .container-inline-date .form-item .form-item { float: left; } .container-inline-date .form-item, .container-inline-date .form-item input { width: auto; } .container-inline-date .description { clear: both; } .container-inline-date .form-item input, .container-inline-date .form-item select, .container-inline-date .form-item option { margin-right: 5px; } .container-inline-date .date-spacer { margin-left: -5px; } .views-right-60 .container-inline-date div { margin: 0px; padding: 0px; } .container-inline-date .date-timezone .form-item { clear: both; float: none; width: auto; } .container-inline-date .date-padding { float: left; } fieldset.date-combo .container-inline-date .date-padding { padding: 10px; } .views-exposed-form .container-inline-date .date-padding { padding: 0px; } #calendar_div, #calendar_div td, #calendar_div th { margin: 0px; padding: 0px; } #calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar { border-collapse: separate; margin: 0px; width: 185px; } .calendar td { padding: 0px; } span.date-display-single { } span.date-display-start { } span.date-display-end { } .date-prefix-inline { display: inline-block; } .date-clear { clear: both; display: block; float: none; } .date-no-float { clear: both; float: none; width: 98%; } .date-float { clear: none; float: left; width: auto; } .date-float .form-type-checkbox { padding-right: 1em; } .form-type-date-select .form-type-select[class*="hour"] { margin-left: 0.75em; } .date-container .date-format-delete { float: left; margin-top: 1.8em; margin-left: 1.5em; } .date-container .date-format-name { float: left; } .date-container .date-format-type { float: left; padding-left: 10px; } .date-container .select-container { clear: left; float: left; } div.date-calendar-day { background: rgb(243, 243, 243) none repeat scroll 0% 0%; border-width: 1px; border-style: solid; border-color: rgb(238, 238, 238) rgb(187, 187, 187) rgb(187, 187, 187) rgb(238, 238, 238); color: rgb(153, 153, 153); float: left; line-height: 1; margin: 6px 10px 0px 0px; text-align: center; width: 40px; } div.date-calendar-day span { display: block; text-align: center; } div.date-calendar-day span.month { background-color: rgb(181, 190, 190); color: white; font-size: 0.9em; padding: 2px; text-transform: uppercase; } div.date-calendar-day span.day { font-size: 2em; font-weight: bold; } div.date-calendar-day span.year { font-size: 0.9em; padding: 2px; } .date-form-element-content-multiline { padding: 10px; border: 1px solid rgb(204, 204, 204); } .form-item.form-item-instance-widget-settings-input-format-custom, .form-item.form-item-field-settings-enddate-requivar(--main-color-surface) { margin-left: 1.3em; } #edit-field-settings-granularity .form-type-checkbox { margin-right: 0.6em; } .date-year-range-select { margin-right: 1em; } #ui-datepicker-div { font-size: 100%; font-family: Verdana,sans-serif; background: rgb(238, 238, 238) none repeat scroll 0% 0%; border-right: 2px solid rgb(102, 102, 102); border-bottom: 2px solid rgb(102, 102, 102); z-index: 9999; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0px; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0px 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float: left; font-size: 1em; margin: 1px 0px; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0px 0px 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0px none; } .ui-datepicker td { border: 0px none; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0px 0px; padding: 0px 0.2em; border-left: 0px none; border-right: 0px none; border-bottom: 0px none; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0px auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0px; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0px; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0px; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0px; border-left-width: 1px; } .field .field-label { font-weight: bold; } .field-label-inline .field-label, .field-label-inline .field-items { float: left; } form .field-multiple-table { margin: 0px; } form .field-multiple-table th.field-label { padding-left: 0px; } form .field-multiple-table td.field-multiple-drag { width: 30px; padding-right: 0px; } form .field-multiple-table td.field-multiple-drag a.tabledrag-handle { padding-right: 0.5em; } form .field-add-more-submit { margin: 0.5em 0px 0px; } .node-unpublished { background-color: rgb(255, 244, 244); } .preview .node { background-color: rgb(255, 255, 234); } td.revision-current { background: rgb(255, 255, 204) none repeat scroll 0% 0%; } .search-form { margin-bottom: 1em; } .search-form input { margin-top: 0px; margin-bottom: 0px; } .search-results { list-style: outside none none; } .search-results p { margin-top: 0px; } .search-results .title { font-size: 1.2em; } .search-results li { margin-bottom: 1em; } .search-results .search-snippet-info { padding-left: 1em; } .search-results .search-info { font-size: 0.85em; } .search-advanced .criterion { float: left; margin-right: 2em; } .search-advanced .action { float: left; clear: left; } #permissions td.module { font-weight: bold; } #permissions td.permission { padding-left: 1.5em; } #permissions tr.odd .form-item, #permissions tr.even .form-item { white-space: normal; } #user-admin-settings fieldset .fieldset-description { font-size: 0.85em; padding-bottom: 0.5em; } #user-admin-roles td.edit-name { clear: both; } #user-admin-roles .form-item-name { float: left; margin-right: 1em; } .password-strength { width: 17em; float: right; margin-top: 1.4em; } .password-strength-title { display: inline; } .password-strength-text { float: right; font-weight: bold; } .password-indicator { background-color: rgb(196, 196, 196); height: 0.3em; width: 100%; } .password-indicator div { height: 100%; width: 0%; background-color: rgb(71, 201, 101); } input.password-confirm, input.password-field { width: 16em; margin-bottom: 0.4em; } div.password-confirm { float: right; margin-top: 1.5em; visibility: hidden; width: 17em; } div.form-item div.password-suggestions { padding: 0.2em 0.5em; margin: 0.7em 0px; width: 38.5em; border: 1px solid rgb(180, 180, 180); } div.password-suggestions ul { margin-bottom: 0px; } .confirm-parent, .password-parent { clear: left; margin: 0px; width: 36.3em; } .profile { clear: both; margin: 1em 0px; } .profile .user-picture { float: right; margin: 0px 1em 1em 0px; } .profile h3 { border-bottom: 1px solid rgb(204, 204, 204); } .profile dl { margin: 0px 0px 1.5em; } .profile dt { margin: 0px 0px 0.2em; font-weight: bold; } .profile dd { margin: 0px 0px 1em; } .views-exposed-form .views-exposed-widget { float: left; padding: 0.5em 1em 0px 0px; } .views-exposed-form .views-exposed-widget .form-submit { margin-top: 1.6em; } .views-exposed-form .form-item, .views-exposed-form .form-submit { margin-top: 0px; margin-bottom: 0px; } .views-exposed-form label { font-weight: bold; } .views-exposed-widgets { margin-bottom: 0.5em; } .views-align-left { text-align: left; } .views-align-right { text-align: right; } .views-align-center { text-align: center; } .views-view-grid tbody { border-top: medium none; } .view .progress-disabled { float: none; } .rteindent1 { margin-left: 40px; } .rteindent2 { margin-left: 80px; } .rteindent3 { margin-left: 120px; } .rteindent4 { margin-left: 160px; } .rteleft { text-align: left; } .rteright { text-align: right; } .rtecenter { text-align: center; } .rtejustify { text-align: justify; } .ibimage_left { float: left; } .ibimage_right { float: right; } .ctools-locked { color: var(--main-color-surface); border: 1px solid var(--main-color-surface); padding: 1em; } .ctools-owns-lock { background: rgb(255, 255, 221) none repeat scroll 0px 0px; border: 1px solid rgb(240, 192, 32); padding: 1em; } a.ctools-ajaxing, input.ctools-ajaxing, button.ctools-ajaxing, select.ctools-ajaxing { padding-right: 18px ! important; background: transparent url("status-active.gif") no-repeat scroll right center; } div.ctools-ajaxing { float: left; width: 18px; background: transparent url("status-active.gif") no-repeat scroll center center; } .select2-container { margin: 0px; position: relative; display: inline-block; vertical-align: middle; transition: width 260ms ease-in-out 0s; } .select2-container, .select2-drop, .select2-search, .select2-search input { box-sizing: border-box; } .select2-container .select2-choice { display: block; height: 26px; padding: 0px 0px 0px 8px; overflow: hidden; position: relative; border: medium none; white-space: nowrap; line-height: 26px; color: rgb(255, 255, 255); text-decoration: none; -moz-user-select: none; } .select2-container.select2-drop-above .select2-choice { } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0px none; background: transparent url("select2.png") no-repeat scroll right top; cursor: pointer; outline: 0px none; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { border: 0px none; margin: 0px; padding: 0px; position: fixed; left: 0px; top: 0px; min-height: 100%; min-width: 100%; height: auto; width: auto; z-index: 9998; background-color: rgb(0, 0, 0); opacity: 0; } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; color: rgb(255, 255, 255); } .select2-drop-auto-width { width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-drop.select2-drop-above { margin-top: 1px; } .select2-drop-active { } .select2-drop.select2-drop-above.select2-drop-active { } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0px; top: 0px; } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: transparent url("select2.png") no-repeat scroll 0px 1px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0px; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto ! important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0px; outline: 0px none; font-family: sans-serif; font-size: 1em; border: 1px solid rgb(170, 170, 170); border-radius: 0px; box-shadow: none; background: url("select2.png") no-repeat scroll 100% -22px, transparent -moz-linear-gradient(center bottom , rgb(255, 255, 255) 85%, rgb(238, 238, 238) 99%) repeat scroll 0% 0%; } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-search input.select2-active { background: url("select2-spinner.gif") no-repeat scroll 100% center, transparent -moz-linear-gradient(center bottom , rgb(255, 255, 255) 85%, rgb(238, 238, 238) 99%) repeat scroll 0% 0%; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid rgb(88, 151, 251); outline: medium none; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; box-shadow: 0px 1px 0px rgb(255, 255, 255) inset; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: transparent; background-image: -moz-linear-gradient(center bottom , rgb(255, 255, 255) 0%, rgb(238, 238, 238) 50%); } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border-width: 1px; border-style: solid; border-color: transparent rgb(88, 151, 251) rgb(88, 151, 251); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; background-image: -moz-linear-gradient(center top , rgb(255, 255, 255) 0%, rgb(238, 238, 238) 50%); } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent none repeat scroll 0% 0%; border-left: medium none; filter: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } .select2-results { max-height: 200px; padding: 0px 0px 0px 4px; margin: 4px 4px 4px 0px; position: relative; overflow-x: hidden; overflow-y: auto; } .select2-results ul.select2-result-sub { margin: 0px; padding-left: 0px; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; } .select2-results li { list-style: outside none none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 0.36rem 0px; margin: 0px; cursor: pointer; font-family: 'Anonymous Pro',sans-serif; font-weight: 300; color: rgb(136, 136, 136); font-size: 150%; text-transform: uppercase; letter-spacing: 0.1rem; -moz-user-select: none; } .select2-results .select2-highlighted .select2-result-label, .select2-results .select2-result-label:hover { color: rgb(255, 255, 255); } .select2-results .select2-highlighted { background: transparent none repeat scroll 0% 0%; color: rgb(255, 255, 255); } .select2-results li em { background: transparent none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-style: normal; } .select2-results .select2-highlighted em { background: transparent none repeat scroll 0% 0%; } .select2-results .select2-highlighted ul { background: transparent none repeat scroll 0% 0%; color: rgb(0, 0, 0); } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: transparent none repeat scroll 0% 0%; padding: 0.5rem 0px; font-family: 'Anonymous Pro',sans-serif; font-weight: 300; color: rgb(255,255,255); font-size: 100%; } .select2-results .select2-disabled.select2-highlighted { color: rgb(102, 102, 102); background: transparent none repeat scroll 0% 0%; display: list-item; cursor: default; } .select2-results .select2-disabled { background: transparent none repeat scroll 0% 0%; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: transparent url("select2-spinner.gif") no-repeat scroll 100% center; } .select2-more-results { background: transparent none repeat scroll 0% 0%; display: list-item; } .select2-container.select2-container-disabled .select2-choice { background: transparent none repeat scroll 0% 0%; border: 1px solid rgb(221, 221, 221); cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background: transparent none repeat scroll 0% 0%; border-left: 0px none; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } .select2-container-multi .select2-choices { height: auto ! important; margin: 0px; padding: 0px; position: relative; border: medium none; cursor: text; overflow: hidden; background: transparent none repeat scroll 0% 0%; } .select2-locked { padding: 3px 5px ! important; } .select2-container-multi .select2-choices { min-height: 3rem; min-width: 30rem; } .select2-container-multi.select2-container-active .select2-choices { border: medium none; outline: medium none; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); } .select2-container-multi .select2-choices li { float: left; list-style: outside none none; } .select2-container-multi .select2-choices .select2-search-field { margin: 0px; padding: 0px; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input, .select2-container-multi .select2-choices .select2-search-choice { font-family: 'Anonymous Pro'; font-size: 200%; font-weight: 300; line-height: 3rem; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.1rem; } .select2-container-multi .select2-choices .select2-search-field input { padding: 0px 1rem 1rem 0px; margin: 0px; outline: 0px none; border: 0px none; box-shadow: none; background: transparent none repeat scroll 0% 0% ! important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: transparent url("select2-spinner.gif") no-repeat scroll 100% center ! important; } .select2-default { color: rgb(136, 136, 136) ! important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 0px; margin: 0px; position: relative; cursor: default; border: medium none; box-shadow: none; background-clip: padding-box; -moz-user-select: none; background-color: transparent; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: transparent none repeat scroll 0% 0%; } .select2-search-choice-close { display: block; width: 16px; height: 16px; position: absolute; right: 0px; top: 0px; font-size: 1px; outline: medium none; background: transparent none repeat scroll 0% 0%; } .select2-search-choice-close::before { font-family: "E2Aicons"; font-size: 8px; color: rgb(255, 255, 255); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "x"; } .select2-container-multi .select2-search-choice-close { left: auto; top: -9px; right: -20px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } .select2-container-multi.select2-container-disabled .select2-choices { background-color: transparent; background-image: none; border: 1px solid rgb(221, 221, 221); cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px; border: 1px solid rgb(221, 221, 221); background-image: none; background-color: transparent; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: transparent none repeat scroll 0% 0%; } .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: none; color: rgb(255, 255, 255); } .select2-offscreen, .select2-offscreen:focus { clip: rect(0px, 0px, 0px, 0px) ! important; width: 1px ! important; height: 1px ! important; border: 0px none ! important; margin: 0px ! important; padding: 0px ! important; overflow: hidden ! important; position: absolute ! important; outline: 0px none ! important; left: 0px ! important; top: 0px ! important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } @media not all, only screen and (min-resolution: 144dpi) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url("select2x2.png") ! important; background-repeat: no-repeat ! important; background-size: 60px 40px ! important; } .select2-search input { background-position: 100% -21px ! important; } } /* @font-face { font-family: "Arapey"; font-style: normal; font-weight: 400; src: local("Arapey Regular"), local("Arapey-Regular"), url("UxBNFr2ZgBqbuTISOIrpmw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: "Arapey"; font-style: italic; font-weight: 400; src: local("Arapey Italic"), local("Arapey-Italic"), url("2fD9gIinOROmREwVfSHWKvesZW2xOQ-xsNqO47m55DA.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: "Buenard"; font-style: normal; font-weight: 700; src: local("Buenard Bold"), local("Buenard-Bold"), url("PukUZF_-8h1VwOByTqyaXyEAvth_LlrfE80CYdSH47w.woff2") format("woff2"); unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Buenard"; font-style: normal; font-weight: 700; src: local("Buenard Bold"), local("Buenard-Bold"), url("8T0adwz_RAtKrxbccQmEFPk_vArhqVIZ0nv9q090hN8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url("DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2") format("woff2"); unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url("DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url("DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url("DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url("DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2") format("woff2"); unicode-range: U+102-103, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url("DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2") format("woff2"); unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url("DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2") format("woff2"); unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2") format("woff2"); unicode-range: U+102-103, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2") format("woff2"); unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url("cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2") format("woff2"); unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2") format("woff2"); unicode-range: U+102-103, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2") format("woff2"); unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2") format("woff2"); unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2") format("woff2"); unicode-range: U+102-103, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2") format("woff2"); unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url("k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } */ /* ::::: (end import) ::::: */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; font-size-adjust: inherit; font-stretch: inherit; font-feature-settings: inherit; font-language-override: inherit; font-kerning: inherit; font-synthesis: inherit; font-variant: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: outside none none; margin: 0px; padding: 0px; } table { border-collapse: collapse; border-spacing: 0px; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q::before, q::after, blockquote::before, blockquote::after { content: none; } a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; transition: color 260ms ease-in-out 0s, border 260ms ease-in-out 0s; } a:link, a:visited { color: inherit; } a:hover, a:active, a:focus { color: rgb(119, 119, 119); } a img { border: medium none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } @font-face { font-family: "E2Aicons"; font-style: normal; font-weight: normal; src: url("E2Aicons.eot") format("embedded-opentype"), url("E2Aicons.woff") format("woff"), url("E2Aicons.ttf") format("truetype"), url("E2Aicons.svg") format("svg"); } .block-views .views-exposed-form .views-submit-button::before, .e2a-icon-filter-all-2, .e2a-icon-filter-tr-2, .e2a-icon-filter-tl-2, .e2a-icon-filter-bl-2, .e2a-icon-filter-br-2, .e2a-icon-paginator, .e2a-icon-up, .e2a-icon-down, .e2a-icon-filter-tr, .e2a-icon-filter-tl, .e2a-icon-filter-br, .e2a-icon-filter-bl, .e2a-icon-filter-all, .e2a-search-icon, .e2a-filter-icon { font-family: "E2Aicons"; font-size: 22px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .block-views-exposed-form h2 span.e2a-search-icon::before { content: "s"; font-size: 28px; position: absolute; right: 0px; top: 50%; margin-top: -11px; } #block-menu-menu-filter-menu h2 .e2a-filter-icon::before { content: "f"; position: absolute; left: 0px; top: 50%; margin-top: -10px; } .e2a-icon-paginator::before { content: "."; } .e2a-icon-up::before { content: "u"; font-size: 30px; } .e2a-icon-down::before { content: "d"; font-size: 30px; } .e2a-icon-filter-all::before { content: "0"; } .e2a-icon-filter-tr::before { content: "1"; } .e2a-icon-filter-br::before { content: "2"; } .e2a-icon-filter-bl::before { content: "3"; } .e2a-icon-filter-tl::before { content: "4"; } .e2a-icon-filter-all-2::before { content: "5"; } .e2a-icon-filter-tr-2::before { content: "6"; } .e2a-icon-filter-br-2::before { content: "7"; } .e2a-icon-filter-bl-2::before { content: "8"; } .e2a-icon-filter-tl-2::before { content: "9"; } .block-views .views-exposed-form .views-submit-button::before { font-size: 84px; content: "S"; display: block; height: 84px; } .block-views .views-exposed-form .views-submit-button { color: rgb(255, 255, 255); } .block-views .views-exposed-form .views-submit-button:hover, .block-views .views-exposed-form .views-submit-button:focus { color: rgb(255, 255, 255); } html { font-size: 125%; } @media (min-width: 520px) { html { font-size: 100%; letter-spacing: 0.015rem; } } @media (min-width: 800px) { html { font-size: 106.25%; } } @media (min-width: 1200px) { html { font-size: 112.5%; } } @media (min-width: 1500px) { html { font-size: 125%; } } @media (min-width: 1800px) { html { font-size: 137.5%; } } @media handheld { } body { font-family: "Arapey",serif; font-weight: 400; font-style: normal; color: var(--main-color-surface); } h1, h2, h3, h4, h5, h6 { font-family: 'Space Mono',monospace; } html, body { height: 100%; min-height: 100%; width: 100%; margin: 0px; } body.generic-page, .generic-page #page, .generic-page .region-content, .generic-page .region-content .block-system { height: auto; min-height: 0px; margin: 0px; } .generic-page #page { padding: 5rem; } .generic-page h1.title { display: block; } .link-tel { color: inherit; text-decoration: none; } .clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } .logo { font-family: 'Space Mono', monospace; font-weight: 700; letter-spacing: 0.1em;color:#fff; } #footer { z-index: 8000; width: 100%; height: 100%; position: fixed; left: 0px; top: 100%; margin-top: -57px; padding-top: 0px; box-sizing: border-box; transition: top 300ms ease-in-out 0s, margin-top 100ms ease-in-out 0s; } #footer.toggled { top: 0%; margin-top: 0px; } #footer .region-footer-top { position: relative; height: 57px; width: 100%; background: var(--main-color-surface-trans) none repeat scroll 0% 0%; text-align: center; cursor: pointer; transition: background 150ms linear 0s; color: rgb(255, 255, 255); z-index: 3000; } #footer .region-footer-top:hover { background:var(--main-color-surface) none repeat scroll 0% 0%; } #footer.toggled .region-footer-top { background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0%; } #footer.toggled .region-footer-top:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; } #footer .region-footer-top .logo { display: inline-block; margin: 12px auto 0px; color: rgb(255, 255, 255); font-size: 32px; line-height: 100%; text-shadow: 0px 0px 1px rgba(255, 255, 255, 0); } #footer.toggled .region-footer-top .logo { color: rgb(0, 0, 0); text-shadow: 0px 0px 1px rgb(255, 255, 255); } #footer .region-footer-top .logo, #block-menu-menu-filter-menu, .block-views-exposed-form { transition: color 100ms linear 0s, text-shadow 120ms linear 0s; } #footer .region-footer-top h2 { position: absolute; top: 50%; font-size: 1.35rem; text-transform: uppercase; font-weight: 300; font-family: 'Space Mono',monospace; display: inline-block; margin-top: -0.9rem; } #footer .region-footer-top h2 span.block-title { opacity: 0; transition: opacity 250ms linear 0s; } #footer .region-footer-top .block:hover h2 span { opacity: 1; } #block-menu-menu-filter-menu { position: absolute; width: 25%; left: 0px; top: 0px; bottom: 0px; text-decoration: none; color: rgb(255, 255, 255); text-align: left; } #block-menu-menu-filter-menu h2 { padding-left: 34px; left: 30px; } #footer.toggled .region-footer-top #block-menu-menu-filter-menu { color: rgb(0, 0, 0); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5); } .block-views-exposed-form { font-size: 28px; position: absolute; width: 25%; right: 0px; top: 0px; bottom: 0px; text-decoration: none; color: rgb(255, 255, 255); text-align: right; } .block-views-exposed-form h2 { padding-right: 40px; right: 25px; } #footer.toggled .region-footer-top .block-views-exposed-form { color: rgb(0, 0, 0); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5); } #footer .region-footer { position: absolute; background:var(--main-color-surface) none repeat scroll 0% 0%; padding: 3rem 2rem 0px; top: 57px; right: 0px; bottom: 0px; left: 0px; overflow: auto; } #footer #block-block-1 { width: 50%; position: absolute; left: 25%; top: 0px; bottom: 0px; } .bar-direction-index { position: absolute; top: 0px; left: 50%; margin-left: -26px; width: 52px; height: 52px; font-size: 30px; text-align: center; border-radius: 26px; opacity: 0; transition: opacity 250ms linear 0s, top 350ms ease-in-out 0s; } #bar_up { color: rgb(255, 255, 255); background: rgba(250, 42, 67, 0.4) none repeat scroll 0% 0%; } #bar_down { color: rgb(176, 176, 176); background: rgb(48, 48, 48) none repeat scroll 0% 0%; display: none; } #bar_up > span::before { display: inline-block; margin: 9px 0px 0px 2px; } #bar_down > span::before { display: inline-block; margin: 12px 0px 0px 2px; } #block-block-1:hover #bar_up { opacity: 1; top: -65px; transition: opacity 250ms linear 100ms, top 350ms ease-in-out 0s; } #footer.toggled #bar_up { display: none; } #footer.toggled #bar_down { display: block; } #block-block-1:hover #bar_down { opacity: 1; top: 68px; transition: opacity 250ms linear 100ms, top 350ms ease-in-out 0s; } #footer ul.menu, #footer ul.menu li { float: none; margin: 0px; } #footer ul.menu a, #footer ul.menu span { font-family: 'Space Mono',monospace; font-weight: 300; text-transform: uppercase; font-size: 2.25rem; margin-right: 2.5rem; text-decoration: none; cursor: pointer; transition: color 400ms ease-out 0s, text-shadow 350ms ease-out 0s;line-height:80px; } #footer ul.menu a:hover { transition: color 100ms linear 0s, text-shadow 120ms linear 0s; } #footer #block-menu-menu-filter-menu > ul.menu, .block-views form { display: block; position: fixed; left: 0px; right: 0px; top: 100%; bottom: 57px; overflow: auto; background: var(--main-color-surface) none repeat scroll 0% 0%; transition: top 300ms ease-in-out 0s; } #footer #block-menu-menu-filter-menu > ul.menu { padding: 3rem 2rem 0px; } #footer #block-menu-menu-filter-menu > ul.menu.toggled, .block-views form.toggled { top: 0px; } #footer #block-menu-menu-filter-menu ul.menu a, #footer #block-menu-menu-filter-menu ul.menu span { color: var(--main-color-ink-light); } #footer #block-menu-menu-filter-menu ul.menu a:hover { color: rgb(136, 136, 136); } #footer #block-menu-menu-filter-menu > ul.menu > li { display: inline; float: none; } #footer #block-menu-menu-filter-menu > ul.menu > li:first-child { display: block; } #footer #block-menu-menu-filter-menu > ul.menu > li a { margin: 0px 0px 0.25rem; padding: 0.5rem 0.75rem; display: inline-block; background-color: transparent; transition: color 300ms linear 0s, background-color 300ms linear 0s; } #footer #block-menu-menu-filter-menu > ul.menu > li > a { font-weight: 400; margin-right: 0.25rem; } #footer #block-menu-menu-filter-menu > ul.menu > li:hover a { /*background-color: rgba(0, 0, 0, 0.4);*/ } #footer #block-menu-menu-filter-menu > ul.menu > li a:hover, #footer #block-menu-menu-filter-menu > ul.menu > li a.active { background-color:var(--main-color-surface); color: rgb(255, 255, 255); } #footer #block-menu-menu-filter-menu > ul.menu > li:hover a.active { opacity: 0.8; } #footer #block-menu-menu-filter-menu > ul.menu > li a.active:hover { opacity: 1; } #footer #block-system-main-menu ul.menu a, #footer #block-system-main-menu ul.menu span { color: rgb(77, 77, 77); text-shadow: 0px 0px 1px rgba(255, 255, 255, 0); } #footer #block-system-main-menu ul.menu a:hover, #footer #block-system-main-menu ul.menu a.active { color: rgb(255, 255, 255); text-shadow: 0px 0px 0.25rem rgba(255, 255, 255, 0.4); } .block-views form { background:var(--main-color-surface) none repeat scroll 0% 0%; } .block-views form > div { position: relative; height: 100%; margin: 0px auto; } .block-views form .views-exposed-form { height: 100%; display: table; vertical-align: middle; margin: 0px auto; } .block-views form .views-exposed-widgets { height: 100%; min-width: 20rem; padding: 0px; display: table-cell; vertical-align: middle; text-align: center; } .views-exposed-form .views-exposed-widgets .views-exposed-widget { outline: 0px none; float: left; padding: 0px; } .block-views form input.form-autocomplete { border: 0px none; outline: 0px none; padding: 0px 1rem 1rem 0px; background: transparent none repeat scroll 0% 0%; color: white; font-family: 'Space Mono',monospace; font-size: 200%; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1rem; } .block-views .views-exposed-form .form-item, .block-views .views-exposed-form .form-submit { outline: 0px none; } .block-views .views-exposed-form .form-submit { display: none; margin: 0px; } .block-views .views-exposed-form .views-submit-button { margin-top: 0.33rem; text-align: right; cursor: pointer; } .block-views #autocomplete { border: 0px none; outline: 0px none; } .block-views #autocomplete ul { padding-left: 0.2rem; } .block-views #autocomplete ul li { padding: 0px; background: transparent none repeat scroll 0% 0%; font-family: 'Space Mono',monospace; font-size: 100%; font-weight: 300; text-transform: uppercase; text-align: left; letter-spacing: 0.1rem; display: block; float: none; height: 1.5rem; cursor: pointer; color: rgb(136, 136, 136) ! important; } .block-views #autocomplete .selected, .block-views #autocomplete li:hover { color: rgb(255, 255, 255) ! important; } #footer .info h6 { font-size: 1rem; color: rgb(52, 52, 52); margin: 2em 0px 1em; } #footer .info p { font-size: 1rem; color: rgb(52, 52, 52); } #footer #block-locale-language { clear: both; text-align: center; } #footer #block-locale-language ul { display: inline-block; } #footer #block-locale-language li { display: block; float: left; text-align: center; margin: 0px 1px; } #footer #block-locale-language li a { background: rgb(50, 50, 50) none repeat scroll 0% 0%; color: rgb(77, 77, 77); font-family: 'Space Mono',monospace; font-weight: 300; font-size: 1.625rem; text-transform: uppercase; letter-spacing: 0.05em; padding: 0.25rem 0.75rem; transition: background 150ms linear 0s, color 150ms linear 0s; } #footer #block-locale-language li a.active, #footer #block-locale-language li a:hover { color: rgb(255, 255, 255); } #footer #block-locale-language li a:hover { background: rgb(77, 77, 77) none repeat scroll 0% 0%; } #footer #block-system-main-menu { margin-bottom: 2rem; clear: both; float: left; width:100%;} #footer #block-views-contact-block { margin-bottom: 3.25rem; clear: both; /*float: left; */ text-align:center;} #footer #block-views-contact-block * { color: rgb(255, 255, 255); font-family: 'Space Mono',monospace; font-weight: 300; font-size: 0.727rem ! important; line-height: 125%; } #footer #block-views-contact-block .views-row div { display: inline; } .social-share { display: inline-block; width: 9em; overflow: hidden; } .social-share > a, .social-share > span { display: block; float: left; width: 16px; height: 16px; padding: 7px; overflow: hidden; background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0%; text-align: center; white-space: nowrap; position: relative; } .social-share > a:hover { background: rgb(0, 0, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255) ! important; } .social-share > a.disabled { color: rgb(156, 156, 156) ! important; cursor: default ! important; background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0% ! important; } .social-share .share-label { margin-right: 2px; z-index: 2; cursor: pointer; } .social-share .share-label:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; } .social-share > a::before, .social-share > span::before { font-family: "E2Aicons" ! important; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; padding-right: 1.385em; } .social-share .share-label::before { content: ""; } .social-share-twitter::before { content: ""; } .social-share-facebook::before { content: ""; } .social-share-linkedin::before { content: ""; } .social-share-pinterest::before { content: ""; } .social-share span.name { display: none; } @media all and (min-width: 721px) { .social-share a { transform: translate3d(-18em, 0px, 0px); transition: transform 800ms ease-in-out 0s, background 260ms linear 0s, color 260ms linear 0s; z-index: 1; } .share-expanded .social-share a { transform: translate3d(0px, 0px, 0px); } } @media all and (max-width: 720px) { .social-share { width: 100%; margin-top: 0.75rem; } .social-share .share-label { display: none; } .social-share > a { background: rgb(238, 238, 238) none repeat scroll 0% 0%; text-align: center; box-sizing: border-box; min-width: 36px; height: 36px; padding: 10px; } .social-share.length-4 > a { width: 25%; padding-left: 8%; } .social-share.length-5 > a { width: 20%; padding-left: 8%; } } @media all and (max-width: 480px) { #footer .block-views-exposed-form-search h2 span.block-title, #footer #block-menu-menu-filter-menu h2 span.block-title { display: none; } #footer .block-views-exposed-form-search h2 .icon, #footer #block-menu-menu-filter-menu h2 .icon { height: 22px; display: inline-block; } #footer .region-footer { padding: 2rem 0.5rem 0px; } #footer #block-menu-menu-filter-menu > ul.menu { padding: 2rem 0.25rem 0px; } #footer ul.menu li { display: block; margin: 0px 0px 0.25rem; } #footer #block-menu-menu-filter-menu > ul.menu > li > a { margin-right: 0px; } #footer #block-menu-menu-filter-menu > ul.menu > li a { display: block; } #footer ul.menu a, #footer ul.menu span { font-size: 2rem; margin-right: 0px; } #footer #block-menu-menu-filter-menu > ul.menu > li > a::before { font-size: 2rem; } } #block-menu-menu-home-link { position: absolute; right: 0px; z-index: 5000; } .grid-page #block-menu-menu-home-link { display: none; } #block-menu-menu-home-link li, .block-close-button span { font-family: "E2Aicons"; font-size: 1.125rem; display: block; padding: 1rem; } .block-close-button { position: fixed; right: 0px; top: 0px; transition: opacity 300ms linear 0s; } /* .block-close-button { position: fixed; right: 0px; top: 0px; opacity: 0; display: none; transition: opacity 300ms linear 0s; }*/ .js .region-footer-top .toggled + .block-close-button { opacity: 1; display: block; z-index: 10; } #block-menu-menu-filter-menu .block-close-button { color: rgb(0, 0, 0); } @media all and (max-width: 720px) { #block-menu-menu-home-link { position: fixed; right: auto; left: 50%; margin-left: -15px; z-index: 7000; } #block-menu-menu-home-link .menu li { margin: 0px; padding: 3px 0px 0px; font-size: 22px; top: 2px; } } form#user-login { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; } form#user-login > div { position: relative; height: 12rem; top: 50%; margin-top: -6rem; width: 18rem; left: 50%; margin-left: -9rem; text-align: center; } form#user-login .form-item, form#user-login .form-actions { text-align: left; } .profile { margin-top: 2rem; } .profile h3 { border-bottom: medium none; padding: 0.2rem 0.4rem; margin-bottom: 1rem; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.05rem; color: white; background: black none repeat scroll 0% 0%; display: inline-block; clear: both; } h1.title { display: none; } ul.menu li.expanded, ul.menu li.collapsed, ul.menu li.leaf { list-style: outside none none; padding: 0px; margin: 0px; } i, cite, em, var, address, dfn { font-style: italic; } strong, b { font-weight: 700; font-family: 'Space Mono',monospace; line-height: 1; } blockquote p { font-family: 'Space Mono',monospace; font-weight: 300; text-transform: uppercase; letter-spacing: 0.05rem; line-height: 140%; margin-bottom: 0px; display: block; } blockquote { padding-top: 0.5rem; display: inline-block; position: relative; } blockquote p::before { content: "”"; font-family: 'Space Mono',monospace; font-size: 900%; position: absolute; color: rgb(153, 153, 153); margin-top: 2.1rem; margin-left: -0.3rem; opacity: 0.25; } blockquote p::after { content: "“"; font-family: 'Space Mono',monospace; font-size: 900%; position: absolute; color: rgb(153, 153, 153); margin-top: 2.2rem; opacity: 0.25; margin-left: -2.7rem; } .drop-caps { font-size: 3.4rem; display: inline-block; line-height: 3.4rem; float: left; margin-top: -0.35rem; height: 2.4rem; margin-right: 0.25rem; } sup { font-size: 66.66%; vertical-align: 0.25em; line-height: 100%; } sub { font-size: 80%; line-height: 115%; display: inline-block; } .footnote { font-size: 86.36%; line-height: 1.22em; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .text-white { color: rgb(255, 255, 255); } .uppercase { text-transform: uppercase; } .bolder { font-weight: 600; } .rteindent1 { margin-left: 2rem; } .fill { width: 100%; height: 100%; } .external-link { border-bottom: 2px solid rgb(51, 51, 51); border-color: rgb(51, 51, 51); } .external-link:hover { border-color: rgb(153, 153, 153); } #page, .region-content, .region-content .block-system, .region-content .block-system > .node, .term-listing-heading { height: 100%; min-height: 100%; margin: 0px;background: var(--main-color-surface-trans) none } .field-label-above .field-label { clear: both; } .field-type-addressfield .field-items div, .field-type-addressfield.field-label-inline div.field-label { float: left; margin-right: 0.25em; } .field-name-field-project-completion-year span, .toc-label, .read-more-link, .text-button { display: inline-block; color: white; text-transform: uppercase; padding: 6px 12px 6px 15px; font-family: 'Space Mono',monospace; font-weight: 600; font-size: 15px; letter-spacing: 0.05rem; line-height: 115%; background: rgb(51, 51, 51) none repeat scroll 0% 0%; } .read-more-link { margin-top: 2.666rem; } .group-project-competition div { display: block; float: left; } .group-building-data p { margin-bottom: 0px ! important; } .node-marker { position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; margin-top: -36px; margin-left: -18px; background: rgba(255, 255, 255, 0.92) none repeat scroll 0% 0%; opacity: 0; z-index: 99; display: none; cursor: pointer; transition: opacity 0.3s linear 0s; } .node-marker > div { display: none; } .node-marker.active { position: absolute; width: 10rem; height: 10rem; margin-top: -9rem; margin-left: -8.55rem; opacity: 1; } .node-marker.active > div { display: block; margin: 0.66rem; text-align: center; font-size: 80%; line-height: 120%; } .node-marker.active::after { content: "!"; font-family: "E2Aicons"; font-size: 200%; position: absolute; right: 0.66rem; bottom: 0.66rem; } .olFramedCloudPopupContent { padding: 4px 8px ! important; opacity: 0.88; } .olFramedCloudPopupContent > div { max-width: 24em; } .openlayers-map .olFramedCloudPopupContent .openlayers-tooltip-name, .openlayers-map .olFramedCloudPopupContent .openlayers-tooltip-name *, .openlayers-map .olFramedCloudPopupContent .openlayers-tooltip-description, .openlayers-map .olFramedCloudPopupContent .openlayers-tooltip-description * { color: rgb(255, 255, 255); font-family: 'Space Mono',monospace ! important; font-size: 12px ! important; text-transform: uppercase; letter-spacing: 0.075em; line-height: 1.44; margin-bottom: 0px; } .openlayers-map .olFramedCloudPopupContent .openlayers-tooltip-name, .openlayers-map .olFramedCloudPopupContent .openlayers-tooltip-name * { font-weight: 700 ! important; } .openlayers-map .olFramedCloudPopupContent .openlayers-tooltip-name a { color: inherit; } .openlayers-map .olFramedCloudPopupContent .openlayers-tooltip-name a:hover { color: rgb(204, 204, 204); } .olLayerDiv image { cursor: pointer; } #popup_GroupDiv { height: 92% ! important; } .geofield-map .olPopup { } .geofield-map .olFramedCloudPopupContent .openlayers-tooltip-name { } .view-tiles .views-row { margin: 0px; padding: 25% 0px 0px; float: left; width: 25%; position: relative; } .info-panel, .image-panel { position: absolute; left: 5%; top: 5%; width: 95%; height: 95%; overflow: hidden; } .info-panel { background: var(--main-color-surface-trans) none;color:#fff; repeat scroll 0% 0%; z-index: 5; transition: opacity 260ms cubic-bezier(0.2, 0, 0.8, 1) 0s; } .image-panel + .info-panel { opacity: 0;border: 1px solid #fff; } .view-tiles .views-row:hover .info-panel { opacity: 1; } .info-panel div { text-align: center; } .info-panel .head { padding-top: 10%; color:#fff; } .info-panel .subhead { font-size: 0.7rem; padding-top: 1rem; padding-left:10px;margin-right:10px;color:#fff; } .info-panel .field-content, .info-panel a { display: inline-block; height: 100%; width: 100%; } .info-panel a:hover { color: rgb(0, 0, 0); } .info-panel .category { position: absolute; top: 230px; width: 100%; text-align: center; transition: bottom 260ms ease-in-out 0s; } /**/ .info-panel .category span { display: inline-block; color: white; text-transform: uppercase; padding: 5px 8px; font-family: 'Space Mono',monospace; font-size: 15px; line-height: 125%; letter-spacing: 0.05rem; background: #fff none repeat scroll 0% 0%; } .field-content .category { position: absolute; top: 230px; width: 100%; text-align: center; transition: bottom 260ms ease-in-out 0s; } /**/ .field-content .category span { display: inline-block; /* color:var(--main-color-surface)*/ ; text-transform: uppercase; padding: 5px 8px; font-family: 'Space Mono',monospace; font-size: 15px; line-height: 125%; letter-spacing: 0.05rem; background: none repeat scroll 0% 0%; } .view-tiles .views-row:hover .category { bottom: 0px; } /*.image-panel { background: rgb(221, 221, 221) none repeat scroll 0% 0%; }*/ .view-tiles .views-field img { position: absolute; left: 0%; top: 0%; height: 100%; width: 100%; transition: left 260ms linear 0s, top 260ms linear 0s, width 260ms linear 0s, height 260ms linear 0s; } .view-tiles .views-row:hover img { width: 110%; height: 110%; left: -5%; top: -5%; } /*.view-tiles .node-project::after { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAAA3NCSVQICAjb4U/gAAAACVBMVEX///////////+OSuX+AAAAA3RSTlMAVf8QuIJCAAAACXBIWXMAAAsSAAALEgHS3X78AAAAGHRFWHRDcmVhdGlvbiBUaW1lADA2LjA5LjIwMTNsEb8dAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAHRJREFUGJVNkbERwDAIxOyGITxN5mEaD5EGpkw47jlRqZANPGv9tZ+lsjt43kEP0c6UbJmST6Zkz4xRJVvhlSrZC2PUlq3xSm3ZG2PUkk14pZbswiBCwDN8hhZsjHEwJEbnQlgTyyMSBoX4ECqi5gFwlj7WBwPkhNGOv6TcAAAAAElFTkSuQmCC") repeat scroll left bottom; content: ""; width: 20px; height: 20px; right: 5%; top: 5%; position: absolute; } .view-tiles .node-article::after { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAAA3NCSVQICAjb4U/gAAAACVBMVEX///////////+OSuX+AAAAA3RSTlMAVf8QuIJCAAAACXBIWXMAAAsSAAALEgHS3X78AAAAGHRFWHRDcmVhdGlvbiBUaW1lADA2LjA5LjIwMTNsEb8dAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAHRJREFUGJVNkbERwDAIxOyGITxN5mEaD5EGpkw47jlRqZANPGv9tZ+lsjt43kEP0c6UbJmST6Zkz4xRJVvhlSrZC2PUlq3xSm3ZG2PUkk14pZbswiBCwDN8hhZsjHEwJEbnQlgTyyMSBoX4ECqi5gFwlj7WBwPkhNGOv6TcAAAAAElFTkSuQmCC") repeat scroll right bottom; content: " "; width: 20px; height: 20px; left: 5%; top: 5%; position: absolute; } */ .view-tiles .node-quarterly::after { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAAA3NCSVQICAjb4U/gAAAACVBMVEX///////////+OSuX+AAAAA3RSTlMAVf8QuIJCAAAACXBIWXMAAAsSAAALEgHS3X78AAAAGHRFWHRDcmVhdGlvbiBUaW1lADA2LjA5LjIwMTNsEb8dAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAHRJREFUGJVNkbERwDAIxOyGITxN5mEaD5EGpkw47jlRqZANPGv9tZ+lsjt43kEP0c6UbJmST6Zkz4xRJVvhlSrZC2PUlq3xSm3ZG2PUkk14pZbswiBCwDN8hhZsjHEwJEbnQlgTyyMSBoX4ECqi5gFwlj7WBwPkhNGOv6TcAAAAAElFTkSuQmCC") repeat scroll right top; content: " "; width: 20px; height: 20px; left: 5%; bottom: 5%; position: absolute; } .view-tiles .node-article.type-publikationen::after, .view-tiles .node-article.type-ausstellungen::after, .view-tiles .node-article.type-jobs::after { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAAA3NCSVQICAjb4U/gAAAACVBMVEX///////////+OSuX+AAAAA3RSTlMAVf8QuIJCAAAACXBIWXMAAAsSAAALEgHS3X78AAAAGHRFWHRDcmVhdGlvbiBUaW1lADA2LjA5LjIwMTNsEb8dAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAHRJREFUGJVNkbERwDAIxOyGITxN5mEaD5EGpkw47jlRqZANPGv9tZ+lsjt43kEP0c6UbJmST6Zkz4xRJVvhlSrZC2PUlq3xSm3ZG2PUkk14pZbswiBCwDN8hhZsjHEwJEbnQlgTyyMSBoX4ECqi5gFwlj7WBwPkhNGOv6TcAAAAAElFTkSuQmCC") repeat scroll left top; content: " "; width: 20px; height: 20px; left: auto; top: auto; right: 5%; bottom: 5%; position: absolute; } .view.toc { position: absolute; left: 5%; top: 5%; right: 5%; bottom: 100px; } .toc .view-content, .field-name-field-quarterly-nodes { max-width: 45.5rem; margin: 0px auto; } .view-header, .toc-header { text-align: center; margin-bottom: 3rem; } .toc-header h2, .toc .view-header h2 { margin-bottom: 1rem; } .toc h5 { border-top: 2px solid rgb(51, 51, 51); padding-top: 0.476rem; margin-top: 0px; margin-bottom: 0px; } .toc .view-content, .field-name-field-quarterly-nodes { font-size: 85%; line-height: 115%; } .toc .views-row { margin-bottom: 0.476rem; display: inline-block; float: none; width: 100%; } .view-quarterly.toc .views-row, .field-name-field-quarterly-nodes .field-item { margin-bottom: 1rem; } .toc .views-field-field-headline, .field-name-field-quarterly-nodes .field-name-field-headline { line-height: 110%; padding: 0.25rem 0px; margin: 0px; } .toc .views-field-term-node-tid-i18n, .toc .views-field-counter, .toc .view-grouping .grouping-header, .field-name-field-quarterly-nodes .field-type-taxonomy-term-reference { font-family: 'Space Mono',monospace; font-size: 75%; text-transform: uppercase; letter-spacing: 0.05rem; height: 1rem; } .toc .views-field-field-rich-image, .field-name-field-quarterly-nodes .field-name-field-rich-image { width: 40%; float: left; padding: 0.9rem 0.667rem 0px 0px; } .toc .views-field-field-rich-image img, .field-layout-toc .field-name-field-rich-image img { width: 100%; height: auto; } .toc .views-field-counter { float: right; padding-top: 0.5rem; line-height: 1.333rem; } .node-quarterly .toc .views-field-counter { padding-top: 0px; line-height: 1rem; } .toc .view-grouping { margin-bottom: 2rem; } .toc .view-grouping .grouping-header { text-align: center; } .view-quarterly.magazine, .view-quarterly.magazine > .view-content, .view-quarterly.magazine > .view-content > .views-row { height: 100%; } .view-quarterly.magazine .views-row { display: none; } .view-quarterly.magazine .section-1 .views-row { display: block; } .cover .view-content { height: 100%; } .page-office #page { margin: 0px; } .vcard p, .vcard span { font-size: 1.75rem; line-height: 2.25rem; margin-bottom: 0px; font-family: 'Space Mono',monospace; font-weight: 300; } .vcard span { display: block; } .vcard abbr { display: inline; } .vcard #download { font-family: 'Space Mono',monospace; font-size: 75%; text-transform: uppercase; letter-spacing: 0.05rem; margin: 1rem 0px; } @media (min-width: 520px) { .vcard p, .vcard span { font-size: 3.75rem; line-height: 4.5rem; } .vcard span { display: inline-block; } .vcard span::after { content: " / "; } .vcard span:last-of-type::after { content: ""; } } .view-awards > .view-content { display: table; } .view-awards > .view-content .views-row { display: table-row; } .view-awards > .view-content .views-field { display: table-cell; vertical-align: middle; } .edit-link { position: absolute; top: 0px; left: 0px; z-index: 99; padding: 4px 12px; } .edit-link a { font-family: 'Anonymous Pro'; font-size: 55%; text-transform: uppercase; letter-spacing: 0.1em; color: rgb(255, 255, 255); text-shadow: 1px 1px 1px rgb(68, 68, 68); } .edit-link a:hover { color: rgb(255, 255, 255); text-shadow: 1px 1px 1px rgb(17, 17, 17); } pre.debug { font-family: monospace; font-size: 13px; line-height: 1.5em; color: rgb(0, 0, 153); position: absolute; right: 0px; top: 0px; max-width: 900px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; opacity: 0.88; z-index: 999; } .slidemag { position: relative; min-height: 100%; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow-x: hidden; } .slidemag .section { position: absolute; display: none; background-color: rgb(255, 255, 255); } .slidemag .section.active { display: block ! important; } .sld-controls { display: inline; z-index: 6000; position: fixed; } .sld-control, .sld-control:link, .sld-control:visited { font-family: "E2Aicons"; position: fixed; top: 50%; margin-top: -27px; width: 54px; height: 54px; display: inline-block; z-index: 6000; text-decoration: none; font-size: 25px; line-height: 150%; color: rgba(255, 255, 255, 0.85); background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%; transition: background-color 200ms linear 0s, right 300ms ease-in-out 0s, left 300ms ease-in-out 0s; } .sld-control:hover, .sld-control:focus, .sld-control:active { background: rgba(0, 0, 0, 0.65) none repeat scroll 0% 0%; color: rgb(255, 255, 255); } .sld-control.sld-left { left: 0px; border-top-right-radius: 26px; border-bottom-right-radius: 26px; } .sld-control.sld-right { right: 0px; border-top-left-radius: 26px; border-bottom-left-radius: 26px; } .sld-control > span { position: absolute; top: 11px; transform: rotate(0deg); transition: transform 200ms ease-in-out 0s; } .sld-control.sld-left > span { left: 10px; } .sld-control.sld-right > span { right: 10px; } .sld-control.touchdrag > span { transform: rotate(180deg); } .sld-control.sld-left.disabled { left: -60px; } .sld-control.sld-right.disabled { right: -60px; } .sld-bullets { z-index: 6000; width: 100%; display: block; position: fixed; bottom: 75px; text-align: center; } .sld-bullet { display: inline; color: rgb(210, 210, 210); padding: 6px; font-size: 20px; text-decoration: none; cursor: pointer; transition: color 190ms linear 0s; } .sld-bullet.active, .sld-bullet:hover { color: rgb(245, 245, 245); } @media all and (max-width: 720px) { .sld-controls { display: inline-block; background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0%; height: 28px; left: 0px; top: 0px; position: fixed; width: 100%; } .pagination { display: none ! important; } .sld-control, .sld-control:link, .sld-control:visited { color: rgb(0, 0, 0); display: inline-block; font-size: 22px; height: 100%; margin-top: 0px; position: absolute; top: 0px; width: 26px; background: transparent none repeat scroll 0% 0%; border-radius: 0px; } .sld-control > span { top: -2px; } .sld-control.sld-right > span { right: 4px; } .sld-control.sld-left > span { left: 4px; } } .slidemag.animating { overflow: hidden; min-height: 100%; } .sld-ani-slide-from-right { transform: translate3d(100%, 0px, 0px); } .sld-ani-slide-from-left { transform: translate3d(-100%, 0px, 0px); } .sld-ani-slide { z-index: 3000; position: absolute; left: 0px; top: 0px; transition: transform 800ms ease-in-out 0s; } .sld-ani-touch { z-index: 3000; position: absolute; left: 0px; top: 0px; transition: transform 500ms ease-in-out 0s; } .sld-ani-snap { position: absolute; left: 0px; top: 0px; transition: transform 160ms ease-in 0s; } .sld-ani-slide-to-right { transform: translate3d(100%, 0px, 0px); } .sld-ani-slide-to-left { transform: translate3d(-100%, 0px, 0px); } @media all and (max-width: 800px) { .slidemag { height: 100%; min-height: 100%; } .slidemag .section.active { position: absolute; left: 0px; top: 0px; height: 100%; min-height: 100%; padding-bottom: 0px; overflow: scroll; } } .sld-fx-shadow-big { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.35); } .section { position: absolute; width: 100%; height: 100%; } .section > .field, .section .views-row > .field { position: absolute; } .field-layout-100 .field-name-field-text, .section-header { top: 5%; right: 5%; bottom: 100px; left: 5%; z-index: 1; } .field-layout-33-66.text-left .field-name-field-text, .field-layout-33-66.text-left .section-header { top: 5%; right: 64%; bottom: 100px; left: 5%; } .field-layout-33-66.text-left .field-type-file { top: 5%; right: 5%; bottom: 100px; left: 39%; } .field-layout-33-66.image-left .field-type-file { top: 5%; right: 67%; bottom: 100px; left: 5%; } .field-layout-33-66.image-left .field-name-field-text, .field-layout-33-66.image-left .section-header { top: 5%; right: 5%; bottom: 100px; left: 36%; } .field-layout-50-50.text-left .field-name-field-text, .field-layout-50-50.text-left .section-header { top: 5%; right: 53%; bottom: 100px; left: 5%; } .field-layout-50-50.text-left .field-type-file { top: 0px; right: 0px; bottom: 0px; left: 50%; } .field-layout-50-50.image-image .field-type-file { top: 0px; right: 0px; bottom: 0px; left: 51%; } .field-layout-50-50.image-left .field-name-field-text, .field-layout-50-50.image-left .section-header { top: 5%; right: 5%; bottom: 100px; left: 53%; } .field-layout-50-50.image-left .field-type-file { top: 0px; right: 50%; bottom: 0px; left: 0px; } .field-layout-50-50.image-image .field-type-file:first-child { top: 0px; right: 51%; bottom: 0px; left: 0px; } .field-layout-66-33.text-left .field-name-field-text, .field-layout-66-33.text-left .section-header { top: 5%; right: 36%; bottom: 100px; left: 5%; } .field-layout-66-33.text-left .field-type-file { top: 5%; right: 5%; bottom: 100px; left: 67%; } .field-layout-66-33.image-left .field-type-file { top: 5%; right: 33%; bottom: 100px; left: 5%; } .field-layout-66-33.image-left .field-name-field-text, .field-layout-66-33.image-left .section-header { top: 5%; right: 5%; bottom: 100px; left: 70%; } .full-image { width: 100%; height: 100%; } .full-image .field-type-file { top: 0px; right: 0px; bottom: 0px; left: 0%; width: 100%; height: 100%; } .group-location-data { top: 40px; right: 5%; bottom: 100px; left: 39%; } .group-location-data .map-container { width: 100%; height: 100%; } .text-padding { width: 100%; height: 100px; position: relative; display: block; } .field-type-bg-image { background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-image: url("blank.jpg"); } .field-type-bg-image.bg-cover { background-size: cover; } .field-type-bg-image.bg-contain { background-size: contain; } .field-type-img-image { overflow: hidden; vertical-align: middle; text-align: center; } .field-type-img-image img { max-height: 100%; max-width: 100%; width: auto; height: auto; display: inline; vertical-align: bottom; } .section-header { position: absolute; z-index: 2; } .section-header-content { display: table; vertical-align: middle; position: relative; width: 100%; height: 100%; } .section-header-text { display: table-cell; vertical-align: middle; } .align-left .section-header-text, .align-right .section-header-text { display: table-cell; vertical-align: top; } .article-header { margin-bottom: 2.4rem; } .field-name-field-video div { width: 100%; height: 100%; } .field-name-field-video .file-video { display: table; vertical-align: middle; text-align: center; } .field-name-field-video .file-video .content { display: table-cell; vertical-align: middle; text-align: center; } .field-name-field-video .file-video .content > div { position: relative; padding-bottom: 56.25%; padding-top: 22px; height: 0px; } .field-name-field-video .file-video .content > div iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .group-project-data .field-type-geofield .geofieldMap { width: 100%; height: 100%; overflow: hidden; position: relative; } @media all and (max-width: 720px) { .section { position: relative; height: auto; padding-bottom: 50px; } .animating .section { position: absolute; top: 0px; height: 100%; padding-bottom: 0px; overflow: hidden; } .field-name-field-text .text-align { position: relative; width: 100%; height: auto; display: table; max-width: 100%; overflow-x: hidden; } .field-name-field-text .text-align > div { text-align: center; margin: 0px; padding: 0px; } .field-name-field-text .text-align > div > * { margin: 0px; } .section > .field { position: relative ! important; width: 90% ! important; height: auto ! important; top: auto ! important; right: 5% ! important; bottom: auto ! important; left: 5% ! important; padding-bottom: 25px ! important; } .section > .section-header, .section > .article-header { position: absolute; width: 90% ! important; height: auto; top: 0px; right: 5% ! important; bottom: 0px; left: 5% ! important; padding-bottom: 25px; } .section.full-image > .field.field-type-bg-image { width: 100% ! important; height: 100%; top: 0px; right: 0px ! important; bottom: auto; left: 0px ! important; padding-bottom: 0px; } .section > div:first-child { padding-top: 38px; } .section > .field:last-of-type { padding-bottom: 80px; } .text-padding { display: none; } .field-layout-66-33.image-left .field-type-file, .field-layout-66-33.text-left .field-type-file, .field-layout-33-66.image-left .field-type-file, .field-layout-33-66.text-left .field-type-file, .section.text-left .field-type-file, .section.image-left .field-type-file, .group-project-data .field-type-geofield { width: 90%; padding-top: 75%; height: 0px; left: 5%; right: 5%; } .section.text-left .field-type-file { margin-bottom: 2rem; } .section.text-left .field-type-text { top: 0px; } .full-image .field-type-file { min-height: 100%; } .full-image .field-type-file.bg-contain { min-height: 75%; } .full-image .field-type-file.bg-cover { padding-top: 0px; } .field-layout-50-50.image-left .field-type-file, .field-layout-50-50.image-image .field-type-file, .field-layout-50-50.text-left .field-type-file { left: 0px; width: 100%; padding-top: 120%; min-height: auto; } .field-layout-50-50.text-left .field-name-field-text, .field-layout-33-66.text-left .field-name-field-text, .section > .field.field-name-field-text { top: 0px; } .section > .field.group-location-data { height: 65%; left: 5%; width: 85%; } } @media all and (min-width: 721px) { .field-name-field-text .text-align { position: relative; width: 100%; height: 100%; display: table; } .field-name-field-text .text-align > * { display: table-cell; } .field-name-field-text .text-align > * { vertical-align: middle; text-align: center; } } .text-wrapper { text-align: left; hyphens: auto; } .text-scale { font-size: 1rem; line-height: 1.375rem; } .text-scale p { margin-top: 0px; } @media (min-width: 600px) { .text-scale { letter-spacing: 0.01rem; line-height: 1.275rem; } .text-scale p { margin-bottom: 1.275rem; } } @media (min-width: 1200px) { .text-scale { letter-spacing: 0.005rem; line-height: 1.325rem; } .text-scale p { margin-bottom: 1.325rem; } } @media (min-width: 1500px) { .text-scale { letter-spacing: 0px; line-height: 1.275rem; } .text-scale p { margin-bottom: 1.275rem; } } @media (min-width: 1800px) { .text-scale { letter-spacing: 0px; line-height: 1.25rem; } .text-scale p { margin-bottom: 1.25rem; } } h1 { font-size: 2rem; line-height: 3.6rem; } h2 { font-size: 1.75rem; line-height: 125%; } h3 { font-size: 1.5rem; line-height: 125%; margin-bottom: 1rem; } h4 { font-size: 1.25rem; line-height: 125%; margin-bottom: 0.75rem; } h5 { font-size: 1rem; line-height: 125%; margin-bottom: 0.667rem; margin-top: 1.25rem; } h5:first-child { margin-top: 0px; } .field-name-field-headline h1, .section-header h1 { font-size: 2.5rem; line-height: 150%; text-align: inherit; } .field-name-field-subhead span { font-size: 1.5rem; line-height: 125%; text-align: inherit; font-family: 'Space Mono',monospace; font-style: normal; font-weight: 400; } .full-image .field-name-field-headline h1, .full-image .section-header h1 { font-size: 4rem; line-height: 8rem; text-align: inherit; } .full-image .field-name-field-subhead span { font-size: 1.75rem; line-height: 125%; text-align: inherit; font-family: 'Space Mono',monospace; font-style: normal; font-weight: 400; } .subhead{ font-family: 'Space Mono',monospace;font-size: 0.8rem; } @media (max-width: 520px) { .full-image .field-name-field-headline h1, .full-image .section-header h1, .section .section-header h1 { font-size: 2rem; line-height: 115%; } .full-image .field-name-field-subhead span { font-size: 1.25rem; line-height: 120%; padding-top: 0.5rem; } .full-image .field-name-field-subhead { padding-top: 1.25rem; } } .field .field-label { font-family: 'Space Mono',monospace; font-weight: 600; font-size: 0.925rem; } .field-name-field-headline h2, .field-name-field-text h2 { font-family: 'Space Mono',monospace; font-weight: 600; font-size: 1.25rem; text-transform: uppercase; } .field-name-field-project-completion-year span { display: inline-block; font-family: 'Space Mono',monospace; color: rgb(255, 255, 255); text-transform: uppercase; padding: 1px 12px; font-size: 0.75rem; margin-bottom: 1rem; background: rgb(0, 0, 0) none repeat scroll 0% 0%; } .group-building-data { } .group-building-data > .field { margin-bottom: 0.65rem; width: 100%; float: left; } .group-building-data > .field-name-field-headline { margin-bottom: 0px; } .group-building-data .field-name-field-project-completion-year { margin-top: 0.75rem; margin-bottom: 0px; } .columns { } @media (min-width: 721px) { .columns { box-sizing: border-box; -moz-column-gap: 2.5rem; -moz-column-width: 21rem; transition: all 0.3s linear 0s; } } .art-text-lead { font-size: 3.4rem; display: inline-block; line-height: 3.4rem; float: left; margin-top: -0.35rem; height: 2.4rem; margin-right: 0.25rem; } .section-footer { display: inline-block; position: fixed; left: 0px; right: 0px; bottom: 68px; width: auto; height: auto; z-index: 6000; opacity: 1; transition: opacity 0.2s linear 0s; } .slidemag.animating + .sld-controls .section-footer { opacity: 0; } .section-footer a, .section-footer span, .image-caption span { font-family: 'Space Mono',monospace; color: rgb(0, 0, 0); font-size: 13px; line-height: 1.385; } .section-footer a:hover { color: rgb(96, 96, 96); } .section-footer > * { display: inline-block; vertical-align: middle; } .section-footer .content { background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0%; text-shadow: 0px 0px 2px white; padding: 6px 12px 6px 5%; margin-right: 8px; } .content[data-page-count="1"] .section-footer { display: inline-block ! important; } @media all and (max-width: 720px) { .section > .section-footer { display: inline-block ! important; position: relative; bottom: 0px; padding: 0.5rem 12px 56px 5%; margin-top: 1rem; opacity: 1; } .section-footer .content { padding-left: 0px; padding-right: 0px; margin-right: 0px; } } .image-caption { display: inline-block; position: fixed; right: 5%; bottom: 68px; padding: 6px 12px 8px; margin-right: -12px; width: auto; height: auto; text-shadow: 0px 0px 2px white; background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0%; max-width: 20rem; line-height: 0.9rem; } .full-image .image-caption { right: 12px; margin-right: 0px; } .field-layout-50-50.text-left .image-caption { right: auto; margin-left: 12px; } .field-layout-50-50.image-left .image-caption { margin-right: 12px; right: 50%; } @media all and (max-width: 720px) { .image-caption { position: absolute; bottom: 0px; right: 0px ! important; margin: 0px ! important; max-width: 100%; } } .no-js .section-1 { left: 0px; } .no-js .node-1-sections { width: 100%; } .no-js .node-1-sections .section { width: 100%; } .no-js .node-2-sections { width: 200%; } .no-js .node-2-sections .section { width: 50%; } .no-js .node-2-sections .section-2 { left: 50%; } .no-js .node-3-sections { width: 300%; } .no-js .node-3-sections .section { width: 33.333%; } .no-js .node-3-sections .section-2 { left: 33.333%; } .no-js .node-3-sections .section-3 { left: 66.667%; } .no-js .node-4-sections { width: 400%; } .no-js .node-4-sections .section { width: 25%; } .no-js .node-4-sections .section-2 { left: 25%; } .no-js .node-4-sections .section-3 { left: 50%; } .no-js .node-4-sections .section-4 { left: 75%; } .no-js .node-5-sections { width: 500%; } .no-js .node-5-sections .section { width: 20%; } .no-js .node-5-sections .section-2 { left: 20%; } .no-js .node-5-sections .section-3 { left: 40%; } .no-js .node-5-sections .section-4 { left: 60%; } .no-js .node-5-sections .section-5 { left: 80%; } .no-js .node-6-sections { width: 600%; } .no-js .node-6-sections .section { width: 16.667%; } .no-js .node-6-sections .section-2 { left: 16.667%; } .no-js .node-6-sections .section-3 { left: 33.333%; } .no-js .node-6-sections .section-4 { left: 50%; } .no-js .node-6-sections .section-5 { left: 66.667%; } .no-js .node-6-sections .section-6 { left: 83.333%; } .no-js .node-7-sections { width: 700%; } .no-js .node-7-sections .section { width: 14.286%; } .no-js .node-7-sections .section-2 { left: 14.286%; } .no-js .node-7-sections .section-3 { left: 28.571%; } .no-js .node-7-sections .section-4 { left: 42.857%; } .no-js .node-7-sections .section-5 { left: 57.143%; } .no-js .node-7-sections .section-6 { left: 72.426%; } .no-js .node-7-sections .section-7 { left: 85.714%; } .no-js .node-8-sections { width: 800%; } .no-js .node-8-sections .section { width: 12.5%; } .no-js .node-8-sections .section-2 { left: 12.5%; } .no-js .node-8-sections .section-3 { left: 25%; } .no-js .node-8-sections .section-4 { left: 37.5%; } .no-js .node-8-sections .section-5 { left: 50%; } .no-js .node-8-sections .section-6 { left: 62.5%; } .no-js .node-8-sections .section-7 { left: 75%; } .no-js .node-8-sections .section-8 { left: 87.5%; } .no-js .node-9-sections { width: 900%; } .no-js .node-9-sections .section { width: 11.111%; } .no-js .node-9-sections .section-2 { left: 11.111%; } .no-js .node-9-sections .section-3 { left: 22.222%; } .no-js .node-9-sections .section-4 { left: 33.333%; } .no-js .node-9-sections .section-5 { left: 44.444%; } .no-js .node-9-sections .section-6 { left: 55.555%; } .no-js .node-9-sections .section-7 { left: 66.666%; } .no-js .node-9-sections .section-8 { left: 77.777%; } .no-js .node-9-sections .section-9 { left: 88.888%; } .no-js .node-10-sections { width: 1000%; } .no-js .node-10-sections .section { width: 10%; } .no-js .node-10-sections .section-2 { left: 10%; } .no-js .node-10-sections .section-3 { left: 20%; } .no-js .node-10-sections .section-4 { left: 30%; } .no-js .node-10-sections .section-5 { left: 40%; } .no-js .node-10-sections .section-6 { left: 50%; } .no-js .node-10-sections .section-7 { left: 60%; } .no-js .node-10-sections .section-8 { left: 70%; } .no-js .node-10-sections .section-9 { left: 80%; } .no-js .node-10-sections .section-10 { left: 90%; } @media only screen and (min-width: 1200px) { } @media only screen and (max-device-width: 1024px) and (orientation: landscape), only screen and (min-width: 960px) and (max-width: 1199px) and (min-device-width: 1100px) { } @media only screen and (max-device-width: 1024px) and (orientation: portrait), only screen and (min-width: 768px) and (max-width: 959px) and (min-device-width: 1100px) { } @media only screen and (max-width: 759px) { } @media screen and (max-width: 520px) { .view-tiles .views-row { width: 100%; padding-top: 100%; } .info-panel {width: 90%;} /*.view-tiles .views-row .info-panel .category { bottom: 5%; } .view-tiles .views-row .info-panel { opacity: 1; background: rgba(255, 255, 255, 0.55) none repeat scroll 0% 0%; } .view-tiles .views-row .image-panel .category { display:none; } .view-tiles .views-row { padding-top: 100%; width: 95%; } .futbig { display: none; } .futsmall { display: block; } .view-tiles .views-row { width: 50%; padding-top: 50%; }*/ .futbig { display: block;margin-top:100px; } .futsmall { display: none; } } @media screen and (min-width: 520px) and (max-width: 768px) { .view-tiles .views-row { width: 50%; padding-top: 50%; } .futbig { display: block; } .futsmall { display: none; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .view-tiles .views-row { width: 33%; padding-top: 33%; } .futbig { display: block; } .futsmall { display: none; } } @media screen and (min-width: 1024px) and (max-width: 1280px) { .view-tiles .views-row { width: 25%; padding-top: 25%; } .futbig { display: block; } .futsmall { display: none; } } @media screen and (min-width: 1280px) and (max-width: 1536px) { .view-tiles .views-row { width: 20%; padding-top: 20%; } .futbig { display: block; } .futsmall { display: none; } } @media screen and (min-width: 1536px) { .view-tiles .views-row { width: 24.6%; padding-top: 16.5%; } .futbig { display: block; } .futsmall { display: none; } } #moj_navbar_top { position: fixed; top: 0px; width: 100%; height: 57px; z-index:2000; background: var(--main-color-surface-trans) none repeat scroll 0 0; } #headerx { z-index: 3000; width: 100%; height: 230px; position: fixed; top: 0px; padding-top: 0px; box-sizing: border-box; transition: top 300ms ease-in-out 0s, margin-top 100ms ease-in-out 0s; } #headerx.toggled { top: 0%; margin-top: 0px; } #headerx .region-headerx-top { position: relative; height: 100%; width: 100%; background: var(--main-color-surface-trans) none repeat scroll 0% 0%; text-align: center; cursor: pointer; transition: background 150ms linear 0s; color: rgb(255, 255, 255); z-index: 3000; } #headerx .region-headerx-top:hover { background:var(--main-color-surface) none repeat scroll 0% 0%; } #headerx.toggled .region-headerx-top { background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0%; } #headerx.toggled .region-headerx-top:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; } #headerx .region-headerx-top .logo { margin: 12px auto 0px; color: rgb(255, 255, 255); font-size: 60px; line-height: 100%; text-shadow: 0px 0px 1px rgba(255, 255, 255, 0);text-align:left; } #headerx.toggled .region-headerx-top .logo { color: rgb(0, 0, 0); text-shadow: 0px 0px 1px rgb(255, 255, 255); } #headerx .region-headerx-top .logo, #block-menu-menu-filter-menu, .block-views-exposed-form { transition: color 100ms linear 0s, text-shadow 120ms linear 0s; } #headerx .region-headerx-top h2 { position: absolute; top: 50%; font-size: 1.35rem; text-transform: uppercase; font-weight: 300; font-family: 'Space Mono',monospace; display: inline-block; margin-top: -0.9rem; } #headerx .region-headerx-top h2 span.block-title { opacity: 0; transition: opacity 250ms linear 0s; } #headerx .region-headerx-top .block:hover h2 span { opacity: 1; } #block-menu-menu-filter-menu { position: absolute; width: 25%; left: 0px; top: 0px; bottom: 0px; text-decoration: none; color: rgb(255, 255, 255); text-align: left; } #block-menu-menu-filter-menu h2 { padding-left: 34px; left: 30px; } #headerx.toggled .region-headerx-top #block-menu-menu-filter-menu { color: rgb(0, 0, 0); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5); } .block-views-exposed-form { font-size: 28px; position: absolute; width: 25%; right: 0px; top: 0px; bottom: 0px; text-decoration: none; color: rgb(255, 255, 255); text-align: right; } .block-views-exposed-form h2 { padding-right: 40px; right: 25px; } #headerx.toggled .region-headerx-top .block-views-exposed-form { color: rgb(0, 0, 0); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5); } #headerx .region-headerx { position: absolute; background:var(--main-color-surface) none repeat scroll 0% 0%; padding: 3rem 2rem 0px; top: 57px; right: 0px; bottom: 0px; left: 0px; overflow: auto; } #headerx #block-block-1 { position: absolute; left: 1%;right:1%; top: 0px; bottom: 0px; } /*#headerx #block-block-1 { width: 50%; position: absolute; left: 25%; top: 0px; bottom: 0px; } */ .bar-direction-index { position: absolute; top: 0px; left: 50%; margin-left: -26px; width: 52px; height: 52px; font-size: 30px; text-align: center; border-radius: 26px; opacity: 0; transition: opacity 250ms linear 0s, top 350ms ease-in-out 0s; } #bar_up { color: rgb(255, 255, 255); background: rgba(250, 42, 67, 0.4) none repeat scroll 0% 0%; } #bar_down { color: rgb(176, 176, 176); background: rgb(48, 48, 48) none repeat scroll 0% 0%; display: none; } #bar_up > span::before { display: inline-block; margin: 9px 0px 0px 2px; } #bar_down > span::before { display: inline-block; margin: 12px 0px 0px 2px; } #block-block-1:hover #bar_up { opacity: 1; top: -65px; transition: opacity 250ms linear 100ms, top 350ms ease-in-out 0s; } #headerx.toggled #bar_up { display: none; } #headerx.toggled #bar_down { display: block; } #block-block-1:hover #bar_down { opacity: 1; top: 68px; transition: opacity 250ms linear 100ms, top 350ms ease-in-out 0s; } #headerx ul.menu, #headerx ul.menu li { display: inline; float: none; margin: 0px; } #headerx ul.menu a, #headerx ul.menu span { font-family: 'Space Mono',monospace; font-weight: 300; text-transform: uppercase; font-size: 3.25rem; margin-right: 2.5rem; text-decoration: none; cursor: pointer; transition: color 400ms ease-out 0s, text-shadow 350ms ease-out 0s; } #headerx ul.menu a:hover { transition: color 100ms linear 0s, text-shadow 120ms linear 0s; } #headerx #block-menu-menu-filter-menu > ul.menu, .block-views form { display: block; position: fixed; left: 0px; right: 0px; top: 100%; bottom: 57px; overflow: auto; background: rgba(255, 255, 255, 0.93) none repeat scroll 0% 0%; transition: top 300ms ease-in-out 0s; } #headerx #block-menu-menu-filter-menu > ul.menu { padding: 3rem 2rem 0px; } #headerx #block-menu-menu-filter-menu > ul.menu.toggled, .block-views form.toggled { top: 0px; } #headerx #block-menu-menu-filter-menu ul.menu a, #headerx #block-menu-menu-filter-menu ul.menu span { color: rgb(0, 0, 0); } #headerx #block-menu-menu-filter-menu ul.menu a:hover { color: rgb(136, 136, 136); } #headerx #block-menu-menu-filter-menu > ul.menu > li { display: inline; float: none; } #headerx #block-menu-menu-filter-menu > ul.menu > li:first-child { display: block; } #headerx #block-menu-menu-filter-menu > ul.menu > li a { margin: 0px 0px 0.25rem; padding: 0.5rem 0.75rem; display: inline-block; background-color: transparent; transition: color 300ms linear 0s, background-color 300ms linear 0s; } #headerx #block-menu-menu-filter-menu > ul.menu > li > a { font-weight: 400; margin-right: 0.25rem; } #headerx #block-menu-menu-filter-menu > ul.menu > li:hover a { background-color: rgba(0, 0, 0, 0.4); } #headerx #block-menu-menu-filter-menu > ul.menu > li a:hover, #headerx #block-menu-menu-filter-menu > ul.menu > li a.active { background-color:var(--main-color-surface); color: rgb(255, 255, 255); } #headerx #block-menu-menu-filter-menu > ul.menu > li:hover a.active { opacity: 0.8; } #headerx #block-menu-menu-filter-menu > ul.menu > li a.active:hover { opacity: 1; } #headerx #block-system-main-menu ul.menu a, #headerx #block-system-main-menu ul.menu span { color: rgb(77, 77, 77); text-shadow: 0px 0px 1px rgba(255, 255, 255, 0); } #headerx #block-system-main-menu ul.menu a:hover, #headerx #block-system-main-menu ul.menu a.active { color: rgb(255, 255, 255); text-shadow: 0px 0px 0.25rem rgba(255, 255, 255, 0.4); } #headerx.toggled { top: 0%; margin-top: 0px; } #headerx .region-footer-top { position: relative; height: 57px; width: 100%; background: var(--main-color-surface-trans) none repeat scroll 0% 0%; text-align: center; cursor: pointer; transition: background 150ms linear 0s; color: rgb(255, 255, 255); z-index: 3000; } #headerx .region-footer-top:hover { background:var(--main-color-surface) none repeat scroll 0% 0%; } #headerx.toggled .region-footer-top { background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0%; } #headerx.toggled .region-footer-top:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; } #headerx .region-footer-top .logo { display: inline-block; margin: 12px auto 0px; color: rgb(255, 255, 255); font-size: 32px; line-height: 100%; text-shadow: 0px 0px 1px rgba(255, 255, 255, 0); } #headerx.toggled .region-footer-top .logo { color: rgb(0, 0, 0); text-shadow: 0px 0px 1px rgb(255, 255, 255); } #headerx .region-footer-top .logo, #block-menu-menu-filter-menu, .block-views-exposed-form { transition: color 100ms linear 0s, text-shadow 120ms linear 0s; } #headerx .region-footer-top h2 { position: absolute; top: 50%; font-size: 1.35rem; text-transform: uppercase; font-weight: 300; font-family: 'Space Mono',monospace; display: inline-block; margin-top: -0.9rem; } #headerx .region-footer-top h2 span.block-title { opacity: 0; transition: opacity 250ms linear 0s; } #headerx .region-footer-top .block:hover h2 span { opacity: 1; } #block-menu-menu-filter-menu { position: absolute; width: 25%; left: 0px; top: 0px; bottom: 0px; text-decoration: none; color: rgb(255, 255, 255); text-align: left; } #block-menu-menu-filter-menu h2 { padding-left: 34px; left: 30px; } #headerx.toggled .region-footer-top #block-menu-menu-filter-menu { color: rgb(0, 0, 0); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5); } .block-views-exposed-form { font-size: 28px; position: absolute; width: 25%; right: 0px; top: 0px; bottom: 0px; text-decoration: none; color: rgb(255, 255, 255); text-align: right; } .block-views-exposed-form h2 { padding-right: 40px; right: 25px; } #headerx.toggled .region-footer-top .block-views-exposed-form { color: rgb(0, 0, 0); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5); } #headerx .region-headerx { position: absolute; background:var(--main-color-surface) none repeat scroll 0% 0%; padding: 3rem 2rem 0px; top: 57px; right: 0px; bottom: 0px; left: 0px; overflow: auto; } .bar-direction-index { position: absolute; top: 0px; left: 50%; margin-left: -26px; width: 52px; height: 52px; font-size: 30px; text-align: center; border-radius: 26px; opacity: 0; transition: opacity 250ms linear 0s, top 350ms ease-in-out 0s; } #bar_up { color: rgb(255, 255, 255); background: rgba(250, 42, 67, 0.4) none repeat scroll 0% 0%; } #bar_down { color: rgb(176, 176, 176); background: rgb(48, 48, 48) none repeat scroll 0% 0%; display: none; } #bar_up > span::before { display: inline-block; margin: 9px 0px 0px 2px; } #bar_down > span::before { display: inline-block; margin: 12px 0px 0px 2px; } #block-block-1:hover #bar_up { opacity: 1; top: -65px; transition: opacity 250ms linear 100ms, top 350ms ease-in-out 0s; } #headerx.toggled #bar_up { display: none; } #headerx.toggled #bar_down { display: block; } #block-block-1:hover #bar_down { opacity: 1; top: 68px; transition: opacity 250ms linear 100ms, top 350ms ease-in-out 0s; } .nemavisinu{ height:0px !important;display:none; } /*#headerx.toggled #zatvori { display: block;opacity: 100; }*/ #zatvori { display: none;opacity: 100; z-index:15000; } #zatvorifoot { display: none;opacity: 100; z-index:15000;cursor:pointer; color:#fff;} #footer .region-footer-top h3 { display: inline-block; font-family: "Space Mono",monospace; font-size: 1.35rem; font-weight: 300; margin-top: -0.9rem; position: absolute; text-transform: uppercase; top: 50%; left:90px; }