/* **************************************************************
 1. GENERAL ***
 * ************************************************************** */

/*@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap");*/

.font-primary, .uk-text-default, html #page, p, .field--type-text li, .field--type-text-with-summary li {
  font-family: "Poppins", sans-serif !important; font-size: .97rem; line-height: 1.57; font-weight: 300; }

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; font-weight: 500; }

.font-secondary, .uk-navbar-nav > li > a, .language-switcher-language-url ul.links a, .uk-button, .uk-label, .uk-table th, .page-node-type-product #product-details .field__label { font-family: "Poppins", sans-serif; font-weight: 400; letter-spacing: 0.05rem; }

.color-primary { color: #f05922 !important; }
.color-black { color: #1a1a1a !important; }
.color-white { color: #ffffff !important; }
.uk-background-video { background-color: #24201c; }

/* Links */
a, .uk-link { color: #f05922; }
a:hover, .uk-link { color: #f05922; text-decoration: underline; opacity: .7; }

/* No wrapping For long titles in .uk-article-title */
h1, h2, .uk-heading-medium, blockquote, .uk-navbar-dropdown li a {
  word-break: break-word; /* For older browsers */
  overflow-wrap: break-word; /* Ensures wrapping of long words */
  hyphens: auto; /* Adds hyphens where possible */ }


/* **************************************************************
 3. MENU ***
 * ************************************************************** */

/* Main menu */
.uk-navbar-toggle { padding: 0 0; color: #333333; min-height: 70px; }
.uk-navbar-toggle.uk-navbar-toggle-icon {
  padding: 14px;
  background: #f05922;
  border-radius: 50%;
  margin-top: -14px; }
.uk-navbar-toggle svg { color: rgba(255, 255, 255, 1) !important; }
.uk-navbar-toggle, .uk-navbar-item {
  min-height: 45px; }
.uk-navbar-right { gap: 0; }

.menu--main .uk-navbar-nav { padding-top: 10px; }
.menu--main .uk-navbar-nav > li { position: relative; }
.menu--main .uk-navbar-nav > li > a { padding: 0; justify-content: left; min-height: inherit; display: inline-block; opacity: 1; font-size: .98rem; letter-spacing: 0.05rem; font-weight: 400; text-transform: uppercase; color: #0d2b48; line-height: 40px; }

.menu--main .uk-navbar-nav > li > a:hover,
.menu--main .uk-navbar-nav > li > a:focus { color: #f05922; transition: color .2s ease-in-out; }

.menu--main .uk-navbar-nav > li > a.is-active { color: #f05922 !important; }

.menu--main .uk-navbar-nav > li:last-child > a { color: #ffffff; background-color: #f05922; padding: 0 22px; margin-left: 10px; border-radius: 5px; border: 1px solid #f05922; -webkit-transition: 1s; transition: .5s; font-weight: 400; line-height: 38px; }
.menu--main .uk-navbar-nav > li:last-child > a.is-active { color: #ffffff !important; background-color: #f05922; border-color: #f05922; }
.menu--main .uk-navbar-nav > li:last-child > a:hover { color: #f05922 !important; background-color: transparent; border-color: #f05922; }

/* Main menu - sticky */
.navbar-wrapper.uk-sticky { z-index: 10; }
.navbar-wrapper.uk-sticky.uk-active { background-color: #ffffff; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); padding: 10px 0; }
.navbar-wrapper.uk-sticky.uk-active .uk-navbar-container.uk-padding-medium-bottom { padding: 0; }
.navbar-wrapper.uk-sticky.uk-active .menu--main .uk-navbar-nav { padding-top: 0; }
.navbar-wrapper.uk-sticky.uk-active .region-branding .uk-logo img { width: 250px; height: 25px; margin-top: 6px; }
.uk-section-secondary:not(.uk-preserve-color) .navbar-wrapper.uk-sticky.uk-active .uk-navbar-nav > li > a { color: #0d2b48; }
.uk-section-secondary:not(.uk-preserve-color) .navbar-wrapper.uk-sticky.uk-active .uk-navbar-nav > li > a:hover { color: #f05922; }
.uk-section-secondary:not(.uk-preserve-color) .navbar-wrapper.uk-sticky.uk-active .uk-navbar-nav > li:last-child > a:hover { color: #f05922; }
.uk-section-secondary:not(.uk-preserve-color) .navbar-wrapper.uk-sticky.uk-active .uk-navbar-nav > li:last-child > a { color: #ffffff; }

/* Sidebar */
.region-sidebar-first .menu--main > .uk-list { list-style-type: ">  "; }
.region-sidebar-first .menu--main > .uk-list > ::marker { color: #f05922 !important; }

/* Secondary menu */
.menu--secondary-menu > .uk-list > li { display: inline-block; margin-top: 0; padding: 0 15px; }
.menu--secondary-menu > .uk-list > li:last-child, .uk-list-inline.uk-list li:last-child { padding-right: 0; }
.menu--secondary-menu > .uk-list > li > a { line-height: 60px; }
.menu--secondary-menu > .uk-list > li > a:hover { opacity: 1; }

/* Offcanvas */
.region-offcanvas .menu--account .uk-nav > li:first-child,
.region-offcanvas .menu--account .uk-nav > li:last-child { display: none; }
.region-offcanvas .menu--main .uk-text-large { font-size: 1.2rem; }

/* User menu */
.menu--account .uk-subnav { margin: 15px 0; }

/* Footer menu */
.menu--footer .uk-subnav > * > :first-child { text-transform: inherit; }
.menu--footer .uk-subnav > * > a:hover { color: rgba(255, 255, 255, .5) !important; }

/* Language menu */
.language-switcher-language-url .uk-icon-button { background-color: #ffffff; color: #f05922; margin-top: 10px !important; }
.language-switcher-language-url .uk-icon-button:hover { color: #f05922; }

/* Language menu */
.language-switcher-language-url .uk-subnav { margin: 15px 0; }
.language-switcher-language-url .uk-dropdown { min-width: 120px; }
.language-switcher-language-url .uk-dropdown .uk-list li { font-size: .875rem; text-align: center; }
.language-switcher-language-url .uk-dropdown .uk-list li a { color: #999999; text-decoration: none; display: block; }
.language-switcher-language-url .uk-dropdown .uk-list li a.is-active { color: #000000; text-decoration: none; }

/* top */
.language-switcher-language-url, .menu--secondary-menu { border-top: 4px solid #333333; padding-left: 10px;}

/* Search trigger */
.custom-searchtrigger { border-top: 4px solid #333333; padding-left: 20px; }
.custom-searchtrigger .uk-icon { background-color: rgba(255, 255, 255, 1); color: #f05922; margin-top: 10px; }


/* **************************************************************
 4. UIKIT overrides ***
 * ************************************************************** */

.uk-article-title { margin-bottom: 30px !important; }

.region-branding { margin-right: 30px; }
.region-branding .uk-logo img { width: 250px; margin-top: -14px; }
.region-branding .uk-logo:hover { opacity: 1; }

.uk-heading-small { font-size: 2.42rem; }

.uk-slider .uk-slidenav-next, .uk-slider .uk-slidenav-previous { display: none; }
.uk-dotnav { margin-top: 50px !important; }

.uk-button, .uk-input, .uk-select, .uk-textarea, fieldset { border-radius: 3px; }

.uk-button-primary,
.uk-button-primary:hover, .uk-button-primary:focus, .uk-button-primary:active { background-color: #f05922; }
.uk-button-primary:hover, .uk-button-primary:focus,
.uk-button-secondary:hover, .uk-button-secondary:focus { opacity: .7; }
.block-custom .field--type-text-long .uk-button { margin-top: 10px; text-align: left; }
.block-custom .field--type-text-long .uk-button.uk-button-text { color: #f05922; opacity: 1; }

.uk-section-primary, .uk-tile-primary, .uk-background-primary, .uk-card-primary { background-color: #f05922; }
.uk-section-secondary, .uk-tile-secondary, .uk-background-secondary, .uk-card-secondary, .uk-button-secondary { background-color: #0e1e2d; }
.uk-tile-muted { background-color: #f8ebe1; }

.uk-text-primary { color: #f05922 !important; }
.uk-text-secondary { color: #1a1a1a !important; }
.uk-text-normal { font-weight: 400; }
.uk-text-meta { font-size: .750rem; line-height: 1.5; }
b, strong { font-weight: 500; }
.uk-text-bolder { font-weight: 600 !important; }

.uk-label { background-color: #f05922; color: #ffffff !important; }
.uk-label-danger { background-color: #ff1200 !important; color: #ffffff !important; }
.uk-label-secondary { background-color: #222222 !important; color: #ffffff !important; }

.uk-border-medium-rounded { border-radius: 16px; }

/* Pager */
.pager { margin-top: 70px !important; margin-bottom: 40px; }
.pager .pager__item { margin: 0 5px; }
.pager .pager__item:not(.pager__item--previous, .pager__item--first, .pager__item--next, .pager__item--last) a, .pager .pager__item.uk-active span { line-height: 24px; width: 24px; height: 24px; border-radius: 50%; background-color: #eaeaea; color: #777777; display: block; margin: 0; padding: 10px; text-align: center; }
.pager .pager__item.uk-active span { background-color: #f05922; color: #ffffff !important; }

/* Table */
* + .uk-table { margin-top: 30px; }
.uk-table th { padding: 16px 12px;
  text-align: left; vertical-align: bottom; font-size: inherit; font-weight: 400; color: #333333; text-transform: inherit; }

/* Blockquote */
blockquote { border-left: 5px solid #f05922; padding-left: 40px; font-style: normal }
blockquote p { font-size: 1.5rem; line-height: 1.5; }
blockquote:not(:first-child) { margin-top: 40px; }
blockquote:not(:last-child) { margin-bottom: 40px; }

/* Language specific */
html[lang=ar] .uk-logo { margin-left: 25px; }
html[lang=hy] .menu--main .uk-navbar-nav > li > a { font-size: .9rem; }

/* **************************************************************
 5. LAYOUT ***
 * ************************************************************** */

/* CTA */
.cta-wrapper, .video-wrapper { position: relative; display: block; }
.cta-wrapper:before, .video-wrapper:before { content: " "; display: block; height: 7px; width: 100%; background-color: #f05922; position: absolute; top: -10px; }
.cta-wrapper .uk-container .uk-input { border: 1px solid rgba(255, 255, 255, .6); }
.cta-wrapper .uk-container .uk-input:focus { border: 1px solid rgba(255, 255, 255, 1); }
.cta-wrapper .uk-container .uk-button-primary { background-color: #f05922; color: #ffffff; border: 1px solid rgba(255, 255, 255, .6) }
.cta-wrapper .uk-container .uk-button-primary:hover,
.cta-wrapper .uk-container .uk-button-primary:focus { background-color: #ef5e2c; color: #ffffff; border: 1px solid rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, .1); opacity: 1; }

/* Footer */
#footer { background-image: url("../images/map-footer.svg"); background-repeat: no-repeat; background-position-y: bottom; background-position-x: -110px; background-size: cover; }

/* Header */
#page { background-image: url("../images/map-hero.svg"); background-repeat: no-repeat; background-position: center -75px; background-size: 1520px; }

.path-frontpage #page { background-position: center 15px; }
.path-frontpage .region-header { min-height: 200px; }

/* move background-image into ::before */
.path-frontpage .region-header::before {
  content: "";
  display: block;
  position: relative;
  top: -20px;
  left: 50%;
  transform: translateX(-50%); /* echt in het midden */
  background: url("../images/logo-gfx.svg") no-repeat top left;
  background-size: contain; /* keeps aspect ratio */
  width: 100%;
  height: 100%;
  min-height: 140px;
  max-width: 300px;
  max-height: 140px;
  margin-bottom: 0; }


/* **************************************************************
 6. ELEMENTS ***
 * ************************************************************** */

/* Block style 1 */
.block-style1 { position: relative; border-left: 1px solid #ef5e2c; }
.block-style1::before {
  position: absolute;
  content: " ";
  display: block;
  border-left: 4px solid #ef5e2c;
  height: 52px;
  top: 0;
  left: 24px; }

/* Block custom */
.block-custom .uk-container .uk-cover-container,
.block-custom .uk-container .field--type-image img { border-radius: 16px; }

/* Mobile */
.margin-top-mobile { margin-top: 40px; }

/* Views filter */
.path-news .view-filters { margin-top: -20px; margin-bottom: 20px; }
.views-exposed-form .form--inline { font-size: .875rem; line-height: 1.5; }
.views-exposed-form .form--inline .form-item { margin-top: 0; }
.views-exposed-form .form--inline .form-item { float: left; margin-right: 1em; }
.views-exposed-form .form-actions { padding-top: 7px; }
.views-exposed-form label { font-weight: 400; color: #333333; }

/* Captcha */
#edit-captcha-response { width: 50px; }

/* Fields */
body:not(.page-node-type-lawyer) .field--name-field-website, .field--name-field-download { border: 1px solid #eeeeee; padding: 30px 20px; }
body:not(.page-node-type-lawyer) .field--name-field-website { margin-top: 20px; margin-bottom: 20px; }
.field--name-field-download { margin-top: 20px; margin-bottom: 20px; }

/* Webform */
.webform-submission-form fieldset { margin-bottom: 20px; margin-top: 20px; }
.webform-submission-form .uk-legend { font-weight: 500; }
.webform-submission-form label.option { font-weight: 300; }

/* slideshow */
.block-block-slideshow img { border-radius: 16px; }

/* image shift - basic pages */
.node__content .field--name-body > img { border-radius: 16px; }
img.img-circle { border-radius: 100%; width: 300px; height: 300px; box-shadow: 0 14px 25px rgba(0, 0, 0, .16); margin: 5px 0 30px 40px; object-fit: cover; display: block; }


/* **************************************************************
 7. THEMING ***
 * ************************************************************** */

/* Home - Hero */
#custom-homeintro .uk-section { padding-top: 0; padding-bottom: 0; }
#custom-homeintro h1 { font-size: 1.7rem; line-height: 1.3; word-break: normal; overflow-wrap: normal; hyphens: none; }

/* Home - competences */
.video-wrapper video { z-index: -1; }
#custom-homecorecompetences { background-color: #0e1e2ddb; }
#custom-homecorecompetences .uk-grid h2 { display: flex; align-items: center; justify-content: center; }

/* Home - Questions */
#custom-searchhelp3col .text-formatted h3 { font-size: 1.25rem; line-height: 1.4; font-weight: 400; margin-bottom: 0; }
#custom-searchhelp3col .text-formatted p { margin-top: 0; }
#custom-searchhelp3col { margin-bottom: 40px; }

/* Home - Latest news */
.path-news .content-wrapper { padding-top: 0; }

.block-views .view-articles .view-content { margin-top: 40px; }
.block-views .view-articles .views-field-field-news-type,
.path-news .view-articles .views-field-field-news-type { margin-bottom: 40px; padding-top: 0; border-top: 1px solid #333333; font-size: .875rem; font-weight: 400; text-transform: uppercase; letter-spacing: .05rem; color: #333333; }
.block-views .view-articles .views-field-field-news-type .field-content::before,
.path-news .view-articles .views-field-field-news-type .field-content::before { content: " "; display: block; width: 70px; margin-bottom: 20px; border-top: 3px solid #333333; }

.view-articles .views-field-view-node { margin-bottom: 50px; padding-top: 0; }
.view-articles .view-content h2 { font-weight: 400; }
.view-articles li h2 a { color: #333333; }
.view-articles .view-content h2 a:hover, .view-articles li h2 a:focus { color: #f05922; }
.view-articles .view-content li .uk-button-text { color: #999999; }

/* Careers */
.view-careers .uk-list-striped > * { padding: 17px 10px; }

/* Careers - details */
.page-node-type-job .content-wrapper > .uk-container { max-width: 1040px; }

/* Newsletter */
#custom-newslettersubscribe .uk-width-medium { width: 100%; margin-top: 5px; border-top: 0; border-left: 0; border-right: 0; }
#custom-newslettersubscribe .uk-button { width: 100%; margin-top: 5px }

/* News - details */
.page-node-type-news .content-wrapper > .uk-container { max-width: 1040px; }
.page-node-type-news .views-field-field-picture img { border-radius: 100%; width: 110px; height: 110px; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); margin-bottom: 10px; }
.page-node-type-news .field--name-field-news-type { margin-bottom: 10px; font-size: 1.5rem; line-height: 1.5; color: #333333; text-transform: capitalize; }

.page-node-type-news .region-content .field--name-field-image { margin-top: 40px; }
.page-node-type-news .region-content .field--name-field-location,
.page-node-type-news .region-content .field--name-field-area-of-support,
.page-node-type-news .region-content .field--name-field-bibliography { margin-bottom: 25px; border-top: 1px solid #eaeaea; padding-top: 5px; }
.page-node-type-news .region-content .field--name-body { margin-top: 40px; }
.page-node-type-news .region-content div[data-uk-lightbox] { margin: 40px 0 50px 0; }
.page-node-type-news .region-content div[data-uk-lightbox].uk-grid > * { padding-left: 0 !important; }

/* Job */
.page-node-type-job .views-field-field-picture img { border-radius: 100%; width: 110px; height: 110px; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); margin-bottom: 10px; }
.page-node-type-job .region-content .field--name-field-location { margin-bottom: 10px; border-bottom: 1px solid #eaeaea; padding-bottom: 15px; }
.page-node-type-job .region-content .field--name-field-area-of-support { margin-bottom: 10px; border-bottom: 1px solid #eaeaea; padding-bottom: 15px; }
.page-node-type-job .region-content .field--name-body { margin-top: 20px; }

/* Regions of Support - view page */
#page.uk-section-secondary .uk-logo img { filter: invert(1) hue-rotate(180deg) brightness(1.1) contrast(1.5); }
.bb-searchbar .uk-select { border-color: #333333; }

/* Regions - details */
.block-views-blockmain-contacts-block-1 .views-field-field-picture img { border-radius: 100%; width: 92px; height: 92px; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); margin-bottom: 10px; }

/* Taxonomy pages */
.path-taxonomy .content-wrapper > .uk-container { max-width: 1040px; }
.path-taxonomy .region-sidebar-second .block h2 { font-size: 1.25rem; line-height: 1.4; text-transform: uppercase; }

/* Lawyers */
.path-people #page { background-color: #f8f8f8; }

.path-people .preface-wrapper .uk-grid > .uk-grid-margin { margin-top: 10px; }

.path-people .uk-select.facets-dropdown { border-color: #333333; }

#views-uikit-team-page-1 .views-field-field-picture img { border-radius: 100%; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); }
#views-uikit-team-page-1 .field-content > a:hover { opacity: 1 !important; }
#views-uikit-team-page-1 { text-align: center; }
.page-node-type-lawyer .content-wrapper > .uk-container { max-width: 1040px; }
.page-node-type-lawyer .icons.uk-flex > div { margin-right: 10px; }
.page-node-type-lawyer .field--name-field-function { margin-bottom: 10px; font-size: 1.5rem; line-height: 1.5; color: #333333; }
.page-node-type-lawyer .field--name-field-education-and-training { margin-top: 40px; padding-top: 40px; border-top: 1px solid #eaeaea; }
.page-node-type-lawyer .field--name-field-areas-of-preference { margin-top: 40px; padding-top: 40px; border-top: 1px solid #eaeaea; }

.page-node-type-lawyer .uk-article-title { text-align: center; }
.page-node-type-lawyer .field--name-field-area-of-support { text-align: center; }

.page-node-type-lawyer .field--name-field-picture { text-align: center; }
.page-node-type-lawyer .field--name-field-picture img { border-radius: 100%; box-shadow: 0 14px 25px rgba(0, 0, 0, .16); width: 300px; height: 300px; margin-bottom: 10px; }

.page-node-type-lawyer > .icons.uk-flex { max-width: 100%; }
.page-node-type-lawyer > .icons.uk-flex > div { margin-right: 10px; }

.page-node-type-lawyer .field--name-field-nationality,
.page-node-type-lawyer .field--name-field-contact-phone,
.page-node-type-lawyer .field--name-field-email { margin-bottom: 10px; }

.page-node-type-lawyer .field--name-field-area-of-support .field__label { margin-bottom: 10px; }
.page-node-type-lawyer .field--name-field-area-of-support .field__item { display: inline-block; margin-right: 5px; margin-bottom: 5px; }
.page-node-type-lawyer .field--name-field-area-of-support a { margin-bottom: 5px !important; }

.page-node-type-lawyer .field--name-field-area-of-support a {
  margin: 0;
  border: 1px solid #e5e5e5;
  overflow: visible;
  font: inherit;
  color: #333333;
  background-color: #f8f8f8;
  -webkit-appearance: none;
  border-radius: 500px;
  display: inline-block;
  box-sizing: border-box;
  padding: 8px 16px;
  line-height: 19px;
  vertical-align: middle;
  font-size: .875rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: .1s ease-in-out;
  transition-property: color, background-color, border-color; }
.page-node-type-lawyer .field--name-field-area-of-support a:hover { opacity: 1; color: #111111; background-color: #ffffff; border-color: #111111; }

/* Maintenance page */
.maintenance-page .layout-container { margin-top: 40px; }
.maintenance-page .layout-container header img { max-width: 300px;margin-bottom: 110px; }

/* **************************************************************
 5. RTL - Override for rtl languages ***
 * ************************************************************** */

html[dir="rtl"] .uk-list-circle > ::before,
html[dir="rtl"] .uk-list-decimal > ::before,
html[dir="rtl"] .uk-list-disc > ::before,
html[dir="rtl"] .uk-list-hyphen > ::before,
html[dir="rtl"] .uk-list-square > ::before {
  content: "";
  position: relative;
  right: -30px; /* Adjust to move the bullet to the left side */
  width: 30px;
  height: 1.5em;
  margin-bottom: -1.5em;
  display: list-item;
  list-style-position: inside;
  text-align: left;
}

html[dir="rtl"] .uk-list-circle > *,
html[dir="rtl"] .uk-list-decimal > *,
html[dir="rtl"] .uk-list-disc > *,
html[dir="rtl"] .uk-list-hyphen > *,
html[dir="rtl"] .uk-list-square > * {
  padding-right: 30px; /* Adjust the padding on the right side */
  padding-left: 0;
}


/* Cookies */
.cookiesjsr-banner--info { margin-bottom: 0; }
.cookiesjsr-banner--info .cookiesjsr-banner--text { font-size: .875rem; }
.field--name-field-remote-video { position: relative !important; }
.cookies-fallback--wrap.disabled { position: unset; }
.cookies-fallback--video--wrap { top: 0; left: 0; right: 0; }
.cookies-fallback--video { background-position-x: center; background-size: 110px auto; }
@media (min-width: 640px) {
  .cookies-fallback--wrap.disabled { min-height: 0; }
}
.cookiesjsr-layer--body { font-size: .875rem; padding: 5px 0; }
.cookiesjsr-service-group--intro { font-weight: 300; }
.cookiesjsr-service--description h3 { font-size: .875rem; }
.cookiesjsr-btn { font-weight: 400; }
.cookiesjsr-layer--header { padding-left: 1rem; }
.cookiesjsr-service-group--content { padding-top: 2px; }
.cookiesjsr-banner.active { border-top: 1px solid #ffffff44; }
.cookiesjsr-service-group--tab { font-size: .875rem; background-color: #f3f3f3; }
#cookiesjsr {
  --default-margin: 1rem;
  --font-size-reset: 1rem;
  --btn-font-color: #ffffff;
  --btn-border-color: #ffffff;
  --btn-bg-color: #17293d;
  --btn-prime-font-color: #17293d;
  --btn-prime-border-color: #ffffff;
  --btn-prime-bg-color: #ffffff;
  --btn-inv-font-color: #17293d;
  --btn-inv-border-color: #17293d;
  --btn-inv-bg-color: #ffffff;
  --btn-prime-inv-font-color: #ffffff;
  --btn-prime-inv-border-color: #17293d;
  --btn-prime-inv-bg-color: #17293d;
  --link-list-font-color: #ffffff;
  --link-list-separator-color: #ffffff;
  --banner-logo-offset: 100px;
  --banner-bg-color: #17293d;
  --banner-font-color: #ffffff;
  --layer-header-height: 3.5em;
  --layer-header-bg-color: #ffffff;
  --layer-header-font-color: #000f37;
  --layer-body-bg-color: #ffffff;
  --layer-tab-bg-color: #ffffff;
  --layer-tab-font-color: #000f37;
  --layer-tab-active-bg-color: #17293d;
  --layer-tab-active-font-color: #ffffff;
  --layer-bg-dark: #17293d;
  --layer-font-light: #ffffff;
  --layer-font-dark: #000f37;
  --layer-border-color: #e4e5e6;
  --layer-footer-bg-color: #ffffff;
  --layer-footer-font-color: #000f37;
  --layer-footer-height: 4.5em;
  --switch-border-color: #cccccc;
  --switch-handle-color: #dcdcdc;
  --switch-bg-off: #ffffff;
  --switch-bg-on: #00aa00;
  --switch-width: 45px;
  --switch-height: 20px;
  --switch-always-on-font-color: #00aa00;
  --switch-always-on-bg-color: #ffffff; }

/* **************************************************************
 8. RESPONSIVE ***
 * ************************************************************** */

/* mobile @s ------------------------------------- */
@media (min-width: 360px) {
  .path-frontpage .region-header::before { margin-bottom: 20px; max-width: 320px; }
}

@media (min-width: 420px) {
  .region-branding .uk-logo img { width: 300px; height: 30px; margin-top: -14px; }
  .path-frontpage .region-header::before { margin-bottom: 30px; max-width: 360px; }
  .uk-navbar-toggle.uk-navbar-toggle-icon { margin-top: -15px; }
  .navbar-wrapper.uk-sticky.uk-active .uk-navbar-toggle.uk-navbar-toggle-icon { margin-top: -5px; }
}

/* NARROW Layout - Small @s ------------------------------------- */
@media (min-width: 640px) {

  .uk-article-title { margin-bottom: 30px !important; }

  /* Header */
  #page { background-size: 1080px; }

  /* Block style 1 */
  .block-style1::before { left: -4px; }

  /* Newsletter */
  #custom-newslettersubscribe .uk-width-medium { width: 280px; margin-top: 0; }
  #custom-newslettersubscribe .uk-button { width: inherit; margin-top: 0; }

  /* Home - hero */
  #custom-homeintro .uk-section { padding-top: 40px; padding-bottom: 40px; }
  #custom-homeintro .uk-container-medium { height: 140px; padding-left: 180px; }
  #custom-homeintro { margin-top: -100px; margin-bottom: 70px; }
  #custom-homeintro { margin-top: inherit; margin-bottom: inherit; }

  /* Header */
  .path-frontpage .region-header::before { position: absolute; left: 35%; top: 0; max-width: 520px; max-height: 210px; }

  /* Mobile */
  .margin-top-mobile { margin-top: 0; }

  /* Home - Questions */
  #custom-searchhelp3col .text-formatted h3 { margin-bottom: 20px; }
  #custom-searchhelp3col .text-formatted p { margin-top: 20px; }
  #custom-searchhelp3col { margin-bottom: 0; }

  /* Lawyer */
  .page-node-type-lawyer .uk-article-title { text-align: left; }
  .page-node-type-lawyer .field--name-field-area-of-support { text-align: left; }

}

/* TABLET Layout - Medium @m ------------------------------------- */
@media (min-width: 960px) {

  .uk-navbar-nav { gap: 25px; }
  .uk-heading-small { font-size: 3rem; }

  /* Header */
  #page { background-size: 1360px; }
  .path-frontpage .region-header::before { left: 41%; max-width: 770px; max-height: 320px; }

  /* Home - hero */
  #custom-homeintro .uk-section { padding-top: 70px; padding-bottom: 70px; }
  #custom-homeintro h1 { font-size: 2.1rem; }

  /* Home - Questions */
  #custom-searchhelp3col .text-formatted h3 { font-size: 1.5rem; line-height: 1.4; }

  /* Lawyer */
  .page-node-type-lawyer .field--name-field-picture img { height: 340px; width: 340px; }

}

/* LAPTOP Layout - Large @l ---------------------------------------- */
@media (min-width: 1200px) {

  .region-branding .uk-logo img { margin-top: 7px; }

  .uk-heading-small { font-size: 3.25rem; }

  /* Header */
  #page { background-size: 105%; }
  .path-frontpage .region-header::before { left: 41%; max-width: 800px; max-height: 320px; top: -20px; }

  /* UiKit */
  .uk-slider .uk-slidenav-next, .uk-slider .uk-slidenav-previous { display: inherit; }
  .uk-padding-xlarge { padding: 110px; }
  blockquote { margin-left: -43px; }
  blockquote p { font-size: 1.5rem; line-height: 1.5; }

  /* Views filter */
  .views-exposed-form .form--inline { display: flex; flex-wrap: wrap; }

  /* Lawyer */
  .page-node-type-lawyer .field--name-field-picture img { height: 380px; width: 380px; }

  /* image shift - basic pages */
  img.img-circle { border-radius: 100%; width: 300px; height: 300px; box-shadow: 0 14px 25px rgba(0, 0, 0, .16); shape-outside: circle(50%); shape-margin: 24px }
  img.img-shift-right { margin-right: -70px; }

}

/* WIDE SCREEN Layout - xLarge @xl --------------------------------- */
@media (min-width: 1600px) {

  /* Header */
  #page { background-size: 82%; }

}