/* Discrete, reusable UI elements. */

/* Drupal - CKeditor image align */
img.align-right, figure.align-right { margin: 5px 0 25px 0; float: none; }
img.align-left, figure.align-left { margin: 5px 0 25px 0; float: none; }
img.align-center, figure.align-center { margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 25px; text-align: center; }
figcaption { opacity: .42; font-size: 85%; margin-top: 2px; }

@media (min-width: 960px) {
img.align-right, figure.align-right { margin: 5px 0 25px 35px; float: right; }
img.align-left, figure.align-left { margin: 5px 35px 25px 0; float: left; }
img.align-center, figure.align-center { margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 25px; text-align: center; }
}

/* UIkit extra classes */
.uk-text-small { font-size: 13px; }
.uk-text-xsmall { font-size: 12px; line-height: 1.4; }
.uk-text-medium { font-size: 19px; }
.uk-text-italic { font-style: italic; }

.uk-border { outline: 1px solid #e5e5e5; }
.uk-border-top { border-top: 1px solid #e5e5e5; }
.uk-border-bottom { border-bottom: 1px solid #e5e5e5; }
.uk-border-remove { border: none !important; }

.uk-button-radius { border-top-left-radius: 25px; border-bottom-right-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; padding-left: 25px; padding-right: 25px; }

.uk-padding-remove-left { padding-left: 0; }
.uk-padding-remove-right { padding-right: 0; }
.uk-padding-remove-top { padding-top: 0; }
.uk-padding-remove-bottom { padding-bottom: 0; }
.uk-padding-remove-horizontal { padding-left: 0; padding-right: 0; }
.uk-padding-remove-vertical { padding-top: 0; padding-bottom: 0; }

.uk-padding-small-top { padding-top: 15px; }
.uk-padding-top { padding-top: 30px; }
.uk-padding-medium-top { padding-top: 40px; }
.uk-padding-large-top { padding-top: 70px; }
.uk-padding-xlarge-top { padding-top: 100px; }

.uk-padding-small-bottom { padding-bottom: 15px; }
.uk-padding-bottom { padding-bottom: 30px; }
.uk-padding-medium-bottom { padding-bottom: 40px; }
.uk-padding-large-bottom { padding-bottom: 70px; }
.uk-padding-xlarge-bottom { padding-bottom: 100px; }

.uk-padding-small-vertical { padding-top: 15px; padding-bottom: 15px; }
.uk-padding-medium-vertical { padding-top: 40px; padding-bottom: 40px; }
.uk-padding-large-vertical { padding-top: 70px; padding-bottom: 70px; }
.uk-padding-xlarge-vertical { padding-top: 100px; padding-bottom: 100px; }

@media (min-width: 1200px) {
.uk-padding-xlarge { padding: 140px; }
.uk-padding-xlarge-top { padding-top: 140px; }
.uk-padding-xlarge-bottom { padding-bottom: 140px; }

.uk-padding-small-left { padding-left: 15px; }
.uk-padding-small-right { padding-right: 15px; }
.uk-padding-small-vertical { padding-left: 15px; padding-right: 15px; }

.uk-padding-default-left { padding-left: 30px; }
.uk-padding-default-right { padding-right: 30px; }
.uk-padding-default-vertical { padding-left: 30px; padding-right: 30px; }
}

/* UIkit enhancements */
body { background: #fff; }
em { color: inherit; }
b, strong { font-weight: bold; }
button:focus, a:focus { outline: none; }

.uk-h1, h1 { margin-top: 20px; }
h1.uk-margin-remove-top { margin-top: 20px !important; }

.uk-icon-button { background-color: #222; color: #fff; }
.uk-button-small { font-size: 12px; }
.uk-button-default { background-color: #fff; }

.uk-logo { color: #111; display: block; }
.uk-logo img { height: 58px; }

.uk-sticky-fixed { z-index: 501; }
.uk-sticky.uk-active { background: #f8f8f8; }
.uk-sticky.uk-active .uk-navbar-item .uk-logo img { height: 48px; margin-bottom: inherit; }

.uk-nav-default { font-size: 1rem; }
.uk-navbar-toggle { padding: 0 5px 0 25px; }
.uk-navbar-container:not(.uk-navbar-transparent) { background: transparent; }

/* User menu */
#platform-account-menu ul.uk-navbar-nav { margin-top: 0; float: right; }
#platform-account-menu ul.uk-navbar-nav li { display: inline-block; text-align: right; margin-top: 0; }
#platform-account-menu ul.uk-navbar-nav li a { padding: 0 15px;  display: inline-block; }
#platform-account-menu ul.uk-navbar-nav li:last-child a { padding: 0 0 15px 0; }
#platform-account-menu ul.uk-navbar-nav li:first-child a { padding: 0 15px 0 0; }
#platform-account-menu ul.uk-navbar-nav li:last-child a { padding: 0 0 0 15px; }

#platform-account-menu-offcanvas ul.uk-list { margin-top: 0; float: right; }
#platform-account-menu-offcanvas ul.uk-list li { display: inline-block; text-align: right; margin-top: 0; }
#platform-account-menu-offcanvas ul.uk-list li a { padding: 0 15px; }

/* Footer menu */
#platform-footer ul.uk-list { margin-top: 0; float: left; }
#platform-footer ul.uk-list li { display: inline-block; text-align: right; margin-top: 0; }
#platform-footer ul.uk-list li a { padding: 0 15px; }
#platform-footer ul.uk-list li:first-child a { padding: 0 5px 0 0; }
#platform-footer ul.uk-list li:last-child a { padding: 0 0 0 5px; }

/* Letter spacing */
.letterspacing-small { letter-spacing: 1px; }
.letterspacing-medium { letter-spacing: 2px; }
.letterspacing-large { letter-spacing: 3px; }
.letterspacing-xlarge { letter-spacing: 5px; }
.letterspacing-xxlarge { letter-spacing: 7px; }

/* Field inline settings */
.field--label-inline { margin-bottom: 10px; }
.field--label-inline .field__label { display: inline; font-weight: bold; }
.field--label-inline .field__label:after{ content: ': '; display: inline-block; font-weight: bold; }
.field--label-inline .field__item { display: inline; }
.field--label-above { margin-bottom: 10px; }
.field--label-above .field__label { display: inherit; font-weight: bold; }
.field--label-above .field__item { display: inline; }

/* Overlay */
.overlay-secondary-dark { background: rgba(0, 0, 0, 0.7); }
.overlay-primary-dark { background: rgba(98, 136, 121, 0.7); }
.overlay-muted-dark { background: rgba(255, 255, 255, 0.8); }

.overlay-secondary-light { background: rgba(0, 0, 0, 0.2); }
.overlay-primary-light { background: rgba(98, 136, 121, 0.1); }
.overlay-muted-light { background: rgba(255, 255, 255, 0.2); }

.overlay-secondary-totop { background: transparent; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); }
.overlay-secondary-tobottom { background: transparent; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); }
.overlay-primary-totop { background: transparent; background: linear-gradient(to top, rgba(55, 93, 158, 0.92), rgba(55, 93, 158, 0)); }
.overlay-primary-tobottom { background: transparent; background: linear-gradient(to bottom, rgba(55, 93, 158, 0.9), rgba(55, 93, 158, 0)); }
.overlay-muted-totop { background: transparent; background: linear-gradient(to top, rgba(255, 255, 255, 0.92), rgba(55, 93, 158, 0)); }
.overlay-muted-tobottom { background: transparent; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(55, 93, 158, 0)); }

/* https://www.cssmatic.com/gradient-generator */
.overlay-top-left-light { background: rgba(255,255,255,0.5);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 50%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0.5)), color-stop(0%, rgba(255,255,255,0.5)), color-stop(50%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 50%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 50%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 50%);
background: linear-gradient(135deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }

.overlay-top-left-dark { background: rgba(0,0,0,0.6);
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 40%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(0%, rgba(0,0,0,0.6)), color-stop(40%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 40%);
background: -o-linear-gradient(-45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 40%);
background: -ms-linear-gradient(-45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 40%);
background: linear-gradient(135deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 40%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }

/* Facets */
.block-facet--checkbox ul.item-list__checkbox { list-style: none; padding-left: 0; }
.block-facet--checkbox h2 { font-size: 16px; }
.facet-item { font-size: 94%; }

.facets-widget-checkbox .facet-item .facets-checkbox { display: inline; vertical-align: top; margin-top: 5px; margin-right: 5px; }
.facets-widget-checkbox .facet-item label { display: inline-block; width: 86%; }

.summary ul { padding-left: 0; }
.summary li { list-style: none; margin-left: 0; }
.summary .reset { font-size: 12px; background-color: rgba(255,255,255,0.1); }
.summary .reset:hover { background-color: rgba(255,255,255,0.2); color: #fff; }

/* Views */
.views-field-body p:last-child { margin-bottom: 0; }

/* Maintenance page */
.maintenance-page { padding: 40px 40px 80px 40px; }
.maintenance-page img { max-width: 220px; }
.maintenance-page h1 { margin: 60px 0 0 0; }
.maintenance-page main h1 { margin: 0 0 40px 0; }