.uicore-blog-grid h4.uicore-post-title {
    font-family: var(--uicore-typography--blog_title-f, "Inter");
    font-weight: var(--uicore-typography--blog_title-w, "600");
    line-height: var(--uicore-typography--blog_title-h, "1.2");
    letter-spacing: var(--uicore-typography--blog_title-ls, "-0.027em");
    text-transform: var(--uicore-typography--blog_title-t, "none");
    font-style: var(--uicore-typography--blog_title-st, "normal");
    color: var(--uicore-typography--blog_title-c, "#070707");
    font-size: var(--uicore-typography--blog_title-s, "#070707")
}

.uicore-blog-grid .uicore-post-wrapper .uicore-post-info-wrapper>p {
    font-family: var(--uicore-typography--blog_ex-f, "Inter");
    font-weight: var(--uicore-typography--blog_ex-w, "600");
    line-height: var(--uicore-typography--blog_ex-h, "1.2");
    letter-spacing: var(--uicore-typography--blog_ex-ls, "-0.027em");
    text-transform: var(--uicore-typography--blog_ex-t, "none");
    font-style: var(--uicore-typography--blog_ex-st, "normal");
    color: var(--uicore-typography--blog_ex-c, "#070707");
    font-size: var(--uicore-typography--blog_ex-s, "#070707")
}

.uicore-blog-grid .uicore-blog-img-container {
    border-radius: var(--uicore-blog--radius)
}

.uicore-blog .uicore-post-content li {
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    font-style: inherit;
    color: inherit;
    font-size: inherit
}

.comments-area {
    width: 100%;
    margin-top: 36px
}

.comments-area .comments-title {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .01em;
    padding: 36px 0 0;
    border-top: 1px solid var(--ui-border-color);
    margin-bottom: 0
}

.comments-area .comment-list {
    padding: 36px 0 0;
    margin: 0 auto
}

.comments-area .comment-list .comment-meta .comment-author img {
    float: left;
    width: 48px;
    border-radius: 3px;
    margin-right: 18px
}

.comments-area .comment-list .comment-meta .comment-author .fn a {
    text-decoration: none
}

.comments-area .comment-list .comment-meta .comment-metadata {
    font-size: 12px;
    line-height: 1.4
}

.comments-area .comment-list .comment-content {
    padding-top: 20px
}

.comments-area .comment-list .comment-content p img {
    padding: 18px 0
}

.comments-area .comment-list .comment-body {
    padding: 36px 0;
    border-top: 1px solid var(--ui-border-color);
    position: relative
}

.comments-area .comment-list .comment-body .reply {
    margin-top: 0
}

.comments-area .comment-list .comment-body .comment-reply-link {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .01em;
    text-decoration: none
}

.comments-area .comment-list li[class*=depth-] {
    padding-left: 66px
}

.comments-area .comment-list li.depth-1 {
    padding-left: 0 !important
}

.comments-area .comment-respond {
    padding: 36px 0 0;
    border-top: 1px solid var(--ui-border-color);
    margin-bottom: 0
}

.comments-area .comment-respond .comment-reply-title {
    margin-top: 0;
    margin-bottom: 26px
}

.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
    float: right;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .01em
}

.comments-area .comment-content img {
    width: auto !important;
    max-width: 100%
}

.comments-area p {
    margin: 9px 0 0
}

.comments-area .comment-form {
    margin-left: -10px;
    margin-right: -10px
}

.comments-area .comment-form>p {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px
}

.comments-area .comment-form>p.comment-form-author,
.comments-area .comment-form>p.comment-form-email,
.comments-area .comment-form>p.comment-form-url {
    width: 33.33%;
    float: left;
    position: relative
}

.comments-area .comment-form label {
    display: inline-block;
    margin-bottom: .5em;
    font-size: 80%
}

.comments-area .comment-form .comment-form-cookies-consent {
    width: 100%;
    float: left;
    margin-bottom: 30px !important;
    display: flex;
    align-items: center
}

.comments-area .comment-form .comment-form-cookies-consent label {
    width: auto;
    margin-bottom: 0;
    margin-left: 5px;
    display: inline-block;
    font-size: 80%
}

.page-template-default .comments-area {
    padding: 0;
    margin: 35px 0
}

.children {
    padding-left: 0
}

.uicore-archive {
    width: 100%
}

.single-post.uicore-narow .uicore-post-content:not(.uicore-related) {
    width: 100%;
    margin: 0 auto
}

.single-post .uicore-post-info {
    margin-top: .9em
}

.single-post .uicore-single-header .uicore-entry-meta {
    display: flex
}

.single-post .ui-breadcrumb .uicore-separator:before {
    opacity: .5;
    content: "\E901";
    font-size: 10px;
    transform: rotate(-90deg);
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px
}

.uicore-post-content img {
    max-width: 100%;
    height: auto;
    display: block
}

.uicore-post-content ul {
    padding-left: 1em
}

.uicore-classic .uicore-post {
    text-align: center
}

.uicore-classic .uicore-post .uicore-post-info {
    padding: 0 5%
}

.uicore-grid-grid .uicore-post-list .uicore-post a.uicore-post-img,
.uicore-grid-horizontal .uicore-post-list .uicore-post a.uicore-post-img {
    height: 0;
    padding-bottom: 100%;
    width: 100%;
    display: block
}

.uicore-meta-separator {
    margin: 0 .5em
}

.uicore-blog-grid .uicore-post-info {
    padding-bottom: 2em
}

.uicore-blog-grid .uicore-post-info .uicore-post-footer {
    font-size: 11px;
    margin-top: 1.5em
}

.uicore-blog-grid .uicore-post-info p {
    margin: 1em 0 0
}

.uicore-blog-grid .uicore-post-category {
    margin-bottom: 1em
}

.uicore-blog-grid .uicore-post-category a {
    display: inline-block
}

.uicore-blog-grid:not(.uicore-horizontal) .uicore-post-info {
    margin-top: 2em
}

a.uicore-post-img {
    background-position: 50%;
    background-size: cover
}

.content-area .uicore-post-category,
.content-areaa,
.ui-post-nav-item .ui-post-nav-info,
.uicore-post-footer a,
.uicore-post-footer span,
header.uicore-single-header .uicore-entry-meta span,
header.uicore-single-header a:not(:hover) {
    color: #6e7a84;
    font-size: 11px
}

.uicore-entry-meta .uicore-post-category {
    display: inline-block;
    line-height: inherit
}

.uicore-entry-meta span {
    text-transform: capitalize
}

.content-area .uicore-post-category a,
.ui-post-nav-item .ui-post-nav-info,
.uicore-post-footer.uicore-body,
.uicore-post-footer a,
header.uicore-single-header .uicore-entry-meta,
header.uicore-single-header .uicore-entry-meta a,
header.uicore-single-header .uicore-entry-meta span {
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 11px;
    font-size: 11px;
    font-weight: 600
}

.uicore-single-header h1 {
    margin-top: 0;
    margin-bottom: 20px
}

.uicore-post-title a {
    color: inherit
}

h4.uicore-post-title {
    margin: 0;
    transition: all .25s cubic-bezier(.42, 0, .29, 1.16)
}

.uicore-related .uicore-container,
.uicore-related.uicore-list .uicore-post-list {
    display: flex !important;
    flex-direction: column
}

.uicore-related .uicore-container h4,
.uicore-related.uicore-list .uicore-post-list h4 {
    margin: .6em 0
}

.uicore-feature-img-wrapper {
    margin: 2em 0
}

.uicore-feature-img-wrapper img {
    max-width: 100%;
    height: auto
}

div.tags-links {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
    padding: 10px 0 36px
}

div.tags-links a {
    font-size: 10px !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 15px;
    border: 1px solid #e6e9ec;
    margin: 5px;
    line-height: 1.5
}

div.tags-links a:hover {
    border: 1px solid #a3afb7
}

.wp-block-code {
    overflow-x: scroll
}

.wp-block-image .aligncenter>figcaption {
    text-align: center
}

.wp-block-image figcaption {
    font-size: 75%;
    display: block !important
}

figure {
    margin-left: 0;
    margin-right: 0
}

.wp-block-table figcaption {
    font-size: 13px;
    text-align: center
}

blockquote {
    margin: 20px auto;
    padding: 50px 70px;
    background-color: hsla(0, 0%, 98%, .9);
    background-image: url(data:image/png;base64,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);
    background-position: 30px 70%;
    background-repeat: no-repeat;
    background-size: 15% auto
}

blockquote p {
    font-size: 120% !important;
    line-height: 1.5 !important;
    margin-bottom: 0
}

blockquote cite {
    font-style: normal;
    padding-top: 15px;
    display: block;
    font-weight: 700
}

blockquote cite:before {
    content: "\2014";
    margin-right: 10px
}

table {
    empty-cells: show;
    border: 1px solid var(--ui-border-color);
    margin: 18px 0;
    border-collapse: collapse;
    border-spacing: 0
}

table td,
table th {
    background-color: transparent;
    border-left: 1px solid var(--ui-border-color);
    border-bottom: 1px solid var(--ui-border-color);
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: 5px;
    font-weight: 600
}

table td:first-child,
table th:first-child {
    border-left-width: 0
}

dt {
    font-weight: 500;
    margin-top: 18px
}

dl:not(.gridtab) dt:first-child {
    margin-top: 0
}

hr {
    margin: 36px 0;
    border: 0;
    border-color: var(--ui-border-color);
    border-top: 1px var(--ui-border-color);
    border-style: solid
}

.uicore-blog:not(.elementor-page) .uicore-post-content:not(.uicore-archive) .entry-content h1,
.uicore-blog:not(.elementor-page) .uicore-post-content:not(.uicore-archive) .entry-content h2,
.uicore-blog:not(.elementor-page) .uicore-post-content:not(.uicore-archive) .entry-content h3,
.uicore-blog:not(.elementor-page) .uicore-post-content:not(.uicore-archive) .entry-content h4,
.uicore-blog:not(.elementor-page) .uicore-post-content:not(.uicore-archive) .entry-content h5,
.uicore-blog:not(.elementor-page) .uicore-post-content:not(.uicore-archive) .entry-content h6 {
    margin-top: 1em;
    margin-bottom: .5em
}

.wp-caption {
    max-width: 100%
}

.alignleft {
    float: left;
    margin: 0 1em 0 0
}

.ui-post-nav {
    display: flex;
    position: relative;
    margin-bottom: 27px
}

.ui-post-nav-item {
    width: 50%;
    padding: 0 2em
}

.ui-post-nav-item svg {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 0;
    transition: all .3s cubic-bezier(.2, .82, .66, .9)
}

.ui-next {
    text-align: right
}

.ui-next svg {
    left: auto;
    right: 0
}

.ui-next:hover svg {
    right: -15px
}

.ui-prev:hover svg {
    left: -15px
}

.ui-post-nav-item h4 {
    font-size: 1.1em;
    margin: 0 0 8px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.uicore-blog.single-post.elementor-page:not(.elementor-editor-active) #primary {
    overflow: visible
}

.ui-related-posts .uicore-row {
    width: 100%
}

@media (min-width:992px) {
    .comment-reply-link {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 32px
    }
}

@media (max-width:767px) {
    .comments-area {
        width: 100%;
        margin-top: 25px
    }

    .comments-area .comment-list li[class*=depth-] {
        padding-left: 16px
    }

    .comments-area .comment-form>p.comment-form-author,
    .comments-area .comment-form>p.comment-form-email,
    .comments-area .comment-form>p.comment-form-url {
        width: 100%
    }

    .comments-area .comment-form .comment-form-cookies-consent label {
        width: 80%;
        margin-left: 10px;
        float: left;
        margin-bottom: 20px
    }

    #cancel-comment-reply-link {
        float: none !important;
        display: block;
        margin-top: 18px
    }
}

@media (min-width:1025px) {
    .single-post.uicore-narow .uicore-post-content:not(.uicore-related) {
        max-width: 800px
    }

    .uicore-related .uicore-post-list {
        grid-template-columns: 1fr 1fr 1fr
    }

    .out-of-container {
        margin-left: -60px;
        min-width: calc(100% + 120px)
    }
}

@media (max-width:1024px) {
    .uicore-blog-grid .uicore-post-info {
        margin-top: 2em
    }

    .uicore-blog-grid.uicore-masonry .uicore-post-info {
        padding-bottom: 2em
    }

    .ui-post-nav-item svg {
        display: none
    }

    .ui-prev {
        padding: 0 1em 0 0 !important
    }

    .ui-next {
        padding: 0 0 0 1em !important
    }
}

.uicore-grid-container {
    --hgap: 0;
    --vgap: 0;
    --columns: 0;
    --rows: 0;
    --gap-count: 0;
    --container-aspect-ratio: 0;
    --animation-duration: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.uicore-grid-item {
    --item-width: 0;
    --item-height: 0;
    --column: 0;
    --row: 0;
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    transition-property: top, left;
    transition-duration: var(--animation-duration)
}

.uicore-grid-item:not(:hover) .uicore-grid-overlay {
    display: none
}

.uicore-cover-img {
    width: 100%
}

.uicore-grid-overlay__title {
    font-size: 24px
}

.uicore-grid-grid:not(.uicore-grid--animated) {
    display: grid;
    grid-gap: var(--vgap) var(--hgap);
    grid-template-columns: repeat(var(--columns), 1fr)
}

.uicore-grid-grid.uicore-grid--animated {
    --aspect-ratio: 0;
    padding-bottom: var(--container-aspect-ratio)
}

.uicore-grid-grid.uicore-grid--animated .uicore-grid-item {
    --item-width: calc((100% - (var(--columns) - 1)*var(--hgap))/var(--columns));
    position: absolute;
    top: calc((100%/var(--rows) + var(--vgap)/var(--rows))*var(--row));
    left: calc(var(--item-width)*var(--column) + var(--hgap)*var(--column));
    width: var(--item-width)
}

.uicore-masonry.uicore-grid-grid .uicore-cover-img {
    padding-bottom: var(--aspect-ratio)
}

.uicore-grid-justified {
    padding-bottom: calc(var(--container-aspect-ratio)*100%)
}

.uicore-grid-justified .uicore-grid-item {
    --item-left: 0;
    --item-top: 0;
    --item-row-index: 0;
    position: absolute;
    width: calc(var(--item-width)*(100% - var(--hgap)*var(--gap-count)));
    height: var(--item-height);
    left: calc(var(--item-left)*(100% - var(--hgap)*var(--gap-count)) + var(--hgap)*var(--item-row-index));
    top: calc(var(--item-top) + var(--row)*var(--vgap))
}

.uicore-grid-justified .uicore-cover-img {
    height: 100%
}

.uicore-grid-masonry {
    --highest-column-gap-count: 0;
    height: 0;
    margin-bottom: calc(var(--highest-column-gap-count)*var(--vgap))
}

.uicore-grid-masonry .uicore-grid-item {
    --percent-height: 0;
    position: absolute;
    width: calc(100%/var(--columns) - var(--hgap)*(var(--columns) - 1)/var(--columns));
    left: calc((100%/var(--columns) - var(--hgap)*(var(--columns) - 1)/var(--columns))*var(--column) + var(--hgap)*var(--column));
    top: calc(var(--percent-height) + var(--row)*var(--vgap))
}

.uicore-grid-masonry .uicore-cover-img {
    padding-bottom: var(--item-height)
}

@-ms-viewport {
    width: device-width
}

.uicore-grid-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uicore-col,
[class*=uicore-col],
[class^=uicore-col] {
    position: relative;
    width: 100%;
    min-height: 1px
}

.uicore-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.uicore-col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.uicore-col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.uicore-col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.uicore-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.uicore-col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.uicore-col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.uicore-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.uicore-col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.uicore-col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.uicore-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.uicore-col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.uicore-col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.uicore-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.uicore-none-space {
    margin: 0
}

.uicore-none-space .uicore-grid-item {
    padding: 0
}

.uicore-extra-small-space {
    margin: -2.5px
}

.uicore-extra-small-space .uicore-grid-item {
    padding: 2.5px
}

.uicore-small-space {
    margin: -7.5px
}

.uicore-small-space .uicore-grid-item {
    padding: 7.5px
}

.uicore-medium-space {
    margin: -15px
}

.uicore-medium-space .uicore-grid-item {
    padding: 15px
}

.uicore-large-space {
    margin: -25px
}

.uicore-large-space .uicore-grid-item {
    padding: 25px
}

.uicore-extra-large-space {
    margin: -40px
}

.uicore-extra-large-space .uicore-grid-item {
    padding: 40px
}

.uicore-full-width .site-main.uicore-section.uicore-box .uicore-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important
}

.uicore-full-width .site-main.uicore-section.uicore-box .uicore-container .uicore-grid-container {
    margin-right: var(--vgap);
    margin-left: var(--vgap)
}

.uicore-blog:not(.uicore-sidebar-left):not(.uicore-sidebar-right) .uicore-archive .uicore-classic {
    max-width: 70%;
    margin: 0 auto
}

.uicore-cover-img {
    background-position: 50%;
    background-size: cover;
    padding-bottom: 100%;
    display: block
}

.uicore-grid-item article {
    position: relative
}

.uicore-zoom .uicore-zoom-wrapper {
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000)
}

.uicore-zoom .uicore-cover-img {
    transform: scale(1);
    background-position: 50%;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.uicore-zoom:hover .uicore-cover-img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.uicore-float .uicore-zoom-wrapper {
    transform: translateZ(0);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    box-shadow: 0 20px 25px -5px transparent, 0 10px 10px -5px transparent
}

.uicore-float:hover .uicore-zoom-wrapper {
    transform: translate3d(0, -10px, 0);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
}

.uicore-grid-container.uicore-masonry .uicore-zoom-wrapper {
    height: auto;
    padding-bottom: 0;
    overflow: hidden
}

.uicore-reveal .uicore-post {
    overflow: hidden
}

.uicore-reveal .uicore-post-info {
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    bottom: -2px;
    left: 0;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    transition: transform .4s ease-in-out;
    will-change: transform;
    transform: translate3d(0, 100%, 0)
}

.uicore-reveal .uicore-post-info .uicore-post-info-wrapper {
    transition: transform .4s ease-in-out;
    will-change: transform;
    transform: translate3d(0, -200%, 0)
}

.uicore-reveal:hover .uicore-post-info,
.uicore-reveal:hover .uicore-post-info .uicore-post-info-wrapper {
    transform: translateZ(0)
}

.uicore-justified .uicore-cover-img,
.uicore-justified .uicore-post,
.uicore-justified .uicore-post-wrapper,
.uicore-justified .uicore-zoom-wrapper {
    height: 100%;
    width: 100%;
    display: block;
    padding-bottom: 0
}

.uicore-landscape-ratio.uicore-grid .uicore-cover-img,
.uicore-landscape-ratio.uicore-grid .uicore-zoom .uicore-zoom-wrapper,
.uicore-landscape-ratio.uicore-tiles .uicore-cover-img,
.uicore-landscape-ratio.uicore-tiles .uicore-zoom .uicore-zoom-wrapper {
    padding-bottom: 57%
}

.uicore-landscape-ratio.uicore-classic .uicore-cover-img,
.uicore-landscape-ratio.uicore-classic .uicore-zoom .uicore-zoom-wrapper {
    padding-bottom: 40%
}

img.uicore-cover-img {
    padding-bottom: 0
}

.uicore-blog-img-container {
    overflow: hidden
}

@media (min-width:576px) {
    .uicore-col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .uicore-col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .uicore-col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .uicore-col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .uicore-col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .uicore-col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .uicore-col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .uicore-col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .uicore-col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .uicore-col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .uicore-col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .uicore-col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .uicore-col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .uicore-col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .uicore-col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .uicore-col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .uicore-col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .uicore-col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .uicore-col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .uicore-col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .uicore-col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .uicore-col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .uicore-col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .uicore-col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .uicore-col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .uicore-col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .uicore-col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .uicore-col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:992px) {
    .uicore-col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .uicore-col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .uicore-col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .uicore-col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .uicore-col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .uicore-col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .uicore-col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .uicore-col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .uicore-col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .uicore-col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .uicore-col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .uicore-col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .uicore-col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .uicore-col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .uicore-col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .uicore-col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .uicore-col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .uicore-col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .uicore-col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .uicore-col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .uicore-col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .uicore-col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .uicore-col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .uicore-col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .uicore-col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .uicore-col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .uicore-col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .uicore-col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width:767px) {
    .uicore-extra-small-space {
        margin: 0
    }

    .uicore-extra-small-space .uicore-grid-item {
        padding: 2.5px 0
    }

    .uicore-small-space {
        margin: 0
    }

    .uicore-small-space .uicore-grid-item {
        padding: 7.5px 0
    }

    .uicore-medium-space {
        margin: 0
    }

    .uicore-medium-space .uicore-grid-item {
        padding: 15px 0
    }

    .uicore-large-space {
        margin: 0
    }

    .uicore-large-space .uicore-grid-item {
        padding: 25px 0
    }

    .uicore-extra-large-space {
        margin: 0
    }

    .uicore-extra-large-space .uicore-grid-item {
        padding: 40px 0
    }
}

@media (max-width:900px) {
    .uicore-blog:not(.uicore-sidebar-left):not(.uicore-sidebar-right) .uicore-archive .uicore-classic {
        max-width: 100%
    }
}

@media (min-width:920px) {
    .uicore-horizontal .uicore-post-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .uicore-horizontal .uicore-post-wrapper .uicore-zoom-wrapper,
    .uicore-horizontal .uicore-post-wrapper>a {
        flex: 1;
        height: auto;
        padding-bottom: 0
    }

    .uicore-horizontal .uicore-post-wrapper .uicore-post-info {
        flex: 2.5;
        padding-left: 25px;
        margin-top: 0 !important;
        padding-bottom: 0 !important
    }
}

.uicore-single-header h1.entry-title {
    --uicore-typography--h1-f: var(--uicore-primary-font-family);
    --uicore-typography--h1-w: 600;
    --uicore-typography--h1-h: 1.2;
    --uicore-typography--h1-ls: -0.027em;
    --uicore-typography--h1-t: none;
    --uicore-typography--h1-st: normal;
    --uicore-typography--h1-c: var(--uicore-headline-color);
    --uicore-typography--h1-s: 72px
}

.single-post .elementor-widget-uicore-the-content,
.uicore-blog .uicore-post-content:not(.uicore-archive) .entry-content {
    --uicore-typography--h1-f: var(--uicore-primary-font-family);
    --uicore-typography--h1-w: 600;
    --uicore-typography--h1-h: 1.2;
    --uicore-typography--h1-ls: -0.027em;
    --uicore-typography--h1-t: none;
    --uicore-typography--h1-st: normal;
    --uicore-typography--h1-c: var(--uicore-headline-color);
    --uicore-typography--h1-s: 72px;
    --uicore-typography--h2-f: var(--uicore-primary-font-family);
    --uicore-typography--h2-w: 600;
    --uicore-typography--h2-h: 1.2;
    --uicore-typography--h2-ls: -0.027em;
    --uicore-typography--h2-t: None;
    --uicore-typography--h2-st: normal;
    --uicore-typography--h2-c: var(--uicore-headline-color);
    --uicore-typography--h2-s: 40px;
    --uicore-typography--h3-f: var(--uicore-primary-font-family);
    --uicore-typography--h3-w: 600;
    --uicore-typography--h3-h: 1.25;
    --uicore-typography--h3-ls: 0em;
    --uicore-typography--h3-t: None;
    --uicore-typography--h3-st: normal;
    --uicore-typography--h3-c: var(--uicore-headline-color);
    --uicore-typography--h3-s: 34px;
    --uicore-typography--h4-f: var(--uicore-primary-font-family);
    --uicore-typography--h4-w: 600;
    --uicore-typography--h4-h: 1.1;
    --uicore-typography--h4-ls: 0em;
    --uicore-typography--h4-t: None;
    --uicore-typography--h4-st: normal;
    --uicore-typography--h4-c: var(--uicore-headline-color);
    --uicore-typography--h4-s: 20px;
    --uicore-typography--h5-f: var(--uicore-primary-font-family);
    --uicore-typography--h5-w: 600;
    --uicore-typography--h5-h: 1.1;
    --uicore-typography--h5-ls: 0em;
    --uicore-typography--h5-t: None;
    --uicore-typography--h5-st: normal;
    --uicore-typography--h5-c: var(--uicore-headline-color);
    --uicore-typography--h5-s: 16px;
    --uicore-typography--h6-f: var(--uicore-text-font-family);
    --uicore-typography--h6-w: normal;
    --uicore-typography--h6-h: 1.1;
    --uicore-typography--h6-ls: 0em;
    --uicore-typography--h6-t: Uppercase;
    --uicore-typography--h6-st: normal;
    --uicore-typography--h6-c: var(--uicore-headline-color);
    --uicore-typography--h6-s: 14px;
    --uicore-typography--p-f: var(--uicore-text-font-family);
    --uicore-typography--p-w: normal;
    --uicore-typography--p-h: 1.875;
    --uicore-typography--p-ls: 0em;
    --uicore-typography--p-t: None;
    --uicore-typography--p-st: normal;
    --uicore-typography--p-c: var(--uicore-body-color);
    --uicore-typography--p-s: 16px
}

.single .elementor-widget-uicore-the-content a,
.blog-fonts a {
    color: var(--uicore-primary-color)
}

.single .elementor-widget-uicore-the-content a:hover,
.blog-fonts a:hover {
    color: var(--uicore-secondary-color)
}

.uicore-blog-grid {
    --uicore-typography--blog_title-f: var(--uicore-primary-font-family);
    --uicore-typography--blog_title-w: 600;
    --uicore-typography--blog_title-h: 1.44;
    --uicore-typography--blog_title-ls: 0em;
    --uicore-typography--blog_title-t: None;
    --uicore-typography--blog_title-st: normal;
    --uicore-typography--blog_title-c: var(--uicore-headline-color);
    --uicore-typography--blog_title-s: 18px;
    --uicore-typography--blog_ex-f: var(--uicore-text-font-family);
    --uicore-typography--blog_ex-w: normal;
    --uicore-typography--blog_ex-h: 1.57;
    --uicore-typography--blog_ex-ls: 0em;
    --uicore-typography--blog_ex-t: None;
    --uicore-typography--blog_ex-st: normal;
    --uicore-typography--blog_ex-c: var(--uicore-headline-color);
    --uicore-typography--blog_ex-s: 14px
}

@media (max-width:1024px) {
    body {
        --uicore-typography--h1-s: 60px;
        --uicore-typography--h2-s: 40px;
        --uicore-typography--h3-s: 32px;
        --uicore-typography--h4-s: 24px;
        --uicore-typography--h5-s: 15px;
        --uicore-typography--h6-s: 13px;
        --uicore-typography--p-s: 15px
    }

    .uicore-single-header h1.entry-title {
        --uicore-typography--h1-s: 48px
    }

    .single-post .elementor-widget-uicore-the-content,
    .uicore-blog .uicore-post-content:not(.uicore-archive) .entry-content {
        --uicore-typography--h1-s: 48px;
        --uicore-typography--h2-s: 34px;
        --uicore-typography--h3-s: 26px;
        --uicore-typography--h4-s: 18px;
        --uicore-typography--h5-s: 15px;
        --uicore-typography--h6-s: 13px;
        --uicore-typography--p-s: 18px
    }

    .uicore-blog-grid {
        --uicore-typography--blog_title-s: 18px;
        --uicore-typography--p-s: 13px
    }
}

@media (max-width:767px) {
    body {
        --uicore-typography--h1-s: 48px;
        --uicore-typography--h2-s: 40px;
        --uicore-typography--h3-s: 32px;
        --uicore-typography--h4-s: 18px;
        --uicore-typography--h5-s: 14px;
        --uicore-typography--h6-s: 12px;
        --uicore-typography--p-s: 14px
    }

    .uicore-single-header h1.entry-title {
        --uicore-typography--h1-s: 34px
    }

    .single-post .elementor-widget-uicore-the-content,
    .uicore-blog .uicore-post-content:not(.uicore-archive) .entry-content {
        --uicore-typography--h1-s: 34px;
        --uicore-typography--h2-s: 26px;
        --uicore-typography--h3-s: 20px;
        --uicore-typography--h4-s: 16px;
        --uicore-typography--h5-s: 14px;
        --uicore-typography--h6-s: 12px;
        --uicore-typography--p-s: 16px
    }

    .uicore-blog-grid {
        --uicore-typography--blog_title-s: 16px;
        --uicore-typography--p-s: 13px
    }
}

@media (min-width:1024px) {

    .uicore-blog.single .uicore-page-title h1.uicore-title,
    .uicore-blog.single .uicore-page-title a,
    .uicore-blog.single .uicore-page-title p {
        max-width: 75%
    }
}

@media (max-width:1024px) {
    .uicore-blog #main.uicore {
        padding: 75px 0
    }
}

@media (max-width:767px) {
    .uicore-blog #main.uicore {
        padding: 45px 0
    }
}

@media (min-width:1024px) {
    .uicore-blog #main.uicore {
        padding: 100px 0
    }
}

.uicore-blog-grid {
    --uicore-blog--radius: 6px
}

@media(min-width:768px) {

    .wp-block-image.alignwide img,
    .wp-block-image.alignwide figcaption {
        margin-left: clamp(-2vw, -10em, -8vw);
        width: calc(100% + calc(clamp(-2vw, -10em, -8vw) * -2));
        max-width: 100vw
    }
}

.uicore-progress-bar {
    height: 2px;
    top: 0;
    width: 0;
    max-width: 100vw;
    overflow: hidden;
    position: fixed;
    z-index: 98;
    left: 0;
    right: 0
}