@import url("/libraries/codesnippet/lib/highlight/styles/github.css");

/* Admin */
.path-admin #block-arup-content, .path-user #block-arup-content {
	width: 90%;
	max-width: 1170px;
	margin: 0 auto;
	min-height: 20vw;
}

.color-error {
	color: var(--error);
	background: var(--dark-sky);
	border-left:5px solid var(--error);
}

.color-warning {
	color: var(--error);
	background: color-mix(in srgb, var(--warning), transparent 20%);
	border-left: 5px solid var(--warning);
}

.color-success{
	color: var(--success);
	background: color-mix(in srgb, var(--success), transparent 90%);
	border-left:5px solid var(--success);
}

@media (min-width:1020px) {
ol,
dl,
nav.pager,
.admin,
.feed-icon,
.field--name-field-image,
.field--name-field-article-image,
.field--name-field-date,
.field--name-field-category,
.field--name-field-author,
.field--name-field-title-and-photo,
.links,
.list-group,
.node-revision-table,
.responsive-enabled,
.sticky-enabled,
.views-element-container,
.webform-confirmation__message,
.webform-confirmation__back,
#system-themes-page,
#views-entity-list,
#edit-title-wrapper, #edit-body-wrapper{
margin:auto;
width: 90%;
max-width: 1170px;
}
.views-element-container .views-element-container, .news-container .views-element-container, .views-element-container .container {
	width: 100%;
}

@media (min-width:1020px) {
.page-node-type-magnify .views-element-container {
	max-width:90% !important;
}

.page-node-type-magnify h2 {
	max-width:100% !important;
}
}


.views-col.col-1,
.views-col.col-2 {
float:left;
width:30%;
padding-right:5%;
}
.views-col.col-3 {
float:right;
width:30%;
}
.views-col.col-1 p,
.views-col.col-2 p,
.views-col.col-3 p {
padding:0;
}
.field-content h4,
.field--name-field-date {
padding:5px 0 20px 0;
}
}

@media (max-width:1019px) {
dl,
nav.pager,
.admin,
.block .clearfix,
.cols-4,
.feed-icon,
.field--name-field-image,
.field--name-field-article-image,
.field--name-field-date,
.field--name-field-category,
.field--name-field-author,
.field--name-field-title-and-photo,
.links,
.list-group,
.node-revision-table,
.responsive-enabled,
.sticky-enabled,
.views-element-container,
.webform-confirmation__message,
.webform-confirmation__back,
#system-themes-page,
#views-entity-list,
form[data-drupal-selector],
form[data-drupal-form-fields] {
margin:auto;
width:90%;
}
.views-view-grid,
.views-col.col-1,
.views-col.col-2,
.views-col.col-3 {
float:none;
width:100% !important;
padding:0;
}
.views-col.col-1 p,
.views-col.col-2 p,
.views-col.col-3 p {
padding:0;
}
.field-content h4,
.field--name-field-date {
padding:5px 0 50px 0;
}
.page-node-type-article .field--name-field-date {
	padding:5px 0 20px 0;
}
}

.content-header {
background: var(--salt);
}
.contextual-region,
.block {
clear:both;
}
.block-local-actions-block {
clear:both;
margin:10px 0 20px 0;
}
.feed-icon {
display:block;
margin:auto;
}
.field--name-field-image img,
.field--name-field-article-image img {
width:100%;
}
.views-field-field-date {
display:block;
padding:10px 0 0 0;
}
.node-readmore {
list-style:none;
margin:0;
}
.node-readmore a {
display:inline-block;
background:var(--lab-blue);
border:0;
color:var(--salt) !important;
cursor:pointer;
font-family:"Roboto", sans-serif;
font-weight:bold;
line-height:1.6em;
padding:10px 15px;
position:relative;
text-align:center;
text-decoration:none;
}
.node-readmore a:hover {
background:var(--lab-blue);
border:0;
color:var(--salt);
transition:all 0.3s;
}
.node-readmore a:focus,
.node-readmore a:active {
background:var(--lab-blue);
}
.views-field-field-image {
width:40%;
}

/* Admin Tables */

thead th.is-active {
background:var(--salt);
border:1px solid var(--badlands);
border-bottom:1px solid var(--salt);
}
th.is-active > a,
th.is-active > a:hover {
color:var(--arup-red);
}
th > a:hover {
color:var(--arup-red);
}
th > a:hover:after,
th.is-active > a:hover:after {
border-bottom-color:var(--arup-red);
}
th.is-active > a:after {
border-bottom-color:var(--arup-red);
}
tbody tr:hover,
tbody tr:focus {
}
.revision-current {
background:var(--badlands);
}

/* Admin Forms */

.form-wrapper {
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
box-shadow:none;
outline:2px solid color-mix(in srgb, var(--error), transparent 20%);;
}
summary {
cursor:pointer;
padding:10px 0;
}
.search-block-form div {
display:inline-block;
}
.entity-meta {
padding:10px 15px;
}
.system-modules td details summary,
.system-modules details {
cursor:pointer;
white-space:normal;
}
.system-status-report__status-title,
.system-status-report__entry__value {
padding:10px 10px 10px 40px;
}
.js .form-actions .dropbutton .dropbutton-action > * {
text-shadow:none;
}
.js .form-actions .dropbutton .dropbutton-action > *,
.js .dropbutton-widget .dropbutton-action a,
.js .dropbutton-widget .dropbutton-action input,
.js .dropbutton-widget .dropbutton-action button,
.js .dropbutton-multiple .dropbutton-widget,
.js .dropbutton-widget .dropbutton-action input,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
border-radius:0 !important;
}
.js .dropbutton-widget .dropbutton-action a {
font-weight:bold;
background: var(--salt);
border:1px solid var(--lab-blue);
border-radius:0;
color:var(--lab-blue);
cursor:pointer;
line-height:normal;
padding:10px 15px;
position:relative;
text-align:center;
text-decoration:none;
text-shadow:none;
transition:all, 0.2s;
}
.js .dropbutton-multiple .dropbutton-widget {
background:var(--salt);
border:none;
text-shadow:none;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:hover,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:hover,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:hover {
background:var(--salt);
border-color:var(--lab-blue);
color:var(--lab-blue);
cursor:pointer;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:active,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:active,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:active {
border:1px solid var(--lab-blue);
outline:2px solid var(--salt);
}
.js .dropbutton-widget .dropbutton li {
margin:0 !important;
}
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button,
.form-actions .dropbutton .secondary-action {
border-color:var(--salt);
}
.js .form-actions .dropbutton-multiple .dropbutton-widget {
background-color:var(--lab-blue);
}
.js .dropbutton-multiple .dropbutton .secondary-action a {
border-top:0;
}
.js .dropbutton-multiple .dropbutton .secondary-action a:hover {
border-color:var(--lab-blue);
}
.js .dropbutton-toggle button {
border:1px solid var(--lab-blue);
border-left:0;
}
.system-modules .checkbox .form-item {
margin:0 0 0 10px;
}
.checkbox,
.module {
vertical-align:middle;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:hover,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:hover,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:hover,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:focus,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:focus,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:focus,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
border-radius:0;
background-image:none;
background-color:var(--salt);
}
.link.tabledrag-toggle-weight {
margin-bottom:0.3em;
}
.arup-theme .location .form-item input.form-checkbox {
display:inline-block;
}
.dropbutton-single .dropbutton-action a {
border-radius:0;
background-image:none;
background:var(--salt);
}
.ui-dialog .ui-dialog-titlebar {
border-radius:0;
background:var(--coal);
}
.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
border-radius:0;
}
.ui-dialog .ui-dialog-titlebar,
.ui-dialog {
outline:none;
}
.ui-dialog {
box-shadow:0 10px 20px rgba(0, 0, 0, 0.3);
}
.ui-button-icon-only.ui-dialog-titlebar-close.ui-state-active,
.ui-button-icon-only.ui-dialog-titlebar-close.ui-widget-content .ui-state-active {
background:transparent;
border-color:transparent;
color:transparent;
}
.ui-dialog .ui-dialog-titlebar-close {
opacity:0.5;
transition:all, 0.2s;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
opacity:1;
}
.messages {
border-radius:0;
}
.tips,
.description,
.form-item .description {
color:var(--granite);
font-size:.9em;
padding-bottom:10px;
}
.description ul li {
margin:0 0 0 20px;
}
.cke_top,
.cke_bottom {
background:var(--salt);
background-image:none;
box-shadow:none;
}
.filter-wrapper {
background:var(--salt);
}
.cke_ltr .cke_button:first-child,
.cke_rtl .cke_button:last-child,
.cke_toolgroup {
border-radius:0;
}
.list-group__link {
padding-top:10px;
}
.list-group__description {
padding-bottom:10px;
}

/* Admin Tabs */

.tabs__tab {
border:1px solid transparent;
}
.tab-container {
display:block;
clear:both;
position:relative;
}
.tabs.primary {
display:block;
clear:both;
list-style:none;
margin:0;
}
.tabs.primary li {
display:block;
float:left;
border-bottom:1px solid var(--badlands);
margin:0 0 10px 0;
padding:10px 10px 0 0;
position:relative;
}
.tabs.primary li.is-active a,
.tabs.primary li.is-active a:hover {
background:var(--salt);
border:1px solid var(--badlands);
border-bottom:1px solid var(--salt);
color:var(--coal);
cursor:default;
font-weight:bold;
}
.tabs.primary li:last-child {
padding:10px 0 0 0;
}
.tabs.primary li a {
display:block;
background:var(--salt);
border:1px solid var(--badlands);
color:var(--lab-blue);
margin-bottom:-1px;
padding:10px 15px;
position:relative;
}
.tabs.primary li a:hover {
background:var(--salt);
color:var(--arup-red);
}
.tabs.primary li a:active {
background:var(--salt);
}
.is-open .tabs__tab.is-active {
border-bottom:1px solid transparent;
}
.is-horizontal .tabs.secondary .tabs__tab.is-active {
border-bottom-color:var(--red-rock);
}
.is-horizontal .tabs.secondary .tabs__tab:hover,
.is-horizontal .tabs.secondary .tabs__tab:focus {
border-bottom-color:var(--red-rock);
}
.is-horizontal .tabs__tab {
transition:all, 0.3s;
}
.is-horizontal .tabs__tab + .tabs__tab,
.is-horizontal .tabs.primary .tabs__tab:first-child,
.is-horizontal .tabs.primary .tabs__tab:last-child,
.is-horizontal .tabs__tab.is-active,
.is-horizontal .tabs.primary .tabs__tab.is-active {
border-radius:0;
border:none;
margin-left:0;
margin-right:0;
}
.is-collapse-enabled .tabs:before,
.is-horizontal .tabs:before {
display:none;
}
.tabs__tab,
.tabs__tab:hover,
.tabs__tab:focus,
.tabs.primary a:focus {
background:transparent;
}
.is-horizontal .tabs.primary a:hover {
text-decoration:underline;
}
nav.is-horizontal.is-collapsible.position-container.is-horizontal-enabled ul.tabs.primary {
background:#eee;
margin-left:-2.1rem;
margin-right:-2.1rem;
padding-left:0.5rem;
padding-right:0.5rem;
}
.is-horizontal .tabs.primary .tabs__tab:first-child.is-active {
box-shadow:-0.5rem 0 0 var(--salt);
}
.is-horizontal ul.tabs.secondary li:first-of-type {
margin-left:0;
}
.panel {
background:var(--salt);
padding:10px 20px;
}
.panel__title {
font-size:1.5em;
text-transform:none;
}
.vertical-tabs {
border-radius:0;
margin:1em 0 1em 15em;
border:1px solid var(--badlands);
}
.vertical-tabs__menu {
float:left;
width:15em;
margin:-1px 0 -1px -15em;
padding:0;
border-top:1px solid var(--badlands);
list-style:none !important;
}
.vertical-tabs__panes {
border:none;
padding:10px 15px;
}
.vertical-tabs__menu-item {
background:var(--salt);
border:1px solid var(--badlands);
border-top:0;
margin:0 !important;
}
.vertical-tabs__menu-item a {
border:none;
padding:10px;
text-decoration:none;
transition:all, 0.2s;
}
.vertical-tabs__menu-item a:hover,
.vertical-tabs__menu-item a:focus {
background:var(--salt);
outline:none;
}
.vertical-tabs__menu-item.is-selected a:hover,
.vertical-tabs__menu-item.is-selected a:focus {
background:var(--salt);
outline:none;
}
.vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title,
.vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
.vertical-tabs__menu-item a:hover .vertical-tabs__menu-item-title {
text-decoration:none;
}
.vertical-tabs__menu-item.is-selected {
background:var(--salt);
border-right-width:0;
}
.link {
display:inline;
cursor:pointer;
padding:0;
border:0;
background:none;
-webkit-appearance:none;
-moz-appearance:none;
color:var(--lab-blue);
text-decoration:none;
}
.link:hover,
.link:focus {
color:var(--lab-blue);
text-decoration:underline;
}

/* Admin Views */

.entity-meta__title {
padding-bottom:10px;
}
label.option {
display:inline;
}
.views-ui-view-name h3 {
font-size:1em;
}
.views-exposed-form .form-item {
display:block;
float:left;
padding-right:10px;
}
.views-exposed-form .form-actions {
clear:both;
float:none;
}
.views-display-top {
background-color:var(--salt);
border-bottom:1px solid var(--salt);
}
.views-displays {
border:1px solid var(--badlands);
}
.views-admin .form-edit .form-actions {
border-color:var(--badlands);
background-color:var(--salt);
}
.views-ui-display-tab-bucket .views-display-setting:nth-of-type(even) {
background-color:inherit;
}
.views-displays .tabs.secondary a {
border-radius:0;
}
.views-displays .tabs.secondary li a {
color:var(--dark-sky);
}
.views-displays .tabs.secondary li.is-active a {
color:var(--salt);
}
.views-ui-view-operations a {
border-radius:0 !important;
}
.view-preview-form__title {
background-color:var(--salt);
border-bottom:1px solid var(--badlands);
font-size:1.2em;
}
.views-preview-wrapper {
border:1px solid var(--badlands);
}
.views-ui-dialog .views-override {
background-color:var(--salt);
}
.views-edit-view .dropbutton-wrapper .dropbutton .dropbutton-action > * {
font-size:.8em !important;
}