/* Import Sass mixins, variables, Compass modules, etc. */ /* open-sans-300 - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-300.eot"); /* IE9 Compat Modes */ src: local("Open Sans Light"), local("OpenSans-Light"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-300.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-300.woff2") format("woff2"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-300.woff") format("woff"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-300.ttf") format("truetype"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-300.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-300italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-300italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-300italic.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-300italic.woff2") format("woff2"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-300italic.woff") format("woff"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-300italic.ttf") format("truetype"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-300italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-regular - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-regular.eot"); /* IE9 Compat Modes */ src: local("Open Sans Regular"), local("OpenSans-Regular"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-regular.woff2") format("woff2"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-regular.woff") format("woff"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-regular.ttf") format("truetype"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Italic"), local("OpenSans-Italic"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-italic.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-italic.woff2") format("woff2"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-italic.woff") format("woff"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-italic.ttf") format("truetype"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-700 - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-700.eot"); /* IE9 Compat Modes */ src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-700.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-700.woff2") format("woff2"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-700.woff") format("woff"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-700.ttf") format("truetype"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-700italic - latin-ext_latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-700italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-700italic.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-700italic.woff2") format("woff2"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-700italic.woff") format("woff"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-700italic.ttf") format("truetype"), url("/sites/all/themes/paperboy/fonts/open-sans-v15-latin-ext_latin-700italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /** * @file * Styles are organized using the SMACSS technique. @see http://smacss.com/book/ * * When you turn on CSS aggregation at admin/config/development/performance, all * of these @include files will be combined into a single file. */ /* Import Sass mixins, variables, Compass modules, etc. */ /** * @file * Normalize.css is intended to be used as an alternative to CSS resets. * * This file is a slight fork of these original sources: * - normalize.css v2.1.2 | MIT License | git.io/normalize * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass * * It's suggested that you read the normalize.scss file and customise it to meet * your needs, rather then including the file in your project and overriding the * defaults later in your CSS. * @see http://nicolasgallagher.com/about-normalize-css/ * * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ * @see http://snook.ca/archives/html_and_css/no_css_reset/ */ /** * HTML5 display definitions */ /* Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } /* Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* Address styling not present in IE 8/9. */ [hidden] { display: none; } /** * Base * * Instead of relying on the fonts that are available on a user's computer, you * can use web fonts which, like images, are resources downloaded to the user's * browser. Because of the bandwidth and rendering resources required, web fonts * should be used with care. * * Numerous resources for web fonts can be found on Google. Here are a few * websites where you can find Open Source fonts to download: * - http://www.fontsquirrel.com/fontface * - http://www.theleagueofmoveabletype.com * * In order to use these fonts, you will need to convert them into formats * suitable for web fonts. We recommend the free-to-use Font Squirrel's * Font-Face Generator: * http://www.fontsquirrel.com/fontface/generator * * The following is an example @font-face declaration. This font can then be * used in any ruleset using a property like this: font-family: Example, serif; * * Since we're using Sass, you'll need to declare your font faces here, then you * can add them to the font variables in the _init.scss partial. */ /* @font-face { font-family: 'Example'; src: url('../fonts/example.eot'); src: url('../fonts/example.eot?iefix') format('eot'), url('../fonts/example.woff') format('woff'), url('../fonts/example.ttf') format('truetype'), url('../fonts/example.svg#webfontOkOndcij') format('svg'); font-weight: normal; font-style: normal; } */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ html { font-family: "Open Sans", sans-serif; /* 1 */ font-size: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ line-height: 1.5em; } /* Remove default margin. */ body { margin: 0; padding: 0; } /** * Links * * The order of link states are based on Eric Meyer's article: * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states */ /* Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /** * Typography * * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins * so that the line height of our base font becomes the basic unit of vertical * measurement. We use multiples of that unit to set the top and bottom margins * for our block level elements and to set the line heights of any fonts. * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm */ /* Set 1 unit of vertical rhythm on the top and bottom margin. */ p, pre { margin: 1.5em 0; } blockquote { /* Also indent the quote on both sides. */ margin: 1.5em 30px; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { /* Set the font-size and line-height while keeping a proper vertical rhythm. */ font-size: 2em; line-height: 1.5em; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin-top: 0.375em; margin-bottom: 0.375em; } h2 { font-size: 1.5em; line-height: 1.2em; margin-top: 0.5em; margin-bottom: 0.5em; } h3 { font-size: 1.17em; line-height: 1.28205em; margin-top: 0.64103em; margin-bottom: 0.64103em; } h4 { font-size: 1em; line-height: 1.5em; margin-top: 0.75em; margin-bottom: 0.75em; } h5 { font-size: 0.83em; line-height: 1.80723em; margin-top: 0.90361em; margin-bottom: 0.90361em; } h6 { font-size: 0.67em; line-height: 2.23881em; margin-top: 1.1194em; margin-bottom: 1.1194em; } /* Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* Address differences between Firefox and other browsers. */ hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; border: 1px solid #666; padding-bottom: -1px; margin: 1.5em 0; } /* Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp, tt, var { font-family: monospace; font-size: 1em; line-height: 1.5em; } /* Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /* Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /** * Lists */ dl, menu, ol, ul { /* Address margins set differently in IE 6/7. */ margin: 1.5em 0; } ol ol, ol ul, ul ol, ul ul { /* Turn off margins on nested lists. */ margin: 0; } dd { margin: 0 0 0 30px; } /* Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 30px; } /** * Embedded content and figures * * @todo Look into adding responsive embedded video. */ img { /* Remove border when inside `a` element in IE 8/9. */ border: 0; /* Suppress the space beneath the baseline */ /* vertical-align: bottom; */ /* Responsive images */ max-width: 100%; height: auto; /* Correct IE 8 not scaling image height when resized. */ width: auto; } /* Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /** * Forms */ /* Define consistent border, margin, and padding. */ fieldset { margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ border-color: #c0c0c0; border-top-style: solid; border-top-width: 0.0625em; padding-top: 0.4625em; border-bottom-style: solid; border-bottom-width: 0.0625em; padding-bottom: 0.9125em; border-left-style: solid; border-left-width: 0.0625em; padding-left: 0.9125em; border-right-style: solid; border-right-width: 0.0625em; padding-right: 0.9125em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. * 4. Improve appearance and consistency with IE 6/7. * 5. Keep form elements constrained in their containers. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ max-width: 100%; /* 5 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 5 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* Drupal-style form labels. */ label { display: block; font-weight: bold; } /** * Tables */ table { /* Remove most spacing between table cells. */ border-collapse: collapse; border-spacing: 0; /* Prevent cramped-looking tables */ /* width: 100%; */ /* Add vertical rhythm margins. */ margin-top: 1.5em; margin-bottom: 1.5em; } .header-first .block-menu, .header-first .block-menu-block, .header-first .block-locale { font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 700; } .today { font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 700; } .header-second .region .block-menu, .header-second .region .block-menu-block { font-family: "Open Sans", sans-serif; font-size: 30px; font-weight: 700; } .header-second .block-menu.topmenu-mobile, .header-second .block-menu-block.topmenu-mobile, .header-third .block-menu.topmenu-mobile, .header-third .block-menu-block.topmenu-mobile, .header-fallback .block-menu.topmenu-mobile, .header-fallback .block-menu-block.topmenu-mobile, .header-third .region .block-menu, .header-third .region .block-menu-block, .header-fallback .region .block-menu, .header-fallback .region .block-menu-block { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 700; } .entity-collection-name-frontpage .item > .title-font-size-large .title .field-name-title, .entity-collection-name-frontpage .item > .title-font-size-large .field-name-field-front-title .title { font-family: "Open Sans", sans-serif; font-size: 55px; font-weight: 700; line-height: 55px; } .entity-collection-name-frontpage .item .title .field-name-title, .entity-collection-name-frontpage .item .field-name-field-front-title .title { font-family: "Open Sans", sans-serif; font-size: 40px; font-weight: 700; line-height: 40px; } .entity-collection-name-frontpage .item > .title-font-size-small .title .field-name-title, .entity-collection-name-frontpage .item > .title-font-size-small .field-name-field-front-title .title { font-family: "Open Sans", sans-serif; font-size: 26px; font-weight: 700; line-height: 26px; } .block-mailchimp-lists .block-title, .block-mailchimp-lists .pane-title, .block-simplenews .block-title, .block-simplenews .pane-title, [class*="pane-simplenews-"] .block-title, [class*="pane-simplenews-"] .pane-title { font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 700; } .block-mailchimp-lists .newsletter-subscribe-info, .block-mailchimp-lists p, .block-simplenews .newsletter-subscribe-info, .block-simplenews p, [class*="pane-simplenews-"] .newsletter-subscribe-info, [class*="pane-simplenews-"] p { font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 400; } .field-name-title h1 { font-family: "Open Sans", sans-serif; font-size: 50px; font-weight: 700; line-height: 60px; } @media all and (max-width: 800px) { .field-name-title h1 { font-size: 35px; line-height: 40px; } } .field-name-field-title-prefix { font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 400; } .field-name-field-intro-text { font-family: "Open Sans", sans-serif; font-size: 24px; font-weight: 300; line-height: 32px; } .entity-collection-name-frontpage .field-name-field-intro-text, .entity-collection-name-frontpage .field-name-field-front-intro-text { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 300; line-height: 20px; } .ramsalt-ckeditor-widgets-quotebox .quotebox-content { font-family: "Open Sans", sans-serif; font-size: 25px; font-weight: 300; line-height: 30px; } .ramsalt-ckeditor-widgets-quotebox .quotebox-author { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 700; line-height: 14px; } .ramsalt-ckeditor-widgets-factbox .factbox-title h2, .ramsalt-ckeditor-widgets-factbox .field-name-title h2, .field-name-field-fact-boxes .factbox-title h2, .field-name-field-fact-boxes .field-name-title h2 { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 700; line-height: 16px; } /** * @file * SMACSS Modules * * Adds modular sets of styles. * * Additional useful selectors can be found in Zen's online documentation. * https://drupal.org/node/1707736 */ /** * Clearfix */ .clearfix { clear: both; } .visually-hidden { display: none; } /** * Wireframes. */ .with-wireframes #header, .with-wireframes #main, .with-wireframes #content, .with-wireframes #navigation, .with-wireframes .region-sidebar-first, .with-wireframes .region-sidebar-second, .with-wireframes #footer, .with-wireframes .region-bottom { outline: 1px solid #ccc; } /** * Accessibility features. */ /* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .element-invisible, .element-focusable, #navigation .block-menu .block__title, #navigation .block-menu-block .block__title { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* Turns off the element-invisible effect. */ .element-focusable:active, .element-focusable:focus { position: static !important; clip: auto; height: auto; width: auto; overflow: auto; } /* * The skip-link link will be completely hidden until a user tabs to the link. */ #skip-link { margin: 0; } #skip-link a, #skip-link a:visited { display: block; width: 100%; padding: 2px 0 3px 0; text-align: center; background-color: #666; color: #fff; } /** * Branding header. */ /* Wrapping link for logo. */ .header__logo { float: left; margin: 0; padding: 0; } /* Logo image. */ .header__logo-image { vertical-align: bottom; } /* Wrapper for website name and slogan. */ .header__name-and-slogan { float: left; } /* The name of the website. */ .header__site-name { margin: 0; font-size: 2em; line-height: 1.5em; } /* The link around the name of the website. */ .header__site-link:link, .header__site-link:visited { color: #000; text-decoration: none; } .header__site-link:hover, .header__site-link:focus { text-decoration: underline; } /* The slogan (or tagline) of a website. */ .header__site-slogan { margin: 0; } /* The secondary menu (login, etc.) */ .header__secondary-menu { float: right; } /** * Navigation bar. */ #navigation { /* Sometimes you want to prevent overlapping with main div. */ /* overflow: hidden; */ /* Main menu and secondary menu links and menu block links. */ } #navigation .block { margin-bottom: 0; } #navigation .links, #navigation .menu { margin: 0; padding: 0; text-align: left; } #navigation .links li, #navigation .menu li { /* A simple method to get navigation links to appear in one line. */ float: left; padding: 0 10px 0 0; list-style-type: none; list-style-image: none; } /** * Breadcrumb navigation. */ .breadcrumb ol { margin: 0; padding: 0; } .breadcrumb li { display: inline; list-style-type: none; margin: 0; padding: 0; } /** * Titles. */ .page__title, .node__title, .block__title, .comments__title, .comments__form-title, .comment__title { /* Comment title. */ margin: 0; } /** * Messages. */ .messages, .messages--status, .messages--warning, .messages--error { margin: 1.5em 0; padding: 10px 10px 10px 50px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD6UlEQVR42s2WX0xbVRzH3YwmC4k+GF/0ZS/S267/bmnX9nL7bwstZlnbjTDYyoC5GCbB0ZW5pdJCe6swbLFA6bpWIGuRMWVjKGP+21QW3SZBSAjGh4XEaTZTH82Cm/3ztS2xs7mw4KLRk3xyzj33/H6fe5Pz7zEA/yr/vUDukj9FH6drqTaqT8EoPs/UV+nX6TD1BlUh9AqLHlmgPKLcRHmoCOWmElK/FOKTYpS8UwLJkASiUyLI3pKhlClN0g46qj+qL/pbArlbrlO1q25JeiSgR2iYJ8ywXLSg/qP6LNl2ro8+Q4MMkKCd9K2t3q3KdQnkXXIF5aISkgEJzONm1F2qW52pDJN1MI2bUBIuAdVOJWSMTPNQgX6/vkjVpvpREpag6oMqWCYta1IzbsHh9ga0RJtzY8URMdRO9U/KSuWmNQUqh2pY3CtG+fvlqJyofMAFNrZAE+7e/RWR4X4cD9tgOGsA2U2CdtMDqwqyMyIzQ5KKqAKmcyaYxkzYd3YvjGNGFtXRPRj58DT+LOemRrFnrBLyITmUDmUyO/NYgu2d26ukHVJo3tXAMGpAs+cQmh0NeClan30uwN7TgnQ6nRd4r3thOGOAJqYB2UVC79AfZAnKHGUxQa8A2tNaNLW/jKvXv8Dyb8s4yryKA4O10A3roIvpUB+swTdz1/LJZ27PQBvT5lBH1RD4BChzlQ2wBNtc22aE/ULQgzRCl4P5BPcT93GMOYz9wb2QhCRgAq35d8u/L2PXe7tADVGgBlcQ+AXQtmlvsP/gzbJZvp8PMkJCFBYh8m0knyiVSsHe0YIGZz1+/uVOvt8z7QGvnwf+ST5EIRHIUyR4fh50rbp5lsDcYR4ReAXgBrng9q/Qfa0bfy035r7Ot2dvz4IX4IEIEAXwvDzscOw4zxJUd1YfEXlE4Aa4BQHMlwzSSBeI7iXvoTxWDqKPYCFsFaKmr+YVliB0JfS89DVpiuhlB9k/tSOZTuYFvq98yI7L0/MAsVWcGp0bfW61hbahwltxSeARsIKyWKesSKQSWIwvYkvvllwfx88pgOvhwthu/AzAxlVX8vz385tLbaVxwpcLZtEw0QDjsBGctzksiE4CimZFfHp++oWHbnbuUfdB0komMgHsRN1r0MWBsEmYODF5onY92/UTwcvBxuzXcN1ccHycVSn2FaPYWwzCQUDWKIt7z3utAJ5c74Hz+OLSomynY+cVfiM/xW3JiDyZpB3FuZrj4oCwE+Ad4qWMjPHjpTtL0mzMoxyZz9yM39Q7Y85Ok930icqm+k59TL2wm9l90dZv8y/8sPAigGf/iUN/Q4anM2zOsdLe+L+4VfwBVVjDs2rTYx0AAAAASUVORK5CYII='); background-position: 8px 8px; background-repeat: no-repeat; border: 1px solid #be7; } .messages--warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuElEQVRIiWP4//8/Ay0xSYqntTpnT252zqeJBf0Njhsykrz/pyd6/e9vcNpGVQv6q2wlm0qc/r0+IPD/3UG+/61l9v9mdrjIUc2C7hqHUzc3S///eZwBjO9tF/vfWe1wjioWTKixVm8otPn38wQT3IKfxxn/t5Va/utpsNSg2ILWcttrNzdJgQ3+dpQRjEHs+9tE/zeXWt+gyILOamuTqlxrsOtPLub+7+emBsSq/88v5wL7oqHQ9H9nmbkF2RbUF1rev7lJEuziuU3i/90ddcB4UZsoJC62ifyvK7R4QJYFrcUGrmUZ5v9hYb9hosh/bzcDMN42VRgeF9W5hv8bi/XdSbagKtfs2c1NEvCIPbaQ/7+/pwkYn17Ki0hR24T/l2eZPCfJgsZ83dCiNOP/yCnn7iau/8G+5mD8aBsHSoqqyNL9X5erHUm0BcVpRm9ubhZHMoTh/4eDzP/DA23+RwTZ/P96hAlF7t5Wof8FyfpvibKgNk8noyDZ4D9quofg1Bjr/1kJlhjiIF+Upmn/r83RzCJoQXaC3qcbm8SwGMLwvybP/H8jMGlik7u7VeB/Zqz2J7wWVGdr1uTG62J1PQgfWST1/+hiCaxyIF8UJqv9r8hQrcVpQVqkzrcbG0WwGvB2H/P/lnx5MAaxsam5vYn3f2KY+jesFpSlqfZnxWjidP2OGWL/g/0swBjExu4Lhv958Ur/i5KU+lEsCA1lYI4JUv95bZ0gTo2Pt3P+z0myBmMQG5e6mxu4/kf4Kf8EmQm3oCRNebKrvSawIGPBqRG9sMOp5hjjfwdrlf/58bKT4RaUpWvtcLZV/39iscD/H0AFP46jYwYiMeP/44u4/9tbKQODSXUH3II9G7v18hI0n8YGKv+IDVT6joxj/BVx4mgcOCde/SnITPRUJAHEGlTCEkQV19TAAN8FC67hZdFXAAAAAElFTkSuQmCC'); border-color: #ed5; } .messages--error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACpElEQVR42rWWTUgbQRiGQ0Tx4MWDeFM8eBA9iKAoggiCoCiiIiL4L3oQV1CJB0UEf6iRYFpK7UniTw9VSqL2kvQsVDBpSZrtRo35czVNW3oprRf17exSl4yzu1ikAy9h59vvedhkMrMGAGoxknAk2w8MJ/WosXThiZkZt9jdLeglPjn5ATc3mhJNuNjbK0QbG3ExMICL/n6IfX0gcxB7ekDAELu6IHZ2IlJbi1hLS1BLogmPtbUhMTv7oMSamzUlqnByMxLT0/8STQkDj9TV4ZLj5OysrODl8jIu5Gs68dFR7JG6dWkJ0fFx+TpSX89IDMnwcHU1yKec12Yz3rlc4HkeLwjkXJpPip3U3+7vIx6P4ymph4eG5PlwTQ0lMdytlmBxMWKtrXLeT0zA5XTibvj9fjxfXETkb/3N/Dz2dneVuiTZtliU/rPSUsQ5ziuxZYG03IIlJdKKUPJjdRUAKMmzuTnskB/VYbdTtd9HR4g2NCi9Z2VliDY1BSnBaUEBzsrLqXyzWCiQ9HU5HA4afniIUFWV0hOqqMBpURErOM7NxWlhIZOvCwvA7S3Uxq+DA5AnZ3pO8vJYQSArC8c5Oeqx2Rj4udeLQH6+6v2B7GxW8DkjA0JmJpONwUHY7XZGIAgCzCYTeJUewmIFfqMRfEoKlQ2yJbza2oLWcLvdeDI2hk/3+iQWKzAYkJzNjg5srq9TwJ9OJ76YTNScx+ORJT66X1/grKyEbW2NgfPp6XKd/JMZySrHaQsSU1Oe+0/w3WpVgyu5HBlR6lc+H8gioevDwz6JrWwV5+3txyoSFk5DcOX1MnCyJ4Vwfb1zt1UY9SR8aioDpuppaVpwZbPTl+hHF04dOKzk8XBF8DgJC3/woU/W/EciOtELOWi8DDwp//215Q+p7kiKh2lQSAAAAABJRU5ErkJggg=='); border-color: #ed541d; } .messages__list { margin: 0; } .messages__item { list-style-image: none; } /* Core/module installation error messages. */ .messages--error p.error { color: #333; } /* System status report. */ .ok, .messages--status { background-color: #f8fff0; color: #234600; } .warning, .messages--warning { background-color: #fffce5; color: #840; } .error, .messages--error { background-color: #fef5f1; color: #8c2e0b; } /** * Inline styles. */ /* List of links generated by theme_links(). */ .inline { display: inline; padding: 0; } .inline li { display: inline; list-style-type: none; padding: 0 1em 0 0; } /* The inline field label used by the Fences module. */ span.field-label { padding: 0 1em 0 0; } /** * "More" links. */ .more-link { text-align: right; } .more-help-link { text-align: right; } .more-help-link a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC'); background-position: 0 50%; background-repeat: no-repeat; padding: 1px 0 1px 20px; } /** * Pager. */ /* A list of page numbers when more than 1 page of content is available. */ .pager { clear: both; padding: 0; text-align: center; } .pager-item, .pager-first, .pager-previous, .pager-next, .pager-last, .pager-ellipsis, .pager-current { display: inline; padding: 0 0.5em; list-style-type: none; background-image: none; } .pager-item, .pager-first, .pager-previous, .pager-next, .pager-last, .pager-ellipsis { /* A concatenation of several list items using an ellipsis. */ } /* The current page's list item. */ .pager-current { font-weight: bold; } /** * Blocks. */ /* Block wrapper. */ /** * Menus. */ .menu__item.is-leaf { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC'); list-style-type: square; } .menu__item.is-expanded { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg=='); list-style-type: circle; } .menu__item.is-collapsed { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); list-style-type: disc; } /* The active item in a Drupal menu. */ .menu a.active { color: #000; } /** * Marker. */ /* The "new" or "updated" marker. */ .new, .update { color: #c00; /* Remove background highlighting from in normalize. */ background-color: transparent; } /** * Unpublished note. */ /* The word "Unpublished" displayed underneath the content. */ .unpublished { height: 0; overflow: visible; /* Remove background highlighting from in normalize. */ background-color: transparent; color: #d8d8d8; font-size: 75px; line-height: 1; font-family: Impact, "Arial Narrow", Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; /* A very nice CSS3 property. */ word-wrap: break-word; } /** * Comments. */ /* Wrapper for the list of comments and its title. */ .comments { margin: 1.5em 0; } /* Preview of the comment before submitting new or updated comment. */ .comment-preview { /* Drupal core will use a #ffffea background. See #1110842. */ background-color: #ffffea; } /* Wrapper for a single comment. */ .comment { /* Comment's permalink wrapper. */ } .comment .permalink { text-transform: uppercase; font-size: 75%; } /* Nested comments are indented. */ .indented { /* Drupal core uses a 25px left margin. */ margin-left: 30px; } /** * Forms. */ /* Wrapper for a form element (or group of form elements) and its label. */ .form-item { margin: 1.5em 0; /* Pack groups of checkboxes and radio buttons closer together. */ /* Form items in a table. */ /* Highlight the form elements that caused a form submission error. */ /* The descriptive help text (separate from the label). */ } .form-checkboxes .form-item, .form-radios .form-item { /* Drupal core uses "0.4em 0". */ margin: 0; } tr.odd .form-item, tr.even .form-item { margin: 0; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #c00; } .form-item .description { font-size: 0.85em; } .form-type-radio .description, .form-type-checkbox .description { margin-left: 2.4em; } /* The part of the label that indicates a required field. */ .form-required { color: #c00; } /* Labels for radios and checkboxes. */ label.option { display: inline; font-weight: normal; } /* Buttons used by contrib modules like Media. */ a.button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } /* Password confirmation. */ .password-parent, .confirm-parent { margin: 0; } /* Drupal's default login form block. */ #user-login-form { text-align: left; } /** * OpenID * * The default styling for the OpenID login link seems to assume Garland's * styling of list items. */ /* OpenID creates a new ul above the login form's links. */ .openid-links { /* Position OpenID's ul next to the rest of the links. */ margin-bottom: 0; } /* The "Log in using OpenID" and "Cancel OpenID login" links. */ .openid-link, .user-link { margin-top: 1.5em; } html.js #user-login-form li.openid-link, #user-login-form li.openid-link { /* Un-do some of the padding on the ul list. */ margin-left: -20px; } #user-login ul { margin: 1.5em 0; } /** * Drupal admin tables. */ form th { text-align: left; padding-right: 1em; border-bottom: 3px solid #ccc; } form tbody { border-top: 1px solid #ccc; } form table ul { margin: 0; } tr.even, tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; } tr.even { background-color: #fff; } /* Markup generated by theme_tablesort_indicator(). */ td.active { background-color: #ddd; } /* Center checkboxes inside table cell. */ td.checkbox, th.checkbox { text-align: center; } /* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */ td.menu-disabled { background: #ccc; } /** * Autocomplete. * * @see autocomplete.js */ /* Suggestion list. */ #autocomplete .selected { background: #0072b9; color: #fff; } /** * Collapsible fieldsets. * * @see collapse.js */ html.js .collapsible .fieldset-legend { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg=='); background-position: 5px 65%; background-repeat: no-repeat; padding-left: 15px; } html.js .collapsed .fieldset-legend { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); background-position: 5px 50%; } .fieldset-legend .summary { color: #999; font-size: 0.9em; margin-left: 0.5em; } /** * TableDrag behavior. * * @see tabledrag.js */ tr.drag { background-color: #fffff0; } tr.drag-previous { background-color: #ffd; } .tabledrag-toggle-weight { font-size: 0.9em; } /** * TableSelect behavior. * * @see tableselect.js */ tr.selected td { background: #ffc; } /** * Progress bar. * * @see progress.js */ .progress { font-weight: bold; } .progress .bar { background: #ccc; border-color: #666; margin: 0 0.2em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .progress .filled { background-color: #0072b9; background-image: url('../images/progress.gif?1565259076'); } ul.tabs { margin: 20px 0; padding: 0; display: table; } ul.tabs li { display: inline-block; margin: 0px; background: #474747; } ul.tabs li a { padding: 5px 10px; display: block; color: #fbfbf0; } ul.tabs li.is-active, ul.tabs li a:hover { background: #990e17; border: none; } ul.tabs li.is-active a, ul.tabs li a:hover a { color: white; } .breadcrumb .breadcrumb__title { display: none; } .breadcrumb .breadcrumb__list .breadcrumb__item, .breadcrumb .breadcrumb__list li, .breadcrumb ol .breadcrumb__item, .breadcrumb ol li { font-family: tahoma; font-size: 12px; font-weight: 700; line-height: initial; text-transform: uppercase; color: black; } .breadcrumb .breadcrumb__list .breadcrumb__item a, .breadcrumb .breadcrumb__list li a, .breadcrumb ol .breadcrumb__item a, .breadcrumb ol li a { color: gray; } .breadcrumb .breadcrumb__list .breadcrumb__item a:hover, .breadcrumb .breadcrumb__list li a:hover, .breadcrumb ol .breadcrumb__item a:hover, .breadcrumb ol li a:hover { color: #990e17; border: none; } ul.pager li { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #eeeeee; height: 2em; width: 1em; line-height: 2em; text-align: center; color: white; font-size: 0.9rem; display: inline-block; overflow: hidden; } ul.pager li a { color: #fbfbf0; } ul.pager li a:hover { border: none; } ul.pager li.pager-current, ul.pager li:hover { background: #990e17; } ul.pager li.pager-last, ul.pager li.pager-next { width: auto; background: inherit; } ul.pager li.pager-last a, ul.pager li.pager-next a { color: #eeeeee; } ul.pager li.pager-last a:hover, ul.pager li.pager-next a:hover { color: #990e17; } .logo { float: left; padding: 25px 0; max-width: 60%; } .logo:hover { border: none; } @media all and (min-width: 800px) { .logo { padding: 20px 0; } } .today { display: none; color: white; text-transform: uppercase; float: left; padding: 35px 0 0 30px; } @media all and (min-width: 800px) { .today { display: block; } } nav.searchbox { float: right; padding: 20px 0 0 10px; } nav.searchbox a { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: middle; text-indent: -10000px; height: 50px; width: 50px; background-color: #eeeeee; background-size: 17px; background-repeat: no-repeat; background-position: 50% 45%; background-image: url("../images/svg-icons/search.svg"); } nav.searchbox a:hover { border: none; } nav.searchbox.search-open a { background-image: url("../images/svg-icons/close-x.svg"); } nav.burger { float: right; padding: 20px 0 0 0; } nav.burger a { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: middle; text-indent: -10000px; height: 50px; width: 50px; background-color: #eeeeee; background-size: 17px; background-repeat: no-repeat; background-position: 50% 45%; background-image: url("../images/svg-icons/burger-menu.svg"); } nav.burger a:hover { border: none; } nav.burger.menu-open a { background-image: url("../images/svg-icons/close-x.svg"); } @media all and (min-width: 800px) { nav.burger { color: white; } } .page-header { position: relative; } .page-header .header-first, .page-header .header-second { border-bottom: solid 1px white; } html.js .header-fallback { display: none; } html.js .header-second .region, html.js .header-third .region { display: none; } @media all and (min-width: 800px) { html.js .header-second .region, html.js .header-third .region { display: block; } html.js .header-second .region.collapsed, html.js .header-third .region.collapsed { display: none; } } .header-second .block-menu.topmenu-mobile, .header-second .block-menu-block.topmenu-mobile, .header-third .block-menu.topmenu-mobile, .header-third .block-menu-block.topmenu-mobile, .header-fallback .block-menu.topmenu-mobile, .header-fallback .block-menu-block.topmenu-mobile { text-transform: uppercase; margin-top: 20px; padding: 20px 0; border-top: solid 1px white; border-bottom: solid 1px white; } .header-first { background-color: #990e17; } .header-first .viewport-inner { padding: 10px 20px; } .header-first.search-open { background: #990e17; } .header-first.search-open .logo, .header-first.search-open .today, .header-first.search-open .block-menu, .header-first.search-open .block-menu-block, .header-first.search-open .burger, .header-first.search-open .block-locale, .header-first.search-open .block-ramid-client { display: none; } .header-first.search-open #block-views-exp-search-search-pane { display: block; } .header-first .block-menu, .header-first .block-menu-block, .header-first .block-locale { text-transform: uppercase; padding: 35px 0 0 30px; float: right; margin-right: 30px; } .header-first .block-menu ul, .header-first .block-menu-block ul, .header-first .block-locale ul { margin: 0; padding: 0; } .header-first .block-menu ul li, .header-first .block-menu-block ul li, .header-first .block-locale ul li { display: inline; float: left; margin-right: 0.75em; } .header-first .block-menu .block-title, .header-first .block-menu-block .block-title, .header-first .block-locale .block-title { display: none; } .header-first .block-menu a, .header-first .block-menu-block a, .header-first .block-locale a { color: white; } .header-first .block-menu a.active-trail, .header-first .block-menu a.active, .header-first .block-menu-block a.active-trail, .header-first .block-menu-block a.active, .header-first .block-locale a.active-trail, .header-first .block-locale a.active { border-bottom: solid 1px white; } @media all and (min-width: 800px) { .header-first .viewport-inner { padding: 20px 0 0 0; min-height: 120px; } } @media all and (max-width: 800px) { .header-first .block-locale { padding: 0; margin: 0; position: absolute; top: 0; right: 10px; } } .header-second { background-color: #990e17; } .header-second .region { padding: 0; } .header-second .region .block-menu, .header-second .region .block-menu-block { border-top: solid 1px white; } .header-second .region .block-menu ul, .header-second .region .block-menu-block ul { padding-left: 20px; margin: 0.5em 0; } .header-second .region .block-menu li, .header-second .region .block-menu-block li { list-style: none; } .header-second .region .block-menu .block-title, .header-second .region .block-menu-block .block-title { display: none; } .header-second .region .block-menu a, .header-second .region .block-menu-block a { color: white; } .header-second .region .block-menu a.active-trail, .header-second .region .block-menu a.active, .header-second .region .block-menu-block a.active-trail, .header-second .region .block-menu-block a.active { border-bottom: solid 1px white; } @media all and (min-width: 800px) { .header-second .region { padding: 50px 0; } .header-second .region .block-menu, .header-second .region .block-menu-block { border-top: none; } .header-second .region .block-menu ul, .header-second .region .block-menu-block ul { margin: 0; padding: 0; } .header-second .region .block-menu ul li, .header-second .region .block-menu-block ul li { display: inline; float: left; margin-right: 0.75em; } .header-second .region .block-menu ul, .header-second .region .block-menu-block ul { margin: 0.5em 0; } } .header-third, .header-fallback { background-color: #990e17; } .header-third .region, .header-fallback .region { padding: 30px 0; } .header-third .region .block-menu, .header-third .region .block-menu-block, .header-fallback .region .block-menu, .header-fallback .region .block-menu-block { text-transform: uppercase; } .header-third .region .block-menu .block-title, .header-third .region .block-menu-block .block-title, .header-fallback .region .block-menu .block-title, .header-fallback .region .block-menu-block .block-title { display: none; } .header-third .region .block-menu a, .header-third .region .block-menu-block a, .header-fallback .region .block-menu a, .header-fallback .region .block-menu-block a { color: white; } .header-third .region .block-menu a.active-trail, .header-third .region .block-menu a.active, .header-third .region .block-menu-block a.active-trail, .header-third .region .block-menu-block a.active, .header-fallback .region .block-menu a.active-trail, .header-fallback .region .block-menu a.active, .header-fallback .region .block-menu-block a.active-trail, .header-fallback .region .block-menu-block a.active { border-bottom: solid 1px white; } .header-third .region .block-menu ul, .header-third .region .block-menu-block ul, .header-fallback .region .block-menu ul, .header-fallback .region .block-menu-block ul { margin: 0; padding-left: 20px; } .header-third .region .block-menu ul li, .header-third .region .block-menu-block ul li, .header-fallback .region .block-menu ul li, .header-fallback .region .block-menu-block ul li { list-style: none; } @media all and (min-width: 800px) { .header-third .region .block-menu ul, .header-third .region .block-menu-block ul, .header-fallback .region .block-menu ul, .header-fallback .region .block-menu-block ul { margin: 0; padding: 0; } .header-third .region .block-menu ul li, .header-third .region .block-menu-block ul li, .header-fallback .region .block-menu ul li, .header-fallback .region .block-menu-block ul li { display: inline; float: left; margin-right: 0.75em; } .header-third .region .block-menu ul.menu, .header-third .region .block-menu-block ul.menu, .header-fallback .region .block-menu ul.menu, .header-fallback .region .block-menu-block ul.menu { display: flex; justify-content: space-between; } } .footer-container { background-color: black; padding: 30px 20px; font-size: 12px; color: #fbfbf0; } .footer-container a, .footer-container .field-name-body a { color: #fbfbf0; } .footer-container a.active-trail, .footer-container a.active, .footer-container a:hover, .footer-container .field-name-body a.active-trail, .footer-container .field-name-body a.active, .footer-container .field-name-body a:hover { color: #cdcd51; } @media all and (min-width: 800px) { .footer-container .region-footer1 { float: left; width: 25%; margin-left: 0%; margin-right: -25%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .footer-container .region-footer2 { float: left; width: 25%; margin-left: 25%; margin-right: -50%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .footer-container .region-footer3 { float: left; width: 50%; margin-left: 50%; margin-right: -100%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } @media all and (min-width: 800px) { .column-container .full-width { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .column-container .onethird { float: left; width: 33.33333%; margin-left: 66.66667%; margin-right: -100%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .column-container .twothirds { float: left; width: 66.66667%; margin-left: 0%; margin-right: -66.66667%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .column-container .onethird-inverted { float: left; width: 33.33333%; margin-left: 0%; margin-right: -33.33333%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; padding-right: 20px; box-sizing: border-box; } .column-container .twothirds-inverted { float: left; width: 66.66667%; margin-left: 33.33333%; margin-right: -100%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } .entity-collection-name-frontpage .item > .box-decoration-bg-info, .entity-collection-name-frontpage .item > .box-decoration-bg-alert, .entity-collection-name-frontpage .item > .box-decoration-bg-highlight { background: #990e17; padding: 30px; color: white; } .entity-collection-name-frontpage .item > .box-decoration-bg-info a, .entity-collection-name-frontpage .item > .box-decoration-bg-alert a, .entity-collection-name-frontpage .item > .box-decoration-bg-highlight a { color: white; } .entity-collection-name-frontpage .item > .title-font-weight-bold .title .field-name-title, .entity-collection-name-frontpage .item > .title-font-weight-bold .field-name-field-front-title .title { font-weight: 700; } .entity-collection-name-frontpage .item > .title-font-weight-light .title .field-name-title, .entity-collection-name-frontpage .item > .title-font-weight-light .field-name-field-front-title .title { font-weight: 200; } .entity-collection-name-frontpage .item > .summary-style-hidden .field-name-field-intro-text, .entity-collection-name-frontpage .item > .summary-style-hidden .field-name-field-front-intro-text { display: none; } .entity-collection-name-frontpage .item > .title-decoration-underline .field-name-title, .entity-collection-name-frontpage .item > .title-decoration-highlight .field-name-title { background: #990e17; } .entity-collection-name-frontpage .item > .title-decoration-underline .field-name-title a:hover, .entity-collection-name-frontpage .item > .title-decoration-highlight .field-name-title a:hover { color: white; border: none; } .pane-frontpage-on-article-list { background-color: #eeeeee; margin-bottom: 20px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; padding-bottom: 30px; margin-bottom: 0; padding-top: 30px; } @media all and (min-width: 800px) { .pane-frontpage-on-article-list { margin-left: calc(-50vw + (980px / 2)); margin-right: calc(-50vw + (980px / 2)); padding-left: calc((100vw - 980px) / 2); padding-right: calc((100vw - 980px) / 2); } } .entity-collection-style-grid:before, .entity-collection-style-grid:after, .front-column-container:before, .front-column-container:after { content: ""; display: table; } .entity-collection-style-grid:after, .front-column-container:after { clear: both; } .entity-collection-style-grid .item, .front-column-container .front-column { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; } @media all and (max-width: 800px) { .entity-collection-style-grid .item { width: 100%; padding-right: 0px; } .row-one .entity-collection-style-grid .item { width: 100%; padding-right: 0px; } } @media all and (min-width: 800px) { .entity-collection-style-grid { margin: 0 -10px; } .entity-collection-style-grid .first-column { clear: both; } .entity-collection-style-grid .last-column { padding-right: 10px !important; } .entity-collection-style-grid .span3 { width: 25%; padding: 0 10px; } .entity-collection-style-grid .span4 { width: 33.33333%; padding: 0 10px; } .entity-collection-style-grid .span5 { width: 41.66666666666665%; padding: 0 10px; } .entity-collection-style-grid .span7 { width: 58.33333333333331%; padding: 0 10px; } .entity-collection-style-grid .span8 { width: 66.66666666666664%; padding: 0 10px; } .entity-collection-style-grid .span9 { width: 74.99999999999997%; padding: 0 10px; } .entity-collection-style-grid .span10 { width: 83.3333333333333%; padding: 0 10px; } .entity-collection-style-grid .span11 { width: 91.66666666666663%; padding: 0 10px; } .entity-collection-style-grid .span6 { width: 50%; padding: 0 10px; } .entity-collection-style-grid .span12 { width: 100%; padding: 0 10px; } } @media all and (min-width: 800px) { .node-type-page .ramsalt-stack .panel-attic { float: left; width: 33.33333%; margin-left: 66.66667%; margin-right: -100%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .node-type-page .ramsalt-stack .panel-top-floor { float: left; width: 66.66667%; margin-left: 0%; margin-right: -66.66667%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; margin-left: -10px; } } .node-type-longform { /* Add expandable image option from avvir and apply it only for longforms for the moment. */ } .node-type-longform .full-width img { /* Span the image to 100%, no matter of its size, when full width option was set */ width: 100%; } .node-type-longform .node-embed-align-left, .node-type-longform .node-embed-align-right, .node-type-longform .image-left, .node-type-longform .image-right, .node-type-longform .ramsalt-ckeditor-widgets-factbox.align-left, .node-type-longform .ramsalt-ckeditor-widgets-factbox.align-right, .node-type-longform .ramsalt-ckeditor-widgets-quotebox.align-left, .node-type-longform .ramsalt-ckeditor-widgets-quotebox.align-right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; width: 40%; } .node-type-longform .node-embed-align-left, .node-type-longform img.image-left, .node-type-longform figure.image-left, .node-type-longform .ramsalt-ckeditor-widgets-factbox.align-left, .node-type-longform .ramsalt-ckeditor-widgets-quotebox.align-left { float: left; margin-right: 20px; } @media all and (min-width: 800px) { .node-type-longform .node-embed-align-left, .node-type-longform img.image-left, .node-type-longform figure.image-left, .node-type-longform .ramsalt-ckeditor-widgets-factbox.align-left, .node-type-longform .ramsalt-ckeditor-widgets-quotebox.align-left { margin-left: -150px; } } .node-type-longform .node-embed-align-right, .node-type-longform img.image-right, .node-type-longform figure.image-right, .node-type-longform .ramsalt-ckeditor-widgets-factbox.align-right, .node-type-longform .ramsalt-ckeditor-widgets-quotebox.align-right { float: right; margin-left: 20px; } @media all and (min-width: 800px) { .node-type-longform .node-embed-align-right, .node-type-longform img.image-right, .node-type-longform figure.image-right, .node-type-longform .ramsalt-ckeditor-widgets-factbox.align-right, .node-type-longform .ramsalt-ckeditor-widgets-quotebox.align-right { margin-right: -150px; } } .node-type-longform .flexslider { border: 0; } .node-type-longform .ramsalt-ckeditor-widgets-quotebox.align-center { margin: 0 auto; text-align: center; width: 80%; } .node-type-longform .field-name-body .image-center, .node-type-longform .field-name-body .image-right, .node-type-longform .field-name-body .image-left { position: relative; transition: width ease-in-out .2s; } .node-type-longform .field-name-body .image-center img, .node-type-longform .field-name-body .image-right img, .node-type-longform .field-name-body .image-left img { width: 100%; } .node-type-longform .field-name-body .image-right.expanded, .node-type-longform .field-name-body .image-left.expanded { margin: 0; width: 100%; } .node-type-longform .field-name-body .image-right img, .node-type-longform .field-name-body .image-left img { cursor: pointer; } @media all and (min-width: 800px) { .node-type-longform .field-name-body .zoom-image-wrapper { cursor: pointer; } .node-type-longform .field-name-body .zoom-image-wrapper figure::before { position: absolute; top: 19px; width: 20px; z-index: 2; right: 10px; cursor: pointer; content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2021%2020.8%22%20enable-background%3D%22new%200%200%2021%2020.8%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.6%22%20y1%3D%2212.3%22%20x2%3D%222.2%22%20y2%3D%2218.7%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.2%22%20y1%3D%2218.8%22%20x2%3D%222%22%20y2%3D%2218.8%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%222%22%20y1%3D%2212.5%22%20x2%3D%222%22%20y2%3D%2218.8%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212.4%22%20y1%3D%228.5%22%20x2%3D%2218.8%22%20y2%3D%222.1%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212.8%22%20y1%3D%222%22%20x2%3D%2219%22%20y2%3D%222%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%228.3%22%20x2%3D%2219%22%20y2%3D%222%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.6%22%20y1%3D%2212.3%22%20x2%3D%222.2%22%20y2%3D%2218.7%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.2%22%20y1%3D%2218.8%22%20x2%3D%222%22%20y2%3D%2218.8%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%222%22%20y1%3D%2212.5%22%20x2%3D%222%22%20y2%3D%2218.8%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212.4%22%20y1%3D%228.5%22%20x2%3D%2218.8%22%20y2%3D%222.1%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212.8%22%20y1%3D%222%22%20x2%3D%2219%22%20y2%3D%222%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%228.3%22%20x2%3D%2219%22%20y2%3D%222%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); } .node-type-longform .field-name-body .zoom-image-wrapper.expanded figure::before { content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2021%2020.9%22%20enable-background%3D%22new%200%200%2021%2020.9%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%222%22%20x2%3D%2212.6%22%20y2%3D%228.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2218.6%22%20y1%3D%228.5%22%20x2%3D%2212.4%22%20y2%3D%228.5%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212.4%22%20y1%3D%222.2%22%20x2%3D%2212.4%22%20y2%3D%228.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%222%22%20y1%3D%2218.9%22%20x2%3D%228.4%22%20y2%3D%2212.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%222.4%22%20y1%3D%2212.4%22%20x2%3D%228.6%22%20y2%3D%2212.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.6%22%20y1%3D%2218.6%22%20x2%3D%228.6%22%20y2%3D%2212.4%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%222%22%20x2%3D%2212.6%22%20y2%3D%228.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2218.6%22%20y1%3D%228.5%22%20x2%3D%2212.4%22%20y2%3D%228.5%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212.4%22%20y1%3D%222.2%22%20x2%3D%2212.4%22%20y2%3D%228.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%222%22%20y1%3D%2218.9%22%20x2%3D%228.4%22%20y2%3D%2212.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%222.4%22%20y1%3D%2212.4%22%20x2%3D%228.6%22%20y2%3D%2212.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.6%22%20y1%3D%2218.6%22%20x2%3D%228.6%22%20y2%3D%2212.4%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); } } .node-type-longform .field-name-body figure figcaption p { margin: 0; } html.js .header-first #block-views-exp-search-search-pane { display: none; } #block-views-exp-search-search-pane { position: relative; } #block-views-exp-search-search-pane form { padding: 5px 20px; } #block-views-exp-search-search-pane #edit-search-keys { width: 90%; border: none; padding: 10px; } #block-views-exp-search-search-pane #edit-search-keys:-moz-placeholder { font-weight: lighter; } #block-views-exp-search-search-pane #edit-search-keys::-moz-placeholder { font-weight: lighter; } #block-views-exp-search-search-pane #edit-search-keys:-ms-input-placeholder { font-weight: lighter; } #block-views-exp-search-search-pane #edit-search-keys::-webkit-input-placeholder { font-weight: lighter; } #block-views-exp-search-search-pane #edit-submit { position: absolute; right: 20px; top: 20px; width: 25px; } #block-views-exp-search-search-pane.search-open { width: 80%; display: block; margin: 0 auto; float: left; } #block-views-exp-search-search-pane.search-open form { width: 100%; display: table; } #block-views-exp-search-search-pane.search-open form .views-exposed-widget { width: 100%; } #block-views-exp-search-search-pane.search-open form .form-text { display: block; width: 100%; padding: 20px; font-size: 2em; } #block-views-exp-search-search-pane.search-open form #edit-submit { top: 35%; } #block-views-exp-search-search-pane .views-exposed-form .views-exposed-widget .form-submit { margin-top: 0px; width: 100%; } .page-search .views-exposed-form .views-exposed-widget .form-submit { margin-top: 0px; } .page-search .views-field-created { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 700; line-height: 14px; } .page-search .pane-title { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 700; line-height: initial; text-transform: uppercase; } .page-search .pane-views-row .views-row { margin-bottom: 2.5em; } .page-search .pane-views-row .views-row h2 { line-height: 1.4em; margin-bottom: 0; } .page-search .pane-views-row .views-row a:hover { color: #990e17; border: none; } .page-search .pane-views-row .views-row p { margin: 0.6em 0; } @media all and (min-width: 800px) { .page-search .panel-attic, .page-search .page-title { display: table; float: none; padding: 0 10px; } .page-search .panel-top-floor { float: left; width: 33.33333%; margin-left: 66.66667%; margin-right: -100%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .page-search .panel-mid-floor { float: left; width: 66.66667%; margin-left: 0%; margin-right: -66.66667%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } } .group-byline { padding: 30px 0; margin: 30px 0; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; } .field-name-field-byline .node-profile { width: 33%; } .field-name-field-byline .node-profile .group-left { width: 50px; } .field-name-field-byline .node-profile .group-right { width: auto; min-width: 200px; padding-left: 10px; } .field-name-field-byline .field-name-field-photo img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 40px; border: solid 2px gray; padding: 3px; } .field-name-field-byline .field-name-field-photo a:hover { border: none; } .field-name-field-byline .field-name-title { float: left; } .field-name-field-byline .field-name-title h4 { margin: 0; padding: 0; } .field-name-field-byline .field-name-field-job-title { float: left; clear: both; } .bylines-container { display: table; width: 100%; padding: 30px 0; margin: 30px 0; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; } .byline { float: left; margin-right: 30px; } .byline img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 40px; border: solid 2px gray; padding: 3px; float: left; } .byline .label, .byline .name, .byline .title { display: block; } .byline .name { font-weight: 700; } .byline.has-image .label, .byline.has-image .name, .byline.has-image .title { margin-left: 60px; } .field-name-body .image-center, .field-name-body .image-right, .field-name-body .image-left { position: relative; transition: width ease-in-out .2s; } .field-name-body .image-center img, .field-name-body .image-right img, .field-name-body .image-left img { width: 100%; } @media all and (min-width: 800px) { .field-name-body .image-right, .field-name-body .image-left { float: left; margin-bottom: 10px; margin-right: 20px; } } @media all and (min-width: 800px) { .field-name-body .image-right, .field-name-body .image-left { width: 50%; } } @media all and (min-width: 800px) { .field-name-body .image-right, .field-name-body .image-left { width: 33%; } } .field-name-body .image-right.expanded, .field-name-body .image-left.expanded { width: 100%; } .field-name-body .image-right img, .field-name-body .image-left img { cursor: pointer; } @media all and (min-width: 800px) { .field-name-body .image-right { float: right; margin-bottom: 10px; margin-left: 20px; margin-right: 0; } } @media all and (min-width: 800px) { .field-name-body .image-left { float: left; margin-bottom: 10px; margin-right: 20px; } } @media all and (min-width: 800px) { .field-name-body .zoom-image-wrapper { cursor: pointer; } .field-name-body .zoom-image-wrapper figure { position: relative; } .field-name-body .zoom-image-wrapper figure::before { position: absolute; top: 19px; width: 20px; z-index: 2; right: 10px; cursor: pointer; content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2021%2020.8%22%20enable-background%3D%22new%200%200%2021%2020.8%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.6%22%20y1%3D%2212.3%22%20x2%3D%222.2%22%20y2%3D%2218.7%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.2%22%20y1%3D%2218.8%22%20x2%3D%222%22%20y2%3D%2218.8%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%222%22%20y1%3D%2212.5%22%20x2%3D%222%22%20y2%3D%2218.8%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212.4%22%20y1%3D%228.5%22%20x2%3D%2218.8%22%20y2%3D%222.1%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212.8%22%20y1%3D%222%22%20x2%3D%2219%22%20y2%3D%222%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%228.3%22%20x2%3D%2219%22%20y2%3D%222%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.6%22%20y1%3D%2212.3%22%20x2%3D%222.2%22%20y2%3D%2218.7%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.2%22%20y1%3D%2218.8%22%20x2%3D%222%22%20y2%3D%2218.8%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%222%22%20y1%3D%2212.5%22%20x2%3D%222%22%20y2%3D%2218.8%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212.4%22%20y1%3D%228.5%22%20x2%3D%2218.8%22%20y2%3D%222.1%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212.8%22%20y1%3D%222%22%20x2%3D%2219%22%20y2%3D%222%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%228.3%22%20x2%3D%2219%22%20y2%3D%222%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); } .field-name-body .zoom-image-wrapper.expanded figure::before { content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2021%2020.9%22%20enable-background%3D%22new%200%200%2021%2020.9%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%222%22%20x2%3D%2212.6%22%20y2%3D%228.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2218.6%22%20y1%3D%228.5%22%20x2%3D%2212.4%22%20y2%3D%228.5%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212.4%22%20y1%3D%222.2%22%20x2%3D%2212.4%22%20y2%3D%228.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%222%22%20y1%3D%2218.9%22%20x2%3D%228.4%22%20y2%3D%2212.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%222.4%22%20y1%3D%2212.4%22%20x2%3D%228.6%22%20y2%3D%2212.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.6%22%20y1%3D%2218.6%22%20x2%3D%228.6%22%20y2%3D%2212.4%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2219%22%20y1%3D%222%22%20x2%3D%2212.6%22%20y2%3D%228.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2218.6%22%20y1%3D%228.5%22%20x2%3D%2212.4%22%20y2%3D%228.5%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2212.4%22%20y1%3D%222.2%22%20x2%3D%2212.4%22%20y2%3D%228.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%222%22%20y1%3D%2218.9%22%20x2%3D%228.4%22%20y2%3D%2212.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%222.4%22%20y1%3D%2212.4%22%20x2%3D%228.6%22%20y2%3D%2212.4%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222.2892%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%228.6%22%20y1%3D%2218.6%22%20x2%3D%228.6%22%20y2%3D%2212.4%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); } } .field-name-body figure figcaption p { margin: 0; } .field-name-rm-social-sharing { position: relative; } .field-name-rm-social-sharing .social-icons { display: table; margin-top: 1.5em; } .field-name-rm-social-sharing .social-icons li { float: left; display: inline-block; } @media all and (min-width: 800px) { .field-name-rm-social-sharing .social-icons { position: absolute; left: -60px; } .field-name-rm-social-sharing .social-icons li { float: none; display: block; } } #quicktabs-siste_mest_lest, #quicktabs-latest_most_read { margin-bottom: 20px; } #quicktabs-siste_mest_lest ul, #quicktabs-latest_most_read ul { width: 100%; display: table; padding: 0; margin: 0; } #quicktabs-siste_mest_lest li, #quicktabs-latest_most_read li { background: #d4d4d4; display: table-cell; text-transform: uppercase; font-weight: 500; } #quicktabs-siste_mest_lest li.active, #quicktabs-latest_most_read li.active { background: #eeeeee; } #quicktabs-siste_mest_lest li.active a, #quicktabs-latest_most_read li.active a { color: black; } #quicktabs-siste_mest_lest li a, #quicktabs-latest_most_read li a { display: block; padding: 20px; color: gray; } #quicktabs-siste_mest_lest li a:hover, #quicktabs-latest_most_read li a:hover { color: black; border: none; } #quicktabs-siste_mest_lest .views-row, #quicktabs-latest_most_read .views-row { background: #eeeeee; padding: 0 20px; border-bottom: solid 1px #d4d4d4; } #quicktabs-siste_mest_lest .views-row.views-row-last, #quicktabs-latest_most_read .views-row.views-row-last { border-bottom: none; } #quicktabs-siste_mest_lest .views-row:hover, #quicktabs-latest_most_read .views-row:hover { background: #990e17; } #quicktabs-siste_mest_lest .views-row:hover .views-field-published-at, #quicktabs-latest_most_read .views-row:hover .views-field-published-at { color: #eeeeee; } #quicktabs-siste_mest_lest .views-row .views-field-published-at, #quicktabs-latest_most_read .views-row .views-field-published-at { color: #990e17; float: left; margin-right: 0.5em; font-weight: 500; padding: 20px 0 0 0; } #quicktabs-siste_mest_lest .views-row .views-field-title a, #quicktabs-latest_most_read .views-row .views-field-title a { display: block; padding: 20px 0; color: black; } #quicktabs-siste_mest_lest .views-row .views-field-title a:hover, #quicktabs-latest_most_read .views-row .views-field-title a:hover { color: inherit; border: none; } .ramsalt-ckeditor-widgets-factbox, .field-name-field-fact-boxes { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin: 0 0 20px 0; padding: 20px; background-color: #eeeeee; border: none; } .ramsalt-ckeditor-widgets-factbox .factbox-title, .ramsalt-ckeditor-widgets-factbox .factbox-content, .ramsalt-ckeditor-widgets-factbox .field-name-title, .ramsalt-ckeditor-widgets-factbox .field-name-body, .field-name-field-fact-boxes .factbox-title, .field-name-field-fact-boxes .factbox-content, .field-name-field-fact-boxes .field-name-title, .field-name-field-fact-boxes .field-name-body { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: inherit; border: none; } .ramsalt-ckeditor-widgets-factbox .factbox-title h2, .ramsalt-ckeditor-widgets-factbox .field-name-title h2, .field-name-field-fact-boxes .factbox-title h2, .field-name-field-fact-boxes .field-name-title h2 { margin: 0; padding: 0; text-transform: uppercase; } .ramsalt-ckeditor-widgets-factbox .factbox-content, .ramsalt-ckeditor-widgets-factbox .field-name-body, .field-name-field-fact-boxes .factbox-content, .field-name-field-fact-boxes .field-name-body { background-color: inherit; } .ramsalt-ckeditor-widgets-factbox.align-left, .field-name-field-fact-boxes.align-left { margin-right: 20px; } @media all and (max-width: 800px) { .ramsalt-ckeditor-widgets-factbox.align-left, .field-name-field-fact-boxes.align-left { margin-right: 0; width: 100%; box-sizing: border-box; } } .ramsalt-ckeditor-widgets-factbox.align-right, .field-name-field-fact-boxes.align-right { margin-left: 20px; } @media all and (max-width: 800px) { .ramsalt-ckeditor-widgets-factbox.align-right, .field-name-field-fact-boxes.align-right { margin-left: 0; width: 100%; box-sizing: border-box; } } .ramsalt-ckeditor-widgets-factbox.align-center, .field-name-field-fact-boxes.align-center { margin: 0; width: 100%; box-sizing: border-box; } @media all and (max-width: 800px) { html.js .field-name-field-fact-boxes .field-name-title, html.js .field-name-field-fact-boxes .factbox-title, html.js .ramsalt-ckeditor-widgets-factbox .field-name-title, html.js .ramsalt-ckeditor-widgets-factbox .factbox-title { position: relative; padding-right: 20px; } html.js .field-name-field-fact-boxes .field-name-title::after, html.js .field-name-field-fact-boxes .factbox-title::after, html.js .ramsalt-ckeditor-widgets-factbox .field-name-title::after, html.js .ramsalt-ckeditor-widgets-factbox .factbox-title::after { position: absolute; top: 0; right: 0; height: 15px; width: 15px; content: ""; display: block; background-image: url(../images/svg-icons/sidemenu-collapsed.svg); background-size: 15px; background-repeat: no-repeat; } html.js .field-name-field-fact-boxes .field-name-title.open:after, html.js .field-name-field-fact-boxes .factbox-title.open:after, html.js .ramsalt-ckeditor-widgets-factbox .field-name-title.open:after, html.js .ramsalt-ckeditor-widgets-factbox .factbox-title.open:after { transform: rotate(45deg); } html.js .field-name-field-fact-boxes .factbox-content, html.js .field-name-field-fact-boxes .field-name-body, html.js .field-name-field-fact-boxes .field-name-field-related-content, html.js .ramsalt-ckeditor-widgets-factbox .factbox-content, html.js .ramsalt-ckeditor-widgets-factbox .field-name-body, html.js .ramsalt-ckeditor-widgets-factbox .field-name-field-related-content { display: none; } } .ramsalt-ckeditor-widgets-quotebox { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; background-color: inherit; width: 100%; padding: 0; margin: 20px 0; } .ramsalt-ckeditor-widgets-quotebox .quotebox-content { font-style: italic; } .ramsalt-ckeditor-widgets-quotebox .quotebox-author { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-transform: uppercase; border: none; padding: 0; } .ramsalt-ckeditor-widgets-quotebox .quotebox-author p { margin: 0.75em 0 0 0; } .ramsalt-ckeditor-widgets-quotebox.align-right, .ramsalt-ckeditor-widgets-quotebox.align-left { width: 50%; } .ramsalt-ckeditor-widgets-quotebox.align-right { margin-left: 20px; } .ramsalt-ckeditor-widgets-quotebox.align-left { margin-right: 20px; } .block-mailchimp-lists, .block-simplenews, [class*="pane-simplenews-"] { padding: 20px; margin-bottom: 20px; background-color: white; } .block-mailchimp-lists .block-title, .block-mailchimp-lists .pane-title, .block-simplenews .block-title, .block-simplenews .pane-title, [class*="pane-simplenews-"] .block-title, [class*="pane-simplenews-"] .pane-title { text-transform: uppercase; color: #fbfbf0; padding: 0; margin: 0; } .block-mailchimp-lists .newsletter-subscribe-info, .block-mailchimp-lists p, .block-simplenews .newsletter-subscribe-info, .block-simplenews p, [class*="pane-simplenews-"] .newsletter-subscribe-info, [class*="pane-simplenews-"] p { color: #990e17; } .block-mailchimp-lists .form-type-emailfield, .block-mailchimp-lists .form-item-mail, .block-simplenews .form-type-emailfield, .block-simplenews .form-item-mail, [class*="pane-simplenews-"] .form-type-emailfield, [class*="pane-simplenews-"] .form-item-mail { padding: 10px; border: solid 1px #eeeeee; margin-bottom: 10px; } .block-mailchimp-lists .form-type-emailfield label, .block-mailchimp-lists .form-item-mail label, .block-simplenews .form-type-emailfield label, .block-simplenews .form-item-mail label, [class*="pane-simplenews-"] .form-type-emailfield label, [class*="pane-simplenews-"] .form-item-mail label { display: none; } .block-mailchimp-lists .form-type-emailfield input, .block-mailchimp-lists .form-item-mail input, .block-simplenews .form-type-emailfield input, .block-simplenews .form-item-mail input, [class*="pane-simplenews-"] .form-type-emailfield input, [class*="pane-simplenews-"] .form-item-mail input { background-color: inherit; border: none; width: 100%; padding: 10px; } .block-mailchimp-lists [id*="edit-submit"], .block-mailchimp-lists .form-submit, .block-simplenews [id*="edit-submit"], .block-simplenews .form-submit, [class*="pane-simplenews-"] [id*="edit-submit"], [class*="pane-simplenews-"] .form-submit { color: white; border: none; text-transform: uppercase; background-color: #990e17; width: 100%; clear: both; padding: 20px; text-align: center; } .sidemenu .menu-block-wrapper > ul { padding: 0; } .sidemenu .menu-block-wrapper li > ul { padding: 0 0 0 20px; } .sidemenu .menu-block-wrapper li { list-style: none; background-repeat: no-repeat; background-position: 100% 10px; } .sidemenu .menu-block-wrapper li a { padding: 10px 0; display: block; text-transform: uppercase; border-bottom: 1px solid; border-color: #bbbbbb; } .sidemenu .menu-block-wrapper li a:hover { color: #990e17; } .sidemenu .menu-block-wrapper li.is-active > a { color: #990e17; } .sidemenu .menu-block-wrapper li.is-collapsed { background-image: url("../images/svg-icons/sidemenu-collapsed.svg"); } .sidemenu .menu-block-wrapper li.is-expanded { background-image: url("../images/svg-icons/sidemenu-expanded.svg"); } .page-taxonomy-term .page-title { background-color: #eeeeee; margin-bottom: 20px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; padding-bottom: 30px; padding-top: 50px; padding-bottom: 50px; margin-top: -50px; } @media all and (min-width: 800px) { .page-taxonomy-term .page-title { margin-left: calc(-50vw + (980px / 2)); margin-right: calc(-50vw + (980px / 2)); padding-left: calc((100vw - 980px) / 2); padding-right: calc((100vw - 980px) / 2); } } .page-taxonomy-term .field-name-title .title { font-family: "Open Sans", sans-serif; font-size: 40px; font-weight: 700; line-height: 40px; word-break: break-word; } .page-taxonomy-term .field-name-field-intro-text { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 300; line-height: 20px; } @media all and (min-width: 800px) { .page-taxonomy-term .view-section-content .views-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding-right: 20px; margin-bottom: 20px; } .page-taxonomy-term .view-section-content .views-row:nth-child(2) { padding-right: 20px; } .page-taxonomy-term .view-section-content .views-row:nth-child(2n+1) { clear: both; } } .slick-dots { z-index: 0; } @media all and (min-width: 800px) { .slick-prev, .slick-next { display: block; top: -60px; } .slick-prev:before, .slick-next:before { font-family: "tahoma"; color: #990e17 !important; } } .slick__arrow { display: none; } @media all and (min-width: 800px) { .slick__arrow { display: block; position: relative; } } .slick-prev { left: -60px; } .slick-next { right: -60px; } .flexslider { border: none; box-shadow: none; margin-bottom: 5px; } .flex-control-nav { bottom: 0; left: 0; position: relative; margin-top: 10px; text-align: left; white-space: nowrap; overflow: hidden; } .flex-nav-container { margin-bottom: 20px; padding-bottom: 0px; } .flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before { content: ''; } .flex-direction-nav a { width: 48px; height: 48px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -khtml-border-radius: 24px; border-radius: 24px; margin: -20px 0 0; display: block; background: white url(../images/slide-next-prev.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-align: left !important; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav a:hover { border: none; } .flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev { left: -36px; } .flexslider:hover .flex-next { opacity: 0.4; right: 5px; } .flexslider:hover .flex-prev { opacity: 0.4; left: 5px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .disabled { opacity: 0.3 !important; filter: alpha(opacity=30); cursor: default; } .flex-thumbs .slides img { display: block; opacity: .6; cursor: pointer; } .flex-thumbs .slides .flex-active-slide img { opacity: 1; cursor: default; } .not-logged-in.node-type-ramsalt-events .tabs-primary { display: none; } .field-name-field-registration { background-color: #990e17; margin-bottom: 20px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; padding-bottom: 30px; display: table; margin-bottom: 0px; padding-top: 20px; padding-bottom: 20px; } @media all and (min-width: 800px) { .field-name-field-registration { margin-left: calc(-50vw + (980px / 2)); margin-right: calc(-50vw + (980px / 2)); padding-left: calc((100vw - 980px) / 2); padding-right: calc((100vw - 980px) / 2); } } .field-name-field-registration input { padding: 10px; width: 100%; border: solid 1px gray; } .field-name-field-registration input#edit-submit { background-color: #990e17; color: white; text-transform: uppercase; } @media all and (min-width: 800px) { .field-name-field-registration input { width: 40%; } } .field-name-field-registration #edit-cancel { margin-left: 20px; font-size: 0.9em; } .node-ramsalt-events .calendar-date { background: #eee; color: #666; width: 50px; padding: 0; text-align: center; margin: 0 10px 10px 0; float: left; } .node-ramsalt-events .calendar-date .day { font-size: 1.5em; display: block; padding: 3px 0; } .node-ramsalt-events .calendar-date .month { background-color: #990e17; color: white; font-size: 0.75em; text-transform: uppercase; display: block; padding: 0; margin: 0; line-height: 1.6em; } .node-ramsalt-events .field-name-field-event-date { font-size: 0.75em; color: #666; font-style: italic; } .node-ramsalt-events .field-name-body { clear: both; } .node-ramsalt-events.view-mode-teaser .field-name-title, .node-ramsalt-events.view-mode-teaser .field-name-field-event-date { margin-left: 60px; } .node-ramsalt-events.view-mode-teaser .field-name-title h3 { margin: 0; } .view-ramsalt-events { margin-bottom: 20px; } .view-ramsalt-events .views-row { margin-bottom: 20px; } .view-ramsalt-events .more-link a { position: relative; z-index: 1; background-color: #990e17; padding: 3px; color: white; text-transform: uppercase; font-size: 0.7rem; } .view-ramsalt-events .more-link a:hover { border: none; } .page-events .panel-top-floor { clear: both; background-color: #990e17; margin-bottom: 20px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; padding-bottom: 30px; display: table; } @media all and (min-width: 800px) { .page-events .panel-top-floor { margin-left: calc(-50vw + (980px / 2)); margin-right: calc(-50vw + (980px / 2)); padding-left: calc((100vw - 980px) / 2); padding-right: calc((100vw - 980px) / 2); } } @media all and (min-width: 800px) { .page-events .view-ramsalt-events .views-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; padding-right: 20px; margin-bottom: 20px; } .page-events .view-ramsalt-events .views-row:nth-child(3) { padding-right: 20px; } .page-events .view-ramsalt-events .views-row:nth-child(3n+1) { clear: both; } } .node-ramsalt-shorts { padding: 0 25px !important; border-right: solid 1px gray; } .node-ramsalt-shorts .field-name-title h2 { font-family: "Open Sans", sans-serif; font-size: 20px; font-weight: 700; line-height: 25px; } .node-ramsalt-shorts .field-name-title a { color: white; } .node-ramsalt-shorts .field-name-field-shorts-source { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; float: left; margin-right: 10px; color: #cccccc; } .node-ramsalt-shorts .field-name-field-shorts-date { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; color: #cccccc; } .node-ramsalt-shorts .field-name-field-shorts-description { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 19px; } div[class*=" pane-ramsalt-shorts-panel-pane-"] { margin: 20px -20px; padding: 0 20px; background-color: #474747; margin-bottom: 20px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; padding-bottom: 30px; color: white; } @media all and (min-width: 800px) { div[class*=" pane-ramsalt-shorts-panel-pane-"] { margin-left: calc(-50vw + (980px / 2)); margin-right: calc(-50vw + (980px / 2)); padding-left: calc((100vw - 980px) / 2); padding-right: calc((100vw - 980px) / 2); } } div[class*=" pane-ramsalt-shorts-panel-pane-"] .pane-title { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 700; line-height: initial; text-transform: uppercase; padding: 20px 0; border-bottom: solid 1px gray; } div[class*=" pane-ramsalt-shorts-panel-pane-"] .slick-dots { height: 30px; top: -60px; } div[class*=" pane-ramsalt-shorts-panel-pane-"] .slick-dots li button:before { color: white; } div[class*=" pane-ramsalt-shorts-panel-pane-"] .slick__arrow { top: -100px; } div[class*=" pane-ramsalt-shorts-panel-pane-"] .more-link a { position: relative; z-index: 1; background-color: #990e17; padding: 3px; color: white; text-transform: uppercase; font-size: 0.7rem; } div[class*=" pane-ramsalt-shorts-panel-pane-"] .more-link a:hover { border: none; } div[class*=" pane-ramsalt-shorts-panel-pane-"].archive-listing { background: inherit; color: black; margin-top: 0; } div[class*=" pane-ramsalt-shorts-panel-pane-"].archive-listing .pane-title { color: black; border: none; } @media all and (min-width: 800px) { div[class*=" pane-ramsalt-shorts-panel-pane-"].archive-listing .views-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding-right: 20px; margin-bottom: 20px; } div[class*=" pane-ramsalt-shorts-panel-pane-"].archive-listing .views-row:nth-child(2) { padding-right: 20px; } div[class*=" pane-ramsalt-shorts-panel-pane-"].archive-listing .views-row:nth-child(2n+1) { clear: both; } } @media all and (min-width: 800px) { div[class*=" pane-ramsalt-shorts-panel-pane-"].archive-listing .views-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; padding-right: 20px; margin-bottom: 20px; } div[class*=" pane-ramsalt-shorts-panel-pane-"].archive-listing .views-row:nth-child(4) { padding-right: 20px; } div[class*=" pane-ramsalt-shorts-panel-pane-"].archive-listing .views-row:nth-child(4n+1) { clear: both; } } div[class*=" pane-ramsalt-shorts-panel-pane-"].archive-listing .node-ramsalt-shorts { border: none; padding: 0 25px 0 0 !important; } div[class*=" pane-ramsalt-shorts-panel-pane-"].archive-listing .node-ramsalt-shorts .field-name-title a { color: black; } .slide--0.slick-slide .node-ramsalt-shorts { padding-left: 0px !important; } div[class*=" pane-ramsalt-media-feed-items-panel-pane-"] { margin-bottom: 20px; } div[class*=" pane-ramsalt-media-feed-items-panel-pane-"] .pane-title { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 700; line-height: initial; text-transform: uppercase; margin-top: 0; } div[class*=" pane-ramsalt-media-feed-items-panel-pane-"] .views-field-field-rm-feed-icon { float: left; } div[class*=" pane-ramsalt-media-feed-items-panel-pane-"] .views-field-field-rm-feed-icon img { display: block; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } div[class*=" pane-ramsalt-media-feed-items-panel-pane-"] .title { margin-left: 60px; font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 400; line-height: 20px; } div[class*=" pane-ramsalt-media-feed-items-panel-pane-"] .views-field-created { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; margin-left: 60px; } div[class*=" pane-ramsalt-media-feed-items-panel-pane-"] ul.pager { padding: 0 0 20px 0; font-size: smaller; } @media all and (min-width: 800px) { .view-profile-content .views-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; padding-right: 20px; margin-bottom: 20px; } .view-profile-content .views-row:nth-child(3) { padding-right: 20px; } .view-profile-content .views-row:nth-child(3n+1) { clear: both; } } [class^="pane-openx-"] img, [class*=" pane-openx-"] img, .block-openx img { width: 100%; } [class^="pane-openx-"] a::before, [class*=" pane-openx-"] a::before, .block-openx a::before { display: block; content: "Annonse"; text-transform: uppercase; font-size: 10px; color: gray; } .region-header { position: relative; } .region-header #block-ramid-client-logged-in-status { position: absolute; top: -20px; right: 0; background: white; font-size: smaller; padding: 2px 10px; } @media all and (max-width: 800px) { .region-header #block-ramid-client-logged-in-status { top: -10px; } } /** * @file * Print styling * * We provide some sane print styling for Drupal using Zen's layout method. */ /** * By importing this CSS file as media "all", we allow this print file to be * aggregated with other stylesheets, for improved front-end performance. */ @media print { /* Underline all links. */ a:link, a:visited { text-decoration: underline !important; /* Don't underline header. */ } a:link.header__site-link, a:visited.header__site-link { text-decoration: none !important; } #content { /* Add visible URL after links. */ /* Only display useful links. */ /* Add visible title after abbreviations. */ } #content a[href]:after { content: " (" attr(href) ")"; font-weight: normal; font-size: 16px; } #content a[href^="javascript:"]:after, #content a[href^="#"]:after { content: ""; } #content abbr[title]:after { content: " (" attr(title) ")"; } /* Un-float the content. */ #content, .moscone-flipped-content { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Turn off any background colors or images. */ body, #page, #main, #content { color: #000; background-color: transparent !important; background-image: none !important; } /* Hide sidebars and nav elements. */ #skip-link, #toolbar, #navigation, .region-sidebar-first, .region-sidebar-second, #footer, .breadcrumb, .tabs, .action-links, .links, .book-navigation, .forum-topic-navigation, .pager, .feed-icons, .block-menu-block, .block-locale, #mini-panel-frontpage_on_article_list { visibility: hidden; display: none; } } body { background-color: white; overflow-x: hidden; } body.search-open { background-color: #990e17; } body.search-open .main-container, body.search-open .footer-container, body.search-open .header-second, body.search-open .header-third { display: none !important; } body.search-open .header-first { border: none; } #main { background-color: white; padding: 20px; } @media all and (min-width: 800px) { #main { margin: 0 -10px; padding: 50px 10px 0px 10px; } body.front #main { padding-right: 0px; padding-left: 0px; } } .viewport-inner, .region-header2, .region-header3, .region-ad-top { margin-left: auto; margin-right: auto; max-width: 980px; background-color: inherit; } .viewport-inner:before, .viewport-inner:after, .region-header2:before, .region-header2:after, .region-header3:before, .region-header3:after, .region-ad-top:before, .region-ad-top:after { content: ""; display: table; } .viewport-inner:after, .region-header2:after, .region-header3:after, .region-ad-top:after { clear: both; } @media all and (max-width: 800px) { .mobile-hidden { display: none; } } @media all and (min-width: 800px) { .tablet-hidden { display: none; } } @media all and (min-width: 800px) { .desktop-hidden { display: none; } } .overflow { background-color: #990e17; margin-bottom: 20px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; padding-bottom: 30px; } @media all and (min-width: 800px) { .overflow { margin-left: calc(-50vw + (980px / 2)); margin-right: calc(-50vw + (980px / 2)); padding-left: calc((100vw - 980px) / 2); padding-right: calc((100vw - 980px) / 2); } } a { color: black; text-decoration: none; } a:hover { color: #990e17; border-bottom: solid 2px #990e17; } .field-name-body a { color: #990e17; } .field-name-body a:hover { color: black; border-bottom: solid 2px black; } .entity-collection-name-frontpage a:hover { color: #990e17; border: none; } .view-search #edit-search-keys { padding: 10px; } .view-search #edit-submit { margin-top: 0; } .premium-article.view-mode-teaser .field-name-field-main-image, .premium-article.view-mode-featured .field-name-field-main-image { position: relative; } .premium-article.view-mode-teaser .field-name-field-main-image:after, .premium-article.view-mode-featured .field-name-field-main-image:after { content: ""; position: absolute; bottom: 10px; left: 10px; height: 40px; width: 40px; background-color: #990e17; background-image: url("../images/svg-icons/plus.svg"); background-repeat: no-repeat; background-size: 30px; background-position: 50%; } .field-name-body figure { display: table; } .field-name-body figure br { display: none; } .field-name-body figure.image-right { float: right; margin-left: 20px; } @media all and (max-width: 800px) { .field-name-body figure.image-right { float: none; margin: 0; } } .field-name-body figure.image-left { float: left; margin-right: 20px; } @media all and (max-width: 800px) { .field-name-body figure.image-left { float: none; margin: 0; } } .field-name-body figure.image-captioned img { display: block; } .field-name-body figure figcaption { font-family: "Open Sans", sans-serif; font-size: .9rem; font-weight: 300; display: table-caption; caption-side: bottom; background: #eee; padding: 10px; } .field-name-body img.image-right { float: right; margin-left: 20px; } .field-name-body img.image-left { float: left; margin-right: 20px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .pane-node .field-name-body img { width: 100%; } } .field-name-field-title-prefix { display: inline-block; background-color: #990e17; color: white; padding: 5px; margin-top: 20px; text-transform: uppercase; } .field-name-field-main-image a:hover { border: none; } .field-name-field-main-image img { display: block; } .field-name-field-image-caption { font-family: "Open Sans", sans-serif; font-size: .9rem; font-weight: 300; background: #eeeeee; padding: 20px; } .field-name-published-date, .field-name-published-on { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 700; line-height: 14px; text-transform: uppercase; color: gray; margin-top: 20px; } .field-type-taxonomy-term-reference { margin-top: 10px; } .field-type-taxonomy-term-reference .field-item { display: inline-block; } .field-type-taxonomy-term-reference .field-item a { display: block; margin: 10px 10px 0 0; border: solid 1px #eee; padding: 3px 10px; border-radius: 25px; background: #eee; font-size: small; } .field-type-taxonomy-term-reference .field-item a:hover { border: solid 1px gray; color: inherit; } .field-name-field-video .player { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .field-name-field-video .player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .goto-archive { display: block; background-color: #990e17; border: solid 2px #990e17; margin: 20px auto; width: 150px; text-align: center; } .goto-archive:hover { background-color: white; } .goto-archive a { text-transform: uppercase; color: white; display: block; padding: 10px 20px; } .goto-archive a:hover { color: #990e17; border: none; } ul.tabs li { background: #474747; } ul.pager li.pager-item a, ul.pager li.pager-next a, ul.pager li.pager-last a { color: #990e17; } ul.pager li.pager-item:hover a, ul.pager li.pager-next:hover a, ul.pager li.pager-last:hover a { color: white; } ul.pager li.pager-next:hover a, ul.pager li.pager-last:hover a { text-decoration: underline; color: #990e17; } div[class*=" pane-ramsalt-shorts-panel-pane-"] .field-name-rm-shorts-title a { color: white; }