@import 'css/base.css'; /* Theme Name: InstantAtlas Description: InstantAtlas WP Theme (Twenty Sixteen Child Theme) Author: Esri UK Ltd Version: 2.0 Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready */ :root { --ia-site-primary-color: #555; --ia-site-banner-bg-color: white; --ia-site-banner-fg-color: #333; --ia-site-standard-font: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: bold; clear: unset; /* Overwrite the base.css setting because it is ridiculous - the browser can deal with this */ } dd { margin-bottom: 12px; } iframe { border: 0; } hr { background-color: #4a4a4a; opacity: 0.1; width: 100%; } #masthead { background-color: var(--ia-site-banner-bg-color, #fff); color: var(--ia-site-banner-fg-color, #333); padding: 0 4.5455% } #masthead .site-title a { color: var(--ia-site-banner-fg-color, #333); } .site-branding { margin-top: 12px; margin-bottom: 12px; display: flex; flex-direction: row; align-content: flex-start; } h2.expandable { cursor: pointer; border-bottom: 1px solid #eaeaea; padding-bottom: 7px; margin: 7px 0 10px 0; font-size: 18px; } h2.expandable:first-of-type { border-top: 1px solid #eaeaea; padding-top: 7px; } h2.expandable > button::after { right: 0; top: 50%; position: absolute; display: inline-block; vertical-align: middle; content: '\f077'; /*'\f055';*/ font-family: 'Font Awesome 5 Free', FontAwesome; font-weight: bold; transform: translate(0, -50%) rotate(180deg); transition: transform .3s; pointer-events: none; } h2.expandable.expanded > button::after { transform: translate(0, -50%) rotate(0deg); } .site-info .site-description { color: #eee; } #masthead .search-form { width: 100%; } #masthead .search-form input { width: 100%; } .search-submit { /* customer_dependant */ background-color: black; } /* * Profile table styling */ .dataTable { font-size: 14px; line-height: 1.4; border: 1px solid black; border-collapse: collapse; } .dataTable th.cfhc, .dataTable th.fhc { text-align: center; } .dataTable thead th { background-color: #701471; color: white; } .dataTable tbody tr.even { background-color: #eee; } /* Remove borders */ .page-header, .widget, .comment-reply-title, .comments-title, .post-navigation, .post-navigation div+div { border: 0; } /* Remove site border effect */ .site { margin: 0; } .site-inner { margin: 0; width: 100%; max-width: 100%; } #masthead { padding-top: 0; padding-bottom: 0; } /* Use bottom widget area as footer */ .content-bottom-widgets { background: white; color: #222; padding: 0 4.5455%; margin: 0; padding-top: 20px; margin-top: 20px; border-top: 1px solid black; } .content-bottom-widgets a { color: #333; } .content-bottom-widgets a:hover { text-decoration: underline; } .recent-list { width: 100%; margin-left: 0; } .recent-list li { border-bottom: 1px solid #ccc; padding-bottom: 10px; } .recent-list li:last-of-type { border: 0; } .content-bottom-widgets ul { list-style-type: none; margin-left: 0; } .content-bottom-widgets .widget-area { width: 100% !important; } #colophon { display: none; } .comments-area { display: none; } .page-title { color: #333; letter-spacing: 0.05rem; text-transform: uppercase; font-size: 20px; display: inline-block; } .menu-toggle { display: block; width: 100%; } .navigation-wrapper { padding: 0 4.5455%; } .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus { background-color: #43589b; border-color: #43589b; color: #fff; } .sidebar .menu { list-style-type: none; margin-left: 0; } .ia-theme-submenu { display: inline-block; margin-bottom: 0; font-size: 13px; margin-left: 0; } .ia-theme-submenu li { display: inline-block; border-right: 1px solid #eaeaea; } .ia-theme-submenu li:last-of-type { border: 0; } .ia-theme-submenu li img { display: inline-block; width: 20px; height: 20px; } .ia-theme-submenu li a:last-of-type { border: 0; } .ia-theme-submenu li a { padding: 4px 10px; border-right: 1px solid #eaeaea; display: block; } .ia-theme-submenu li a:hover { background-color: #efefef; } .ia-theme-submenu li.current>a { background-color: #efedf9; border: 1px solid orange; } .sidebar ul { list-style-type: none; margin-left: 0; } .sidebar ul li, .sidebar .menu-item { border-bottom: 1px solid #eee; padding: .25em 0; } .sidebar .menu-item:last-of-type { border: 0; } .sidebar .widget:first-of-type { padding-top: 0; } .site-content .content-area { width: 100%; } body[class*="home"] .content-area { width: 94%; margin: 0 auto; } body[class*="home"] .entry-content { width: 94%; margin: 0 auto; } .page-header { margin-left: 0; } .recent-list { list-style-type: none; width: 90%; } .home-welcome { font-family: var(--ia-site-standard-font, "Helvetica Neue", sans-serif); padding: 30px 0; margin: 0 4.5455%; } .home-welcome h1 { margin-bottom: 1rem; } .entry-content { position: relative; font-size: 16px; max-width: 1200px; } .entry-content, .no-sidebar .entry-content { margin-left: auto; margin-right: auto; } .home-welcome h1 { font-size: 1.2rem; line-height: 1.3; } .home-welcome p { font-size: 1.0rem; margin-bottom: 0; } .topics { border-bottom: 1px solid #eee; padding-right: 4.5455%; } .topics-container { display: flex; flex-wrap: wrap; } .topic { display: flex-item; margin: 0 0 20px 0; } .topic-header { font-weight: normal; color: black; } .topic-header { text-align: center; font-family: var(--ia-site-standard-font, "Helvetica Neue", sans-serif); margin-top: 0; margin-bottom: 0; padding-bottom: 30px; padding-top: 0; } /* Archive lists */ body[class*="home"] .entry-title a { box-shadow: none; font-size: 1.2rem; vertical-align: middle; } body[class*="home"] .entry-title { margin-bottom: 0; font-weight: normal; line-height: 1; } body[class*="archive"] .entry-title { font-size: 1.5rem; font-weight: normal; padding-bottom: 0; margin-bottom: 0; } body[class*="archive"] .site-main .post { margin-bottom: 0; margin-top: 20px; } .site-main h1.entry-title { font-size: 2rem; border-bottom: 1px solid #eee; border-color: #eee; padding-bottom: 25px; } .site-content .page-header { border-bottom: 1px solid #eee; border-color: #eee; padding: 14px 4.5455%; margin-bottom: 14px; } .entry-header { margin-left: 4.5455%; margin-right: 4.5455%; } .entry-content.embed-full-width { max-width: auto; } .archive-post-date { color: #848484; } .header-image { display: inline-block; margin: 0; width: 180px; } .site-title { display: inline-block; font-size: 1.25rem; } .site-info { display: inline-block; vertical-align: middle; margin-left: 20px; } .header-search { width: 100%; } .site-info { display: none; } .featured-image-container { max-height: 230px; overflow: hidden; } .featured-image-container img { width: 100%; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .author-details { margin-top: 20px; } .homepage-column { position: relative; } .homepage-column .page-header .page-title { font-size: 1.3rem; } .recent-list { width: 100%; } .homepage-column .page-header { margin-bottom: 0; padding-top: 0; } .homepage-column { box-sizing: border-box; background-color: #eaeaea; padding: 20px; margin-bottom: 20px; max-width: 100%; overflow: hidden; } .gallery { display: flex; flex-wrap: wrap; flex-direction: row; align-items: start; justify-content: flex-start; } .gallery-item { display: block; max-width: 100%; padding: 10px; } .gallery-item a { transition: all 0.5s ease; display: block; border: 0; box-shadow: none; position: relative; } .gallery-item:hover { position: relative; outline: 8px solid #daa718; } .gallery-item img { width: 80%; margin: 0 auto; height: auto; } .gallery-columns-6 .gallery-item { max-width: 50%; } .gallery-columns-5 .gallery-item { max-width: 33%; } .gallery-columns-4 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .post { border-bottom: 1px solid #ededed; margin-top: 20px; } li { list-style-position: inside; } /* Desktop */ @media screen and (min-width: 56.875em) { body[class*="home"] .content-area { width: 100%; max-width: 1200px; } body[class*="home"] .entry-content { font-size: 16px; width: 100%; max-width: 1200px; } .gallery-columns-6 .gallery-item { width: 16%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery { flex-direction: row; } .gallery-item { max-width: 33%; } .author-details { float: right; color: #bbb; margin-top: 0; } .primary-menu { background-color: transparent; } .site-header-menu { background-color: transparent; } .home-welcome h1 { font-size: 3rem; line-height: 1.3; } .home-welcome p { font-size: 1.5rem; margin-bottom: 0; } .homepage-column { background-color: #eaeaea; padding: 20px; margin-right: 2%; margin-bottom: 20px; } .homepage-column:last-of-type { margin-right: 0; } /* customer_dependant */ .navigation-wrapper { background-color: black; background: black; background: -moz-linear-gradient(45deg, black, black 50%, black 100%); background: -webkit-linear-gradient(45deg, black 1%, black 50%, black 100%); background: linear-gradient(45deg, black 1%, black 50%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='black', endColorstr='#black', GradientType=1); } .main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul { right: auto; left: 100%; } .main-navigation li>ul:focus-within, .main-navigation li>a:focus~ul { left: auto; right: 0; } .main-navigation ul ul .menu-item-has-children>a:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .main-navigation .primary-menu>li { /* customer_dependant */ border-right: 1px solid #0e4f84; background-color: transparent; } .main-navigation .primary-menu>li>a { color: inherit; } .topic { width: 20%; } .site-content .page-header { padding-left: 0; padding-right: 0; } .header-search { display: block; width: auto; } .ia-theme-submenu { margin-left: 20px; } .entry-header { margin-left: 0; margin-right: 0; } .home-welcome { margin-right: 0 !important; margin-left: 0 !important; } .main-navigation a { color: white; } .main-navigation ul ul a { /* customer_dependant */ color: black; } .menu-toggle { display: none; } .header-search-container { margin: 1em 0 1em auto; } #masthead .search-form input { border-radius: 0; background-color: white; outline: 1px solid #eaeaea; box-shadow: none; } #masthead .search-form input:focus { width: 350px; } .site-header-menu { margin: 0; margin-bottom: 0; } .sidebar { padding-left: 1em; } /* Footer widgets */ .content-bottom-widgets .widget { width: 25%; float: left; padding-right: 20px; } .homepage-column { width: 46%; float: left; } } @media screen and (min-width: 61.5625em) { /* position menu below branding on large screens */ .site-header-menu { flex: 0 0 auto; width: 100%; } body:not(.search-results) article:not(.type-page) .entry-content { width: 100%; } } @media screen and (min-width: 44.375em) { /* Remove top and bottom spacing */ body:not(.custom-background-image):before, body:not(.custom-background-image):after { height: 0; } } .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } /** * No max width on embed pages */ .entry-content.embed-full-width { max-width: 100%; } /* * Homepage tiles */ .tiles { width: 100%; margin-top: 18px; transition: opacity 1s ease-in-out; opacity: 0; } .tiles-loaded { opacity: 1; } .tiles .tile { box-sizing: border-box; padding: 0 10px 10px 0; } .tile-w-1 { width: 25%; } .tile-w-2 { width: 50%; } .tile-w-3 { width: 75%; } .tile-w-4 { width: 100%; } .tile-h-1 { height: 140px; } .tile-h-2 { height: 280px; } .tile-h-3 { height: 420px; } .tile-h-4 { height: 560px; } .tile .tile-inner { height: 100%; background: #eaeaea; } .tiles .tile-action:hover .tile-inner { /* customer_dependant */ outline: 1px solid black; background-color: #eaeaea; } .tiles .tile-action:hover { /* customer_dependant */ color: black; } .tiles .tile-footer { position: absolute; bottom: 14px; font-size: 12px; } .tiles .tile.tile-separator { height: auto; } .tiles .tile.tile-separator .tile-inner { background: white; padding: 10px 0; } .tiles .tile-separator-title { font-weight: bold; font-size: 22px; } .tiles .tile-inner { padding: 10px; position: relative; display: flex; } .tile-stat .tile-inner { flex-direction: row; align-items: center; } .tile .tile-theme-name { font-size: 22px; line-height: 1.2; } .tile .tile-chart-container { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; } .tile .tile-stat-chart-container { width: 100%; height: 100%; position: absolute; /*top: 50%; left: 50%; transform: translate(-50%, -50%);*/ } .tile-right-inner { /*position: absolute;*/ width: 100%; /*top: 50%; left: 50%; transform: translate(-50%, -50%);*/ } .tile-left { width: 50%; position: relative; height: 100%; flex: 1 1 50%; order: 1; } .tile-right { width: 50%; height: auto; position: relative; flex: 1 1 50%; order: 2; } .tile-loading .tile-inner { transition: opacity 0.4s ease-in-out; background-image: url(img/loading.gif); background-repeat: no-repeat; background-position: center; background-size: 30px; } .tile-loading .tile-inner>* { opacity: 0; } .stat-container { line-height: 1.2; } .stat-container .stat-title { margin-bottom: 6px; } .tile-quickprofile .tile-inner { flex-direction: column; } .tile-stat .tile-footer { bottom: -4px; font-size: 10px; opacity: 0.7; } .stat-container .stat-value { font-weight: bold; font-size: 24px; } /** * Stack homepage tiles on mobile (or smaller tablets etc.) */ @media screen and (max-width: 750px) { .qp-map { min-height: 50vh; } .tiles.tiles-loaded { height: auto !important; } .tiles .tile.tile-theme, .tiles .tile.tile-figure, .tiles .tile.tile-chart, .tiles .tile.tile-stat, .tiles .tile.tile-quickprofile { width: 100%; height: auto; position: relative !important; left: 0 !important; top: 0 !important; } .tiles .tile.tile-figure, .tiles .tile.tile-chart, .tiles .tile.tile-stat, .tiles .tile.tile-quickprofile { min-height: 140px; } .tile-stat .tile-inner { display: block; height: auto; } .tile-right, .tile-left, .tile-right-inner, .tile-left-inner { display: block; width: 100%; height: auto; } .tile .tile-stat-chart-container { display: block; position: relative; height: 140px; } .tile-quickprofile { width: 500px; height: 500px; overflow: hidden; } .tile-quickprofile .tile-inner, .tile-theme .tile-inner { overflow: hidden; flex-direction: column; min-height: 100%; } .tile-inner .tile-footer { position: relative; left: auto; bottom: auto; } .main h1 { font-size: 24px; } .grid-main { margin: 0 2% 0 4.5455%; } } /** * Google search styles */ .gsc-selected-option-container { white-space: nowrap; } .cse .gsc-control-cse, .gsc-control-cse { padding: 0 !important; } /** * Quick profile */ .qp-container { background: #eaeaea; height: 93%; overflow: hidden; } .qp-search-container { display: block; position: relative; z-index: 101; } .qp-search-input { border: 1px solid #333; padding: 8px; display: block; background: white; width: 100%; } .qp-search-error { position: absolute; bottom: -25px; padding: 3px; font-size: 13px; width: 100%; background: #9a0c0c; color: white; display: none; border: 1px solid #ddd; } .qp-search-error.active { display: block; } .qp-map { position: relative; z-index: 99; } .qp-map-controls button { width: 25px; height: 25px; text-align: center; display: inline-block; vertical-align: middle; padding: 0; } .qp-map-controls { position: absolute; right: 10px; top: 10px; } .qp-search-input.loading { background-image: url('img/loading.gif'); background-repeat: no-repeat; background-position: 98% center; background-size: 15px; } .qp-background-reference-map { pointer-events: none; } .qp-map { width: 100%; height: 80%; } .qp-map-feature { stroke: black; stroke-width: 1; fill: transparent; stroke-linejoin: round; stroke-linecap: round; } .qp-map-feature:hover { stroke: black; fill: black; cursor: pointer; } .qp-label { background: transparent; } .qp-map-tooltip { position: absolute; background: white; opacity: 0; padding: 5px 10px; border-radius: 3px; border: 1px solid #ddd; transition: opacity .1s ease-in-out; transform: translate(10px, -110%); z-index: 65536; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .qp-map-tooltip.tip-showing { opacity: 0.95; } /** * Max width for content pages */ .ia-theme-content { margin: 0 auto; max-width: 1003px; } /** * Default banner image size */ .featured-image-container { height: 200px; max-height: 200px; background-size: cover; background-position: center; } @media screen and (min-width: 56.875em) { .featured-image-container { height: 325px; max-height: 325px; } } .qp-backgound-base-map, .qp-backgound-reference-map { transition: all .1s; pointer-events: none; } .layer-refreshing { opacity: 0; } /* KM breadcrumb additions 2018-02-07 START */ .ia-theme-breadcrumb>li { border: none; font-size: 1rem; } .ia-theme-breadcrumb>li>a, .ia-theme-breadcrumb>li>span { padding-left: 10px; padding-right: 10px; display: inline-block; } header>.ia-theme-breadcrumb>.ia-breadcrumb-item:not(.current)>a { color: inherit; } .ia-theme-breadcrumb>li>.page-title { color: unset; letter-spacing: unset; text-transform: unset; font-size: 1.2em; } .ia-theme-breadcrumb .ia-breadcrumb-item::before, .ia-theme-breadcrumb .active .ia-theme-breadcrumb::before { content: '\f054'; font-family: 'Font Awesome 5 Free', FontAwesome; font-weight: bold; margin-right: 5px; } .ia-theme-breadcrumb .ia-breadcrumb-item:first-child::before { display: none; } .ia-theme-breadcrumb .current>a { border-radius: 2px; } .ia-theme-breadcrumb { margin-left: 0; } .ia-theme-breadcrumb .active .ia-theme-breadcrumb { margin-left: 5px; padding: 0; } .ia-theme-breadcrumb .active .ia-theme-breadcrumb li::before { display: none; } .ia-theme-breadcrumb .active .ia-theme-breadcrumb li { border-left: 1px solid #ccc; margin-left: 5px; margin-right: 5px; padding-left: 10px; padding-right: 0px; } .ia-theme-breadcrumb .active .ia-theme-breadcrumb li:first-child { border-left: none; padding-left: 0; } /* KM breadcrumb additions 2018-02-07 END */ /* Migrations from report viewer app.css - start */ .report-map-toolbar { border: 1px solid #ccc; border-right: 0; border-left: 0; top: 0; left: 0; right: 0; margin-bottom: 5px; } .report-map-toolbar>* { vertical-align: middle; } .report-map-toolbar button { display: inline-block; padding: 11px 12px; cursor: pointer; background: none; border: 0; width: 20%; background-color: #fafafa; } .report-map-toolbar button:hover { background-color: #cecece; } .report-map-toolbar .flabel { display: inline-block; position: relative; vertical-align: middle; width: 50%; } .report-map-toolbar .flabel>label { position: absolute; display: block; font-size: 0.8em; white-space: nowrap; top: 4px; left: 4px; text-transform: uppercase; width: 100%; } .report-map-toolbar .flabel>input, .report-map-toolbar .flabel>select { padding: 1.6em 4px 8px 4px; height: 50px; border-radius: 0; appearance: none; -webkit-appearance: none; } .report-map-toolbar .flabel>select { cursor: pointer; width: 100%; border: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj48dGl0bGU+ZG93bl9hcnJvdzwvdGl0bGU+PHBvbHlnb24gcG9pbnRzPSI5Ljg0IDE4LjMzIDI0Ljc1IDMzLjE0IDM5LjcxIDE4LjI4IDQzLjkzIDE4LjMxIDI0Ljc1IDM3LjM2IDUuNTcgMTguMzEgOS44NCAxOC4zMyIvPjwvc3ZnPg=="); background-position: 98% 50%; background-size: 20px; background-repeat: no-repeat; } .report-map-toolbar.no-svg .flabel>label::after { content: '▼'; position: absolute; display: block; right: 10px; top: 10px; font-size: 1.6em; color: #ccc; } .report-map-toolbar .flabel>select:hover { background-color: #eaeaea; } .report-map-toolbar .flabel>select.iao-report-selector { border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .report-map-toolbar .flabel>select.iao-feature-selector { border-right: 1px solid #ccc; } .iao-content .exportControls a.iao-pdf-btn { display: none; /* Hide this by default, because it won't work */ } .hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .visible { display: block; } @media print { .entry-content, .content-area { margin: 0 !important; padding: 0 !important; } .navigation-wrapper, .report-map-toolbar { display: none; } .ia-theme-submenu li, .ia-theme-submenu li.current>.ia-theme-submenu, body>.cookie-grey-banner { display: none; } .ia-theme-submenu li.current { display: block; } .ia-theme-submenu li.current>a { background-color: transparent; border: none; color: inherit; } } /* Migrations from report viewer app.css - end */ /* Additions for cookie slide into view support */ .cookie-grey-banner { position: fixed; left: 0; bottom: 0; right: 0; height: 0; color: #fff; background-color: rgba(0, 0, 0, .7); font-size: 14px; transition: all .5s; text-align: center; z-index: 10001; } .cookie-grey-banner .site-title { font-size: 1em; font-weight: inherit; } .cookie-grey-banner.in { height: 45px; } .cookie-grey-banner>div { padding: 9px; } .tm { font-size: .8em; letter-spacing: 0; } .cookie-grey-banner button { font-size: 1em; padding: 3px 6px 3px 6px; background-color: rgba(0, 0, 0, .7); border: 1px solid #fff; border-radius: 1px; font-weight: normal; margin-top: -2px; text-transform: none; } .cookie-grey-banner button.cookie-set-button-default { background-color: #ddd; color: #000; } .cookie-grey-banner button.cookie-set-button-primary { background-color: var(--ia-site-banner-bg-color); color: var(--ia-site-banner-fg-color); } .ia-report-viewer .profileReport .iaProfileSectionContentWrapper { min-height: 0; /* Allow for full collapse of sections once they are embedded */ } .iao-news-card { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: column nowrap; } .iao-news-card>div:nth-child(2) { flex: 1 1 auto; } .iao-news-date, .iao-news-more { margin-top: 10px; } @media all and (min-width: 768px) /* Tablet - 768px and larger */ { .iao-news-card { flex: 1; } } /* Google search resets - start */ .site-main .gs-result, .site-main .gsc-control-cse .gsc-table-result { font-family: var(--ia-site-standard-font, 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif); font-size: 1rem; line-height: normal; } .site-main .gs-result .gs-title, .site-main .gs-result .gs-title * { height: auto; text-decoration: none; } .site-main .gsc-control-cse .gs-spelling, .site-main .gsc-control-cse .gs-result .gs-title, .site-main .gsc-control-cse .gs-result .gs-title * { font-size: 1.1rem; } .site-main .cse .gsc-search-button-v2, .site-main .gsc-search-button-v2 { height: auto; padding-top: 10px; padding-bottom: 10px; margin-left: 0; } /* Google search resets - end */ /* ESRI webmap resets - start */ .qp-map .esriSimpleSlider { border: none; background-color: transparent; line-height: 1em; } .qp-map .esriSimpleSliderIncrementButton, .qp-map .esriSimpleSliderDecrementButton { background-color: rgba(40, 40, 40, 0.9); color: #fff; border: none; margin-bottom: 10px; border-radius: 1px; width: 1.8rem; height: 1.8rem; position: relative; overflow: hidden; } .qp-map .esriSimpleSliderHorizontal .esriSimpleSliderIncrementButton { border-left: 1px solid #d1d1d1; border-radius: 0 2px 2px 0; } .qp-map .esriSimpleSliderHorizontal .esriSimpleSliderDecrementButton { border-radius: 2px 0 0 2px; } .qp-map .esriSimpleSliderIncrementButton:hover, .qp-map .esriSimpleSliderDecrementButton:hover { background-color: rgba(40, 40, 40, 0.95); box-shadow: 0 0 1px 1px #fff; } .qp-map .esriSimpleSliderIncrementButton>span, .qp-map .esriSimpleSliderDecrementButton>span { display: none; } .qp-map .esriSimpleSliderIncrementButton::after { content: '\f067'; } .qp-map .esriSimpleSliderDecrementButton::after { content: '\f068'; } .qp-map .esriSimpleSliderIncrementButton::after, .qp-map .esriSimpleSliderDecrementButton::after { position: absolute; font-family: 'Font Awesome 5 Free', FontAwesome; left: 0; top: 0; width: 1.8rem; height: 1.8rem; font-size: 1rem; padding: .2rem 0; font-weight: bold; } /* ESRI webmap resets - end */ /* Resets for WP theme stupidity - start */ button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background: unset; border: unset; border-radius: unset; color: unset; font-family: inherit; font-weight: unset; letter-spacing: unset; line-height: 1; padding: unset; text-transform: none; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: unset; } /* Resets for WP theme stupidity - end */ /* accessibility contrast color fixes - start */ .search-submit:before { color: #fff; } ::placeholder, ::-ms-input-placeholder { color: #000; } #iaoCookieBanner { background-color: #000; } .cookie-grey-banner a { color: #fff !important; font-weight: bold; text-decoration: underline; } /* accessibility contrast color fixes - end */ /* accessibility helpers - start */ .screen-reader-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; /* added line */ border: 0; display: block; /* important that is not 'none' for assistive tech, but needs to override 'table' etc. or they will 'leak' */ } .ia-undecorated { font-size: 1em; background-color: transparent; border: none; text-align: inherit; } button.ia-undecorated:hover { background-color: transparent; } h2 > .ia-undecorated { width: 100%; position: relative; } .ia-controls-expand-collapse-all { text-align: right; } .site-content button:focus:not(:focus-visible) { /* Undo all the above focused button styles if the button has focus but the browser wouldn't normally show default focus styles */ background: unset; background-color: unset; color: unset; } .site-content button:focus-visible { background-color: var(--ia-site-banner-bg-color); color: var(--ia-site-banner-fg-color); } .site-content .ia-explorer-container { min-height: 600px; height: calc(100vh - 250px); width: 100%; } .ia-primary-content-panel, .ia-data-explorer-panel { line-height: normal; } .ia-data-explorer-panel button, .ia-data-explorer-panel select, .ia-data-explorer-panel input { height: auto !important; line-height: normal !important; } .ia-primary-content-panel fieldset, .ia-data-explorer-panel fieldset { margin: 0; padding: revert; } .ia-data-explorer-panel h2, .entry-content h2[class*="IndicatorList_title"] { margin-bottom: .25em; }