:root {
    --themepeek-color-primary: #2C2F85;
    --themepeek-color-heading: #2C2F85;
    --themepeek-color-global: #686969;
    --themepeek-color-content-bg: #F4F5F5;
    --themepeek-color-site-bg: #f7f7f7;
    --themepeek-color-border: #DEE1E7;
    --themepeek-global-font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    --themepeek-global-font-size: 14px;
    --themepeek-global-font-weight: 400;
    --themepeek-global-font-style: normal;
    --themepeek-global-line-height: 1.6;
    --themepeek-global-text-transform: none;
    --themepeek-global-letter-spacing: 0;
    --themepeek-global-word-spacing: 0;
    --themepeek-heading-font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    --themepeek-heading-font-weight: 600;
    --themepeek-heading-font-style: normal;
    --themepeek-heading-line-height: 1.3;
    --themepeek-heading-text-transform: none;
    --themepeek-heading-letter-spacing: 0;
    --themepeek-heading-word-spacing: 0;
    --themepeek-small-font-size: 0.889rem;
    --themepeek-x-small-font-size: 0.79rem;
    --themepeek-2x-small-font-size: 0.702rem;
    --themepeek-h6-font-size: 1rem;
    --themepeek-h5-font-size: 1.125rem;
    --themepeek-h4-font-size: 1.266rem;
    --themepeek-h3-font-size: 1.424rem;
    --themepeek-h2-font-size: 1.602rem;
    --themepeek-h1-font-size: 1.802rem;
    --themepeek-lighter-font-weight: lighter;
    --themepeek-100-font-weight: 100;
    --themepeek-200-font-weight: 200;
    --themepeek-light-font-weight: 300;
    --themepeek-300-font-weight: 300;
    --themepeek-normal-font-weight: 400;
    --themepeek-regular-font-weight: 400;
    --themepeek-400-font-weight: 400;
    --themepeek-500-font-weight: 500;
    --themepeek-600-font-weight: 600;
    --themepeek-bold-font-weight: 700;
    --themepeek-700-font-weight: 700;
    --themepeek-800-font-weight: 800;
    --themepeek-900-font-weight: 900;
    --themepeek-bolder-font-weight: bolder;
    --alpha: "0.1";
    --themepeek-color-success: #087E8C;
    --themepeek-color-success-bg: rgba(8, 126, 140, 0.1);
    --themepeek-color-info: #E81E2A;
    --themepeek-color-info-bg: rgba(6, 74, 243, 0.1);
    --themepeek-color-warning: #F29438;
    --themepeek-color-warning-bg: rgba(242, 148, 56, 0.1);
    --themepeek-color-danger: #FB5A46;
    --themepeek-color-danger-bg: rgba(251, 90, 70, 0.1);
    --themepeek-gap-8: 0.5rem;
    --themepeek-gap-10: 0.625rem;
    --themepeek-gap-16: 1rem;
    --themepeek-gap-15: 0.938rem;
    --themepeek-gap-20: 1.25rem;
    --themepeek-gap-25: 1.563rem;
    --themepeek-gap-30: 1.875rem;
    --themepeek-gap-35: 2.188rem;
    --themepeek-gap-40: 2.5rem;
    --themepeek-gap-45: 2.813rem;
    --themepeek-gap-50: 3.125rem;
    --themepeek-gap-55: 3.438rem;
    --themepeek-gap-60: 1.75rem;
    --themepeek-gap-65: 4.063rem;
    --themepeek-gap-70: 4.375rem;
    --themepeek-gap-75: 4.688rem;
    --themepeek-gap-80: 5rem;
    --themepeek-gap-85: 5.313rem;
    --themepeek-gap-90: 5.625rem;
    --themepeek-gap-95: 5.938rem;
    --themepeek-gap-100: 6.25rem
}

html {
    font-size: 14px
}

body {
    font-family: var(--themepeek-global-font-family);
    font-weight: var(--themepeek-global-font-weight);
    font-style: var(--themepeek-global-font-style);
    font-size: var(--themepeek-global-font-size);
    line-height: var(--themepeek-global-line-height);
    text-transform: var(--themepeek-global-text-transform);
    letter-spacing: var(--themepeek-global-letter-spacing);
    word-spacing: var(--themepeek-global-word-spacing);
    background-color: var(--themepeek-color-site-bg);
    color: var(--themepeek-color-global);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: hidden
}

body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    transition: .4s;
    opacity: 0;
    visibility: hidden
}

body .site {
    position: relative;
    overflow-x: hidden
}

h1,
.h1,
.heading-size-1 {
    font-family: var(--themepeek-h1-font-family, var(--themepeek-heading-font-family));
    font-weight: var(--themepeek-h1-font-weight, var(--themepeek-heading-font-weight));
    font-style: var(--themepeek-h1-font-style, var(--themepeek-heading-font-style));
    font-size: var(--themepeek-h1-font-size);
    line-height: var(--themepeek-h1-line-height, var(--themepeek-heading-line-height));
    text-transform: var(--themepeek-h1-text-decoration, var(--themepeek-global-text-transform));
    letter-spacing: var(--themepeek-h1-letter-spacing, var(--themepeek-global-letter-spacing));
    word-spacing: var(--themepeek-h1-word-spacing, var(--themepeek-global-word-spacing))
}

h2,
.h2,
.heading-size-2 {
    font-family: var(--themepeek-h2-font-family, var(--themepeek-heading-font-family));
    font-weight: var(--themepeek-h2-font-weight, var(--themepeek-heading-font-weight));
    font-style: var(--themepeek-h2-font-style, var(--themepeek-heading-font-style));
    font-size: var(--themepeek-h2-font-size);
    line-height: var(--themepeek-h2-line-height, var(--themepeek-heading-line-height));
    text-transform: var(--themepeek-h2-text-decoration, var(--themepeek-global-text-transform));
    letter-spacing: var(--themepeek-h2-letter-spacing, var(--themepeek-global-letter-spacing));
    word-spacing: var(--themepeek-h2-word-spacing, var(--themepeek-global-word-spacing))
}

h3,
.h3,
.heading-size-3 {
    font-family: var(--themepeek-h3-font-family, var(--themepeek-heading-font-family));
    font-weight: var(--themepeek-h3-font-weight, var(--themepeek-heading-font-weight));
    font-style: var(--themepeek-h3-font-style, var(--themepeek-heading-font-style));
    font-size: var(--themepeek-h3-font-size);
    line-height: var(--themepeek-h3-line-height, var(--themepeek-heading-line-height));
    text-transform: var(--themepeek-h3-text-decoration, var(--themepeek-global-text-transform));
    letter-spacing: var(--themepeek-h3-letter-spacing, var(--themepeek-global-letter-spacing));
    word-spacing: var(--themepeek-h3-word-spacing, var(--themepeek-global-word-spacing))
}

h4,
.h4,
.heading-size-4 {
    font-family: var(--themepeek-h4-font-family, var(--themepeek-heading-font-family));
    font-weight: var(--themepeek-h4-font-weight, var(--themepeek-heading-font-weight));
    font-style: var(--themepeek-h4-font-style, var(--themepeek-heading-font-style));
    font-size: var(--themepeek-h4-font-size);
    line-height: var(--themepeek-h4-line-height, var(--themepeek-heading-line-height));
    text-transform: var(--themepeek-h4-text-decoration, var(--themepeek-global-text-transform));
    letter-spacing: var(--themepeek-h4-letter-spacing, var(--themepeek-global-letter-spacing));
    word-spacing: var(--themepeek-h4-word-spacing, var(--themepeek-global-word-spacing))
}

h5,
.h5,
.heading-size-5 {
    font-family: var(--themepeek-h5-font-family, var(--themepeek-heading-font-family));
    font-weight: var(--themepeek-h5-font-weight, var(--themepeek-heading-font-weight));
    font-style: var(--themepeek-h5-font-style, var(--themepeek-heading-font-style));
    font-size: var(--themepeek-h5-font-size);
    line-height: var(--themepeek-h5-line-height, var(--themepeek-heading-line-height));
    text-transform: var(--themepeek-h5-text-decoration, var(--themepeek-global-text-transform));
    letter-spacing: var(--themepeek-h5-letter-spacing, var(--themepeek-global-letter-spacing));
    word-spacing: var(--themepeek-h5-word-spacing, var(--themepeek-global-word-spacing))
}

h6,
.h6,
.heading-size-6 {
    font-family: var(--themepeek-h6-font-family, var(--themepeek-heading-font-family));
    font-weight: var(--themepeek-h6-font-weight, var(--themepeek-heading-font-weight));
    font-style: var(--themepeek-h6-font-style, var(--themepeek-heading-font-style));
    font-size: var(--themepeek-h6-font-size);
    line-height: var(--themepeek-h6-line-height, var(--themepeek-heading-line-height));
    text-transform: var(--themepeek-h6-text-decoration, var(--themepeek-global-text-transform));
    letter-spacing: var(--themepeek-h6-letter-spacing, var(--themepeek-global-letter-spacing));
    word-spacing: var(--themepeek-h6-word-spacing, var(--themepeek-global-word-spacing))
}

::-moz-selection {
    background: var(--themepeek-color-secondary);
    color: #ffffff
}

::selection {
    background: #000;
    color: #ffffff;
}

p:empty {
    display: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--themepeek-color-heading)
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: var(--themepeek-color-heading)
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: var(--themepeek-color-primary);
    text-decoration: underline
}

a {
    color: var(--themepeek-color-global);
    transition: .4s
}

a:hover {
    color: var(--themepeek-color-primary)
}

img {
    max-width: 100%;
    height: auto
}

.edit-link {
    position: absolute;
    right: var(--themepeek-gap-20);
    bottom: var(--themepeek-gap-20)
}

.page-header {
    margin-bottom: var(--themepeek-gap-20)
}

.alignleft {
    margin-right: 1rem;
    display: inline;
    float: left
}

img.alignleft {
    margin-right: 1rem;
    display: inline;
    float: left
}

.alignright {
    margin-left: 1rem;
    display: inline;
    float: right
}

img.alignright {
    margin-left: 1rem;
    display: inline;
    float: right
}

.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
    text-align: center
}

img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
    text-align: center
}

.wp-caption {
    margin-bottom: 2.2rem;
    text-align: center;
    padding-top: 5px
}

.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0
}

.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0
}

.wp-smiley {
    margin: 0 !important;
    max-height: 1rem
}

.bypostauthor {
    position: relative;
    display: block
}

.gallery-caption {
    position: relative
}

.themepeek-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: var(--themepeek-small-font-size);
    font-weight: var(--themepeek-500-font-weight);
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    padding: 0 var(--themepeek-gap-10);
    height: 2.25rem;
    transition: .4s ease-in-out
}

.themepeek-btn i {
    font-size: 1.23em
}

.themepeek-btn-fill {
    background-color: var(--themepeek-color-content-bg);
    border: 1px solid var(--themepeek-color-border)
}

.themepeek-btn-fill:hover {
    background-color: rgba(0, 0, 0, 0)
}

.themepeek-btn-outline {
    color: var(--themepeek-color-heading);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--themepeek-color-border)
}

.themepeek-btn-outline:hover {
    color: var(--themepeek-color-heading);
    background-color: var(--themepeek-color-content-bg)
}

.themepeek-btn-fill-primary {
    color: #fff;
    background-color: var(--themepeek-color-primary);
    border: 1px solid var(--themepeek-color-primary)
}

.themepeek-btn-fill-primary:hover {
    color: var(--themepeek-color-primary);
    background-color: rgba(0, 0, 0, 0)
}

.themepeek-btn-outline-primary {
    color: var(--themepeek-color-primary);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--themepeek-color-primary)
}

.themepeek-btn-outline-primary:hover {
    color: #fff;
    background-color: var(--themepeek-color-primary)
}

.themepeek-hamburger {
    margin-left: auto;
    color: var(--themepeek-color-heading);
    cursor: pointer;
    font-size: 25px;
    line-height: 1
}

.nav-drill {
    transform: translateX(100%)
}

.nav-is-toggled .nav-drill {
    transform: translateX(0)
}

.nav-is-toggled::after {
    opacity: 1;
    visibility: visible
}

.nav-drill {
    display: flex;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    width: 250px;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: .45s
}

.nav-drill .nav-items {
    flex: 0 0 100%;
    padding: 0;
    margin: 0
}

.nav-drill .menu-item {
    list-style: none
}

.nav-drill .menu-item:not(:last-child) {
    border-bottom: solid 1px var(--themepeek-color-border)
}

.nav-drill .menu-item a {
    text-decoration: none;
    display: block;
    padding: .5em 1em;
    font-size: 1rem;
    line-height: 1.5em;
    color: var(--themepeek-color-heading);
    transition: .4s
}

.nav-drill .menu-item a:hover {
    color: var(--themepeek-color-primary)
}

.nav-drill .menu-item-has-children .sub-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: translateX(100%);
    transition: .3s;
    visibility: hidden;
    padding: 0;
    margin: 0;
    flex: 0 0 100%
}

.nav-drill .menu-item-has-children .sub-menu .menu-item:not(:last-child) {
    border-bottom: solid 1px var(--themepeek-color-border)
}

.nav-drill .menu-item-has-children .sub-menu .nav-back-link {
    display: flex;
    align-items: center;
    background-color: var(--themepeek-color-primary) !important;
    color: #fff
}

.nav-drill .menu-item-has-children .sub-menu .nav-back-link::before {
    content: "";
    margin-right: .5em;
    font-family: themify;
    font-size: .7em;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

.nav-drill .menu-item-has-children>a {
    display: flex;
    justify-content: space-between
}

.nav-drill .menu-item-has-children>a::after {
    content: "";
    margin-right: .5em;
    font-family: themify;
    font-size: .7em;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

.nav-drill .menu-item-has-children.active>.sub-menu {
    transform: translateX(0);
    visibility: visible
}

.site-header {
    position: relative;
    z-index: 101;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1)
}

.site-header .site-branding {
    margin-right: var(--themepeek-gap-30)
}

.site-header .site-title {
    margin-bottom: 0
}

.site-header .site-description {
    margin-bottom: 0
}

.site-header .primary-navigation a {
    padding: .75em 1em
}

.site-header .primary-navigation .menu-item-has-children>a {
    padding-right: 2.5em
}

.site-header .primary-navigation .sf-menu {
    margin-bottom: 0
}

.site-header .primary-navigation .sf-menu li {
    background: rgba(0, 0, 0, 0)
}

.site-header .primary-navigation .sf-menu a {
    border: none;
    color: var(--themepeek-color-heading);
    transition: .2s
}

.site-header .primary-navigation .sf-menu a:hover {
    color: var(--themepeek-color-primary)
}

.site-header .primary-navigation .sf-arrows .sf-with-ul:after {
    border-top-color: rgba(0, 0, 0, .5)
}

.site-header .primary-navigation .sub-menu li {
    background: #fff
}

.site-header .primary-navigation .sub-menu a {
    border-top: 1px solid var(--themepeek-color-border)
}

.site-header .primary-navigation .sub-menu .sf-with-ul:after {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, .5)
}

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=password],
input[type=date],
input[type=file],
input[type=search],
select,
textarea {
    color: var(--themepeek-color-global);
    border: 1px solid var(--themepeek-color-border);
    padding: var(--themepeek-gap-10) var(--themepeek-gap-15);
    width: 100%
}

input[type=text]:focus,
input[type=text]:focus-visible,
input[type=email]:focus,
input[type=email]:focus-visible,
input[type=url]:focus,
input[type=url]:focus-visible,
input[type=tel]:focus,
input[type=tel]:focus-visible,
input[type=number]:focus,
input[type=number]:focus-visible,
input[type=password]:focus,
input[type=password]:focus-visible,
input[type=date]:focus,
input[type=date]:focus-visible,
input[type=file]:focus,
input[type=file]:focus-visible,
input[type=search]:focus,
input[type=search]:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible {
    outline: 1px solid var(--themepeek-color-secondary)
}

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=password],
input[type=date],
input[type=file],
input[type=search],
select {
    height: 3.125rem
}

textarea {
    height: 12.5rem
}

form p {
    margin-bottom: 0
}

input[type=submit],
button[type=submit] {
    height: 3.125rem;
    background-color: #E81E2A;
    padding: var(--themepeek-gap-10) var(--themepeek-gap-15);
    color: #fff;
    border: none
}

select {
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==) no-repeat 95% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.post {
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 var(--themepeek-gap-50) 0 rgba(0, 0, 0, .1);
    padding: var(--themepeek-gap-20);
    margin-bottom: var(--themepeek-gap-30);
    transition: all .4s cubic-bezier(0.3, 0.02, 0, 0.6)
}

.post:hover {
    box-shadow: 0 0 var(--themepeek-gap-90) 0 rgba(0, 0, 0, .2);
    transform: translateY(-2px)
}

.post .themepeek-read-more {
    -moz-column-gap: 5px;
    column-gap: 5px
}

.post .themepeek-read-more:hover {
    -moz-column-gap: var(--themepeek-gap-10);
    column-gap: var(--themepeek-gap-10)
}

.post .entry-meta {
    display: flex;
    -moz-column-gap: var(--themepeek-gap-10);
    column-gap: var(--themepeek-gap-10);
    font-size: var(--themepeek-small-font-size);
    font-weight: var(--themepeek-500-font-weight)
}

.post .entry-meta .byline a {
    text-decoration: none;
    color: var(--themepeek-color-heading)
}

.site-content {
    padding: var(--themepeek-gap-60) 0
}

.comments-area {
    background-color: #fff;
    box-shadow: 0 0 var(--themepeek-gap-50) 0 rgba(0, 0, 0, .1);
    padding: var(--themepeek-gap-20)
}

.comments-area .comment-list {
    list-style: none;
    padding: 0
}

.comments-area .comment-list .comment-body {
    padding: var(--themepeek-gap-20) 0;
    border-top: 1px solid var(--themepeek-color-border)
}

.comments-area .comment-list .children {
    list-style: none
}

.comments-area .comment-list .reply {
    text-align: right
}

.comments-area .comment-author .avatar {
    border-radius: 100%
}

.comments-area .comment-respond .comment-form p {
    margin-top: var(--themepeek-gap-15)
}

.comments-area .comment-respond .form-submit {
    text-align: right
}

.themepeek-pagination .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: var(--themepeek-gap-10);
    column-gap: var(--themepeek-gap-10)
}

.themepeek-pagination .page-numbers {
    text-decoration: none;
    padding: var(--themepeek-gap-10);
    font-weight: var(--themepeek-500-font-weight);
    line-height: 1;
    color: var(--themepeek-color-heading)
}

.themepeek-pagination .page-numbers:hover,
.themepeek-pagination .page-numbers.current {
    color: var(--themepeek-color-primary)
}

.main-sidebar .themepeek-widget {
    background-color: #fff;
    box-shadow: 0 0 var(--themepeek-gap-50) 0 rgba(0, 0, 0, .1);
    padding: var(--themepeek-gap-20);
    margin-bottom: var(--themepeek-gap-30)
}

.not-found {
    background-color: #fff;
    box-shadow: 0 0 var(--themepeek-gap-50) 0 rgba(0, 0, 0, .1);
    padding: var(--themepeek-gap-60) var(--themepeek-gap-20);
    text-align: center
}

.not-found .search-form {
    display: flex;
    justify-content: center;
    align-items: center
}

.search-result-count {
    margin-bottom: var(--themepeek-gap-20)
}

.site-footer {
    background-color: var(--themepeek-color-heading);
    padding: var(--themepeek-gap-30) 0
}

.site-footer .footer-navigation .footer-navigation-wrapper {
    margin-bottom: var(--themepeek-gap-20);
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--themepeek-gap-10);
    list-style: none
}

.site-footer .footer-navigation .footer-navigation-wrapper a {
    text-decoration: none;
    color: #fff
}

.site-footer .footer-navigation .footer-navigation-wrapper a:hover {
    color: var(--themepeek-color-primary)
}