.top-frame body { font-size: 100%; color: #454545; font-family: Helvetica,Arial,sans-serif; line-height: 1.4; } .top-frame a { color: #28324b; } .top-frame a:hover, .top-frame a:focus { color: #f06432; } .top-frame h1, .top-frame h2, .top-frame h3, .top-frame h4, .top-frame h5, .top-frame h6, .top-frame .heading1, .top-frame .heading2, .top-frame .heading3, .top-frame .heading4, .top-frame .heading5, .top-frame .heading6 { color: #454545; font-weight: bold; font-style: normal; font-family: Helvetica,Arial,sans-serif; display: block; margin: 10px 0; } .top-frame h1 a, .top-frame h2 a, .top-frame h3 a, .top-frame h4 a, .top-frame h5 a, .top-frame h6 a, .top-frame .heading1 a, .top-frame .heading2 a, .top-frame .heading3 a, .top-frame .heading4 a, .top-frame .heading5 a, .top-frame .heading6 a { color: inherit; } .top-frame input.search-query { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .top-frame .btn { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .top-frame .btn.btn-default { border: solid 1px #666; background: #666; color: #fff; } .top-frame .btn.btn-default:hover { background: #454545; } .top-frame .btn.btn-primary, .top-frame .btn.search-form_submit { background-color: #28324b; color: white; } .top-frame .btn.btn-primary:hover, .top-frame .btn.search-form_submit:hover { background-color: #242d44; } .top-frame .btn.search-form_submit { border-color: #28324b; } .top-frame .yja-category-group, .top-frame .yja-tag-group { display: inline; } .top-frame .label, .top-frame .yja-tag { text-transform: uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .top-frame .badge:not(.error-notice), .top-frame .label, .top-frame .yja-tag { border: 1px solid #454545; } .top-frame .portlet-navigation .nav-menu ul a { color: #454545; } .top-frame .portlet-navigation .nav-menu ul ul a { color: #4c4c4c; } .top-frame .portlet-navigation .nav-menu > ul > li { color: #4c4c4c; } .top-frame .events .event-highlight { font-size: 1.1em; border-top: solid 1px #28324b; } .top-frame .events .event-highlight td, .top-frame .events .event-highlight td.time { font-size: 0.9em; vertical-align: middle; } .top-frame .events .event-highlight tr { border-bottom: solid 1px #28324b; } .top-frame .events .event-highlight .btn { text-align: left; } .top-frame .events .dark-link, .top-frame .events .dark-link:hover, .top-frame .events .dark-link:focus, .top-frame .events .dark-link:active, .top-frame .events .dark-link:visited, .top-frame .events .dark-link:link { color: #28324b; display: block; position: relative; } .top-frame .events.event-search-portlet .event-list-wrapper > .span12 > .span3 { background: #28324b; } .top-frame .events.event-search-portlet .event-list-wrapper { border-color: #28324b; } .top-frame .events.event-search-portlet label, .top-frame .events.event-search-portlet .prev-date, .top-frame .events.event-search-portlet .next-date { font-weight: bold !important; } .top-frame .events.event-search-portlet h4.bg { background: #28324b; color: #fff; } .top-frame .events.event-search-portlet .event-list-wrapper { margin-bottom: 10px; } .top-frame .events.event-search-portlet .event-item-list { border-bottom: 1px solid #28324b; border-right: 1px solid #28324b; border-left: 1px solid #28324b; background: white; } .top-frame .events.event-search-portlet .event-item-list h4, .top-frame .events.event-search-portlet .event-item-list .event-time { font-weight: bold !important; } .top-frame .events.event-search-portlet .event-item-list .event-date { display: block; } .top-frame .twitter-widget-portlet .user span[data-scribe="element:screen_name"] { color: #28324b; } .top-frame #scrollToTop { color: #fff; background: #28324b; } .top-frame #scrollToTop:hover { background: #242d44; } .top-frame #banner .language-version-selection-portlet .lang-text > a:after { content: "\f0d7"; margin-left: .5em; font-family: 'fontawesome-alloy'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .top-frame #banner .language-version-selection-portlet .lang-nav-open a { background: #28324b; color: white !important; } .top-frame #banner .language-version-selection-portlet .lang-nav ul { background: #28324b; } .top-frame .media-item .small figure { float: left; margin-right: 1em; } .top-frame .media-item .dark-link { color: #454545; } .top-frame .media-item .dark-link:hover { text-decoration: none; } .top-frame .media-item h2 { margin-bottom: 0; } .top-frame .media-item h2 a { color: #454545; } .top-frame .media-item .meta { margin-bottom: em(5px); color: #535353; font-size: .9em; } .top-frame .feed-item.simple .meta { color: #535353; font-size: .9em; } .top-frame .feed-item.simple h6 a { color: #454545; } .top-frame ul.position-nav li.selected { background: #28324b; } .top-frame ul.position-nav li.selected:hover { background-color: #28324b; } .top-frame .carousel .description { font-family: Helvetica,Arial,sans-serif; font-weight: normal; } .panel.border-top-emphasis { border-top: solid 4px #28324b; } .top-frame #banner { background-repeat: repeat; background-size: initial; background-position: center top; background-color: transparent; background-image: url('data:image/svg+xml,data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E'); color: #fff; } .top-frame #banner a { color: #fff; } .top-frame #heading { height: auto; padding: 0; } .top-frame #heading .yja-site-template-settings-header-portlet { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .portlet-borderless-container, .top-frame #heading .yja-site-template-settings-header-portlet .portlet-body, .top-frame #heading .yja-site-template-settings-header-portlet .header-row { height: 100%; } .top-frame #heading .yja-site-template-settings-header-portlet .header-top-left-cell, .top-frame #heading .yja-site-template-settings-header-portlet .header-top-right-cell { vertical-align: middle; } .top-frame #banner nav ul[role="menubar"] { background-color: #f4f5f6; color: #28324b; } .top-frame #banner nav ul[role="menubar"] li a:hover { background-color: #d9dde0; } .top-frame #banner nav ul[role="menubar"] li.selected { background-color: #28324b; color: white; } .top-frame #banner nav ul[role="menubar"] li.selected a { color: white; } .top-frame #banner nav ul[role="menubar"] li.selected a:hover { background-color: #242d44; } .top-frame #banner nav a { color: #28324b; } .top-frame #banner nav.fixed { background: #f4f5f6; } .top-frame #footer { background-image: url(none); background-repeat: repeat; background-size: initial; background-position: center top; background-color: #28324b; color: #fff; } .top-frame #footer a { color: #fff; } .top-frame #footer .footer-bottom-bar { background-color: #28324b; } .top-frame body { background-color: #f4f5f6; background-image: url(""); background-position: center top; background-repeat: no-repeat; background-size: initial; background-attachment: scroll; } .top-frame .page-wrapper { max-width: 100%; margin: 0 auto; } .top-frame .layout-wrapper, .top-frame #main-content:not(.layout-wide) { background: transparent; padding-left: 0; padding-right: 0; } .top-frame .homepage .layout-wrapper-wide { background: #efefef; } .top-frame .homepage .layout-wrapper-wide *, .top-frame .homepage .layout-wrapper-wide .carousel-wrapper ul li h3 a .description { color: #454545; } .top-frame #main-content, .top-frame #footer .container-fluid, .top-frame #banner .main-nav, .top-frame .layout-wrapper, .top-frame .layout-wrapper-wide-container { max-width: 1040px; } .mobile-menu-actions { right: 0; } .mobile-menu-actions a.menu-icon { background: #fff; color: #454545; } .mobile-menu-actions a { color: #28324b; } .mobile-menu-actions a.menu-icon { font-family: Helvetica,Arial,sans-serif; } .mobile-menu-actions a:active, .mobile-menu-actions a:focus, .mobile-menu-actions a:hover { color: #f06432; } .mm-menu { border-color: #28324b; } .mm-menu a { color: white; } .mm-menu a:hover, .mm-menu a:focus { color: white; } .grecaptcha-badge { z-index: 1; } @font-face { font-family: 'Gothic A1'; font-style: normal; font-weight: 400; src: url('/documents/31741422/57682026/gothic-a1-v8-latin-regular.eot'); src: local(''),url('/documents/31741422/57682026/gothic-a1-v8-latin-regular.eot?#iefix') format('embedded-opentype'),url('/documents/31741422/57682026/gothic-a1-v8-latin-regular.woff2') format('woff2'),url('/documents/31741422/57682026/gothic-a1-v8-latin-regular.woff') format('woff'),url('/documents/31741422/57682026/gothic-a1-v8-latin-regular.ttf') format('truetype'),url('/documents/31741422/57682026/gothic-a1-v8-latin-regular.svg#GothicA1') format('svg'); } @font-face { font-family: 'Gothic A1'; font-style: normal; font-weight: 500; src: url('/documents/31741422/57682026/gothic-a1-v8-latin-500.eot'); src: local(''),url('/documents/31741422/57682026/gothic-a1-v8-latin-500.eot?#iefix') format('embedded-opentype'),url('/documents/31741422/57682026/gothic-a1-v8-latin-500.woff2') format('woff2'),url('/documents/31741422/57682026/gothic-a1-v8-latin-500.woff') format('woff'),url('/documents/31741422/57682026/gothic-a1-v8-latin-500.ttf') format('truetype'),url('/documents/31741422/57682026/gothic-a1-v8-latin-500.svg#GothicA1') format('svg'); } @font-face { font-family: 'Gothic A1'; font-style: normal; font-weight: 700; src: url('/documents/31741422/57682026/gothic-a1-v8-latin-700.eot'); src: local(''),url('/documents/31741422/57682026/gothic-a1-v8-latin-700.eot?#iefix') format('embedded-opentype'),url('/documents/31741422/57682026/gothic-a1-v8-latin-700.woff2') format('woff2'),url('/documents/31741422/57682026/gothic-a1-v8-latin-700.woff') format('woff'),url('/documents/31741422/57682026/gothic-a1-v8-latin-700.ttf') format('truetype'),url('/documents/31741422/57682026/gothic-a1-v8-latin-700.svg#GothicA1') format('svg'); } @font-face { font-family: 'Gothic A1'; font-style: normal; font-weight: 900; src: url('/documents/31741422/57682026/gothic-a1-v8-latin-900.eot'); src: local(''),url('/documents/31741422/57682026/gothic-a1-v8-latin-900.eot?#iefix') format('embedded-opentype'),url('/documents/31741422/57682026/gothic-a1-v8-latin-900.woff2') format('woff2'),url('/documents/31741422/57682026/gothic-a1-v8-latin-900.woff') format('woff'),url('/documents/31741422/57682026/gothic-a1-v8-latin-900.ttf') format('truetype'),url('/documents/31741422/57682026/gothic-a1-v8-latin-900.svg#GothicA1') format('svg'); } ::placeholder { color: #979797 !important; } .top-frame body { font-family: 'Gothic A1',Helvetica,Arial,sans-serif; font-size: 1rem; color: #212121; letter-spacing: 0.025rem; } .top-frame h1, .top-frame h2, .top-frame h3, .top-frame h4, .top-frame h5, .top-frame h6 { font-family: 'Gothic A1',Helvetica,Arial,sans-serif; margin-bottom: 2rem; } .top-frame h1, .top-frame .h1 { font-size: 2.375rem; font-weight: 500; } .top-frame h2, .top-frame .h2 { font-size: 1.875rem; font-weight: 500; } .top-frame h3, .top-frame .h3 { font-size: 1.5rem; font-weight: 700; } .top-frame h4, .top-frame .h4 { font-size: 1.0rem; font-weight: 700; } .top-frame p { margin-bottom: 2rem; letter-spacing: 0.0125rem; line-height: 1.5; } .top-frame p.lead, .top-frame p.ingress { font-size: 1.125rem; font-weight: 500; } .top-frame a { transition: all .15s ease-in-out; } .top-frame blockquote { background: #fef0eb; font-style: normal; font-size: 1rem; margin: 4rem -2.05rem; padding: 2rem 2rem .25rem; } .top-frame blockquote p { font-size: 1.25rem; font-style: normal; } .top-frame strong { font-weight: 900; } .top-frame table { margin-bottom: 2rem; } .top-frame table th, .top-frame table td { padding: .5rem; } .top-frame div[role="main"]:not(.frontpage) { background: #fff; padding: 2rem; } .top-frame div[role="main"]:not(.frontpage) ul, .top-frame div[role="main"]:not(.frontpage) ol { line-height: 2; } .top-frame div[role="main"]:not(.frontpage) ul p, .top-frame div[role="main"]:not(.frontpage) ol p { margin-bottom: 0; } .top-frame .btn { border-radius: 10px !important; hyphens: auto; } .top-frame .btn-primary, .top-frame .btn-default { text-transform: uppercase; font-weight: 900; line-height: 1.5; padding: .75rem 2rem !important; font-size: 1rem; white-space: normal; } .top-frame .btn-primary:hover, .top-frame .btn-default:hover, .top-frame .btn-primary:focus, .top-frame .btn-default:focus { color: #f1774b !important; } .top-frame .btn-small { text-transform: none; font-size: 0.875rem; font-weight: 400; line-height: 1.5; padding: 0.375rem 0.75rem !important; border-radius: 4px !important; } .top-frame .label { border-radius: 6px; } .top-frame .label { transition: all .15s ease-in-out; background: #c3e3cb; } .top-frame .label-green { background: #c3e3cb; } .top-frame .label-red { background: #fcd4de; } .top-frame .label-purple { background: #d7d4e9; } .top-frame .label-grey { background: #d4d6db; } .top-frame .label-yellow { background: #fff8b6; } .top-frame .file-extension { text-transform: uppercase !important; } .top-frame .embed-responsive { margin-bottom: 3rem; } .top-frame .journal-content-article ul, .top-frame .journal-content-article ol { margin-bottom: 2rem; } .top-frame .journal-content-article p a, .top-frame .journal-content-article ul a { padding-bottom: 2px; box-shadow: inset 0px 0px 0px white,inset 0px -2px 0 #f06432; } .top-frame .journal-content-article p a.no-border, .top-frame .journal-content-article ul a.no-border { box-shadow: none; } .top-frame .journal-content-article p a:hover, .top-frame .journal-content-article ul a:hover, .top-frame .journal-content-article p a:focus, .top-frame .journal-content-article ul a:focus { text-decoration: none; } .top-frame .journal-content-article p a.yja-external-link, .top-frame .journal-content-article ul a.yja-external-link { box-shadow: inset -30px 0px 0px white,inset 0px -2px 0 #f06432; } .top-frame .journal-content-article p a.yja-external-link:after, .top-frame .journal-content-article ul a.yja-external-link:after { content: '\F08E'; font-family: 'fontawesome-alloy'; font-size: .85rem; font-weight: 700; display: inline-block; text-decoration: none; margin: 0 .5rem 0 0.25rem; position: relative; top: -4px; box-shadow: inset 0px 0px 0px white,inset 0px -2px 0 #fff; } .top-frame .journal-content-article p a.image-link, .top-frame .journal-content-article ul a.image-link { box-shadow: none; } .top-frame .journal-content-article p a.image-link.yja-external-link:after, .top-frame .journal-content-article ul a.image-link.yja-external-link:after { display: none; } .top-frame .frontpage .journal-content-article p a, .top-frame .frontpage .journal-content-article ul a { padding-bottom: 0; box-shadow: none; } .top-frame .portlet-navigation .list-menu { font-size: 1rem; } .top-frame .portlet-navigation .list-menu ul li a { color: #fff; background: #28324b; border-radius: 8px 0 0 8px; padding: 1.5rem; position: relative; overflow: hidden; } .top-frame .portlet-navigation .list-menu ul li.active > a:before { content: ''; width: 12px; height: 100%; background: #f06432; position: absolute; top: 0; left: 0; } .top-frame .col-md-3 .list-menu li.hasChild ul { padding: 0 !important; margin-bottom: 0; } .top-frame .col-md-3 .list-menu li.hasChild ul li { margin: 1px 0 0; } .top-frame .col-md-3 .list-menu li.hasChild ul li a { background: #535b6f; padding: 1.5rem; } .top-frame .col-md-3 .list-menu .toggleVisibility { color: #fff; margin-top: .65rem; } .top-frame .mobile-menu-actions { right: 1rem; top: 4.25rem; } .top-frame .mobile-menu-actions .menu-icon { font-family: 'Gothic A1',Helvetica,Arial,sans-serif; font-size: .85rem; overflow: unset; text-align: center; color: #212121; } .top-frame #menu .mm-panels .mm-panel, .top-frame #menu .mm-navbar { background: #28324b !important; } .top-frame #menu .close-mm-menu { background: #fff; color: #28324b !important; font-weight: 700; line-height: 1; padding: .35rem .5rem; font-size: 1rem; display: inline-block; } .top-frame .mm-listview a.mm-btn:after, .top-frame .mm-listview a.mm-btn:before, .top-frame a.mm-btn_next:after, .top-frame a.mm-btn_prev:before { border-color: #fff !important; } .top-frame .mm-custom-top { margin-bottom: .25rem; } .top-frame header#banner { background: #f4f5f6; } .top-frame header#banner #heading { background: #fff; } .top-frame header#banner .header-advanced-search-link { display: none; } .top-frame header#banner .search-query { border-radius: 8px 0px 0 8px !important; } .top-frame header#banner .header-top-right-cell .search-form { max-width: 280px; margin-left: auto; } .top-frame header#banner .header-top-right-cell .search-form input[type="search"] { max-width: 100%; } .top-frame header#banner .header-top-bar { background: transparent !important; text-align: right !important; margin-top: .75rem; } .top-frame header#banner .header-top-bar .header-top-bar-links-lang { padding-right: .5em; } .top-frame header#banner .header-top-bar .header-top-bar-links-lang a { color: #212121 !important; font-size: 1rem !important; } .top-frame header#banner .logo { margin-bottom: 2rem; } .top-frame header#banner .logo img { max-width: 100%; } .top-frame header#banner .main-nav ul { background-color: transparent !important; } .top-frame header#banner .main-nav ul li a { text-transform: uppercase; font-weight: 900; padding: 36px 1rem !important; border-radius: 10px; } .top-frame header#banner .main-nav ul li a:hover { background-color: #d9dde0; } .top-frame header#banner .main-nav ul li.selected { border-radius: 10px; } .top-frame header#banner .main-nav ul li.selected.border-bottom > a { border-bottom: 8px solid #f06432; padding-bottom: 28px !important; } .top-frame header#banner .main-nav ul li.selected.no-border > a { border-bottom: 0; padding-bottom: 36px; } .top-frame header#banner .main-nav ul li.selected > a { background-color: #242d44; color: white; } .top-frame header#banner .main-nav .a11y-nav__item { border-bottom: 0; } .top-frame #languageSelectionMenu.fi > .fi, .top-frame #languageSelectionMenu.sv > .sv, .top-frame #languageSelectionMenu.en > .en { font-weight: 600; } .top-frame #languageSelectionMenu.fi > .fi > a, .top-frame #languageSelectionMenu.sv > .sv > a, .top-frame #languageSelectionMenu.en > .en > a { border-bottom: 2px solid #f06432; } .top-frame #banner a { color: #212121; } .top-frame #content { padding-top: 0; overflow: hidden; } .top-frame .portlet-breadcrumb nav { background: #d4d6db; margin: 0 -1rem; } .top-frame .portlet-breadcrumb nav ul { max-width: 1040px; margin: 0 auto; padding: .875rem 1.25rem; } .top-frame .portlet-breadcrumb nav ul a, .top-frame .portlet-breadcrumb nav ul li.active, .top-frame .portlet-breadcrumb nav ul li:before { color: #212121; font-size: 1rem; } .top-frame .portlet-breadcrumb nav ul a { box-shadow: none; } .top-frame .web-content-listing-portlet .nav { margin-left: 0; margin-bottom: 3rem; } .top-frame .web-content-listing-portlet .nav li { margin-right: 1.0rem; margin-bottom: .25rem; } .top-frame .web-content-listing-portlet .nav li a { font-size: 1.25rem; line-height: 1; color: #28324b; border: 1px solid #d4d6db; border-radius: 8px; padding: 0.5rem 1rem; } .top-frame .web-content-listing-portlet .nav li.active a { background: #28324b; color: #fff; border-color: #28324b; } .top-frame .web-content-listing-portlet ul.results li.list__item { display: flex; flex-wrap: wrap; margin-bottom: 3rem; } .top-frame .web-content-listing-portlet ul.results li.list__item .meta { order: 1; margin-bottom: 0.5rem !important; } .top-frame .web-content-listing-portlet ul.results li.list__item .meta .label { font-size: 1rem; text-transform: none; color: #212121; padding: 0.375rem 0.75rem; margin-right: 1.5rem; border-radius: 6px; border: 0; } .top-frame .web-content-listing-portlet ul.results li.list__item .meta .date { font-size: 1rem; } .top-frame .web-content-listing-portlet ul.results li.list__item a { font-weight: 700; order: 2; width: 100%; } .top-frame .web-content-listing-portlet ul.results li.list__item h4 { order: 2; color: #212121; } .top-frame .web-content-listing-portlet ul.results li.list__item p { order: 3; } .top-frame .lift-element { padding: 3.5rem 0; } .top-frame .lift-element h2 { font-size: 2.375rem; margin-top: 0; } .top-frame .lift-element.lift-vertical { flex-direction: column; } .top-frame .lift-element.lift-vertical > div { margin: 0 auto !important; text-align: center; } .top-frame .lift-element.lift-vertical img { margin-bottom: 2.5rem; } .top-frame .lift-element.dark-bg { background: #28324b; } .top-frame .lift-element.dark-bg h1, .top-frame .lift-element.dark-bg h2, .top-frame .lift-element.dark-bg h3, .top-frame .lift-element.dark-bg h4, .top-frame .lift-element.dark-bg p { color: #fff; } .top-frame .lift-element.dark-bg .btn-primary { background: #fff; color: #28324b; } .top-frame .lift-element.dark-bg .btn-primary:hover, .top-frame .lift-element.dark-bg .btn-primary:focus { color: #f06432; } .top-frame .lift-element .lift-column { align-items: center; display: flex; } .top-frame .lift-horizontal .lift-column .lift-content { max-width: 100%; flex-shrink: 0; } .top-frame .portlet-title-text { font-size: 1.875rem; font-weight: 700; text-transform: uppercase; text-align: center; max-width: 100%; margin-top: 6rem; z-index: 1; white-space: normal; } .top-frame .col-md-9 .portlet-title-text { margin-top: 1rem !important; text-transform: none; text-align: left; } .top-frame .col-md-9 h1.portlet-title-text { font-size: 2.375rem; margin-bottom: 2rem; } .top-frame .homepage .portlet-asset-publisher + .portlet-journal-content p { margin-bottom: 3.25rem; } .top-frame .col-of-3 { padding: 4rem 0 2.25rem; } .top-frame .col-of-3 > .row { justify-content: center; } .top-frame .col-of-3 .column { flex: 0 0 100%; max-width: 100%; text-align: left; margin-bottom: 1.5rem; position: relative; } .top-frame .col-of-3 .column .col-md-6 { flex: 0 0 100%; max-width: 100%; margin: 0; } .top-frame .col-of-3 .item { padding: 0 1.5rem; height: 100%; display: flex; flex-direction: column; align-items: center; } .top-frame .col-of-3 .item h2 { font-size: 1.5rem; max-width: 100%; } .top-frame .col-of-3 .item .btn-primary { font-size: 1rem; margin-top: auto; } .top-frame .col-of-3 .item img { margin-bottom: 1.5rem; flex-shrink: 0; max-width: 230px !important; } .top-frame .col-of-3.cards ul { margin: 0 -20px; } .top-frame .col-of-3.cards ul.nav-tabs { margin: 0 0 3rem 0; border-bottom: 0; } .top-frame .col-of-3.cards .meta-top { display: block; width: 100%; margin-bottom: 1rem; } .top-frame .col-of-3.cards .meta-top span { display: inline-block; line-height: 1; } .top-frame .col-of-3.cards .date { padding: 0.5rem 0; } .top-frame .col-of-3.cards .column { padding: 0 1rem; text-align: left; margin-bottom: 1.5rem; } .top-frame .col-of-3.cards .item { background: #fff; padding: 1.5rem 1.5rem 2.5rem; } .top-frame .col-of-3.cards .title, .top-frame .col-of-3.cards .description { margin-top: 2rem; } .top-frame .col-of-3.cards .title { font-size: 1.25rem; margin-top: 1rem; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } .top-frame .col-of-3.cards .bigger-heading .title { font-size: 1.5rem; } .top-frame .col-of-3.cards .label { font-size: 1rem; line-height: 1; margin-right: .25rem; padding: .5rem .5rem; text-transform: none; border: 0; } .top-frame .col-of-3.cards .btn { width: 100%; } .top-frame .col-of-3.shapes { padding-top: 2rem; } .top-frame .col-of-3.shapes .col-md-6 { text-align: left; } .top-frame .col-of-3.shapes h2, .top-frame .col-of-3.shapes h3 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; text-align: center; } .top-frame .col-of-3.shapes .btn { text-transform: none; font-size: 1rem; font-weight: 700; color: #28324b; background: transparent; position: relative; padding: 0 !important; } .top-frame .col-of-3.shapes .btn:after { content: ''; background: #f06432; height: 2px; width: 100%; position: absolute; bottom: 0; left: 0; } .top-frame .col-of-3.shapes .bg-shape { position: absolute; top: 0; left: 0; height: 100%; width: 100%; transform: scale(1.1); } .top-frame .col-of-3.shapes .column { padding: 0 2rem; } .top-frame .col-of-3.shapes .column:first-child { padding: 0 2.5rem 0 1.5rem; } .top-frame .col-of-3.shapes .column:first-child .bg-shape { top: -.5rem; left: -2.6rem; transform: scale(1.06); } .top-frame .col-of-3.shapes .column:nth-child(2) .bg-shape { top: 2.75rem; left: -.75rem; transform: scale(1.22); } .top-frame .col-of-3.shapes .column:nth-child(3) { padding: 0 1.5rem 0 2.5rem; } .top-frame .col-of-3.shapes .column:nth-child(3) .bg-shape { top: .5rem; left: 0.75rem; } .top-frame .col-of-2 .item { height: 100%; display: flex; flex-direction: column; align-items: center; } .top-frame .col-of-2 .btn { margin-top: auto; } .top-frame .shortcuts { padding: 1rem 0 3rem; } .top-frame .shortcuts .title { max-width: 100%; } .top-frame .shortcuts.bg-blue .title { color: #28324b; } .top-frame .shortcuts.bg-blue .btn { color: #fff; background: #28324b; } .top-frame .shortcuts .row { position: relative; max-width: 860px; margin: 0 auto; } .top-frame .shortcuts .column { text-align: center; padding: 0 1rem; margin-bottom: 3rem; } .top-frame .shortcuts .bg-shape { position: absolute; height: 100%; width: 100vw; top: 0; left: 50%; transform: translateX(-50%); overflow: hidden; } .top-frame .shortcuts .bg-shape svg { position: absolute; width: 1260px; top: 50%; left: 52%; transform: translate(-48%, -50%); } .top-frame .document-listing { list-style: none; margin-left: 0; } .top-frame .document-listing li { display: flex; flex-flow: column; margin-bottom: 3rem; } .top-frame .document-listing li a { order: 2; font-weight: 700; width: 100%; } .top-frame .document-listing li .file-details { order: 1; padding-left: 0 !important; } .top-frame .document-listing li .file-extension { font-size: 1rem; text-transform: none; color: #212121; padding: 0.375rem 0.75rem; margin-right: 1.5rem; border-radius: 6px; border: 0; background: #d4d6db; } .top-frame .document-listing li .comma, .top-frame .document-listing li .file-size { display: none; } .top-frame body:not(.homepage) .file-list .column { flex: 0 0 100%; max-width: 100%; } .top-frame body:not(.homepage) .file-list .column .item { padding: 0 .5rem; } .top-frame body:not(.homepage) .file-list .content { width: 100%; } .top-frame body:not(.homepage) .file-list .content .title { font-size: 1rem; margin-top: 0; } .top-frame body:not(.homepage) .file-list .content a { display: block; line-height: 1.5; } .top-frame .feed-item.simple { margin-bottom: 3rem; display: flex; flex-wrap: wrap; } .top-frame .feed-item.simple .meta { order: 1; margin-bottom: 0.5rem !important; } .top-frame .feed-item.simple .meta .label { font-size: 1rem; text-transform: none; color: #212121; padding: 0.375rem 0.75rem; margin-right: 1.5rem; border-radius: 6px; border: 0; } .top-frame .feed-item.simple .meta .date { font-size: 1rem; } .top-frame .feed-item.simple .h4 { margin: 0 0 .5rem 0; order: 2; width: 100%; } .top-frame .media-item h1, .top-frame .media-item h2, .top-frame .media-item h3, .top-frame .media-item h4, .top-frame .media-item h5, .top-frame .media-item h6 { margin-bottom: 2rem; } .top-frame .media-item .meta { margin-bottom: 0.5rem !important; color: #212121; } .top-frame .media-item .meta .icon-time, .top-frame .media-item .meta .ministries { display: none; } .top-frame .media-item .meta .time { margin-right: 1rem; } .top-frame .media-item .meta .label { font-size: 1rem; text-transform: none; color: #212121; padding: 0.375rem 0.75rem; margin-right: 1.5rem; border-radius: 6px; border: 0; } .top-frame .media-item .meta .date, .top-frame .media-item .meta .time { font-size: 1rem; } .top-frame .media-item .meta .published > div, .top-frame .media-item .meta span { display: inline-block; } .top-frame footer .col:nth-child(1) { flex: 0 0 100%; max-width: 100%; } .top-frame footer .col:nth-child(2) { margin-left: 0; } .top-frame footer .col:nth-child(2) p { font-size: 0.875rem; } .top-frame footer .col:nth-child(4) ul { margin-bottom: 3rem; } .top-frame footer .col:nth-child(4) ul li { margin-bottom: 1.25rem; } .top-frame footer .col:nth-child(4) a { font-weight: 700; } .top-frame footer .col:nth-child(4) .btn-default, .top-frame footer .col:nth-child(4) .btn-primary { font-size: 1rem; font-weight: 900; text-transform: uppercase; background: #fff; color: #28324b !important; } .top-frame footer ul { list-style: none; margin-left: 0; } .top-frame footer h2 { font-size: 1rem; font-weight: 700; margin-top: 0; margin-bottom: 1rem; } .top-frame footer p { margin-bottom: 1rem; } .top-frame footer h2, .top-frame footer h3, .top-frame footer h4 { color: #fff; } .top-frame footer .social-media-icons li { display: inline-block; margin-right: 1rem; } .top-frame footer .social-media-icons li a { background: #fff; color: #28324b !important; padding: .25rem; border-radius: 4px; width: 24px; height: 24px; display: inline-block; text-align: center; } .top-frame .frontpage div[class^="bg-"]:after, .top-frame .frontpage div[class*=" bg-"]:after { content: ''; position: absolute; width: 100vw; height: 100%; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); } .top-frame .col-of-3 { background: #fff; } .top-frame .col-of-3:after { background: #fff; content: ''; position: absolute; width: 100vw; height: 100%; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); } .top-frame .col-of-3.cards { background: transparent; padding-top: 1rem; } .top-frame .col-of-3.cards:after { display: none; } .top-frame .col-of-3.cards .content { max-width: 100%; } .top-frame .bg-white { background: #fff; } .top-frame .bg-white:after { background: #fff; } .top-frame .bg-blue { background: #28324b; } .top-frame .bg-blue h1, .top-frame .bg-blue h2, .top-frame .bg-blue h3, .top-frame .bg-blue p { color: #fff; } .top-frame .bg-blue .btn { color: #28324b; background: #fff; } .top-frame .bg-blue:after { background: #28324b; } .top-frame .frontpage { padding-top: 0 !important; } .top-frame .homepage #content { margin-bottom: 0; } .top-frame .search-layout { background: #fff !important; padding: 0 2rem !important; } .top-frame .fessWrapper { font-family: 'Gothic A1',Helvetica,Arial,sans-serif; color: #212121; } .top-frame .fessWrapper .searchButton { line-height: 1; border-radius: 0px 8px 8px 0 !important; } .top-frame .fessWrapper .fessResultBox > div > div { padding-bottom: 1rem !important; margin-bottom: 1.5rem !important; } .top-frame .fessWrapper .fessResultBox #searchResultList li { padding-bottom: .75rem !important; margin-bottom: 1.25rem !important; } .top-frame .fessWrapper .title.media-heading { font-size: 1.25rem; font-weight: 700; } .top-frame .fessWrapper .title.media-heading a:hover, .top-frame .fessWrapper .title.media-heading a:focus { color: #f06432; } .top-frame .fessWrapper .description { line-height: 1.5; } .top-frame .fessWrapper .pagination > li > a { color: #28324b; border-radius: 4px; } .top-frame .fessWrapper .pagination > li > a:hover, .top-frame .fessWrapper .pagination > li > a:focus { color: #28324b; } .top-frame .fessWrapper .pagination > .active > a { color: #fff; background-color: #28324b; border-color: #28324b; } .top-frame .fessWrapper .pagination > .active > a:hover, .top-frame .fessWrapper .pagination > .active > a:focus { color: #f06432; background-color: #28324b; } .top-frame .web-form-portlet form .description + .field-wrapper .control-label { display: block; margin-bottom: .55rem; } .top-frame .web-form-portlet form .description + .field-wrapper .control-label + label { margin-right: 1rem; } .top-frame .web-form-portlet form .lfr-textarea-container + p { margin-top: 2rem; font-weight: 600; } .top-frame .web-form-portlet form .description + div .control-label, .top-frame .web-form-portlet form .lfr-textarea-container label { font-weight: 600; } .top-frame .web-form-portlet form { margin-bottom: 2rem; } .top-frame .has-control-menu.controls-visible .portlet-topper { z-index: 1; } @media (min-width: 980px) and (max-width: 1059px) { .top-frame header#banner .header-row { padding: 0 20px; } } @media (min-width: 768px) and (max-width: 1123px) { .top-frame header#banner .logo { margin-bottom: 0; } } @media (max-width: 767px) { .top-frame .lift-element img { max-width: 320px; } .top-frame .lift-horizontal .lift-column .lift-content { text-align: center; } .top-frame .col-of-3 .column { margin-bottom: 4rem; } .top-frame footer .col { flex: 0 0 100%; max-width: 100%; padding-bottom: 1rem; border-bottom: 1px solid rgba(255, 255, 255, .2); margin-bottom: 2rem; } .top-frame footer .col:nth-child(1), .top-frame footer .col:last-of-type { border-bottom: 0; margin-bottom: 0; } } @media (max-width: 919px) { .top-frame .lift-horizontal .lift-column { justify-content: center; } .top-frame .lift-horizontal .lift-column img { margin-bottom: 2rem; } .top-frame .homepage .col-of-3 .item { padding-bottom: 3rem; } } @media (min-width: 920px) { .top-frame .col-of-3 .column { flex: 0 0 33.3333%; max-width: 33.3333%; text-align: center; } } @media (max-width: 679px) { .top-frame .col-of-3.shapes .lift-element { max-width: 300px; margin: 0 auto; } .top-frame .col-of-3.shapes .lift-element h2, .top-frame .col-of-3.shapes .lift-element h3 { text-align: left; } .top-frame .col-of-3.shapes .column { margin-bottom: 0.5rem; padding: 0 0rem; } .top-frame .col-of-3.shapes .bg-shape { max-width: 400px; left: 45% !important; transform: translateX(-50%) !important; } } @media (min-width: 680px) and (max-width: 919px) { .top-frame .col-of-3.shapes .column { flex: 0 0 47%; max-width: 47%; margin-bottom: 0.5rem; } .top-frame .col-of-3.shapes .bg-shape { min-width: 400px; } } @media (min-width: 768px) and (max-width: 920px) { .top-frame footer .col:nth-child(4) { margin-left: 0; } .top-frame footer .col-md-4 { flex: 0 0 47%; max-width: 47%; } } @media (max-width: 580px) { .top-frame body:not(.homepage) #content { padding: 0; margin-bottom: 2rem; } .top-frame div[role="main"]:not(.frontpage) { padding: 2rem 1rem; } .top-frame div[role="main"]:not(.frontpage) h1, .top-frame div[role="main"]:not(.frontpage) .h1 { } .top-frame div[role="main"]:not(.frontpage) h2, .top-frame div[role="main"]:not(.frontpage) .h2 { } .top-frame div[role="main"]:not(.frontpage) h3, .top-frame div[role="main"]:not(.frontpage) .h3 { } .top-frame .col-md-9[role="main"] { overflow: auto; } .top-frame .portlet-breadcrumb nav { margin: 0; } .top-frame .web-content-listing-portlet ul.results li.list__item a { } } @media (max-width: 580px) and (max-width: 580px) { .top-frame div[role="main"]:not(.frontpage) h1, .top-frame div[role="main"]:not(.frontpage) .h1 { font-size: 1.85rem; } .top-frame div[role="main"]:not(.frontpage) h2, .top-frame div[role="main"]:not(.frontpage) .h2 { font-size: 1.6rem; } .top-frame div[role="main"]:not(.frontpage) h3, .top-frame div[role="main"]:not(.frontpage) .h3 { font-size: 1.2rem; } .top-frame .web-content-listing-portlet ul.results li.list__item a { font-size: 1.2rem; } }