@charset "utf-8";
  :root{
--colorLight: #ffffff;
--colorLightRGB: 255, 255, 255;
--colorFont: #555555;
--colorFontMuted: #666666;
--colorBackground: #f7f7f7;
--colorBorder: #e1e1e1;
--colorDark: #444444;
--colorDarkMuted: #222222;
--colorMain: #a17de8;
--colorMain2: #8a8dff;
--colorMain3: #e678f5;
--colorMain4: #7892f5;
--btn-fs: .92em;
--sb-gap: 2.5rem;
--wli-my: .5em;
--sideNavWidth: 290px;
--mobileNavWidth: 290px;
--sideNavPX: 20px;
--mobileNavPX: 20px;
--socialGap: 1em;
--overlay-dark: .55;
--overlay-light: .75;
--c-facebook: #3b5998;
--c-twitter: #1da1f2;
--c-x: #1d9bf0;
--c-youtube: #ff0000;
--c-instagram: #c13584;
--c-pinterest: #bd081c;
--c-linkedin: #0077b5;
--c-github: #333333;
--c-skype: #00aff0;
--c-tiktok: #000000;
--c-buffer: #2c4bff;
--c-tumblr: #455974;
--c-reddit: #f84300;
--c-evernote: #82bd3e;
--c-delicious: #3399ff;
--c-stumbleupon: #eb4823;
--c-telegram: #2fa3d9;
--c-mastodon: #6364ff;
} .svg-icon{
line-height: .8;
}
.svg-icon svg{
max-width: 20px;
max-height: 20px;
fill: var(--colorDarkMuted);
}
.social-links{
line-height: 1;
display: flex;
}
.social-links a{
display: inline-block;
}
.social-links a svg{
max-width: 18px;
max-height: 18px;
}
.social-links a:hover{
opacity: .7;
}
.social-links a + a{
margin-left: var(--socialGap);
}
.icon-inline{
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.icon-inline .svg-icon{
margin-right: 6px;
}
.icon-inline .svg-icon:last-child{
margin-right: 0;
}
.icon-inline > strong{
white-space: nowrap;
margin-right: 4px;
}
.entry-footer .icon-inline:not([class*=fs-]){
align-items: flex-start;
}
.icons-media .icon-inline{
align-items: flex-start;
padding-top: 0;
text-align: left;
}
.icons-media .icon-inline strong{
display: block;
line-height: 1;
}
.meta-icons-main .icon-inline .svg-icon svg{
fill: var(--colorMain);
color: var(--colorMain);
}
.meta-icons-main .c .icon-inline .svg-icon svg{
fill: #fff;
color: #fff;
}
.meta-icons-main2 .icon-inline .svg-icon svg{
fill: var(--colorMain2);
color: var(--colorMain2);
}
.meta-icons-main2 .c2 .icon-inline .svg-icon svg{
fill: #fff;
color: #fff;
}
.meta-icons-border .icon-inline .svg-icon svg{
fill: var(--colorBorder);
color: var(--colorBorder);
}
.meta-icons-dark .icon-inline .svg-icon svg{
fill: var(--colorDark);
color: var(--colorDark);
}
.meta-icons-dark-muted .icon-inline .svg-icon svg{
fill: var(--colorDarkMuted);
color: var(--colorDarkMuted);
} .animation-enabled .animate,
[data-animate*=".column-aside .widget"] .column-aside .widget,
[data-animate*=".footer-widgets .widget"] .footer-widgets .widget,
[data-animate*=".hfeed article.post"].hfeed .post,
[data-animate*=".hfeed .post .post-thumbnail img"].hfeed .post .post-thumbnail img{
visibility: hidden;
}
.animated{
visibility: visible !important;
} .preloader{
position: fixed;
top: 5px;
right: 0;
z-index: 13000;
opacity: 1;
transition: all .35s ease;
}
.no-js .preloader{
display: none;
}
.preloader.cover{
top: 0;
left: 0;
bottom: 0;
background: rgba(255, 255, 255, .95);
height: 100%;
}
.preloader.cover .preloader_css{
position: absolute;
left: 50%;
top: 50%;
margin: -20px 0 0 -20px;
}
.preloader.loaded{
opacity: 0;
z-index: -1;
}
.preloader.loaded .preloader_css{
opacity: 0;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.preloader_css{
width: 30px;
height: 30px;
margin: 10px;
border: 3px solid #f7f7f7;
border-radius: 50%;
border-top-color: var(--colorMain);
opacity: 1;
transition: opacity .35s ease;
-webkit-animation: spin .5s infinite linear;
animation: spin .5s infinite linear;
}
@-webkit-keyframes spin {
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
} html{
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body{
margin: 0;
}
main{
display: block;
}
hr{
box-sizing: content-box;
overflow: visible;
}
pre{
font-family: monospace, monospace;
font-size: 1em;
}
a{
background-color: transparent;
}
abbr[title]{
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong{
font-weight: 700;
}
code,
kbd,
samp{
font-family: monospace, monospace;
font-size: 1em;
}
small{
font-size: 80%;
}
sub,
sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub{
bottom: -0.25em;
}
sup{
top: -0.5em;
}
img{
border-style: none;
}
button,
input,
optgroup,
select,
textarea{
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input{
overflow: visible;
}
button,
select{
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit]{
-webkit-appearance: button;
cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner{
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring{
outline: 1px dotted ButtonText;
}
fieldset{
padding: .35em .75em .625em;
}
legend{
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress{
vertical-align: baseline;
}
textarea{
overflow: auto;
}
[type=checkbox],
[type=radio]{
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{
height: auto;
}
[type=search]{
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration{
-webkit-appearance: none;
}
::-webkit-file-upload-button{
-webkit-appearance: button;
font: inherit;
}
details{
display: block;
}
summary{
display: list-item;
}
template{
display: none;
}
[hidden]{
display: none;
} *{
box-sizing: border-box;
}
html{
scroll-behavior: smooth;
overflow-x: hidden;
width: 100%;
}
html.customize-preview{
scroll-behavior: initial;
}
body{
background-color: var(--colorLight);
text-rendering: optimizeLegibility;
word-break: break-word;
width: 100%;
position: relative;
font-weight: 300;
}
body,
button,
input,
select,
textarea{
color: var(--colorFont);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.74;
letter-spacing: .02em;
}
iframe{
max-width: 100%;
}
figure,
img{
margin: 0;
max-width: 100%;
height: auto;
}
figcaption{
font-size: 14px;
text-align: center;
line-height: 1.4;
padding: .2em .3em;
}
table{
width: 100%;
border-collapse: collapse;
}
td,
th{
padding: .5em 1em;
word-break: initial;
}
th{
text-align: inherit;
background-color: var(--colorBackground);
}
.i th{
background-color: transparent;
}
code{
padding: 0 .5rem;
font-size: .85rem;
display: inline-block;
background-color: var(--colorBackground);
}
pre{
margin: 1.5em 0;
max-width: 100%;
overflow-x: auto;
font-size: .85rem;
padding: 1em;
background-color: var(--colorBackground);
}
blockquote{
margin: 2em 0;
padding: 1em 0 1em 1.75em;
border-left: 3px solid;
border-color: var(--colorMain) !important;
}
blockquote:last-child,
blockquote p:last-child{
margin-bottom: 0;
}
blockquote cite img{
max-width: 50px;
border-radius: 50%;
margin-right: .5em;
vertical-align: middle;
}
cite{
font-style: normal;
font-size: .92em;
}
a{
outline: none;
text-decoration: none;
transition: .2s all ease;
color: var(--colorDarkMuted);
}
a:focus,
a:hover{
color: var(--colorMain);
}
a:focus{
outline: 1px dotted rgba(124, 124, 124, .9);
outline-offset: 2px;
}
ol,
ul,
dd{
padding-left: 20px;
}
dt{
font-weight: bolder;
}
dd{
margin-left: 0;
}
ol.styled,
ul.styled{
padding-left: 0;
list-style: none;
}
ol.styled li,
ul.styled li{
padding: .5em 0;
}
ol.bordersul,
ul.bordersul{
border-top: 1px solid var(--colorBorder);
border-bottom: 1px solid var(--colorBorder);
}
ol.bordersli li,
ul.bordersli li{
padding: .75em 0;
}
ol.bordersli li + li,
ul.bordersli li + li{
border-top: 1px solid var(--colorBorder);
}
ol.styled{
counter-reset: olc;
}
ol.styled li{
counter-increment: olc;
}
ol.styled li:before{
content: counter(olc) '. ';
color: var(--colorMain);
}
ul.styled li:before{
content: '';
display: inline-block;
width: .5em;
height: 1em;
margin-right: 1.5em;
border: 2px solid var(--colorMain);
border-width: 0 2px 2px 0;
position: relative;
bottom: .05em;
left: .5em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
nav > ul{
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6{
color: var(--colorDarkMuted);
line-height: 1.34;
margin-top: 2em;
margin-bottom: 1em;
font-weight: 400;
}
h1:first-child:not([class*=mt-]),
h2:first-child:not([class*=mt-]),
h3:first-child:not([class*=mt-]),
h4:first-child:not([class*=mt-]),
h5:first-child:not([class*=mt-]),
h6:first-child:not([class*=mt-]){
margin-top: 0;
}
h1{
font-size: 2em;
}
h2{
font-size: 1.5em;
}
h3{
font-size: 1.3em;
}
h4{
font-size: 1.2em;
}
h5{
font-size: 1.1em;
}
h6{
font-size: 1em;
}
p{
margin-top: 0;
margin-bottom: 1.5em;
}
p:last-child:after{
content: '';
display: block;
clear: both;
}
address{
margin-bottom: 1.5em;
}
hr{
border: 0;
height: 1px;
margin: 0;
background-color: var(--colorBorder);
}
mark{
color: inherit;
background-color: transparent;
}
.special{
font-size: 2em;
text-transform: uppercase;
}
.small{
font-size: .92em;
}
.normal{
font-size: 1em;
}
.big{
font-size: 3em;
}
.huge{
font-size: 4.5em;
} fieldset{
border-color: var(--colorBorder);
border-width: 1px;
border-style: solid;
padding: .5em 1.25em 1.25em;
}
input,
label,
select,
button,
textarea{
font-size: inherit;
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
}
label{
cursor: pointer;
font-size: .92em;
}
button:focus,
input:focus,
textarea:focus{
outline: 1px dotted rgba(124, 124, 124, .9);
outline-offset: 2px;
} input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
select{
padding: .15em .75em;
min-height: 40px;
border: 1px solid;
border-color: var(--colorBorder);
background-color: var(--colorLight);
box-shadow: none;
}
textarea{
padding-top: .25em;
padding-bottom: .25em;
}
input[type=number]{
padding-right: 0;
}
select{
height: 40px;
line-height: 40px;
white-space: nowrap;
} input[type=checkbox],
input[type=radio]{
width: 13px;
height: 13px;
margin-right: .25em;
position: relative;
top: -0.15em;
}  input[type=search]{
-webkit-appearance: textfield;
} ::-webkit-search-decoration{
display: none;
} .wp-block-button__link:visited,
.wp-block-button__link:active,
.wp-block-button__link:focus{
color: var(--colorLight);
}
[type=reset],
[type=button],
[type=submit],
.wp-block-button__link{
overflow: hidden;
width: auto;
position: relative;
border: 3px solid;
border-color: transparent;
display: inline-block;
line-height: 1;
font-size: var(--btn-fs);
font-weight: normal;
text-align: center;
padding: 15px 23px 15px;
border-radius: 1px;
background-color: var(--colorDark);
color: var(--colorLight);
cursor: pointer;
transition: color .25s, background-color .25s, border-color .25s ease-out, opacity .25s ease-out;
}
[type=reset]:hover,
[type=button]:hover,
[type=submit]:hover,
.wp-block-button__link:hover{
background-color: var(--colorMain);
color: #fff;
cursor: pointer;
opacity: .9;
}
.btns-big [type=reset],
.btns-big [type=button],
.btns-big [type=submit],
.btns-big .wp-block-button__link{
padding: 20px 35px 20px;
}
.btns-uppercase [type=reset],
.btns-uppercase [type=button],
.btns-uppercase [type=submit],
.btns-uppercase .wp-block-button__link{
text-transform: uppercase;
}
.btns-bold [type=reset],
.btns-bold [type=button],
.btns-bold [type=submit],
.btns-bold .wp-block-button__link{
font-weight: bold;
}
.btns-rounded [type=reset],
.btns-rounded [type=button],
.btns-rounded [type=submit],
.btns-rounded .wp-block-button__link{
border-radius: 6px;
}
.btns-round [type=reset],
.btns-round [type=button],
.btns-round [type=submit],
.btns-round .wp-block-button__link{
border-radius: 40px;
}
.btns-colormain [type=reset],
.btns-colormain [type=button],
.btns-colormain [type=submit],
.btns-colormain .wp-block-button__link{
background-color: var(--colorMain);
color: #fff;
}
.btns-colormain [type=reset]:hover,
.btns-colormain [type=button]:hover,
.btns-colormain [type=submit]:hover,
.btns-colormain .wp-block-button__link:hover{
background-color: var(--colorDark);
color: var(--colorLight);
}
.btns-outline [type=reset],
.btns-outline [type=button],
.btns-outline [type=submit],
.btns-outline .wp-block-button__link{
background-color: transparent;
color: var(--colorDark);
border-color: var(--colorDark);
}
.btns-outline [type=reset]:hover,
.btns-outline [type=button]:hover,
.btns-outline [type=submit]:hover,
.btns-outline .wp-block-button__link:hover{
background-color: var(--colorDark);
color: var(--colorLight);
}
.btns-colormain.btns-outline [type=reset],
.btns-colormain.btns-outline [type=button],
.btns-colormain.btns-outline [type=submit],
.btns-colormain.btns-outline .wp-block-button__link{
color: var(--colorMain);
border-color: var(--colorMain);
}
.btns-colormain.btns-outline [type=reset]:hover,
.btns-colormain.btns-outline [type=button]:hover,
.btns-colormain.btns-outline [type=submit]:hover,
.btns-colormain.btns-outline .wp-block-button__link:hover{
border-color: var(--colorMain);
background-color: var(--colorMain);
color: #fff;
}
button:disabled,
[type=submit]:disabled{
cursor: not-allowed;
opacity: .5;
}
.is-style-outline [class].wp-block-button__link{
padding: 15px 23px 15px;
}
.btns-big .is-style-outline [class].wp-block-button__link{
padding: 20px 35px 20px;
}
.is-style-outline .wp-block-button__link{
background-color: transparent;
border-width: 3px;
}
.btns-rounded input,
.btns-rounded select,
.btns-rounded textarea{
border-radius: 6px;
}
.btns-round input,
.btns-round select,
.btns-round textarea{
border-radius: 20px;
} input[type=file]{
display: block;
} textarea{ vertical-align: top; overflow: auto;
}
select[multiple]{ vertical-align: top;
} ::-webkit-input-placeholder{
opacity: .5;
-webkit-transition: opacity .6s ease;
transition: opacity .6s ease;
}
:-ms-input-placeholder{
opacity: .5;
-ms-transition: opacity .6s ease;
transition: opacity .6s ease;
}
::placeholder{
opacity: .5;
transition: opacity .6s ease;
}
:focus::-webkit-input-placeholder{
opacity: 0;
}
:focus:-ms-input-placeholder{
opacity: 0;
}
:focus::placeholder{
opacity: 0;
}  .l{
background-color: var(--colorLight);
}
.m{
background-color: var(--colorBackground);
} .i{
background-color: var(--colorDark);
color: rgba(var(--colorLightRGB), .8);
}
.i input,
.i select,
.i textarea{
color: rgba(var(--colorLightRGB), .8);
border-color: rgba(var(--colorLightRGB), .3);
background: transparent;
}
.i ::-webkit-input-placeholder{
color: rgba(var(--colorLightRGB), .8);
}
.i :-ms-input-placeholder{
color: rgba(var(--colorLightRGB), .8);
}
.i ::placeholder{
color: rgba(var(--colorLightRGB), .8);
}
.i h1,
.i h2,
.i h3,
.i h4,
.i h5,
.i h6{
color: var(--colorLight);
}
.i a{
color: var(--colorLight);
}
.i a:hover{
color: var(--colorMain);
}
.i .button,
.i button,
.i input[type=reset],
.i input[type=button],
.i input[type=submit],
.i .wp-block-button__link{
background-color: var(--colorLight);
color: var(--colorDarkMuted);
}
.i .button:hover,
.i button:hover,
.i input[type=reset]:hover,
.i input[type=button]:hover,
.i input[type=submit]:hover,
.i .wp-block-button__link:hover{
background-color: var(--colorMain);
color: #fff;
}
.btns-colormain .i .button,
.btns-colormain .i button,
.btns-colormain .i input[type=reset],
.btns-colormain .i input[type=button],
.btns-colormain .i input[type=submit],
.btns-colormain .i .wp-block-button__link{
background-color: var(--colorMain);
color: #fff;
}
.btns-outline .i .button,
.btns-outline .i button,
.btns-outline .i input[type=reset],
.btns-outline .i input[type=button],
.btns-outline .i input[type=submit],
.btns-outline .i .wp-block-button__link{
background: transparent;
border-color: var(--colorLight);
color: var(--colorLight);
}
.i .is-style-outline a.wp-block-button__link{
border-color: var(--colorLight);
color: var(--colorLight);
background: transparent;
}
.i .is-style-outline a.wp-block-button__link:hover{
border-color: transparent;
background-color: var(--colorMain);
}
.i.m{
background-color: var(--colorDarkMuted);
}
.i.c{
background-color: var(--colorMain);
color: rgba(255, 255, 255, .8);
}
.i.c input,
.i.c select,
.i.c textarea{
color: rgba(255, 255, 255, .8);
border-color: rgba(255, 255, 255, .3);
background: transparent;
}
.i.c ::-webkit-input-placeholder{
color: rgba(255, 255, 255, .8);
}
.i.c :-ms-input-placeholder{
color: rgba(255, 255, 255, .8);
}
.i.c ::placeholder{
color: rgba(255, 255, 255, .8);
}
.i.c h1,
.i.c h2,
.i.c h3,
.i.c h4,
.i.c h5,
.i.c h6{
color: #ffffff;
}
.i.c a.logo,
.i.c a:not([class]){
color: #fff;
}
.i.c a.logo:hover,
.i.c a:not([class]):hover{
opacity: .7;
color: #fff;
}
.i.c .button:hover,
.i.c button:hover,
.i.c input[type=reset]:hover,
.i.c input[type=button]:hover,
.i.c input[type=submit]:hover,
.i.c .wp-block-button__link:hover{
background-color: var(--colorMain2);
border-color: transparent;
}
.btns-colormain .i.c .button,
.btns-colormain .i.c button,
.btns-colormain .i.c input[type=reset],
.btns-colormain .i.c input[type=button],
.btns-colormain .i.c input[type=submit],
.btns-colormain .i.c .wp-block-button__link{
background-color: var(--colorMain2);
}
.btns-colormain.btns-outline .i.c .button,
.btns-colormain.btns-outline .i.c button,
.btns-colormain.btns-outline .i.c input[type=reset],
.btns-colormain.btns-outline .i.c input[type=button],
.btns-colormain.btns-outline .i.c input[type=submit],
.btns-colormain.btns-outline .i.c .wp-block-button__link{
background-color: transparent;
}
.btns-colormain.btns-outline .i.c .button:hover,
.btns-colormain.btns-outline .i.c button:hover,
.btns-colormain.btns-outline .i.c input[type=reset]:hover,
.btns-colormain.btns-outline .i.c input[type=button]:hover,
.btns-colormain.btns-outline .i.c input[type=submit]:hover,
.btns-colormain.btns-outline .i.c .wp-block-button__link:hover{
background-color: var(--colorMain2);
}
.i.c .is-style-outline a.wp-block-button__link{
border-color: var(--colorLight);
color: var(--colorLight);
background: transparent;
}
.i.c .is-style-outline a.wp-block-button__link:hover{
border-color: transparent;
background-color: var(--colorDarkMuted);
}
.i.c .svg-icon svg,
.i.c .icon-inline .svg-icon svg{
fill: #fff;
}
.i.c.c2{
background-color: var(--colorMain2);
}
.i.c.c3{
background-color: var(--colorMain3);
}
.i.c.c4{
background-color: var(--colorMain4);
}
.i.c.gradient{
background-image: linear-gradient(0deg, var(--colorMain), var(--colorMain2));
}
.i.c.gradient.horizontal{
background-image: linear-gradient(90deg, var(--colorMain), var(--colorMain2));
}
.i.c.gradient.diagonal{
background-image: linear-gradient(45deg, var(--colorMain), var(--colorMain2));
}
.i .svg-icon svg,
.i .icon-inline .svg-icon svg{
fill: var(--colorLight);
}
.i .l.affix .svg-icon svg{
fill: var(--colorDarkMuted);
}
.i .affix.l{
color: #fff;
}
.i .affix.l a:not([class*=button]){
color: var(--colorDarkMuted);
}
.i .affix.l a:not([class*=button]):hover{
color: var(--colorMain);
}
.i .affix.l [type=search]{
border-color: var(--colorBorder);
color: var(--colorDarkMuted);
}
.i .section-hr{
background-color: rgba(255, 255, 255, .15);
} .d-block{
display: block;
}
.bordered{
border: 1px solid;
border-color: var(--colorBorder);
}
.i .bordered{
border-color: rgba(255, 255, 255, .15);
}
.muted{
background-color: var(--colorBackground);
}
.l.m .muted{
background-color: var(--colorLight);
}
.i .muted{
background-color: rgba(255, 255, 255, .1);
}
.shadow{
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
}
.i .shadow{
box-shadow: 0 0 20px 0 rgba(255, 255, 255, .1);
}
.extra-padding,
.bordered,
.muted,
.shadow{
padding: 1.5em;
}
.rounded{
border-radius: 10px;
overflow: hidden;
}
.background-overlay{
position: relative;
}
.background-overlay:before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, var(--overlay-dark));
}
.background-overlay.overlay-light:before{
background-color: rgba(255, 255, 255, var(--overlay-light));
}
.background-overlay > *{
position: relative;
}
.background-cover{
background-position: 50% 0;
background-size: cover;
}
.background-cover.cover-center{
background-position: 50% 50%;
}
.background-fixed{
background-attachment: fixed;
}
.dropdown{
position: relative;
} .fs-9{
font-size: 9px;
}
.fs-10{
font-size: 10px;
}
.fs-11{
font-size: 11px;
}
.fs-12{
font-size: 12px;
}
.fs-13{
font-size: 13px;
}
.fs-14{
font-size: 14px;
}
.fs-15{
font-size: 15px;
}
.fs-16{
font-size: 16px;
}
.fs-17{
font-size: 17px;
}
.fs-18{
font-size: 18px;
}
.fs-19{
font-size: 19px;
}
.fs-20{
font-size: 20px;
}
.fs-21{
font-size: 21px;
}
.fs-22{
font-size: 22px;
}
.fs-23{
font-size: 23px;
}
.fs-24{
font-size: 24px;
}
.fs-25{
font-size: 25px;
}
.fs-26{
font-size: 26px;
}
@media (min-width: 1200px) {
.fs-xl-9{
font-size: 9px;
}
.fs-xl-10{
font-size: 10px;
}
.fs-xl-11{
font-size: 11px;
}
.fs-xl-12{
font-size: 12px;
}
.fs-xl-13{
font-size: 13px;
}
.fs-xl-14{
font-size: 14px;
}
.fs-xl-15{
font-size: 15px;
}
.fs-xl-16{
font-size: 16px;
}
.fs-xl-17{
font-size: 17px;
}
.fs-xl-18{
font-size: 18px;
}
.fs-xl-19{
font-size: 19px;
}
.fs-xl-20{
font-size: 20px;
}
.fs-xl-21{
font-size: 21px;
}
.fs-xl-22{
font-size: 22px;
}
.fs-xl-23{
font-size: 23px;
}
.fs-xl-24{
font-size: 24px;
}
.fs-xl-25{
font-size: 25px;
}
.fs-xl-26{
font-size: 26px;
}
}
.small-text{
font-size: .75em;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .15em;
}
.fw-700{
font-weight: 700;
}
.text-uppercase{
text-transform: uppercase;
}
.text-right{
text-align: right;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.bg-main{
color: #fff;
background-color: var(--colorMain);
}
.lists-inline li{
display: inline;
padding-right: .5em;
}  .container{
position: relative;
max-width: 1400px;
margin: auto;
}
.container:before,
.container:after{
content: '';
display: block;
clear: both;
}
.container-1400 .container{
max-width: 1400px;
}
.container-1140 .container{
max-width: 1140px;
}
.container-960 .container{
max-width: 960px;
}
.container-720 .container{
max-width: 720px;
}
.container-1400 > .container{
max-width: 1400px;
}
.container-1140 > .container{
max-width: 1140px;
}
.container-960 > .container{
max-width: 960px;
}
.container-720 > .container{
max-width: 720px;
}
.row:before,
.row:after{
content: '';
display: block;
clear: both;
}
.container-fluid{
position: relative;
padding-left: 15px;
padding-right: 15px;
}
.container-fluid:before,
.container-fluid:after{
content: '';
display: block;
clear: both;
}
@media (max-width: 1430px) {
.container{
padding-left: 15px;
padding-right: 15px;
}
}
.container-flex{
display: flex;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.container-md-flex{
display: flex;
align-items: center;
}
}
.cols-1,
.gallery-columns-1{
display: block;
}
.cols-1 > *,
.cols-1 > .grid-sizer,
.cols-1 > .grid-item,
.gallery-columns-1 > *,
.gallery-columns-1 > .grid-sizer,
.gallery-columns-1 > .grid-item{
width: 100%;
}
.cols-2,
.gallery-columns-2{
display: flex;
flex-wrap: wrap;
}
.cols-2 > *,
.gallery-columns-2 > *{
width: 50%;
}
.cols-3,
.gallery-columns-3{
display: flex;
flex-wrap: wrap;
}
.cols-3 > *,
.gallery-columns-3 > *{
width: 33.333%;
}
.cols-4,
.gallery-columns-4{
display: flex;
flex-wrap: wrap;
}
.cols-4 > *,
.gallery-columns-4 > *{
width: 25%;
}
.cols-5,
.gallery-columns-5{
display: flex;
flex-wrap: wrap;
}
.cols-5 > *,
.gallery-columns-5 > *{
width: 20%;
}
.cols-6,
.gallery-columns-6{
display: flex;
flex-wrap: wrap;
}
.cols-6 > *,
.gallery-columns-6 > *{
width: 16.666%;
}
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9{
display: flex;
flex-wrap: wrap;
}
.gallery-columns-7 > *,
.gallery-columns-8 > *,
.gallery-columns-9 > *{
width: 16.666%;
} .grid-wrapper{
display: flex;
flex-wrap: wrap;
}
.grid-wrapper .grid-sizer{
display: none;
}
.grid-item .has-post-thumbnail > .item-content{
padding-top: .75em;
}
.grid-item .post-title{
font-size: 1.1em;
margin: 0 0 .5em;
}
.grid-columns-wrapper{
overflow: hidden;
}
.layout-gap-1 .grid-wrapper,
.layout-gap-1 .masonry{
margin-left: -1px;
margin-right: 0;
}
.layout-gap-1 .grid-item{
padding-right: 0;
padding-left: 1px;
padding-bottom: 1px;
}
.layout-gap-2 .grid-wrapper,
.layout-gap-2 .masonry{
margin-left: -1px;
margin-right: -1px;
}
.layout-gap-2 .grid-item{
padding-right: 1px;
padding-left: 1px;
padding-bottom: 2px;
}
.layout-gap-3 .grid-wrapper,
.layout-gap-3 .masonry{
margin-left: -2px;
margin-right: -1px;
}
.layout-gap-3 .grid-item{
padding-right: 1px;
padding-left: 2px;
padding-bottom: 3px;
}
.layout-gap-4 .grid-wrapper,
.layout-gap-4 .masonry{
margin-left: -2px;
margin-right: -2px;
}
.layout-gap-4 .grid-item{
padding-right: 2px;
padding-left: 2px;
padding-bottom: 4px;
}
.layout-gap-5 .grid-wrapper,
.layout-gap-5 .masonry{
margin-left: -3px;
margin-right: -2px;
}
.layout-gap-5 .grid-item{
padding-right: 2px;
padding-left: 3px;
padding-bottom: 5px;
}
.layout-gap-10 .grid-wrapper,
.layout-gap-10 .masonry{
margin-left: -5px;
margin-right: -5px;
}
.layout-gap-10 .grid-item{
padding-right: 5px;
padding-left: 5px;
padding-bottom: 10px;
}
.layout-gap-15 .grid-wrapper,
.layout-gap-15 .masonry{
margin-left: -8px;
margin-right: -7px;
}
.layout-gap-15 .grid-item{
padding-right: 7px;
padding-left: 8px;
padding-bottom: 15px;
}
.layout-gap-20 .grid-wrapper,
.layout-gap-20 .masonry{
margin-left: -10px;
margin-right: -10px;
}
.layout-gap-20 .grid-item{
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
}
.layout-gap-30 .grid-wrapper,
.layout-gap-30 .masonry{
margin-left: -15px;
margin-right: -15px;
}
.layout-gap-30 .grid-item{
padding-right: 15px;
padding-left: 15px;
padding-bottom: 30px;
}
.layout-gap-40 .grid-wrapper,
.layout-gap-40 .masonry{
margin-left: -20px;
margin-right: -20px;
}
.layout-gap-40 .grid-item{
padding-right: 20px;
padding-left: 20px;
padding-bottom: 40px;
}
.layout-gap-50 .grid-wrapper,
.layout-gap-50 .masonry{
margin-left: -25px;
margin-right: -25px;
}
.layout-gap-50 .grid-item{
padding-right: 25px;
padding-left: 25px;
padding-bottom: 50px;
}
.layout-gap-60 .grid-wrapper,
.layout-gap-60 .masonry{
margin-left: -30px;
margin-right: -30px;
}
.layout-gap-60 .grid-item{
padding-right: 30px;
padding-left: 30px;
padding-bottom: 60px;
}
.grid-sizer,
.grid-item{
width: 100%;
}
@media screen and (min-width: 576px) {
.grid-sizer,
.grid-item{
width: 50%;
}
.layout-cols-1 .grid-item{
width: 100%;
}
}
@media screen and (min-width: 992px) {
.layout-cols-3 .grid-sizer,
.layout-cols-3 .grid-item{
width: 33.3333%;
}
.layout-cols-4 .grid-sizer,
.layout-cols-4 .grid-item,
.layout-cols-5 .grid-sizer,
.layout-cols-5 .grid-item,
.layout-cols-6 .grid-sizer,
.layout-cols-6 .grid-item{
width: 25%;
}
}
@media screen and (min-width: 1200px) {
.layout-cols-5 .grid-sizer,
.layout-cols-5 .grid-item{
width: 20%;
}
.layout-cols-6 .grid-sizer,
.layout-cols-6 .grid-item{
width: 16.666%;
}
}
.section{
margin-left: -100em;
margin-right: -100em;
padding-left: 100em;
padding-right: 100em;
}
.section.extra-padding{
padding-left: 101.5em;
padding-right: 101.5em;
}
.section.extra-padding.alignfull{
padding-left: 1.5em;
padding-right: 1.5em;
}
.with-sidebar .section{
margin-left: 0;
margin-right: 0;
padding-left: 1.5em;
padding-right: 1.5em;
}
@media (max-width: 1200px) {
.section.alignfull{
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 1300px) {
.section.alignwide{
padding-left: 0;
padding-right: 0;
}
.section.alignwide.extra-padding{
padding-left: 1.5em;
padding-right: 1.5em;
}
}
.decor{
position: relative;
z-index: 2;
-webkit-clip-path: inset(-60px 0);
clip-path: inset(-60px 0);
overflow: visible;
}
.decor:before,
.decor:after{
content: '';
position: absolute;
left: 0;
right: 0;
height: 60px;
top: -59px;
background-color: var(--colorLight);
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
display: none;
}
.decor:after{
top: auto;
bottom: -59px;
-webkit-transform: scaleY(-1) scaleX(-1);
transform: scaleY(-1) scaleX(-1);
}
@media (max-width: 1199px) {
.decor:before,
.decor:after{
height: 30px;
top: -29px;
}
.decor:after{
top: auto;
bottom: -29px;
}
}
.decor.section:before,
.decor.section:after{
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.decor.decor-t-inverse:before{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.decor.decor-b-inverse:after{
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.decor.chev-t:before{
-webkit-clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.decor.chev-b:after{
-webkit-clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.decor.arr-t:before{
-webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.decor.arr-b:after{
-webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
-webkit-transform: none;
transform: none;
}
.decor.m:before,
.decor.m:after{
background-color: var(--colorBackground);
}
.decor.i:before,
.decor.i:after{
background-color: var(--colorDark);
}
.decor.i.m:before,
.decor.i.m:after{
background-color: var(--colorDarkMuted);
}
.decor.c:before,
.decor.c:after{
background-color: var(--colorMain);
}
.decor.c2:before,
.decor.c2:after{
background-color: var(--colorMain2);
}
.decor.gradient:after{
background-color: var(--colorMain2);
}
.decor-t:before,
.decor-t-inverse:before,
.arr-t:before,
.chev-t:before,
.decor-b:after,
.decor-b-inverse:after,
.arr-b:after,
.chev-b:after{
display: block;
}
.screen{
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
}
.posts-list{
padding: 0;
margin: 0;
text-align: left;
}
.posts-list img{
display: block;
line-height: 1;
}
.posts-list li{
display: flex;
}
.posts-list li img{
max-width: 80px !important;
min-width: 80px;
height: auto;
}
@media screen and (max-width: 1199px) {
.posts-list li img{
max-width: 60px !important;
min-width: 60px;
}
}
.posts-list li h3,
.posts-list li h4{
line-height: 1.4;
margin: .3em 0 .3em;
font-size: 1em;
}
.posts-list li + li{
margin-top: 1rem;
}
.posts-list .posts-list-thumbnail{
margin-right: 1rem;
width: auto;
}
.posts-list .posts-list-thumbnail:focus{
outline-offset: -1px;
}
li .post-date.icon-inline{
font-size: 14px;
margin-top: 8px;
line-height: 1;
display: flex;
align-items: flex-start;
color: var(--colorFontMuted);
}
li .post-date.icon-inline svg{
fill: var(--colorFontMuted);
max-width: 1em;
max-height: 1em;
}
.i li .post-date.icon-inline{
color: var(--colorLight);
}
.i li .post-date.icon-inline svg{
fill: var(--colorLight);
}
.posts-list-thumbnail{
display: block;
position: relative;
width: 100%;
}
.posts-list-thumbnail img{
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.posts-list-thumbnail .svg-icon{
position: absolute;
top: 0;
right: 0;
line-height: 38px;
width: 30px;
height: 30px;
text-align: center;
background-color: rgba(0, 0, 0, .5);
}
.posts-list-thumbnail .svg-icon svg{
fill: #fff;
color: #fff;
}
.post-title{
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin-bottom: 0;
}
.sub-title{
margin-bottom: 3em;
}
@media screen and (max-width: 767px) {
.posts-featured{
margin-bottom: 1em;
}
.posts-featured-item{
margin-bottom: 1em;
}
}
@media screen and (min-width: 768px) {
.posts-wrap .content-absolute{
height: 100%;
}
}
.posts-single-item + .posts-single-item,
.posts-single-item + .posts-side-item,
.posts-side-item + .posts-single-item,
.posts-side-item + .posts-side-item{
margin-top: 2em;
}
.widget .posts-side-item .entry-header{
padding: 0;
}
.widget .posts-side-item .entry-header .entry-title{
font-size: 1.2em;
}
.widget-posts-title-only h3.post-title{
margin-top: 0;
}
.widget-posts-title-only li + li{
margin-top: 0;
}
.column-aside .posts-wrap{
display: block;
}
.column-aside .posts-wrap > *{
width: 100%;
}
.column-aside .grid-wrapper{
display: block;
}
.column-aside .grid-wrapper .grid-item{
width: 100%;
}
.column-aside .posts-featured-item{
margin-bottom: 2em;
}
.layout-cols article{
margin-bottom: 1.5em;
}
@media (min-width: 768px) {
.d-grid{
display: grid;
grid-gap: 1em;
}
.d-grid [class*=item-]{
position: relative;
overflow: hidden;
}
.d-grid [class*=item-] img{
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.layout-gap-1 .d-grid{
grid-gap: 1px;
}
.layout-gap-2 .d-grid{
grid-gap: 2px;
}
.layout-gap-3 .d-grid{
grid-gap: 3px;
}
.layout-gap-4 .d-grid{
grid-gap: 4px;
}
.layout-gap-5 .d-grid{
grid-gap: 5px;
}
.layout-gap-10 .d-grid{
grid-gap: 10px;
}
.layout-gap-15 .d-grid{
grid-gap: 15px;
}
.layout-gap-20 .d-grid{
grid-gap: 20px;
}
.layout-gap-30 .d-grid{
grid-gap: 30px;
}
.layout-gap-40 .d-grid{
grid-gap: 40px;
}
.layout-gap-50 .d-grid{
grid-gap: 50px;
}
.layout-gap-60 .d-grid{
grid-gap: 60px;
}
.grid-4-cols,
.grid-2-cols{
grid-template-columns: 1fr 1fr;
}
.grid-2-cols-big-first{
grid-template-columns: 2fr 1fr;
}
.grid-3-cols{
grid-template-columns: 1fr 1fr 1fr;
}
.layout-2-cols-loop .post-grid-item:nth-child(6n-1),
.layout-2-cols-loop .post-grid-item:nth-child(6n+1),
.layout-2-cols-loop .post-grid-item:nth-child(1){
grid-row: auto/span 2;
}
}
@media (min-width: 992px) {
.grid-4-cols{
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.read-all-link{
display: block;
margin-top: 2em;
text-align: right;
}
.text-center .read-all-link{
text-align: center;
}
div.cats-pills{
margin: .5em 0 .8em;
}
div.cats-pills a{
display: inline-block;
padding: .125em 1em;
color: #fff !important;
background-color: var(--colorMain);
border-radius: 3em;
}
div.cats-pills a:hover{
background-color: var(--colorDark);
}
div.cats-pills-first a{
display: none;
}
div.cats-pills-first a:first-child{
display: inline-block;
}
.cats-links-first a,
.cats-links-first .cats-separator{
display: none;
}
.cats-links-first a:first-child,
.cats-links-first .svg-icon + a{
display: inline;
} .side-item .post-thumbnail{
margin-bottom: 0;
}
.side-item .item-content{
padding-top: 2em;
}
@media screen and (min-width: 576px) {
.side-item{
display: flex;
}
.side-item > *{
flex: 2 1;
}
.side-item > *:first-child{
flex: 1 1;
margin-right: 30px;
}
.side-item.has-post-thumbnail .item-content{
padding-top: 0;
}
.side-item.has-post-thumbnail.article-even,
.side-item.has-post-thumbnail.article-odd{
align-items: center;
}
.side-item.has-post-thumbnail.article-even > *,
.side-item.has-post-thumbnail.article-odd > *{
flex: 1 1;
}
.side-item.has-post-thumbnail.article-even{
flex-direction: row-reverse;
text-align: right;
}
.side-item.has-post-thumbnail.article-even > *:first-child{
margin-right: 0;
margin-left: 30px;
}
}
.item-media img{
display: block;
}
.content-absolute{
position: relative;
display: flex;
}
.content-absolute .entry-title{
margin-bottom: .3em;
}
.content-absolute .overlap-content{
position: absolute;
padding: 3em 1em .75em;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%);
color: #fff !important;
}
.content-absolute .overlap-content h1,
.content-absolute .overlap-content h2,
.content-absolute .overlap-content h3,
.content-absolute .overlap-content h4{
color: #fff;
}
.content-absolute .overlap-content a{
color: #fff;
pointer-events: initial;
}
.content-absolute .overlap-content a:hover{
color: #fff;
opacity: .7;
}
.content-absolute .overlap-content span .svg-icon svg{
fill: #fff;
color: #fff;
}
.content-absolute .overlap-content .entry-footer{
margin-top: .5em;
color: rgba(255, 255, 255, .7);
}
.content-absolute .overlap-content .entry-footer span{
color: rgba(255, 255, 255, .7);
}
.content-absolute .overlap-content .entry-footer a:hover{
color: var(--colorMain);
}
.content-absolute h2,
.content-absolute h3{
margin-bottom: .15em;
}
.content-absolute p:last-child{
margin-bottom: 0;
}
.abs-link{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.icon-box{
margin-bottom: 2em;
}
.icon-box .icon-box-content{
padding-top: 1em;
}
.icon-box h3{
margin-bottom: .75em;
}
.icon-box .icon-box-media{
display: block;
}
.icon-box .icon-box-media img,
.icon-box .icon-box-media svg{
display: block;
margin-bottom: 1.75em;
}
.icon-box.text-center img,
.icon-box.text-center svg{
margin-left: auto;
margin-right: auto;
}
.icon-box.horizontal{
display: flex;
}
.icon-box.horizontal img,
.icon-box.horizontal svg{
max-width: 100px;
margin-right: 1em;
}
.icon-box.horizontal h3{
margin-bottom: .5em;
} .topline{
position: relative;
z-index: 11;
}
.header-absolute-wrap .topline{
background-color: transparent;
z-index: 12;
}
.topline .container,
.topline .container-fluid{
display: flex;
align-items: center;
padding-top: .75em;
padding-bottom: .75em;
}
.topline .container > *:first-child,
.topline .container-fluid > *:first-child{
margin-right: auto;
}
.topline .icon-inline{
margin: 0 1em 0 0;
}
.topline .icon-inline:last-child{
margin-right: 0;
}
.topline .login-links span:last-child a{
margin-right: 0;
}
@media screen and (max-width: 991px) {
.topline .dropdown-menu-md{
display: none;
}
.topline .dropdown-menu-md .login-links{
padding: 0;
display: block;
}
.topline .dropdown-menu-md .login-links .svg-icon{
display: none;
}
.topline .dropdown-menu-md .login-links a{
margin-top: .7em;
display: block;
}
.topline .active .dropdown-menu-md{
min-width: 300px;
max-width: 310px;
padding: 1.5em;
display: block;
position: absolute;
z-index: 11;
background-color: var(--colorLight);
color: var(--colorFont);
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
}
.topline .active .dropdown-menu-md a:not([class]){
color: var(--colorDarkMuted);
}
.topline .active .dropdown-menu-md a:not([class]):hover{
color: var(--colorMain);
}
.topline .active .dropdown-menu-md .svg-icon svg{
fill: var(--colorDarkMuted);
}
.topline .active .dropdown-menu-md > *{
line-height: 1.4;
}
.topline .active .dropdown-menu-md > * + *{
margin-top: .7em;
}
.topline .dropdown-menu-md .icon-inline{
display: flex;
align-items: flex-start;
margin-right: 0;
height: auto;
}
}
.right .dropdown-menu{
right: 0;
}
#topline_dropdown_toggle{
height: 26px;
margin-left: -0.5em;
}
.right #topline_dropdown_toggle{
margin-right: -0.5em;
}
@media screen and (min-width: 992px) {
#topline_dropdown_toggle{
display: none;
}
}
.toplogo{
position: relative;
}
.header-absolute-wrap .toplogo{
background-color: transparent;
z-index: 11;
}
.toplogo .meta-wrap > *{
margin: .5em 0;
}
.toplogo [class*=cols-]{
align-items: center;
}
@media (max-width: 599px) {
.toplogo [class*=cols-]{
flex-direction: column;
}
.toplogo [class*=cols-] > *{
width: auto;
}
.toplogo [class*=cols-] .search-social-wrap > *,
.toplogo [class*=cols-] .meta-wrap > *{
margin: 1em 0;
}
}
@media (min-width: 600px) {
.toplogo [class*=cols-] > *:last-child{
text-align: right;
justify-content: flex-end;
}
}
.toplogo .search-social-wrap.flex-column{
align-items: flex-end;
flex-direction: column;
}
.toplogo .search-social-wrap.flex-column > *{
margin: 1em 0;
}
.toplogo .search-social-wrap.flex-column > * + *{
margin-top: 0;
}
.toplogo .container-md-flex .logo{
justify-content: center;
margin-right: auto;
}
.toplogo .container-md-flex .icon-inline,
.toplogo .container-md-flex .search-social-wrap{
padding: 6px 0;
}
@media (min-width: 992px) {
.toplogo .container-md-flex .icon-inline,
.toplogo .container-md-flex .search-social-wrap{
margin-left: 1.25em;
}
}
@media (max-width: 991px) {
.toplogo .container-md-flex{
text-align: center;
}
}
.toplogo .flex-icons{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 9px;
}
.search-social-wrap{
display: flex;
align-items: center;
justify-content: center;
}
.header-absolute-wrap{
position: relative;
}
.header-absolute-content{
position: absolute;
top: 0;
left: 0;
right: 0;
}
.header > div.container,
.header > div.container-fluid,
.header-wrap{
min-height: 60px;
}
.header-wrap.transparent{
background-color: transparent;
}
.header-wrap.absolute{
min-height: 0;
}
.header{
top: 0;
left: 0;
right: 0;
position: relative;
transition-property: background-color, -webkit-transform;
transition-property: transform, background-color;
transition-property: transform, background-color, -webkit-transform;
z-index: 10;
}
.top-menu-active .header{
z-index: 12;
}
.header.transparent:not(.affix){
background-color: transparent;
background-image: none;
}
.header.affix{
position: fixed;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .1);
}
.header.affix.scrolling-down{
transition-timing-function: ease-in;
transition-duration: .25s;
}
.header.affix.scrolling-up{
transition-timing-function: ease-out;
transition-duration: .3s;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.header.affix.always-sticky{
-webkit-transform: none;
transform: none;
}
.header > div.container,
.header > div.container-fluid{
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1199px) {
.header > div.container,
.header > div.container-fluid{
padding: 0;
}
}
.header > div.container-fluid{
padding: 0;
}
.header #nav_toggle{
display: none;
}
.header.header-2:not(.affix) .logo,
.header.header-3:not(.affix) .logo{
display: none;
opacity: 0;
}
.header-bottom{
position: relative;
}
#header-image .l:not(.affix),
#header-image .i:not(.affix),
#header-image .m:not(.affix){
background-color: transparent;
background-image: none;
}
.login-links{
padding-left: 1em;
white-space: nowrap;
}
.login-links a{
display: inline-block;
margin-right: .5em;
}
@media (min-width: 1200px) {
.header .container-fluid .login-links span:last-child a{
margin-right: 1em;
}
}
.header-search{
position: relative;
}
@media (min-width: 400px) {
.header .header-search .search-form{
margin: 0 1em;
}
}
.header-search #search_toggle{
border: none;
background: transparent;
padding: .25em .85em .2em;
line-height: 1;
}
a.header-button{
white-space: nowrap;
margin: 5px 15px;
flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
.container a.header-button{
margin-right: 0;
}
}
@media screen and (max-width: 575px) {
#header a.header-button{
padding-left: 1em;
padding-right: 1em;
}
}
#search_dropdown{
z-index: -1;
opacity: 0;
position: fixed;
top: 0;
right: 0;
left: 0;
padding: 1.5em;
transition: all .25s ease-in-out;
-webkit-transform: scale(0);
transform: scale(0);
}
@media screen and (max-width: 767px) {
#search_dropdown{
padding: .5em;
}
}
@media screen and (max-width: 390px) {
#search_dropdown{
padding-right: 45px;
}
}
#search_dropdown form{
max-width: 300px;
margin: auto;
display: none;
}
#search_dropdown.active{
opacity: 1;
background-color: #fff;
background-color: var(--colorLight);
z-index: 21;
-webkit-transform: scale(1);
transform: scale(1);
}
#search_dropdown.active form{
display: block;
}
#search_modal_close{
position: fixed;
right: -60px;
top: 5px;
transition: right .6s ease;
}
.active + #search_modal_close{
right: 0;
z-index: 22;
} .logo-wrap{
text-align: center;
line-height: 1;
}
.logo-link{
display: inline-block;
}
.header a.logo:first-child{
margin-right: 1em;
}
.logo{
display: flex;
align-items: center;
line-height: 1;
white-space: nowrap;
}
.logo.px{
padding-left: 1.5em;
padding-right: 1.5em;
}
.logo .logo-text{
margin: 0 1em;
}
.logo .logo-text span{
margin-top: 5px;
margin-bottom: 5px;
}
@media (min-width: 1200px) {
.container-fluid .logo.no-image .logo-text{
margin: 0 1em;
}
.header:not(.header-7) .container .logo.no-image .logo-text{
margin-left: 0;
}
}
.toplogo .logo.no-image .logo-text{
margin: 0;
}
.logo:not(.logo-between) .logo-text-primary{
font-size: 1.2em;
font-weight: bold;
}
#toplogo.header-tall .logo{
padding-top: 1.5em;
padding-bottom: 1.5em;
}
@media (max-width: 991px) {
#toplogo.header-tall .logo{
padding-top: 1em;
padding-bottom: 1em;
}
}
#header.header-tall:not(.affix) .logo{
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.logo.logo-left{
text-align: left;
}
.logo.logo-left span span{
display: block;
}
.logo.logo-vertical{
display: inline-block;
text-align: center;
}
.logo.logo-vertical span{
display: block;
}
.logo.logo-between > span{
padding: 0 1em;
}
.logo.logo-between.no-image{
padding: 0 .25em;
}
.logo.logo-between.no-image > span{
padding: 0 .25em;
}
.logo img{
max-height: 100px;
width: auto;
display: inline;
}
.header .logo.w0{
width: 0;
}
.header .logo.w0:first-child{
margin-right: 0;
}
.header .logo.w0 img{
max-width: none;
}
#logo-align{
margin-right: auto;
} .section-hr{
box-sizing: border-box;
position: absolute;
margin: 0 auto;
padding: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--colorBorder);
width: 100%;
}
.container .section-hr,
.section-hr.container{
left: 0;
right: 0;
}
.customize-partial-edit-shortcut + .section-hr,
.section-hr:first-child{
bottom: auto;
top: 0;
} #message_top .message-top-text{
padding: .5em 1em;
display: inline-block;
}
#message_bottom{
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 20;
padding: .5em 1em;
}
#message_bottom.thin{
left: auto;
right: 10px;
bottom: 10px;
max-width: 300px;
padding: 1em;
}
#message_bottom.thin .message-bottom-text{
display: block;
padding: 0;
}
#message_bottom.thin button{
margin-top: 1em;
}
#box{
display: flex;
flex-direction: column;
min-height: 100vh;
}
#box.box-fade-in{
transition: opacity .35s ease-out;
opacity: 0;
}
.window-loaded #box.box-fade-in{
opacity: 1;
} .title{
position: relative;
}
.title h1{
margin-top: 0;
margin-bottom: 0;
}
.title .breadcrumbs{
margin: .5em 0;
}
.title .breadcrumbs li{
display: inline-block;
}
.title .search-form{
margin: 1em 0;
max-width: 400px;
}
.title.text-center .search-form{
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.title.title-inline > [class*=container]{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.title.title-inline h1 + nav{
margin-left: 2em;
padding-left: 2em;
border-left: 1px solid var(--colorBorder);
}
.title.title-inline .search-form{
margin-left: 2em;
margin-right: 2em;
}
}
@media (min-width: 768px) {
.intro .d-grid{
align-items: center;
}
.intro.image-right .d-grid > *:first-child{
order: 2;
}
}
@media (max-width: 767px) {
.intro .d-grid .intro-section-text{
padding-top: 2em;
text-align: center;
}
}
.intro.image-top .intro-section-text{
margin-top: 3em;
}
.intro.image-bottom .intro-section-text{
margin-bottom: 3em;
}
.intro .search-form{
margin: 2em 0;
max-width: 400px;
}
.intro.text-right .search-form{
margin-left: auto;
}
.intro.text-center .search-form{
margin: 2em auto;
}
.intro-buttons{
margin-top: 2em;
}
.intro-teasers.intro-top-overlap{
background-color: transparent;
}
.intro-teasers .top-overlap{
margin-top: -5rem;
}
.intro-teasers-grid-wrap.px{
padding-left: 1em;
padding-right: 1em;
}
.intro-teasers-description{
margin-bottom: 2em;
} #main{
position: relative;
flex-grow: 1;
overflow: hidden;
}
#main.overflow-visible,
.with-sidebar #main{
overflow: visible;
}
.column-aside{
max-width: 430px;
margin: 4em 0 0;
}
.column-aside .widgets-wrap.sticky{
position: -webkit-sticky;
position: sticky;
top: 40px;
}
.column-aside .widgets-wrap > * + *{
margin-top: 4em;
}
@media screen and (min-width: 576px) and (max-width: 991px) {
.column-aside{
max-width: none;
}
.column-aside .widgets-wrap{
display: flex;
flex-wrap: wrap;
}
.column-aside .widgets-wrap > *{
margin-top: 0;
margin-bottom: 3em;
flex: 1 1 46%;
}
.column-aside .widgets-wrap > *:nth-child(odd){
margin-right: 2%;
}
.column-aside .widgets-wrap > *:nth-child(odd):last-child{
margin-bottom: 0;
}
.column-aside .widgets-wrap > *:nth-child(even){
margin-left: 2%;
}
}
@media screen and (min-width: 992px) {
.with-sidebar .main-columns{
display: flex;
}
.with-sidebar .column-main{
width: 66.666%;
padding-right: var(--sb-gap);
}
.with-sidebar .column-aside{
margin-top: 0;
width: 33.333%;
}
.with-sidebar .sidebar-25 .column-main{
width: 75%;
}
.with-sidebar .sidebar-25 .column-aside{
width: 25%;
}
.sidebar-left .column-aside{
order: 1;
}
.sidebar-left .column-main{
order: 2;
padding-right: 0 !important;
padding-left: var(--sb-gap);
}
} .sidebar-home > *{
margin-bottom: 4em;
}
@media screen and (min-width: 767px) {
.sidebar-home{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 2em;
}
.sidebar-home > *{
margin-bottom: 0;
}
.sidebar-home > .widget-fullwidth{
grid-column: 1/span 3;
}
}
.sidebar-home-before{
margin-bottom: 4em;
}
.sidebar-home-after{
margin-top: 4em;
} .footer,
.footer-top{
position: relative;
overflow: hidden;
}
.footer-widgets > *{
margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
.footer-widgets.one-half-only{
width: 50%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1200px) {
.footer-widgets.one-half-first > *:first-child{
width: 50%;
}
.footer-widgets.one-half-second > *:nth-child(2){
width: 50%;
}
}
.footer-widgets-fullwidth > * + *{
margin-top: 3em;
}
.copyright{
position: relative;
}
.copyright .copyright-text{
margin: .5em 0;
}
.copyright .copyright-menu{
margin: .5em 0;
padding: 0;
list-style: none;
}
.copyright .copyright-menu li{
display: inline-block;
margin: 0 .25em;
}
.copyright .cols-2{
align-items: center;
}
@media screen and (max-width: 767px) {
.copyright .cols-2{
display: block;
}
.copyright .cols-2 > *{
width: auto;
}
}
.copyright .cols-2 > *:last-child{
margin-top: 1em;
display: block;
}
@media screen and (min-width: 768px) {
.copyright .cols-2 > *:last-child:not(:only-child){
margin-top: 0;
text-align: right;
}
}
#bottom-wrap[style] .footer-top,
#bottom-wrap[style] .footer,
#bottom-wrap[style] .copyright{
background-color: transparent;
}
#to-top{
position: fixed;
right: 0;
bottom: -60px;
background-color: var(--colorLight);
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
width: 44px;
height: 44px;
line-height: 44px;
font-size: 1rem;
text-align: center;
transition: bottom .3s ease-in-out;
z-index: 2;
}
#to-top.visible{
bottom: 0;
}
#to-top:before{
content: '';
display: inline-block;
position: relative;
top: 0;
width: 7px;
height: 7px;
border-style: solid;
border-width: 1px 1px 0 0;
border-color: var(--colorDarkMuted);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#overlay{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 20;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, .001);
transition: all .2s ease;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACqSURBVHgBrZSJDYAgDEUZxY10Ax3BDRhFN3EURmCELySQEGLl+G2CByTvEWhrACxhPPFtFCJwjjCu/BPBMRwrSOAcq0k7d6ygAttygRKIYFbQBM8KusGjgmFwr2Aa3BLQ4B/BqQIWBHrgQmALsIdSq6jP2EuXzIItlFqFmBW0AI10mxagM4+HBRgskG4BJiuvKQBZ0qIASr3iUxAeNwsWBFue3IxSJMEev1+oF518IhJjuQAAAABJRU5ErkJggg==), auto;
}
.side-menu-active #overlay,
.search-dropdown-active #overlay{
background-color: rgba(0, 0, 0, .5);
opacity: 1;
visibility: visible;
}
#overlay.overlay-blur{
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
ul a:not([href]):empty{
display: none;
} .nav-btn{
width: 44px;
height: 44px;
border: none;
text-align: center;
position: relative;
cursor: pointer;
}
.nav-btn[class]{
padding: 0;
}
.nav-btn[id][id][id]{
background: transparent;
}
.nav-btn:hover,
.nav-btn:focus{
background: transparent !important;
}
.nav-btn span,
.nav-btn span:before,
.nav-btn span:after{
width: 18px;
height: 2px;
margin: auto;
left: 0;
display: block;
position: relative;
content: '';
background: var(--colorDarkMuted);
transition: .25s all ease-in-out;
}
.i .nav-btn span,
.i .nav-btn span:before,
.i .nav-btn span:after{
background: var(--colorLight);
}
.i.c .nav-btn span,
.i.c .nav-btn span:before,
.i.c .nav-btn span:after{
background: #fff;
}
.i .l.affix .nav-btn span,
.i .l.affix .nav-btn span:before,
.i .l.affix .nav-btn span:after{
background: var(--colorDarkMuted);
}
.nav-btn.active span{
background: transparent !important;
}
.nav-btn span:before{
bottom: 5px;
opacity: 1;
}
.nav-btn span:after{
top: 3px;
}
.nav-btn.active span:before{
top: 1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-btn.active span:after{
top: -1px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-btn.type-dots{
width: 28px;
height: 28px;
}
.nav-btn.type-dots span,
.nav-btn.type-dots span:before,
.nav-btn.type-dots span:after{
height: 3px;
width: 3px;
border-radius: 50%;
}
.nav-btn.type-dots span:before{
bottom: 6px;
}
.nav-btn.type-dots span:after{
top: 3px;
}
.nav-btn.type-dots.active span,
.nav-btn.type-dots.active span:before,
.nav-btn.type-dots.active span:after{
width: 22px;
height: 2px;
border-radius: 0;
}
.nav-btn.type-dots.active span:after{
top: -1px;
}
[class*=container] > .nav-btn:first-child{
margin: 0 .5em;
}
[class*=container] > .nav-btn:last-child{
margin: 0 .5em;
}
@media screen and (min-width: 1200px) { .top-nav{
position: relative;
flex: 1 1;
display: flex;
align-items: center;
}
.container-fluid .top-nav{
padding: 0 1em;
}
.menu-center .top-nav{
justify-content: center;
}
.menu-right .top-nav{
justify-content: flex-end;
}
.top-nav .nav-btn{
display: none;
}
.top-menu > li:first-child,
.top-menu > li.hidden:first-child + li{
margin-left: 0;
}
.top-menu{
display: flex;
list-style: none;
padding: 0;
margin: 0;
flex-wrap: wrap;
line-height: 1.1;
align-items: center;
}
.menu-right .top-menu{
justify-content: flex-end;
}
.menu-center .top-menu{
justify-content: center;
}
.top-menu ul{
list-style: none;
position: absolute;
top: 100%;
left: 0;
min-width: 11em;
margin-top: 5px;
opacity: 0;
transition: all .2s ease-in;
background: #fff;
background: var(--colorLight);
border-radius: 1px;
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
padding: .5em 0;
}
.top-menu ul li{
display: flex;
align-items: center;
justify-content: space-between;
padding-right: .5em;
}
.top-menu ul li.menu-item-has-children:after{
top: .1em;
}
.top-menu ul li ul li{
display: block;
padding-right: 0;
}
.top-menu ul a{
font-size: 14px;
display: inline-block;
padding: .5em 1em;
}
.top-menu .dropdown-right ul{
right: 0;
left: auto;
}
.top-menu .dropdown-small ul{
min-width: 0;
white-space: nowrap;
}
.top-menu .sub-menu a:not([id]){
color: var(--colorDarkMuted);
}
.top-menu .sub-menu a:not([id]):hover{
color: var(--colorMain);
}
.top-menu ul.sub-menu .current-menu-item > a{
color: var(--colorMain);
}
.top-menu li{
position: relative;
}
.top-menu li.menu-item-has-children > a{
padding-right: .1em;
}
.top-menu li.menu-item-has-children:after{
content: '';
display: inline-block;
position: relative;
top: -0.1em;
width: 5px;
height: 5px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: var(--colorBorder);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: 3px;
margin-right: 3px;
}
.top-menu li:hover,
.top-menu li:focus,
.top-menu li:focus-within{
overflow: visible;
}
.top-menu li:hover > ul,
.top-menu li:focus > ul,
.top-menu li:focus-within > ul{
z-index: 2;
display: block;
opacity: 1;
margin-top: 0;
}
.top-menu ul ul{
top: -0.5em;
left: 100%;
}
.top-menu ul ul li.menu-item-has-children:after{
position: absolute;
right: 1em;
top: .5em;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.top-menu ul ul ul{
min-width: 0;
padding: 0 0 0 .5em;
top: 0;
left: 0;
margin-top: 0;
opacity: 1;
position: relative;
display: block;
box-shadow: none;
background-color: transparent;
}
.top-menu > li{
margin: 0 .75em;
overflow: hidden;
}
.top-menu > li:hover,
.top-menu > li:focus,
.top-menu > li:focus-within{
overflow: visible;
}
.top-menu > li > a{
display: inline-block;
padding: .5em 0;
position: relative;
}
.menu-bold .top-menu > li > a{
font-weight: 700;
}
.menu-uppercase .top-menu > li > a{
text-transform: uppercase;
}
.top-menu > li > a:before{
position: absolute;
transition: all .35s ease;
height: 3px;
content: '';
background-color: var(--colorMain);
width: 0;
bottom: 0;
left: 0;
}
.i.c .top-menu > li > a:before{
background-color: var(--colorLight);
}
.top-menu > li > a:hover:before{
width: 100%;
}
.top-menu > .current-menu-parent > a:before,
.top-menu > .current-menu-item > a:before{
width: 100%;
}
.top-menu > li.menu-item-has-children:after{
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.header li.desktop-logo-menu-item{
display: block !important;
}
.header li.desktop-logo-menu-item a:before,
.header li.desktop-logo-menu-item a:after{
display: none;
}
}
@media screen and (max-width: 1199px) { .top-menu{
display: none;
}
.top-menu .hidden{
display: block !important;
margin: 2em 0;
}
.top-menu .hidden:first-child{
margin-top: 0;
}
.top-menu .hidden:last-child{
margin-bottom: 0;
}
.top-menu .logo.px{
padding-left: 0;
padding-right: 0;
}
.top-menu-active{
height: 100%;
overflow: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
.top-menu-active .top-menu{
display: block;
}
html:has(.top-menu-active.menu-active-no-scroll){
overflow: hidden;
}
.top-nav{
position: fixed;
width: var(--mobileNavWidth);
right: calc(0px - var(--mobileNavWidth));
top: 0;
bottom: 0;
overflow: auto;
z-index: 21;
transition: right .2s ease;
height: 100vh;
padding: 2.5em var(--mobileNavPX);
background: var(--colorLight);
}
.top-nav.active{
right: 0;
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
max-width: 100vw;
}
.top-nav ul{
margin: 0;
padding: 0;
list-style: none;
}
.top-nav ul ul{
margin-top: .4em;
font-size: .92em;
}
.top-nav li{
padding: .2em 0;
}
.top-nav li:before{
content: '';
display: inline-block;
position: relative;
top: -0.1em;
width: 5px;
height: 5px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: var(--colorBorder);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-right: .8em;
}
.top-nav .top-menu > li{
padding: .4em 0;
}
.top-nav .top-menu > li:before{
display: none;
}
.top-nav .top-menu a:not([id]){
color: var(--colorDarkMuted);
}
.top-nav .top-menu a:not([id]):focus,
.top-nav .top-menu a:not([id]):hover{
color: var(--colorMain);
}
.top-nav .nav-btn{
position: fixed;
right: 0;
top: 0;
background-color: var(--colorLight) !important;
}
.top-nav .nav-btn span,
.top-nav .nav-btn span:before,
.top-nav .nav-btn span:after{
background: var(--colorDark);
}
.top-nav .nav-btn#nav_close{
position: absolute;
margin: 0;
opacity: 0;
}
.top-nav .nav-btn#nav_close span:before,
.top-nav .nav-btn#nav_close span:after{
background: var(--colorDark);
}
.top-nav.active #nav_close.nav-btn{
opacity: 1;
}
#header #nav_toggle{
display: block;
}
#header.no-logo #nav_toggle{
margin-left: auto;
}
#header.mobile-menu-toggler-center #nav_toggle{
margin: 0;
position: absolute;
}
#header .header-button + #nav_toggle{
margin-left: 0;
}
#header .logo:first-child{
margin-right: 0;
}
.top-menu-active #overlay{
background-color: rgba(0, 0, 0, .5);
opacity: 1;
visibility: visible;
}
#nav_close{
display: none;
}
.active #nav_close{
display: block;
}
span.mobile-logo-visible{
display: block !important;
}
#nav_top{
color: var(--colorFont);
}
#nav_top [type=search]{
color: var(--colorFont);
background: var(--colorLight);
border-color: var(--colorBorder);
}
#nav_top svg{
fill: var(--colorMain);
color: var(--colorMain);
}
#nav_top .logo{
display: flex;
opacity: 1;
}
#header #nav_top .logo{
padding-top: 0;
padding-bottom: 0;
}
} .topline-menu{
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
}
@media screen and (max-width: 991px) {
.dropdown-menu-md .topline-menu{
display: block;
}
.dropdown-menu-md .topline-menu li{
display: block;
margin: 0;
}
.dropdown-menu-md .topline-menu li + li{
margin-top: .7em;
}
}
.topline-menu li{
margin: 0 .5em;
display: inline-block;
}
.topline-menu li:first-child{
margin-left: 0;
}
.topline-menu li:last-child{
margin-right: 0;
} .size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail{
max-width: 100%;
height: auto;
}
.wp-caption{
margin-bottom: 1em;
}
.wp-caption-text{
font-size: 14px;
text-align: center;
line-height: 1.4;
padding: .2em .3em;
margin-bottom: 1em;
}
.sticky{
display: block;
position: relative;
}
.screen-reader-text{
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus{
background-color: var(--colorLight);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
display: block;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.gallery-item{
text-align: center;
}
.gallery-item img{
display: block;
margin: auto;
}
.gallery-caption{
font-size: 14px;
text-align: center;
line-height: 1.4;
padding: .2em .3em;
}
.bypostauthor{
display: block;
}
.alignleft{
max-width: 50%;
float: left;
margin-top: 0;
margin-right: 1.5em;
margin-bottom: 1em;
clear: both;
}
.alignright{
max-width: 50%;
float: right;
margin-top: 0;
margin-left: 1.5em;
margin-bottom: 1em;
clear: both;
}
.aligncenter{
text-align: center;
clear: both;
margin-left: auto;
margin-right: auto;
}
.search-form{
position: relative;
}
.search-form input{
padding-right: 2.5em;
width: 100%;
}
.search-form button{
position: absolute;
right: 0;
top: 0;
}
.search-form button.search-submit{
padding: 10px 10px 8px 10px;
font-size: 0;
}
.search-form button.search-submit:hover{
opacity: .5;
}
.search-form button.search-submit,
.search-form button.search-submit:hover{
border: none;
background: none !important;
} .category-description{
margin-bottom: 4em;
}
.has-post-thumbnail > .item-content{
padding-top: 1.5em;
}
@media (min-width: 768px) {
.has-post-thumbnail > .item-content.content-narrow{
padding-left: 4.5em;
padding-right: 4.5em;
}
}
.post-thumbnail{
position: relative;
line-height: 0;
overflow: hidden;
}
.thumbnail-fullwidth .post-thumbnail:not(.alignleft):not(.alignfull),
.thumbnail-fullwidth .post-thumbnail:not(.alignleft) img{
width: 100%;
}
.post-thumbnail .svg-icon{
font-size: 19px;
position: absolute;
top: 0;
right: 0;
line-height: 45px;
width: 40px;
height: 40px;
text-align: center;
background-color: rgba(0, 0, 0, .5);
}
.post-thumbnail .svg-icon svg{
fill: #fff;
color: #fff;
}
.post-thumbnail img{
transition: all .3s ease-in-out;
}
body:not(.no-hover-thumbnail) .post-thumbnail .grid-item article:hover .post-thumbnail img,
body:not(.no-hover-thumbnail).hfeed article:hover .post-thumbnail img{
opacity: .7;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.post-thumbnail.alignfull img{
width: 100%;
}
.post-thumbnail .featured-image-date{
position: absolute;
left: 15px;
top: 15px;
line-height: 1;
padding: .5em;
background-color: var(--colorDarkMuted);
color: var(--colorLight);
}
.post-thumbnail .featured-image-date.top-right{
left: auto;
right: 15px;
}
.post-thumbnail .featured-image-date.bottom-left{
top: auto;
bottom: 15px;
}
.post-thumbnail .featured-image-date.bottom-right{
top: auto;
left: auto;
right: 15px;
bottom: 15px;
}
.btns-round .post-thumbnail .featured-image-date{
border-radius: 50px;
}
.btns-rounded .post-thumbnail .featured-image-date{
border-radius: 6px;
}
.post-thumbnail .featured-image-categories{
line-height: 1;
position: absolute;
top: 15px;
left: 15px;
}
.post-thumbnail .featured-image-categories.top-right{
left: auto;
right: 15px;
text-align: right;
}
.post-thumbnail .featured-image-categories.bottom-left{
top: auto;
bottom: 15px;
}
.post-thumbnail .featured-image-categories.bottom-right{
top: auto;
left: auto;
right: 15px;
bottom: 15px;
text-align: right;
}
.post-thumbnail .featured-image-categories a{
display: inline-block;
padding: .5em;
margin: 0 4px 4px 0;
background-color: var(--colorDarkMuted);
color: var(--colorLight);
}
.post-thumbnail .featured-image-categories a:hover{
background-color: var(--colorMain);
color: #fff;
}
.btns-round .post-thumbnail .featured-image-categories a{
border-radius: 50px;
}
.btns-rounded .post-thumbnail .featured-image-categories a{
border-radius: 6px;
}
.post-thumbnail-inner:focus{
display: inline-block;
outline-offset: -1px;
}
.entry-header .sticky-post{
float: right;
font-size: 14px;
line-height: 1;
}
.entry-header + .entry-footer{
margin-top: -0.75em;
}
.entry-header.entry-header-small + .entry-footer{
margin-top: -0.5em;
}
.entry-title{
margin-top: 0;
margin-bottom: .75em;
}
.entry-content:after{
content: '';
display: block;
clear: both;
}
.entry-content p:last-child:not([class*=mb-]){
margin-bottom: 0 !important;
}
.read-more{
clear: both;
}
.entry-footer{
word-break: initial;
clear: both;
font-size: 14px;
line-height: 1.5;
margin: 0 0 1em;
color: var(--colorFontMuted);
}
.entry-footer:empty{
display: none;
}
.entry-footer:before,
.entry-footer:after{
content: '';
display: block;
clear: both;
}
.entry-footer:first-child{
margin-top: 0;
}
.entry-footer:last-child{
margin-top: 1em;
margin-bottom: 0;
}
.entry-footer a{
color: var(--colorFontMuted);
}
.entry-footer a:focus,
.entry-footer a:hover{
color: var(--colorMain);
opacity: .8;
}
.entry-footer .entry-author-wrap,
.entry-footer .entry-date-wrap{
white-space: nowrap;
}
.entry-footer .svg-icon svg{
fill: var(--colorFontMuted);
}
.entry-footer > *{
margin: 0 .5em .5em 0;
}
.entry-footer .meta-word{
margin-right: 4px;
}
.entry-footer.last-right > *:last-child:not(:only-child),
.entry-footer .comments-link{
float: right;
margin-right: 0;
margin-left: 1.5em;
}
.text-center .entry-footer .comments-link{
float: none;
margin: 0;
}
.post-thumbnail + .entry-footer{
margin-top: 0;
}
.entry-footer-sidebar{
display: flex;
flex-direction: column;
gap: 8px;
}
.entry-footer-sidebar .icon-inline{
align-items: flex-start;
flex-wrap: wrap;
}
[class*=entry-footer] .entry-author-wrap{
position: relative;
}
[class*=entry-footer] .author-avatar{
display: inline-block;
width: 30px;
text-align: left;
margin-right: .5em;
}
[class*=entry-footer] .author-avatar img{
max-width: 30px;
border-radius: 50%;
position: absolute;
top: -5px;
}
.meta-text-main .entry-footer{
color: var(--colorMain);
}
.meta-text-main .entry-footer a{
color: var(--colorMain);
}
.meta-text-main2 .entry-footer{
color: var(--colorMain2);
}
.meta-text-main2 .entry-footer a{
color: var(--colorMain2);
}
.meta-text-border .entry-footer{
color: var(--colorBorder);
}
.meta-text-border .entry-footer a{
color: var(--colorBorder);
}
.meta-text-dark .entry-footer{
color: var(--colorDark);
}
.meta-text-dark .entry-footer a{
color: var(--colorDark);
}
.meta-text-dark-muted .entry-footer{
color: var(--colorDarkMuted);
}
.meta-text-dark-muted .entry-footer a{
color: var(--colorDarkMuted);
}
.categories-list,
.tags-list{
white-space: initial;
}
.entry-categories-separator:before{
content: ', ';
}
.entry-tags-separator:before{
content: ', ';
}
.hfeed article{
clear: both;
}
.hfeed article + article{
margin-top: 4.5em;
}
.post-password-form{
margin: 1em 0;
}
.grid-item .entry-title{
font-size: 1.15em;
}
.grid-item .post-title + .entry-footer{
margin-top: .5em;
}
.hide-tax-name .taxonomy-name-title{
display: none;
}
.layout-meta-top .entry-footer-top{
margin-bottom: 2em;
}
.layout-meta-top .entry-footer-bottom{
margin-top: 2em;
}
.layout-side-small .post-thumbnail{
margin-right: 20px;
margin-bottom: 15px;
}
.layout-side-small .post-thumbnail img{
max-width: 100px;
}
.layout-side-small .post-thumbnail ~ *{
overflow: hidden;
}
.layout-side-small .item-content{
padding-top: 0;
}
.layout-side-small .grid-item .has-post-thumbnail .item-content{
padding-top: 0;
}
.layout-cols-excerpt{
text-align: center;
}
.layout-title-only h3{
font-size: inherit;
margin-bottom: 0;
}
.layout-title-only article + article{
margin-top: 0;
}
.layout-title-meta-only h3{
font-size: 1.25em;
margin-bottom: 0;
}
.layout-title-meta-only .entry-footer{
margin-bottom: .5em;
}
.layout-title-meta-only article + article{
margin-top: 4em;
} .single .post-thumbnail-background .container{
padding-top: 8vw;
padding-bottom: 8vw;
}
.single span[id^=more-] + h3{
margin-top: 0;
}
.single .format-chat p:nth-child(odd){
background: var(--colorBackground);
padding: .5em 1em;
}
.related-posts{
margin-top: 3em;
margin-bottom: 3em;
}
.related-posts h5{
margin-bottom: .5em;
}
.related-posts h6{
margin-bottom: .25em;
} .author-meta{
margin: 3em 0;
font-size: .92em;
}
.about-author-heading{
margin-bottom: -1em;
} .post-nav{
margin: 3em 0;
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.post-nav{
flex-wrap: wrap;
}
}
.post-nav > *{
position: relative;
display: block;
flex: 1 1;
max-width: 50%;
}
@media screen and (max-width: 575px) {
.post-nav > *{
width: 100%;
max-width: none;
flex-basis: auto;
}
.post-nav > *:last-child{
border-top: 1px solid;
border-color: var(--colorBorder);
}
}
.post-nav .prev-item{
text-align: left;
}
.post-nav .next-item{
text-align: right;
}
.post-nav .post-nav-word{
display: block;
font-weight: bolder;
font-size: 13px;
opacity: .75;
}
.post-nav .post-nav-title{
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.post-nav .background-cover{
color: #fff;
}
.post-nav-item{
display: flex;
padding: 1em 0;
height: 100%;
align-items: center;
}
.post-nav-item.next-item{
justify-content: flex-end;
}
.post-nav-item.bg-item{
padding: 2em 1em;
}
.post-nav-arrow{
margin-right: 1em;
}
.has-image .post-nav-arrow svg{
fill: #fff;
}
.next-item .post-nav-arrow{
margin-right: 0;
margin-left: 1em;
}
.post-nav-thumb{
margin-right: 1em;
}
.post-nav-thumb img{
display: block;
max-width: 80px;
}
@media screen and (max-width: 767px) {
.post-nav-thumb img{
max-width: 60px;
}
}
.next-item .post-nav-thumb{
margin-right: 0;
margin-left: 1em;
} .layout-meta-side .post-thumbnail + .entry-header{
padding-top: 1.5em;
}
@media (min-width: 600px) {
.item-content.d-flex{
display: flex;
}
.entry-header + .item-content.d-flex{
padding-top: 0;
}
.item-content.d-flex .entry-content{
width: calc(100% - 12em);
}
.item-content.d-flex .entry-footer-side:empty + .entry-content{
width: 100%;
}
.entry-footer-side{
display: flex;
flex-direction: column;
width: 18em;
padding-right: 2em;
}
.entry-footer-side.entry-footer-sticky{
position: -webkit-sticky;
position: sticky;
top: 80px;
}
.entry-footer-side .comments-link{
float: none;
order: 2;
margin-left: 0;
}
.entry-footer-side > span{
margin: .25em 0;
}
} .required{
color: var(--colorMain);
}
.comments-area{
margin-top: 5em;
}
.comment-list{
padding: 0;
}
ol.children{
margin-top: 2em;
padding-left: 50px;
}
.comment,
.pingback,
.trackback{
list-style: none;
margin-bottom: 1em;
}
.pingback + .comment,
.trackback + .comment{
margin-top: 2em;
}
.comment{
margin-bottom: 3em;
}
.comment-meta{
position: relative;
margin-left: 50px;
margin-right: 5em;
min-height: 50px;
color: var(--colorFontMuted);
font-size: 14px;
margin-bottom: .5em;
}
.comment-author{
line-height: 1.3;
}
.comment-author img{
background-color: var(--colorBackground);
width: 35px;
height: 35px;
position: absolute;
left: -50px;
top: 0;
}
.comment-content{
margin-left: 50px;
}
.comment-body{
position: relative;
}
.comment-body .edit-link:before{
content: ' | ';
}
.comment .reply{
position: absolute;
right: 0;
top: 0;
font-size: 14px;
}
.comment .reply .svg-icon{
position: relative;
top: 4px;
}
.comment-reply-title a{
color: var(--colorFontMuted);
margin: 0 .5em;
} .comment-form{
display: flex;
flex-wrap: wrap;
}
.comment-form textarea{
height: 100%;
}
.comment-form p{
width: 100%;
margin-bottom: 1em;
}
.comment-form .form-submit{
margin-bottom: 0;
}
.comment-form .logged-in-as,
.comment-form .comment-notes{
font-size: .92em;
margin-bottom: .5em;
color: var(--colorFontMuted);
}
.comment-form .comment-form-cookies-consent{
line-height: 1.2;
}
.comment-form .comment-form-cookies-consent label{
display: inline;
margin-left: .3em;
}
.comment-form textarea,
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url]{
width: 100%;
}
@media screen and (min-width: 992px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email{
width: 50%;
padding-right: .5em;
}
.comment-form .comment-form-email{
padding-right: 0;
padding-left: .5em;
}
}
li .comment-respond{
margin-top: 1em;
} .widget > ul,
.widget > ul ul{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.widget ul:last-child,
.widget ol:last-child{
margin-bottom: 0;
}
.widget > .wp-block-group > h2,
.widget .wp-block-group__inner-container > h2,
.widget .widget-title{
font-size: 1.2em;
margin-top: 0;
margin-bottom: 1em;
}
.widget select{
display: block;
width: 100%;
}
.wt-hide .widget > .wp-block-group > h2,
.wt-hide .widget .wp-block-group__inner-container > h2,
.wt-hide .widget-title{
display: none;
}
.wt-uppercase .widget > .wp-block-group > h2,
.wt-uppercase .widget .wp-block-group__inner-container > h2,
.wt-uppercase .widget-title{
text-transform: uppercase;
}
.wt-bold .widget > .wp-block-group > h2,
.wt-bold .widget .wp-block-group__inner-container > h2,
.wt-bold .widget-title{
font-weight: 700;
}
.wt-decor .widget > .wp-block-group > h2,
.wt-decor .widget .wp-block-group__inner-container > h2,
.wt-decor .widget-title{
position: relative;
padding-bottom: 1.5em;
}
.wt-decor .widget > .wp-block-group > h2:after,
.wt-decor .widget .wp-block-group__inner-container > h2:after,
.wt-decor .widget-title:after{
content: '';
position: absolute;
bottom: calc(.5em - 3px);
left: 0;
height: 3px;
width: 3em;
background-color: var(--colorMain);
}
.widget_search .widget-title + form,
.widget_categories .widget-title + form{
margin-top: 1.65em;
}
.widget_archive select{
margin-top: 1.65em;
}
a.tag-cloud-link{
display: inline-block;
line-height: 1;
border: 1px solid var(--colorBorder);
padding: .5em 1em;
margin-bottom: 4px;
font-size: 14px !important;
}
.widget_rss li + li{
margin-top: 1em;
}
.widget_rss .rsswidget{
font-weight: 700;
}
.widget_rss .rss-date{
display: block;
font-size: 14px;
margin-bottom: .5em;
}
.wp-block-latest-posts ul ul,
.wp-block-latest-comments:not(.has-avatars) ul ul,
.wp-block-categories-list ul ul,
.wp-block-archives-list ul ul,
.widget_archive ul ul,
.widget_categories ul ul,
.widget_pages ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_recent_entries ul ul,
.widget_recent-posts ul ul,
.widget_recent_comments ul ul{
padding-left: 1em;
}
.wp-block-latest-posts li,
.wp-block-latest-comments:not(.has-avatars) li,
.wp-block-categories-list li,
.wp-block-archives-list li,
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_nav_menu li,
.widget_recent_entries li,
.widget_recent-posts li,
.widget_recent_comments li{
margin: var(--wli-my) 0;
line-height: 1.5;
position: relative;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.wp-block-latest-posts li .count,
.wp-block-latest-comments:not(.has-avatars) li .count,
.wp-block-categories-list li .count,
.wp-block-archives-list li .count,
.widget_archive li .count,
.widget_categories li .count,
.widget_pages li .count,
.widget_meta li .count,
.widget_nav_menu li .count,
.widget_recent_entries li .count,
.widget_recent-posts li .count,
.widget_recent_comments li .count{
float: right;
}
.widget_nav_menu ul{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.widget_nav_menu .current-menu-item > a,
.widget_nav_menu .current_page_item > a{
font-weight: 700;
}
.widget_recent_entries .post-date{
display: flex;
font-size: 14px;
margin-bottom: .5em;
color: var(--colorFontMuted);
}
.i .widget_recent_entries .post-date{
color: var(--colorLight);
}
.wp-block-calendar,
.widget_calendar{
max-width: 300px;
text-align: center;
}
.wp-block-calendar a,
.widget_calendar a{
text-decoration: none;
}
.wp-block-calendar table th,
.widget_calendar table th{
font-weight: 700;
border: none;
background: var(--colorBackground);
padding: .8em .1em;
}
.wp-block-calendar table caption,
.widget_calendar table caption{
color: var(--colorDark);
font-weight: bolder;
padding-bottom: .75em;
}
.wp-block-calendar tbody a,
.widget_calendar tbody a{
font-weight: bold;
}
.wp-block-calendar tbody td,
.widget_calendar tbody td{
padding: .5em .1em;
border: none;
}
.wp-block-calendar nav,
.widget_calendar nav{
display: flex;
justify-content: space-between;
padding: .25em;
}
.widget_theme_meta .sub-title{
margin-bottom: .5em;
}
.widget_theme_meta .theme-meta .icon-inline{
margin: .8em 0;
display: flex;
}
.widget_theme_meta .social-links{
display: block;
margin-top: 1em;
}
.text-center .theme-meta .icon-inline{
justify-content: center;
}
.widget_theme_category a,
.widget_theme_category .category-block{
display: block;
height: 100%;
}
.widget_theme_category a:hover{
outline: 3px solid;
}
.widget_theme_category h5,
.widget_theme_category p{
margin-bottom: 0;
}
.widget_theme_spacer hr{
height: 3px;
background-color: var(--colorMain);
width: 4em;
margin-left: 0;
margin-top: 1.5em;
}
.widget_theme_spacer .text-center hr{
margin-left: auto;
} body{
--wp--style--block-gap: 1.5em;
--wp--preset--spacing--20: .44rem;
--wp--preset--spacing--30: .67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
}
.has-drop-cap:not(:focus):first-letter{
font-size: 3.4em;
line-height: .9;
}
.has-drop-cap:not(:focus):after{
padding-top: 0;
}
.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption{
opacity: .7;
width: 100%;
display: block;
}
.wp-block-separator{
margin-left: 0;
margin-right: 0;
min-width: 100px;
max-width: 100px;
border: 0;
}
.wp-block-separator.is-style-dots{
max-width: 220px;
height: auto;
}
.wp-block-separator.center:not([class*=align]),
.wp-block-separator.aligncenter{
margin-left: auto;
margin-right: auto;
}
.wp-block-separator.is-style-wide,
.wp-block-separator.alignfull,
.wp-block-separator.alignwide{
max-width: none !important;
}
.wp-block-cover,
.wp-block-cover-image{
position: relative !important;
height: auto;
}
.wp-block-cover__inner-container{
padding-left: 15px;
padding-right: 15px;
}
.container-1400 .wp-block-cover__inner-container{
max-width: 1400px;
}
.container-1140 .wp-block-cover__inner-container{
max-width: 1140px;
}
.container-960 .wp-block-cover__inner-container{
max-width: 960px;
}
.container-720 .wp-block-cover__inner-container{
max-width: 720px;
}
@media (max-width: 600px) {
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container{
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
}
}
.wp-block-buttons.alignleft,
.wp-block-buttons.alignright{
max-width: none;
}
.wp-block-buttons.aligncenter{
justify-content: center;
}
.wp-block-buttons .wp-block-button a{
display: inline-flex;
margin: 0 4px 4px 0;
justify-content: center;
}
.is-style-outline .wp-block-button__link{
background-color: transparent;
border-color: var(--colorDarkMuted);
color: var(--colorDarkMuted);
}
.is-style-arrow .wp-block-button__link,
.is-style-arrow-transparent .wp-block-button__link{
display: inline-flex;
align-items: center;
justify-content: center;
}
.is-style-arrow .wp-block-button__link:before,
.is-style-arrow .wp-block-button__link:after,
.is-style-arrow-transparent .wp-block-button__link:before,
.is-style-arrow-transparent .wp-block-button__link:after{
transition: all .2s ease-in-out;
}
.is-style-arrow .wp-block-button__link:before,
.is-style-arrow-transparent .wp-block-button__link:before{
content: '';
height: 2px;
width: 1.25em;
background: var(--colorLight);
order: 2;
position: relative;
right: -6px;
top: .05em;
margin-left: 1em;
}
.is-style-arrow .wp-block-button__link:after,
.is-style-arrow-transparent .wp-block-button__link:after{
order: 3;
right: 0;
content: '';
display: inline-block;
position: relative;
top: .05em;
width: 6px;
height: 6px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: var(--colorLight);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.is-style-arrow .wp-block-button__link:hover:before,
.is-style-arrow-transparent .wp-block-button__link:hover:before{
right: -14px;
}
.is-style-arrow .wp-block-button__link:hover:after,
.is-style-arrow-transparent .wp-block-button__link:hover:after{
right: -8px;
}
.wp-block-buttons .is-style-transparent .wp-block-button__link,
.wp-block-buttons .is-style-arrow-transparent .wp-block-button__link{
background: transparent;
border-color: transparent;
color: var(--colorDarkMuted);
}
.is-style-arrow-transparent .wp-block-button__link:before{
background: var(--colorDarkMuted);
}
.is-style-arrow-transparent .wp-block-button__link:after{
border-color: var(--colorDarkMuted);
}
.btns-outline.btns-colormain .is-style-arrow-transparent .wp-block-button__link:hover:before{
background-color: var(--colorLight);
}
.btns-outline.btns-colormain .is-style-arrow-transparent .wp-block-button__link:hover:after{
border-color: var(--colorLight);
}
.btns-outline.btns-colormain .is-style-arrow .wp-block-button__link:before{
background-color: var(--colorMain);
}
.btns-outline.btns-colormain .is-style-arrow .wp-block-button__link:after{
border-color: var(--colorMain);
}
.btns-outline .is-style-arrow .wp-block-button__link:before{
background-color: var(--colorDark);
}
.btns-outline .is-style-arrow .wp-block-button__link:after{
border-color: var(--colorDark);
}
.btns-outline .is-style-arrow .wp-block-button__link:hover:before{
background-color: var(--colorLight);
}
.btns-outline .is-style-arrow .wp-block-button__link:hover:after{
border-color: var(--colorLight);
}
.wp-block-pullquote{
padding: 0;
border-top: none;
border-bottom: none;
position: relative;
}
.cols-padding .wp-block-pullquote{
margin-top: -1.5em !important;
}
.wp-block-pullquote:before{
color: #fff;
background-color: var(--colorMain);
content: '”';
position: absolute;
top: -20px;
left: 50%;
margin-left: -20px;
width: 40px;
height: 40px;
border-radius: 50%;
line-height: 65px;
font-size: 50px;
}
.wp-block-pullquote blockquote{
border: none;
padding: 3em 0 0;
margin: 0;
text-align: center;
}
.wp-block-pullquote p{
font-size: 20px;
}
.wp-block-pullquote cite{
font-size: 14px;
text-transform: uppercase;
}
.wp-block-quote[style*="text-align:right"],
.wp-block-quote[style*="text-align: right"]{
padding-left: 0;
padding-right: 1.25em !important;
}
.wp-block-gallery img{
transition: all .3s ease;
opacity: .9;
}
.wp-block-gallery img:hover{
opacity: 1;
}
.blocks-gallery-grid{
max-width: 100%;
}
.wp-block-image{
line-height: 0;
}
.wp-block-image .alignleft{
min-width: 60px;
margin-right: 2em;
margin-bottom: 1em;
}
.wp-block-image .alignright{
min-width: 60px;
margin-left: 2em;
margin-bottom: 1em;
}
.wp-block-image .alignfull{
max-width: none;
}
.wp-block-image.is-style-shadow img{
padding: 3px;
border-radius: 3px;
box-shadow: 0 0 10px 0 rgba(100, 100, 100, .3);
}
.wp-block-image.is-style-shadow > a{
display: block;
overflow: hidden;
}
.wp-block-image.is-style-shadow > a > img{
transition: all .3s ease-in-out;
}
.wp-block-image.is-style-shadow:hover > a > img{
opacity: .7;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.wp-block-image.is-style-bg-colormain img{
padding: 20%;
border-radius: 25%;
background-color: var(--colorMain);
}
.wp-block-image.is-style-bg-colormain-round img{
padding: 20%;
border-radius: 50%;
background-color: var(--colorMain);
}
@media (min-width: 768px) {
.wp-block-media-text:not(.alignfull) .wp-block-media-text__content{
padding: 0 0 0 8%;
}
.wp-block-media-text:not(.alignfull).has-media-on-the-right .wp-block-media-text__content{
padding-right: 8%;
padding-left: 0;
}
.wp-block-media-text:not(.alignfull).is-style-text-overlap .wp-block-media-text__content{
padding: 60px;
background-color: var(--colorLight);
margin-left: -120px;
z-index: 2;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, .03);
}
.wp-block-media-text:not(.alignfull).has-media-on-the-right.is-style-text-overlap .wp-block-media-text__content{
margin-left: 0;
margin-right: -120px;
}
}
@media (max-width: 767px) {
.wp-block-media-text:not(.alignfull){
display: block;
}
.wp-block-media-text:not(.alignfull) .wp-block-media-text__content{
padding: 2em 0;
}
}
.wp-block-preformatted{
white-space: pre-wrap;
}
.wp-block-social-links{
margin-top: 5px;
margin-bottom: 5px;
}
p[style*=font-size],
.has-medium-font-size,
.has-huge-font-size,
.has-large-font-size{
line-height: 1.36;
margin-bottom: .75em;
}
.has-normal-font-size{
font-size: 18px;
}
.has-medium-font-size{
font-size: 1.35em;
}
.has-large-font-size{
font-size: 1.45em;
}
.has-huge-font-size{
font-size: 1.65em;
}
.has-xl-font-size{
line-height: 1.36;
font-size: calc(1em + 1.5vmin);
}
.has-xxl-font-size{
line-height: 1.14;
font-size: calc(2em + 2vmin);
}
.has-xxxl-font-size{
line-height: 1;
font-size: calc(2.25em + 5vmin);
}
.has-xxxxl-font-size{
line-height: 1;
font-size: calc(2.25em + 7vmin);
}
.wp-block-table{
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.is-style-small-text{
font-size: .75em;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .15em;
}
.is-style-small-text mark{
padding: .5em 1em;
border-radius: 1em;
}
.is-style-small-text mark[style="background-color:rgba(0, 0, 0, 0)"]{
padding: 0;
}
.is-style-decor1:before{
content: '―';
padding-right: .5em;
font-weight: 900;
color: var(--colorMain);
}
.is-style-decor2:before{
content: '|';
padding-right: .5em;
font-weight: 500;
color: var(--colorMain);
}
.is-style-decor3:before{
content: '';
content: '';
display: inline-block;
position: relative;
top: -0.1em;
width: .4em;
height: .4em;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: var(--colorMain);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-right: .5em;
}
.is-style-decor4:before{
content: '';
content: '';
display: inline-block;
position: relative;
top: -0.25em;
width: .4em;
height: .4em;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: var(--colorMain);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
margin-right: .5em;
padding-right: .5em;
}
.is-style-text-outline{
color: transparent !important;
-webkit-text-stroke: 1px var(--colorDarkMuted);
font-weight: 900;
}
.i .is-style-text-outline,
.wp-block-cover .is-style-text-outline:not(.has-text-color){
-webkit-text-stroke-color: var(--colorLight);
}
.is-style-circle-bg{
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
padding: 0 !important;
border-radius: 50%;
overflow: hidden;
}
.is-style-circle-bg mark{
display: block;
}
.wp-block-embed__wrapper{
position: relative;
}
.wp-block-embed__wrapper:before{
content: '';
display: block;
}
.wp-block-embed__wrapper iframe{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-embed:not([class*=wp-embed-aspect-]) iframe{
position: relative;
height: auto;
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{
padding-top: 42.85%;
}
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{
padding-top: 50%;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{
padding-top: 56.25%;
}
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{
padding-top: 75%;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{
padding-top: 100%;
}
.wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before{
padding-top: 66.66%;
}
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{
padding-top: 200%;
}
.wp-block-latest-posts,
.wp-block-latest-comments,
.wp-block-categories-list,
.wp-block-archives-list{
padding: 0;
list-style: none;
}
.wp-block-latest-posts ul,
.wp-block-latest-comments ul,
.wp-block-categories-list ul,
.wp-block-archives-list ul{
list-style: none;
}
.wp-block-archives-list,
.wp-block-latest-posts,
.wp-block-categories-list{
max-width: 360px;
}
.lists-inline .wp-block-categories-list{
max-width: none;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
.wp-block-search .wp-block-search__input{
border-color: var(--colorBorder);
flex: 1 1;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__button{
background-color: transparent;
}
[class*=wp-block].is-grid{
max-width: none;
}
.wp-block-latest-comments li{
position: relative;
}
.wp-block-latest-comments article{
display: inline-block;
}
.wp-block-latest-comments .avatar{
position: absolute;
}
.wp-block-latest-posts__featured-image{
margin-bottom: .75em;
}
.wp-block-latest-posts__featured-image + a{
display: block;
line-height: 1.34;
margin-bottom: .25em;
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date{
color: var(--colorFontMuted);
}
.wp-block-tag-cloud span{
margin-left: 0;
}
.align-center{
align-items: center;
}
.has-background:not(hr):not(a):not(.wp-block-media-text):not(.rich-text){
padding: 1.5em;
}
.has-background:not(hr):not(a):not(.wp-block-media-text):not(.rich-text) p:last-child{
margin-bottom: 0;
}
.is-layout-flex{
display: flex;
flex-wrap: wrap;
}
[class*=wp-block-columns] .wp-block-column > p:not([class*=mb-]){
margin-bottom: 1.5em !important;
}
.wp-block-columns{
margin-bottom: 0;
}
.wp-block-column{
margin-left: 0 !important;
}
.wp-block-column > *:first-child:not([class*=mt-]){
margin-top: 0;
}
.wp-block-column:after{
content: '';
display: block;
clear: both;
}
.cols-highlight > .wp-block-column{
background-color: var(--colorBackground);
}
.cols-highlight.l.m > .wp-block-column{
background-color: var(--colorLight);
}
.cols-highlight.i > .wp-block-column{
background-color: rgba(255, 255, 255, .1);
}
.cols-bordered > .wp-block-column{
border: 1px solid var(--colorBorder);
}
.cols-bordered.i > .wp-block-column{
border-color: rgba(255, 255, 255, .15);
}
.cols-shadow > .wp-block-column{
box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
}
@media (max-width: 781px) {
.cols-highlight > .wp-block-column,
.cols-bordered > .wp-block-column,
.cols-shadow > .wp-block-column{
width: 100%;
}
}
.cols-shadow-hover > .wp-block-column{
position: relative;
bottom: 0;
transition: all .15s ease-in;
}
.cols-shadow-hover > .wp-block-column:hover{
bottom: 2px;
box-shadow: 0 0 40px 0 rgba(100, 100, 100, .2);
}
.cols-padding > .wp-block-column{
padding: 1.5em;
}
.cols-padding > .wp-block-column > .alignwide{
margin-top: -1.5em;
margin-left: -1.5em;
max-width: none;
width: calc(100% + 3em);
}
.cols-rounded > .wp-block-column{
border-radius: 10px;
overflow: hidden;
}
.wp-block-columns{
gap: 1.5em;
}
div [class].gap-0{
gap: 0;
}
div [class].gap-1{
gap: 1px;
}
div [class].gap-2{
gap: 2px;
}
div [class].gap-3{
gap: 3px;
}
div [class].gap-5{
gap: 5px;
}
div [class].gap-10{
gap: 10px;
}
div [class].gap-15{
gap: 15px;
}
div [class].gap-20{
gap: 20px;
}
div [class].gap-30{
gap: 30px;
}
div [class].gap-50{
gap: 50px;
}
div [class].gap-60{
gap: 60px;
}
.wp-block-column .wp-block-column:first-child,
.wp-block-column .wp-block-column:last-child{
min-width: 40px;
}
@media (max-width: 599px) {
.wp-block-column .wp-block-column [class*=gap-] > .wp-block-column:not(:first-child){
margin-left: 0;
}
}
@media (max-width: 781px) {
#box .wp-block-column .cols-single-none .wp-block-column{
flex-basis: inherit !important;
flex-grow: 0;
}
}
@media (max-width: 781px) {
.cols-single-sm[class]{
display: block;
}
.cols-single-sm > .wp-block-column{
margin-bottom: 2em;
}
.cols-single-sm > .wp-block-column:last-child{
margin-bottom: 0;
}
#box .cols-single-sm > .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single-sm > .wp-block-column:empty{
display: none;
}
}
@media (max-width: 991px) {
.cols-single-md[class]{
display: block;
}
.cols-single-md > .wp-block-column{
margin-bottom: 2em;
}
.cols-single-md > .wp-block-column:last-child{
margin-bottom: 0;
}
#box .cols-single-md > .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single-md > .wp-block-column:empty{
display: none;
}
}
@media (max-width: 1199px) {
.cols-single-lg[class]{
display: block;
}
.cols-single-lg > .wp-block-column{
margin-bottom: 2em;
}
.cols-single-lg > .wp-block-column:last-child{
margin-bottom: 0;
}
#box .cols-single-lg > .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single-lg > .wp-block-column:empty{
display: none;
}
}
.cols-single[class]{
display: block;
}
#box .cols-single > .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single > .wp-block-column:empty{
display: none;
}
.cols-single-none{
flex-wrap: nowrap !important;
}
@media (min-width: 576px) and (max-width: 992px) {
.entry-content > .wp-block-columns{
flex-wrap: wrap !important;
}
.entry-content > .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
flex-basis: 40% !important;
}
}
.has-background-dim{
color: rgba(255, 255, 255, .75);
}
.has-light-color{
color: var(--colorLight);
}
.has-font-color{
color: var(--colorFont);
}
.has-font-muted-color{
color: var(--colorFontMuted);
}
.has-background-color{
color: var(--colorBackground);
}
.has-dark-color{
color: var(--colorDark);
}
.has-dark-muted-color{
color: var(--colorDarkMuted);
}
.has-main-color{
color: var(--colorMain);
}
.has-main-2-color{
color: var(--colorMain2);
}
.has-main-3-color{
color: var(--colorMain3);
}
.has-main-4-color{
color: var(--colorMain4);
}
.has-light-background-color{
background-color: var(--colorLight);
}
.has-font-background-color{
background-color: var(--colorFont);
}
.has-font-muted-background-color{
background-color: var(--colorFontMuted);
}
.has-background-background-color{
background-color: var(--colorBackground);
}
.has-border-background-color{
background-color: var(--colorBorder);
}
.has-dark-background-color{
background-color: var(--colorDark);
}
.has-dark-muted-background-color{
background-color: var(--colorDarkMuted);
}
.has-main-background-color{
background-color: var(--colorMain);
}
.has-main-2-background-color{
background-color: var(--colorMain2);
}
.has-main-3-background-color{
background-color: var(--colorMain3);
}
.has-main-4-background-color{
background-color: var(--colorMain4);
}
.alignfull{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: none;
}
@media (min-width: 1200px) {
.alignfull{
padding-left: 7px;
padding-right: 7px;
}
}
.alignfull.wp-block-image > img{
max-width: none;
width: 100vw;
}
#columns .layout-meta-side .alignfull,
.with-sidebar #columns .alignfull{
width: 100%;
max-width: 100%;
margin-left: 0;
left: 0;
right: 0;
padding-left: 0;
padding-right: 0;
}
.with-sidebar .alignfull > img{
max-width: 100%;
width: auto;
}
.alignfull.extra-padding{
padding-left: 1.5em;
padding-right: 1.5em;
}
@media screen and (min-width: 1300px) {
.alignwide{
margin-left: -3em;
max-width: none;
width: calc(100% + 6em);
}
}
@media screen and (min-width: 1400px) {
.alignwide{
margin-left: -5em;
max-width: none;
width: calc(100% + 10em);
}
}
.with-sidebar #columns .alignwide{
max-width: 100%;
width: auto;
margin-left: 0;
}
@media (max-width: 1600px) {
.container-1400 .alignwide{
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.exs-ajax-form [type=text],
.exs-ajax-form [type=email],
.exs-ajax-form textarea{
display: block;
width: 100%;
}
.exs-ajax-form textarea{
min-height: 7em;
}
.exs-form-message{
width: 100%;
margin-top: .5em;
}
[class*=center] .exs-form-message{
text-align: center;
}
.wp-block-media-text__media a[href*=youtu],
.wp-block-image a[href*=youtu]{
position: relative;
display: block;
}
.wp-block-media-text__media a[href*=youtu]:before,
.wp-block-media-text__media a[href*=youtu]:after,
.wp-block-image a[href*=youtu]:before,
.wp-block-image a[href*=youtu]:after{
position: absolute;
content: '';
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(.7);
transform: translate(-50%, -50%) scale(.7);
transition: all .25s ease-in-out;
opacity: .5;
}
.wp-block-media-text__media a[href*=youtu]:before,
.wp-block-image a[href*=youtu]:before{
width: 80px;
height: 80px;
background-color: var(--colorDark);
border-radius: 50%;
}
.wp-block-media-text__media a[href*=youtu]:after,
.wp-block-image a[href*=youtu]:after{
width: 0;
height: 0;
margin-left: 2px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 16px solid var(--colorLight);
}
.wp-block-media-text__media a[href*=youtu]:hover:before,
.wp-block-media-text__media a[href*=youtu]:hover:after,
.wp-block-image a[href*=youtu]:hover:before,
.wp-block-image a[href*=youtu]:hover:after{
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
} .nav-links:empty{
display: none;
}
.nav-links .next,
.nav-links .prev{
padding: 5px 6px 5px;
}
.nav-links .icon-inline .svg-icon svg{
fill: var(--colorDarkMuted);
max-width: 1em;
max-height: 1em;
}
.nav-links .icon-inline{
vertical-align: bottom;
}
.nav-links,
.page-links{
line-height: 1;
clear: both;
margin: 2em 0;
}
.nav-links:before,
.nav-links:after,
.page-links:before,
.page-links:after{
content: '';
display: block;
clear: both;
}
.nav-links:last-child,
.page-links:last-child{
margin-bottom: 0;
}
.nav-links a,
.nav-links .current,
.page-links a,
.page-links .current{
display: inline-block;
padding: 5px 9px;
font-size: 14px;
}
.nav-links .current,
.page-links .current{
background-color: var(--colorBackground);
}
.page-links span:first-child{
border: none;
padding-right: 0;
padding-left: 0;
}
.pagination{
margin-top: 4em;
text-align: center;
}
.comments-pagination{
margin-bottom: 2em;
} .p-05{
padding: .5em;
}
.p-1{
padding: 1em;
}
.p-2{
padding: 2em;
}
.p-3{
padding: 3em;
}
.p-big{
padding: 2em 8%;
}
.pt-0{
padding-top: 0;
}
.pt-1{
padding-top: 1em;
}
.pt-2{
padding-top: 2em;
}
.pt-3{
padding-top: 3em;
}
.pt-4{
padding-top: 4em;
}
.pt-5{
padding-top: 5em;
}
.pt-6{
padding-top: 6em;
}
.pt-7{
padding-top: 7em;
}
.pt-8{
padding-top: 8em;
}
.pt-9{
padding-top: 9em;
}
.pt-10{
padding-top: 10em;
}
.pb-0{
padding-bottom: 0;
}
.pb-1{
padding-bottom: 1em;
}
.pb-2{
padding-bottom: 2em;
}
.pb-3{
padding-bottom: 3em;
}
.pb-4{
padding-bottom: 4em;
}
.pb-5{
padding-bottom: 5em;
}
.pb-6{
padding-bottom: 6em;
}
.pb-7{
padding-bottom: 7em;
}
.pb-8{
padding-bottom: 8em;
}
.pb-9{
padding-bottom: 9em;
}
.pb-10{
padding-bottom: 10em;
} .mt-05{
margin-top: .5em !important;
}
.mt-15{
margin-top: 1.5em !important;
}
.mt-0{
margin-top: 0 !important;
}
.mt-1{
margin-top: 1em !important;
}
.mt-2{
margin-top: 2em !important;
}
.mt-3{
margin-top: 3em !important;
}
.mt-4{
margin-top: 4em !important;
}
.mt-5{
margin-top: 5em !important;
}
.mb-05{
margin-bottom: .5em !important;
}
.mb-15{
margin-bottom: 1.5em !important;
}
.mb-0{
margin-bottom: 0 !important;
}
.mb-1{
margin-bottom: 1em !important;
}
.mb-2{
margin-bottom: 2em !important;
}
.mb-3{
margin-bottom: 3em !important;
}
.mb-4{
margin-bottom: 4em !important;
}
.mb-5{
margin-bottom: 5em !important;
}
.h-1{
height: 1px;
}
.h-2{
height: 2px;
}
.h-3{
height: 3px;
}
.h-4{
height: 4px;
}
.h-5{
height: 5px;
} .hidden,
.d-none{
display: none !important;
}
@media (max-width: 1599px) {
.hidden-xl{
display: none !important;
}
}
@media (max-width: 1199px) {
.hidden-lg{
display: none !important;
}
}
@media (max-width: 991px) {
.hidden-md{
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-sm{
display: none !important;
}
}
@media (max-width: 599px) {
.hidden-xs{
display: none !important;
}
}
@media (max-width: 499px) {
.hidden-xxs{
display: none !important;
}
}
@media (max-width: 399px) {
.hidden-xxxs{
display: none !important;
}
}
@media (max-width: 991px) {
.visible-md{
display: block !important;
}
}