html {
box-sizing: border-box;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
overflow-x: hidden;
height: 100%;
}  html {
scroll-behavior: smooth;
} body {
min-height: 100vh;
text-rendering: auto;
} *,
::before,
::after {
box-sizing: inherit;
} .clearfix:after {
content: "";
display: table;
clear: both;
} img,
picture {
width: 100%;
max-width: 100%;
display: block;
height: auto;
} body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
margin: 0;
}
small {
display: inline-block;
line-height: 1.5em;
} a, button {
cursor: revert;
}
nav a,
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
text-decoration: none;
} a:not([class]) {
text-decoration-skip-ink: auto;
} ol, ul, menu {
list-style: none;
margin-block: 0;
}
ol li, ul li {
margin: 0;
padding: 0;
}
nav ul {
padding-left: 0;
}
nav ul li {
list-style-type: none;
} input, button, textarea, select {
font: inherit;
} textarea {
white-space: revert;
} ::placeholder {
color: unset;
}  table { border-collapse: separate;
border-spacing: 1px;
text-indent: 0;
} @media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
button, input, optgroup, select, textarea {
font-family: inherit;
line-height: inherit;
font-size: inherit;
margin: 0;
} button, select {
text-transform: none;
} button, [type=button], [type=reset], [type=submit] {
-webkit-appearance: button;
} ::-moz-focus-inner {
border-style: none;
padding: 0;
} :-moz-focusring {
outline: 1px dotted ButtonText;
} :-moz-ui-invalid {
box-shadow: none;
}:root {
--font:"Inter",Helvetica,Arial, sans-serif;
--title-font:"Inter", Helvetica,Arial, sans-serif;
--alt-font:"Inter", Helvetica,Arial, sans-serif;
--h1:clamp(1.75rem,calc(4vw + 1rem),2.25rem);
--h2:clamp(1.5rem,calc(4vw + 1rem),2rem);
--h3:clamp(1.25rem,4vw,1.75rem);
--h4:clamp(1.125rem,4vw,1.5rem);
--h5:1.25rem;
--h6:1.25rem; --font-size:1rem;
--icon-caret-down-black:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 320 320' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M137.389 246.663c12.5 12.5 32.8 12.5 45.3 0l128-128a31.86 31.86 0 0 0 6.9-34.9c-5-12-16.6-19.8-29.6-19.8l-256 .1c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128 .1-.1z' fill-rule='nonzero'/%3E%3C/svg%3E");
--icon-caret-down-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 320 320' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M137.389 246.663c12.5 12.5 32.8 12.5 45.3 0l128-128a31.86 31.86 0 0 0 6.9-34.9c-5-12-16.6-19.8-29.6-19.8l-256 .1c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128 .1-.1z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
--icon-caret-up-black:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 320 320' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M182.611 73.338c-12.5-12.5-32.8-12.5-45.3 0l-128 128a31.86 31.86 0 0 0-6.9 34.9c5 12 16.6 19.8 29.6 19.8l256-.1c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128-.1.1z' fill-rule='nonzero'/%3E%3C/svg%3E");
--icon-caret-up-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 320 320' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M182.611 73.338c-12.5-12.5-32.8-12.5-45.3 0l-128 128a31.86 31.86 0 0 0-6.9 34.9c5 12 16.6 19.8 29.6 19.8l256-.1c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128-.1.1z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
--icon-caret-right-black:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 320 320' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M246.662 182.611c12.5-12.5 12.5-32.8 0-45.3l-128-128a31.86 31.86 0 0 0-34.9-6.9c-12 5-19.8 16.6-19.8 29.6l.1 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128-.1-.1z' fill-rule='nonzero'/%3E%3C/svg%3E");
--icon-caret-right-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 320 320' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M246.662 182.611c12.5-12.5 12.5-32.8 0-45.3l-128-128a31.86 31.86 0 0 0-34.9-6.9c-12 5-19.8 16.6-19.8 29.6l.1 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128-.1-.1z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
--icon-camera-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 512 512' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M199.1 32C175 32 153.6 47.4 146 70.3l22.8 7.6-22.8-7.6-8.6 25.7H64c-35.3 0-64 28.7-64 64v256c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64h-73.4L366 70.3C358.4 47.4 337 32 312.9 32H199.1zm-7.6 53.5c1.1-3.3 4.1-5.5 7.6-5.5h113.8a8.05 8.05 0 0 1 7.6 5.5l14 42.1c3.3 9.8 12.4 16.4 22.8 16.4H448c8.8 0 16 7.2 16 16v256c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V160c0-8.8 7.2-16 16-16h90.7c10.3 0 19.5-6.6 22.8-16.4l14-42.1zM256 400c61.441 0 112-50.559 112-112s-50.559-112-112-112-112 50.559-112 112 50.559 112 112 112zm-64-112c0-35.109 28.891-64 64-64s64 28.891 64 64-28.891 64-64 64-64-28.891-64-64z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
} body {
font-family: var(--font);
font-size: var(--font-size);
font-weight: 400;
} .content :where(p) {
line-height: 1.5em;
margin-bottom: 1em;
text-wrap: pretty;
}
.content > p:last-child {
margin-bottom: 0;
} h1, h2, h3, h4, h5, h6,
.h-1, .h-2, .h-3, .h-4, .h-5, .h-6 {
font-family: var(--title-font);
font-weight: 600;
line-height: 1.125em; margin-bottom: 0.5em;
text-wrap: pretty;
}
p.h-1, p.h-2, p.h-3, p.h-4, p.h-5, p.h-6 {
margin-bottom: 0.5em;
}
h1, *.h-1 {
font-size: var(--h1);
}
h2, *.h-2 {
font-size: var(--h2);
}
h3, *.h-3 {
font-size: var(--h3);
}
h4, *.h-4 {
font-size: var(--h4);
}
h5, *.h-5 {
font-size: var(--h5);
}
h6, *.h-6 {
font-size: var(--h6);
} h1 a, h2 a {
text-decoration: none;
}
span.sup-title {
display: block;
font-size: 0.5em;
line-height: 1.5em;
font-weight: 600;
text-transform: uppercase; }
.h-1 > span.sup-title {
font-size: 0.4em;
line-height: 1em;
} .trim {
position: relative;
padding-bottom: 1em;
margin-bottom: 1em;
}
.trim:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid hsl(var(--grey-mid));
}
.white-txt .trim:after {
border-bottom-color: hsl(var(--white));
}
.trim.text-center:after,
.text-center .trim:after {
left: calc(50% - 6.25rem);
width: 12.5rem;
}
.trim.text-right:after,
.text-right .trim:after {
left: auto;
right: 0;
} .content ul,
.content ol {
line-height: 1.5em;
margin: 0 0 1.5em 0;
padding-left: 2em;
overflow: hidden;
}
.content li ul,
.content li ol {
margin-top: 0.5em;
margin-bottom: 0;
font-size: 0.95em;
padding-left: 1.125em;
}
.content ul li {
list-style-type: disc;
margin-bottom: 0.5em;
}
.content ol li {
list-style-type: decimal;
margin-bottom: 0.5em;
}
.content li li {
line-height: 1.25em;
}
.content li li:last-of-type {
margin-bottom: 0;
}
.content li ul li {
list-style-type: circle;
}
.content ul.tick-list li:before {
content: "\f00c";
font: var(--fa-font-solid);
display: none;
}
.content ul.tick-list li svg {
color: hsl(var(--third));
position: absolute;
top: 0.3em;
left: -1.25em;
}
.white-txt .content ul.tick-list li svg {
color: hsl(var(--white), 0.7);
}
.inherit ul.tick-list li svg {
color: inherit;
}
.content ul.tick-list li {
position: relative;
list-style-type: none;
margin-left: 0;
margin-bottom: 0.5em;
padding-left: 0.25em;
}
.content ul.downloads-list {
padding-left: 3em;
}
.content ul.downloads-list li:before {
content: "\f1c1";
font: var(--fa-font-solid);
display: none;
}
.content ul.downloads-list li.link:before {
content: "\f08e";
}
.content ul.downloads-list li svg {
color: hsl(var(--second));
position: absolute;
top: 0.05em;
left: -1.2em;
font-size: 2em;
}
.content ul.downloads-list li.link svg {
font-size: 1.8em;
left: -1.35em;
}
.white-txt ul.downloads-list li svg {
color: inherit;
}
.content ul.downloads-list li {
position: relative;
list-style-type: none;
margin-left: 0;
margin-bottom: 1.5em;
padding-left: 0.5em;
padding-bottom: 1.5em;
border-bottom: 1px solid hsla(var(--grey-mid), 0.5);
}
.content ul.pdf-list li:before {
content: "\f1c1";
font: var(--fa-font-solid);
display: none;
}
.content ul.pdf-list li svg {
color: hsl(var(--second));
position: absolute;
top: 0.05em;
left: -1.2em;
font-size: 1.2em;
}
.white-txt ul.pdf-list li svg {
color: inherit;
}
.content ul.pdf-list li {
position: relative;
list-style-type: none;
margin-left: 0;
margin-bottom: 1em;
padding-left: 0.25em;
}
.content ul.link-list li:before {
content: "\f08e";
font: var(--fa-font-solid);
display: none;
}
.content ul.link-list li svg {
color: hsl(var(--second));
position: absolute;
top: 0.05em;
left: -1.2em;
font-size: 1.2em;
}
.white-txt ul.link-list li svg {
color: inherit;
}
.content ul.link-list li {
position: relative;
list-style-type: none;
margin-left: 0;
margin-bottom: 1em;
padding-left: 0.25em;
}
.content.text-center ul:not(.text-left),
.content .text-center ul:not(.text-left),
.text-center .content ul:not(.text-left),
.content.text-center ol:not(.text-left),
.content .text-center ol:not(.text-left),
.text-center .content ol:not(.text-left) { display: flex;
flex-direction: column;
align-items: center;
} strong {
font-weight: 600;
}
a.noline {
text-decoration: none;
}
.no-wrap {
white-space: nowrap;
}
.wrap-pretty {
text-wrap: pretty;
}
.wrap-balance {
text-wrap: balance;
}
.fit-content {
width: fit-content;
}
.no-br > br {
display: none;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
.text-left {
text-align: left !important;
}
.uppercase {
text-transform: uppercase;
}
.larger-txt {
font-size: 1.125em !important;
}
.smaller-txt {
font-size: 0.875em !important;
}
.font {
font-family: var(--font) !important;
}
.title-font {
font-family: var(--title-font) !important;
}
.alt-font {
font-family: var(--alt-font) !important;
}
.font-thin {
font-weight: 100 !important;
}
.font-light {
font-weight: 300 !important;
}
.font-medium {
font-weight: 400 !important;
}
.font-bold {
font-weight: 600 !important;
}
.font-bolder {
font-weight: 700 !important;
}
blockquote {
font-style: italic;
}a.skip-link {
position: absolute;
font-size: 0.75rem;
top: -10rem;
left: 50%;
transform: translateX(-50%);
transition: top 0.5s;
z-index: 103;
}
a.skip-link:focus-visible {
top: 1rem;
}
.header .navigation {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.5rem;
position: relative; }
.navigation .top-menu {
display: none;
} button.mobile-menu-trigger {
border: 0;
background: transparent;
display: flex;
cursor: pointer;
justify-content: flex-start;
align-items: center;
gap: 1rem;
height: 45px;
width: 55px;
} button.mobile-menu-trigger svg.menu-svg rect {
transition: 1s;
fill: hsl(var(--second));
}
button.mobile-menu-trigger[aria-expanded=true] svg.menu-svg rect.top {
transform-origin: top left;
rotate: 45deg;
x: 20%;
y: 0%;
width: 50%;
}
button.mobile-menu-trigger[aria-expanded=true] svg.menu-svg rect.middle {
transform-origin: center;
rotate: -45deg;
}
button.mobile-menu-trigger[aria-expanded=true] svg.menu-svg rect.bottom {
transform-origin: center;
rotate: 45deg;
x: 54%;
y: 50%;
width: 50%;
}
button.mobile-menu-trigger span {
color: hsl(var(--white));
transition: color 300ms;
}
.main-menu {
display: none;
}
.nav-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
min-height: 100vh;
z-index: 109;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s linear, visibility 0.3s linear;
}
.nav-overlay.active {
visibility: visible;
opacity: 1;
}
.nav-overlay .scroll-overflow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
overflow: scroll;
}
.nav-overlay .top-nav {
background-color: hsla(var(--first-dark), 0.95);
min-height: 100vh;
width: 100%;
position: relative;
padding: 120px 0 80px;
}
.nav-overlay .top-nav ul {
font-size: 1.25rem;
text-align: center;
font-weight: 600;
margin-right: 0;
padding: 0;
}
.nav-overlay .top-nav ul li {
list-style-type: none;
position: relative;
}
.nav-overlay .top-nav ul li.desktop {
display: none;
}
.nav-overlay .top-nav ul li.current-menu-item > a {
color: hsl(var(--white));
}
.nav-overlay .top-nav ul a {
display: block;
color: hsl(var(--second-light));
padding: 1em 10px;
border-bottom: 1px solid hsla(var(--white), 0.2);
text-decoration: none;
}
.nav-overlay .top-nav ul ul {
display: block;
font-size: 0.85em;
background-color: hsla(var(--second), 0.1);
border-bottom: 1px solid hsla(var(--white), 0.4);
} .top-nav > .wrapper > ul > li.menu-item-has-children > a {
padding-right: 1em;
}
.top-nav > .wrapper > ul > li.menu-item-has-children:after {
content: "\f078";
font: var(--fa-font-solid);
display: none;
}
.top-nav > .wrapper > ul > li.menu-item-has-children svg {
position: absolute;
top: 0.5em;
right: 0;
font-size: 1.5em;
color: hsl(var(--white));
background-color: hsla(var(--first-light), 0.5);
padding: 0.2em 0.25em;
transition: background-color 300ms;
cursor: pointer;
}
.top-nav > .wrapper > ul > li.menu-item-has-children svg:hover {
background-color: hsla(var(--white), 0.5);
}
.top-nav > .wrapper > ul > li.current-menu-ancestor.menu-item-has-children svg,
.top-nav > .wrapper > ul > li.current-menu-parent.menu-item-has-children svg,
.top-nav > .wrapper > ul > li.current-menu-item.menu-item-has-children svg,
.single-post .top-nav > .wrapper > ul > li.has-blog svg,
.archive .top-nav > .wrapper > ul > li.has-blog svg {
color: hsl(var(--second-light));
}
.top-nav > .wrapper > ul ul {
display: none;
}
.nav-overlay .top-nav .social {
font-size: 0.75rem;
text-align: center;
padding: 1em;
}
.nav-overlay .top-nav .social svg {
color: hsl(var(--white));
margin: 0 10px;
}
.nav-overlay .buttons-wrapper .do-flex {
justify-content: center;
} .more-button,
input.more-button {
font-family: var(--alt-font);
font-weight: 600;
border: 2px solid hsl(var(--first));
background-color: hsl(var(--first));
border-radius: var(--radius);
padding: 0.75em 1.5em;
min-width: 16ch;
color: hsl(var(--white));
font-size: 0.938rem;
line-height: 1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
letter-spacing: -0.025em;
display: inline-block;
width: 100%;
transition: border-color 300ms, background-color 300ms, color 300ms;
cursor: pointer;
}
.more-button:not(.no-dark):hover,
input:not(disabled).more-button:hover {
background-color: hsl(var(--first-dark));
border-color: hsl(var(--first-dark));
color: hsl(var(--white));
}
.book-button::before {
position: relative;
display: inline-block;
width: 0.825em;
content: var(--icon-camera-white);
transform: translate(-0.5em, 0.05em);
}
.larger-txt .more-button {
font-size: 1.125rem;
}
.grid-item .more-button {
padding-block: 0.5em;
} span.more-button {
cursor: pointer;
}
a.more-button {
text-decoration: none;
}
a.no-hover,
span.no-hover {
cursor: default;
} p + div.buttons-wrapper {
padding-top: var(--gutter);
}
.wrapper > div.buttons-wrapper {
padding-top: var(--gap);
}
.text-center .buttons-wrapper .do-flex {
justify-content: center;
}
.buttons-wrapper .do-flex {
gap: var(--gap);
justify-content: flex-start;
align-items: center;
}
.text-right .buttons-wrapper .do-flex {
justify-content: flex-end;
}
.buttons-wrapper .col {
flex: 0 1 auto; }
.read-more {
font-weight: 400;
padding-right: 1.5em;
position: relative;
color: inherit;
line-height: 1.5em;
text-decoration: none;
display: inline-block;
white-space: nowrap;
transition: color 300ms;
}
.content .read-more {
color: inherit;
}
.content .read-more.default-txt {
color: hsl(var(--default));
}
.content .read-more.default-txt:hover {
color: hsl(var(--default-dark));
}
.content .read-more.first-txt {
color: hsl(var(--first));
}
.content .read-more.first-txt:hover {
color: hsl(var(--first-dark));
}
.content .read-more.second-txt {
color: hsl(var(--second));
}
.content .read-more.second-txt:hover {
color: hsl(var(--second-dark));
}
.content .read-more.third-txt {
color: hsl(var(--third));
}
.content .read-more.third-txt:hover {
color: hsl(var(--third-dark));
}
.content .read-more.fourth-txt {
color: hsl(var(--fourth));
}
.content .read-more.fourth-txt:hover {
color: hsl(var(--fourth-dark));
}
.content .read-more:after {
content: "\f061";
font: var(--fa-font-regular);
display: none;
}
.content .read-more svg {
color: inherit;
position: absolute;
top: 0.3em;
right: 0;
transition: color 300ms, right 300ms;
}
.content .read-more:not(.no-dark):hover svg {
color: inherit;
right: -10px;
}
a.read-more {
text-decoration: none;
}
@media (min-width: 500px) { .more-button {
width: auto;
font-weight: 500;
}
}
@media (min-width: 900px) {
.buttons-wrapper .do-flex {
gap: 1rem;
}
body > .navigation {
padding: 0.75rem;
position: relative;
z-index: 100;
}
button.mobile-menu-trigger {
display: none;
}
.main-menu {
display: flex;
justify-content: space-between;
gap: var(--gutter);
position: relative;
font-family: var(--title-font);
font-size: 0.875rem;
text-transform: uppercase;
font-weight: 600;
z-index: 201;
}
.main-menu ul.menu {
flex: 1 1 auto;
display: flex;
justify-content: flex-start;
gap: 2em;
}
.main-menu ul.menu > li {
list-style-type: none;
position: relative;
padding: 0;
}
.main-menu ul.menu > li.align-right {
margin-left: auto;
}
.main-menu ul.menu > li.align-right > a {
color: hsl(var(--grey-dark));
}
.main-menu ul.menu > li > a {
padding: 0.5em 0;
display: block;
text-decoration: none;
position: relative;
transition: border-color 300ms, color 300ms;
border-bottom: 1px solid transparent;
}
.main-menu .social {
margin-bottom: 0;
}
.main-menu ul.menu > li.current-page-ancestor > a,
.main-menu ul.menu > li.current-menu-ancestor > a,
.main-menu ul.menu > li.current-menu-parent > a,
.main-menu ul.menu > li.current-menu-item > a,
.single-post .main-menu ul.menu > li.has-blog > a,
.category .main-menu ul.menu > li.has-blog > a,
.tax-member-category .main-menu ul.menu > li.has-member > a {
border-bottom-color: hsl(var(--second));
color: hsl(var(--second));
}
.main-menu ul li {
line-height: 1em;
}
.main-menu ul.menu > li > a:hover {
border-bottom-color: hsla(var(--first), 0.5);
color: hsl(var(--first));
}
.main-menu ul li a {
color: hsl(var(--first));
white-space: nowrap;
}
.main-menu ul.menu > li.button {
margin-left: 0.25rem;
}
.main-menu ul.menu > li.button > a {
padding: 0.5em 1em 0.5em 2.5em;
font-weight: 500;
font-size: 1rem;
border-radius: var(--radius);
display: block;
text-decoration: none;
text-transform: uppercase;
position: relative;
background-color: hsl(var(--fourth));
border: 2px solid hsl(var(--fourth));
color: hsl(var(--white));
transition: background-color 300ms, border-color 300ms;
}
.main-menu ul.menu > li.button > a:hover {
background-color: hsl(var(--fourth-dark));
border-color: hsl(var(--fourth-dark));
color: hsl(var(--white));
}
.main-menu ul.menu > li.button > a::before {
position: absolute;
width: 1em;
top: calc(50% - 0.55em);
left: 1em;
content: var(--icon-camera-white);
}
.main-menu ul.menu > li > ul {
visibility: hidden;
opacity: 0;
transition: opacity 0.2s linear, visibility 0.2s linear;
position: absolute;
top: calc(100% - 1px);
padding: 0 2em 0 0;
left: -1rem;
width: auto;
min-width: 100%;
font-size: 95%;
z-index: 1;
text-align: left;
background-color: hsla(var(--white), 1);
border-radius: 0.25rem;
box-shadow: 0 10px 30px 0 hsla(var(--black), 0.1);
}
.main-menu ul.menu > li:hover > ul,
.main-menu ul.menu > li:has(a:focus-visible) > ul {
visibility: visible;
opacity: 1;
}
.main-menu ul.menu ul li {
display: block;
margin: 0;
padding: 0;
width: 100%;
position: relative;
white-space: nowrap;
}
.main-menu ul.menu > li > ul > li::before {
content: var(--icon-caret-right-black);
position: absolute;
width: 0.6em;
top: 0.9em;
left: 1em;
opacity: 0;
transition: opacity 500ms;
}
.main-menu ul.menu > li > ul > li:hover::before {
opacity: 0.3;
}
.main-menu ul.menu > li > ul > li > a {
position: relative;
transform: translateX(0);
transition: color 300ms, transform 500ms;
}
.main-menu ul.menu > li > ul > li > svg {
color: hsl(var(--second));
position: absolute;
top: 0.9em;
left: 1em;
opacity: 0;
transition: opacity 500ms;
}
.main-menu ul.menu ul a {
white-space: nowrap;
text-decoration: none;
overflow: hidden;
display: inline-block;
color: hsl(var(--first));
padding: 1rem;
background-color: transparent;
transition: background-color 500ms, color 500ms;
}
.main-menu ul.menu > li > ul > li { }
.main-menu ul.menu > li > ul > li.current-menu-parent > a, .main-menu ul.menu > li > ul > li.current-page-ancestor > a { color: hsl(var(--second-dark));
}
.main-menu ul.menu > li > ul > li:hover > a { color: hsl(var(--second));
transform: translateX(1em);
}
.main-menu ul.menu > li > ul > li > ul {
visibility: hidden;
opacity: 0;
transition: opacity 0.2s linear, visibility 0.2s linear, left 0.5s linear;
position: absolute;
top: 0;
padding: 0;
left: 100%;
width: auto;
min-width: 100%;
font-size: 95%;
z-index: 1;
text-align: left;
background-color: hsla(var(--white), 1);
border-radius: 0.25rem;
box-shadow: 0 10px 30px 0 hsla(var(--black), 0.1);
}
.main-menu ul.menu > li > ul > li > ul li a { }
.main-menu ul.menu > li > ul > li > ul li a :hover {
color: hsl(var(--default)); }
.main-menu ul.menu > li > ul > li > ul li.current-menu-item > a { }
.main-menu ul.menu > li > ul > li:hover > ul, .main-menu ul.menu > li > ul > li:has(a:focus-visible) > ul {
visibility: visible;
opacity: 1;
left: calc(100% + 1rem);
}
.main-menu ul.menu > li.menu-item-has-children > a {
padding-right: 1em;
}
.main-menu ul.menu > li.menu-item-has-children:after {
content: var(--icon-caret-down-black);
position: absolute;
width: 0.6em;
top: calc(50% - 0.6em);
right: -0.125em;
opacity: 0.3;
transition: rotate 300ms;
}
.main-menu ul.menu > li.menu-item-has-children:hover:after {
rotate: 180deg;
} .main-menu ul.menu > li > ul > li.menu-item-has-children > a {
padding-right: calc(1.5em + 10px);
}
.main-menu ul.menu > li > ul > li.menu-item-has-children:after {
content: var(--icon-caret-right-black);
position: absolute;
width: 0.6em;
top: 1em;
right: 0.25em;
opacity: 0.3;
transition: right 0.5s linear;
}
.main-menu ul.menu > li > ul > li.menu-item-has-children:hover::after {
right: -0.75em;
} .main-menu ul.menu li.current-menu-item:not(.button) > a {
color: hsl(var(--second));
}
}
@media (min-width: 980px) {
.main-menu ul#top-menu {
margin-bottom: 14px;
}
}
@media (min-width: 1100px) { }
@media (min-width: 1170px) {
.main-menu ul#top-menu {
margin-bottom: 2.5%;
}
}.blog-section {
margin-bottom: 2rem;
}
.blog-section .section-inner .text > *:last-child {
margin-bottom: 0;
}
.blog-section .section-inner.image-left {
flex-direction: row-reverse;
}
.single-blog .blog-section .do-flex > div.col {
margin-bottom: 0;
}
.blog-section .col-1 > div.col.image {
margin-top: 2rem;
}
.boxes .section-inner .box {
display: flex;
flex-direction: column;
}
.boxes .section-inner .image {
aspect-ratio: 8/5;
overflow: hidden;
display: flex;
}
.boxes .section-inner .image img {
object-fit: cover;
}
.boxes .section-inner .text {
padding: 1.25rem;
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.boxes .section-inner .text-inner {
flex: 1 1 auto;
}
.blog .header,
.single .header,
.archive .header {
border-bottom: 1px solid #ddd;
}
.blog .main-menu > ul ul,
.single .main-menu > ul ul,
.archive .main-menu > ul ul {
border: 1px solid #ddd;
}
.news-wrapper .content .navigation {
text-align: center;
padding-top: var(--padding);
}
.news-wrapper .content ol.wp-paginate {
flex-direction: row;
justify-content: center;
}
.news-wrapper .content ol.wp-paginate li {
line-height: 2em;
margin: 0 0 1em 0;
}
.news-wrapper .content .wp-paginate .current {
background: hsl(var(--first));
border-color: hsl(var(--first));
}
p.post-meta {
margin-bottom: 0.5em;
padding-bottom: 0.5em;
border-bottom: 2px solid hsl(var(--white));
}
.nav-next {
float: right;
}
.nav-single {
font-size: 1.25rem;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 20px 0 25px;
margin: 10% 0 3%;
}
.nav-single a {
color: hsl(var(--first));
text-decoration: none;
transition: color 300ms;
}
.nav-single a:hover {
color: hsl(var(--first-dark));
}
.nav-single svg {
font-size: 1.5em;
top: 4px;
position: relative;
}
.nav-single span.next {
float: right;
}
.nav-single span.prev svg {
margin-right: 5px;
}
.nav-single span.next svg {
margin-left: 5px;
}body {
background-color: hsl(var(--white));
color: hsl(var(--default));
}  .content a:where(:not(.more-button):not(.read-more):not(.button):not(.unset)) {
color: hsl(var(--fourth));
transition: all 300ms;
}
.content a:where(:not(.more-button):not(.read-more):not(.button):not(.unset)):hover {
color: hsl(var(--fourth-dark));
}
.white-txt a:where(:not(.more-button):not(.read-more):not(.button):not(.unset)) {
color: hsl(var(--white));
} .white-txt .white-bg * {
color: hsl(var(--default));
} .white-txt {
color: hsl(var(--white)) !important;
}
.black-txt {
color: hsl(var(--black)) !important;
}
.default-dark-txt {
color: hsl(var(--default-dark)) !important;
}
.default-txt {
color: hsl(var(--default)) !important;
}
.default-light-txt {
color: hsl(var(--default-light)) !important;
}
.grey-dark-txt {
color: hsl(var(--grey-dark)) !important;
}
.grey-dark-hover-txt {
color: hsl(var(--grey-dark-hover)) !important;
}
.grey-mid-txt {
color: hsl(var(--grey-mid)) !important;
}
.grey-mid-hover-txt {
color: hsl(var(--grey-mid-hover)) !important;
}
.grey-light-txt {
color: hsl(var(--grey-light)) !important;
}
.grey-light-hover-txt {
color: hsl(var(--grey-light-hover)) !important;
}
.first-dark-txt {
color: hsl(var(--first-dark)) !important;
}
.first-txt {
color: hsl(var(--first)) !important;
}
.first-light-txt {
color: hsl(var(--first-light)) !important;
}
.second-dark-txt {
color: hsl(var(--second-dark)) !important;
}
.second-txt {
color: hsl(var(--second)) !important;
}
.second-light-txt {
color: hsl(var(--second-light)) !important;
}
.third-dark-txt {
color: hsl(var(--third-dark)) !important;
}
.third-txt {
color: hsl(var(--third)) !important;
}
.third-light-txt {
color: hsl(var(--third-light)) !important;
}
.fourth-dark-txt {
color: hsl(var(--fourth-dark)) !important;
}
.fourth-txt {
color: hsl(var(--fourth)) !important;
}
.fourth-light-txt {
color: hsl(var(--fourth-light)) !important;
}
.white-bg {
background-color: hsl(var(--white));
}
.black-bg {
background-color: hsl(var(--black));
}
.default-bg {
background-color: hsl(var(--default));
}
.grey-dark-bg {
background-color: hsl(var(--grey-dark));
}
.grey-dark-hover-bg {
background-color: hsl(var(--grey-dark-hover));
}
.grey-mid-bg {
background-color: hsl(var(--grey-mid));
}
.grey-mid-hover-bg {
background-color: hsl(var(--grey-mid-hover));
}
.grey-light-bg {
background-color: hsl(var(--grey-light));
}
.grey-light-hover-bg {
background-color: hsl(var(--grey-light-hover));
}
.first-dark-bg {
background-color: hsl(var(--first-dark));
}
.first-bg {
background-color: hsl(var(--first));
}
.first-light-bg {
background-color: hsl(var(--first-light));
}
.second-dark-bg {
background-color: hsl(var(--second-dark));
}
.second-bg {
background-color: hsl(var(--second));
}
.second-light-bg {
background-color: hsl(var(--second-light));
}
.third-dark-bg {
background-color: hsl(var(--third-dark));
}
.third-bg {
background-color: hsl(var(--third));
}
.third-light-bg {
background-color: hsl(var(--third-light));
}
.fourth-dark-bg {
background-color: hsl(var(--fourth-dark));
}
.fourth-bg {
background-color: hsl(var(--fourth));
}
.fourth-light-bg {
background-color: hsl(var(--fourth-light));
}
.gradient-1,
.gradient-1-bg {
background: linear-gradient(135deg, hsla(var(--first), 1) 0%, hsla(var(--first-dark), 1) 100%);
}
.gradient-2,
.gradient-2-bg {
background: linear-gradient(135deg, hsla(var(--second-light), 1) 0%, hsla(var(--second-dark), 1) 100%);
}
.gradient-3,
.gradient-3-bg {
background: linear-gradient(135deg, hsla(var(--third-light), 1) 0%, hsla(var(--third-dark), 1) 100%);
}
.gradient-4,
.gradient-4-bg {
background: linear-gradient(135deg, hsla(var(--fourth-light), 1) 0%, hsla(var(--fourth-dark), 1) 100%);
}
.gradient-black-end {
background: linear-gradient(180deg, hsla(var(--black), 0) 0%, hsla(var(--black), 1) 100%);
}
.opacity-0 {
opacity: 0;
}
.opacity-1 {
opacity: 0.1;
}
.opacity-2 {
opacity: 0.2;
}
.opacity-3 {
opacity: 0.3;
}
.opacity-4 {
opacity: 0.4;
}
.opacity-5 {
opacity: 0.5;
}
.opacity-6 {
opacity: 0.6;
}
.opacity-7 {
opacity: 0.7;
}
.opacity-8 {
opacity: 0.8;
}
.opacity-9 {
opacity: 0.9;
}
.opacity-10 {
opacity: 1;
}
.white-border, .white-border:before, .white-border:after {
border-color: hsl(var(--white));
}
.black-border, .black-border:before, .black-border:after {
border-color: hsl(var(--black));
}
.default-border, .default-border:before, .default-border:after {
border-color: hsl(var(--default));
}
.grey-dark-border, .grey-dark-border:before, .grey-dark-border:after {
border-color: hsl(var(--grey-dark));
}
.grey-mid-border, .grey-mid-border:before, .grey-mid-border:after {
border-color: hsl(var(--grey-mid));
}
.grey-light-border, .grey-light-border:before, .grey-light-border:after {
border-color: hsl(var(--grey-light));
}
.first-dark-border, .first-dark-border:before, .first-dark-border:after {
border-color: hsl(var(--first-dark));
}
.first-border, .first-border:before, .first-border:after {
border-color: hsl(var(--first));
}
.first-light-border, .first-light-border:before, .first-light-border:after {
border-color: hsl(var(--first-light));
}
.second-dark-border, .second-dark-border:before, .second-dark-border:after {
border-color: hsl(var(--second-dark));
}
.second-border, .second-border:before, .second-border:after {
border-color: hsl(var(--second));
}
.second-light-border, .second-light-border:before, .second-light-border:after {
border-color: hsl(var(--second-light));
}
.third-dark-border, .third-dark-border:before, .third-dark-border:after {
border-color: hsl(var(--third-dark));
}
.third-border, .third-border:before, .third-border:after {
border-color: hsl(var(--third));
}
.third-light-border, .third-light-border:before, .third-light-border:after {
border-color: hsl(var(--third-light));
}
.fourth-dark-border, .fourth-dark-border:before, .fourth-dark-border:after {
border-color: hsl(var(--fourth-dark));
}
.fourth-border, .fourth-border:before, .fourth-border:after {
border-color: hsl(var(--fourth));
}
.fourth-light-border, .fourth-light-border:before, .fourth-light-border:after {
border-color: hsl(var(--fourth-light));
}
.more-button.white {
border-color: hsla(var(--white), 0);
background-color: hsla(var(--white), 0.8);
color: hsl(var(--default));
}
.more-button.white.outline {
border-color: hsl(var(--white));
color: hsl(var(--white));
}
.more-button.white:hover {
border-color: hsl(var(--white));
background-color: hsl(var(--white));
color: hsl(var(--default));
}
.more-button.black {
border-color: hsla(var(--black), 0);
background-color: hsla(var(--black), 0.8);
color: hsl(var(--white));
}
.more-button.black.outline {
border-color: hsl(var(--black));
color: hsl(var(--black));
}
.more-button.black:hover {
border-color: hsl(var(--black));
background-color: hsl(var(--black));
color: hsl(var(--white));
}
.more-button.default {
border-color: hsl(var(--default));
background-color: hsl(var(--default));
color: hsl(var(--white));
}
.more-button.default.outline {
border-color: hsl(var(--default));
color: hsl(var(--default));
}
.more-button.default:hover {
border-color: hsl(var(--default-dark));
background-color: hsl(var(--default-dark));
color: hsl(var(--white));
}
.more-button.first-dark {
border-color: hsl(var(--first-dark));
background-color: hsl(var(--first-dark));
color: hsl(var(--white));
}
.more-button.first-dark.outline {
color: hsl(var(--first-dark));
}
.more-button.first-dark:hover {
border-color: hsl(var(--first-dark-hover));
background-color: hsl(var(--first-dark-hover));
color: hsl(var(--white));
}
.more-button.first {
border-color: hsl(var(--first));
background-color: hsl(var(--first));
color: hsl(var(--white));
}
.more-button.first.outline {
color: hsl(var(--first));
}
.more-button.first:hover {
border-color: hsl(var(--first-dark));
background-color: hsl(var(--first-dark));
color: hsl(var(--white));
}
.more-button.first-light {
border-color: hsl(var(--first-light));
background-color: hsl(var(--first-light));
color: hsl(var(--white));
}
.more-button.first-light.outline {
color: hsl(var(--first-light));
}
.more-button.first-light:hover {
border-color: hsl(var(--first));
background-color: hsl(var(--first));
color: hsl(var(--white));
}
.more-button.second-dark {
border-color: hsl(var(--second-dark));
background-color: hsl(var(--second-dark));
color: hsl(var(--white));
}
.more-button.second-dark.outline {
color: hsl(var(--second-dark));
}
.more-button.second-dark:hover {
border-color: hsl(var(--second-dark-hover));
background-color: hsl(var(--second-dark-hover));
color: hsl(var(--white));
}
.more-button.second {
border-color: hsl(var(--second));
background-color: hsl(var(--second));
color: hsl(var(--white));
}
.more-button.second.outline {
color: hsl(var(--second));
}
.more-button.second:hover {
border-color: hsl(var(--second-dark));
background-color: hsl(var(--second-dark));
color: hsl(var(--white));
}
.more-button.second-light {
border-color: hsl(var(--second-light));
background-color: hsl(var(--second-light));
color: hsl(var(--white));
}
.more-button.second-light.outline {
color: hsl(var(--second-light));
}
.more-button.second-light:hover {
border-color: hsl(var(--second));
background-color: hsl(var(--second));
color: hsl(var(--white));
}
.more-button.third-dark {
border-color: hsl(var(--third-dark));
background-color: hsl(var(--third-dark));
color: hsl(var(--white));
}
.more-button.third-dark.outline {
color: hsl(var(--third-dark));
}
.more-button.third-dark:hover {
border-color: hsl(var(--third-dark-hover));
background-color: hsl(var(--third-dark-hover));
color: hsl(var(--white));
}
.more-button.third {
border-color: hsl(var(--third));
background-color: hsl(var(--third));
color: hsl(var(--white));
}
.more-button.third.outline {
color: hsl(var(--third));
}
.more-button.third:hover {
border-color: hsl(var(--third-dark));
background-color: hsl(var(--third-dark));
color: hsl(var(--white));
}
.more-button.third-light {
border-color: hsl(var(--third-light));
background-color: hsl(var(--third-light));
color: hsl(var(--white));
}
.more-button.third-light.outline {
color: hsl(var(--third-light));
}
.more-button.third-light:hover {
border-color: hsl(var(--third));
background-color: hsl(var(--third));
color: hsl(var(--white));
}
.more-button.fourth-dark {
border-color: hsl(var(--fourth-dark));
background-color: hsl(var(--fourth-dark));
color: hsl(var(--white));
}
.more-button.fourth-dark.outline {
color: hsl(var(--fourth-dark));
}
.more-button.fourth-dark:hover {
border-color: hsl(var(--fourth-dark-hover));
background-color: hsl(var(--fourth-dark-hover));
color: hsl(var(--white));
}
.more-button.fourth {
border-color: hsl(var(--fourth));
background-color: hsl(var(--fourth));
color: hsl(var(--white));
}
.more-button.fourth.outline {
color: hsl(var(--fourth));
}
.more-button.fourth:hover {
border-color: hsl(var(--fourth-dark));
background-color: hsl(var(--fourth-dark));
color: hsl(var(--white));
}
.more-button.fourth-light {
border-color: hsl(var(--fourth-light));
background-color: hsl(var(--fourth-light));
color: hsl(var(--white));
}
.more-button.fourth-light.outline {
color: hsl(var(--fourth-light));
}
.more-button.fourth-light:hover {
border-color: hsl(var(--fourth));
background-color: hsl(var(--fourth));
color: hsl(var(--white));
}
.more-button.grey-dark {
border-color: hsl(var(--grey-dark));
background-color: hsl(var(--grey-dark));
color: hsl(var(--white));
}
.more-button.grey-dark.outline {
color: hsl(var(--grey-dark));
}
.more-button.grey-dark:hover {
border-color: hsl(var(--grey-dark-hover));
background-color: hsl(var(--grey-dark-hover));
color: hsl(var(--white));
}
.more-button.grey-mid {
border-color: hsl(var(--grey-mid));
background-color: hsl(var(--grey-mid));
color: hsl(var(--white));
}
.more-button.grey-mid.outline {
color: hsl(var(--grey-mid));
}
.more-button.grey-mid:hover {
border-color: hsl(var(--grey-dark));
background-color: hsl(var(--grey-dark));
color: hsl(var(--white));
}
.more-button.grey-light {
border-color: hsl(var(--grey-light));
background-color: hsl(var(--grey-light));
color: hsl(var(--default));
}
.more-button.grey-light.outline {
color: hsl(var(--grey-light));
}
.more-button.grey-light:hover {
border-color: hsl(var(--grey-mid));
background-color: hsl(var(--grey-mid));
color: hsl(var(--default));
}
.more-button.gradient-1-2 {
border-color: transparent;
background: linear-gradient(90deg, hsla(var(--first), 1) 0%, hsla(var(--second), 1) 50%, hsla(var(--second), 1) 100%);
background-size: 200% auto;
background-position: 5% 50%;
color: hsl(var(--white));
transition: background-position 500ms;
}
.more-button.gradient-1-2:hover {
border-color: transparent;
color: hsl(var(--white));
background-position: 95% center;
}
.more-button.gradient-2-3 {
border-color: transparent;
background: linear-gradient(90deg, hsla(var(--second), 1) 0%, hsla(var(--third), 1) 50%, hsla(var(--third), 1) 100%);
background-size: 200% auto;
background-position: 5% 50%;
color: hsl(var(--white));
transition: background-position 500ms;
}
.more-button.gradient-2-3:hover {
border-color: transparent;
color: hsl(var(--white));
background-position: 95% center;
}
.more-button.outline {
background-color: transparent;
}.admin-bar.sticky-header header.header,
.admin-bar.not-sticky-header header.header.has-banner.transparent-header {
top: 46px;
}
header.header {
position: relative;
top: 0;
left: 0;
width: 100%;
transition: background-color 500ms, padding 500ms;
z-index: 110;
border-bottom: 1px solid hsl(var(--grey-mid));
}
body.noscroll {
overflow: hidden;
max-height: 100dvh;
}  .sticky-header header.header {
position: sticky;
} .sticky-header header.header.has-banner.transparent-header {
position: fixed;
} .not-sticky-header header.header.has-banner.transparent-header {
position: absolute;
}  header.transparent-header:not(.fixed),
header.transparent-header.mobile-menu-open {
background-color: transparent;
} .header .top-banner {
padding: 0.313rem 0;
background-color: hsla(var(--black), 0.5);
}
.header .top-banner .wrapper > div.do-flex {
justify-content: space-between;
align-items: center;
gap: 0.625rem;
}
.header .top-banner .left > div.do-flex {
justify-content: flex-start;
align-items: center;
gap: 0.625rem;
}
.header .top-banner small {
display: inline-block;
padding: 0.1em 0.5em;
border-radius: 0.188rem;
background-color: hsl(var(--first));
color: hsl(var(--white));
}
.header .top-banner a {
text-decoration: none;
color: hsl(var(--white));
}
.header .top-banner br, .header .top-banner .mobile-hide {
display: none;
}
.header .top-banner .left {
display: flex;
gap: var(--gap);
}
.header .top-banner .left .social {
display: flex;
gap: 1.25rem;
}
.header .top-banner .right {
display: flex;
gap: var(--gap);
font-size: 0.875em;
}
.header .top-banner .right .do-flex {
align-items: center;
}
.header .top-banner .right .icon {
font-size: 1.2em;
color: hsl(var(--white));
flex: 0 1 auto;
min-width: 20px;
text-align: center;
margin-right: 5px;
}
.header .top-banner .right p {
flex: 0 1 auto;
} .inner-header {
padding: var(--gutter) 0;
transition: padding 500ms;
}
.inner-header .wrapper > .do-flex {
justify-content: space-between;
align-items: center;
gap: 2rem; } .header .logo {
flex: 0 1 auto;
transition: transform 500ms;
transform: scale(1);
transform-origin: center left;
}
.header .logo img {
position: relative;
z-index: 2;
}
.header .logo a {
transition: filter 1000ms;
}
.header.fixed .logo {
transform: scale(0.7);
} .logo.dark-logo a {
filter: brightness(0);
}
.logo.light-logo a {
filter: brightness(0) invert(1);
} .header.fixed:not(.mobile-menu-open):not(.no-banner) .logo.dark-logo.invert-logo a {
filter: brightness(0) invert(1);
}
.header.fixed:not(.mobile-menu-open):not(.no-banner) .logo.light-logo.invert-logo a {
filter: brightness(0);
} .header.fixed:not(.mobile-menu-open):not(.no-banner) .logo.dark-logo.true-logo a,
.header.fixed:not(.mobile-menu-open):not(.no-banner) .logo.light-logo.true-logo a {
filter: none;
} .header.fixed:not(.mobile-menu-open):not(.no-banner) .logo.filter-dark a {
filter: brightness(0);
}
.header.fixed:not(.mobile-menu-open):not(.no-banner) .logo.filter-light a {
filter: brightness(0) invert(1);
} .anchor-offset {
position: relative;
display: block;
}
.sticky-header .anchor-offset { }
.not-sticky-header .anchor-offset { } .sticky-footer {
position: sticky;
top: 100vh;
}
.footer-wrapper {
border-top: 0.5rem solid hsl(var(--white));
}
.footer {
position: relative;
z-index: 2;
}
.footer .col-1-2 {
flex-wrap: wrap;
}
.footer .do-flex {
justify-content: center;
text-align: center;
}
.footer-logo { }
.footer-logo img.logo {
display: inline-block;
}
.footer .col {
text-align: center;
min-width: 100%;
}
.footer .col p {
margin-bottom: 0.5em;
}
.footer .col p.h-5 {
margin-bottom: 0.5em;
}
.footer-contacts .has-icon {
justify-content: center;
}
.footer-contacts .has-icon .icon {
flex: 0 1 auto;
min-width: 1.125em;
text-align: center;
}
.footer-contacts .has-icon .icon svg path {
fill: hsl(var(--second), 1);
}
.footer-contacts .has-icon p {
flex: initial;
}
.footer-contacts .has-icon p a {
text-decoration: none;
color: hsl(var(--first));
transition: color 300ms;
}
.footer-contacts .has-icon p a:hover {
color: hsl(var(--first-dark));
}
.footer-contacts .address p {
line-height: 1.75em;
}
.footer-contacts .social {
margin-bottom: 1em;
}
.footer-contacts .social span {
display: inline-block;
font-size: 1.25rem;
width: 1em;
margin-right: 0.75em;
text-align: center;
}
.footer-contacts .social span a {
text-decoration: none;
color: hsl(var(--first));
}
.footer-menu ul {
overflow: visible;
padding-left: 0;
margin-bottom: 0;
}
.footer-menu ul li {
display: inline-block;
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
}
.footer-menu ul li::before {
display: none;
}
.footer-menu ul li a {
display: block;
color: hsl(var(--first));
opacity: 0.7;
padding: 0.5em;
transition: opacity 300ms;
}
.footer-menu ul li a:hover {
color: hsl(var(--first));
opacity: 1;
}
img.icon {
width: 80px;
}
.footer-logos {
display: flex;
gap: var(--gutter);
justify-content: center;
}
.footer-logos > * {
display: flex;
height: 100px;
}
.footer-logos img {
object-fit: contain;
}
footer.footer > p {
padding-block: var(--gutter);
text-align: center;
}
.sub-footer {
font-size: 0.875rem;
padding: var(--gutter) 0;
color: hsl(var(--white));
}
.sub-footer .wrapper {
z-index: 2;
}
.sub-footer .do-flex {
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
gap: var(--gutter);
}
.sub-footer a {
text-decoration: none;
color: hsl(var(--white));
}
.sub-footer nav ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: var(--gutter);
list-style-type: none;
margin: 0;
padding: 0;
}
@media (max-width: 499px) {
.header .wrapper {
padding-inline: 0.625rem;
}
}
@media (min-width: 380px) {
.sticky-header .anchor-offset {
top: -112px;
}
}
@media (min-width: 500px) { .footer-contacts .more-button {
padding: 1em 2em;
}
}
@media (min-width: 600px) {
.footer .col-1-2 > *:nth-of-type(even) {
width: 100%;
}
}
@media (min-width: 700px) {
.header .top-banner .mobile-hide {
display: inline-block;
}
}
@media (min-width: 769px) {
.footer .do-flex,
.footer .col-3 {
text-align: unset;
}
.footer .do-flex > div.col,
.footer .col-3 > div.col {
width: calc(33.33% - var(--gap) / 1.5);
min-width: unset;
text-align: left;
}
.footer-contacts .has-icon p {
flex: 1 1 auto;
}
.footer .footer-logo { }
.footer .footer-logo img.logo { }
.footer .buttons-wrapper .do-flex {
flex-direction: column;
align-items: flex-start;
}
.footer .footer-contacts > .do-flex {
justify-content: initial;
}
.footer-menu ul { }
.footer-menu ul li { position: relative;
list-style-type: none;
margin-left: 0;
margin-bottom: 0.5em;
padding-left: 1.25em;
}
.footer-menu ul li::before {
display: inherit;
content: var(--icon-caret-right-white);
position: absolute;
width: 0.75em;
top: 0;
left: 0.125em;
opacity: 0.5;
transition: opacity 300ms, left 500ms;
}
.footer-menu ul li:hover::before {
left: 0.4em;
opacity: 1;
}
.footer-menu ul li:last-child {
margin-bottom: 0;
}
.footer-menu ul li a {
display: inherit;
padding: 0;
}
}
@media (min-width: 783px) {
.admin-bar.sticky-header header.header,
.admin-bar.not-sticky-header header.header.has-banner.transparent-header {
top: 32px;
}
}
@media (min-width: 960px) { .sticky-header div.no-banner {
padding-top: 12vw;
}
.sticky-header .anchor-offset {
top: -12vw;
}  .header.fixed { box-shadow: 0 3px 10px 0 hsla(var(--black), 0.1);
}
.header.fixed .inner-header {
padding: calc(var(--gutter) / 4) 0;
}
}
@media (min-width: 1000px) {
.footer .col-3 > div.col {
width: calc(33.33% - var(--gap) / 1.5);
}
.footer .col-3,
.footer-logos {
justify-content: flex-start;
}
.footer .col-3 > *,
.footer-logos > * {
flex: 1;
}
.footer .col-3 img,
.footer-logos img {
object-position: left center;
}
.footer-lines {
padding-left: var(--gap);
border-left: 1px solid hsla(var(--white), 0.5);
border-right: 1px solid hsla(var(--white), 0.5);
}
footer.footer > p {
text-align: left;
}
.footer-contacts .has-icon {
justify-content: unset;
}
.sub-footer nav ul {
justify-content: flex-start;
}
.sub-footer nav ul li:last-of-type {
margin-left: auto;
}
}
@media (min-width: 1100px) {
.footer .footer-logo { }
.footer .col-1-2 {
flex-wrap: nowrap;
}
.footer .col-1-2 > *:nth-of-type(odd) {
min-width: 33.33%;
}
}
@media (min-width: 1170px) {
.header .logo img {
width: 100%;
}
}:root {
--padding:2rem; --gap:1.5rem; --gutter:1rem; --radius:0.25rem; }
.wrapper {
padding-left: var(--gutter);
padding-right: var(--gutter);
position: relative;
z-index: 2;
}
.wrapper.to-edge {
padding-left: 0;
padding-right: 0;
} .col-1, .col-2, .col-2-1, .col-1-2, .col-1-3, .col-3, .col-4, .col-5, .col-6 {
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--gap);
}
.gallery {
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
.do-flex {
display: flex;
flex-wrap: wrap;
} .col-1 > *,
.col-2-1 > *:nth-of-type(n),
.col-1-2 > *:nth-of-type(n),
.col-1-3 > *:nth-of-type(n),
.col-2 > *,
.col-3 > *,
.col-4 > *,
.col-5 > *,
.col-6 > *,
.gallery-columns-2 > *,
.gallery-columns-3 > *,
.gallery-columns-4 > *,
.gallery-columns-5 > *,
.gallery-columns-6 > * {
width: 100%;
position: relative;
} .gallery > br,
.gallery > p {
display: none;
}
.gallery figcaption {
display: none; }
.block .col-1 > *,
.col > *:last-child {
margin-bottom: 0;
}
.content > div.nogap {
gap: 0;
}
.nogap > * { } .min-col-2 {
flex-direction: row;
flex-wrap: wrap;
}
.min-col-2 > * {
flex: 1 1 auto;
max-width: calc(50% - var(--gap) / 2);
}
.min-col-2.nogap > * {
flex: initial;
max-width: 50%;
}
.nowrap {
flex-wrap: nowrap;
} .v-center {
justify-content: center;
}
.grid-lines {
gap: 1px !important;
}
.grid-lines > .col {
padding: var(--gap) var(--gutter);
background-color: hsla(var(--black), 0.2);
font-size: 0.813rem;
}
.grid-lines > .col p {
line-height: 1.25em;
} section .bg-image {
display: flex;
overflow: hidden; }
section .bg-image img {
object-fit: cover;
}
.content img.alignleft,
.content img.alignright,
.content img.aligncenter {
float: none;
margin: 5px auto 10%;
}
.object-fit {
aspect-ratio: 1/1;
display: flex;
flex-direction: column;
overflow: hidden;
}
.object-fit.square {
aspect-ratio: 1/1;
}
.object-fit.thumbnail {
aspect-ratio: 2/1.5;
}
.object-fit.banner {
aspect-ratio: 2/1;
}
.object-fit.panoramic {
aspect-ratio: 3/1;
}
.object-fit.portrait {
aspect-ratio: 2/3;
}
.object-fit img {
object-fit: cover;
object-position: center center;
height: 100%;
}
.object-fit.cover img {
object-fit: cover;
}
.object-fit.contain img {
object-fit: contain;
} span.border {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 0.5rem;
z-index: 10;
}
span.border span {
position: absolute;
width: 0;
}
span.icon svg {
width: 1em;
} .table-overflow {
overflow-x: scroll;
}
table.cookie-table {
width: 100%;
background: hsl(var(--white));
border-collapse: separate;
border-spacing: 1px;
text-align: center;
margin-bottom: 30px;
}
table.cookie-table th {
background: hsl(var(--second));
padding: 0.5em 0.625em 0.375em;
vertical-align: top;
text-align: center;
font-weight: bold;
color: hsl(var(--white));
}
table.cookie-table td {
background: hsla(var(--grey-mid), 0.1);
padding: 0.625em;
text-align: center;
vertical-align: middle;
}
table.cookie-table th, table.cookie-table td {
line-height: 1.5em;
}
table.cookie-table tr th:last-of-type, table.cookie-table tr td:last-of-type {
text-align: left;
}
table.content-table {
width: 100%;
background: hsl(var(--white));
border-collapse: separate;
border-spacing: 1px;
text-align: left;
margin-bottom: 30px;
}
table.content-table th {
background: hsl(var(--first));
padding: 0.5em 0.625em 0.375em;
vertical-align: top;
line-height: 1.5em;
font-weight: bold;
color: hsl(var(--white));
}
table.content-table td {
background: hsla(var(--grey-mid), 0.1);
padding: 0.625em;
vertical-align: middle;
line-height: 1.5em;
}
table.spec-table {
width: 100%;
background: hsla(var(--first-light), 0.5);
border-collapse: separate;
border-spacing: 1px;
text-align: left;
margin-bottom: 30px;
}
table.spec-table th {
background: hsl(var(--first-light));
padding: 0.5em 0.625em 0.375em;
vertical-align: top;
line-height: 1.5em;
font-weight: bold;
color: hsl(var(--white));
}
table.spec-table td {
background: hsla(var(--white), 1);
padding: 0.625em;
vertical-align: middle;
line-height: 1.5em;
} .border-all {
border-width: 1px;
border-style: solid;
}
.border-top {
border-top-width: 1px;
border-top-style: solid;
}
.border-bottom {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.border-block {
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.border-inline::before {
content: "";
position: absolute;
height: 100%;
width: 1px;
border-left-width: 1px;
border-left-style: solid;
}
.border-inline::after {
content: "";
position: absolute;
height: 100%;
width: 1px;
border-right-width: 1px;
border-right-style: solid;
}
.nogap .border-inline::before {
left: -1px;
}
.nogap .border-inline::after {
right: -1px;
}
.gap .border-inline::before {
left: calc(var(--gap) / 2 * -1);
}
.gap .border-inline::after {
right: calc(var(--gap) / 2 * -1 - 1px);
} .relative {
position: relative;
}
.absolute-top,
.absolute-bottom,
.absolute-center {
position: absolute;
width: 100%;
left: 0;
}
.absolute-top {
top: -1px;
}
.absolute-bottom {
bottom: -1px;
}
.absolute-center {
top: 50%;
transform: translateY(-50%);
}
.line {
clear: both;
display: block;
min-width: 100%;
height: var(--gutter);
margin-bottom: var(--gutter);
border-bottom: 2px solid hsla(var(--grey-mid), 0.5);
}
.overflow {
overflow: hidden;
}
.clear {
clear: both;
padding: 2% 0;
}
.fill {
position: absolute;
inset: 0;
z-index: 1;
}
.padding {
padding-top: var(--padding);
padding-bottom: var(--padding);
}
.padding-top {
padding-top: var(--padding);
}
.padding-bottom {
padding-bottom: var(--padding);
}
.padding-small {
padding-top: var(--gap);
padding-bottom: var(--gap);
}
.padding-small-top {
padding-top: var(--gap);
}
.padding-small-bottom {
padding-bottom: var(--gap);
}
.padding-2x {
padding-top: calc(var(--padding) * 2);
padding-bottom: calc(var(--padding) * 2);
}
.padding-2x-top {
padding-top: calc(var(--padding) * 2);
}
.padding-2x-bottom {
padding-bottom: calc(var(--padding) * 2);
}
.padding-inline {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-inline-2x {
padding-left: var(--gutter);
padding-right: var(--gutter);
}
.box-border {
padding: 2rem;
border-radius: 0.5rem;
border: 1px solid hsla(var(--black), 0.3);
}
.white-txt .box-border {
border-color: hsla(var(--white), 0.3);
}
.no-margin {
margin-bottom: 0 !important;
}
.rounded {
border-radius: var(--radius);
}
.rounded-large {
border-radius: calc(var(--radius) * 2);
}
.rounded-small {
border-radius: calc(var(--radius) / 2);
}
.rounded, .rounded-large, .rounded-small {
overflow: hidden;
}
@media (min-width: 500px) {
:root {
--gutter:1.5rem;
}
.col-4,
.col-5,
.col-6,
.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4,
.gallery-columns-5,
.gallery-columns-6 {
flex-direction: row;
flex-wrap: wrap;
}
.col-4 > *,
.col-5 > *,
.col-6 > *,
.gallery-columns-2 > *,
.gallery-columns-3 > *,
.gallery-columns-4 > *,
.gallery-columns-5 > *,
.gallery-columns-6 > * {
width: calc(50% - var(--gap) / 2);
}
.col-4.nogap > *:not(.slick-list),
.col-5.nogap > *:not(.slick-list),
.col-6.nogap > *:not(.slick-list) {
width: 50%;
}
.content img.alignleft {
float: left;
margin: 3px 3% 2% 0;
width: auto;
max-width: 45%;
}
.content img.alignright {
float: right;
margin: 3px 0 2% 3%;
width: auto;
max-width: 45%;
}
.content img.aligncenter {
display: block;
margin: 5px auto 3%;
width: auto;
}
}
@media (min-width: 600px) {
.col-2,
.col-3,
.gallery-columns-2,
.gallery-columns-3 {
flex-direction: row;
}
.col-2,
.col-3,
.gallery-columns-2,
.gallery-columns-3 {
flex-wrap: wrap;
}
.col-2 > *,
.col-3 > *,
.gallery-columns-2 > *,
.gallery-columns-3 > * {
width: calc(50% - var(--gap) / 2);
}
.col-2.nogap > *:not(.slick-list),
.col-3.nogap > *:not(.slick-list) {
width: 50%;
} .normal :where(.col-5, .col-6) > * {
width: calc(33.33% - var(--gap) / 1.5);
}
.normal :where(.col-5.nogap, .col-6.nogap) > *:not(.slick-list) {
width: 33.33%;
} div.col-2.min-width {
flex-wrap: wrap;
}
div.col-2.min-width > * {
min-width: 100%;
flex: 1 1 auto;
}
}
@media (min-width: 700px) {
.col-1-3 {
flex-direction: row;
}
.col-1-3 > *:nth-of-type(even) {
min-width: calc(75% - var(--gap) / 2);
}
.col-1-3 > *:nth-of-type(odd) {
width: calc(25% - var(--gap) / 2);
}
}
@media (min-width: 769px) {
.col-4 > *,
.col-5 > *,
.col-6 > *,
.gallery-columns-3 > *,
.gallery-columns-4 > * {
width: calc(33.33% - var(--gap) / 1.5);
}
.col-4.nogap > *:not(.slick-list),
.col-5.nogap > *:not(.slick-list),
.col-6.nogap > *:not(.slick-list) {
width: 33.33%;
}
.text-columns-2 {
column-count: 2;
}
.text-columns-3 {
column-count: 3;
}
.text-columns-4 {
column-count: 4;
}
.text-columns-2, .text-columns-3, .text-columns-4 {
column-gap: var(--padding);
}
.text-columns-2 li, .text-columns-3 li, .text-columns-4 li {
break-inside: avoid;
}
.col-2-1, .col-1-2 {
flex-direction: row;
flex-wrap: wrap;
}
.col-2-1 > *:nth-of-type(odd),
.col-1-2 > *:nth-of-type(even) {
width: calc(66.66% - var(--gap) / 2);
}
.col-2-1 > *:nth-of-type(even),
.col-1-2 > *:nth-of-type(odd) {
width: calc(33.33% - var(--gap) / 2);
}
div.col-2.min-width > * {
min-width: unset;
}
.box-hover {
position: relative;
transform: translateY(0);
box-shadow: none;
transition: transform 500ms, box-shadow 500ms;
}
.box-hover:not(.no-hover):hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px 0 hsla(var(--grey-mid), 0.8);
}
.white-txt .box-hover:not(.no-hover):hover {
box-shadow: 0 15px 30px 0 hsla(var(--black), 0.6);
}
span.border span {
left: 50%;
transform: translateX(-50%);
top: 0;
height: 0.5rem;
transition: width 600ms;
}
.box-hover:hover span.border span {
width: 100%;
}
.object-fit img.scale,
.simplelightbox img.attachment-thumbnail {
position: relative;
transform: scale(1);
opacity: 1;
transition: transform 700ms, opacity 700ms;
}
.col:hover .object-fit > img.scale,
.gallery-item:hover .simplelightbox img.attachment-thumbnail {
transform: scale(1.1);
opacity: 0.6;
}
.gallery-item .gallery-icon {
background-color: hsl(var(--first));
overflow: hidden;
}
}
@media (min-width: 960px) {
.wrapper.narrow,
div.narrow {
max-width: 960px;
margin: 0 auto;
}
}
@media (min-width: 1000px) {
:root {
--padding:5rem;
--gap:2.5rem;
}
.col-3 > * {
width: calc(33.33% - var(--gap) / 1.5);
}
.col-3.nogap > *:not(.slick-list) {
width: 33.33%;
}
.col-4 > *,
.col-5 > *,
.col-6 > *,
.gallery-columns-4 > *,
.gallery-columns-5 > *,
.gallery-columns-6 > * {
width: calc(25% - var(--gap) / 1.3);
}
.col-4.nogap > *:not(.slick-list),
.col-5.nogap > *:not(.slick-list),
.col-6.nogap > *:not(.slick-list) {
width: 25%;
min-width: unset;
}
}
@media (min-width: 1100px) { .sticky-header div.no-banner {
padding-top: 141px;
}
.sticky-header .anchor-offset {
top: -141px;
}
.col-5 > *,
.col-6 > *,
.gallery-columns-5 > *,
.gallery-columns-6 > * {
width: calc(20% - var(--gap) / 1.25);
}
.col-5.nogap > *:not(.slick-list),
.col-6.nogap > *:not(.slick-list) {
width: 20%;
}
}
@media (min-width: 1240px) {
.wrapper {
max-width: 1240px;
margin: 0 auto;
}
.wrapper.wide {
max-width: 1640px;
margin: 0 auto;
}
.wrapper.full, .wrapper.to-edge {
max-width: unset;
}
.col-6 > *,
.gallery-columns-6 > * {
width: calc(16.66% - var(--gap) / 1.125);
}
.col-6.nogap > *:not(.slick-list) {
width: 16.66%;
}
}.layout-intro > *:last-child {
margin-bottom: 0;
} .banner-wrapper {
z-index: 99;
}
.banner-wrapper .slick-dotted {
padding-bottom: 0;
}
.banner-wrapper,
.banner-wrapper .slide,
.banner-wrapper .slick-track .slick-slide {
height: clamp(300px, 80vw, 400px);
}
.home-banner,
.home-banner .slide,
.home-banner .slick-track .slick-slide {
height: clamp(450px, 1200vw, 600px);
}
.banner-wrapper.has-content,
.banner-wrapper.has-content .slide {
min-height: 400px;
}
.banner-wrapper,
.slides-wrapper {
position: relative;
overflow: hidden;
}
.slides-wrapper .slides .slide {
position: relative;
display: flex;
}
.slides-wrapper.slidesWithVid {
opacity: 0;
transition: opacity 1s;
}
.banner-wrapper .slide img.bg-image {
object-fit: cover;
max-width: unset;
}
.banner-wrapper .text {
position: absolute;
width: 100%;
max-width: 1240px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.banner-wrapper .text > * {
padding-inline: var(--gutter);
}  .banner-wrapper .text p.slide-text {
margin-bottom: 1em;
}
.banner-wrapper .text span {
display: block;
}
.promo-video {
position: absolute;
inset: 0;
display: flex;
overflow: hidden;
z-index: 52;
}
.promo-video .video {
object-fit: cover;
width: 100%;
} .banner-wrapper .slick-dots {
bottom: 1.125rem;
} .inner-banner {
padding: 1em 0;
} .block-banner,
.block-banner .slide {
height: 35vw;
}
.block-banner.has-slope,
.block-banner.has-slope .slide {
height: 40vw;
}
.block-banner.has-slope .slope {
z-index: 1000;
}
.block-banner.has-content,
.block-banner.has-content .slide { }
.block-banner.has-content .text {
position: absolute;
width: 100%;
top: 50%;
bottom: auto;
transform: translateY(-50%);
padding: 0 var(--gutter);
z-index: 3;
}
.block-banner.slope-top-left .text,
.block-banner.slope-top-right .text {
top: 55%;
}
.block-banner.slope-bottom-left .text,
.block-banner.slope-bottom-right .text {
top: 45%;
} .content-block.no-content {
min-height: 40vw;
}
.content-block.full-block .col-2 {
gap: 0; }
.content-block.full-block .col-2 .text {
padding: var(--padding) var(--gutter);
}
.content-block .small .col-2-1,
.content-block .medium .col-2 {
align-items: center;
}  .alternating-content-block > div.content:last-child {
padding-bottom: 0;
} .review-block-wrapper .section-title {
text-align: center;
}
.review-content .image {
padding: var(--gutter);
width: 80%;
max-width: 280px;
margin-block: 2rem -1rem;
margin-inline: auto;
background-image: url(//www.knxireland.ie/wp-content/themes/knxirltheme/images/review-profile-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: 80% auto;
}
.review-content .image,
.review-content .image img {
border-radius: 50%;
border: 2px solid hsla(var(--second-dark), 0.5);
}
.review-content .text {
padding: 2rem 2rem 4rem 15%;
}
.review-content .text::before {
position: absolute;
width: 12%;
top: 2rem;
left: 0;
opacity: 0.5;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M0 216C0 149.7 53.7 96 120 96h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V320 288 216zm256 0c0-66.3 53.7-120 120-120h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H320c-35.3 0-64-28.7-64-64V320 288 216z'/%3E%3C/svg%3E");
}
.review-content .text blockquote {
font-style: normal;
line-height: 2em;
padding-top: 0.75em;
}
.review-block-wrapper .wrapper > div.buttons-wrapper {
padding: 0;
display: flex;
justify-content: flex-end;
margin-top: -4rem;
padding-right: 2rem;
position: relative;
z-index: 2;
} .grid-left .grid-wrapper {
justify-content: flex-start;
}
.grid-right .grid-wrapper {
justify-content: flex-end;
}
.grid-wrapper .grid-item {
display: flex;
flex-direction: column;
}
.grid-wrapper .grid-item .font-icon {
justify-content: center;
align-items: flex-end;
position: relative;
z-index: 2;
}
.grid-wrapper .grid-item .font-icon svg {
height: 50%;
max-height: 6rem;
}
.grid-wrapper .grid-item .text {
flex: 1 1 auto;
position: relative;
padding: var(--gutter);
z-index: 2;
}
.grid-wrapper .grid-item .text > *:last-child {
margin-bottom: 0;
}
.grid-wrapper .grid-item .text + .buttons-wrapper {
position: relative;
margin: 0 var(--gutter) var(--gutter) var(--gutter);
z-index: 2;
}
.grid-wrapper .grid-item a {
z-index: 3;
}
.grid-wrapper.has-cards .grid-item.no-image .font-icon svg {
height: 90%;
margin-top: 10%;
}
.grid-wrapper .grid-item.no-bg .text {
padding: var(--gutter) 0;
}
.grid-wrapper .grid-item.no-bg.no-image .text {
padding: 0;
}
.grid-wrapper .grid-item.no-bg .buttons-wrapper {
margin: 0;
}
.grid-wrapper.has-cards .grid-item .image {
position: relative;
}
.grid-wrapper.has-cards .grid-item .image a {
height: 100%;
}
.grid-wrapper.has-cards .grid-item .image a:focus-visible img {
outline: 2px solid hsl(var(--second));
outline-offset: -2px;
}
.grid-wrapper.has-cards .grid-item .object-fit.contain {
padding-inline: calc(var(--gutter) * 2);
}
.grid-wrapper.has-cards .grid-item .font-icon {
display: flex;
align-items: center;
}
.grid-wrapper.has-cards .grid-item .font-icon.has-image {
max-height: 2.5rem;
display: flex;
}
.grid-wrapper.has-cards .grid-item .image.fill {
display: flex;
}
.grid-wrapper.has-cards .grid-item .image.fill img {
object-fit: cover;
}
.grid-wrapper.has-cards .grid-item:not(.no-bg) .object-fit.contain { }
.grid-wrapper.has-boxes .grid-item:not(.no-image) {
min-height: 12rem;
}
.grid-wrapper .grid-item .scale img {
position: relative;
transform: scale(1);
transition: transform 1s;
}
.grid-wrapper .grid-item .scale:hover img {
transform: scale(1.1);
}
.text-grid .grid-item.no-bg .text {
padding-top: 0;
}
.grid-wrapper.has-boxes .grid-item { }
.grid-wrapper.has-boxes .grid-item:not(.no-image) {
justify-content: center;
}
.grid-wrapper.has-boxes .grid-item > * {
flex-grow: 0;
}
.grid-wrapper.has-boxes .grid-item .image.fill img {
object-fit: cover;
height: 100%;
opacity: 0.8;
transition: opacity 0.5s;
}
.grid-wrapper.has-boxes .grid-item:has(a):hover .image.fill img {
opacity: 0.5;
}
.grid-wrapper.slick-slider:not(.nogap) .slick-track > div.col:nth-of-type(n) {
margin: 0 calc(var(--gap) / 2);
} .boxes-grid:not(.wysiwyg-grid) .grid-wrapper.has-cards .grid-item .text {
display: flex;
flex-direction: column; }
.boxes-grid:not(.wysiwyg-grid) .grid-wrapper.has-cards .grid-item .text .content-size {
flex: 1;
} .masonry-grid .image {
aspect-ratio: 2/1;
}
.masonry-grid .has-link:hover img {
opacity: 0;
}
.masonry-grid .has-link img {
opacity: 0.35;
transition: opacity 500ms;
}
.masonry-grid .box {
overflow: hidden;
}
.masonry-grid .box > a {
z-index: 3;
}
.masonry-grid .grid-columns .col-2,
.masonry-grid .grid-columns .has-2-boxes {
flex-direction: row;
flex-wrap: wrap;
}
.masonry-grid .has-3-boxes div.col:nth-of-type(2),
.masonry-grid .has-3-boxes div.col:nth-of-type(3),
.masonry-grid .has-4-boxes div.col:nth-of-type(n) {
flex: 1 1 auto;
max-width: calc(50% - var(--gap) / 2);
}
.masonry-grid .has-3-boxes div.col:nth-of-type(2) .image,
.masonry-grid .has-3-boxes div.col:nth-of-type(3) .image,
.masonry-grid .has-4-boxes div.col:nth-of-type(n) .image {
aspect-ratio: 1/1;
}
.masonry-grid .text {
position: relative;
padding: 8%;
display: flex;
flex-direction: column;
gap: 0.5rem;
z-index: 2;
}
.masonry-grid .text .title {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 0.5rem;
}
.masonry-grid .text .title .section-title {
flex-grow: 1;
}
.masonry-grid .text .title .link-arrow {
flex: 0 0 auto;
display: flex;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
background-color: hsl(var(--white));
border-radius: 50%;
}
.masonry-grid.text-center .text .title .section-title {
padding-left: 1.25rem;
}
.masonry-grid.text-right .text .title {
flex-direction: row-reverse;
}
.masonry-grid .nogap > div.grid-column {
gap: 0;
}
.masonry-grid .nogap .has-3-boxes div.col:nth-of-type(2),
.masonry-grid .nogap .has-3-boxes div.col:nth-of-type(3),
.masonry-grid .nogap .has-4-boxes div.col:nth-of-type(n) {
max-width: 50%;
} .reviews-grid .grid-wrapper { }
.reviews-grid .grid-wrapper .grid-item.has-image {
margin-top: 15%;
}
.reviews-grid .grid-wrapper .grid-item::before {
position: absolute;
width: 8%;
min-width: 2.5rem;
top: 0;
left: 1rem;
opacity: 0.5;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M0 216C0 149.7 53.7 96 120 96h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V320 288 216zm256 0c0-66.3 53.7-120 120-120h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H320c-35.3 0-64-28.7-64-64V320 288 216z'/%3E%3C/svg%3E");
}
.reviews-grid .grid-wrapper .text {
padding-inline: 12%;
padding-top: 1rem;
}
.reviews-grid .grid-wrapper .image {
width: 30%;
aspect-ratio: 1;
border-radius: 50%;
border: 1px solid hsl(var(--grey-dark));
background-color: white;
padding: 0.5em;
margin: -15% auto 0;
background-image: url(//www.knxireland.ie/wp-content/themes/knxirltheme/images/review-profile-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: 80% auto;
}
.reviews-grid .grid-wrapper .image img {
border-radius: 50%;
border: 1px solid hsl(var(--grey-dark));
} .reviews-grid .grid-wrapper.col-1 {
gap: 20vw;
}
.reviews-grid .grid-wrapper .grid-item.default-txt::before {
opacity: 0.2;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2377909C' d='M0 216C0 149.7 53.7 96 120 96h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V320 288 216zm256 0c0-66.3 53.7-120 120-120h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H320c-35.3 0-64-28.7-64-64V320 288 216z'/%3E%3C/svg%3E");
}  .audio-grid audio {
width: 100%;
max-width: 28rem;
margin: 0 auto var(--gutter);
} .picture-card .wrapper {
padding: 0;
}
.picture-card .text-inner {
padding: var(--padding);
}
.picture-card .image-inner {
aspect-ratio: 1;
}
.picture-card .image-inner img {
object-fit: cover;
object-position: center top;
height: 100%;
} .color-boxes .col {
display: flex;
flex-direction: column;
padding: var(--gap);
}
.color-boxes .has-link {
transition: background-color 500ms;
}
.color-boxes .has-image {
padding: var(--padding) var(--gap);
}
.color-boxes .bg-image img {
transition: opacity 500ms;
}
.color-boxes .text {
flex: 1;
position: relative;
z-index: 2;
}
.color-boxes .buttons-wrapper {
position: relative;
z-index: 2;
}
.color-boxes a {
z-index: 3;
}
.color-boxes .has-link:hover img {
opacity: 0;
}
.color-boxes .has-link.no-bg:hover {
background-color: hsla(var(--white), 0.2);
} .form-block-wrapper .form-wrapper {
padding-top: var(--gutter);
}
.pop-up-wrapper {
display: flex;
flex-direction: column;
gap: var(--gap);
} .promo-wrapper {
z-index: 99;
}
.promo {
gap: var(--gutter);
padding: var(--gutter) 0 0;
flex-direction: column;
text-align: center;
}
.promo .image img {
max-width: 300px;
max-height: 300px;
margin: auto;
object-fit: contain;
}
.promo .promo-text {
flex-direction: column;
gap: var(--gutter);
align-self: center;
margin-bottom: var(--gutter);
}
.promo .text {
flex: 1 1 auto;
}
.promo .buttons-wrapper {
align-self: center;
}
.promo .buttons-wrapper a.more-button {
white-space: nowrap;
} .icons-block-wrapper .block-icon {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
gap: var(--gutter);
padding: 1.25rem 0.75rem;
}
.icons-block-wrapper .block-icon.text-center {
flex-direction: column;
align-items: center;
}
.icons-block-wrapper .block-icon.text-right {
flex-direction: row-reverse;
}
.icons-block-wrapper .block-icon .icon {
font-size: 2rem;
width: 1.25em;
display: flex;
justify-content: center;
transform: translateY(2px);
color: hsl(var(--second-light));
transition: color 300ms;
}
.icons-block-wrapper .block-icon .text {
flex: 1 1 auto;
}  .numbers-wrapper .wrapper > div {
align-items: center;
}
.numbers-grid .col {
position: relative;
}
.numbers-grid .col .counter, .numbers-grid .col .prefix, .numbers-grid .col .suffix {
font-size: calc(var(--h4) * 2);
line-height: 1em;
display: inline-block;
color: rgb(var(--first-mid));
}
.numbers-grid .col p {
margin-bottom: 0;
} .graphics-wrapper {
overflow: hidden;
}
.graphics-wrapper .graphic {
position: absolute;
width: 100%;
}
.graphics-wrapper .h-left {
left: 0;
}
.graphics-wrapper .h-center {
left: 50%;
transform: translateX(-50%);
}
.graphics-wrapper .h-right {
right: 0;
}
.graphics-wrapper .v-top {
top: 0;
}
.graphics-wrapper .v-center {
top: 50%;
transform: translateY(-50%);
}
.graphics-wrapper .v-bottom {
bottom: 0;
}
.graphics-wrapper .h-center.v-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.graphics-wrapper svg {
display: block;
} .logos-wrapper .logos {
padding: 0 20px;
margin: 0;
}
.logos-wrapper .logos .display {
display: none;
}
.logos-wrapper .logos .slick-track {
display: flex;
}
.logos-wrapper .logos .slick-track .display {
display: flex;
flex-direction: column;
padding: 0 20px;
}
.logos-wrapper .logos .slick-track .display .logo {
height: 160px;
display: flex;
align-items: center;
justify-content: center;
background-color: hsl(var(--white));
border-radius: 0.5rem;
padding: 5% 10%;
}
.logos-wrapper .logos .slick-track .display img {
display: block;
height: 100%;
object-fit: contain;
}
.logos-wrapper .logos .slick-track .display .biog {
flex: 1 1 auto;
}
.logos-wrapper .logos .slick-track .display .links {
display: flex;
flex-direction: column;
align-items: center;
} .review-meta {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: var(--gutter);
margin-top: var(--gap);
}
.review-meta .image {
width: 3rem;
height: 3rem;
border-radius: 50%;
overflow: hidden;
}
.review-meta .reviewer {
flex: 1 1 auto;
}
.review-meta .reviewer p {
margin-bottom: 0;
} .list-wrapper .list-item {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.list-wrapper .list-item .title .item-title {
line-height: 1em;
padding: 0.75em 0;
margin-bottom: 0;
}
.list-wrapper .list-item .title span {
display: none;
}
.list-wrapper .list-item .text {
padding-bottom: 0.938rem;
}
.list-wrapper .list-item .text p:last-of-type {
margin-bottom: 0;
}
.list-wrapper .list-item .text-flex {
display: flex;
flex-direction: column;
gap: var(--gap);
}
.list-wrapper .wrapper > div .list-item:first-child {
border-top-width: 1px;
border-top-style: solid;
} .list-wrapper .accordion-list .list-item .title {
padding-left: var(--padding);
position: relative;
cursor: pointer;
}
.list-wrapper .accordion-list .list-item .title span {
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: var(--padding);
}
.list-wrapper .accordion-list .list-item .title span svg {
font-size: 0.75rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.list-wrapper .accordion-list .list-item .text {
display: none;
margin-left: var(--padding);
}
.accordion-wrapper.white-txt .list-item .title span svg {
color: inherit;
}
.accordion-wrapper.white-txt .list-item {
border-bottom-color: hsl(var(--white));
} .pdf-item {
background-color: hsla(var(--white), 0.7);
padding: var(--gutter) var(--gutter) 0;
}
.pdf-item .image {
aspect-ratio: 1;
display: flex;
justify-content: center;
}
.pdf-item .image a {
display: flex;
}
.pdf-item .image a img {
object-fit: contain; background-color: hsla(var(--black), 0.05);
padding: 0.5rem;
}
.pdf-item .meta {
display: flex;
flex-direction: column;
align-items: center;
padding: var(--gutter) 0.25rem;
}
.pdf-item .meta p {
margin-bottom: 0.25em;
}
.pdf-item .meta .title {
flex: 1 1 auto;
}
.white-bg .pdf-item {
background-color: hsla(var(--black), 0.05);
}
.pdf-thumb {
display: flex;
justify-content: space-between;
background-color: hsla(var(--white), 0.7);
}
.white-bg .pdf-thumb {
background-color: hsla(var(--black), 0.05);
}
.pdf-thumb .image {
min-width: 4.5rem;
max-width: 4.5rem;
min-height: 6rem;
background-position: center top;
background-size: cover;
border: 3px solid hsla(var(--black), 0.05);
}
.pdf-thumb .meta {
flex: 1 1 auto;
padding: var(--gutter);
}   .title-banner {
padding: var(--gutter) 0;
} .contact-layout-1 .content .wpcf7 p {
min-width: 100%;
}
.contact-layout-1 .contact-details {
padding: 0;
}
.contact-layout-1 .address p br,
.contact-layout-1 .opening p br {
display: none;
}
.contact-layout-1 .has-icon {
gap: var(--gap);
}
.contact-layout-1 .has-icon .icon {
color: hsl(var(--first));
}
.contact-layout-1 .has-icon .icon p a {
text-decoration: none;
color: hsl(var(--default));
}
.contact-layout-1 .has-icon .icon p a:hover {
color: hsl(var(--first));
}
.contact-layout-1 .has-icon .icon svg {
fill: hsl(var(--first));
width: 2em;
}
.contact-layout-1 .has-icon strong {
display: block;
}
.contact-layout-1 .email.has-icon .icon svg {
top: 0.1em;
}
.contact-layout-1 .social span a {
color: hsl(var(--first));
}
.contact-layout-2 .contact-boxes .col {
border: 1px solid hsla(var(--grey-mid), 0.7);
padding: var(--padding) var(--gutter);
display: flex;
flex-direction: column;
} .contact-layout-3 p.do-flex {
justify-content: center;
gap: 1.25rem;
}
.contact-layout-3 p.do-flex svg {
width: 2em;
}
.contact-layout-3 .social {
margin-bottom: var(--gap);
}
.contact-layout-3 .social span {
margin-inline: 1rem;
} .has-icon {
display: flex;
justify-content: center;
gap: 0.75rem;
}
.has-icon .icon {
flex: 0 1 auto;
min-width: 1.25rem;
text-align: center;
}
.has-icon .icon svg {
position: relative;
top: 0.05em;
}
.has-icon p {
flex: 1 1 auto;
}
.has-icon p a {
text-decoration: none;
transition: color 300ms;
}
.text-center .has-icon p {
flex: 0 1 auto;
}
.social {
margin-bottom: 0.5rem;
}
.social span {
display: inline-block;
font-size: 1.25rem;
width: 1.25rem;
margin-right: 1.25rem;
text-align: center;
}
.social span a {
text-decoration: none;
}
.social span.facebook-icon svg {
width: 70%;
}
@media (min-width: 500px) {   }
@media (min-width: 600px) { .banner-wrapper .text.text-left {
padding-right: 20%;
}
.banner-wrapper .text.text-right {
padding-left: 20%;
} .grid-wrapper.has-cards .grid-item .object-fit.contain {
padding-inline: calc(var(--gutter) / 2);
} .review-block-wrapper .section-title {
text-align: unset;
}
.review-content .image {
margin-top: -4rem;
width: initial;
max-width: unset;
} .reviews-grid .grid-wrapper:not(.col-1) .grid-item {
margin-top: 7.5%;
} .content-block .image-left {
flex-direction: row-reverse;
} .picture-card .col-2-1 > *:nth-of-type(n) {
width: 50%;
}
.picture-card.has-image .nogap {
flex-direction: row;
position: relative;
flex-wrap: nowrap;
}
.picture-card.has-image .image-left {
flex-direction: row-reverse;
}
.picture-card.has-image .image-inner {
aspect-ratio: unset;
}
.picture-card.has-image .image-inner img {
object-fit: cover;
height: 100%;
}
.picture-card.has-image .image-inner,
.picture-card.has-image .text-inner {
height: 100%;
} .pop-up-wrapper {
align-items: center;
justify-content: space-between;
}
.pop-up-wrapper.button-right {
flex-direction: row;
}
.pop-up-wrapper.button-left {
flex-direction: row-reverse;
}
.pop-up-wrapper .more-button {
min-width: 12.5rem;
} .masonry-grid .image {
aspect-ratio: 1/1;
}
.masonry-grid .has-3-boxes div.col:first-of-type,
.masonry-grid .has-2-boxes div.col:nth-of-type(n) {
min-width: 100%;
}
.masonry-grid .has-2-boxes div.col:nth-of-type(n) {
height: calc(50% - var(--gap) / 2);
}
.masonry-grid .has-3-boxes div.col:first-of-type .image,
.masonry-grid .has-2-boxes div.col:nth-of-type(n) .image {
aspect-ratio: 2.2/1;
}
.masonry-grid .col-3.grid-columns > div.col:last-of-type {
flex: 1 1 auto;
}
.masonry-grid .col-3.grid-columns > div.col:last-of-type:where(.has-1-boxes) .image {
aspect-ratio: 2/1;
}
.masonry-grid .nogap .has-2-boxes > div:nth-of-type(n) {
height: 50%;
} .list-wrapper .list-item .text-flex {
flex-direction: row;
}
.list-wrapper .list-item .text-flex .image {
min-width: 25%;
}
.list-wrapper .list-item .text-flex .text-inner {
flex: 1 1 auto;
}
}
@media (min-width: 700px) { .accordion-list .accordion-item .text-flex {
flex-direction: row;
}
.accordion-list .accordion-item .text-flex .image {
min-width: 16rem;
max-width: 16rem;
}
}
@media (min-width: 769px) { .content-block.full-block {
overflow: hidden;
}
.content-block.full-block .col-2 {
justify-content: space-between;
}
.content-block.full-block .col-2 > * {
width: 50%;
}
.content-block.full-block .col-2.image-left .text {
padding: calc(var(--gap) * 2) var(--gutter) calc(var(--gap) * 2) calc(var(--gap) * 2);
margin-right: auto;
}
.content-block.full-block .col-2.image-right .text {
padding: calc(var(--gap) * 2) calc(var(--gap) * 2) calc(var(--gap) * 2) var(--gutter);
margin-left: auto;
}
.content-block.full-block .col-2 .image {
position: relative;
max-width: 50%;
}
.content-block.full-block .col-2 .image img {
position: absolute;
object-fit: cover;
height: 100%;
} .picture-card.has-image .col-2-1 > *:nth-of-type(n),
.picture-card.has-image .col-1-2 > *:nth-of-type(n) {
min-width: unset;
}
.picture-card.has-image .col-2-1 > *:nth-of-type(odd),
.picture-card.has-image .col-1-2 > *:nth-of-type(even) {
width: 66.66%;
}
.picture-card.has-image .col-2-1 > *:nth-of-type(even),
.picture-card.has-image .col-1-2 > *:nth-of-type(odd) {
width: 33.33%;
} .promo {
flex-direction: row;
text-align: unset;
}
.promo .image {
min-width: 25%;
}
.promo .image img {
max-width: 400px;
}
.promo .buttons-wrapper {
align-self: flex-end;
flex-direction: row;
} .menu-wrapper .menu-section p.menu-item-name {
font-size: 1.25rem;
}
}
@media (min-width: 900px) { .banner-wrapper,
.banner-wrapper .slide,
.banner-wrapper .slick-track .slick-slide {
height: clamp(400px, 35vw, 500px);
}
.home-banner,
.home-banner .slide,
.home-banner .slick-track .slick-slide {
height: clamp(450px, 35vw, 700px);
max-height: 80vh;
} .block .do-flex {
align-items: center;
} .picture-card.has-image .in-front {
position: relative;
z-index: 1;
}
.picture-card.has-image .image-left .text-inner {
margin-left: -15%;
width: 115%;
}
.picture-card.has-image .image-right .text-inner {
margin-right: -15%;
width: 115%;
}
.picture-card.has-image .image-left .behind .text-inner {
padding-left: 25%;
}
.picture-card.has-image .image-right .behind .text-inner {
padding-right: 25%;
}
.picture-card.has-image .wrapper {
padding: 0 var(--gutter);
}
.picture-card.has-image .nogap {
align-items: center;
flex-wrap: nowrap;
}
.picture-card.has-image .image-left .behind .text-inner {
padding-right: 3rem;
}
.picture-card.has-image .image-right .behind .text-inner {
padding-left: 3rem;
} .promo .promo-text {
flex-direction: row;
}
}
@media (min-width: 1000px) { .masonry-grid .col-3.grid-columns > div.col:last-of-type {
flex: 1 0 auto;
}
.masonry-grid .col-3.grid-columns > div.col:last-of-type:where(.has-1-boxes) .image {
aspect-ratio: 1/1;
} .reviews-grid .grid-wrapper.col-1 {
gap: 10rem;
}
}
@media (min-width: 1100px) { .banner-wrapper .text {
left: 50%;
transform: translate(-50%, -50%);
} .faqs-wrapper .faqs {
padding: var(--padding);
}
}
@media (min-width: 1240px) { .banner-wrapper .text.text-left {
padding-right: 520px;
}
.banner-wrapper .text.text-right {
padding-left: 520px;
} .content-block.full-block .col-2 .text {
max-width: 620px;
} .promo .image.offset img {
margin-top: calc(var(--gutter) * 3 * -1);
}
}.slick-slider {
position: relative;
}
.slick-list {
overflow-x: hidden;
width: 100%;
}
.slick-track {
display: flex;
justify-content: center;
min-width: 100%;
}
.grid-left .slick-track {
justify-content: flex-start;
}
.grid-right .slick-track {
justify-content: flex-end;
}
.slick-track .slick-slide {
height: auto;
}
.slick-dotted {
padding-bottom: 2rem;
} .slick-prev, .slick-next {
text-indent: -9999px;
position: absolute;
z-index: 1000;
top: calc(50% - 32px);
display: block;
width: 32px;
height: 32px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev {
left: calc(var(--gutter) * -1);
}
.slick-prev:before {
content: "\f053";
font: var(--fa-font-solid);
display: none;
}
.slick-prev svg {
position: absolute;
top: 0;
left: 0;
font-size: 3rem;
color: hsla(var(--black), 0.3);
}
.slick-next {
right: calc(var(--gutter) * -1);
}
.slick-next:before {
content: "\f054";
font: var(--fa-font-solid);
display: none;
}
.slick-next svg {
position: absolute;
top: 0;
right: 0;
font-size: 3rem;
color: hsla(var(--black), 0.3);
}
.white-txt .slick-prev svg, .white-txt .slick-next svg {
color: hsla(var(--white), 0.3);
} ul.slick-dots,
.content ul.slick-dots {
display: flex;
flex-direction: row;
justify-content: center;
gap: 0.5rem;
margin: 0;
padding: 0;
list-style-type: none;
position: absolute;
bottom: 0.25rem;
width: 100%;
z-index: 1000;
}
ul.slick-dots li,
.content ul.slick-dots {
margin: 0;
list-style-type: none;
}
ul.slick-dots li button {
display: block;
width: 1.5rem;
height: 1.5rem;
padding: 0;
border: none;
border-radius: 75rem;
border: 2px solid hsl(var(--white));
background-color: transparent;
text-indent: -9999px;
cursor: pointer;
transition: width 500ms, background-color 500ms;
}
ul.slick-dots li.slick-active button {
background-color: hsl(var(--white));
width: 2.5rem;
}
.white-bg ul.slick-dots li button {
border: 2px solid hsl(var(--grey-mid));
}
.white-bg ul.slick-dots li.slick-active button {
background-color: hsl(var(--grey-mid));
} form.mc4wp-form {
width: 100%;
margin: 0 auto;
padding-bottom: 2%; }
form.mc4wp-form .mc4wp-form-fields {
display: flex;
gap: 1rem;
flex-direction: column;
text-align: left;
}
form.mc4wp-form .mc4wp-form-fields > div {
flex: 1;
background-color: hsl(var(--grey-light));
padding: 0.2em 0.5em;
border-radius: var(--radius);
position: relative;
overflow: hidden;
}
form.mc4wp-form label {
position: absolute;
z-index: 1;
top: 10px;
left: 30px;
}
form.mc4wp-form input {
border: none;
background: hsl(var(--grey-light));
color: hsl(var(--default));
width: 100%; outline: none;
line-height: 1em;
padding: 0.75em 0 0.5em 0.75em;
position: relative;
z-index: 2;
}
form.mc4wp-form input[type=checkbox] {
height: 20px;
width: 20px;
min-width: 20px;
margin-right: 10px;
box-shadow: none;
}
form.mc4wp-form .subscribe input {
width: calc(100% - 8em);
}
form.mc4wp-form button {
border: none;
background: hsl(var(--first));
outline: none;
-webkit-appearance: none;
color: hsl(var(--white));
position: absolute;
top: 50%;
right: 0.15em;
height: 2.75em;
padding: 0.2em 1.5em 0;
border-radius: var(--radius);
transform: translateY(-50%);
transition: background-color 300ms;
cursor: pointer;
}
form.mc4wp-form button svg {
color: inherit;
}
form.mc4wp-form button:hover {
background-color: hsl(var(--first-dark));
}
form.mc4wp-form .mc4wp-response {
color: white;
font-size: 0.75rem;
text-align: center;
} .remodal-wrapper .remodal {
max-width: 900px;
}
.remodal-wrapper .remodal .popup {
text-align: left;
padding: 0;
}
.remodal-wrapper .remodal .popup h3 {
margin: 0;
padding: 30px;
}
.remodal-wrapper .remodal .popup .content {
margin: 0;
padding: 30px;
}
.remodal-wrapper .privacy-notice {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
background: hsl(var(--white));
padding: 35px;
z-index: 1;
} .sl-wrapper .sl-counter {
font-size: 1.25rem;
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button.sl-prev,
.sl-wrapper .sl-navigation button.sl-next {
font-size: 2.5rem;
}
.sl-caption {
text-align: center;
} .paypal-form input {
border: none;
width: 100%;
}
.paypal-form input[type=text] {
padding: 0.5em;
border-radius: 3px;
}
.paypal-form input.pay-button {
margin: 2rem 0;
cursor: pointer;
}
.donate-form {
position: absolute;
width: 100%;
bottom: 0;
} input, textarea, select {
-webkit-border-radius: 0;
outline: none;
}
input:focus-visible, textarea:focus-visible, select:focus-visible {
outline: 2px solid hsl(var(--second));
}
select {
-webkit-appearance: none;
} .contact-form {
position: relative;
}
.contact-form .wrapper {
z-index: 2;
}
div.wpcf7 {
padding: 0 0 3rem;
position: relative;
}
.wpcf7 form {
display: flex;
flex-wrap: wrap;
gap: var(--gutter);
position: relative;
margin: 0 auto;
} .screen-reader-response,
.hidden-fields-container {
display: none !important;
}
.wpcf7 p.notice {
float: none;
width: 98%;
font-size: 0.75rem;
display: block;
text-align: center;
}
.content .wpcf7 p {
width: calc(50% - var(--gap) / 2);
flex: 1 1 auto;
min-width: 16rem;
margin: 0;
position: relative;
}
.content .wpcf7 p.third {
width: calc(33.33% - var(--gap) / 1.5);
}
.content .wpcf7 p.full {
width: 100%;
}
.wpcf7 label {
position: absolute;
z-index: -1;
}
.wpcf7 label.show {
position: relative;
display: block;
text-align: left;
margin-bottom: 5px;
z-index: 1;
}
.wpcf7 input:not(.more-button),
.wpcf7 textarea,
.wpcf7 select {
width: 100%;
border: none;
border: 1px solid hsla(var(--grey-mid), 0.4);
background-color: hsl(var(--grey-light));
padding: 1em;
border-radius: var(--radius);
font-size: 1rem;
}
.wpcf7 textarea {
height: 8em;
resize: vertical;
}
.wpcf7 select {
padding-right: 2.5rem;
}
.wpcf7 .wpcf7-submit.more-button {
text-transform: uppercase;
-webkit-appearance: none;
width: auto;
}
.wpcf7 input::placeholder {
color: hsl(var(--default));
opacity: 1;
}
.wpcf7 textarea::placeholder {
color: hsl(var(--default));
opacity: 1;
}
.wpcf7 input::-ms-input-placeholder {
color: hsl(var(--default));
opacity: 1;
}
.wpcf7 textarea::-ms-input-placeholder {
color: hsl(var(--default));
opacity: 1;
}
.wpcf7 span:has(.wpcf7-select)::after {
content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 100 320 320"><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>');
position: absolute;
width: 0.75rem;
height: 0.75rem;
right: 1rem;
top: 30%;
transform: translateY(-50%);
filter: invert(1) brightness(0.7);
}
.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 span.wpcf7-not-valid-tip-no-ajax {
display: none !important;
}
.wpcf7-response-output {
font-size: 1rem;
position: absolute;
bottom: -2.5rem;
width: 100%;
color: hsl(var(--third));
text-align: center;
}
.white-txt .wpcf7-response-output {
color: hsl(var(--white));
}
div.wpcf7 span.wpcf7-spinner {
position: absolute;
display: none;
left: calc(50% - 32px);
bottom: -40px;
width: 64px;
height: 16px;
background: url(//www.knxireland.ie/wp-content/themes/knxirltheme/images/ajax-loader.svg);
background-size: contain;
}
div.wpcf7 .submitting span.wpcf7-spinner {
display: block !important;
}
.wpcf7-not-valid {
border-color: red !important;
}
span.wpcf7-form-control-wrap {
display: inline;
position: relative;
}
.wpcf7 .wpcf7-checkbox {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(23ch, 1fr));
gap: 1rem;
padding-left: 1em;
}
.wpcf7 .wpcf7-checkbox label,
.wpcf7 .wpcf7-acceptance label {
position: relative;
display: flex;
align-items: start;
line-height: 1.5em;
font-size: 0.9em;
color: hsl(var(--grey-dark));
z-index: 1;
cursor: pointer;
}
.wpcf7 .wpcf7-checkbox label span,
.wpcf7 .wpcf7-acceptance label span {
padding: 0 5px;
}
.wpcf7 .wpcf7-checkbox input[type=checkbox],
.wpcf7 .wpcf7-acceptance input[type=checkbox] {
height: 20px;
width: 20px;
min-width: 20px;
margin-right: 10px;
box-shadow: none;
} .wpcf7-acceptance label {
justify-content: center;
}
.wpcf7-acceptance label a {
color: hsl(var(--first));
font-weight: 600;
}
.wpcf7-acceptance label a:hover {
color: hsl(var(--first-dark));
}
.white-txt .wpcf7-acceptance label,
.white-txt .wpcf7-acceptance label a,
.white-txt .wpcf7-acceptance label a:hover {
color: hsl(var(--white));
}
input:disabled.wpcf7-submit {
border-color: transparent;
background-color: hsla(var(--third-dark), 0.3);
color: hsl(var(--white));
cursor: not-allowed;
} #cookie-notice .cn-text-container {
margin: 0;
}
#cookie-notice #cn-accept-cookie {
background-color: hsl(var(--second)) !important;
transition: background-color 300ms;
}
#cookie-notice a.cn-button,
.content p a.cn-revoke-inline {
margin: 0 0 0 10px;
padding: 0.25em 0.5em 0.35em;
border-radius: 3px;
color: hsl(var(--white));
text-decoration: none;
}
#cookie-notice #cn-refuse-cookie,
#cookie-notice #cn-more-info,
.content p a.cn-revoke-inline {
background-color: #999 !important;
transition: background-color 300ms;
}
#cookie-notice #cn-accept-cookie:hover,
#cookie-notice #cn-refuse-cookie:hover,
#cookie-notice #cn-more-info:hover,
.content p a.cn-revoke-inline:hover {
background-color: #333 !important;
color: #fff !important;
} #map_canvas {
width: 100%;
height: 500px;
}
.map-frame {
width: 100%;
}
.map-frame .gm-style-iw-t .gm-style-iw-chr {
position: absolute;
top: 0;
right: 0;
}
.map-frame .gm-style-iw-t .gm-style-iw-d {
padding: 12px 30px 5px 10px;
}
.map-frame .marker {
opacity: 0;
}
.map-frame .marker .info-box {
padding-top: 5px;
}
.map-frame .marker .info-box p {
line-height: 1.25em;
font-weight: 600;
text-align: center;
}  .videowrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 600px) {
ul.slick-dots li button {
width: 1rem;
height: 1rem;
border-radius: 0.5rem;
}
ul.slick-dots li.slick-active button {
width: 2rem;
} form.mc4wp-form .mc4wp-form-fields {
flex-direction: row;
flex-wrap: wrap;
}
form.mc4wp-form .mc4wp-form-fields > div {
flex: 1 1 48%;
}
form.mc4wp-form .subscribe {
min-width: 100%;
}
}
@media (min-width: 900px) { form.mc4wp-form .mc4wp-form-fields {
flex-wrap: nowrap;
}
form.mc4wp-form .subscribe {
min-width: unset;
}
}.header-contacts {
display: flex;
justify-content: flex-end;
gap: var(--gap);
}
.header-contacts .has-icon {
gap: var(--gutter);
}
.header-contacts .has-icon .icon {
width: 2rem;
padding-top: 0.25rem;
}
.header-contacts .contact-button {
display: none;
}
@media (min-width: 360px) {
.header-contacts .contact-button {
display: flex;
align-items: center;
}
}
@media (max-width: 899px) {
.header-contacts .has-icon {
display: none;
}
.header-contacts .contact-button a {
font-size: 60%;
}
} .top-boxes {
transform: translateY(calc(var(--gap) * -1));
z-index: 100;
}
.top-boxes > div {
overflow: hidden;
border-radius: var(--radius);
}
.top-box .image {
display: flex;
opacity: 0;
transition: opacity 0.5s;
}
.top-box .image img {
object-fit: cover;
opacity: 0.2;
}
.top-box .text {
padding: var(--gap);
z-index: 2;
}
.top-box .text > * {
transition: color 0.5s;
}
.top-box a {
z-index: 3;
}
.top-box:hover .image {
opacity: 1;
}
.top-box:hover .text > * {
color: white !important;
}
.top-boxes .nogap > div::after {
content: "";
position: absolute;
width: 1px;
background-color: hsl(var(--grey-light));
right: 0;
top: 0;
bottom: 0;
}
.top-boxes .nogap > div:last-child::after {
content: none;
} .projects-wrapper .text p.h-6 {
transition: color 0.3s;
}
.projects-wrapper .image:hover + .text p.h-6,
.projects-wrapper .image:hover + .text + .buttons-wrapper a,
.projects-wrapper .buttons-wrapper a:hover {
color: hsl(var(--first)) !important;
} .content-block-gradient {
position: absolute;
inset: 0 0 0 50%;
z-index: 2;
}
.content-block-gradient.grad-left {
inset: 0 50% 0 0;
}
.content-block .has-icon {
gap: var(--gutter);
}
.content-block .has-icon + .buttons-wrapper {
margin-top: var(--gutter);
}
.content-block .has-icon .icon {
flex: 1 0 auto;
width: 3rem;
padding-top: 0.25rem;
} .news-wrapper {
padding-top: calc(var(--padding) * 2);
}
.news-wrapper .bg-image {
opacity: 0.1;
padding-top: var(--padding);
}
.news-wrapper .bg-image img {
object-fit: contain;
}
.news-wrapper .text p.h-5 {
transition: color 0.3s;
}
.news-wrapper .image:hover + .text p.h-5,
.news-wrapper .image:hover + .text + .buttons-wrapper a,
.news-wrapper .buttons-wrapper a:hover {
color: hsl(var(--second)) !important;
} .project-summary-wrapper div.col-2 {
align-items: flex-start;
}
@media (max-width: 899px) {
.project-summary-wrapper div.col-2 > div:nth-of-type(n) {
min-width: 100%;
}
}
.project-summary-grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--gutter);
}
@media (min-width: 599px) {
.project-summary-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.project-gallery .slide {
display: flex;
aspect-ratio: 2/1;
overflow: hidden;
}
.project-gallery .slide img {
object-fit: cover;
}
.project-member {
display: grid;
grid-template-columns: 1fr;
gap: var(--gap);
}
@media (min-width: 699px) {
.project-member {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 899px) {
.project-member {
grid-template-columns: 1fr 3fr;
}
} .product-meta {
display: flex;
gap: 2rem;
flex-wrap: wrap;
padding-block: 1rem;
border-top: 1px solid hsl(var(--grey-mid));
border-bottom: 1px solid hsl(var(--grey-mid));
margin-bottom: var(--gap);
}
.product-meta > div {
white-space: nowrap;
}
.product-image .image {
border: 1px solid hsl(var(--grey-mid));
}
.product-gallery-wrapper figure .gallery-icon {
background: none;
}
.product-gallery-wrapper figure a {
display: flex;
aspect-ratio: 1;
border: 1px solid hsl(var(--grey-mid));
}
.product-gallery-wrapper figure a img {
object-fit: contain;
} .services-wrapper .grid-wrapper.has-cards .grid-item:not(.no-bg) .object-fit.contain {
padding: 1.5rem;
border: 2px solid hsl(var(--grey-light));
} table.membership-table {
width: 100%;
background: hsl(var(--white));
border-collapse: separate;
border-spacing: 1px;
text-align: center;
margin-bottom: 30px;
}
table.membership-table th {
background: hsl(var(--second));
padding: 0.5em 0.625em 0.375em;
vertical-align: top;
text-align: left;
font-weight: bold;
color: hsl(var(--white));
}
table.membership-table td {
background: hsla(var(--grey-mid), 0.2);
padding: 0.625em;
text-align: left;
vertical-align: middle;
}
table.membership-table th, table.membership-table td {
line-height: 1.5em;
}
@media (max-width: 899px) {
table.membership-table {
display: block;
}
table.membership-table tbody {
display: block;
}
table.membership-table tr {
display: flex;
flex-wrap: wrap;
gap: 1px;
}
table.membership-table tr th {
display: none;
}
table.membership-table tr td {
width: calc(33.33% - 2px);
background-color: hsl(var(--white));
}
table.membership-table tr th:nth-of-type(1), table.membership-table tr th:nth-of-type(2) {
display: block;
width: calc(50% - 1px);
}
table.membership-table tr td:nth-of-type(1), table.membership-table tr td:nth-of-type(2) {
width: calc(50% - 1px);
background: hsla(var(--grey-mid), 0.3);
}
table.membership-table tr td:nth-of-type(4):before {
content: "T: ";
}
table.membership-table tr td:nth-of-type(5):before {
content: "E: ";
}
}
@media (max-width: 699px) {
table.membership-table tr td:nth-of-type(3), table.membership-table tr td:nth-of-type(4), table.membership-table tr td:nth-of-type(5) {
width: 100%;
background: hsla(var(--grey-mid), 0.2);
}
} .logos-wrapper .logos img {
filter: grayscale(1);
} .footer-contact-block {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: var(--gutter);
}
.footer-contact-block .text {
text-align: center;
}
.footer .grid-1-2-1 {
display: grid;
gap: var(--gap);
justify-content: center;
}
.footer .grid-1-2-1 > div {
text-align: center;
}
@media (min-width: 460px) {
.footer-contact-block {
flex-direction: row;
justify-content: space-between;
}
.footer-contact-block .text {
text-align: unset;
}
}
@media (min-width: 600px) {
.sub-footer .do-flex {
justify-content: flex-start;
}
.sub-footer .do-flex .sub-footer-menu {
flex: 1 1 auto;
}
.sub-footer .do-flex .sub-footer-menu > ul {
justify-content: flex-start;
}
.sub-footer .do-flex .sub-footer-menu > ul li:last-of-type {
margin-left: auto;
}
}
@media (min-width: 769px) {
.footer .grid-1-2-1 {
grid-template-columns: 1fr 2fr 1fr;
align-items: center;
}
.footer .grid-1-2-1 div.footer-contacts {
text-align: left;
}
}html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
} .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
} .remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.remodal-is-initialized { display: inline-block;
}.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: blur(3px);
} .remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
padding: 10px 10px 0;
} .remodal {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes;
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
} .remodal-close {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center;
} .remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
-webkit-transition: background 0.2s;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
color: #fff;
background: #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
color: #fff;
background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
} .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
} @-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
}
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @media only screen and (min-width: 641px) {
.remodal {
max-width: 700px;
}
} .lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
}.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:4px 8px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:4px 8px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {} .wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}
ol.wp-paginate li {
line-height: 3em; } .wp-paginate.font-arial {font-family: Arial, sans-serif;}
.wp-paginate.font-georgia {font-family: Georgia, serif;}
.wp-paginate.font-inherit {font-family: inherit;}
.wp-paginate.font-initial {font-family: initial;}
.wp-paginate.font-tahoma {font-family: Tahoma, sans-serif;}
.wp-paginate.font-times {font-family: "Times New Roman", serif;}
.wp-paginate.font-trebuchet {font-family: "Trebuchet MS", sans-serif;}
.wp-paginate.font-verdana {font-family: Verdana, sans-serif;} .wp-paginate.wpp-modern-grey a, .wp-paginate.wpp-modern-grey .current {
background: #f8f8f8;
border:1px solid #efecee;
border-radius: 4px;
color: #000;
padding: 3px 6px;
}
.wp-paginate.wpp-modern-grey a:hover {
background: #eee;
}
.wp-paginate.wpp-modern-grey .current {
opacity: .3;
} .wp-paginate.wpp-blue-cta a, .wp-paginate.wpp-blue-cta .current {
background: #3784fd;
border:2px solid #fff;
border-radius: 2px;
box-shadow: 1px 1px 1px #c1c1c1, -1px -1px 1px #c1c1c1, inset 0 -10px 10px rgba(0, 0, 0, .2);
color: #fff;
}
.wp-paginate.wpp-blue-cta .current {
opacity: .6;
} .wp-paginate.wpp-neon-pink a, .wp-paginate.wpp-neon-pink .current {
background: #54d3f4;
border:1px solid #eee;
border-radius: 6px;
color: #000;
}
.wp-paginate.wpp-neon-pink a, .wp-paginate.wpp-neon-pink .current {
background: #ff4ecd;
}
.wp-paginate.wpp-neon-pink .current {
opacity: .6;
}