html {
    font-family: sans-serif
}

.brand, .posts-collapse .post-title, body, h1, h2, h3, h4, h5, h6 {
    font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif
}

@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_464428_xyqaxbylf0gm0a4i.eot?t=1509803115805);
    src: url(//at.alicdn.com/t/font_464428_xyqaxbylf0gm0a4i.eot?t=1509803115805#iefix) format('embedded-opentype'), url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url(//at.alicdn.com/t/font_464428_xyqaxbylf0gm0a4i.ttf?t=1509803115805) format('truetype'), url(//at.alicdn.com/t/font_464428_xyqaxbylf0gm0a4i.svg?t=1509803115805#iconfont) format('svg')
}

.posts-collapse .post-author {
    position: absolute;
    font-size: 12px;
    right: 20px;
    top: 18px
}

.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-wrap {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

[hidden] {
    display: none
}

a {
    background-color: transparent
}

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

b {
    font-weight: 700
}

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

img {
    border: 0
}

button, input {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::selection {
    background: #262a30;
    color: #fff
}

body {
    position: relative;
    font-size: 15px;
    line-height: 2;
    color: #555;
    background: #fff
}

@media (max-width: 767px) {
    body {
        padding-right: 0 !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body {
        padding-right: 0 !important
    }
}

@media (min-width: 1600px) {
    body {
        font-size: 16px
    }
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    color: #333;
    font-weight: 400;
    line-height: 1
}

h1 {
    font-size: 24px
}

@media (max-width: 767px) {
    h1 {
        font-size: 20px
    }
}

h2 {
    font-size: 22px
}

@media (max-width: 767px) {
    h2 {
        font-size: 18px
    }
}

h3 {
    font-size: 20px
}

@media (max-width: 767px) {
    h3 {
        font-size: 16px
    }
}

h4 {
    font-size: 18px
}

@media (max-width: 767px) {
    h4 {
        font-size: 14px
    }
}

h5 {
    font-size: 16px
}

@media (max-width: 767px) {
    h5 {
        font-size: 12px
    }
}

h6 {
    font-size: 14px
}

@media (max-width: 767px) {
    h6 {
        font-size: 10px
    }
}

p {
    margin: 0 0 25px 0
}

a {
    color: #555;
    text-decoration: none;
    border-bottom: 1px solid #999
}

a:hover {
    color: #222;
    border-bottom-color: #222
}

ul {
    list-style: none
}

img {
    display: block;
    margin: auto 0;
    max-width: 100%;
    height: auto
}

h2, h3, h4, h5, h6 {
    margin: 20px 0 15px
}

ul {
    list-style: square
}

a {
    word-wrap: break-word
}

dd {
    margin: 0;
    padding: 0
}

.text-left {
    text-align: left
}

.use-motion .motion-element {
    opacity: 0
}

body, html {
    height: 100%
}

.container {
    position: relative;
    min-height: 100%
}

.header-inner {
    margin: 0 auto;
    padding: 100px 0 70px;
    width: 1200px
}

.one-column .header-inner {
    width: 700px
}

@media (min-width: 1600px) {
    .one-column .header-inner {
        width: 900px
    }
}

.main {
    padding-bottom: 150px
}

.main-inner {
    margin: 0 auto;
    width: 1200px
}

.one-column .main-inner {
    width: 700px
}

@media (min-width: 1600px) {
    .one-column .main-inner {
        width: 900px
    }
}

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 50px
}

.footer-inner {
    margin: 20px auto;
    width: 1200px
}

.one-column .footer-inner {
    width: 700px
}

@media (min-width: 1600px) {
    .one-column .footer-inner {
        width: 900px
    }
}

.headband {
    height: 3px;
    background: #222
}

.header {
    background: #fff
}

.header-inner {
    position: relative
}

.site-meta {
    margin: 0;
    text-align: left
}

@media (max-width: 767px) {
    .site-meta {
        text-align: center
    }
}

.brand {
    position: relative;
    display: inline-block;
    padding: 0 40px;
    color: #222;
    background: #222;
    border-bottom: 0
}

.brand:hover {
    color: #222
}

.logo {
    display: inline-block;
    margin-right: 5px;
    line-height: 36px;
    vertical-align: top
}

.site-title {
    display: inline-block;
    vertical-align: top;
    line-height: 36px;
    font-size: 20px;
    font-weight: 400
}

.use-motion .brand {
    opacity: 0
}

.use-motion .logo, .use-motion .site-title {
    opacity: 0;
    position: relative;
    top: -10px
}

.site-nav-toggle {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px
}

@media (max-width: 767px) {
    .site-nav-toggle {
        display: block
    }
}

.site-nav-toggle button {
    margin-top: 2px;
    padding: 9px 10px;
    background: 0;
    border: 0
}

@media (max-width: 767px) {
    .site-nav {
        display: none;
        margin: 0 -10px;
        padding: 0 10px;
        clear: both;
        border-top: 1px solid #ddd
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .site-nav {
        display: block !important
    }
}

@media (min-width: 992px) {
    .site-nav {
        display: block !important
    }
}

.menu {
    margin-top: 20px;
    padding-left: 0;
    text-align: center
}

.menu .menu-item {
    display: inline-block;
    margin: 0 10px
}

@media screen and (max-width: 767px) {
    .menu .menu-item {
        margin-top: 10px
    }
}

.menu .menu-item a {
    display: block;
    font-size: 13px;
    text-transform: capitalize;
    line-height: 1.5;
    border-bottom: 1px solid transparent;
    transition-property: border-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.menu .menu-item a:hover {
    border-bottom-color: #222
}

.use-motion .menu-item {
    opacity: 0
}

.sidebar-toggle {
    position: fixed;
    right: 50px;
    bottom: 45px;
    width: 15px;
    height: 15px;
    padding: 5px;
    background: #222;
    line-height: 0;
    z-index: 1050;
    cursor: pointer;
    -webkit-transform: translateZ(0)
}

@media (min-width: 768px) and (max-width: 991px) {
    .sidebar-toggle {
        display: none
    }
}

@media (max-width: 767px) {
    .sidebar-toggle {
        display: none
    }
}

.sidebar-toggle-line {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 2px;
    width: 100%;
    background: #fff;
    margin-top: 3px
}

.sidebar-toggle-line:first-child {
    margin-top: 0
}

.sidebar {
    width: 0;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1040;
    box-shadow: inset 0 2px 6px #000;
    background: #222;
    -webkit-transform: translateZ(0)
}

.sidebar a {
    color: #999;
    border-bottom-color: #555
}

.sidebar a:hover {
    color: #eee
}

@media (min-width: 768px) and (max-width: 991px) {
    .sidebar {
        display: none !important
    }
}

@media (max-width: 767px) {
    .sidebar {
        display: none !important
    }
}

.sidebar-inner {
    position: relative;
    padding: 20px 10px;
    color: #999;
    text-align: center
}

.site-author-image {
    display: block;
    margin: 0 auto;
    max-width: 96px;
    height: auto;
    border: 2px solid #333;
    padding: 2px
}

.site-author-name {
    margin: 5px 0 0;
    color: #f5f5f5
}

.site-description {
    margin-top: 5px;
    font-size: 14px;
    color: #555
}

.site-state {
    overflow: hidden;
    line-height: 1.4
}

.site-state-item {
    display: inline-block;
    padding: 0 15px;
    border-left: 1px solid #333
}

.site-state-item:first-child {
    border-left: none
}

.site-state-item a {
    border-bottom: 0
}

.site-state-item-count {
    display: block;
    text-align: center;
    font-size: 18px
}

.site-state-item-name {
    font-size: 13px
}

.sidebar-nav {
    margin: 0 0 20px;
    padding-left: 0
}

.sidebar-nav li {
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    font-size: 15px
}

.sidebar-nav li:hover {
    color: #f5f5f5
}

.sidebar-nav .sidebar-nav-active {
    color: #87daff;
    border-bottom-color: #87daff
}

.sidebar-nav .sidebar-nav-active:hover {
    color: #87daff
}

.sidebar-panel {
    display: none
}

.sidebar-panel-active {
    display: block
}

.post-toc {
    overflow: hidden;
    position: relative
}

.post-toc-empty {
    font-size: 14px;
    color: #666
}

.post-toc .nav .active > a {
    color: #ccc
}

.post-toc .nav .active-current > a {
    color: #87daff
}

.post-toc .nav .active-current > a:hover {
    color: #87daff
}

.post-toc-indicator {
    height: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.post-toc-indicator-top {
    opacity: 0;
    margin-top: 10px
}

.footer {
    font-size: 14px;
    color: #999
}

.footer img {
    border: 0
}

.footer-inner {
    text-align: center
}

@media (max-width: 767px) {
    body {
        font-size: 14px
    }

    .footer-inner, .header-inner, .main-inner, .main-inner .content, .one-column .footer-inner, .one-column .header-inner, .one-column .main-inner {
        width: auto
    }

    .main-inner {
        margin: 20px auto 0
    }

    .footer-inner {
        padding: 0 10px
    }
}

.btn {
    display: inline-block;
    padding: 0 20px;
    font-size: 15px;
    color: #fff;
    background: #222;
    border: 2px solid #222;
    text-decoration: none;
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.btn:hover {
    border-color: #222;
    color: #222;
    background: #fff
}

.btn-bar {
    display: block;
    width: 22px;
    height: 2px;
    background: #555;
    border-radius: 1px
}

.btn-bar + .btn-bar {
    margin-top: 4px
}

.post-body .fancybox img {
    display: block !important;
    margin: 0 auto;
    cursor: pointer;
    cursor: zoom-out;
    cursor: -webkit-zoom-in
}

.post-nav {
    overflow: hidden;
    margin-top: 60px;
    padding: 10px;
    white-space: nowrap;
    border-top: 1px solid #eee
}

.post-nav-item {
    display: inline-block;
    width: 50%;
    white-space: normal
}

.post-nav-item a {
    position: relative;
    display: inline-block;
    line-height: 25px;
    font-size: 14px;
    color: #555;
    border-bottom: 0
}

.post-nav-item a:hover {
    color: #222;
    font-weight: 700;
    border-bottom: 0
}

.post-nav-item a:active {
    top: 2px
}

.post-nav-item a:after, .post-nav-item a:before {
    display: inline-block;
    width: 16px;
    height: 25px;
    vertical-align: top;
    opacity: .4;
    background-size: 16px
}

.post-nav-next {
    text-align: right
}

.post-nav-next a:after {
    content: ' ';
    background: url(http://rss.foreverblog.cn/wp-content/themes/fonts/8dba20b50720425b818df328e4a7f441.woff) no-repeat 100% 50%;
    background-size: 8px
}

.post-nav-next a:hover:after {
    opacity: 1
}

@media (max-width: 767px) {
    .posts-collapse {
        margin: 0 20px
    }

    .posts-collapse .post-meta, .posts-collapse .post-title {
        display: block;
        width: auto;
        text-align: left
    }
}

.posts-collapse {
    margin-left: 0
}

@media (max-width: 767px) {
    .posts-collapse {
        margin: 0 20px
    }
}

.posts-collapse .post-header {
    position: relative;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-property: border;
    border-bottom: 1px dashed #ccc
}

.posts-collapse .post-header::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    margin-left: -4px;
    background: #bbb;
    border-radius: 50%;
    border: 1px solid #fff;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-property: background
}

.posts-collapse .post-header:hover {
    border-bottom-color: #666
}

.posts-collapse .post-header:hover::before {
    background: #222
}

.posts-collapse .post-meta {
    position: absolute;
    font-size: 12px;
    left: 8px;
    top: 5px
}

.posts-collapse .post-title {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: inherit
}

.posts-collapse .post-title::after {
    margin-left: 3px;
    opacity: .6
}

.posts-collapse .post-title a {
    color: #666;
    border-bottom: 0;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block
}

.pagination {
    margin: 120px 0 40px;
    text-align: center;
    border-top: 1px solid #eee
}

.pagination .next, .pagination a {
    display: inline-block;
    position: relative;
    top: -1px;
    margin: 0 10px;
    padding: 0 10px;
    line-height: 30px
}

@media (max-width: 767px) {
    .pagination .next, .pagination a {
        margin: 0 5px
    }
}

.pagination .next, .pagination a {
    border-bottom: 0;
    border-top: 1px solid #eee;
    transition-property: border-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.pagination .next:hover, .pagination a:hover {
    border-top-color: #222
}

.pagination .next {
    margin-right: 0
}

@media (max-width: 767px) {
    .pagination {
        border-top: 0
    }

    .pagination .next, .pagination a {
        margin-bottom: 10px;
        border-top: 0;
        border-bottom: 1px solid #eee
    }

    .pagination .next:hover, .pagination a:hover {
        border-bottom-color: #222
    }
}

.current {
    line-height: 30px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0 10px;
    color: #fff;
    background: #ccc;
    display: inline-block
}

.back-to-top {
    position: fixed;
    bottom: 19px;
    right: 50px;
    z-index: 1050;
    width: 15px;
    height: 13px;
    padding: 5px;
    background: #222;
    color: #fff;
    cursor: pointer;
    -webkit-transform: translateZ(0)
}

@media (max-width: 767px) {
    .back-to-top {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .back-to-top {
        display: none
    }
}

.back-to-top:before {
    display: block;
    content: " ";
    margin-top: 2px;
    width: 0;
    height: 0;
    border-width: 0 7px 8px 7px;
    border-color: transparent transparent #fff transparent;
    border-style: solid
}

.use-motion .post {
    opacity: 0
}

h1, h2, h3, h4, h5, h6 {
    margin: 20px 0 10px
}

p {
    margin: 0 0 25px 0
}

a {
    border-bottom-color: #ccc
}

.header {
    background: #f5f5f5
}

.header-inner {
    margin-bottom: 80px;
    padding: 40px 0
}

.header-inner:after, .header-inner:before {
    content: " ";
    display: table
}

.header-inner:after {
    clear: both
}

@media (max-width: 767px) {
    .header-inner {
        margin-bottom: 50px;
        padding: 10px
    }
}

.site-meta {
    float: left;
    margin-left: -20px
}

@media (max-width: 767px) {
    .site-meta {
        margin-left: 10px
    }
}

.site-meta .brand {
    padding: 2px 1px;
    background: 0
}

@media (max-width: 767px) {
    .site-meta .brand {
        display: block
    }
}

.site-meta .logo {
    display: none
}

.site-meta .site-title {
    font-size: 22px;
    font-weight: bolder
}

@media (max-width: 767px) {
    .site-meta .site-title {
        line-height: 34px
    }
}

.logo-line-after, .logo-line-before {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 75%
}

@media (max-width: 767px) {
    .logo-line-after, .logo-line-before {
        display: none
    }
}

.logo-line-after i, .logo-line-before i {
    position: relative;
    display: block;
    height: 2px;
    background: #222
}

@media (max-width: 767px) {
    .logo-line-after i, .logo-line-before i {
        height: 3px
    }
}

.use-motion .logo-line-before i {
    left: -100%
}

.use-motion .logo-line-after i {
    right: -100%
}

.site-nav-toggle {
    position: static;
    float: right
}

.menu {
    float: right;
    margin: 8px 0 0 20px;
    padding: 0 20px
}

@media (max-width: 767px) {
    .menu {
        margin: 0;
        padding: 0
    }
}

.menu .menu-item {
    margin: 0
}

@media (max-width: 767px) {
    .menu .menu-item {
        display: block
    }
}

.menu .menu-item a {
    padding: 5px 10px;
    background: 0;
    border: 0;
    transition-property: background
}

@media (max-width: 767px) {
    .menu .menu-item a {
        text-align: left;
        margin-top: 5px;
        padding: 8px 10px
    }
}

.menu .menu-item a:hover {
    background: #e1e1e1
}

.menu a::before {
    display: none
}

@media (max-width: 767px) {
    .menu a::before {
        display: block
    }
}

@media (max-width: 767px) {
    .menu {
        float: none
    }
}

.menu-left {
    float: left
}

@media (max-width: 767px) {
    .menu-left {
        float: none
    }
}

.menu-item-icon {
    display: none
}

.post-tags a.top {
    padding: 1px 5px;
    background: #f5f5f5;
    border-bottom: 0
}

.post-tags a.top:hover {
    background: #ccc
}

.post-tags a:before {
    content: '#'
}

.btn {
    padding: 0 10px;
    border-width: 2px;
    border-radius: 0
}

.headband {
    display: none
}

.site-search {
    float: right;
    margin-top: 8px
}

@media (max-width: 767px) {
    .site-search {
        float: none;
        padding: 0 10px
    }
}

.site-search input {
    padding: 3px;
    border: 0;
    padding-left: 18px;
    border-radius: 0;
    width: 140px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTZweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTUuNywxNC4zbC0zLjEwNS0zLjEwNUMxMy40NzMsMTAuMDI0LDE0LDguNTc2LDE0LDdjMC0zLjg2Ni0zLjEzNC03LTctN1MwLDMuMTM0LDAsN3MzLjEzNCw3LDcsNyAgYzEuNTc2LDAsMy4wMjQtMC41MjcsNC4xOTQtMS40MDVMMTQuMywxNS43YzAuMTg0LDAuMTg0LDAuMzgsMC4zLDAuNywwLjNjMC41NTMsMCwxLTAuNDQ3LDEtMUMxNiwxNC43ODEsMTUuOTQ2LDE0LjU0NiwxNS43LDE0LjN6ICAgTTIsN2MwLTIuNzYyLDIuMjM4LTUsNS01czUsMi4yMzgsNSw1cy0yLjIzOCw1LTUsNVMyLDkuNzYyLDIsN3oiLz48L3N2Zz4=) no-repeat 0 50%;
    background-size: 12px 12px;
    outline: 0;
    border-bottom: 1px solid #999;
    opacity: .5
}

.site-search input:focus {
    opacity: 1
}

.pagination {
    margin: 80px 0 0;
    text-align: left
}

@media (max-width: 767px) {
    .pagination {
        margin: 80px 10px 0;
        text-align: center
    }
}

.footer {
    margin-top: 80px;
    padding: 10px 0;
    background: #f5f5f5;
    color: #666
}

.footer-inner {
    margin: 0 auto;
    text-align: left
}

@media (max-width: 767px) {
    .footer-inner {
        text-align: center
    }
}

.post-content a {
    border-bottom: 1px solid #ddd
}

.post-content a:hover, .post-meta a:hover {
    border-bottom-color: transparent
}

.post-content h2 {
    font-size: 1.28571em
}

.post-content a img {
    background: #fff;
    position: relative;
    bottom: -4px
}

.copyright {
    line-height: 50px
}

.img-logo {
    height: 40px;
    width: 120px
}

.sidebar-nav.motion-element > li + li {
    margin-left: 20px
}

main.main {
    padding-top: 0
}

.input_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.wp-block-button {
    color: #fff
}

.wp-block-button__link {
    background-color: #32373c;
    border: 0;
    border-radius: 28px;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word
}

.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
    color: inherit
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word
}

@media (max-width: 599px) {
    .wp-block-column {
        flex-basis: 100% !important
    }
}

@media (min-width: 600px) {
    .wp-block-column {
        flex-basis: calc(50% - 16px);
        flex-grow: 0
    }

    .wp-block-column:nth-child(2n) {
        margin-left: 32px
    }
}

@media (min-width: 782px) {
    .wp-block-column:not(:first-child) {
        margin-left: 32px
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

@supports (position:sticky) {
    .wp-block-cover-image:after, .wp-block-cover:after {
        content: none
    }
}

@supports (position:sticky) {
    .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start
    }
}

@supports (position:sticky) {
    .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
        width: auto
    }
}

@supports (position:sticky) {
    .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
        height: 100%;
        flex: 1;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width: 600px) {
    @supports (-ms-ime-align:auto) {
        .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
            width: calc((100% - 32px) / 3 - 1px)
        }
    }@supports (-ms-ime-align:auto) {
    .blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item {
        width: calc((100% - 48px) / 4 - 1px)
    }
}@supports (-ms-ime-align:auto) {
    .blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
        width: calc((100% - 64px) / 5 - 1px)
    }
}@supports (-ms-ime-align:auto) {
    .blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item {
        width: calc((100% - 80px) / 6 - 1px)
    }
}@supports (-ms-ime-align:auto) {
    .blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item {
        width: calc((100% - 96px) / 7 - 1px)
    }
}@supports (-ms-ime-align:auto) {
    .blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item {
        width: calc((100% - 112px) / 8 - 1px)
    }
}
}

.wp-block-image {
    max-width: 100%;
    margin-bottom: 1em
}

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

@supports (mask-image:none) or(-webkit-mask-image:none

) {
    .is-style-circle-mask img {
        mask-image: url(data:image/svg+xml;utf8,SVG_REPLACED);
        mask-mode: alpha;
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        border-radius: none
    }
}

.wp-block-media-text {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    -ms-grid-columns: 50% 1fr;
    grid-template-columns:50% 1fr
}

.wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media {
    -ms-grid-row-align: center;
    align-self: center
}

.wp-block-media-text .wp-block-media-text__media {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 0
}

.wp-block-media-text .wp-block-media-text__content {
    word-break: break-word;
    padding: 0 8%
}

.wp-block-media-text .wp-block-media-text__content {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1
}

.wp-block-rss__item-author {
    display: block;
    color: #6c7781;
    font-size: 13px
}

.wp-block-search {
    display: flex;
    flex-wrap: wrap
}

.wp-block-search .wp-block-search__input {
    flex-grow: 1
}

.wp-block-search .wp-block-search__button {
    margin-left: 10px
}

@supports (position:sticky) {
    .wp-block-video [poster] {
        -o-object-fit: cover;
        object-fit: cover
    }
}