/*
Theme Name: Captivatewiki
Theme URI: https://github.com/studiopress/genesis-block-theme/
Template: genesis-block-theme
Author: StudioPress
Author URI: https://www.studiopress.com/
Description: A beautifully-simple yet powerful WordPress theme that integrates perfectly with the block editor and the Genesis Blocks plugin. Start building amazing websites with blocks today! Install the Genesis Blocks plugin to add even more page-building blocks such as testimonials, sharing icons, notices, call to actions, buttons and more.
Tags: one-column,featured-images,theme-options,custom-background,custom-colors,custom-logo,custom-menu,editor-style,translation-ready,footer-widgets,full-width-template,blog,sticky-post,threaded-comments,wide-blocks
Version: 1.0.0.1742232059
Updated: 2025-03-17 17:20:59

*/
body{
    font-family: 'Red Hat Display', sans-serif;
    margin: 0px;
}
html {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.75;
    color: #525f7f;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: none;
    color: #32325d;
}
#primary .site-main{
    max-width: 1200px;
    margin: 0 auto;
}
.wkp-form .wkp-formgroup {
    *zoom:1}

.wkp-form .wkp-formgroup::before,.wkp-form .wkp-formgroup::after {
    content: '';
    display: table
}

.wkp-form .wkp-formgroup::after {
    clear: both
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/*html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}*/
.wkp-article #breadcrumbs,.wkp-article #breadcrumbs a{
    font-family: 'Red Hat Display', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    color: #525f7f;
    text-decoration: none;
        margin-top: 0px;
    margin-bottom: 30px;
}
.wkp-article__thearticle{
    position: relative;
}
body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

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
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: 'Red Hat Display', sans-serif;;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html [type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button
}

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 {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    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-cancel-button,[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

*,*::before,*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.wkp-screen-reader-text,.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.wkp-screen-reader-text:focus,.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0;
    background: #f1f1f1;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit
}

letter-spacing body.page-template-template-login {
    background: #4071fc
}

a {
    text-decoration: underline;
    color: #4071fc
}

a:hover {
    text-decoration: none
}

.avatar {
    border-radius: 99%
}

.wkp-thecontent>* {
    margin: 1em 0
}

.wkp-thecontent a {
    text-decoration: underline
}
.wkp-thecontent p{
    font-family: 'Red Hat Display', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.75;
    color: #525f7f;
}
.wkp-thecontent p img{
    width: 100%;
}
.wkp-thecontent a:hover {
    text-decoration: none
}

.wkp-thecontent h1 {
    font-size: 2rem;
    line-height: 1.2;
    margin-top: 1.5em
}

.wkp-thecontent h2 {
    font-size: 2rem;
    line-height: 1.2;
    margin-top: 1.5em
}

.wkp-thecontent h3 {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-top: 1.35em
}

.wkp-thecontent h4 {
    font-size: 1.3rem;
    line-height: 1.3;
    margin-top: 1.2em
}

.wkp-thecontent h5 {
    font-size: 1.2rem;
    line-height: 1.3;
    margin-top: 1.1em
}

.wkp-thecontent h6 {
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 1em
}

.wkp-thecontent ul {
    list-style-type: circle;
    padding: 0
}

.wkp-thecontent ul li {
    margin: 0 0 5px 20px;
    padding: 0
}

.wkp-thecontent ul li:last-of-type {
    margin-bottom: 0
}

.wkp-thecontent ol {
    padding: 0 0 0 40px
}

.wkp-thecontent ol li {
    margin: 0 0 10px
}

.wkp-thecontent ol li:last-of-type {
    margin: 0
}

.wkp-thecontent hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #eaeaea;
    margin: 3em 0;
    padding: 0
}

@media screen and (min-width: 580px) {
    .wkp-thecontent .alignleft {
        float:left;
        margin-right: 1em
    }
}

@media screen and (min-width: 580px) {
    .wkp-thecontent .alignright {
        float:right;
        margin-left: 1em
    }
}

.wkp-thecontent code,.wkp-thecontent kbd,.wkp-thecontent pre,.wkp-thecontent samp {
    font-family: Consolas, Liberation Mono, Courier, monospace
}

.wkp-thecontent kbd {
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333
}

.wkp-thecontent mark {
    padding: .2em;
    background-color: #fcf8e3
}

.wkp-thecontent abbr[data-original-title],.wkp-thecontent abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.wkp-thecontent iframe,.wkp-thecontent object,.wkp-thecontent embed {
    max-width: 100%
}

.wp-block-table {
    clear: both;
    margin: 1.5em 0;
    width: 100%;
    min-width: 240px;
    border-collapse: collapse
}

.wp-block-table td,.wp-block-table th {
    padding: .5em;
    border: 1px solid #ccc;
    word-break: break-all
}

.wp-block-quote {
    margin: 3em 0;
    padding: .5em 0 .5em 2em;
    border-left: 5px solid #1B499A;
}
.wp-block-quote cite, .wp-block-quote footer {
    color: currentColor;
    font-size: 17px;
    font-style: italic;
     position: relative; 
}
.wp-block-quote.is-style-large {
    margin: 2em 0;
    padding: .5em 0 .5em 2em
}

.wp-block-quote>p:first-child {
    margin-top: 0
}

.wp-block-code {
    clear: both;
    margin: 1.5em 0;
    position: relative;
    background: #334053;
    min-width: 100px;
    max-width: 100%;
    overflow: hidden;
    tab-size: 2;
    color: #fff;
    border-radius: 5px
}

.wp-block-code,.wp-block-code code {
    font-family: "Operator Mono SSm A","Operator Mono SSm B","Operator Mono","Source Code Pro",Menlo,Consolas,Monaco,monospace
}

.wp-block-code code {
    font-size: 16px;
    line-height: 1.75;
    padding: 30px;
    white-space: pre;
    display: block;
    overflow-x: scroll;
    max-width: 100%;
    min-width: 100px
}

.wp-block-code code::-webkit-scrollbar {
    width: .5em;
    height: 0.5em
}

.wp-block-code code::-webkit-scrollbar-thumb {
    background: #000f27;
    border-radius: .5em;
    -webkit-box-shadow: inset 2px 2px 2px rgba(255,255,255,0.25),inset -2px -2px 2px rgba(0,0,0,0.25);
    box-shadow: inset 2px 2px 2px rgba(255,255,255,0.25),inset -2px -2px 2px rgba(0,0,0,0.25)
}

.wp-block-code code::-webkit-scrollbar-track {
    background: linear-gradient(to right, #201c29, #201c29 1px, none 1px, none)
}

.wp-block-image {
    margin: 1.5em 0
}

.wp-block-image.alignfull {
    margin-left: -50px;
    margin-right: -50px;
    max-width: 1000px
}

.wp-block-image.alignwide {
    margin-left: -24px;
    margin-right: -24px;
    max-width: 1000px
}

.wp-block-image img {
    max-width: 100%;
    height: auto
}

.wp-block-image figcaption {
    text-align: center;
    font-style: italic;
    font-size: 15px;
    color: #808080;
    margin-top: 1em;
    font-size: .9rem
}

.wp-block-button .wp-block-button__link {
    text-decoration: none
}

form label {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

form textarea,form select,form input[type="text"],form input[type="email"],form input[type="search"],form input[type="tel"],form input[type="url"],form input[type="password"],form input[type="number"],form input[type="date"] {
    display: inline-block;
    width: 100%;
    box-shadow: none;
    background-color: #fff;
    padding: 12px 14px;
    margin: 0 0 8px;
    border: 1px solid #dedede;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px transparent;
    transition: box-shadow .25s, border-color .25s, background .25s
}

form textarea:hover,form textarea:focus,form select:hover,form select:focus,form input[type="text"]:hover,form input[type="text"]:focus,form input[type="email"]:hover,form input[type="email"]:focus,form input[type="search"]:hover,form input[type="search"]:focus,form input[type="tel"]:hover,form input[type="tel"]:focus,form input[type="url"]:hover,form input[type="url"]:focus,form input[type="password"]:hover,form input[type="password"]:focus,form input[type="number"]:hover,form input[type="number"]:focus,form input[type="date"]:hover,form input[type="date"]:focus {
    border-color: #4071fc;
    box-shadow: inset 0 0 0 1px #4071fc
}

form textarea:focus,form select:focus,form input[type="text"]:focus,form input[type="email"]:focus,form input[type="search"]:focus,form input[type="tel"]:focus,form input[type="url"]:focus,form input[type="password"]:focus,form input[type="number"]:focus,form input[type="date"]:focus {
    outline: 0
}

form textarea.error,form select.error,form input[type="text"].error,form input[type="email"].error,form input[type="search"].error,form input[type="tel"].error,form input[type="url"].error,form input[type="password"].error,form input[type="number"].error,form input[type="date"].error {
    border-color: #ff3e49
}

form textarea.error:valid,form select.error:valid,form input[type="text"].error:valid,form input[type="email"].error:valid,form input[type="search"].error:valid,form input[type="tel"].error:valid,form input[type="url"].error:valid,form input[type="password"].error:valid,form input[type="number"].error:valid,form input[type="date"].error:valid {
    border-color: green
}

form input::-webkit-input-placeholder,form textarea::-webkit-input-placeholder {
    color: #a9a9a9
}

form input:-moz-placeholder,form textarea:-moz-placeholder {
    color: #a9a9a9
}

form textarea {
    min-height: 65px
}

form input[type="submit"],form .wkp-formsubmit {
    outline: 0;
    cursor: pointer;
    display: block;
    width: 100%;
    background: #4071fc;
    color: #fff;
    border: none;
    padding: 16px 48px;
    border-radius: 3px;
    width: auto;
    line-height: 1;
    font-size: 17px;
    font-weight: 400;
    transition: background .25s
}

form input[type="submit"]:focus,form .wkp-formsubmit:focus {
    outline: none
}

.wkp-form {
    font-size: 16px;
    line-height: 20px
}

.wkp-form p {
    margin: 0 0 16px
}

.wkp-form p.p--2xbm {
    margin-bottom: 32px
}

.wkp-form p.p--0bm {
    margin-bottom: 0
}

.wkp-form label {
    margin-bottom: 4px
}

.wkp-form .wkp-formgroup {
    margin-bottom: 8px
}

.wkp-form .wkp-formgroup .form-group__col2 {
    float: left;
    width: 50%
}

.wkp-form .wkp-formgroup .form-group__col2:nth-child(1) {
    padding-right: 8px
}

.wkp-form .wkp-formgroup .form-group__col2:nth-child(2) {
    padding-left: 8px
}

.wkp-form .wkp-inputcontainer {
    position: relative
}

.wkp-form .validation-error {
    position: absolute;
    top: -36px;
    right: 0;
    background: #66707e;
    padding: 10px;
    white-space: nowrap;
    margin-left: 16px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    border-radius: 2px
}

.wkp-form .validation-error::before {
    content: "";
    position: absolute;
    right: 10px;
    bottom: -10px;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid #66707e;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

.wkp-form small {
    clear: both;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #777;
    padding-bottom: 8px
}

.wkp-form .wkp-formstatus {
    border-radius: 5px;
    max-height: 0;
    opacity: 0;
    visibility: hidden
}

.wkp-form .wkp-formstatus.wkp-formstatus--success,.wkp-form .wkp-formstatus.wkp-formstatus--failed {
    padding: 16px 20px;
    margin: 0 0 8px;
    max-height: 999px;
    opacity: 1;
    visibility: visible
}

.wkp-form .wkp-formstatus.wkp-formstatus--failed {
    background-color: #ffebe6
}

.wkp-form .wkp-formstatus.wkp-formstatus--success {
    background-color: #82d376
}

.wkp-form .wkp-formsubmit {
    position: relative
}

.wkp-form .wkp-formsubmit.wkp-formsubmit--fw {
    width: 100%
}

.wkp-form .wkp-formsubmit span {
    transition: opacity .2s ease-in-out
}

.wkp-form .wkp-formsubmit svg {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .2s ease-in-out;
    max-width: 60px
}

.wkp-form .wkp-formsubmit.wkp-formsubmit--loading {
    cursor: wait
}

.wkp-form .wkp-formsubmit.wkp-formsubmit--loading svg {
    opacity: 1
}

.wkp-form .wkp-formsubmit.wkp-formsubmit--loading span {
    opacity: 0
}

.wkp-panel {
    background: #fff;
    width: 100%;
    max-width: 520px;
    margin: 0 auto 60px;
    padding: 48px;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05),0 4px 8px 0 rgba(0,0,0,0.1)
}

.wkp-panel.wkp-panel--width380 {
    max-width: 380px
}

.wkp-panel .wkp-panel__header {
    text-align: center;
    font-size: 28px;
    line-height: 38px;
    margin: 0 0 20px
}

.wkp-panel .form-login__forgot {
    font-size: 15px;
    line-height: 22px
}
.wkp-mainnav>ul a, .wkp-mainnav>ul ul a, .wkp-userinfo__content a .wkp-userinfo__name {
    color: #ffffff;
}
.wkp-mainnav li a{
    font-family: 'Red Hat Display', sans-serif;
    letter-spacing: .5px;
}
@media screen and (min-width: 1000px) {
    .wkp-sitecontainer {
        display:-webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        align-items: stretch;
        min-height: 100vh
    }
}

.wkp-main {
    flex-basis: 100%;
    padding: 25px 0
}

@media screen and (min-width: 450px) {
    .wkp-main {
        padding:25px 15px
    }
}

@media screen and (min-width: 650px) {
    .wkp-main {
        padding:25px 25px
    }
}

@media screen and (min-width: 1000px) {
    .wkp-main {
        padding:25px 60px
    }
}

.wkp-maincontent {
    max-width: 1000px
}

body.article-edit-view .wkp-maincontent {
    max-width: 1400px
}

.wkp-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background: #312c60;
    color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

@media screen and (max-width: 999px) {
    .wkp-header {
        -webkit-box-align:center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        max-height: 90px;
        position: relative;
    }
}

@media screen and (min-width: 1000px) {
    .wkp-header {
        -webkit-box-flex:300px;
        -webkit-flex: 300px 1 0;
        -moz-box-flex: 300px;
        -moz-flex: 300px 1 0;
        -ms-flex: 300px 1 0;
        flex: 300px 1 0;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 300px
    }
}

.wkp-header .wkp-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 12px 10px
}

@media screen and (max-width: 999px) {
    .wkp-header .wkp-logo {
        -webkit-box-flex:1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (min-width: 1000px) {
    .wkp-header .wkp-logo {
        padding:30px 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

.wkp-header .wkp-logo a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 100%;
    height: auto;
    justify-content:center;
}

.wkp-header .wkp-logo img {
    max-width: 100%;
    height: auto
}

@media screen and (max-width: 999px) {
    .wkp-header .wkp-logo img {
        max-height:60px
    }
}

.wkp-headermin {
    text-align: center;
    padding: 40px 0
}

.wkp-headermin .wkp-logo img {
    max-width: 100%;
    height: auto;
    max-height: 180px
}

.wkp-mainnav {
    list-style: none;
    margin: 0 5px;
    padding: 0;
    font-size: .9rem;
    line-height: 1.35
}

@media screen and (max-width: 999px) {
    .wkp-mainnav {
        display:-webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }

    .wkp-mainnav[data-nav-state="active"] ul {
        opacity: 1;
        max-height: 1600px;
        visibility: visible;
        
    }

    .wkp-mainnav[data-nav-state="active"] .sidebar-nav {
        opacity: 1;
        max-height: 1600px;
        visibility: visible;
        
    }
    .sidebar-nav .item-link{
        text-decoration: none;
        color: #212529 !important;
    }
}

@media screen and (min-width: 1000px) {
    .wkp-mainnav {
        padding-bottom:84px;
        flex-grow: 1;
        margin: 0 20px
    }
}

.wkp-mainnav .wkp-mainnav_mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
}

.wkp-mainnav .wkp-mainnav_mobile svg {
    height: 24px;
    width: 24px
}

@media screen and (min-width: 1000px) {
    .wkp-mainnav .wkp-mainnav_mobile {
        display:none
    }
}

.wkp-mainnav>ul {
    list-style: none;
    margin: 0 0 5px;
    padding: 0
}

@media screen and (max-width: 999px) {
    .wkp-mainnav>ul,.wkp-mainnav .sidebar-nav {
        -moz-transition:all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        -webkit-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        opacity: 0;
        max-height: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top:60px;
        z-index: 99999;
        overflow: hidden;
        background: #fff;
        padding: 16px 0;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

    .wkp-mainnav>ul li svg {
        display: none
    }

    .wkp-mainnav>ul a {
        display: block;
        padding: 4px 16px;
        text-decoration: none;
        color: #212529!important
    }

    .wkp-mainnav>ul ul {
        list-style: none;
        margin: 0 0 16px 14px;
        padding: 0
    }
}

@media screen and (min-width: 1000px) {
    .wkp-mainnav>ul {
        display:block
    }

    .wkp-mainnav>ul>li {
        font-weight: bolder;
        margin-bottom: 8px
    }

    .wkp-mainnav>ul>li[data-nav-state="active"] ul {
        opacity: 1;
        max-height: 5000px;
        visibility: visible
    }

    .wkp-mainnav>ul>li span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }

    .wkp-mainnav>ul>li span svg {
        margin: 0 8px 0 0
    }

    .wkp-mainnav>ul a {
        display: block;
        color: #fff;
        padding: 4px 0;
        text-decoration: none;
        font-size:16px;
    }

    .wkp-mainnav>ul ul {
        list-style: none;
        margin: 8px 0 12px 24px;
        padding: 0;
        -moz-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        -webkit-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        opacity: 0;
        max-height: 0;
        visibility: hidden
    }

    .wkp-mainnav>ul ul li {
        font-weight: normal;
        margin: 0
    }

    .wkp-mainnav>ul ul a {
        color: rgba(255,255,255,0.9)
    }
}

@media screen and (min-width: 1000px) {
    .wkp-userinfo {
        width:100%;
        position: sticky;
        bottom: 0
    }
}

.wkp-userinfo.wkp-userinfo--loggedin .wkp-userinfo__content:hover {
    cursor: pointer
}

.wkp-userinfo .wkp-userinfo__contentwrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 12px 10px;
    height: 100%
}

@media screen and (min-width: 1000px) {
    .wkp-userinfo .wkp-userinfo__contentwrap {
        background:#312c60;
        padding: 20px 40px;
        width: 100%
    }

    .wkp-userinfo .wkp-userinfo__contentwrap::before {
        content: '';
        position: absolute;
        top: -50px;
        left: 0;
        right: 0;
        width: 100%;
        height: 50px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #312c60 100%);
    }
}

.wkp-userinfo .wkp-userinfo__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: 100%
}

.wkp-userinfo .wkp-userinfo__content[data-nav-state="active"] .wkp-userinfo__menu {
    opacity: 1;
    max-height: 700px;
    visibility: visible
}

.wkp-userinfo .avatar {
    margin: 0 8px 0 0
}

@media screen and (min-width: 1000px) {
    .wkp-userinfo .avatar {
        margin:0 12px 0 0
    }
}

.wkp-userinfo .wkp-userinfo__name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 8px;
    display: none
}

@media screen and (min-width: 1000px) {
    .wkp-userinfo .wkp-userinfo__name {
        display:block
    }
}

.wkp-userinfo .wkp-userinfo__name a {
    color: #fff;
    text-decoration: none
}

.wkp-userinfo .wkp-userinfo__menu {
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    opacity: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    list-style: none;
    background: #fff;
    right: 0;
    margin: 0;
    padding: 8px 0;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    z-index: 99999;
    top: 34px
}

@media screen and (min-width: 1000px) {
    .wkp-userinfo .wkp-userinfo__menu {
        top:auto;
        bottom: 34px
    }
}

.wkp-userinfo .wkp-userinfo__menu a {
    display: block;
    padding: 4px 16px;
    text-decoration: none
}

.wkp-site-search {
    position: relative;
    max-width: 380px
}

.wkp-site-search::after {
    position: absolute;
    display: block;
    content: '';
    background: url("/wp-content/themes/Captivatewiki/images/icon-search.svg") no-repeat center center;
    background-size: 20px;
    height: 20px;
    width: 20px;
    top: 50%;
    left: 15px;
    margin-top: -10px;
    opacity: .7
}

.wkp-site-search .wkp-site-search__field {
    border-radius: 99px;
    display: block;
    width: 100%;
    padding: 12px 20px 12px 45px;
    margin: 0;
    border: 0;
    outline: none
}

.wkp-site-search .wkp-site-search__field:focus {
    outline: 0
}

.wkp-site-search .wkp-site-search__field.live-search-loading+.wkp-site-search__loader {
    opacity: .4
}

.wkp-site-search .wkp-site-search__loader {
    transition: all, .2s, ease-in-out;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    width: 30px;
    opacity: 0
}

.wkp-site-search .wkp-site-search__button {
    display: none
}

#jquery-live-search {
    background: #fff;
    margin: 15px 0 0;
    padding: 0;
    max-height: 400px;
    position: absolute;
    z-index: 99;
    border-radius: 5px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.18);
    -webkit-overflow-scrolling: touch
}

.wkp-searchresults {
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.wkp-searchresults::before {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.wkp-searchresults>li {
    position: relative;
    padding: 0;
    margin: 0
}

.wkp-searchresults>li:hover,.wkp-searchresults>li.wkp-searchresults__current {
    background: #f7f7f7
}

.wkp-searchresults>li:first-child a {
    padding-top: 15px
}

.wkp-searchresults>li:last-child a {
    padding-bottom: 15px
}

.wkp-searchresults>li.wkp-searchresults__showall,.wkp-searchresults>li.wkp-searchresults__noresults {
    background: #f7f7f7;
    text-align: center;
    font-size: 14px;
    line-height: 1
}

.wkp-searchresults>li.wkp-searchresults__showall a,.wkp-searchresults>li.wkp-searchresults__showall span,.wkp-searchresults>li.wkp-searchresults__noresults a,.wkp-searchresults>li.wkp-searchresults__noresults span {
    display: block;
    padding: 10px
}

.wkp-searchresults>li.wkp-searchresults__noresults {
    background: #fff
}

.wkp-searchresults>li a {
    padding: 8px 20px;
    display: block;
    color: inherit;
    text-decoration: none;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold
}

.wkp-searchresultslist {
    list-style: none;
    margin: 0;
    padding: 0
}

.wkp-article__header {
    margin: 0 0 25px;
    min-height: 36px
}

@media screen and (max-width: 449px) {
    .wkp-article__header {
        padding:0 15px
    }
}

@media screen and (min-width: 450px) {
    .wkp-article__header {
        display:flex
    }
}

.wkp-article__header .wkp-article__search {
    flex-grow: 1
}

@media screen and (max-width: 449px) {
    .wkp-article__header .wkp-article__search {
        margin:0 0 10px
    }
}

.wkp-article__controls {
    color: rgba(0,0,0,0.7);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

.wkp-article__controls ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    font-size: 16px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

.wkp-article__controls ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin: 0 0 0 8px
}

.wkp-article__status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    font-size: 15px;
    color: rgba(0,0,0,0.55);
    margin-right: 8px
}

.wkp-article__status .avatar {
    margin-right: 8px
}

.wkp-article__btn {
    background: #fff;
    border-radius: 99px;
    color: #807f80;
    text-decoration: none;
    line-height: 1;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    transition: all ease-in-out .15s
}

.wkp-article__btn:hover {
    background: #fcfcfc;
    box-shadow: 0 1px 10px rgba(0,0,0,0.1)
}

.wkp-article__btn svg {
    margin-right: 4px
}

.wkp-article__btn a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-decoration: none;
    padding: 10px 22px
}

.wkp-article__btn.wkp-article__btn--disabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background: rgba(255,255,255,0.75);
    padding: 10px 22px
}

.wkp-article__btn.wkp-article__btn--disabled:hover {
    cursor: not-allowed
}

.wkp-article__thearticle {
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    padding: 2rem 1.5rem
}

@media screen and (min-width: 450px) {
    .wkp-article__thearticle {
        padding:30px 2rem 2rem 2rem
    }
     .wkp-article__thearticle.hidden{
        padding:30px 2rem 30px 2rem;
    }
}

@media screen and (min-width: 620px) {
    .wkp-article__thearticle {
        padding:30px 3rem 3rem 3rem;
    }
    .wkp-article__thearticle.hidden{
        padding:30px 3rem 30px 3rem;
    }
}

@media screen and (min-width: 1000px) {
    .wkp-article__thearticle {
        padding:30px 4rem 4rem 4rem
    }
    .wkp-article__thearticle.hidden{
        padding:30px 4rem 30px 4rem;
    }
}

@media screen and (min-width: 1400px) {
    .wkp-article__thearticle {
        padding:30px 5rem 5rem 5rem;
    }
    .wkp-article__thearticle.hidden{
        padding:30px 5rem 30px 5rem;

    }
}

.wkp-article__footer {
    font-size: 90%;
    color: rgba(0,0,0,0.7);
    padding: 16px 0
}

@media screen and (max-width: 449px) {
    .wkp-article__footer {
        padding:16px 15px
    }
}

.wkp-article .wkp-article__title {
    margin: 0 0 20px;
    font-size: 2.2rem;
    line-height: 1.25;
    letter-spacing: -.08rem;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-family:'Montserrat', sans-serif;;
    font-weight: 700;
    text-transform: none;
    color: #32325d;
}
#frontend-post-form .add_post_category .category_list{
    border: 1px solid #ddd;
    padding: 10px 10px;
    margin-top: 10px;
     max-height: 200px;
    overflow-y: auto;

}
#frontend-post-form .add_post_category label.level_1{
    padding-left: 30px;
}
#frontend-post-form .add_post_category label.level_2{
    padding-left: 50px;
}
#post-edit-modal .add_post_category .category_list{
    border: 1px solid #ddd;
    padding: 10px 10px;
    margin-top: 10px;
     max-height: 200px;
    overflow-y: auto;

}
#post-edit-modal .add_post_category label.level_1{
    padding-left: 30px;
}
#post-edit-modal .add_post_category label.level_2{
    padding-left: 50px;
}
#post-edit-modal .add_post_category label {
    display: block;
    margin-bottom: 5px;
    /*font-weight: bold;*/
}
.wkp-article .wkp-article__thearticle.hidden .wkp-article__title{
    margin-bottom: 0px;
}
.wkp-article .publish_date{
    margin-bottom: 5px;
}
.wkp-article .last-edited{
    margin-top: 0px;
}
@media screen and (min-width: 450px) {
    .wkp-article .wkp-article__title {
        font-size:2.6rem
    }
}

.gutenberg .block-editor__container {
    min-height: 100%
}

.gutenberg .interface-interface-skeleton {
    max-width: 1600px;
    left: 30px;
    top: 160px;
    bottom: 30px;
    right: 30px
}

@media (min-width: 1000px) {
    .gutenberg .interface-interface-skeleton {
        left:370px;
        top: 90px
    }
}

.block-editor-editor-skeleton {
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    margin: 0 30px 30px;
    top: 160px;
    left: 0
}

@media (min-width: 999px) {
    .block-editor-editor-skeleton {
        left:300px;
        top: 80px;
        margin: 0 60px 30px
    }
}

body.article-edit-view .wkp-article__header {
    position: fixed;
    z-index: 9999
}

.wkp-postlist,.wkp-catlist {
    list-style: none;
    margin: 0;
    padding: 0
}

.wkp-postlist a,.wkp-catlist a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
        padding: 4px;
    color: #525f7f;
    font-size: 18px;
    line-height: 25px;
    font-family: 'Red Hat Display', sans-serif;
    letter-spacing: .5px;
}


.wkp-postlist svg,.wkp-catlist svg {
    margin-right: 8px
}
.wkp-postlist svg path, .wkp-catlist svg path {
    fill: #312c60;
}
.wkp-postlist.wkp-postlist--recentchanges li {
    display: flex;
    align-items: center
}

.wkp-postlist.wkp-postlist--recentchanges a {
    flex-grow: 1
}

.wkp-postlist.wkp-postlist--recentchanges span {
    color: rgba(0,0,0,0.5)
}

.wkp-userinfo .wkp-userinfo__content >a {
    display: flex;
        align-items: center;
    text-decoration: none;
    font-family: 'Red Hat Display', sans-serif;
}

#post-submission-modal #submit-post{
        padding: 10px 15px;
    background-color: #D54A1C;
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
}
#post-edit-modal input[type="text"], #post-edit-modal select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
#post-edit-modal #editor-actions button{
        padding: 10px 15px;
    background-color: #D54A1C;
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
}
#post-edit-modal #wp-frontend-post-editor-editor-container .mce-menubar{
    display: none;
}
#post-edit-modal #wp-post-content-wrap .mce-menubar{
    display: none;
}
#frontend-post-form .form-group {
    margin-bottom: 15px;
}
#post-edit-modal {
    min-height: 600px !important;
    height: auto !important;
}

@media screen and (min-width: 1000px) {
    #post-submission-modal{
        min-height: 600px !important;
        height: auto !important;
    }
     .ui-dialog{
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
    }
}
@media screen and (max-width: 999px) {
    .wkp-header .wkp-logo a{
        justify-content: flex-start;
    }
    .wkp-article .wkp-article__title{
        font-size: 32px;
    }
    .wkp-thecontent h2 {
        font-size: 28px;
    }
    .wkp-mainnav .wkp-mainnav_mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 10px;
    }
    .ui-dialog{
                height: auto !important;
        width: 92% !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);

    }
    #post-submission-modal{
        height: 90vh !important;
    }
}
/*# sourceMappingURL=style.css.map */