@charset "UTF-8";

 body {
--wp--style--gallery-gap-default: 20px;
} @keyframes spinAround {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
line-height: calc(1em + 0.5rem);
}
html, body {
height: 100%;
}
body {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
input, button, textarea, select {
font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
#root, #__next {
isolation: isolate;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.screen-reader-text:focus {
background-color: #1a5149;
border-radius: 0.25rem;
clip: auto !important;
color: #25292E;
display: block;
font-size: 13.125px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#content[tabindex="-1"]:focus {
outline: 0;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
clear: both;
}
.text-aligncenter {
text-align: center;
}
.clear::before, .clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
content: "";
display: table;
table-layout: fixed;
}
.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
clear: both;
}
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
display: none;
}
.infinity-end.neverending .site-footer {
display: block;
}
.custom-hero {
display: block;
position: relative;
}
.custom-hero.container {
margin-bottom: 20px;
margin-top: 20px;
}
.custom-hero__image-wrap {
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.custom-hero__image-wrap::before {
content: "";
display: block;
padding-top: 100%;
}
@media only screen and (max-width: 999px) {
.custom-hero__image-wrap::after {
background-color: rgba(250, 250, 250, 0.5);
background-image: radial-gradient(circle at center, rgba(250, 250, 250, 0.8) 0, rgba(250, 250, 250, 0) 60%);
background-blend-mode: multiply;
content: "";
z-index: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
.custom-hero__image {
display: block;
height: auto;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.custom-hero__image img {
display: block;
height: auto;
left: 50%;
min-height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 0;
}
.custom-hero__inner {
display: block;
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 0;
left: 0;
}
.post-preview .tile__content a,
.post-preview .tile__content a:hover {
color: #FAFAFA;
text-decoration: none;
}
section {
display: block;
margin: 20px auto 0;
padding-top: 20px;
width: 100%;
}
@media only screen and (min-width: 768px) {
section {
margin: 0 auto 10px;
padding-top: 30px;
}
}
@media only screen and (min-width: 1200px) {
section {
margin: 0 auto 20px;
padding-top: 40px;
}
}
section.add-bottom-margin {
margin: 20px auto;
}
@media only screen and (min-width: 768px) {
section.add-bottom-margin {
margin: 0 auto 30px;
padding-top: 30px;
}
}
@media only screen and (min-width: 1200px) {
section.add-bottom-margin {
margin: 0 auto 40px;
padding-top: 40px;
}
}
.container,
.site-header,
.entry-content {
display: block;
margin: 0 auto 20px;
padding: 0 20px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.container,
.site-header,
.entry-content {
max-width: 768px;
}
}
@media only screen and (min-width: 1140px) {
.container,
.site-header,
.entry-content {
max-width: 1000px;
}
}
@media only screen and (min-width: 1400px) {
.container,
.site-header,
.entry-content {
max-width: 1200px;
}
}
@media only screen and (min-width: 1720px) {
.container,
.site-header,
.entry-content {
max-width: 1400px;
}
}
.post-content {
display: block;
margin: 0 auto 20px;
padding: 0 20px;
position: relative;
width: 100%;
}
@media only screen and (min-width: 768px) {
.post-content {
max-width: 768px;
}
}
.container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
grid-gap: 20px;
}
.container.is-nested,
.container .container {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 1200px) {
.container.cols-2 {
grid-template-columns: repeat(2, minmax(18rem, 1fr));
}
.container.cols-3 {
grid-template-columns: repeat(3, minmax(18rem, 1fr));
}
.container.cols-4 {
grid-template-columns: repeat(4, minmax(18rem, 1fr));
}
}
.container:last-of-type {
margin-bottom: 0;
}
.container.is-flex {
display: flex;
}
.container.footer-widgets {
grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}
@media only screen and (min-width: 1200px) {
.container .is-narrow {
margin-left: 20%;
margin-right: 20%;
max-width: 60%;
}
}
* {
box-sizing: border-box;
}
body.disable-scrolling {
overflow: hidden;
}
body.disable-scrolling .custom-hero,
body.disable-scrolling .site-branding,
body.disable-scrolling .navigation__permanent-menu,
body.disable-scrolling .main-button,
body.disable-scrolling .site-content,
body.disable-scrolling .socket-posts,
body.disable-scrolling .site-footer {
filter: blur(6px);
}
body,
button,
input,
select,
textarea {
color: #25292E;
font-family: "hind", "Roboto", "Open-Sans", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 15px;
font-size: 1rem;
font-smooth: always;
font-smoothing: antialiased;
line-height: 18.75px;
line-height: 1.25rem;
}
.site-header.no-navigation {
margin-bottom: 20px;
}
.site-header .site-logo.is-desktop {
display: none;
visibility: hidden;
}
@media only screen and (min-width: 1000px) {
.site-header {
display: flex;
flex-flow: row nowrap;
margin-top: 20px;
}
.site-header .header-sidebar {
background-color: #1a5149;
display: flex;
flex-flow: column wrap;
gap: 20px;
}
.site-header .site-branding {
flex-grow: 1;
}
.site-header .site-logo.is-mobile {
display: none;
visibility: hidden;
}
.site-header .site-logo.is-desktop {
display: flex;
visibility: visible;
}
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-size: 15px;
}
@media only screen and (min-width: 768px) {
html {
font-size: 18px;
}
}
@font-face {
font-family: "hind";
font-style: normal;
font-weight: normal;
src: url(https://www.fabis-huette.de/wp-content/themes/fabis/assets/fonts/Hind/Hind-Regular.woff) format("woff"), url(https://www.fabis-huette.de/wp-content/themes/fabis/assets/fonts/Hind/Hind-Regular.woff2) format("woff2");
}
@font-face {
font-family: "hind-b";
font-style: normal;
font-weight: normal;
src: url(https://www.fabis-huette.de/wp-content/themes/fabis/assets/fonts/Hind/Hind-Bold.woff) format("woff"), url(https://www.fabis-huette.de/wp-content/themes/fabis/assets/fonts/Hind/Hind-Bold.woff2) format("woff2");
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: "hind-b", "Roboto", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 15px;
font-size: 1rem;
font-weight: normal;
letter-spacing: -0.02em;
line-height: 1.25;
margin: 0 0 20px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none;
}
h1.section-title,
h2.section-title,
h3.section-title,
h4.section-title,
h5.section-title,
h6.section-title {
font-size: 26.25px;
font-size: 1.75rem;
}
@media only screen and (min-width: 1000px) {
h1.section-title,
h2.section-title,
h3.section-title,
h4.section-title,
h5.section-title,
h6.section-title {
font-size: 2.5rem;
}
}
h1.is-title,
h2.is-title,
h3.is-title,
h4.is-title,
h5.is-title,
h6.is-title {
color: #1a5149;
}
h1.is-center,
h2.is-center,
h3.is-center,
h4.is-center,
h5.is-center,
h6.is-center {
text-align: center;
}
.site-content h1 {
font-size: 25.005px;
font-size: 1.667rem;
line-height: 31.256px;
line-height: 2.08375rem;
}
@media only screen and (min-width: 768px) {
.site-content h1 {
font-size: 1.875rem;
line-height: 2.34375rem;
}
}
.site-content h2 {
font-size: 22.5px;
font-size: 1.5rem;
line-height: 25.312px;
line-height: 1.6875rem;
}
@media only screen and (min-width: 768px) {
.site-content h2 {
font-size: 1.667rem;
line-height: 2.08375rem;
}
}
.site-content h3 {
font-size: 18.75px;
font-size: 1.25rem;
line-height: 23.437px;
line-height: 1.5625rem;
}
@media only screen and (min-width: 768px) {
.site-content h3 {
font-size: 1.5rem;
line-height: 1.6875rem;
}
}
.site-content h4 {
font-size: 15px;
font-size: 1rem;
line-height: 1.25;
}
@media only screen and (min-width: 768px) {
.site-content h4 {
font-size: 1.25rem;
line-height: 1.5625rem;
}
}
.entry-content h1::first-of-type,
.entry-content h2::first-of-type,
.entry-content h3::first-of-type,
.entry-content h4::first-of-type,
.entry-content h5::first-of-type,
.entry-content h6::first-of-type {
margin-top: 0;
}
p {
display: block;
margin: 0 0 20px;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 20px;
}
address {
margin: 0 0 20px;
}
pre {
font-family: "hind", "Roboto", "Open-Sans", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 14.062px;
font-size: 0.9375rem;
line-height: 18.75px;
line-height: 1.25rem;
margin-bottom: 20px;
max-width: 100%;
overflow: auto;
padding: 20px;
}
code,
kbd,
tt,
var {
font-family: "hind", "Roboto", "Open-Sans", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 14.062px;
font-size: 0.9375rem;
}
abbr,
acronym {
cursor: help;
}
mark,
ins {
background: #1a5149;
text-decoration: none;
}
big {
font-size: 125%;
}
html {
box-sizing: border-box;
}
*::before, *::after {
box-sizing: inherit;
}
body {
background: #FAFAFA;
}
audio,
canvas,
iframe,
img,
svg,
video,
object,
input,
textarea {
max-width: 100%;
vertical-align: middle;
}
img {
height: auto;
}
blockquote,
q {
quotes: '" "';
}
blockquote::before, blockquote::after,
q::before,
q::after {
content: "";
}
hr {
background-color: #85898e;
border: 0;
height: 1px;
margin-bottom: 15px;
margin-bottom: 1rem;
}
img {
height: auto;
max-width: 100%;
}
ul,
ol {
margin: 0 0 20px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 15px;
margin-left: 1rem;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 15px;
margin: 0 0 1rem;
}
table {
margin: 0 0 15px;
margin: 0 0 1rem;
width: 100%;
}
.site-branding {
display: flex;
flex-flow: row nowrap;
justify-content: center;
margin: 20px 0;
padding-left: 40px;
padding-right: 40px;
}
@media only screen and (min-width: 1000px) {
.site-branding {
margin: 20px auto auto;
min-width: 14rem;
}
}
.site-branding .site-title,
.site-branding .site-title a {
display: inline-block;
line-height: 1;
margin: 0;
width: auto;
}
.header-menu {
align-items: stretch;
display: flex;
text-align: right;
}
.main-navigation {
display: block;
width: 100%;
}
.disable-scrolling .mobile-header-blender {
position: fixed;
top: 0;
right: 0;
left: 0;
background-color: #fff;
box-shadow: 0 0 20px #fff;
display: block;
width: 100vw;
z-index: 5;
}
.navigation__wrap {
margin-bottom: 20px;
}
.navigation__inner {
align-items: center;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
width: 100%;
}
.navigation__inner.no-right-gap ul {
margin-right: 0;
}
.navigation__permanent-menu {
display: flex;
flex-grow: 1;
justify-content: space-between;
list-style: none;
margin: 0 20px 0 0;
padding: 0;
width: auto;
}
.navigation__permanent-menu li {
align-items: center;
display: flex;
}
.navigation__permanent-menu li a {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background-color: transparent;
color: #1a5149;
cursor: pointer;
display: flex;
font-family: "hind-b", "Roboto", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 15px;
font-size: 1rem;
font-style: normal;
line-height: 1;
max-height: 65px;
padding: 0.667em 0.5em 0.5em;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.125s 0s ease-in;
}
.navigation__permanent-menu li a:hover {
color: #26786c;
}
.navigation__permanent-menu li a:active, .navigation__permanent-menu li a:focus {
background-color: #26786c;
}
@media only screen and (min-width: 1000px) {
.navigation__permanent-menu {
flex-flow: column wrap;
justify-content: center;
margin: 0;
}
.navigation__permanent-menu li {
justify-content: center;
}
.navigation__permanent-menu li a {
color: #FAFAFA;
}
}
.navigation__interaction {
align-items: center;
display: flex;
flex-flow: row nowrap;
flex-grow: 1;
justify-content: stretch;
min-width: calc(50% - (20px / 2));
}
.navigation__interaction .main-button {
border: 0;
margin-right: 20px;
max-height: 65px;
max-width: calc(100% - 42px - 20px);
padding: 0.667em 0.75em 0.5em;
text-align: center;
}
.primary-menu {
background-color: rgba(255, 255, 255, 0.86);
display: flex;
flex-flow: column wrap;
height: auto;
justify-content: center;
list-style: none;
margin: 0;
min-height: 100vh;
opacity: 1;
overflow: auto;
padding: 60px 20px;
width: 100vw;
z-index: 4;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all 0.075s 0s linear;
}
.primary-menu.is-hidden, .primary-menu[hidden=hidden] {
background-color: transparent;
opacity: 0;
height: 0;
min-height: 0;
z-index: -1;
}
.primary-menu .mobile-permanent-menu {
display: block;
}
@media only screen and (min-width: 1000px) {
.primary-menu .mobile-permanent-menu {
display: none;
height: 0;
visibility: hidden;
}
}
.primary-menu ul {
margin: 0;
padding: 10px 0 0;
}
.primary-menu li {
margin: 30px auto;
padding: 0;
position: relative;
text-align: center;
}
@media only screen and (min-width: 768px) {
.primary-menu li {
margin: 40px auto;
}
}
.primary-menu a {
color: #25292E;
font-family: "hind", "Roboto", "Open-Sans", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 22.5px;
font-size: 1.5rem;
font-weight: normal;
text-decoration: none;
}
@media only screen and (min-width: 1200px) {
.primary-menu a {
font-size: 1.875rem;
}
}
.primary-menu a:hover {
color: #1a5149;
}
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 20px;
overflow: hidden;
}
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
a {
color: #1a5149;
}
a:hover, a:focus, a:active {
color: #26786c;
}
a:focus {
outline: 0;
}
a:hover, a:active {
outline: 0;
}
a.inline-link,
span.inline-link,
.inline-link {
align-items: center;
display: inline-flex;
position: relative;
}
a.inline-link::after,
span.inline-link::after,
.inline-link::after {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><line y1="8" x2="15" y2="8" fill="none" stroke="%231a5149" stroke-miterlimit="10" stroke-width="2"/><line x1="11" y1="4" x2="15" y2="8" fill="none" stroke="%231a5149" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><line x1="11" y1="12" x2="15" y2="8" fill="none" stroke="%231a5149" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/></svg>');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
content: "";
display: inline-block;
height: 16px;
margin-left: 6.64px;
position: relative;
top: -2px;
width: 16px;
transition: all 0.125s 0s ease-in;
}
a.inline-link:hover::after,
span.inline-link:hover::after,
.inline-link:hover::after {
margin-left: calc(20px / 3 + 3px);
}
.navigation__wrap {
min-height: 34px;
}
.navigation__inner .button {
min-height: 34px;
}
.disable-scrolling .menu-burger {
position: fixed;
top: 22.5px;
right: 20px;
}
.menu-burger {
background: transparent !important;
border: none;
display: block;
width: 42px;
height: 30px;
margin-left: auto;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
transition: 0.2s;
transition-delay: 0.15s;
z-index: 10;
}
.menu-burger:hover, .menu-burger:focus, .menu-burger:visited {
background: transparent;
outline: none;
}
.menu-burger i {
display: block;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
height: 4px;
background-color: #1a5149;
width: 100%;
position: absolute;
top: 50%;
transition: 0.3s;
transition-delay: 0.2s;
}
.menu-burger:before, .menu-burger:after {
background-color: #1a5149;
content: "";
position: absolute;
top: 0;
border-bottom: 4px solid #1a5149;
width: 100%;
left: 0;
right: 0;
transition: 0.5s cubic-bezier(0.78, 0.77, 0.19, 0.9);
transform-origin: right bottom;
}
.menu-burger:after {
top: 100%;
transform-origin: right bottom;
}
.menu-burger.is-active {
transform: translate3d(0, 0, 0);
transition-delay: 0.2s;
transform: scale(0.8);
}
.menu-burger.is-active i {
opacity: 0;
transition-delay: 0;
}
.menu-burger.is-active:after {
transform: rotate3d(0, 0, 2, 45deg) translate3d(-2px, 2px, 0);
}
.menu-burger.is-active:before {
transform: rotate3d(0, 0, 2, -45deg) translate3d(0, 0, 0);
}
@media only screen and (min-width: 1000px) {
.menu-burger {
position: absolute;
top: 20px;
right: 20px;
}
}
figcaption,
.image-credit-wrap {
display: block;
overflow: hidden;
position: absolute;
right: 0;
bottom: 0;
}
@media only screen and (min-width: 1200px) {
figcaption,
.image-credit-wrap {
bottom: 20px;
}
}
.image-credit {
align-items: center;
background-color: rgba(250, 250, 250, 0.75);
cursor: default;
display: flex;
font-size: 10.005px;
font-size: 0.667rem;
justify-content: flex-start;
min-width: 32px;
line-height: 10.005px;
line-height: 0.667rem;
padding: calc(20px / 4) calc(20px / 4) calc(20px / 6) calc(20px / 4);
text-indent: 2px;
z-index: 50;
transition: all 0.125s 0s ease-in;
}
@media only screen and (min-width: 1200px) {
.image-credit {
background-color: rgba(250, 250, 250, 0.5);
left: calc(100% - (12px + 20px));
line-height: 1;
padding: calc(20px / 1.75) 10px calc(20px / 2.25) 10px;
}
.image-credit:hover {
background-color: #FAFAFA;
left: 0;
}
.image-credit span {
padding-left: 10px;
}
}
.header-gallery {
background-color: #ddd;
display: flex;
flex-basis: 100%;
margin: 0;
min-height: 320px;
max-height: 560px;
position: relative;
}
@media only screen and (min-width: 1000px) {
.header-gallery {
flex-shrink: 6;
}
}
.header-gallery .hero-carousel {
aspect-ratio: 16/9;
display: block;
position: relative;
width: 100%;
z-index: 1;
}
.header-gallery .hero-carousel__item {
opacity: 1;
transition: opacity 0.25s ease-in;
}
.header-gallery .hero-carousel__item.is-hidden {
opacity: 0;
}
.header-gallery .hero-carousel__item img {
display: block;
height: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
inset: 0 0 0 0;
width: 100%;
}
.header-gallery .hero-carousel__nav {
position: absolute;
top: calc(50% - (3rem * .5));
right: 20px;
z-index: 2;
}
.header-gallery .hero-carousel__nav .hero-carousel__next {
align-items: center;
background-color: rgba(18, 19, 19, 0.8);
border: 0;
border-radius: 1.5rem;
cursor: pointer;
display: flex;
height: 45px;
height: 3rem;
justify-content: center;
line-height: 45px;
line-height: 3rem;
max-height: unset;
padding: 0;
text-indent: -9999px;
width: 45px;
width: 3rem;
}
.header-gallery .hero-carousel__nav .hero-carousel__next::after {
border: 3px solid #fff;
border-left: 0;
border-bottom: 0;
content: "";
display: block;
height: 18px;
height: 1.2rem;
margin-left: -9px;
margin-left: -0.6rem;
transform: rotate(45deg);
width: 18px;
width: 1.2rem;
}
.header-gallery .hero-carousel__nav .hero-carousel__next:hover {
background-color: #1a5149;
}
.post-thumbnail {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.post-thumbnail::before {
content: "";
display: block;
padding-top: 100%;
}
.post-thumbnail.ratio-16-9::before {
padding-top: 56.75%;
}
.post-thumbnail.ratio-4-3::before {
padding-top: 75%;
}
.post-thumbnail.ratio-3-1::before {
padding-top: 33.334%;
}
.post-thumbnail::after {
background-color: rgba(133, 137, 142, 0.5);
background-image: linear-gradient(45deg, rgba(39, 36, 41, 0.9) 0, rgba(39, 36, 41, 0.65) 40%, rgba(39, 36, 41, 0) 100%);
content: "";
mix-blend-mode: multiply;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.post-thumbnail img {
display: block;
height: auto;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.socket-posts__wrap .tile__inner,
.post-preview {
box-shadow: 0 0 1px 0px #85898e;
position: relative;
transition: all, 0s, 0.2s, linear 0.125s 0s ease-in;
}
.socket-posts__wrap .tile__inner img,
.post-preview img {
transform: scale(1);
transition: all, 0s, 0.2s, linear 0.125s 0s ease-in;
}
.socket-posts__wrap .tile__inner:hover,
.post-preview:hover {
box-shadow: 0 10px 15px -5px #85898e;
}
.socket-posts__wrap .tile__inner:hover img,
.post-preview:hover img {
transform: scale(1.1);
}
.tile__content {
display: block;
position: absolute;
bottom: 20px;
left: 20px;
}
.tile__title, .tile__text {
color: #FAFAFA;
margin: 0;
}
.tile__title {
font-size: 22.5px;
font-size: 1.5rem;
margin-bottom: 10px;
text-transform: lowercase;
}
@media only screen and (min-width: 768px) {
.tile__title {
font-size: 1.667rem;
}
}
@media only screen and (max-width: 1000px) {
.menu-expanded .social-menu .social-menu-item a {
background-color: #FAFAFA;
}
}
.social-menu {
align-items: center;
display: flex;
justify-content: center;
list-style: none;
margin: 0 auto 20px;
padding: 0;
position: relative;
}
.social-menu li:not(:first-child) {
margin-left: 10px;
}
.social-menu .social-menu-item a {
background-color: #25292E;
display: block;
height: 37.5px;
height: 2.5rem;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
position: relative;
text-indent: -9999em;
width: 37.5px;
width: 2.5rem;
}
.social-menu .social-menu-item a:hover {
background-color: #1a5149;
cursor: pointer;
}
.social-menu .social-facebook a {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z"/></svg>');
}
.social-menu .social-twitter a {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.066 9.645c.183 4.04-2.83 8.544-8.164 8.544-1.622 0-3.131-.476-4.402-1.291 1.524.18 3.045-.244 4.252-1.189-1.256-.023-2.317-.854-2.684-1.995.451.086.895.061 1.298-.049-1.381-.278-2.335-1.522-2.304-2.853.388.215.83.344 1.301.359-1.279-.855-1.641-2.544-.889-3.835 1.416 1.738 3.533 2.881 5.92 3.001-.419-1.796.944-3.527 2.799-3.527.825 0 1.572.349 2.096.907.654-.128 1.27-.368 1.824-.697-.215.671-.67 1.233-1.263 1.589.581-.07 1.135-.224 1.649-.453-.384.578-.87 1.084-1.433 1.489z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.066 9.645c.183 4.04-2.83 8.544-8.164 8.544-1.622 0-3.131-.476-4.402-1.291 1.524.18 3.045-.244 4.252-1.189-1.256-.023-2.317-.854-2.684-1.995.451.086.895.061 1.298-.049-1.381-.278-2.335-1.522-2.304-2.853.388.215.83.344 1.301.359-1.279-.855-1.641-2.544-.889-3.835 1.416 1.738 3.533 2.881 5.92 3.001-.419-1.796.944-3.527 2.799-3.527.825 0 1.572.349 2.096.907.654-.128 1.27-.368 1.824-.697-.215.671-.67 1.233-1.263 1.589.581-.07 1.135-.224 1.649-.453-.384.578-.87 1.084-1.433 1.489z"/></svg>');
}
.social-menu .social-instagram a {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14.829 6.302c-.738-.034-.96-.04-2.829-.04s-2.09.007-2.828.04c-1.899.087-2.783.986-2.87 2.87-.033.738-.041.959-.041 2.828s.008 2.09.041 2.829c.087 1.879.967 2.783 2.87 2.87.737.033.959.041 2.828.041 1.87 0 2.091-.007 2.829-.041 1.899-.086 2.782-.988 2.87-2.87.033-.738.04-.96.04-2.829s-.007-2.09-.04-2.828c-.088-1.883-.973-2.783-2.87-2.87zm-2.829 9.293c-1.985 0-3.595-1.609-3.595-3.595 0-1.985 1.61-3.594 3.595-3.594s3.595 1.609 3.595 3.594c0 1.985-1.61 3.595-3.595 3.595zm3.737-6.491c-.464 0-.84-.376-.84-.84 0-.464.376-.84.84-.84.464 0 .84.376.84.84 0 .463-.376.84-.84.84zm-1.404 2.896c0 1.289-1.045 2.333-2.333 2.333s-2.333-1.044-2.333-2.333c0-1.289 1.045-2.333 2.333-2.333s2.333 1.044 2.333 2.333zm-2.333-12c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.958 14.886c-.115 2.545-1.532 3.955-4.071 4.072-.747.034-.986.042-2.887.042s-2.139-.008-2.886-.042c-2.544-.117-3.955-1.529-4.072-4.072-.034-.746-.042-.985-.042-2.886 0-1.901.008-2.139.042-2.886.117-2.544 1.529-3.955 4.072-4.071.747-.035.985-.043 2.886-.043s2.14.008 2.887.043c2.545.117 3.957 1.532 4.071 4.071.034.747.042.985.042 2.886 0 1.901-.008 2.14-.042 2.886z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14.829 6.302c-.738-.034-.96-.04-2.829-.04s-2.09.007-2.828.04c-1.899.087-2.783.986-2.87 2.87-.033.738-.041.959-.041 2.828s.008 2.09.041 2.829c.087 1.879.967 2.783 2.87 2.87.737.033.959.041 2.828.041 1.87 0 2.091-.007 2.829-.041 1.899-.086 2.782-.988 2.87-2.87.033-.738.04-.96.04-2.829s-.007-2.09-.04-2.828c-.088-1.883-.973-2.783-2.87-2.87zm-2.829 9.293c-1.985 0-3.595-1.609-3.595-3.595 0-1.985 1.61-3.594 3.595-3.594s3.595 1.609 3.595 3.594c0 1.985-1.61 3.595-3.595 3.595zm3.737-6.491c-.464 0-.84-.376-.84-.84 0-.464.376-.84.84-.84.464 0 .84.376.84.84 0 .463-.376.84-.84.84zm-1.404 2.896c0 1.289-1.045 2.333-2.333 2.333s-2.333-1.044-2.333-2.333c0-1.289 1.045-2.333 2.333-2.333s2.333 1.044 2.333 2.333zm-2.333-12c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.958 14.886c-.115 2.545-1.532 3.955-4.071 4.072-.747.034-.986.042-2.887.042s-2.139-.008-2.886-.042c-2.544-.117-3.955-1.529-4.072-4.072-.034-.746-.042-.985-.042-2.886 0-1.901.008-2.139.042-2.886.117-2.544 1.529-3.955 4.072-4.071.747-.035.985-.043 2.886-.043s2.14.008 2.887.043c2.545.117 3.957 1.532 4.071 4.071.034.747.042.985.042 2.886 0 1.901-.008 2.14-.042 2.886z"/></svg>');
}
.social-menu .social-youtube a {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.441 16.892c-2.102.144-6.784.144-8.883 0-2.276-.156-2.541-1.27-2.558-4.892.017-3.629.285-4.736 2.558-4.892 2.099-.144 6.782-.144 8.883 0 2.277.156 2.541 1.27 2.559 4.892-.018 3.629-.285 4.736-2.559 4.892zm-6.441-7.234l4.917 2.338-4.917 2.346v-4.684z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.441 16.892c-2.102.144-6.784.144-8.883 0-2.276-.156-2.541-1.27-2.558-4.892.017-3.629.285-4.736 2.558-4.892 2.099-.144 6.782-.144 8.883 0 2.277.156 2.541 1.27 2.559 4.892-.018 3.629-.285 4.736-2.559 4.892zm-6.441-7.234l4.917 2.338-4.917 2.346v-4.684z"/></svg>');
}
.footer-widgets {
font-size: 11.25px;
font-size: 0.75rem;
line-height: 1.4;
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.footer-widgets {
margin-top: 40px;
}
}
.footer-widgets.has-cols-1 > aside {
max-width: 25%;
text-align: center;
}
@media only screen and (min-width: 1000px) {
.footer-widgets.has-cols-2 > aside {
max-width: 50%;
width: 50%;
}
.footer-widgets.has-cols-2 > aside:nth-child(1) {
justify-self: flex-end;
}
}
.footer-widgets .footer-widget,
.footer-widgets .foot-widget {
margin: 0;
padding: 0;
position: relative;
}
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets p,
.footer-widgets ul {
margin: 0 0 10px;
}
.footer-widgets a {
text-decoration: none;
}
.footer-widgets ul {
list-style: none;
padding: 0;
}
.footer-widgets ul li {
margin: 0 0 10px;
padding: 0;
}
.footer-widgets ul li:last-child {
margin-bottom: 0;
}
.site-info {
color: #85898e;
display: block;
font-size: 13.125px;
font-size: 0.875rem;
margin-top: 20px;
text-align: center;
width: 100%;
}
form label {
display: block;
font-family: "hind-b", "Roboto", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 13.125px;
font-size: 0.875rem;
margin-bottom: 10px;
width: 100%;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
border-bottom: 2px solid #dadedf;
border-radius: 0;
color: #25292E;
line-height: 18.75px;
line-height: 1.25rem;
padding: 0.75em 1em 0.667em;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #25292E;
}
input[type=text].wpcf7-not-valid,
input[type=email].wpcf7-not-valid,
input[type=url].wpcf7-not-valid,
input[type=password].wpcf7-not-valid,
input[type=search].wpcf7-not-valid,
input[type=number].wpcf7-not-valid,
input[type=tel].wpcf7-not-valid,
input[type=date].wpcf7-not-valid,
input[type=month].wpcf7-not-valid,
input[type=week].wpcf7-not-valid,
input[type=time].wpcf7-not-valid,
input[type=datetime].wpcf7-not-valid,
input[type=datetime-local].wpcf7-not-valid,
input[type=color].wpcf7-not-valid,
textarea.wpcf7-not-valid {
border-bottom-color: #ee5253;
}
select {
border: 2px solid #dadedf;
padding: 0.75em 1em 0.667em;
}
textarea {
resize: vertical;
width: 100%;
}
textarea.wpcf7-not-valid {
border-color: #ee5253;
}
.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 3px solid;
border-color: #1a5149;
border-radius: 0;
background-color: #1a5149;
color: #FAFAFA;
cursor: pointer;
font-family: "hind-b", "Roboto", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 15px;
font-size: 1rem;
font-style: normal;
line-height: 1;
max-height: 50px;
outline: 0;
padding: 0.8em 1.25em 0.7em;
text-decoration: none;
vertical-align: unset;
transition: all 0.125s 0s ease-in;
}
.button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
background-color: #26786c;
border-color: #26786c;
color: #FAFAFA;
}
.button:active, .button:focus,
button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
background-color: #26786c;
border-color: #26786c;
}
.button.outlined,
button.outlined,
input[type=button].outlined,
input[type=reset].outlined,
input[type=submit].outlined {
background-color: transparent;
color: #1a5149;
}
.button.outlined:hover,
button.outlined:hover,
input[type=button].outlined:hover,
input[type=reset].outlined:hover,
input[type=submit].outlined:hover {
background-color: #26786c;
color: #FAFAFA;
}
.wp-block-button .wp-block-button__link {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 3px solid #25292E;
border-radius: 0;
cursor: pointer;
font-family: "hind-b", "Roboto", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 15px;
font-size: 1rem;
font-style: normal;
line-height: 1;
max-height: 50px;
outline: 0;
padding: 0.8em 1.25em 0.7em;
text-decoration: none;
vertical-align: unset;
transition: all 0.125s 0s ease-in;
}
.wp-block-button .wp-block-button__link.has-background {
padding: 0.8em 1.25em 0.7em;
}
.wp-block-button .wp-block-button__link.has-background-color {
border-color: inherit;
}
.wp-block-button .wp-block-button__link.has-dark-background-color {
background-color: #25292E;
border-color: #25292E;
}
.wp-block-button .wp-block-button__link.has-purple-heart-background-color {
background-color: #6C2CCC;
border-color: #6C2CCC;
}
.wp-block-button .wp-block-button__link.has-green-pea-background-color {
background-color: #1a5149;
border-color: #1a5149;
}
.wp-block-button .wp-block-button__link.has-grey-background-color {
background-color: #ddd;
border-color: #ddd;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background-color: transparent;
}
.wp-block-button.is-style-outline .has-dark-color {
border-color: #25292E;
color: #25292E;
}
.wp-block-button.is-style-outline .has-purple-heart-color {
border-color: #6C2CCC;
color: #6C2CCC;
}
.wp-block-button.is-style-outline .has-green-pea-color {
border-color: #1a5149;
color: #1a5149;
}
.wp-block-button.is-style-outline .has-grey-color {
border-color: #ddd;
color: #ddd;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color] {
display: block;
line-height: 15px;
line-height: 1rem;
max-width: 100%;
min-height: 48.75px;
min-height: 3.25rem;
outline: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
transition: border 0.125s 0s ease-in;
}
input[type=text]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=number]:hover,
input[type=tel]:hover,
input[type=date]:hover,
input[type=month]:hover,
input[type=week]:hover,
input[type=time]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
input[type=color]:hover {
border-bottom-color: #b9c1c3;
}
input[type=text]:focus, input[type=text]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=url]:focus,
input[type=url]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=search]:focus,
input[type=search]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=date]:focus,
input[type=date]:active,
input[type=month]:focus,
input[type=month]:active,
input[type=week]:focus,
input[type=week]:active,
input[type=time]:focus,
input[type=time]:active,
input[type=datetime]:focus,
input[type=datetime]:active,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=color]:focus,
input[type=color]:active {
border-bottom-color: #1a5149;
}
textarea {
border: 2px solid #dadedf;
display: block;
max-width: 100%;
outline: 0;
width: 100%;
transition: border 0.125s 0s ease-in;
}
textarea:hover {
border-color: #b9c1c3;
}
textarea:focus, textarea:active {
border-color: #1a5149;
}
textarea.height-150 {
display: block;
height: calc(150 * 1px);
}
textarea.height-200 {
display: block;
height: calc(200 * 1px);
}
textarea.height-250 {
display: block;
height: calc(250 * 1px);
}
textarea.height-300 {
display: block;
height: calc(300 * 1px);
}
textarea.height-400 {
display: block;
height: calc(400 * 1px);
}
textarea.height-500 {
display: block;
height: calc(500 * 1px);
}
textarea.height-750 {
display: block;
height: calc(750 * 1px);
}
input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #dadedf;
border: 0;
border-radius: 0;
display: block;
height: 22.5px;
height: 1.5rem;
margin: 20px 0;
max-width: 100%;
outline: none;
position: relative;
overflow: hidden;
padding: 0;
width: 100%;
}
input[type=range]::-webkit-slider-runnable-track {
background: #dadedf;
}
input[type=range]:hover::-webkit-slider-runnable-track {
background: #b9c1c3;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #1a5149;
border-radius: 0;
box-shadow: -100vw 0 0 100vw #26786c;
cursor: pointer;
height: 22.5px;
height: 1.5rem;
-webkit-transition: background 0.15s ease-in-out;
transition: background 0.15s ease-in-out;
width: 22.5px;
width: 1.5rem;
}
input[type=range]::-webkit-slider-thumb:hover {
background: #1a5149;
}
input[type=range]::-moz-range-thumb {
background: #dadedf;
border: 0;
border-radius: 0;
box-shadow: -100vw 0 0 100vw #26786c;
cursor: pointer;
height: 22.5px;
height: 1.5rem;
-moz-transition: background 0.15s ease-in-out;
transition: background 0.15s ease-in-out;
width: 22.5px;
width: 1.5rem;
}
input[type=range]::-moz-range-thumb:hover {
background: #1a5149;
}
input[type=range]:active::-webkit-slider-thumb {
background: #1a5149;
}
input[type=range]:active::-moz-range-thumb {
background: #1a5149;
}
input[type=range].shows-value {
display: inline-flex;
width: calc(100% - (80px));
transition: all, 0.2s, 0s, linear 0.125s 0s ease-in;
}
input[type=range].shows-value:hover ~ span {
border-color: #b9c1c3;
}
input[type=range] ~ span {
align-self: center;
background: #FAFAFA;
border: 2px solid #dadedf;
color: #25292E;
display: inline-flex;
font-family: "hind", "Roboto", "Open-Sans", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 15px;
font-size: 1rem;
justify-content: center;
line-height: 0.875;
margin-left: 20px;
min-height: 22.5px;
min-height: 1.5rem;
padding: 10.005px 7.5px 9px;
padding: 0.667rem 0.5rem 0.6rem;
position: relative;
text-align: center;
top: 1px;
width: 60px;
}
input[type=range]::-moz-range-track {
background: #dadedf;
border: 0;
}
input[type=range]::-moz-focus-inner, input[type=range]::-moz-focus-outer {
border: 0;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FAFAFA;
background-image: linear-gradient(45deg, transparent 50%, #dadedf 50%), linear-gradient(135deg, #dadedf 50%, transparent 50%);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
background-size: 5px 5px, 5px 5px;
background-position: calc(100% - 22px) calc(1em + 0px), calc(100% - 14px) calc(1em + 0px);
background-size: 8px 8px, 8px 8px;
background-repeat: no-repeat;
border-radius: 0;
color: #25292E;
cursor: pointer;
font-family: "hind", "Roboto", "Open-Sans", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
line-height: 1.5;
max-width: 100%;
outline: none;
padding: 0.5em 2.5em 0.4em 1em;
width: 100%;
transition: all, 0s, 0.2s, ease 0.125s 0s ease-in;
}
select:hover {
background-image: linear-gradient(45deg, transparent 50%, #b9c1c3 50%), linear-gradient(135deg, #b9c1c3 50%, transparent 50%);
border-color: #b9c1c3;
}
select:focus, select:active {
background-image: linear-gradient(45deg, transparent 50%, #1a5149 50%), linear-gradient(135deg, #1a5149 50%, transparent 50%);
border-color: #1a5149;
}
select::after {
content: "▼";
position: absolute;
top: 0;
right: 0;
padding: 0 1em;
cursor: pointer;
pointer-events: none;
}
select::-ms-expand {
display: none;
}
input[type=checkbox],
input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
display: inline-block;
font-family: "hind", "Roboto", "Open-Sans", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 15px;
font-size: 1rem;
height: 24px;
margin-right: 6.64px;
outline: 0;
padding: 0;
width: 24px;
}
input[type=checkbox]::before,
input[type=radio]::before {
border: 2px solid #dadedf;
background-color: #FAFAFA;
content: "";
cursor: pointer;
display: block;
height: 24px;
margin-top: -2px;
width: 24px;
}
input[type=checkbox]:hover::before,
input[type=radio]:hover::before {
border-color: #b9c1c3;
}
input[type=checkbox]:focus::before, input[type=checkbox]:active::before,
input[type=radio]:focus::before,
input[type=radio]:active::before {
border-color: #1a5149;
}
input[type=checkbox]:checked::before,
input[type=radio]:checked::before {
background-image: linear-gradient(-45deg, transparent 45%, #1a5149 45%, #1a5149 55%, transparent 55%), linear-gradient(45deg, transparent 45%, #1a5149 45%, #1a5149 55%, transparent 55%);
background-repeat: no-repeat;
box-shadow: inset 0 0 1px 3px #FAFAFA;
}
input[type=radio]::before {
border-radius: 50%;
}
input[type=radio]:checked::before {
background-image: unset;
background-color: #1a5149;
box-shadow: inset 0 0 0 3px #FAFAFA;
z-index: -1;
}
.wpcf7-not-valid input[type=checkbox]::before,
.wpcf7-not-valid input[type=radio]::before {
border-color: #ee5253;
}
.upload-input-wrap input[type=file] {
display: none;
}
.upload-input-wrap .upload-trigger {
width: 100%;
}
.sticky {
display: block;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-summary {
margin: 0;
}
.entry-content {
margin-bottom: 0;
}
.page-links {
clear: both;
margin: 0 0 20px;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.is-layout-flow.wp-block-column.is-style-has-border, .is-layout-flow.wp-block-column.is-style-has-background, .is-layout-flow.wp-block-column.is-style-has-equal-height {
flex-basis: 50%;
}
.is-style-has-border {
border: 3px solid #25292E;
padding: 20px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.is-style-has-border {
padding: 30px 30px 10px;
}
}
@media only screen and (min-width: 1000px) {
.is-style-has-border {
padding: 40px 40px 20px;
}
}
@media only screen and (min-width: 1200px) {
.is-style-has-border {
padding: 60px 60px 40px;
}
}
.is-style-has-background {
background-color: #fff;
border: 0;
padding: 20px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.is-style-has-background {
padding: 30px 30px 10px;
}
}
@media only screen and (min-width: 1000px) {
.is-style-has-background {
padding: 40px 40px 20px;
}
}
@media only screen and (min-width: 1200px) {
.is-style-has-background {
padding: 60px 60px 40px;
}
}
.has-text-color.has-green-pea-color {
color: #1a5149;
}
.has-text-color.has-purple-heart-color {
color: #6C2CCC;
}
.has-text-color.has-white-color {
color: #fff;
}
.has-text-color.has-grey-color {
color: #FAFAFA;
}
.has-text-color.has-dark-color {
color: #25292E;
}
.has-background.has-green-pea-background-color {
background-color: #1a5149;
}
.has-background.has-purple-heart-background-color {
background-color: #6C2CCC;
}
.has-background.has-white-background-color {
background-color: #fff;
}
.has-background.has-grey-background-color {
background-color: #FAFAFA;
}
.has-background.has-dark-background-color {
background-color: #25292E;
}
.entry-content .has-background {
padding: 20px;
}
@media only screen and (min-width: 600px) {
.is-style-has-equal-height .block-tile,
.is-style-has-equal-height .block-tile .block-tile__inner,
.is-style-has-equal-height .block-tile article,
.is-style-has-equal-height .block-tile article picture {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.is-style-has-equal-height .block-tile {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1000px) {
.entry-content .has-background {
padding-right: 40px;
padding-left: 40px;
}
}
[class^=wp-container].wp-block-columns {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
grid-gap: 0;
margin: 0 0 20px;
}
@media only screen and (min-width: 601px) {
[class^=wp-container].wp-block-columns {
grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
grid-gap: 20px;
}
}
@media only screen and (min-width: 782px) {
[class^=wp-container].wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
margin-left: 0;
}
}
.wp-block-columns.is-layout-flex {
gap: 20px;
}
.wp-block-column {
margin-bottom: 20px;
position: relative;
width: 100%;
}
.wp-block-column .block-tile {
margin-bottom: 0;
}
@media (max-width: 781px) and (min-width: 600px) {
.wp-block-column {
flex-basis: calc(50% - (20px * .5)) !important;
flex-grow: 0;
}
.wp-block-column:nth-child(2n) {
margin-left: 0;
}
}
@media only screen and (min-width: 782px) {
.wp-block-column:not(:first-child) {
margin-left: 0;
}
}
.block-tile {
background-color: #85898e;
margin-bottom: 20px;
position: relative;
}
.block-tile a article {
box-shadow: 0 0 1px 0px #85898e;
transition: all, 0s, 0.2s, linear 0.125s 0s ease-in;
}
.block-tile a article:hover {
box-shadow: 0 10px 15px -5px #85898e;
}
.block-tile a article:hover .block-tile__image img {
transform: translateY(-50%) scale(1.1);
}
.block-tile__image {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.block-tile__image::before {
content: "";
display: block;
padding-top: 100%;
width: 100%;
}
.block-tile__image.ratio-1-1::before {
padding-top: 100%;
}
.block-tile__image.ratio-4-3::before {
padding-top: 75%;
}
.block-tile__image.ratio-16-9::before {
padding-top: 56.75%;
}
.block-tile__image.ratio-2-1::before {
padding-top: 50%;
}
.block-tile__image.ratio-3-1::before {
padding-top: 33.334%;
}
.block-tile__image.ratio-4-1::before {
padding-top: 25%;
}
.block-tile__image::after {
background-color: rgba(133, 137, 142, 0.5);
background-image: linear-gradient(45deg, rgba(39, 36, 41, 0.9) 0, rgba(39, 36, 41, 0.65) 40%, rgba(39, 36, 41, 0) 100%);
content: "";
mix-blend-mode: multiply;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.block-tile__image.opacity-20::after {
opacity: calc(20 / 100);
}
.block-tile__image.opacity-30::after {
opacity: calc(30 / 100);
}
.block-tile__image.opacity-40::after {
opacity: calc(40 / 100);
}
.block-tile__image.opacity-50::after {
opacity: calc(50 / 100);
}
.block-tile__image.opacity-60::after {
opacity: calc(60 / 100);
}
.block-tile__image.opacity-70::after {
opacity: calc(70 / 100);
}
.block-tile__image.opacity-80::after {
opacity: calc(80 / 100);
}
.block-tile__image.opacity-90::after {
opacity: calc(90 / 100);
}
.block-tile__image.no-image {
height: 100%;
max-height: 100%;
}
.block-tile__image.no-image::after {
display: none;
}
.block-tile__image .image-credit {
color: #25292E;
}
.block-tile__image img {
display: block;
height: auto;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: translateY(-50%) scale(1);
width: 100%;
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
transition: all, 0s, 0.2s, linear 0.125s 0s ease-in;
}
.block-tile__content {
display: block;
position: absolute;
bottom: 20px;
left: 20px;
}
.block-tile__content.has-icon {
display: flex;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.block-tile__content.is-centered {
align-items: center;
display: flex;
flex-flow: column wrap;
justify-content: center;
text-align: center;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.block-tile__title, .block-tile__text {
color: #FAFAFA;
margin: 0;
}
.block-tile__title {
font-size: 22.5px;
font-size: 1.5rem;
text-transform: lowercase;
}
@media only screen and (min-width: 768px) {
.block-tile__title {
font-size: 1.667rem;
}
}
.block-tile__text {
margin-top: 10px;
}
.block-tile__icon {
display: block;
margin: 0 auto;
max-width: 80%;
}
@media only screen and (min-width: 1000px) {
.block-tile__icon {
max-width: 100%;
}
}
.editor-styles-wrapper .block-tile h2,
.editor-styles-wrapper .block-tile p {
color: #FAFAFA;
font-family: sans-serif;
margin: 0;
}
.editor-styles-wrapper .block-tile p {
margin-top: 10px;
}
.editor-styles-wrapper .block-tile small {
display: none;
}
.wp-block-group {
margin-bottom: 20px;
}
.wp-block-group.is-style-group-one {
margin-bottom: 20px;
min-width: 280px;
}
@media only screen and (min-width: 768px) {
.wp-block-group.is-style-group-one > .wp-block-group__inner-container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(auto-fit, minmax(120px, 1fr));
grid-gap: 20px;
}
.wp-block-group.is-style-group-one > .wp-block-group__inner-container > div {
display: inline-table;
margin-bottom: 0;
width: 100%;
}
.wp-block-group.is-style-group-one > .wp-block-group__inner-container > div:nth-child(1) {
grid-column: 1;
grid-row: 1/span 2;
}
.wp-block-group.is-style-group-one > .wp-block-group__inner-container > div:nth-child(2) {
grid-column: 2;
grid-row: 1/span 1;
}
.wp-block-group.is-style-group-one > .wp-block-group__inner-container > div:nth-child(3) {
grid-column: 1;
grid-row: 3/span 1;
}
.wp-block-group.is-style-group-one > .wp-block-group__inner-container > div:nth-child(4) {
grid-column: 2;
grid-row: 2/span 2;
}
}
.wp-block-group.is-style-group-one > .wp-block-group__inner-container .block-editor-block-list__block {
margin-top: 0;
}
.wp-block-group.is-style-group-one > .wp-block-group__inner-container .block-editor-block-list__block .block-tile {
margin-bottom: 0;
}
.wp-block-group > .wp-block-group__inner-container > *:last-child {
margin-bottom: 0;
}
.wp-block-list {
list-style: none;
margin: 0 0 20px;
padding: 0 0 0 45px;
}
.wp-block-list li {
margin-top: 10px;
position: relative;
}
.wp-block-list li:first-child {
margin-top: 0;
}
ul.wp-block-list li::before {
background-color: rgba(26, 81, 73, 0.4);
border: 2px solid #1a5149;
border-radius: 50%;
content: "";
display: inline-block;
height: 10px;
left: -30px;
position: absolute;
top: calc(1.25rem / 4.75);
width: 10px;
}
ol {
counter-reset: counter;
list-style: none;
}
ol li {
counter-increment: counter;
}
ol li::before {
content: counter(counter) ". ";
font-family: "hind-b", "Roboto", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 13.125px;
font-size: 0.875rem;
left: -30px;
position: absolute;
top: 1px;
}
ol.nested-letters {
counter-reset: counter;
}
ol.nested-letters ol {
counter-reset: item;
list-style: none;
}
ol.nested-letters ol li {
counter-increment: item;
}
ol.nested-letters ol li::before {
content: counter(item, lower-alpha) ") ";
font-family: "hind-b", "Roboto", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 13.125px;
font-size: 0.875rem;
left: -30px;
position: absolute;
top: 1px;
}
ol.is-style-checkmarks li::before, ol.is-style-checkmarks li::after,
ul.is-style-checkmarks li::before,
ul.is-style-checkmarks li::after {
background-color: #25292E;
border: 0;
box-shadow: none;
content: "";
display: inline-block;
height: 2px;
position: absolute;
top: calc(1.25rem / 2.125);
transform: rotate(50deg);
}
ol.is-style-checkmarks li::before,
ul.is-style-checkmarks li::before {
border-radius: 0 2px 2px 0;
left: -28.8px;
transform: rotate(40deg);
top: calc(1.25rem / 1.75);
width: 6px;
}
ol.is-style-checkmarks li::after,
ul.is-style-checkmarks li::after {
border-radius: 2px 0 0 2px;
left: -26.68px;
transform: rotate(-55deg);
top: calc(1.25rem / 2.5);
width: 13.34px;
}
.wpcf7 .wpcf7-form-control-wrap {
display: block;
margin-bottom: 20px;
width: 100%;
}
.wpcf7 .inline .wpcf7-list-item {
display: inline-block;
}
.wpcf7 .inline-elements {
align-items: baseline;
display: flex;
justify-content: space-between;
}
.wpcf7 .inline-elements > * {
min-width: 20px;
}
.wpcf7 .wpcf7-list-item {
display: block;
margin: 0 20px 0 0;
}
.wpcf7 .wpcf7-list-item.last {
margin-right: 0;
}
.wpcf7 .wpcf7-list-item-label {
font-family: "hind", "Roboto", "Open-Sans", "HelveticaNeue", "Segoe-UI", "TrebuchetMS", sans-serif;
font-size: 1;
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: rgba(26, 81, 73, 0.075);
color: #1a5149;
border: 2px solid #1a5149;
font-weight: bold;
}
.wpcf7 form.success .wpcf7-response-output {
background-color: #1dd1a1;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
background-color: #feca57;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.error .wpcf7-response-output {
background-color: #ee5253;
color: #FAFAFA;
}
.wpcf7 form .wpcf7-response-output {
background-color: #dadedf;
border: 0;
margin: 40px 0 20px;
padding: 20px 20px 17px;
text-align: center;
}
.wpcf7 form.sent *:not(.wpcf7-response-output) {
opacity: 0.7;
}
.wpcf7 .custom-form {
margin: 0 auto 20px;
}
@media only screen and (min-width: 400px) {
.wpcf7 .custom-form.size-30 {
min-width: 360px;
max-width: calc(30 * 1%);
}
.wpcf7 .custom-form.size-40 {
min-width: 360px;
max-width: calc(40 * 1%);
}
.wpcf7 .custom-form.size-50 {
min-width: 360px;
max-width: calc(50 * 1%);
}
.wpcf7 .custom-form.size-60 {
min-width: 360px;
max-width: calc(60 * 1%);
}
.wpcf7 .custom-form.size-70 {
min-width: 360px;
max-width: calc(70 * 1%);
}
.wpcf7 .custom-form.size-80 {
min-width: 360px;
max-width: calc(80 * 1%);
}
.wpcf7 .custom-form.size-90 {
min-width: 360px;
max-width: calc(90 * 1%);
}
}
.wpcf7 .inline-cols {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
grid-gap: 20px;
}
.wpcf7 .inline-cols.minimal-gap {
grid-gap: 10px;
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}