/*=============================
 CSS INDEX For Editor style
 ==============================
 00. Common CSS
 01. Helper CSS Classes
 ================================ */
/*============================================
 00. Common CSS
 ===========================================*/  

\:root
    --title-font: 'Lato', sans-serif;
    --content-font: 'Roboto', sans-serif;
    --color-white: #ffffff
    --color-dark: #0d1b4c
    --color-high-dark: #ff8387
    --color-light: #666666
    --color-light-two: #c1f8ff
    --color-light-three: #f8feff
    --color-light-five: #e6fcff
    --color-shado-color: #c1f8ff5c
@import ./_var
/*============================================
 01. Helper CSS Classes
 ===========================================*/    
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
    font-size: 100%
    line-height: 32px
    font-weight: inherit
    font-style: inherit
    vertical-align: baseline
    margin: 0
    padding: 0
    border: 0
    outline: 0
    text-decoration: none
    font-family: $contentFont
    text-rendering: optimizeLegibility
    word-wrap: break-word
html
  height: 100%
body
  height: 100%
  background: $colorWhite
  color: $colorDark
  overflow-x: hidden
input
  &:-webkit-autofill
    -webkit-box-shadow: 0 0 0px 1000px white inset
    &:hover, &:focus
      -webkit-box-shadow: 0 0 0px 1000px white inset
  &:focus
    outline: 0px
button:focus, textarea
  outline: 0px
select
  &:focus
    outline: none
a
  color: $colorDark
  display: grid
  word-wrap: break-word
  &:focus, &:hover, &:focus i, &:hover i
    text-decoration: none
    outline: 0px solid $colorHighlight
    color: $colorHighlight !important
img
  max-width: 100%
  height: auto
u
    text-decoration: underline
strike
    text-decoration: line-through
small
  font-size: 80%
  font-weight: 400
var
    font-style: italic
.screen-reader-text
    border: 0
    clip: rect(1px, 1px, 1px, 1px)
    clip-path: inset(50%)
    height: 1px
    margin: -1px
    overflow: hidden
    padding: 0
    position: absolute !important
    width: 1px
    &:focus
        background-color: $colorLightThree
        clip: auto !important
        clip-path: none
        color: $colorDark
        display: block
        font-size: 1em
        height: auto
        left: 5px
        line-height: normal
        padding: 15px 23px 14px
        text-decoration: none
        top: 5px
        width: auto
        z-index: 100000
.skip-link
    background: $colorLightThree !important
    visibility: visible
    box-shadow: inset 0px 0px 7px 3px $shadowColor
    max-width: 210px
    font-weight: 700
    border: 1px solid $colorDark
    border-radius: 5px
    left: calc( 50% - 105px ) !important
    top: 40px  !important
    text-align: center
h1,
h2,
h3,
h4,
h5,
h6
    position: relative
    font-family: $titleFont
    font-weight: 600
    margin: 0px
    transition: all 500ms ease
    line-height: 1.2
h1
    font-size: 2.5rem
    font-weight: 700
h2
    font-size: 2.2rem
    font-weight: 700
h3
    font-size: 1.95rem
    font-weight: 600
h4
    font-size: 1.65rem
    font-weight: 600
h5
    font-size: 1.45rem
    font-weight: 600
h6
    font-size: 1.25rem
    font-weight: 600
p
    word-wrap: break-word
    font-size: 18px
    line-height: 1.5em
    margin: 0 0 15px
    color: $colorLight
    strong
        font-weight: 700
b, strong
    font-weight: 700
    color: $colorDark
i,
dfn,
cite,
em, 
    font-style: italic
q
    quotes: "“" "”" "‘" "’"
sub
    bottom: -.25em
    position: relative
sup
    top: -.5em
    position: relative
del
    text-decoration: line-through
mark,
ins
    background: $colorDark
    text-decoration: none
    color: $colorWhite
    padding: 0px 5px
kbd
    padding: 0.2rem 0.4rem
    font-size: 87.5%
    color: $colorWhite
    background-color: $colorDark
    border-radius: 0.2rem
pre
    display: block
    padding: 9.5px
    margin: 0 0 10px
    font-size: 14px
    line-height: 1.42857143
    color: $colorDark
    white-space: pre-wrap
    word-wrap: break-word
    background-color: $colorWhite
    border-radius: 4px
    overflow: auto;
    margin-top: 10px
    border: 1px solid $colorDark
.wp-block-preformatted
    pre
        font-family: $contentFont
        color: $colorDark   
        font-size: 14px

@media (min-width: 600px)
  .wp-block-preformatted
      pre
        font-size: 14px
code
    color:  $colorDark    
    background:  $colorLightFive
    padding: 0px 5px
a
    display: inline-block
address 
    font-style: italic
abbr[title]
    border-bottom: 1px $colorDark dotted
abbr, acronym 
    border-bottom: 1px dotted $colorDark
    cursor: help
abbr[title],
abbr[data-original-title]
  text-decoration: underline
  text-decoration: underline dotted
  cursor: help
  text-decoration-skip-ink: none
acronym[title]
    text-decoration: underline dotted
ul, ol
    margin: 1rem auto !important
    padding-left: 22px !important
ol ol, ol ul, ul ol, ul ul
    margin-top: 0 !important
    margin-bottom: 0 !important
li
    word-wrap: break-word
    font-size: 18px
    line-height: 1.8em
    color: $colorDark
dl
    display: block
    margin-block-start: 1em
    margin-block-end: 1em
    margin-inline-start: 0px
    margin-inline-end: 0px
    margin-top: 0
    margin-bottom: .5rem
    dt
        font-weight: 700
    dd
        margin: 0 1.5em 0.5em
figure
    max-width: 100%
.wp-block-archives-dropdown
    select
        color: $colorDark
        background-color: $colorWhite
        border-color: $colorLightTwo
        max-width: 280px
.wp-block-calendar
    table 
        th
            background-color: $colorWhite
    table,
    th,
    td
        border: 1px solid $colorDark !important
        background-color: $colorWhite
.wp-block-calendar
    tfoot
        a
            color:  $colorDark
.wp-block-latest-comments
    a
        color: $colorHighlight
.wp-block-latest-posts.has-dates
    li
        time
            width: 100%
            text-align: left
            padding: 10px 20px
            float: left
            padding-top: 0
// wp required css
.wp-caption-text
    list-style: outside none
.bypostauthor 
    list-style: outside none
.aligncenter 
    list-style: outside none
    clear: both
    display: block
    margin-left: auto
    margin-right: auto
    text-align: center

// gutenberg unite test

.deafult-logo
    display: block
    text-align: center
.wp-block-code
  font-family: $contentFont
  font-size: 14px
  color: $colorWhite
  padding: .8em 1em
  border: 1px solid $colorDark
  border-radius: 4px

.wp-block-embed
    figcaption
        color: $colorDark
        font-size: 14px
        text-align: center
.wp-block-image
    figcaption
        color: $colorDark
        font-size: 14px
        text-align: center


// quote only

.wp-block-quote__citation
  color: $colorDark
  font-size: 13px
  margin-top: 1em
  position: relative
  font-style: normal
blockquote
  cite, footer
    color: $colorDark
    font-size: 15px
    position: relative
    font-style: normal
    display: block
  &[style*="text-align:right"], &[style*="text-align: right"]
    border-left: none
    border-right: 0px solid $colorDark
    padding-left: 0
    padding-right: 1em
  &[style*="text-align:center"], &[style*="text-align: center"]
    border: none
    padding-left: 0
  &.is-large, &.is-style-large
    border: none
blockquote:not(.is-large):not(.is-style-large)
    position: relative
    margin-bottom: 30px
    padding: 30px 26px
    margin: 20px 0
blockquote.has-text-color.has-very-dark-gray-color
    border-left: 2px solid $colorDark !important
    padding-left: 20px !important
.wp-block-quote.is-large
    position: relative
    margin-bottom: 30px
    padding: 30px 26px
    border-left: 2px solid
    margin: 20px 0
    p
        font-size: 22px
        font-style: normal
.wp-block-quote.is-large
    cite, footer
        text-align: left
        font-size: 17px
.wp-block-quote.is-style-large
    @extend .wp-block-quote.is-large
.wp-block-pullquote
    blockquote
        position: relative !important
        margin-bottom: 0 !important
        padding: 0 !important
        border-left: 0px !important
        background-color: transparent !important
        margin: 0px 0 !important
        &:before, &:after
            content: none !important
        cite, footer
            padding-left: 0px
            border-left: 0px solid $colorHighlight
.wp-block-pullquote.is-style-solid-color
    blockquote
        max-width: 100%
        p
            color: $colorWhite
.wp-block-pullquote
    position: relative
    margin-bottom: 30px
    padding: 50px 50px 45px
    border-left: 0px
    margin: 20px 0
    border-top: 4px solid $colorDark
    border-bottom: 4px solid $colorDark
    color: $colorLight
    text-align: left
    p
        word-wrap: break-word
        font-size: 18px
        line-height: 1.8em
        color: $colorLight
    cite, footer
        color: $colorDark
        font-size: 14px
        margin-top: 1em
        position: relative
        font-weight: 600
        font-style: normal
        display: block
        &:after
            content: ""
            display: block
            width: 50px
            height: 2px
            background: $colorHighlight
            margin-top: 10px
.wp-block-pullquote.aligncenter
    text-align: center
    cite, footer
        &:after
            margin: 0 auto
            display: block
            float: none
            margin-top: 10px
.wp-block-pullquote__citation
  color: $colorLight
  text-transform: uppercase
  font-size: 13px
  font-style: normal
.wp-block-audio
    margin: 10px auto
    audio
        margin-top: 30px
        display: block
        margin-bottom: 5px
        min-width: auto
    figcaption
        color: $colorDark
.wp-block-audio
    figcaption
        color: $colorDark
        font-size: 13px
        text-align: center
.wp-block-button
    position: relative
    z-index: 1
    margin: 10px 0
.wp-block-button__link,
.wp-block-file__button
    line-height: 1.25
    background-color: $colorLightTwo
    color: $colorDark !important
    font-weight: 600 !important
    padding: 12px 24px !important
    font-size: 18px !important
    &:hover
        color: $colorHighlight
.is-style-outline
    color: $colorDark
.wp-block-categories-list
    list-style: unset
    li
        a
            font-size: 18px
            line-height: 1.8em
            color: $colorLight
        &:hover
            a
                color: $colorHighlight
.wp-block-embed__wrapper
    margin-top: 10px
    margin-bottom: 10px
.wp-block-archives-list
    li
        color: $colorDark
        a
            font-size: 18px
            line-height: 1.8em
            color: $colorDark
            font-weight: 500 !important
        &:hover
            a
                color: $colorHighlight
.wp-block-categories-list.aligncenter
    text-align: center
    li
        color: $colorDark
        list-style: outside none
        a
            position: relative
            color: $colorDark
            font-weight: 500 !important
            &::after
                position: absolute
                content: ""
                left: -18px
                top: 17px
                width: 6px
                height: 6px
                border-radius: 50%
                background-color: $colorDark
.wp-block-search .wp-block-search__label
  font-weight: 700
.wp-block-group.has-background
  padding: 20px 30px
  margin-top: 0
  margin-bottom: 15px
.has-large-font-size
    font-size: 25px
.wp-block-separator
  border: none
  border-bottom: 2px solid $colorHighlight
  margin: 1.65em auto
  margin-left: 0
  clear: both
  &:not(.is-style-wide):not(.is-style-dots)
    max-width: 50px
.wp-block-separator.is-style-dots:before
    color: $colorHighlight
.wp-block-table
  width: 100%
  min-width: 240px
  border-collapse: collapse
  td, th
    padding: .8em
    border: 1px solid  #0d1b4c26 !important
    word-wrap: break-word
    font-size: 16px
    line-height: 19px
iframe
  width: 100%
.wp-block-video
    figcaption
        color: $colorDark
        font-size: 13px
        text-align: center
.wp-block-latest-posts
    list-style: outside none
    padding-left: 0 !important
    li
        padding: 0
        background: $colorLightFive
        margin-bottom: 16px
        font-size: 16px
        overflow: hidden
        a
            padding: 10px 20px
            width: 100%
            float: left
            display: block
            margin-bottom: 0
            font-weight: 700
.wp-block-search
    margin-bottom: 10px
    .wp-block-search__input
        position: relative
        width: 100%
        height: 50px
        border: 1px solid #c1f8ff
        border-radius: 5px
        font-size: 16px
        padding: 10px 50px 10px 20px
        max-width: 300px
        color: $colorDark
        margin-right: 10px !important
        margin-top: 5px !important
        margin-bottom: 5px !important
        background: transparent
    button
        position: relative
        display: block
        margin-left: 0px !important
        margin-top: 5px !important
        width: 100%
        max-width: 120px
        height: 50px
        border: 1px solid $colorLightTwo
        border-radius: 10px
        background: $colorLightThree
        padding: 10px 15px
        transition: all 500ms ease
        color: $colorDark
        cursor: pointer
        font-family: $titleFont
        font-size: 16px
        box-shadow: inset 0px 0px 7px 3px $shadowColor
        font-weight: 600
        &:hover
            color: $colorHighlight

.post-password-form
    label
        display: inline-block
    input[type="password"]
        position: relative
        width: 100%
        height: 50px
        border: 1px solid #c1f8ff
        border-radius: 5px
        font-size: 16px
        padding: 10px 50px 10px 20px
        max-width: 300px
        color: $colorDark
        margin-right: 10px !important
        margin-top: 5px !important
        margin-bottom: 5px !important
        background: transparent
    input[name=Submit]
        position: relative
        display: block
        margin-left: 0px !important
        margin-top: 5px !important
        width: 100%
        max-width: 120px
        height: 50px
        border: 1px solid $colorLightTwo
        border-radius: 10px
        background: $colorLightThree
        padding: 10px 15px
        transition: all 500ms ease
        color: $colorDark
        cursor: pointer
        font-family: $titleFont
        font-size: 16px
        box-shadow: inset 0px 0px 7px 3px $shadowColor
        font-weight: 600
        &:hover
            color: $colorHighlight
.mejs-time
    padding: 3px !important
.wp-block-cover-text
    color: $colorWhite !important
    font-size: 22px !important
    strong
        color: $colorWhite
.wp-block-cover,
.wp-block-cover-image
    margin-bottom: 10px
blockquote
    border-left: 2px solid $colorDark
    background-color: $colorLightFive
body
    .wp-block
        width: 100%
        max-width: 1140px
.wp-block-categories__list
    text-align: center
    li
        color: $colorDark
        list-style: outside none
        a
            position: relative
            color: $colorDark
            font-weight: 500 !important
            &::after
                position: absolute
                content: ""
                left: -18px
                top: 17px
                width: 6px
                height: 6px
                border-radius: 50%
                background-color: $colorDark
.wp-block[data-align="center"]
    .wp-block-categories li
        justify-content: center
.wp-block[data-align="center"]
    .wp-block-archives-list li
        justify-content: center
.wp-block[data-align="wide"]
    max-width: 1515px
.wp-block[data-align="full"]
    max-width: 100%
.blocks-gallery-grid
    padding: 0 !important
.block-editor-warning
    border: 1px solid #e2e4e7 !important
    padding: 10px 14px 14px !important
.block-editor-block-list__layout
    .block-editor-block-list__block[data-align=full]
        margin-left: 0
        margin-right: 0